/**
 * Fix for vw, vh, vmin, vmax on iOS 7.
 * http://caniuse.com/#feat=viewport-units
 *
 * This fix works by replacing viewport units with px values on known screen sizes.
 *
 * iPhone 6 and 6 Plus cannot run iOS 7, so are not targeted by this fix.
 * Target devices running iOS 8+ will incidentally execute the media query,
 * but this will still produce the expected result; so this is not a problem.
 *
 * As an example, replace:
 *
 *   height: 50vh;
 *   font-size: 5vmin;
 *
 * with:
 *
 *   @include viewport-unit(height, 50vh);
 *   @include viewport-unit(font-size, 5vmin);
 */
@media screen {
  p {
    margin-bottom: 1em;
  }
  h1, h2, h3, h4, h5, h6 {
    margin: 0;
    line-height: 1.2;
    font-weight: 400;
    font-size: 1em;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  a:hover {
    text-decoration: underline;
  }
  *::selection {
    color: white;
    background: #112e7f;
  }
  *::-moz-selection {
    color: white;
    background: #112e7f;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .center {
    text-align: center;
  }
  .keep-line-breaks {
    white-space: pre-wrap;
  }
  .blue {
    color: #225cfe;
  }
  i {
    display: inline-block;
    margin-top: 0.25em;
  }
  i i {
    font-style: normal;
    margin: 0;
  }
}

@media screen {
  * {
    margin: 0;
    padding: 0;
  }
  html, body {
    width: 100%;
    min-height: 100%;
  }
  body {
    margin: 0;
    font-size: 18px;
    position: relative;
    font-family: 'Raleway', Arial, sans-serif;
    line-height: 1.4;
    color: #202020;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-smooth: always;
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0.1);
    /*overflow-x: hidden;*/
  }
  ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  /*** IMAGES & VIDEOS ***/
  .landscape-image-wrapper {
    height: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 66.7%;
    /* landscape ratio */
    z-index: 3;
  }
  .portrait-image-wrapper {
    height: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 150%;
    /* portrait ratio */
    z-index: 3;
  }
  .video-image-wrapper {
    height: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    /* 16/9 ratio */
    z-index: 3;
  }
  .square-image-wrapper {
    height: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    /* square ratio */
    z-index: 3;
  }
  .image-wrapper-inner, .video-wrapper-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -moz-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -moz-align-content: center;
    -o-align-content: center;
    -webkit-align-content: center;
    -ms-align-content: center;
    align-content: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .image-wrapper-inner img {
    display: block;
    width: 100%;
    min-height: 100%;
    height: auto;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    -webkit-object-fit: cover;
    object-fit: cover;
  }
  a.fake-link {
    text-decoration: underline;
  }
  a.fake-link:hover {
    text-decoration: none;
  }
}

@media screen and (max-width: 1480px) {
  body {
    font-size: 17px;
  }
}

@media screen and (max-width: 1240px) {
  body {
    font-size: 16px;
  }
}

@media screen and (max-width: 720px) {
  body {
    font-size: 15px;
  }
}

@media screen and (max-width: 640px) {
  .hide-on-mobile {
    display: none;
  }
}

/*** BEGIN CSS ***/
/*** RESPONSIVE ***/
@media screen {
  /*** LAYOUT ***/
  .wrapper {
    width: 1440px;
    margin: 0 auto;
  }
  .flex-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .flex-column {
    -moz-flex-direction: column;
    -o-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /*** standard layout ***/
  .row {
    margin: 0 calc(-1/2 * 40px);
  }
  .col {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 calc(40px / 2);
  }
  .five-sixth-col {
    -moz-flex-basis: calc(100% * (5 / 6));
    -o-flex-basis: calc(100% * (5 / 6));
    -webkit-flex-basis: calc(100% * (5 / 6));
    -ms-flex-basis: calc(100% * (5 / 6));
    flex-basis: calc(100% * (5 / 6));
  }
  .three-quarter-col {
    -moz-flex-basis: 75%;
    -o-flex-basis: 75%;
    -webkit-flex-basis: 75%;
    -ms-flex-basis: 75%;
    flex-basis: 75%;
  }
  .two-third-col {
    -moz-flex-basis: calc(100% * (2 / 3));
    -o-flex-basis: calc(100% * (2 / 3));
    -webkit-flex-basis: calc(100% * (2 / 3));
    -ms-flex-basis: calc(100% * (2 / 3));
    flex-basis: calc(100% * (2 / 3));
  }
  .three-fifth-col {
    -moz-flex-basis: calc(100% * (3 / 5));
    -o-flex-basis: calc(100% * (3 / 5));
    -webkit-flex-basis: calc(100% * (3 / 5));
    -ms-flex-basis: calc(100% * (3 / 5));
    flex-basis: calc(100% * (3 / 5));
  }
  .one-half-col {
    -moz-flex-basis: 50%;
    -o-flex-basis: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
  }
  .three-eighth-col {
    -moz-flex-basis: 37.5%;
    -o-flex-basis: 37.5%;
    -webkit-flex-basis: 37.5%;
    -ms-flex-basis: 37.5%;
    flex-basis: 37.5%;
  }
  .one-third-col {
    -moz-flex-basis: calc(100% / 3);
    -o-flex-basis: calc(100% / 3);
    -webkit-flex-basis: calc(100% / 3);
    -ms-flex-basis: calc(100% / 3);
    flex-basis: calc(100% / 3);
  }
  .one-quarter-col {
    -moz-flex-basis: 25%;
    -o-flex-basis: 25%;
    -webkit-flex-basis: 25%;
    -ms-flex-basis: 25%;
    flex-basis: 25%;
  }
  .one-fifth-col {
    -moz-flex-basis: 20%;
    -o-flex-basis: 20%;
    -webkit-flex-basis: 20%;
    -ms-flex-basis: 20%;
    flex-basis: 20%;
  }
  .one-sixth-col {
    -moz-flex-basis: calc(100% / 6);
    -o-flex-basis: calc(100% / 6);
    -webkit-flex-basis: calc(100% / 6);
    -ms-flex-basis: calc(100% / 6);
    flex-basis: calc(100% / 6);
  }
  .one-eighth-col {
    -moz-flex-basis: 12.5%;
    -o-flex-basis: 12.5%;
    -webkit-flex-basis: 12.5%;
    -ms-flex-basis: 12.5%;
    flex-basis: 12.5%;
  }
  /*** slider ***/
  .large-row {
    margin: 0 calc(-1/4 * 40px);
  }
  .large-row .one-quarter-col {
    width: calc((25 * (1440px + (40px / 4))) / 100);
  }
  .large-col {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 calc(40px / 4);
  }
}

@media screen and (max-width: 1480px) {
  /*** LAYOUT ***/
  .wrapper {
    width: calc(100% - 40px);
    margin: 0 auto;
  }
  .flex-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .flex-column {
    -moz-flex-direction: column;
    -o-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /*** standard layout ***/
  .row {
    margin: 0 calc(-1/2 * 40px);
  }
  .col {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 calc(40px / 2);
  }
  .five-sixth-col {
    -moz-flex-basis: calc(100% * (5 / 6));
    -o-flex-basis: calc(100% * (5 / 6));
    -webkit-flex-basis: calc(100% * (5 / 6));
    -ms-flex-basis: calc(100% * (5 / 6));
    flex-basis: calc(100% * (5 / 6));
  }
  .three-quarter-col {
    -moz-flex-basis: 75%;
    -o-flex-basis: 75%;
    -webkit-flex-basis: 75%;
    -ms-flex-basis: 75%;
    flex-basis: 75%;
  }
  .two-third-col {
    -moz-flex-basis: calc(100% * (2 / 3));
    -o-flex-basis: calc(100% * (2 / 3));
    -webkit-flex-basis: calc(100% * (2 / 3));
    -ms-flex-basis: calc(100% * (2 / 3));
    flex-basis: calc(100% * (2 / 3));
  }
  .three-fifth-col {
    -moz-flex-basis: calc(100% * (3 / 5));
    -o-flex-basis: calc(100% * (3 / 5));
    -webkit-flex-basis: calc(100% * (3 / 5));
    -ms-flex-basis: calc(100% * (3 / 5));
    flex-basis: calc(100% * (3 / 5));
  }
  .one-half-col {
    -moz-flex-basis: 50%;
    -o-flex-basis: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
  }
  .three-eighth-col {
    -moz-flex-basis: 37.5%;
    -o-flex-basis: 37.5%;
    -webkit-flex-basis: 37.5%;
    -ms-flex-basis: 37.5%;
    flex-basis: 37.5%;
  }
  .one-third-col {
    -moz-flex-basis: calc(100% / 3);
    -o-flex-basis: calc(100% / 3);
    -webkit-flex-basis: calc(100% / 3);
    -ms-flex-basis: calc(100% / 3);
    flex-basis: calc(100% / 3);
  }
  .one-quarter-col {
    -moz-flex-basis: 25%;
    -o-flex-basis: 25%;
    -webkit-flex-basis: 25%;
    -ms-flex-basis: 25%;
    flex-basis: 25%;
  }
  .one-fifth-col {
    -moz-flex-basis: 20%;
    -o-flex-basis: 20%;
    -webkit-flex-basis: 20%;
    -ms-flex-basis: 20%;
    flex-basis: 20%;
  }
  .one-sixth-col {
    -moz-flex-basis: calc(100% / 6);
    -o-flex-basis: calc(100% / 6);
    -webkit-flex-basis: calc(100% / 6);
    -ms-flex-basis: calc(100% / 6);
    flex-basis: calc(100% / 6);
  }
  .one-eighth-col {
    -moz-flex-basis: 12.5%;
    -o-flex-basis: 12.5%;
    -webkit-flex-basis: 12.5%;
    -ms-flex-basis: 12.5%;
    flex-basis: 12.5%;
  }
  /*** slider ***/
  .large-row {
    margin: 0 calc(-1/4 * 40px);
  }
  .large-row .one-quarter-col {
    width: calc((25 * (calc(100% - 40px) + (40px / 4))) / 100);
  }
  .large-col {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 calc(40px / 4);
  }
}

@media screen and (max-width: 1240px) {
  /*** LAYOUT ***/
  .wrapper {
    width: calc(100% - 30px);
    margin: 0 auto;
  }
  .flex-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .flex-column {
    -moz-flex-direction: column;
    -o-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /*** standard layout ***/
  .row {
    margin: 0 calc(-1/2 * 30px);
  }
  .col {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 calc(30px / 2);
  }
  .five-sixth-col {
    -moz-flex-basis: calc(100% * (5 / 6));
    -o-flex-basis: calc(100% * (5 / 6));
    -webkit-flex-basis: calc(100% * (5 / 6));
    -ms-flex-basis: calc(100% * (5 / 6));
    flex-basis: calc(100% * (5 / 6));
  }
  .three-quarter-col {
    -moz-flex-basis: 75%;
    -o-flex-basis: 75%;
    -webkit-flex-basis: 75%;
    -ms-flex-basis: 75%;
    flex-basis: 75%;
  }
  .two-third-col {
    -moz-flex-basis: calc(100% * (2 / 3));
    -o-flex-basis: calc(100% * (2 / 3));
    -webkit-flex-basis: calc(100% * (2 / 3));
    -ms-flex-basis: calc(100% * (2 / 3));
    flex-basis: calc(100% * (2 / 3));
  }
  .three-fifth-col {
    -moz-flex-basis: calc(100% * (3 / 5));
    -o-flex-basis: calc(100% * (3 / 5));
    -webkit-flex-basis: calc(100% * (3 / 5));
    -ms-flex-basis: calc(100% * (3 / 5));
    flex-basis: calc(100% * (3 / 5));
  }
  .one-half-col {
    -moz-flex-basis: 50%;
    -o-flex-basis: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
  }
  .three-eighth-col {
    -moz-flex-basis: 37.5%;
    -o-flex-basis: 37.5%;
    -webkit-flex-basis: 37.5%;
    -ms-flex-basis: 37.5%;
    flex-basis: 37.5%;
  }
  .one-third-col {
    -moz-flex-basis: calc(100% / 3);
    -o-flex-basis: calc(100% / 3);
    -webkit-flex-basis: calc(100% / 3);
    -ms-flex-basis: calc(100% / 3);
    flex-basis: calc(100% / 3);
  }
  .one-quarter-col {
    -moz-flex-basis: 25%;
    -o-flex-basis: 25%;
    -webkit-flex-basis: 25%;
    -ms-flex-basis: 25%;
    flex-basis: 25%;
  }
  .one-fifth-col {
    -moz-flex-basis: 20%;
    -o-flex-basis: 20%;
    -webkit-flex-basis: 20%;
    -ms-flex-basis: 20%;
    flex-basis: 20%;
  }
  .one-sixth-col {
    -moz-flex-basis: calc(100% / 6);
    -o-flex-basis: calc(100% / 6);
    -webkit-flex-basis: calc(100% / 6);
    -ms-flex-basis: calc(100% / 6);
    flex-basis: calc(100% / 6);
  }
  .one-eighth-col {
    -moz-flex-basis: 12.5%;
    -o-flex-basis: 12.5%;
    -webkit-flex-basis: 12.5%;
    -ms-flex-basis: 12.5%;
    flex-basis: 12.5%;
  }
  /*** slider ***/
  .large-row {
    margin: 0 calc(-1/4 * 30px);
  }
  .large-row .one-quarter-col {
    width: calc((25 * (calc(100% - 30px) + (30px / 4))) / 100);
  }
  .large-col {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 calc(30px / 4);
  }
}

@media screen and (max-width: 980px) {
  /*** LAYOUT ***/
  .wrapper {
    width: calc(100% - 30px);
    margin: 0 auto;
  }
  .flex-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .flex-column {
    -moz-flex-direction: column;
    -o-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /*** standard layout ***/
  .row {
    margin: 0 calc(-1/2 * 30px);
  }
  .col {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 calc(30px / 2);
  }
  .five-sixth-col {
    -moz-flex-basis: calc(100% * (5 / 6));
    -o-flex-basis: calc(100% * (5 / 6));
    -webkit-flex-basis: calc(100% * (5 / 6));
    -ms-flex-basis: calc(100% * (5 / 6));
    flex-basis: calc(100% * (5 / 6));
  }
  .three-quarter-col {
    -moz-flex-basis: 75%;
    -o-flex-basis: 75%;
    -webkit-flex-basis: 75%;
    -ms-flex-basis: 75%;
    flex-basis: 75%;
  }
  .two-third-col {
    -moz-flex-basis: calc(100% * (2 / 3));
    -o-flex-basis: calc(100% * (2 / 3));
    -webkit-flex-basis: calc(100% * (2 / 3));
    -ms-flex-basis: calc(100% * (2 / 3));
    flex-basis: calc(100% * (2 / 3));
  }
  .three-fifth-col {
    -moz-flex-basis: calc(100% * (3 / 5));
    -o-flex-basis: calc(100% * (3 / 5));
    -webkit-flex-basis: calc(100% * (3 / 5));
    -ms-flex-basis: calc(100% * (3 / 5));
    flex-basis: calc(100% * (3 / 5));
  }
  .one-half-col {
    -moz-flex-basis: 50%;
    -o-flex-basis: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
  }
  .three-eighth-col {
    -moz-flex-basis: 37.5%;
    -o-flex-basis: 37.5%;
    -webkit-flex-basis: 37.5%;
    -ms-flex-basis: 37.5%;
    flex-basis: 37.5%;
  }
  .one-third-col {
    -moz-flex-basis: calc(100% / 3);
    -o-flex-basis: calc(100% / 3);
    -webkit-flex-basis: calc(100% / 3);
    -ms-flex-basis: calc(100% / 3);
    flex-basis: calc(100% / 3);
  }
  .one-quarter-col {
    -moz-flex-basis: 25%;
    -o-flex-basis: 25%;
    -webkit-flex-basis: 25%;
    -ms-flex-basis: 25%;
    flex-basis: 25%;
  }
  .one-fifth-col {
    -moz-flex-basis: 20%;
    -o-flex-basis: 20%;
    -webkit-flex-basis: 20%;
    -ms-flex-basis: 20%;
    flex-basis: 20%;
  }
  .one-sixth-col {
    -moz-flex-basis: calc(100% / 6);
    -o-flex-basis: calc(100% / 6);
    -webkit-flex-basis: calc(100% / 6);
    -ms-flex-basis: calc(100% / 6);
    flex-basis: calc(100% / 6);
  }
  .one-eighth-col {
    -moz-flex-basis: 12.5%;
    -o-flex-basis: 12.5%;
    -webkit-flex-basis: 12.5%;
    -ms-flex-basis: 12.5%;
    flex-basis: 12.5%;
  }
  /*** slider ***/
  .large-row {
    margin: 0 calc(-1/4 * 30px);
  }
  .large-row .one-quarter-col {
    width: calc((25 * (calc(100% - 30px) + (30px / 4))) / 100);
  }
  .large-col {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 calc(30px / 4);
  }
}

@media screen and (max-width: 720px) {
  /*** LAYOUT ***/
  .wrapper {
    width: calc(100% - 20px);
    margin: 0 auto;
  }
  .flex-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .flex-column {
    -moz-flex-direction: column;
    -o-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /*** standard layout ***/
  .row {
    margin: 0 calc(-1/2 * 20px);
  }
  .col {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 calc(20px / 2);
  }
  .five-sixth-col {
    -moz-flex-basis: calc(100% * (5 / 6));
    -o-flex-basis: calc(100% * (5 / 6));
    -webkit-flex-basis: calc(100% * (5 / 6));
    -ms-flex-basis: calc(100% * (5 / 6));
    flex-basis: calc(100% * (5 / 6));
  }
  .three-quarter-col {
    -moz-flex-basis: 75%;
    -o-flex-basis: 75%;
    -webkit-flex-basis: 75%;
    -ms-flex-basis: 75%;
    flex-basis: 75%;
  }
  .two-third-col {
    -moz-flex-basis: calc(100% * (2 / 3));
    -o-flex-basis: calc(100% * (2 / 3));
    -webkit-flex-basis: calc(100% * (2 / 3));
    -ms-flex-basis: calc(100% * (2 / 3));
    flex-basis: calc(100% * (2 / 3));
  }
  .three-fifth-col {
    -moz-flex-basis: calc(100% * (3 / 5));
    -o-flex-basis: calc(100% * (3 / 5));
    -webkit-flex-basis: calc(100% * (3 / 5));
    -ms-flex-basis: calc(100% * (3 / 5));
    flex-basis: calc(100% * (3 / 5));
  }
  .one-half-col {
    -moz-flex-basis: 50%;
    -o-flex-basis: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
  }
  .three-eighth-col {
    -moz-flex-basis: 37.5%;
    -o-flex-basis: 37.5%;
    -webkit-flex-basis: 37.5%;
    -ms-flex-basis: 37.5%;
    flex-basis: 37.5%;
  }
  .one-third-col {
    -moz-flex-basis: calc(100% / 3);
    -o-flex-basis: calc(100% / 3);
    -webkit-flex-basis: calc(100% / 3);
    -ms-flex-basis: calc(100% / 3);
    flex-basis: calc(100% / 3);
  }
  .one-quarter-col {
    -moz-flex-basis: 25%;
    -o-flex-basis: 25%;
    -webkit-flex-basis: 25%;
    -ms-flex-basis: 25%;
    flex-basis: 25%;
  }
  .one-fifth-col {
    -moz-flex-basis: 20%;
    -o-flex-basis: 20%;
    -webkit-flex-basis: 20%;
    -ms-flex-basis: 20%;
    flex-basis: 20%;
  }
  .one-sixth-col {
    -moz-flex-basis: calc(100% / 6);
    -o-flex-basis: calc(100% / 6);
    -webkit-flex-basis: calc(100% / 6);
    -ms-flex-basis: calc(100% / 6);
    flex-basis: calc(100% / 6);
  }
  .one-eighth-col {
    -moz-flex-basis: 12.5%;
    -o-flex-basis: 12.5%;
    -webkit-flex-basis: 12.5%;
    -ms-flex-basis: 12.5%;
    flex-basis: 12.5%;
  }
  /*** slider ***/
  .large-row {
    margin: 0 calc(-1/4 * 20px);
  }
  .large-row .one-quarter-col {
    width: calc((25 * (calc(100% - 20px) + (20px / 4))) / 100);
  }
  .large-col {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 calc(20px / 4);
  }
}

@media screen and (max-width: 640px) {
  /*** LAYOUT ***/
  .wrapper {
    width: calc(100% - 20px);
    margin: 0 auto;
  }
  .flex-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .flex-column {
    -moz-flex-direction: column;
    -o-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /*** standard layout ***/
  .row {
    margin: 0 calc(-1/2 * 20px);
  }
  .col {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 calc(20px / 2);
  }
  .five-sixth-col {
    -moz-flex-basis: calc(100% * (5 / 6));
    -o-flex-basis: calc(100% * (5 / 6));
    -webkit-flex-basis: calc(100% * (5 / 6));
    -ms-flex-basis: calc(100% * (5 / 6));
    flex-basis: calc(100% * (5 / 6));
  }
  .three-quarter-col {
    -moz-flex-basis: 75%;
    -o-flex-basis: 75%;
    -webkit-flex-basis: 75%;
    -ms-flex-basis: 75%;
    flex-basis: 75%;
  }
  .two-third-col {
    -moz-flex-basis: calc(100% * (2 / 3));
    -o-flex-basis: calc(100% * (2 / 3));
    -webkit-flex-basis: calc(100% * (2 / 3));
    -ms-flex-basis: calc(100% * (2 / 3));
    flex-basis: calc(100% * (2 / 3));
  }
  .three-fifth-col {
    -moz-flex-basis: calc(100% * (3 / 5));
    -o-flex-basis: calc(100% * (3 / 5));
    -webkit-flex-basis: calc(100% * (3 / 5));
    -ms-flex-basis: calc(100% * (3 / 5));
    flex-basis: calc(100% * (3 / 5));
  }
  .one-half-col {
    -moz-flex-basis: 50%;
    -o-flex-basis: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
  }
  .three-eighth-col {
    -moz-flex-basis: 37.5%;
    -o-flex-basis: 37.5%;
    -webkit-flex-basis: 37.5%;
    -ms-flex-basis: 37.5%;
    flex-basis: 37.5%;
  }
  .one-third-col {
    -moz-flex-basis: calc(100% / 3);
    -o-flex-basis: calc(100% / 3);
    -webkit-flex-basis: calc(100% / 3);
    -ms-flex-basis: calc(100% / 3);
    flex-basis: calc(100% / 3);
  }
  .one-quarter-col {
    -moz-flex-basis: 25%;
    -o-flex-basis: 25%;
    -webkit-flex-basis: 25%;
    -ms-flex-basis: 25%;
    flex-basis: 25%;
  }
  .one-fifth-col {
    -moz-flex-basis: 20%;
    -o-flex-basis: 20%;
    -webkit-flex-basis: 20%;
    -ms-flex-basis: 20%;
    flex-basis: 20%;
  }
  .one-sixth-col {
    -moz-flex-basis: calc(100% / 6);
    -o-flex-basis: calc(100% / 6);
    -webkit-flex-basis: calc(100% / 6);
    -ms-flex-basis: calc(100% / 6);
    flex-basis: calc(100% / 6);
  }
  .one-eighth-col {
    -moz-flex-basis: 12.5%;
    -o-flex-basis: 12.5%;
    -webkit-flex-basis: 12.5%;
    -ms-flex-basis: 12.5%;
    flex-basis: 12.5%;
  }
  /*** slider ***/
  .large-row {
    margin: 0 calc(-1/4 * 20px);
  }
  .large-row .one-quarter-col {
    width: calc((25 * (calc(100% - 20px) + (20px / 4))) / 100);
  }
  .large-col {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 calc(20px / 4);
  }
}

@media screen and (max-width: 480px) {
  /*** LAYOUT ***/
  .wrapper {
    width: calc(100% - 20px);
    margin: 0 auto;
  }
  .flex-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .flex-column {
    -moz-flex-direction: column;
    -o-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /*** standard layout ***/
  .row {
    margin: 0 calc(-1/2 * 20px);
  }
  .col {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 calc(20px / 2);
  }
  .five-sixth-col {
    -moz-flex-basis: calc(100% * (5 / 6));
    -o-flex-basis: calc(100% * (5 / 6));
    -webkit-flex-basis: calc(100% * (5 / 6));
    -ms-flex-basis: calc(100% * (5 / 6));
    flex-basis: calc(100% * (5 / 6));
  }
  .three-quarter-col {
    -moz-flex-basis: 75%;
    -o-flex-basis: 75%;
    -webkit-flex-basis: 75%;
    -ms-flex-basis: 75%;
    flex-basis: 75%;
  }
  .two-third-col {
    -moz-flex-basis: calc(100% * (2 / 3));
    -o-flex-basis: calc(100% * (2 / 3));
    -webkit-flex-basis: calc(100% * (2 / 3));
    -ms-flex-basis: calc(100% * (2 / 3));
    flex-basis: calc(100% * (2 / 3));
  }
  .three-fifth-col {
    -moz-flex-basis: calc(100% * (3 / 5));
    -o-flex-basis: calc(100% * (3 / 5));
    -webkit-flex-basis: calc(100% * (3 / 5));
    -ms-flex-basis: calc(100% * (3 / 5));
    flex-basis: calc(100% * (3 / 5));
  }
  .one-half-col {
    -moz-flex-basis: 50%;
    -o-flex-basis: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
  }
  .three-eighth-col {
    -moz-flex-basis: 37.5%;
    -o-flex-basis: 37.5%;
    -webkit-flex-basis: 37.5%;
    -ms-flex-basis: 37.5%;
    flex-basis: 37.5%;
  }
  .one-third-col {
    -moz-flex-basis: calc(100% / 3);
    -o-flex-basis: calc(100% / 3);
    -webkit-flex-basis: calc(100% / 3);
    -ms-flex-basis: calc(100% / 3);
    flex-basis: calc(100% / 3);
  }
  .one-quarter-col {
    -moz-flex-basis: 25%;
    -o-flex-basis: 25%;
    -webkit-flex-basis: 25%;
    -ms-flex-basis: 25%;
    flex-basis: 25%;
  }
  .one-fifth-col {
    -moz-flex-basis: 20%;
    -o-flex-basis: 20%;
    -webkit-flex-basis: 20%;
    -ms-flex-basis: 20%;
    flex-basis: 20%;
  }
  .one-sixth-col {
    -moz-flex-basis: calc(100% / 6);
    -o-flex-basis: calc(100% / 6);
    -webkit-flex-basis: calc(100% / 6);
    -ms-flex-basis: calc(100% / 6);
    flex-basis: calc(100% / 6);
  }
  .one-eighth-col {
    -moz-flex-basis: 12.5%;
    -o-flex-basis: 12.5%;
    -webkit-flex-basis: 12.5%;
    -ms-flex-basis: 12.5%;
    flex-basis: 12.5%;
  }
  /*** slider ***/
  .large-row {
    margin: 0 calc(-1/4 * 20px);
  }
  .large-row .one-quarter-col {
    width: calc((25 * (calc(100% - 20px) + (20px / 4))) / 100);
  }
  .large-col {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 calc(20px / 4);
  }
}

@media screen {
  /*** HEADER ***/
  .site-header {
    /*position: fixed;*/
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
    margin-bottom: 30px;
  }
  .site-header .header-toggle-menu {
    display: none;
  }
  .site-header .site-header-top {
    height: 180px;
    background: white;
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .site-header .site-header-top .flex-wrapper {
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
  }
  .site-header .site-header-top img {
    height: auto;
    width: auto;
    display: block;
    max-height: 180px;
  }
  .site-header .site-header-top .site-header-top-logo {
    padding: 20px 0;
  }
  .site-header .site-header-top .site-header-top-logo img {
    max-height: 140px;
  }
  .site-header .site-header-middle {
    background: #225cfe;
    color: white;
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .site-header .site-header-middle .site-header-middle-wrapper {
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
  }
  .site-header .site-header-middle .flex-wrapper {
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .site-header .site-header-middle .site-header-middle-log-button {
    color: inherit;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    font-size: 0.875em;
    padding: 10px 0;
  }
  .site-header .site-header-middle .site-header-middle-log-button::after {
    content: "\2219";
    margin: 0 5px;
  }
  .site-header .site-header-middle .site-header-middle-log-button:last-child::after {
    display: none;
  }
  .site-header .site-header-middle .site-header-account-link {
    position: relative;
    padding-left: 40px;
  }
  .site-header .site-header-middle .site-header-account-link::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    width: 30px;
    background: url(assets/5f954ee0b11fcfc6835f39c7144b581c.svg) center center no-repeat;
    background-size: auto 1em;
  }
  .site-header .site-header-middle .site-header-middle-search-form {
    background: #1b4acb;
    -webkit-flex-align: stretch;
    -ms-flex-align: stretch;
    -moz-align-items: stretch;
    -o-align-items: stretch;
    -webkit-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
  }
  .site-header .site-header-middle .site-header-middle-search-form .site-header-middle-search-text-input {
    background: transparent;
    border: 0;
    color: white;
    padding: 0.55em 0.75em;
    display: block;
    font-size: 1em;
    font-family: 'Raleway', Arial, sans-serif;
    width: 270px;
  }
  .site-header .site-header-middle .site-header-middle-search-form .site-header-middle-search-submit-input {
    border: 0;
    color: white;
    width: 3em;
    padding: 0;
    display: block;
    cursor: pointer;
    text-indent: -9999em;
    background: url(assets/fe4436993ba0166c30ec105d74736916.svg) center center no-repeat transparent;
    background-size: auto 1.25em;
  }
  .site-header .site-header-bottom {
    padding-bottom: 10px;
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .site-header .site-header-bottom .site-header-bottom-inner {
    background: black;
  }
  .site-header .site-header-bottom .site-header-bottom-inner .wrapper {
    overflow: visible;
  }
  .site-header .site-header-bottom .site-header-bottom-menu {
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    color: white;
    font-weight: 700;
  }
  .site-header .site-header-bottom .site-header-bottom-menu a {
    padding: 8px 20px;
    display: block;
    color: inherit;
    text-decoration: none;
    font-size: 1.125em;
    position: relative;
  }
  .site-header .site-header-bottom .site-header-bottom-menu a:hover, .site-header .site-header-bottom .site-header-bottom-menu a.active {
    background: #225cfe;
  }
  .site-header .site-header-bottom .site-header-bottom-menu a.active::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: calc(50% - 10px);
    width: 20px;
    height: 20px;
    transform: rotate(45deg) translate3d(0, -2px, 0);
    background: #225cfe;
  }
  .site-header.site-scrolled {
    position: fixed;
    top: -180px;
    /* size of header top */
  }
  .site-header.site-scrolled + .site-content {
    padding-top: calc(256px + 2.975em);
  }
}

@media screen and (max-width: 1240px) {
  /*** HEADER ***/
  .site-header {
    margin-bottom: 20px;
  }
  .site-header .site-header-top {
    height: 140px;
  }
  .site-header .site-header-top img {
    max-height: 140px;
  }
  .site-header .site-header-top .site-header-top-logo {
    padding: 10px 0;
  }
  .site-header .site-header-top .site-header-top-logo img {
    max-height: 120px;
  }
  .site-header .site-header-middle .site-header-account-link {
    padding-left: 30px;
  }
  .site-header .site-header-middle .site-header-middle-log-button::before {
    left: 5px;
    width: 25px;
  }
  .site-header .site-header-bottom .site-header-bottom-menu a {
    padding: 8px 15px;
  }
  .site-header.site-scrolled {
    position: fixed;
    top: -140px;
    /* size of header top */
  }
  .site-header.site-scrolled + .site-content {
    padding-top: calc(216px + 2.975em);
  }
}

@media screen and (max-width: 980px) {
  /*** MOBILE HEADER ***/
  .site-header {
    position: fixed;
    max-height: 70px;
    overflow: hidden;
  }
  .site-header .header-toggle-menu {
    position: absolute;
    display: block;
    cursor: pointer;
    right: 10px;
    top: 10px;
    width: 50px;
    height: 50px;
    text-indent: -9999em;
    z-index: 900;
  }
  .site-header .header-toggle-menu span {
    position: absolute;
    display: block;
    width: 30px;
    left: 10px;
    height: 2px;
    top: 24px;
    background: black;
  }
  .site-header .header-toggle-menu span::before {
    content: "";
    position: absolute;
    display: block;
    height: 2px;
    top: -7px;
    width: 30px;
    background: black;
  }
  .site-header .header-toggle-menu span::after {
    content: "";
    position: absolute;
    display: block;
    height: 2px;
    top: 7px;
    width: 30px;
    background: black;
  }
  .site-header .site-header-top {
    height: auto;
  }
  .site-header .site-header-top .flex-wrapper {
    -moz-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .site-header .site-header-top .flex-wrapper .site-header-top-logo {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .site-header .site-header-top .flex-wrapper .site-header-top-logo a {
    display: inline-block;
  }
  .site-header .site-header-top .flex-wrapper .site-header-top-logo img {
    max-height: 50px;
  }
  .site-header .site-header-top .flex-wrapper .site-header-top-authors {
    display: none;
  }
  .site-header .site-header-middle {
    -moz-order: 3;
    -o-order: 3;
    -webkit-order: 3;
    -ms-order: 3;
    order: 3;
  }
  .site-header .site-header-middle .site-header-middle-account {
    -moz-order: 1;
    -o-order: 1;
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .site-header .site-header-middle .site-header-middle-social-search {
    -moz-order: 2;
    -o-order: 2;
    -webkit-order: 2;
    -ms-order: 2;
    order: 2;
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .site-header .site-header-middle .site-header-middle-social-search .header-search-component-wrapper {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    margin: 10px 0;
  }
  .site-header .site-header-middle .site-header-middle-social-search .header-search-component-wrapper .site-header-middle-search-form {
    max-width: 280px;
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    height: calc(1.4em + 20px);
  }
  .site-header .site-header-middle .site-header-middle-social-search .header-search-component-wrapper .site-header-middle-search-form .site-header-middle-search-text-input {
    width: 240px;
  }
  .site-header .site-header-middle .site-header-middle-social-search .site-header-middle-socials {
    margin: 10px 0;
    -moz-order: 2;
    -o-order: 2;
    -webkit-order: 2;
    -ms-order: 2;
    order: 2;
    -moz-flex-basis: 170px;
    -o-flex-basis: 170px;
    -webkit-flex-basis: 170px;
    -ms-flex-basis: 170px;
    flex-basis: 170px;
  }
  .site-header .site-header-middle .site-header-middle-search-account-wrapper {
    -moz-order: 1;
    -o-order: 1;
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .site-header .site-header-middle .site-header-middle-search-account-wrapper .site-header-middle-account-wrapper {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .site-header .site-header-bottom {
    -moz-order: 2;
    -o-order: 2;
    -webkit-order: 2;
    -ms-order: 2;
    order: 2;
    padding-bottom: 0;
  }
  .site-header .site-header-bottom .wrapper {
    width: 100%;
  }
  .site-header .site-header-bottom .site-header-bottom-menu {
    /*@include flex-direction(column);*/
  }
  .site-header .site-header-bottom .site-header-bottom-menu li {
    -moz-flex-basis: 50%;
    -o-flex-basis: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
  }
  .site-header .site-header-bottom .site-header-bottom-menu a.active::after {
    display: none;
  }
  .site-header.site-scrolled {
    top: 0;
  }
  .site-content, .site-header.site-scrolled + .site-content {
    padding-top: 90px;
  }
  .site-header.site-header-menu-toggled {
    max-height: 100vh;
    overflow-y: scroll;
  }
}

@media screen and (max-width: 720px) {
  /*** HEADER ***/
  .site-header {
    margin-bottom: 10px;
  }
  .site-header .site-header-middle {
    /*.site-header-middle-log-button::before {
                left: 5px;
                width: 15px;
            }*/
  }
  .site-header .site-header-middle .site-header-middle-account-wrapper .flex-wrapper {
    -moz-flex-direction: column;
    -o-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .site-header .site-header-middle .site-header-middle-register-button {
    /*padding: 10px 20px;*/
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    max-width: 300px;
  }
  .site-header .site-header-middle .site-header-middle-log-button {
    /*padding: 10px 20px;*/
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    max-width: 300px;
  }
  .site-header .site-header-middle .site-header-middle-social-search {
    -moz-flex-basis: calc(100% + 20px);
    -o-flex-basis: calc(100% + 20px);
    -webkit-flex-basis: calc(100% + 20px);
    -ms-flex-basis: calc(100% + 20px);
    flex-basis: calc(100% + 20px);
  }
  .site-header .site-header-middle .site-header-middle-social-search .site-header-middle-search-text-input {
    width: calc(100% - 40px);
  }
  .site-header .site-header-bottom .site-header-bottom-menu li {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .site-header .site-header-bottom .site-header-bottom-menu a {
    padding: 8px 10px;
  }
}

@media screen {
  .sidebar {
    margin-bottom: 40px;
  }
  /*** HOME sidebar ***/
  /*** questions/answers ***/
  .sidebar-qa-list .sidebar-qa-list-title {
    font-size: 1.5em;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    text-align: center;
    padding: 0.75em 0;
    display: block;
    text-decoration: none;
    margin-bottom: 20px;
    color: white;
    background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAMDAwMDAwQEBAQFBQUFBQcHBgYHBwsICQgJCAsRCwwLCwwLEQ8SDw4PEg8bFRMTFRsfGhkaHyYiIiYwLTA+PlQBAwMDAwMDBAQEBAUFBQUFBwcGBgcHCwgJCAkICxELDAsLDAsRDxIPDg8SDxsVExMVGx8aGRofJiIiJjAtMD4+VP/CABEIAE4BzAMBIgACEQEDEQH/xAAcAAADAAMBAQEAAAAAAAAAAAAAAgMFBgcEAQj/2gAIAQEAAAAA5EAAk5oqedFjKc0RZIIsRQATM3fFx8vlMvvMNAz2a5wEhDtYACTmip50nOU5oiyRBYigCfN+xGb2HKcZwni3/a+eJteu60EhDtYACTmipKKxkkkRZIikRQBDqOsQzBTAmQyHPM3tfMFQJB2gABJzRUlGc5TmiLJEFiKABtvUNR9PNuoYbFw2XJ8p2fnYISDtAACTmiznGc5TmiLJEUiKAAmZ6nDA4nPYu2y+7ZOFaioISO0AAJOaLOcZzlOaRmgikRQAQDbNz9Wr57rW0+fgPGAFQDsYABGSLOcVisCCQQRSIoAIBnc8l/b6cXzlEAVAOxgAJOaLOaSiqTmkpIikRQBAPm34DYvImY0byiALP6HYwAHBCaQjCCQgkZogpFQAQK/ojR9etTXdbEABHU7AAD1Z6Xu9nqyrOHk8Xh8OKxfhioAAifobfOUeDDc/84IAAH//xAAcAQACAwEBAQEAAAAAAAAAAAACAwABBAUGBwj/2gAIAQIQAAAA/eclsYbmMY4iI5eDDk9OvgdLR0znhZLYbHMYxjCI5fK4uoduLX6K2X4WSNNjmMa0iI5C5PCZi837X2Ms/DSRpsabHOIiOWVcfMnt7zknipBEKomO0a9ek5Lr5Z6Lr9+Xdz//xAAbAQADAAMBAQAAAAAAAAAAAAAAAgMBBAUGB//aAAgBAxAAAAD4YDvWj0o9nZ3FjKPRzqZfYznx4O9XpSj2dqMGlztt9iCdIznx4O9aPSlKvRmBdTTvp8TvdsDyIO9aNWjWpXLAGrjF6gHkQM5MtauxXdZgMeP7m1tgB//EAEAQAAECBAMCCgcFCAMAAAAAAAIDBAABBRIGEyIyUhARFCAwMUBCUWIHFSEjJGFyMzRBU4JDcYGRkqGisSVEY//aAAgBAQABPwDnlBwXMKC4Sg+EuwMWKBJCsWdf+FsDTG4L+7SO7dhtgdw9usdAnb3jhfAtYFfLRQRWMtIzEoXbY1wooWZy9nl6CPaAbu7CtcdO/vSQKecdJQPqxxpzcs90oVoyltyZAoMYeZvESdZ2kLBFIC3/AJQxSLUp3tkYqeHqVitz8LUUU6iiFk5XaS+RQuxxHg99sm1PfHUBRTlWOK3iTd1Y3draZbihfLdnGOKrXmTFrhV0kigyagJCAjrK3e6coOC5hQUHwFB8JdOWxDPEr5lSEMlBsMqe2JcLhuuVL2SmUOa9V6expyKdhOKlaq4cENxkJFsS8BitYxPD75Clt2AKSExJwZbRCp3QivVyj4XdIKOs5ZQrTBFPasL28cPKulW6DnNV85s4WzS+rdKUVCnJGqRW2/TCtKU/Zld8ii14y1Denb3h2YpueVParOBsUWC6cv8AU4Yj9mn5NXd2oq+BKxSiJ4z+KQIyMVUtJjdDHGNQSTJnUB5YiWkiLSqP84wvQ2yz5KsU0QeA1O+aOzq8DH8IxdiWoYtrhPnyANzTDKkkGoREfn2A+aUFwlzC7BQ6CNewYuo21OORqpWedPVFeZiLPBdWEvhXCKScy3TTLinKcekRiqwxaRLD7FgSMPpulHpPbf8AIMHxDaBNkh/xlHo7VSNpXGPe0rgPlips9RWxkRkf0wh3R3oq9PfVahuG7EviCMCsutuEe7dDOuYjw0rycVVm+83X2f4ccOanR8UCmKyAMXY7Rd1T9xRhpd96N0ntWJgbwXCOUOq227e3hhUiVXVWLaWM1CkPdu7AfNKCg+AoPhLsGCcWKYRqRKKDmMl7M4B7pD1HKKhh6h1ehvGaK4epKktntVg1er3ZeP8A5lFapFQxRRkqG/HLxRQUbUrtl60/A0y70UN8hjXCqTN4hmVWg6XDQ9tZt5fpi59gevNak3DOYkZ5RfmJFtJH5pQozZv0E6lS189k41BvD5S8ww5ZiBbMKiAQho1RTFSCH3I6tai6QBZMQ7wwvhojXMWOkb9IFsxUMQ8iwOOFXDNbl2dmZx7Ih4S7CfMOCgoPgKD4S7DQ8QVfDq+ZT1dBfatz1JKD4TlDPEeF8WoINXhnTXbfUzO602x+KR/iPliuUZyb5q+UXCm11P7nV0Puz3yqcWyU4eVMXBLta1TgZvS+8pDqaL+cZy2ChBB5hpVV1TV7WihiSrVTV/THrNKoARDYUhO0yDZEoXEjLSNwwgxXVL7I4bUxUB2YGlLmOxqKKHhASUzFtIDqIijHVXa1jEq5NSubt/dAW9b2E+YcFBQfAUHwnzC6YhEx1RhfEdXpiirUVQcMlA963XHMD+8Nn1Ddpqi4bmMy0ytK4RhBDCrJsaNp5RbUiMiEfp49mKgVjw0WqQJtBtsABtH9XjFPdp6RJACHyxQUqeaF2VbdvDCVKZqjcKQRUVcPUFHOqC7drId8hu/lGOPSt64aq0uggaLUtKzotJKD4BFtmkeynBQXMODgoLmF09DQ92qoXe0yhJtb5YciR2jd7Nq2ElVUtO0O7Fw3bpQL58kPu3iyY/VFaxLWqezEUao4FZfZmJbIeMLKLulMx0usue8qRF/vsZ8w4LmlBwUF2ItiAEqfRSLZOzT9RQzd1xJ4g1FUyEtslNUVh4nT0MwhMiI7QEYr1Nr1C5ETx+iKzxG8EUtVolvQxqK6VqLgjLeItoYVVEBIi0gOoi8sPHhPXRLF3tIDuj0FnR2xlRkRyWOSQTEoKnqQVPXgmLrdgmbr8qCbL/lHBJqbpwV25BcB8JdM1yuXNM77PlIX/TdGJcIIAVLUR1N1HI3D5SHTFMwi8WXfuLPetXOUKPet34q7ZQ60u1tu5LaJBbcX74pXrB9Squ3USBQHltixjcYkn1STKBfJHSmrpYQJVuFp/p0zlFcXyrWY6e+e8N3UPQ29EPAMDAylAyGOKUWh4RkhHJwjkyUcjR3ZRJi2LrCUTpLMusYnQafPrl/jKFML0+fWMK4OYeM4WwUzl1LHB4JTl1Oig8HqS6nf9oVw6uH/AGAn+iDpyo9ZhP8AhOMo/EejUlKcjlPqj0ZYoWrjQqFUQmos14poLy3R6pFCrsacpNcwvEJ8RSGUpTKUYuqamGcYnU2aYzB+ATcIl1FLwipVoaBNJmCV7JRwa6Ev2icz2h+YzjC7RnVajWFF8ybJhKbqaUvYSisp9U+L2WQ5dLPHThwtxTVWMyLi6vDpf//EADMRAAIBAwIEAgkCBwAAAAAAAAECAwAEEQUSECExQSBRBhMiIzNhYnGBFBUwQlJykZKh/9oACAECAQE/AOIpaFDgKWhQoeECtQlnjjQQruLNtPtbaabVtypAAXcNj2gfZjOC3OhreoMLdprWOW2lwN7rgH7daha2KDYTF8lPKr6SVLfaXRw5wD386tir3RP6v9NKBiIkAhiexzV7LJDC8lzGsc6p7uePkrHtknp+a0m3a20+FXiSOVgXlVOm9uZNA+IUtA0OApaFLQ8INaxHdy2ga1+NE4dV/qx2rT9WjM9uxJVYjNHIDyKxynKsf7D7LVb759Ol0l12XMBwgJ5OVO9cH6hVpe+xtOQRyIPIgjqCKdy6VFfC13wTW6TQltxz1Bq9ijmhhtYAZoJpFE0LNzWMnJOcg4FKNox2HTgPEvAcBS0DQFDxAVfaNaXj+t5xTjGJU5H8+dPb3Fk4SaMTLGPdyRnDAZ6Adh9PMeVJMt5KS0TBxn3jDbuA8/M1f6q9knwc/mj6QySSBUhZ3PRQMk16O6dfiV76/wApIylYou6g9z8+IrPhXgKBzQPAGgc0PCBxZJLlppFZQAe58qRFk9WjMqmQsEB6ttGTjFSWuG2sFb54yKsbKK1jGI0DnmWCgH7fwScVvYUZ3FG7kFfuTD+UV+7Y6xihrKDrGf8ANLrlsTzRxUet2J7sM/TSapZN0c/6mkuIn6Nn8Hw5p13qRnGQRmpNR1PSnuLJ3DPFy39Qyk5z+aW6mubW12QK3rYopEJbuhy3/asFja8lUD4W1j5e85qB9uJNZ4//xAAqEQACAQMCBQIHAQAAAAAAAAABAgADBBEgMRASIUFREyIFFDNSYXGBof/aAAgBAwEBPwDivBYIIsEB4roMrmoqgIASTjBOIWudkwck9+w3gu7g+mzUlak/kReXGdo5IGD1zAQan1AjdvzK9R6SO7gLU5ThxsTLOm1G2RWREc5Z1XbmO/AaV4LwEWCAcVgGi9SuaBah9VCGUecS3v1NSnzZULzq4PZWPQ/w9DKANS2e12q0+mPJByD+iJSqgr1yCNwdwYW5hiCsEyjoGQnPXtLlFqIlBV9SlUcCopJ6L54iE6F4LBBFg0AYg0YlxY0Lg8xylT716GCjVtjhxzhAArjOQPH6/EV/WJ9jBlz7jLq9NrTJKExvjhqPypTdm7AT4Vb3Zdri6BUkEJTz1A8nQToXgsEBiwQQHPEairVAxUgDOIuCEBIBbPKO5xvGogHDAGUaVOkARTVW8gAHSBpDFdp6jT12nzZXcRb38GC+X7DFvqJ7NBe0O+R/It3QbZv8MDBtoNJGQR5E+eurQ17dyHemcFuxwcxKz1qFD2KRURHGTsd5T5RWdBuo5j/df//Z) center center no-repeat;
    background-size: cover;
  }
  .sidebar-qa-list .sidebar-qa-list-title span {
    font-size: 0.65em;
  }
  .sidebar-qa-list .question-thumb-wrapper {
    margin-bottom: 20px;
  }
  .sidebar-qa-list .question-thumb-wrapper .question-thumb .question-thumb-description {
    min-height: 0;
  }
  /*** content ***/
  .sidebar-content-list .content-thumb {
    margin-bottom: 40px;
  }
  .sidebar-no-reco {
    font-size: 0.75em;
  }
  .sidebar-no-reco .sidebar-no-reco-title {
    margin-bottom: 40px;
  }
  /*** international map ***/
  .sidebar-international-map {
    display: block;
    text-decoration: none;
    color: white;
    position: relative;
  }
  .sidebar-international-map img {
    display: block;
    width: 100%;
    height: auto;
  }
  .sidebar-international-map .sidebar-international-map-title {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 1.75em;
  }
}

@media screen and (max-width: 1240px) {
  .sidebar {
    margin-bottom: 30px;
  }
  /*** HOME sidebar ***/
  /*** questions/answers ***/
  .sidebar-qa-list .sidebar-qa-list-title {
    font-size: 1.375em;
    margin-bottom: 15px;
  }
  .sidebar-qa-list .question-thumb-wrapper {
    margin-bottom: 15px;
  }
  /*** content ***/
  .sidebar-content-list .content-thumb {
    margin-bottom: 30px;
  }
  .sidebar-no-reco .sidebar-no-reco-title {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 980px) {
  /*** leftcol / rightcol ***/
  .top-content .top-content-leftcol, .top-content .top-content-rightcol {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .top-content .top-content-rightcol {
    margin-bottom: 30px;
  }
  /*** HOME sidebar ***/
  /*** questions/answers ***/
  .sidebar-qa-list .sidebar-qa-list-title {
    font-size: 1.25em;
  }
}

@media screen and (max-width: 720px) {
  .sidebar {
    margin-bottom: 20px;
  }
  /*** leftcol / rightcol ***/
  .top-content .top-content-rightcol {
    margin-bottom: 20px;
  }
  /*** HOME sidebar ***/
  /*** questions/answers ***/
  .sidebar-qa-list .sidebar-qa-list-title {
    margin-bottom: 10px;
  }
  .sidebar-qa-list .question-thumb-wrapper {
    margin-bottom: 10px;
  }
  /*** content ***/
  .sidebar-content-list .content-thumb {
    margin-bottom: 20px;
  }
  .sidebar-no-reco .sidebar-no-reco-title {
    margin-bottom: 20px;
  }
}

@media screen {
  /*** CONTENT THUMBS ***/
  /*** generic ***/
  .content-thumb::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #225cfe;
    z-index: 30;
    /*opacity: 0.6;
        display: none;*/
    opacity: 0;
    transition: opacity 0.3s ease-in;
  }
  .content-thumb:hover::before {
    /*display: block;*/
    opacity: 0.6;
  }
  .content-thumb {
    display: block;
    position: relative;
    text-decoration: none;
    color: inherit;
  }
  .content-thumb .content-thumb-top-navigation-wrapper {
    z-index: 50;
    position: absolute;
  }
  .content-thumb .content-thumb-top-navigation-wrapper .content-thumb-top-navigation {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 30;
    -moz-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -moz-align-content: center;
    -o-align-content: center;
    -webkit-align-content: center;
    -ms-align-content: center;
    align-content: center;
    opacity: 0;
    transition: opacity 0.3s ease-in;
  }
  .content-thumb .content-thumb-top-navigation-wrapper .content-thumb-top-navigation .content-thumb-fake-link {
    position: relative;
    width: calc(100% / 5);
    height: 0;
    padding-bottom: calc(100% / 5);
    border-radius: 50%;
    background: #225cfe;
    margin: 0.5em 1.25em 0.5em 1.25em;
  }
  .content-thumb .content-thumb-top-navigation-wrapper .content-thumb-top-navigation .content-thumb-video-fake-link {
    background: url(assets/d58f7fafee6d69599d448c4acc3fadfc.svg) center center no-repeat;
    background-size: 100% auto;
  }
  .content-thumb .content-thumb-top-navigation-wrapper .content-thumb-top-navigation .content-thumb-text-fake-link {
    background: #FFF;
  }
  .content-thumb .content-thumb-top-navigation-wrapper .content-thumb-top-navigation .content-thumb-text-fake-link::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(assets/cb25f5641caafabf60b578becc70bbe4.svg) center center no-repeat;
    background-size: auto 2em;
  }
  .content-thumb .content-thumb-top::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #225cfe;
    z-index: 30;
    /*opacity: 0.6;
            display: none;*/
    opacity: 0;
    transition: opacity 0.3s ease-in;
  }
  .content-thumb .content-thumb-top {
    position: relative;
    z-index: 15;
  }
  .content-thumb .content-thumb-bottom {
    position: absolute;
    right: 20px;
    bottom: 20px;
    left: 20px;
    z-index: 15;
  }
  .content-thumb .content-thumb-authors-list {
    background: #225cfe;
    color: white;
    display: inline-block;
    padding: 10px 20px;
    font-size: 0.875em;
    font-weight: 700;
    /*.content-thumb-author {
                overflow: hidden;

                span {
                    display: block;
                    float: left;
                    width: auto;
                }

                span:first-of-type {
                    font-size: 0;
                }

                span:first-of-type:first-letter {
                    font-size: 1em;
                }
            }*/
  }
  .content-thumb .content-thumb-authors-list .content-thumb-author::after {
    content: ", ";
  }
  .content-thumb .content-thumb-authors-list .content-thumb-author:last-of-type::after {
    display: none;
  }
  .content-thumb .content-thumb-date {
    background: black;
    color: white;
    display: inline-block;
    padding: 10px 20px;
    font-size: 0.875em;
    font-weight: 700;
    flex-basis: auto;
  }
  .content-thumb .content-thumb-infos {
    padding: 20px;
    background: white;
  }
  .content-thumb .content-thumb-title {
    font-size: 1.5em;
    margin: 0;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    color: black;
  }
  .content-thumb .content-thumb-excerpt {
    position: relative;
    margin-top: 1em;
  }
  .content-thumb .content-thumb-excerpt::after {
    content: "Lire la suite...";
    color: #0032bc;
    background: white;
    font-weight: 600;
  }
  .content-thumb:hover {
    text-decoration: none;
  }
  .content-thumb:hover .content-thumb-top-navigation-wrapper .content-thumb-top-navigation {
    opacity: 1;
  }
  /*** highlighted content thumb ***/
  .highlighted-content-thumb.content-thumb:hover::before {
    display: none;
  }
  .highlighted-content-thumb .content-thumb-top-navigation-wrapper {
    display: none;
  }
  .highlighted-content-thumb .content-thumb-bottom {
    right: calc((100% / 8) + 20px);
    z-index: 20;
    /*** nav add on ***/
  }
  .highlighted-content-thumb .content-thumb-bottom .content-thumb-bottom-navigation {
    position: absolute;
    top: calc(1.225em + 20px);
    right: calc(-1 * ((2.7em + 40px) / 2));
    width: calc(2.7em + 40px);
    bottom: 0;
    opacity: 0;
    transition: opacity 0.3s ease-in;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-justify-content: space-around;
    -o-justify-content: space-around;
    -webkit-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -moz-align-content: center;
    -o-align-content: center;
    -webkit-align-content: center;
    -ms-align-content: center;
    align-content: center;
  }
  .highlighted-content-thumb .content-thumb-bottom .content-thumb-bottom-navigation .content-thumb-fake-link {
    width: calc(2.7em + 20px);
    height: calc(2.7em + 20px);
    border-radius: 50%;
    background: #225cfe;
    position: relative;
    margin: 0.5em;
  }
  .highlighted-content-thumb .content-thumb-bottom .content-thumb-bottom-navigation .content-thumb-video-fake-link {
    background: url(assets/d58f7fafee6d69599d448c4acc3fadfc.svg) center center no-repeat;
    background-size: 100% auto;
  }
  .highlighted-content-thumb .content-thumb-bottom .content-thumb-bottom-navigation .content-thumb-text-fake-link {
    background: #FFF;
  }
  .highlighted-content-thumb .content-thumb-bottom .content-thumb-bottom-navigation .content-thumb-text-fake-link::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(assets/cb25f5641caafabf60b578becc70bbe4.svg) center center no-repeat;
    background-size: auto 1.75em;
  }
  .highlighted-content-thumb .content-thumb-authors-list, .highlighted-content-thumb .content-thumb-date {
    /*padding: 10px 40px;*/
    padding: 10px 20px;
  }
  .highlighted-content-thumb .content-thumb-infos {
    padding-right: 80px;
  }
  .highlighted-content-thumb .content-thumb-title {
    font-size: 2.25em;
  }
  .highlighted-content-thumb:hover .content-thumb-top::before {
    /*display: block;*/
    opacity: 0.6;
  }
  .highlighted-content-thumb:hover .content-thumb-bottom {
    /*** nav add on ***/
  }
  .highlighted-content-thumb:hover .content-thumb-bottom .content-thumb-bottom-navigation {
    opacity: 1;
  }
  /*** articles content thumb ***/
  .article-content-thumb.content-thumb:hover::before {
    /*display: none;*/
    opacity: 0;
  }
  .article-content-thumb .content-thumb-top-navigation-wrapper .content-thumb-top-navigation .content-thumb-fake-link {
    width: calc(100% / 6);
    padding-bottom: calc(100% / 6);
  }
  .article-content-thumb .content-thumb-bottom {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    padding: 2.5em 0 0 0;
    z-index: 20;
  }
  .article-content-thumb .content-thumb-metas {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10;
    text-align: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    transform: translate3d(0, calc(-1 * (20px + 1.225em)), 0);
  }
  .article-content-thumb .content-thumb-authors-list, .article-content-thumb .content-thumb-date {
    /*padding: 10px 40px;*/
    padding: 10px 20px;
  }
  .article-content-thumb .content-thumb-infos {
    padding: 0;
    margin-top: 0.75em;
  }
  .article-content-thumb:hover .content-thumb-top::before {
    /*display: block;*/
    opacity: 0.6;
  }
  /*** sizes based on col width ***/
  .content-list .one-third-col .content-thumb {
    font-size: 0.9em;
  }
  .content-list .one-quarter-col .content-thumb {
    font-size: 0.8em;
  }
  .content-list .content-thumb .content-thumb-authors-list, .content-list .content-thumb .content-thumb-date {
    padding: 8px 10px;
  }
  .content-list .content-thumb .content-thumb-infos {
    padding: 10px;
  }
  .content-list .content-thumb .content-thumb-title {
    font-size: 1.125em;
  }
  /*** recos sizes ***/
  .single-content-recos .content-thumb {
    font-size: 0.9em;
  }
  .single-content-recos .content-thumb .content-thumb-title {
    font-size: 1.125em;
  }
  /*** slider sizes ***/
  .slider-wrapper .slider-third-col .content-thumb {
    font-size: 0.8em;
  }
  .slider-wrapper .slider-quarter-col .content-thumb {
    font-size: 0.8em;
  }
  .slider-wrapper .content-thumb .content-thumb-authors-list, .slider-wrapper .content-thumb .content-thumb-date {
    padding: 8px 10px;
  }
  .slider-wrapper .content-thumb .content-thumb-infos {
    padding: 10px;
  }
  .slider-wrapper .content-thumb .content-thumb-title {
    font-size: 1.125em;
  }
}

@media screen and (max-width: 1240px) {
  /*** CONTENT THUMBS ***/
  /*** generic ***/
  .content-thumb .content-thumb-bottom {
    right: 15px;
    bottom: 15px;
    left: 15px;
  }
  .content-thumb .content-thumb-authors-list {
    padding: 10px 15px;
  }
  .content-thumb .content-thumb-date {
    padding: 10px 15px;
  }
  .content-thumb .content-thumb-infos {
    padding: 15px;
  }
  .content-thumb .content-thumb-title {
    font-size: 1.25em;
  }
  /*** highlighted content thumb ***/
  .highlighted-content-thumb .content-thumb-bottom {
    right: calc((100% / 8) + 15px);
    /*** nav add on ***/
  }
  .highlighted-content-thumb .content-thumb-bottom .content-thumb-bottom-navigation {
    top: calc(1.225em + 15px);
    right: calc(-1 * ((2.7em + 30px) / 2));
    width: calc(2.7em + 30px);
  }
  .highlighted-content-thumb .content-thumb-bottom .content-thumb-bottom-navigation .content-thumb-fake-link {
    width: calc(2.7em + 15px);
    height: calc(2.7em + 15px);
  }
  .highlighted-content-thumb .content-thumb-authors-list, .highlighted-content-thumb .content-thumb-date {
    /*padding: 10px 30px;*/
    padding: 10px 15px;
  }
  .highlighted-content-thumb .content-thumb-infos {
    padding-right: 60px;
  }
  .highlighted-content-thumb .content-thumb-title {
    font-size: 2em;
  }
  /*** articles content thumb ***/
  .article-content-thumb {
    /*.content-thumb-metas {
            transform: translate3d(0, calc(-1 * (15px + 1.225em)), 0);
        }*/
  }
  .article-content-thumb .content-thumb-bottom {
    right: auto;
    bottom: auto;
    left: auto;
  }
  .article-content-thumb .content-thumb-authors-list, .article-content-thumb .content-thumb-date {
    /*padding: 10px 30px;*/
    padding: 10px 15px;
  }
}

@media screen and (max-width: 720px) {
  /*** CONTENT THUMBS ***/
  /*** generic ***/
  .content-thumb .content-thumb-bottom {
    right: 10px;
    bottom: 10px;
    left: 10px;
  }
  .content-thumb .content-thumb-authors-list {
    padding: 10px 10px;
  }
  .content-thumb .content-thumb-date {
    padding: 10px 10px;
  }
  .content-thumb .content-thumb-infos {
    padding: 10px;
  }
  .content-thumb .content-thumb-title {
    font-size: 1.15em;
  }
  /*** highlighted content thumb ***/
  .highlighted-content-thumb .content-thumb-bottom {
    right: calc((100% / 8) + 10px);
    /*** nav add on ***/
  }
  .highlighted-content-thumb .content-thumb-bottom .content-thumb-bottom-navigation {
    top: calc(1.225em + 10px);
    right: calc(-1 * ((2.7em + 20px) / 2));
    width: calc(2.7em + 20px);
  }
  .highlighted-content-thumb .content-thumb-bottom .content-thumb-bottom-navigation .content-thumb-fake-link {
    width: calc(2.7em + 10px);
    height: calc(2.7em + 10px);
  }
  .highlighted-content-thumb .content-thumb-authors-list, .highlighted-content-thumb .content-thumb-date {
    /*padding: 10px 20px;*/
    padding: 10px;
  }
  .highlighted-content-thumb .content-thumb-infos {
    padding-right: 40px;
  }
  .highlighted-content-thumb .content-thumb-title {
    font-size: 1.5em;
  }
  /*** articles content thumb ***/
  .article-content-thumb {
    /*.content-thumb-metas {
            transform: translate3d(0, calc(-1 * (10px + 1.225em)), 0);
        }*/
  }
  .article-content-thumb .content-thumb-bottom {
    right: auto;
    bottom: auto;
    left: auto;
  }
  .article-content-thumb .content-thumb-authors-list, .article-content-thumb .content-thumb-date {
    /*padding: 10px 20px;*/
    padding: 10px;
  }
}

@media screen and (max-width: 640px) {
  /*** reset content thumbs ***/
  /*** highlighted ***/
  .highlighted-content-thumb.content-thumb:hover::before {
    display: block;
  }
  /*.highlighted-content-thumb.content-thumb:hover::after {
        display: block;
    }*/
  .highlighted-content-thumb.content-thumb:hover .content-thumb-top-navigation-wrapper {
    display: block;
  }
  .highlighted-content-thumb .content-thumb-bottom {
    right: 10px;
  }
  .highlighted-content-thumb .content-thumb-bottom .content-thumb-bottom-navigation {
    display: none;
  }
  .highlighted-content-thumb .content-thumb-authors-list, .highlighted-content-thumb .content-thumb-date {
    padding: 10px;
  }
  .highlighted-content-thumb .content-thumb-infos {
    /*padding-right: 80px;*/
  }
  .highlighted-content-thumb .content-thumb-title {
    font-size: 1.125em;
  }
  .highlighted-content-thumb .content-thumb-excerpt {
    display: none;
  }
  .highlighted-content-thumb:hover .content-thumb-bottom .content-thumb-bottom-navigation {
    display: none;
  }
  /*** articles ***/
  .article-content-thumb.content-thumb:hover::before {
    display: block;
    opacity: 0.6;
  }
  .article-content-thumb {
    /*.content-thumb-top::after {
            background-size: calc(100% / 6) auto;
        }*/
  }
  .article-content-thumb .content-thumb-bottom {
    position: absolute;
    right: 10px;
    bottom: 10px;
    left: 10px;
    padding: 0;
    z-index: 20;
  }
  .article-content-thumb .content-thumb-metas {
    /*position: absolute;
            top: 0;
            right: 0;
            left: 0;
            z-index: 10;*/
    position: static;
    text-align: left;
    -moz-justify-content: flex-start;
    -o-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    transform: translate3d(0, 0, 0);
  }
  .article-content-thumb .content-thumb-authors-list, .article-content-thumb .content-thumb-date {
    padding: 10px;
  }
  .article-content-thumb .content-thumb-infos {
    padding: 10px;
    margin-top: 0;
  }
  .article-content-thumb .content-thumb-excerpt {
    display: none;
  }
  .article-content-thumb:hover .content-thumb-top::before, .article-content-thumb:hover .content-thumb-top::after {
    display: none;
  }
}

@media screen {
  /*** CONTENTS FULL ***/
  /*** leftcol ***/
  .single-content-top-details {
    padding-top: 20px;
  }
  .single-content-top-details .single-content-top-infos .single-content-top-title {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 1.875em;
    margin-bottom: 0.25em;
  }
  .single-content-top-details .single-content-top-infos .single-content-top-title p {
    margin: 0;
  }
  .single-content-top-details .single-content-top-infos .single-content-top-date {
    color: #737373;
    margin-bottom: 1em;
  }
  .single-content-top-details .single-content-top-infos .single-content-top-description {
    color: #737373;
  }
  .single-content-top-details .single-content-top-ask-a-question-link {
    display: inline-block;
    font-weight: 700;
    font-size: 1.125em;
    padding: 10px 20px;
    background: #225cfe;
    color: white;
    text-transform: uppercase;
  }
  .single-content-top-details .single-content-top-ask-a-question-link:hover {
    color: white;
    background: #0032bc;
    text-decoration: none;
  }
  .single-content-top-details .single-content-switch-display-mode-button {
    display: inline-block;
    font-weight: 700;
    font-size: 1.125em;
    padding: 10px 20px;
    background: #1b4acb;
    color: white;
    margin-left: 10px;
    cursor: pointer;
  }
  .single-content-top-details .single-content-top-metas .single-content-top-authors {
    margin: 10px 0 40px 0;
  }
  .single-content-top-details .single-content-top-metas .single-content-top-authors-list {
    font-weight: 700;
    font-size: 1.125em;
    color: white;
    background: black;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 20px;
  }
  .single-content-top-details .single-content-top-metas .single-content-top-categories {
    margin-bottom: 20px;
  }
  .single-content-top-details .single-content-top-metas .single-content-top-categories-title {
    text-align: center;
    font-size: 1.125em;
    color: black;
    margin-bottom: 1em;
    font-weight: 700;
  }
  .single-content-top-details .single-content-top-metas .single-content-top-categories-list a {
    display: inline-block;
    font-size: 1.125em;
    color: black;
    padding: 0.25em 0.5em;
    margin: 0 10px 10px 0;
    background: #e5e5e5;
  }
  .single-content-top-details .single-content-top-metas .single-content-top-categories-list a:hover {
    color: white;
    background: #1b4acb;
    text-decoration: none;
  }
  .single-content-top-authors-list .single-content-top-author::after {
    content: ", ";
  }
  .single-content-top-authors-list .single-content-top-author:last-of-type::after {
    display: none;
  }
  .single-top-text-wrapper {
    margin-top: 40px;
  }
  .single-top-text-wrapper a {
    color: #202020;
    text-decoration: none;
    display: inline-block;
    position: relative;
  }
  .single-top-text-wrapper a:hover {
    text-decoration: none;
  }
  .single-top-text-wrapper a::after {
    content: "";
    position: absolute;
    display: block;
    right: 0;
    bottom: 0.15em;
    left: 0;
    height: 1px;
    background: #202020;
  }
  .single-top-text-wrapper a:hover::after {
    display: none;
  }
  .single-top-text-wrapper .single-content-extract-body {
    margin-bottom: 40px;
    position: relative;
  }
  .single-top-text-wrapper .single-content-extract-body::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2.8em;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
  }
  .single-top-text-wrapper .text-freemium-disclaimer .text-freemium-disclaimer-link {
    background: #225cfe;
    color: white;
    text-decoration: none;
    display: inline-block;
    margin: 0.5em 1em 0 0;
    padding: 0.25em 0.5em;
  }
  .single-top-text-wrapper .text-freemium-disclaimer .text-freemium-disclaimer-link:hover {
    text-decoration: none;
    background: #0032bc;
  }
  /*** rightcol ***/
  .single-content-recos-wrapper .single-content-recos-title-wrapper {
    border: 6px solid #225cfe;
    padding: 4px;
  }
  .single-content-recos-wrapper .single-content-recos-title-wrapper .single-content-recos-title {
    border: 1px solid #225cfe;
    padding: 29px;
    text-align: center;
    color: #225cfe;
    font-size: 1.255em;
    line-height: 1.2;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
  }
  .single-content-recos-wrapper .single-content-recos-list {
    padding: 40px 0;
    margin-bottom: 40px;
    border-bottom: 6px solid #225cfe;
  }
  .single-content-recos-wrapper .single-content-recos-list .single-content-recos-item {
    margin-bottom: 20px;
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .single-content-recos-wrapper .single-content-recos-list .single-content-recos-item:last-of-type {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 1240px) {
  /*** CONTENTS FULL ***/
  /*** leftcol ***/
  .single-content-top-details {
    padding-top: 15px;
  }
  .single-content-top-details .single-content-top-infos .single-content-top-title {
    font-size: 1.5em;
  }
  .single-content-top-details .single-content-top-ask-a-question-link {
    padding: 10px 15px;
  }
  .single-content-top-details .single-content-top-metas .single-content-top-authors {
    margin: 10px 0 30px 0;
  }
  .single-content-top-details .single-content-top-metas .single-content-top-authors-list {
    padding: 10px 15px;
  }
  .single-content-top-details .single-content-top-metas .single-content-top-categories {
    margin-bottom: 15px;
  }
  .single-top-text-wrapper {
    margin-top: 30px;
  }
  /*** rightcol ***/
  .single-content-recos-wrapper .single-content-recos-title-wrapper .single-content-recos-title {
    padding: 19px;
  }
  .single-content-recos-wrapper .single-content-recos-list {
    padding: 30px 0;
    margin-bottom: 30px;
  }
  .single-content-recos-wrapper .single-content-recos-list .single-content-recos-item {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 980px) {
  /*** leftcol / rightcol ***/
  .single-content-top .single-content-top-video-wrapper {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    margin-bottom: 30px;
  }
  .single-content-top .single-content-recos {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .single-content-top .single-content-recos .single-content-recos-list {
    margin: 0 -15px 30px -15px;
  }
  .single-content-top .single-content-recos .single-content-recos-list .single-content-recos-item {
    -moz-flex-basis: 50%;
    -o-flex-basis: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
    padding: 0 15px;
  }
}

@media screen and (max-width: 720px) {
  /*** CONTENTS FULL ***/
  /*** leftcol ***/
  .single-content-top .single-content-top-video-wrapper {
    margin-bottom: 20px;
  }
  .single-content-top-details {
    padding-top: 10px;
  }
  .single-content-top-details .single-content-top-infos {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    margin-bottom: 20px;
  }
  .single-content-top-details .single-content-top-infos .single-content-top-title {
    font-size: 1.25em;
  }
  .single-content-top-details .single-content-top-ask-a-question-link {
    padding: 10px 10px;
  }
  .single-content-top-details .single-content-top-metas {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .single-content-top-details .single-content-top-metas .single-content-top-authors {
    margin: 0;
  }
  .single-content-top-details .single-content-top-metas .single-content-top-authors-list {
    padding: 10px 10px;
  }
  .single-content-top-details .single-content-top-metas .single-content-top-categories {
    margin-bottom: 10px;
  }
  .single-top-text-wrapper {
    margin-top: 20px;
  }
  /*** rightcol ***/
  .single-content-recos-wrapper .single-content-recos-title-wrapper .single-content-recos-title {
    padding: 9px;
  }
  .single-content-recos-wrapper .single-content-recos-list {
    padding: 20px 0;
    margin: 0 -10px 20px -10px !important;
  }
  .single-content-recos-wrapper .single-content-recos-list .single-content-recos-item {
    margin-bottom: 10px;
    padding: 0 10px;
  }
}

@media screen and (max-width: 480px) {
  .single-content-top .single-content-recos .single-content-recos-list .single-content-recos-item {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
}

@media screen {
  /*** CONTRIBUTOR FULL ***/
  .contributor-full-main-wrapper {
    margin-bottom: 40px;
  }
  /*** leftcol ***/
  .contributor-full-image {
    padding-top: calc(80px + (1.875em * 1.2));
  }
  /*** rightcol ***/
  .contributor-full-infos {
    padding: 40px 0;
    background: url(assets/cc6ac937c65c6cf4de2b6adb1b286a52.jpg) right center no-repeat;
    background-size: cover;
  }
  .contributor-full-infos .contributor-full-title {
    font-size: 1.875em;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
  }
  .contributor-full-infos .contributor-full-title .contributor-full-title-inner {
    background: black;
    padding: 20px 40px;
    color: white;
    display: inline-block;
  }
  .contributor-full-infos .contributor-biography {
    background: white;
    padding: 20px 40px;
    font-weight: 300;
  }
  .contributor-full-infos .contributor-biography p:last-child {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 1240px) {
  /*** CONTRIBUTOR FULL ***/
  .contributor-full-main-wrapper {
    margin-bottom: 30px;
  }
  /*** leftcol ***/
  .contributor-full-image {
    padding-top: calc(60px + (1.5em * 1.2));
  }
  /*** rightcol ***/
  .contributor-full-infos {
    padding: 30px 0;
  }
  .contributor-full-infos .contributor-full-title {
    font-size: 1.5em;
  }
  .contributor-full-infos .contributor-full-title .contributor-full-title-inner {
    padding: 15px 30px;
  }
  .contributor-full-infos .contributor-biography {
    padding: 15px 30px;
  }
}

@media screen and (max-width: 980px) {
  /*** rightcol ***/
  .contributor-full-main-wrapper .contributor-full-infos .two-third-col {
    -moz-flex-basis: calc(100% - 30px);
    -o-flex-basis: calc(100% - 30px);
    -webkit-flex-basis: calc(100% - 30px);
    -ms-flex-basis: calc(100% - 30px);
    flex-basis: calc(100% - 30px);
  }
}

@media screen and (max-width: 720px) {
  /*** CONTRIBUTOR FULL ***/
  .contributor-full-main-wrapper {
    margin-bottom: 20px;
  }
  /*** leftcol ***/
  .contributor-full-image {
    padding-top: calc(40px + (1.25em * 1.2));
  }
  /*** rightcol ***/
  .contributor-full-main-wrapper .contributor-full-infos .two-third-col {
    -moz-flex-basis: calc(100% - 20px);
    -o-flex-basis: calc(100% - 20px);
    -webkit-flex-basis: calc(100% - 20px);
    -ms-flex-basis: calc(100% - 20px);
    flex-basis: calc(100% - 20px);
  }
  .contributor-full-infos {
    padding: 20px 0;
  }
  .contributor-full-infos .contributor-full-title {
    font-size: 1.25em;
  }
  .contributor-full-infos .contributor-full-title .contributor-full-title-inner {
    padding: 10px 20px;
  }
  .contributor-full-infos .contributor-biography {
    padding: 10px 20px;
  }
}

@media screen and (max-width: 640px) {
  .contributor-full-main-wrapper .contributor-full-image-wrapper {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .contributor-full-main-wrapper .contributor-full-image-wrapper .contributor-full-image {
    max-width: 300px;
  }
  .contributor-full-main-wrapper .contributor-full-infos-wrapper {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .contributor-full-main-wrapper .contributor-full-infos-wrapper .contributor-full-infos {
    padding-left: 20px;
  }
}

@media screen {
  .contributors-list {
    margin-top: 40px;
  }
  /*** CONTRIBUTOR THUMB ***/
  .contributor-thumb-wrapper {
    margin-bottom: 40px;
  }
  .contributor-thumb-wrapper .contributor-thumb-link {
    text-decoration: none;
  }
  .contributor-thumb-wrapper .contributor-thumb-title {
    font-size: 1em;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    margin: 0;
  }
  .contributor-thumb-wrapper .contributor-thumb-title .contributor-thumb-title-inner {
    background: black;
    padding: 20px 40px;
    color: white;
    display: inline-block;
  }
  .contributor-thumb-wrapper .contributor-thumb-bio {
    padding: 40px;
    background: white;
    -moz-box-shadow: 0px 0px 40px 20px #e5e5e5;
    -webkit-box-shadow: 0px 0px 40px 20px #e5e5e5;
    -o-box-shadow: 0px 0px 40px 20px #e5e5e5;
    box-shadow: 0px 0px 40px 20px #e5e5e5;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=$fl-light-grey, Direction=NaN, Strength=40);
  }
  .contributor-thumb-wrapper .contributor-thumb-bio p:last-of-type {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 1240px) {
  .contributors-list {
    margin-top: 30px;
  }
  /*** CONTRIBUTOR THUMB ***/
  .contributor-thumb-wrapper {
    margin-bottom: 30px;
  }
  .contributor-thumb-wrapper .contributor-thumb-img-wrapper {
    -moz-flex-basis: 25%;
    -o-flex-basis: 25%;
    -webkit-flex-basis: 25%;
    -ms-flex-basis: 25%;
    flex-basis: 25%;
  }
  .contributor-thumb-wrapper .contributor-thumb-infos-wrapper {
    -moz-flex-basis: 75%;
    -o-flex-basis: 75%;
    -webkit-flex-basis: 75%;
    -ms-flex-basis: 75%;
    flex-basis: 75%;
  }
  .contributor-thumb-wrapper .contributor-thumb-title .contributor-thumb-title-inner {
    padding: 15px 30px;
  }
  .contributor-thumb-wrapper .contributor-thumb-bio {
    padding: 30px;
    -moz-box-shadow: 0px 0px 30px 15px #e5e5e5;
    -webkit-box-shadow: 0px 0px 30px 15px #e5e5e5;
    -o-box-shadow: 0px 0px 30px 15px #e5e5e5;
    box-shadow: 0px 0px 30px 15px #e5e5e5;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=$fl-light-grey, Direction=NaN, Strength=30);
  }
}

@media screen and (max-width: 980px) {
  /*** CONTRIBUTOR THUMB ***/
  .contributor-thumb-wrapper .contributor-thumb-img-wrapper {
    -moz-flex-basis: calc(100% / 3);
    -o-flex-basis: calc(100% / 3);
    -webkit-flex-basis: calc(100% / 3);
    -ms-flex-basis: calc(100% / 3);
    flex-basis: calc(100% / 3);
  }
  .contributor-thumb-wrapper .contributor-thumb-infos-wrapper {
    -moz-flex-basis: calc(100% * 2 / 3);
    -o-flex-basis: calc(100% * 2 / 3);
    -webkit-flex-basis: calc(100% * 2 / 3);
    -ms-flex-basis: calc(100% * 2 / 3);
    flex-basis: calc(100% * 2 / 3);
  }
}

@media screen and (max-width: 720px) {
  .contributors-list {
    margin-top: 20px;
  }
  /*** CONTRIBUTOR THUMB ***/
  .contributor-thumb-wrapper {
    margin-bottom: 20px;
  }
  .contributor-thumb-wrapper .contributor-thumb-img-wrapper {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .contributor-thumb-wrapper .contributor-thumb-img-wrapper .contributor-thumb-img-inner {
    max-width: 300px;
  }
  .contributor-thumb-wrapper .contributor-thumb-infos-wrapper {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .contributor-thumb-wrapper .contributor-thumb-title .contributor-thumb-title-inner {
    padding: 10px 20px;
  }
  .contributor-thumb-wrapper .contributor-thumb-bio {
    padding: 20px;
    -moz-box-shadow: 0px 0px 20px 10px #e5e5e5;
    -webkit-box-shadow: 0px 0px 20px 10px #e5e5e5;
    -o-box-shadow: 0px 0px 20px 10px #e5e5e5;
    box-shadow: 0px 0px 20px 10px #e5e5e5;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=$fl-light-grey, Direction=NaN, Strength=20);
  }
}

@media screen {
  .comments-wrapper .comments-toggle-form {
    text-align: center;
    /*margin-bottom: 10px;*/
    border-bottom: 1px solid black;
    padding-bottom: 20px;
  }
  .comments-wrapper .comments-toggle-form .comments-toggle-form-button {
    font-size: 1.125em;
    font-weight: 700;
    color: black;
    cursor: pointer;
  }
  .comments-wrapper .comments-toggle-form .comments-list-shown::after {
    content: "\25B2";
    display: inline-block;
    margin-left: 10px;
    font-size: 0.875em;
  }
  .comments-wrapper .comments-toggle-form .comments-list-hidden::after {
    content: "\25BC";
    display: inline-block;
    margin-left: 10px;
    font-size: 0.875em;
  }
  /*** POST A COMMENT ***/
  .post-a-comment-inner {
    background: #f0f0f0;
    padding: 20px;
    margin-bottom: 40px;
  }
  .post-a-comment-inner .post-a-comment-content {
    background: white;
    padding: 20px;
  }
  .post-a-comment-inner .post-a-comment-content .post-a-comment-textarea {
    color: black;
    font-weight: 700;
    border: 0;
  }
  .post-a-comment-inner .post-a-comment-content .flex-wrapper {
    -moz-justify-content: flex-end;
    -o-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .post-a-comment-inner .post-a-comment-content .flex-wrapper .post-a-comment-count-char {
    color: black;
    font-weight: 700;
  }
  .post-a-comment-inner .post-a-comment-content .flex-wrapper .post-a-comment-count-char .post-a-comment-count-char-value {
    color: #0032bc;
  }
  .post-a-comment-inner .post-a-comment-content .flex-wrapper .post-a-comment-submit {
    font-weight: 700;
    margin-left: 20px;
  }
  .post-a-comment-inner .post-a-comment-content .flex-wrapper .form-success, .post-a-comment-inner .post-a-comment-content .flex-wrapper .form-alert {
    margin: 0;
  }
  /*** COMMENTS LIST ***/
  .comment-filter-button {
    display: inline-block;
    margin: 0 20px 0 0;
    color: #737373;
    cursor: pointer;
    font-weight: 600;
  }
  .comment-filter-button:hover {
    text-decoration: underline;
  }
  .comment-filter-button.active {
    color: #225cfe;
    text-decoration: underline;
  }
  .load-more-comments.input-submit {
    font-size: 0.875em;
    margin-top: 20px;
  }
  .comments-list {
    margin-top: 20px;
  }
  .comments-list .comment-discussion-wrapper {
    border-bottom: 1px solid #e5e5e5;
  }
  .comments-list .comment-discussion-wrapper .load-more-comment-wrapper {
    margin: 20px 0;
    text-align: center;
  }
  .comments-list .comment-discussion-wrapper .load-more-comment-wrapper .load-more-comment {
    display: inline-block;
    padding: 10px 40px;
    font-weight: 700;
    color: black;
    background: #f0f0f0;
    cursor: pointer;
  }
  .comments-list .comment-discussion-wrapper .load-more-comment-wrapper .load-more-comment:hover {
    background: #e5e5e5;
  }
  .comments-list .comment-prepub-wrapper .comment-inner {
    background: #f0f0f0;
  }
  .comments-list .comment-wrapper {
    margin: 20px 0;
  }
  .comments-list .comment-wrapper .comment-level-1 {
    margin-left: calc((100% / 12) - 20px);
  }
  .comments-list .comment-wrapper .comment-metas {
    color: #737373;
    padding: 8px 0;
  }
  .comments-list .comment-wrapper .comment-metas .comment-author {
    color: #225cfe;
    font-weight: 500;
  }
  .comments-list .comment-wrapper .comment-metas .comment-date {
    font-style: italic;
  }
  .comments-list .comment-wrapper .comment-content {
    font-weight: 300;
  }
  .comments-list .comment-wrapper .comment-posted {
    font-weight: 300;
    color: #737373;
    font-size: 0.875em;
    margin: 4px 0;
  }
  .comments-list .comment-wrapper .comment-interactions {
    color: #737373;
    font-weight: 500;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .comments-list .comment-wrapper .comment-interactions .comment-like {
    display: inline-block;
    padding: 8px 0 8px 1.25em;
    position: relative;
    cursor: pointer;
    margin-right: 0.5em;
    color: #225cfe;
  }
  .comments-list .comment-wrapper .comment-interactions .comment-like::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1em;
    background: url(assets/b3303f5a8d911932a05c0b0650c15530.svg) left 8px no-repeat;
    background-size: 100% auto;
  }
  .comments-list .comment-wrapper .comment-interactions .comment-unlike {
    display: inline-block;
    padding: 8px 0 8px 1.25em;
    position: relative;
    cursor: pointer;
    opacity: 0.7;
  }
  .comments-list .comment-wrapper .comment-interactions .comment-unlike::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1em;
    background: url(assets/1795bbe9efb01904d4aab56378403296.svg) left 15px no-repeat;
    background-size: 100% auto;
  }
  .comments-list .comment-wrapper .comment-interactions .comment-score-inner {
    color: #225cfe;
  }
  .comments-list .comment-wrapper .comment-interactions .comment-answer-button, .comments-list .comment-wrapper .comment-interactions .comment-moderation-button {
    cursor: pointer;
  }
  .comments-list .comment-wrapper .comment-interactions .comment-moderation-button {
    color: red;
  }
  .comments-list .comment-wrapper .comment-interactions .comment-answer-button:hover, .comments-list .comment-wrapper .comment-interactions .comment-moderation-button:hover {
    text-decoration: underline;
  }
}

@media screen and (max-width: 1240px) {
  .comments-wrapper .comments-toggle-form {
    padding-bottom: 15px;
  }
  /*** POST A COMMENT ***/
  .post-a-comment-inner {
    padding: 15px;
    margin-bottom: 30px;
  }
  .post-a-comment-inner .post-a-comment-content {
    background: white;
    padding: 15px;
  }
  /*** COMMENTS LIST ***/
  .comments-list {
    margin-top: 15px;
  }
  .comments-list .comment-discussion-wrapper .load-more-comment-wrapper {
    margin: 15px 0;
  }
  .comments-list .comment-wrapper {
    margin: 15px 0;
  }
  .comments-list .comment-wrapper .comment-level-1 {
    margin-left: calc((100% / 12) - 15px);
  }
}

@media screen and (max-width: 720px) {
  .comments-wrapper .comments-toggle-form {
    padding-bottom: 10px;
  }
  /*** POST A COMMENT ***/
  .post-a-comment-inner {
    padding: 10px;
    margin-bottom: 20px;
  }
  .post-a-comment-inner .post-a-comment-content {
    background: white;
    padding: 10px;
  }
  /*** COMMENTS LIST ***/
  .comments-list {
    margin-top: 10px;
  }
  .comments-list .comment-discussion-wrapper .load-more-comment-wrapper {
    margin: 10px 0;
  }
  .comments-list .comment-wrapper {
    margin: 10px 0;
  }
  .comments-list .comment-wrapper .comment-level-1 {
    margin-left: calc((100% / 12) - 10px);
  }
}

@media screen {
  /*** video/image thumb ***/
  .thumb-wrapper {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    z-index: 10;
    overflow: hidden;
  }
  .thumb-wrapper .thumb-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .thumb-wrapper .thumb-inner .video-thumb {
    display: block;
    width: 100%;
    height: auto;
  }
  .thumb-wrapper .thumb-inner .thumb-inner-img, .thumb-wrapper .thumb-inner .thumb-inner-link {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  .thumb-wrapper .thumb-inner .thumb-inner-img img, .thumb-wrapper .thumb-inner .thumb-inner-link img {
    display: block;
    width: 100%;
    height: auto;
    -moz-transform: translate3D(0, 0, 0);
    -o-transform: translate3D(0, 0, 0);
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
    -moz-transition: transform 0.2s ease-in;
    -o-transition: transform 0.2s ease-in;
    -webkit-transition: transform 0.2s ease-in;
    -ms-transition: transform 0.2s ease-in;
    transition: transform 0.2s ease-in;
  }
  .thumb-wrapper .thumb-inner .video-thumb-link-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(assets/d58f7fafee6d69599d448c4acc3fadfc.svg) center center no-repeat;
    background-size: 6em auto;
    z-index: 30;
  }
}

@media screen {
  /*** HIGHLIGHTED CONTENTS ***/
  .highlighted-contents-main-article {
    margin-bottom: 40px;
  }
  .highlighted-contents-remaining-article-item {
    display: block;
    text-decoration: none;
    color: inherit;
    margin-bottom: 40px;
    position: relative;
  }
  .highlighted-contents-remaining-article-item-thumb {
    position: relative;
    overflow: visible;
  }
  /*** HIGHLIGHTED PLAYLIST CONTENTS ***/
  .highlighted-playlist-contents .highlighted-playlist-contents-video {
    position: relative;
    cursor: pointer;
  }
  .highlighted-playlist-contents .highlighted-playlist-contents-video .highlighted-playlist-contents-subscribe-link {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    color: white;
    background: #225cfe;
    padding: 10px;
    text-decoration: none;
    margin: 0.5em;
    font-size: 1.25em;
  }
  .highlighted-playlist-contents .highlighted-playlist-contents-video .highlighted-playlist-contents-subscribe-link:hover {
    background: #1b4acb;
  }
}

@media screen and (max-width: 1240px) {
  /*** HIGHLIGHTED CONTENTS ***/
  .highlighted-contents-main-article {
    margin-bottom: 30px;
  }
  .highlighted-contents-remaining-article-item {
    margin-bottom: 30px;
  }
  .highlighted-contents-remaining-article-item .content-thumb {
    font-size: 0.9em;
  }
}

@media screen and (max-width: 720px) {
  /*** HIGHLIGHTED CONTENTS ***/
  .highlighted-contents-main-article {
    margin-bottom: 20px;
  }
  .highlighted-contents-main-article .content-thumb {
    font-size: 0.9em;
  }
  .highlighted-contents-remaining-article-item {
    margin-bottom: 20px;
  }
  .highlighted-contents-remaining-article-item .content-thumb {
    font-size: 0.8em;
  }
}

@media screen and (max-width: 480px) {
  .highlighted-contents-remaining-articles .one-half-col {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .highlighted-contents-remaining-articles .one-half-col .highlighted-contents-remaining-article-item .content-thumb {
    font-size: 0.9em;
  }
}

@media screen {
  /*** HIGHLIGHTED ANSWERS ***/
  .highlighted-answers-wrapper {
    margin-bottom: 40px;
  }
  .highlighted-answers-wrapper .highlighted-answers-remaining-article .answer-thumb-wrapper {
    height: 100%;
  }
  .highlighted-answers-wrapper .highlighted-answers-remaining-article .answer-thumb {
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .highlighted-answers-wrapper .highlighted-answers-remaining-article .answer-thumb .answer-thumb-bottom {
    background: #f0f0f0;
    height: 100%;
  }
  .highlighted-answers-wrapper .highlighted-answers-remaining-article .answer-thumb .answer-thumb-bottom .answer-thumb-infos {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
}

@media screen and (max-width: 1240px) {
  /*** HIGHLIGHTED ANSWERS ***/
  .highlighted-answers-wrapper {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 980px) {
  .highlighted-answers-wrapper .highlighted-answers-main-article {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    margin-bottom: 30px;
  }
  .highlighted-answers-wrapper .highlighted-answers-remaining-article {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
}

@media screen and (max-width: 720px) {
  /*** HIGHLIGHTED ANSWERS ***/
  .highlighted-answers-wrapper {
    margin-bottom: 20px;
  }
  .highlighted-answers-wrapper .highlighted-answers-main-article {
    margin-bottom: 20px;
  }
}

@media screen {
  /*** FORMS ***/
  .regular-form-wrapper {
    -moz-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
  .form-content {
    font-family: 'Raleway', Arial, sans-serif;
  }
  .form-section {
    margin-bottom: 1em;
  }
  .form-subsection {
    margin-bottom: 1em;
  }
  ::-moz-input-placeholder {
    color: black;
  }
  ::-ms-input-placeholder {
    color: black;
  }
  ::-o-input-placeholder {
    color: black;
  }
  ::-webkit-input-placeholder {
    color: black;
  }
  ::input-placeholder {
    color: black;
  }
  .form-element-wrapper {
    -moz-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 1em;
  }
  .form-label-element {
    margin: 0 0 0.25em 0;
    display: block;
    color: #737373;
  }
  .input-text {
    border: 1px solid black;
    font-family: 'Raleway', Arial, sans-serif;
    font-weight: 500;
    color: black;
    font-size: 1em;
    padding: 0.4em 0.75em;
    display: block;
    box-sizing: border-box;
    -webkit-appearance: none;
    margin-bottom: 1em;
    line-height: 1.4;
    width: 100%;
    -moz-flex-grow: 1;
    -o-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
  }
  .input-discount-text {
    margin: 0;
    text-transform: uppercase;
  }
  .input-textarea {
    border: 1px solid black;
    font-family: 'Raleway', Arial, sans-serif;
    font-weight: 500;
    color: black;
    font-size: 1em;
    padding: 0.4em 0.75em;
    display: block;
    box-sizing: border-box;
    -webkit-appearance: none;
    width: 100%;
    line-height: 1.4;
    margin-bottom: 1em;
  }
  .radio-button-wrapper {
    margin-bottom: 1em;
  }
  .radio-button-separator {
    margin-right: 1.5em;
    padding: 0.4em 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .radio-button-separator:last-child {
    margin-right: 0;
  }
  .input-radio-button {
    cursor: pointer;
  }
  .input-radio-button-label, .Radio__label {
    cursor: pointer;
    padding-left: 0.5em;
  }
  .input-checkbox-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-align: flex-start;
    -ms-flex-align: flex-start;
    -moz-align-items: flex-start;
    -o-align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    margin: 1.5em 0;
  }
  .input-checkbox-label {
    -moz-order: 2;
    -o-order: 2;
    -webkit-order: 2;
    -ms-order: 2;
    order: 2;
  }
  .input-checkbox {
    -moz-order: 1;
    -o-order: 1;
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
    margin-right: 0.25em;
    height: 1em;
    width: 1em;
    min-width: 1em;
    font-size: 1.4em;
  }
  .input-datepicker {
    /*display: block !important;*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    color: black !important;
    width: 100%;
    font-family: 'Raleway', Arial, sans-serif;
    font-weight: 500;
    margin-bottom: 1em;
    padding: 0 2.9em 0 0 !important;
    border-radius: 0 !important;
    border: 1px solid black !important;
    box-shadow: none !important;
  }
  .input-datepicker div {
    color: rgba(0, 0, 0, 0.7) !important;
  }
  .input-datepicker input {
    cursor: pointer;
  }
  .input-datepicker hr {
    border-color: black !important;
  }
  .input-datepicker .rw-input {
    box-shadow: none !important;
    padding: 0.4em 0.75em;
    font-size: 1em;
    border-radius: 0 !important;
    height: auto;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: black !important;
  }
  .input-datepicker .rw-select {
    border-left: 1px solid black !important;
    padding: 0.25em 0.5em;
    width: auto;
    cursor: pointer;
  }
  .input-datepicker .rw-select:hover {
    background: #e5e5e5;
  }
  .input-datepicker .rw-btn {
    line-height: 1em;
  }
  .input-datepicker .rw-i {
    margin: 0;
  }
  .select-form-element {
    border: 1px solid black;
    font-family: 'Raleway', Arial, sans-serif;
    font-weight: 500;
    color: black;
    font-size: 1em;
    padding: 0.4em 0.75em;
    display: block;
    box-sizing: border-box;
    -webkit-appearance: none;
    margin-bottom: 1em;
    line-height: 1.4;
    width: 100%;
    -moz-flex-grow: 1;
    -o-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
  }
  .form-cgv-section a {
    text-decoration: underline;
  }
  .form-cgv-section a:hover {
    text-decoration: none;
  }
  .input-submit {
    border: 0;
    font-family: 'Raleway', Arial, sans-serif;
    font-weight: 500;
    color: white;
    padding: 0.4em 0.75em;
    font-size: 1em;
    background-color: #0032bc;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.4;
    display: inline-block;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-transition: background-color 0.2s ease-in;
    -o-transition: background-color 0.2s ease-in;
    -webkit-transition: background-color 0.2s ease-in;
    -ms-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in;
  }
  .highlighted-input-submit {
    font-size: 1.125em;
  }
  .input-submit:disabled {
    cursor: auto;
    background-color: #225cfe !important;
    opacity: 0.6;
  }
  .input-submit:hover {
    background-color: #112e7f;
  }
  /*** notices ***/
  .form-alert-element {
    border: 1px solid #dc1f1f !important;
  }
  .form-alert {
    margin: 0 0 0.75em 0;
    font-size: 0.9em;
    font-weight: 500;
    color: #dc1f1f;
  }
  .form-alert a {
    color: #dc1f1f;
    text-decoration: underline;
  }
  .form-alert a:hover {
    text-decoration: none;
  }
  .form-success {
    margin: 0 0 0.75em 0;
    font-size: 0.9em;
    font-weight: 500;
    color: #0ba70f;
  }
}

@media screen {
  /*** CONTENT FILTERS ***/
  .content-filters-menu {
    margin: 1em 0;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .content-filters-menu .content-filter {
    margin-right: 20px;
  }
  .content-filters-menu .content-filter-button-inner .content-filter-button {
    display: inline-block;
    margin: 0 20px;
    color: #737373;
    cursor: pointer;
    font-weight: 600;
  }
  .content-filters-menu .content-filter-button-inner .content-filter-button:hover {
    text-decoration: underline;
  }
  .content-filters-menu .content-filter-button-inner .content-filter-button.active {
    color: #225cfe;
    text-decoration: underline;
  }
  .content-filters-menu .select-content-filter {
    font-size: 1em;
    font-family: 'Raleway', Arial, sans-serif;
    padding: 10px 0.75em;
    border: 1px solid black;
  }
  .content-filters-menu .select-content-filter option {
    padding: 0;
    font-size: 1em;
  }
  .content-filters-menu .content-filter-search-wrapper {
    -moz-flex-grow: 1;
    -o-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -moz-justify-content: flex-end;
    -o-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
  }
  .content-filters-menu .content-filter-search-wrapper .content-filter {
    margin-right: 0;
  }
  .content-filters-menu .content-filter-search-wrapper .content-filter-search-form {
    border: 1px solid black;
    width: 100%;
    max-width: 300px;
  }
  .content-filters-menu .content-filter-search-wrapper .content-filter-search-form .content-filter-search-text-input {
    font-size: 1em;
    font-family: 'Raleway', Arial, sans-serif;
    padding: 10px 0.75em;
    display: block;
    border: 0;
    color: black;
  }
  .content-filters-menu .content-filter-search-wrapper .content-filter-search-form .content-filter-search-submit-input {
    border: 0;
    color: white;
    width: 3em;
    padding: 0;
    display: block;
    cursor: pointer;
    text-indent: -9999em;
    background: url(assets/dc97e813b67e9b9d3610c1638dcf3873.svg) center center no-repeat transparent;
    background-size: auto 1.25em;
  }
}

@media screen and (max-width: 1240px) {
  /*** CONTENT FILTERS ***/
  .content-filters-menu .content-filter {
    margin-right: 10px;
  }
  .content-filters-menu .content-filter-button-inner .content-filter-button {
    margin: 0 10px;
  }
}

@media screen and (max-width: 980px) {
  .content-filters-menu .content-filter-search-wrapper {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    -moz-justify-content: flex-start;
    -o-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: 15px;
  }
  .content-filters-menu .content-filter-search-wrapper .content-filter-search-form {
    max-width: 300px;
  }
}

@media screen and (max-width: 720px) {
  /*** CONTENT FILTERS ***/
  .content-filters-menu .content-filter-button-wrapper {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    margin: 10px 0;
  }
  .content-filters-menu .content-filter-search-wrapper {
    margin-top: 10px;
  }
}

@media screen {
  /*** Q&A TABS MENU ***/
  .questions-and-answers-tabs-menu {
    border-bottom: 1px solid #e5e5e5;
    font-size: 1.125em;
    color: #737373;
    font-weight: 700;
  }
  .questions-and-answers-tabs-menu .questions-and-answers-tab-item {
    display: inline-block;
    padding: 10px 40px;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
  }
  .questions-and-answers-tabs-menu .questions-and-answers-tab-item:hover, .questions-and-answers-tabs-menu .questions-and-answers-tab-item.active {
    text-decoration: none;
    color: white;
    background: #225cfe;
  }
}

@media screen and (max-width: 1240px) {
  /*** Q&A TABS MENU ***/
  .questions-and-answers-tabs-menu .questions-and-answers-tab-item {
    padding: 10px 30px;
  }
}

@media screen and (max-width: 980px) {
  /*** Q&A TABS MENU ***/
  .questions-and-answers-tabs-menu {
    font-size: 1em;
  }
}

@media screen and (max-width: 720px) {
  /*** Q&A TABS MENU ***/
  .questions-and-answers-tabs-menu .flex-wrapper {
    -moz-flex-direction: column;
    -o-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /*@include flex-align-items(center);*/
  }
  .questions-and-answers-tabs-menu .questions-and-answers-tab-item {
    padding: 10px 20px;
  }
}

@media screen {
  /*** ADD A QUESTION ***/
  .ask-a-question-inner {
    background: #f0f0f0;
    padding: 20px;
    margin-bottom: 40px;
  }
  .ask-a-question-inner .ask-a-question-content {
    background: white;
    padding: 20px;
  }
  .ask-a-question-inner .ask-a-question-content .ask-a-question-textarea {
    color: black;
    font-weight: 700;
    border: 0;
  }
  .ask-a-question-inner .ask-a-question-content .flex-wrapper {
    -moz-justify-content: flex-end;
    -o-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .ask-a-question-inner .ask-a-question-content .flex-wrapper .ask-a-question-count-char {
    color: black;
    font-weight: 700;
  }
  .ask-a-question-inner .ask-a-question-content .flex-wrapper .ask-a-question-count-char .ask-a-question-count-char-value {
    color: #0032bc;
  }
  .ask-a-question-inner .ask-a-question-content .flex-wrapper .ask-a-question-submit {
    font-weight: 700;
    margin-left: 20px;
  }
  .ask-a-question-inner .ask-a-question-content .flex-wrapper .form-success, .ask-a-question-inner .ask-a-question-content .flex-wrapper .form-alert {
    margin: 0;
  }
}

@media screen and (max-width: 1240px) {
  /*** ADD A QUESTION ***/
  .ask-a-question-inner {
    padding: 15px;
    margin-bottom: 30px;
  }
  .ask-a-question-inner .ask-a-question-content {
    padding: 15px;
  }
  .ask-a-question-inner .ask-a-question-content .flex-wrapper .ask-a-question-submit {
    margin-left: 15px;
  }
}

@media screen and (max-width: 720px) {
  /*** ADD A QUESTION ***/
  .ask-a-question-inner {
    padding: 10px;
    margin-bottom: 20px;
  }
  .ask-a-question-inner .ask-a-question-content {
    padding: 10px;
  }
  .ask-a-question-inner .ask-a-question-content .flex-wrapper .ask-a-question-submit {
    margin-left: 10px;
  }
}

@media screen {
  /*** QUESTION THUMB ***/
  .question-thumb-wrapper {
    border: 6px solid #e5e5e5;
    color: black;
    background: white;
    text-align: center;
    width: 100%;
    /*margin-bottom: 40px;*/
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .question-thumb-wrapper .question-thumb {
    margin: 4px;
    border: 1px solid #e5e5e5;
    height: calc(100% - 8px);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .question-thumb-wrapper .question-thumb .thumb-container {
    padding: 29px;
  }
  .question-thumb-wrapper .question-thumb .thumb-title {
    font-weight: 700;
    margin-bottom: 0.5em;
    font-size: 1.125em;
  }
  .question-thumb-wrapper .question-thumb .thumb-description {
    margin-bottom: 20px;
    min-height: calc(1.4em * 7);
  }
  .question-thumb-wrapper .question-thumb .thumb-vote-wrapper {
    -moz-justify-content: space-around;
    -o-justify-content: space-around;
    -webkit-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    color: #225cfe;
    font-weight: 700;
  }
  .question-thumb-wrapper .question-thumb .thumb-vote-wrapper .thumb-vote-button {
    padding: 10px 20px;
    background: white;
    color: #225cfe;
    border: 2px solid #225cfe;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.4s ease-in;
  }
  .question-thumb-wrapper .question-thumb .thumb-vote-wrapper .thumb-vote-button:hover {
    background: #225cfe;
    color: white;
  }
  .question-thumb-wrapper .question-thumb .thumb-prepub {
    padding: 10px 0;
  }
  .question-thumb-wrapper.question-thumb-voted {
    border-color: #225cfe;
  }
  .question-thumb-wrapper.question-thumb-voted .question-thumb {
    border-color: #225cfe;
  }
  .question-thumb-wrapper.question-thumb-voted .question-thumb .thumb-vote-wrapper .thumb-vote-button {
    background: #225cfe;
    color: white;
  }
}

@media screen and (max-width: 1240px) {
  /*** QUESTION THUMB ***/
  .question-thumb-wrapper {
    margin-bottom: 30px;
  }
  .question-thumb-wrapper .question-thumb .thumb-container {
    padding: 19px;
  }
  .question-thumb-wrapper .question-thumb .thumb-description {
    margin-bottom: 15px;
  }
  .question-thumb-wrapper .question-thumb .thumb-vote-wrapper .thumb-vote-button {
    padding: 10px 15px;
  }
}

@media screen and (max-width: 720px) {
  /*** QUESTION THUMB ***/
  .question-thumb-wrapper {
    margin-bottom: 20px;
  }
  .question-thumb-wrapper .question-thumb .thumb-container {
    padding: 9px;
  }
  .question-thumb-wrapper .question-thumb .thumb-description {
    margin-bottom: 10px;
  }
  .question-thumb-wrapper .question-thumb .thumb-vote-wrapper .thumb-vote-button {
    padding: 10px 10px;
  }
}

@media screen {
  /*** ANSWER THUMBS ***/
  /*.answer-thumb-wrapper {
        height: 100%;
    }*/
  .answer-thumb {
    display: block;
    position: relative;
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    /*height: 100%;*/
  }
  .answer-thumb .answer-thumb-top::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #225cfe;
    z-index: 30;
    opacity: 0.6;
    display: none;
  }
  .answer-thumb .answer-thumb-top {
    position: relative;
    z-index: 15;
  }
  .answer-thumb .answer-thumb-top::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(assets/d58f7fafee6d69599d448c4acc3fadfc.svg) center center no-repeat;
    background-size: calc(100% / 5) auto;
    z-index: 30;
    display: none;
  }
  .answer-thumb .answer-thumb-bottom {
    /*position: relative;*/
    text-align: center;
    z-index: 20;
    /*height: 43.75%;*/
  }
  .answer-thumb .answer-thumb-metas {
    position: absolute;
    /*bottom: 20px;*/
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    /*left: 20px;*/
    z-index: 30;
    /*transform: translate3d(0, calc(-1 * (40px + 1.225em)), 0);*/
    transform: translate3d(0, 20%, 0);
  }
  .answer-thumb .answer-thumb-authors-wrapper {
    background: #225cfe;
    color: white;
    font-weight: 600;
    padding: 8px 20px;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
  }
  .answer-thumb .answer-thumb-authors-wrapper .answer-thumb-author::after {
    content: ", ";
  }
  .answer-thumb .answer-thumb-authors-wrapper .answer-thumb-author:last-of-type::after {
    display: none;
  }
  .answer-thumb .answer-thumb-date {
    background: black;
    color: white;
    display: inline-block;
    padding: 10px 20px;
    font-size: 0.875em;
    font-weight: 700;
    flex-basis: auto;
  }
  .answer-thumb .answer-thumb-infos {
    padding: 40px;
    background: #f0f0f0;
    color: black;
    height: 100%;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .answer-thumb .answer-thumb-title {
    font-size: 1.5em;
    margin: 0;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
  }
  .answer-thumb .answer-thumb-excerpt {
    position: relative;
    margin-top: 1em;
  }
  .answer-thumb .answer-thumb-desc-wrapper {
    min-height: calc(1.4em * 5);
    /*height: 100%;*/
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .answer-thumb .answer-thumb-desc {
    font-family: 'Playfair Display', serif;
  }
  .answer-thumb .answer-thumb-desc strong {
    font-weight: 700;
  }
  .answer-thumb .answer-thumb-desc strong::after {
    content: " - ";
  }
  .answer-thumb:hover {
    text-decoration: none;
  }
  .answer-thumb:hover .answer-thumb-top::before {
    display: block;
  }
  /*** highlighted ***/
  .highlighted-answer-thumb .answer-thumb-bottom {
    position: absolute;
    bottom: 20px;
    right: calc((100% / 7.5) + 20px);
    left: 20px;
    z-index: 20;
    text-align: left;
  }
  .highlighted-answer-thumb .answer-thumb-bottom .answer-thumb-metas {
    position: relative;
    top: auto;
    left: auto;
    text-align: left;
    transform: translate3d(0, 0, 0);
  }
  .highlighted-answer-thumb .answer-thumb-bottom .answer-thumb-authors-wrapper {
    position: absolute;
    margin: 0;
    right: 0;
    z-index: 30;
    top: calc(1.225em + 20px);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 200px;
    transform: translate3d(50%, 50%, 0);
  }
  .highlighted-answer-thumb .answer-thumb-desc-wrapper {
    min-height: 0;
  }
  .highlighted-answer-thumb .answer-thumb-desc strong {
    display: block;
    margin-bottom: 1em;
  }
  .highlighted-answer-thumb .answer-thumb-desc strong::after {
    display: none;
  }
  .highlighted-answer-thumb .answer-thumb-authors-list, .highlighted-answer-thumb .answer-thumb-date {
    padding: 10px 40px;
  }
  .highlighted-answer-thumb .answer-thumb-infos {
    padding-right: 120px;
    overflow: visible;
  }
  /*** sizes based on col width ***/
  .content-list .one-third-col .answer-thumb {
    font-size: 0.9em;
  }
  .content-list .one-quarter-col .answer-thumb {
    font-size: 0.8em;
  }
  .content-list .answer-thumb .answer-thumb-authors-list, .content-list .answer-thumb .answer-thumb-date {
    padding: 8px 10px;
  }
  .content-list .answer-thumb .answer-thumb-title {
    font-size: 1.125em;
  }
  /*** recos sizes ***/
  .single-content-recos .answer-thumb {
    font-size: 0.9em;
  }
  .single-content-recos .answer-thumb .answer-thumb-title {
    font-size: 1.125em;
  }
  /*** slider sizes ***/
  .slider-wrapper .slider-third-col .content-thumb {
    font-size: 0.8em;
  }
  .slider-wrapper .slider-quarter-col .content-thumb {
    font-size: 0.8em;
  }
  .slider-wrapper .answer-thumb .answer-thumb-authors-list, .slider-wrapper .answer-thumb .answer-thumb-date {
    padding: 8px 10px;
  }
  .slider-wrapper .answer-thumb .answer-thumb-title {
    font-size: 1.125em;
  }
}

@media screen and (max-width: 1240px) {
  /*** ANSWER THUMBS ***/
  .answer-thumb .answer-thumb-authors-wrapper {
    padding: 8px 15px;
  }
  .answer-thumb .answer-thumb-date {
    padding: 10px 15px;
  }
  .answer-thumb .answer-thumb-infos {
    padding: 30px;
  }
  /*** highlighted ***/
  .highlighted-answer-thumb .answer-thumb-bottom {
    bottom: 15px;
    right: calc((100% / 7.5) + 15px);
    left: 15px;
  }
  .highlighted-answer-thumb .answer-thumb-bottom .answer-thumb-authors-wrapper {
    top: calc(1.225em + 15px);
    max-width: 200px;
  }
  .highlighted-answer-thumb .answer-thumb-authors-list, .highlighted-answer-thumb .answer-thumb-date {
    padding: 10px 30px;
  }
  .highlighted-answer-thumb .answer-thumb-infos {
    padding-right: 90px;
  }
}

@media screen and (max-width: 980px) {
  /*** reset answer thumbs ***/
  /*** highlighted ***/
  .highlighted-answer-thumb .answer-thumb-bottom {
    position: static;
    bottom: auto;
    right: auto;
    left: auto;
    z-index: 20;
    text-align: center;
  }
  .highlighted-answer-thumb .answer-thumb-bottom .answer-thumb-metas {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    transform: translate3d(0, 20%, 0);
  }
  .highlighted-answer-thumb .answer-thumb-bottom .answer-thumb-authors-wrapper {
    position: relative;
    margin: 0;
    right: auto;
    z-index: 30;
    top: auto;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    max-width: none;
    transform: translate3d(0, 0, 0);
  }
  .highlighted-answer-thumb .answer-thumb-desc-wrapper {
    min-height: calc(1.4em * 5);
  }
  .highlighted-answer-thumb .answer-thumb-desc strong {
    display: inline;
    margin-bottom: 0;
  }
  .highlighted-answer-thumb .answer-thumb-desc strong::after {
    display: inline;
  }
  .highlighted-answer-thumb .answer-thumb-authors-list, .highlighted-answer-thumb .answer-thumb-date {
    padding: 10px;
  }
  .highlighted-answer-thumb .answer-thumb-infos {
    padding-right: 0;
  }
}

@media screen and (max-width: 720px) {
  /*** ANSWER THUMBS ***/
  .answer-thumb .answer-thumb-authors-wrapper {
    padding: 8px 10px;
  }
  .answer-thumb .answer-thumb-date {
    padding: 10px 10px;
  }
  .answer-thumb .answer-thumb-infos {
    padding: 20px;
  }
}

@media screen {
  /*** generic layout style ***/
  .ReactModal__Body--open {
    height: 100vh;
    overflow: hidden;
  }
  .ReactModal__Content {
    width: 100%;
    pointer-events: none;
  }
  .modal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.7);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
  .modal-overlay .modal:focus {
    outline: 0;
    border: 0;
  }
  .modal-overlay .modal-wrapper {
    -moz-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    margin: auto;
  }
  .modal-overlay .modal-container {
    pointer-events: auto;
    margin: 2em 0;
  }
  .modal {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
  }
  .modal .close-modal {
    font-size: 1em;
    padding: 0.4em 0.75em;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    background: #225cfe;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 20;
    transition: all 0.2s ease-in;
  }
  .modal .close-modal::before {
    /*content: "\00274C ";*/
    content: "X ";
    font-weight: 700;
    color: white;
  }
  .modal .close-modal:hover {
    background: #0032bc;
  }
  .modal .modal-content {
    padding: calc(40px + 2.2em) 20px 20px 20px;
    background: white;
    position: relative;
    -webkit-box-shadow: 0px 5px 20px 10px rgba(127, 116, 109, 0.1);
    -moz-box-shadow: 0px 5px 20px 10px rgba(127, 116, 109, 0.1);
    box-shadow: 0px 5px 20px 10px rgba(127, 116, 109, 0.1);
  }
  .modal .modal-content a {
    color: #225cfe;
    text-decoration: underline;
  }
  .modal .modal-content a:hover {
    text-decoration: none;
  }
  .modal .modal-content .modal-inner {
    position: relative;
  }
  /*** LOGIN MODAL ***/
  .login-modal .login-form-wrapper {
    margin-bottom: 1.5em;
  }
  .login-modal .login-form-wrapper .input-checkbox-wrapper {
    margin-bottom: 0;
  }
  .login-modal .login-form-wrapper .input-submit {
    margin-top: 1em;
  }
  .login-modal .login-modal-register .input-submit {
    margin-top: 0.5em;
  }
  /*** FIRST TIME MODAL ***/
  .first-time-modal .first-time-modal-inner {
    padding: 0 40px;
  }
  .first-time-modal .first-time-modal-top {
    margin-bottom: 40px;
  }
  .first-time-modal .first-time-modal-top .img-container {
    margin-bottom: 40px;
  }
  .first-time-modal .first-time-modal-top .img-container img {
    height: 140px;
    width: auto;
  }
  .first-time-modal .first-time-modal-top h2 {
    font-weight: 700;
    color: #225cfe;
    margin: 1em 0;
  }
  .first-time-modal .first-time-modal-top h2 i {
    margin: 0;
  }
  .first-time-modal .first-time-modal-top .fall-promotion h2 {
    font-size: 1.5em;
  }
  .first-time-modal .first-time-modal-top p:last-of-type {
    margin-bottom: 0;
  }
  .first-time-modal .first-time-modal-last {
    margin-top: 40px;
  }
}

@media screen and (max-width: 1240px) {
  /*** generic layout style ***/
  .modal .modal-container.two-third-col {
    -moz-flex-basis: 75%;
    -o-flex-basis: 75%;
    -webkit-flex-basis: 75%;
    -ms-flex-basis: 75%;
    flex-basis: 75%;
  }
  .modal .close-modal {
    top: 15px;
    right: 15px;
  }
  .modal .modal-content {
    padding: calc(30px + 2.2em) 15px 15px 15px;
  }
  /*** LOGIN MODAL ***/
  .login-modal .login-modal-connection {
    -moz-flex-basis: 75%;
    -o-flex-basis: 75%;
    -webkit-flex-basis: 75%;
    -ms-flex-basis: 75%;
    flex-basis: 75%;
  }
  /*** FIRST TIME MODAL ***/
  .first-time-modal .first-time-modal-inner {
    padding: 0 30px;
  }
  .first-time-modal .first-time-modal-top {
    margin-bottom: 30px;
  }
  .first-time-modal .first-time-modal-top .img-container {
    margin-bottom: 30px;
  }
  .first-time-modal .first-time-modal-last {
    margin-top: 30px;
  }
}

@media screen and (max-width: 720px) {
  /*** generic layout style ***/
  .modal .modal-container.two-third-col {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .modal .close-modal {
    top: 10px;
    right: 10px;
  }
  .modal .modal-content {
    padding: calc(20px + 2.2em) 10px 10px 10px;
  }
  /*** LOGIN MODAL ***/
  .login-modal .login-modal-connection {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  /*** FIRST TIME MODAL ***/
  .first-time-modal .first-time-modal-inner {
    padding: 0 20px;
  }
  .first-time-modal .first-time-modal-top {
    margin-bottom: 20px;
  }
  .first-time-modal .first-time-modal-top .img-container {
    margin-bottom: 20px;
  }
  .first-time-modal .first-time-modal-last {
    margin-top: 20px;
  }
}

@media screen and (max-width: 640px) {
  /*** FIRST TIME MODAL ***/
  .first-time-modal .first-time-modal-top .first-time-modal-video-wrapper {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    -moz-order: 1;
    -o-order: 1;
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
    margin-bottom: 20px;
  }
  .first-time-modal .first-time-modal-top .first-time-modal-intro {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    -moz-order: 2;
    -o-order: 2;
    -webkit-order: 2;
    -ms-order: 2;
    order: 2;
  }
}

@media screen {
  /*** PAYMENT FORM ***/
  .payment-form .flex-wrapper {
    -moz-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -moz-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
  .payment-offer-item {
    border: 6px solid #225cfe;
    padding: 34px 14px;
    color: #225cfe;
    background: white;
    text-align: center;
    cursor: pointer;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 40px;
    height: calc(100% - 40px);
    position: relative;
  }
  .payment-offer-item .payment-form-sales {
    margin-bottom: 10px;
    font-size: 1.05em;
    text-align: center;
  }
  .payment-offer-item .payment-form-sales .payment-form-initial-price {
    position: relative;
    display: inline-block;
    font-size: 3em;
    line-height: 1;
    font-weight: 900;
    font-style: italic;
    font-family: 'Playfair Display', serif;
  }
  .payment-offer-item .payment-form-sales .payment-form-initial-price::after {
    content: "";
    position: absolute;
    top: 58%;
    height: 2px;
    right: 0;
    left: 0;
    background: #225cfe;
  }
  .payment-offer-item .payment-form-sales .payment-form-sales-title {
    text-transform: uppercase;
    font-weight: 900;
  }
  .payment-offer-item .payment-form-icon {
    font-family: 'Playfair Display', serif;
    font-weight: 900;
    font-style: italic;
    font-size: 4.5em;
    color: white;
    background: #225cfe;
    display: inline-block;
    width: 1.75em;
    height: 1.75em;
    margin-bottom: 0;
    line-height: 1.3;
    letter-spacing: -0.05em;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
  }
  .payment-offer-item .payment-form-icon small {
    font-size: 0.5em;
  }
  .payment-offer-item .payment-form-icon svg {
    width: 0.8em;
    height: auto;
    display: block;
    margin: 0.3em auto 0 auto;
    transform: rotate(15deg);
  }
  .payment-offer-item .payment-form-icon svg path {
    fill: white;
  }
  .payment-offer-item .payment-form-icon strong {
    display: block;
    margin: 0 auto;
    background: white;
    color: #225cfe;
    font-size: 0.75em;
    width: 0.75em;
    height: 0.75em;
    line-height: 0.75;
    border-radius: 50%;
    font-weight: 900;
    font-style: normal;
    letter-spacing: normal;
    font-family: 'Raleway', sans-serif;
  }
  .payment-offer-item .payment-form-title {
    font-size: 1.5em;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0;
  }
  .payment-offer-item .payment-form-title strong {
    /*font-family: 'Playfair Display', serif;*/
    /*font-style: italic;*/
    font-size: 1.5em;
  }
  .payment-offer-item .payment-form-title .payment-form-title-type {
    display: block;
    margin-top: 10px;
    font-size: 0.75em;
  }
  .payment-offer-item .payment-form-title .payment-form-title-free {
    margin-top: 0.5em;
    display: inline-block;
  }
  .payment-offer-yearly_with_tip .payment-form-icon, .payment-offer-monthly_with_tip .payment-form-icon {
    line-height: 1;
  }
  .payment-offer-item:hover, .payment-offer-item.active {
    background: #225cfe;
    color: white;
  }
  .payment-offer-item:hover .payment-form-sales .payment-form-initial-price::after, .payment-offer-item.active .payment-form-sales .payment-form-initial-price::after {
    background: white;
  }
  .payment-offer-item:hover .payment-form-icon, .payment-offer-item.active .payment-form-icon {
    background: white;
    color: #225cfe;
  }
  .payment-offer-item:hover .payment-form-icon svg path, .payment-offer-item.active .payment-form-icon svg path {
    fill: #225cfe;
  }
  .payment-offer-item:hover .payment-form-icon strong, .payment-offer-item.active .payment-form-icon strong {
    background: #225cfe;
    color: white;
  }
  /*** slider cursor ***/
  .tip-slider-wrapper {
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .tip-slider-wrapper .flex-wrapper {
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .tip-slider-wrapper .input-text {
    padding: 0 0 0 0.75em;
    line-height: 2.2em;
    margin: 0 0.5em 0 1.5em;
    max-width: calc(100% - 80px);
  }
  .payment-form-cursor {
    margin: 0 0 calc(40px + 0.65em) 0;
  }
  .payment-form-cursor .rc-slider-track {
    opacity: 0.6;
    background-color: #225cfe;
  }
  .payment-form-cursor .rc-slider-cursor {
    position: relative;
    text-align: center;
    width: 5em;
    margin-left: -2em;
    margin-top: calc(-0.7em - 2.5px);
    background: white;
    border: 5px solid #225cfe;
    cursor: pointer;
    border-radius: 1em;
  }
}

@media screen and (max-width: 1240px) {
  /*** PAYMENT FORM ***/
  .payment-offer-item {
    padding: 24px 9px;
    margin-bottom: 30px;
  }
  /*** slider cursor ***/
  .payment-form-cursor {
    margin: 0 0 calc(30px + 0.65em) 0;
  }
}

@media screen and (max-width: 980px) {
  .payment-form .flex-wrapper {
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .payment-form .payment-offer-item-wrapper {
    -moz-flex-basis: 50%;
    -o-flex-basis: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
  }
  .tip-slider-wrapper .two-third-col {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .tip-slider-wrapper .one-third-col {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    -moz-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    margin-top: 25px;
  }
  .tip-slider-wrapper .one-third-col .input-text {
    margin: 0 0.5em 0 0;
  }
}

@media screen and (max-width: 720px) {
  /*** PAYMENT FORM ***/
  .payment-offer-item {
    padding: 19px 4px;
    margin-bottom: 20px;
  }
  .payment-offer-item .payment-form-sales {
    margin-bottom: 5px;
  }
  .payment-offer-item .payment-form-title .payment-form-title-type {
    margin-top: 0;
    margin-bottom: 5px;
  }
  /*** slider cursor ***/
  .payment-form-cursor {
    margin: 0 0 calc(20px + 0.65em) 0;
  }
}

@media screen and (max-width: 480px) {
  .payment-form .payment-offer-item-wrapper {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
}

@media screen {
  /*** SLIDERS ***/
  .slider-wrapper {
    overflow: visible;
    max-width: 100%;
  }
  .slider-inner {
    /*margin: 0 -40px;*/
    position: relative;
    overflow: hidden;
  }
  .slider-inner .slick-slider {
    margin: 0 40px;
  }
  .slider-inner .slick-list {
    overflow: hidden;
  }
  .slider-inner .slick-arrow {
    position: absolute;
    font-size: 1.5em;
    color: #225cfe;
    height: 1.5em;
    font-weight: 700;
    top: calc(50% - 0.75em - 20px);
    width: 20px;
    display: block;
    text-align: center;
    border: 0;
    background: transparent;
    cursor: pointer;
    text-indent: -9999em;
    z-index: 20;
  }
  .slider-inner .slick-disabled {
    display: none !important;
  }
  .slider-inner .slick-prev {
    left: 0;
  }
  .slider-inner .slick-prev::before {
    content: "\25C0";
    text-indent: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    line-height: 1.4em;
  }
  .slider-inner .slick-next {
    right: 0;
  }
  .slider-inner .slick-next::before {
    content: "\25BA";
    text-indent: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    line-height: 1.4em;
  }
  .slick-track {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
  }
  /*** inside a col ***/
  .col-slider-wrapper {
    overflow: hidden;
    width: 100%;
  }
  .col-slider-wrapper .slider-inner {
    margin: 0;
  }
}

@media screen and (max-width: 1240px) {
  .slider-inner {
    margin: 0 -30px;
  }
  .slider-inner .slick-slider {
    margin: 0 30px;
  }
  .slider-inner .slick-arrow {
    top: calc(50% - 0.75em - 15px);
  }
  .wrapper.slider-wrapper {
    width: calc(100% - 80px);
  }
}

@media screen and (max-width: 720px) {
  .slider-inner {
    margin: 0 -20px;
  }
  .slider-inner .slick-slider {
    margin: 0 20px;
  }
  .slider-inner .slick-arrow {
    top: calc(50% - 0.75em - 10px);
  }
  .wrapper.slider-wrapper {
    width: calc(100% - 60px);
  }
}

@media screen {
  /*** freemium disclaimer ***/
  .video-freemium-disclaimer-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1em;
    color: white;
    background: rgba(34, 92, 254, 0.9);
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    font-size: 1em;
  }
  .video-freemium-disclaimer-wrapper .video-freemium-disclaimer {
    margin: auto;
  }
  .video-freemium-disclaimer-wrapper .video-freemium-disclaimer .video-freemium-discount {
    font-weight: 400;
    font-size: 1.2em;
    display: inline-block;
    margin-top: 1em;
  }
  .video-freemium-disclaimer-wrapper .video-freemium-disclaimer p:last-child {
    margin-bottom: 0;
  }
  .video-freemium-disclaimer-wrapper .input-submit {
    display: inline-block;
    margin: 0 0.5em;
    text-decoration: none;
  }
  .first-time-modal-video .video-freemium-disclaimer-wrapper {
    background: transparent;
  }
}

@media screen and (max-width: 720px) {
  .video-freemium-disclaimer-wrapper {
    font-size: 0.88em;
  }
  .video-freemium-disclaimer-wrapper .video-freemium-disclaimer .video-freemium-discount {
    font-size: 1.05em;
  }
}

@media screen and (max-width: 480px) {
  .video-freemium-disclaimer-wrapper {
    font-size: 0.77em;
    padding: 0.5em;
  }
}

@media screen {
  /*** videojs player styles ***/
  .vjs-default-skin {
    font-size: 18px;
  }
  .vjs-default-skin .vjs-big-play-button {
    top: 50%;
    left: 50%;
    color: white;
    font-size: 4em;
    line-height: 1.3em;
    height: 1.3em;
    margin: -0.65em 0 0 -0.65em;
    width: 1.1em;
    padding-left: 0.2em;
    border-radius: 50%;
    border: 4px solid white;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    background: transparent;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -ms-transition: background 0.3s;
    transition: background 0.3s;
  }
  .vjs-default-skin .vjs-slider {
    background: #666;
  }
  .vjs-default-skin > .vjs-mute-control {
    position: absolute;
    top: 0.25em;
    left: 0.25em;
    color: rgba(255, 255, 255, 0.5);
    font-size: 5em;
    margin: 0;
    width: 1.1em;
    height: 1.1em;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    background: transparent;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -ms-transition: background 0.3s;
    transition: background 0.3s;
  }
  .vjs-default-skin > .vjs-mute-control .vjs-icon-placeholder::before {
    line-height: 1;
    font-size: 1em;
  }
  .vjs-default-skin > .vjs-mute-control.vjs-vol-1, .vjs-default-skin > .vjs-mute-control.vjs-vol-2, .vjs-default-skin > .vjs-mute-control.vjs-vol-3 {
    display: none;
  }
  .vjs-default-skin .vjs-control-bar {
    z-index: 200;
    background: rgba(0, 0, 0, 0.6);
  }
  .vjs-default-skin .vjs-control-bar .vjs-play-control {
    -moz-order: 1;
    -o-order: 1;
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
  }
  .vjs-default-skin .vjs-control-bar .vjs-progress-control {
    -moz-order: 2;
    -o-order: 2;
    -webkit-order: 2;
    -ms-order: 2;
    order: 2;
  }
  .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-mouse-display::after {
    font-family: 'Raleway', Arial, sans-serif;
    border-radius: 0;
  }
  .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-load-progress {
    background: #e5e5e5;
  }
  .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress {
    background: white;
  }
  .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::before {
    color: #225cfe;
    z-index: 90000;
  }
  .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::after {
    font-family: 'Raleway', Arial, sans-serif;
    color: #225cfe;
    background: white;
    padding: 3px 4px 4px;
    border-radius: 0;
    top: 1em;
    z-index: 3;
    top: auto;
    bottom: 2em;
  }
  .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-mouse-display::after {
    top: 1em;
    padding: 3px 4px 4px;
    z-index: 4;
    top: auto;
    bottom: 2em;
  }
  .vjs-default-skin .vjs-control-bar .vjs-remaining-time {
    -moz-order: 4;
    -o-order: 4;
    -webkit-order: 4;
    -ms-order: 4;
    order: 4;
    display: none;
  }
  .vjs-default-skin .vjs-control-bar .vjs-current-time {
    -moz-order: 4;
    -o-order: 4;
    -webkit-order: 4;
    -ms-order: 4;
    order: 4;
    display: block;
    padding-right: 0;
  }
  .vjs-default-skin .vjs-control-bar .vjs-time-divider {
    -moz-order: 5;
    -o-order: 5;
    -webkit-order: 5;
    -ms-order: 5;
    order: 5;
    display: block;
    padding-left: 0.2em;
    padding-right: 0.2em;
    min-width: 0;
  }
  .vjs-default-skin .vjs-control-bar .vjs-duration {
    -moz-order: 6;
    -o-order: 6;
    -webkit-order: 6;
    -ms-order: 6;
    order: 6;
    display: block;
    padding-left: 0;
  }
  .vjs-default-skin .vjs-control-bar .vjs-button, .vjs-default-skin .vjs-control-bar .vjs-button::before, .vjs-default-skin .vjs-control-bar .vjs-menu-button, .vjs-default-skin .vjs-control-bar .vjs-menu-button::before {
    color: white;
  }
  .vjs-default-skin .vjs-control-bar .vjs-button:hover, .vjs-default-skin .vjs-control-bar .vjs-button:hover::before, .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover, .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover::before {
    color: #225cfe;
  }
  .vjs-default-skin .vjs-control-bar .vjs-volume-menu-button {
    -moz-order: 3;
    -o-order: 3;
    -webkit-order: 3;
    -ms-order: 3;
    order: 3;
  }
  .vjs-default-skin .vjs-control-bar .vjs-volume-menu-button .vjs-control-text {
    display: none;
  }
  .vjs-default-skin .vjs-control-bar .vjs-volume-panel {
    width: 3em;
  }
  .vjs-default-skin .vjs-control-bar .vjs-resolution-button {
    -moz-order: 7;
    -o-order: 7;
    -webkit-order: 7;
    -ms-order: 7;
    order: 7;
  }
  .vjs-default-skin .vjs-control-bar .vjs-resolution-button .vjs-resolution-button-label {
    line-height: 3em;
  }
  .vjs-default-skin .vjs-control-bar .vjs-resolution-button .vjs-menu-content {
    text-shadow: none;
    background: rgba(0, 0, 0, 0.6);
  }
  .vjs-default-skin .vjs-control-bar .vjs-resolution-button .vjs-menu-content .vjs-menu-item:hover {
    background: #225cfe;
  }
  .vjs-default-skin .vjs-control-bar .vjs-resolution-button .vjs-menu-content .vjs-selected:hover {
    color: white;
  }
  .vjs-default-skin .vjs-control-bar .vjs-volume-level::before {
    text-shadow: none;
  }
  .vjs-default-skin .vjs-control-bar .vjs-quality-container {
    -moz-order: 6;
    -o-order: 6;
    -webkit-order: 6;
    -ms-order: 6;
    order: 6;
    padding: 0.8em 6px 6px 6px;
  }
  .vjs-default-skin .vjs-control-bar .vjs-brand-quality-link {
    border-radius: 0.2em;
    background: #fff;
    color: #444 !important;
    padding: 0.2em;
  }
  .vjs-default-skin .vjs-control-bar .vjs-fullscreen-control {
    -moz-order: 6;
    -o-order: 6;
    -webkit-order: 6;
    -ms-order: 6;
    order: 6;
  }
  .vjs-default-skin .vjs-control-bar .vjs-menu li {
    font-size: 1em;
  }
  .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-menu-item {
    color: white;
  }
  .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-selected {
    color: #225cfe;
  }
  .vjs-default-skin .vjs-control-bar .vjs-subs-caps-button {
    display: none;
  }
  .vjs-default-skin .vjs-control-bar .vjs-captions-button {
    display: none;
  }
  .vjs-default-skin .vjs-control-bar .vjs-audio-button {
    display: none;
  }
  .vjs-default-skin:hover .vjs-big-play-button {
    opacity: 0.7;
    background: transparent;
  }
}

@media screen and (max-width: 1480px) {
  .vjs-default-skin {
    font-size: 17px;
  }
}

@media screen and (max-width: 1240px) {
  .vjs-default-skin {
    font-size: 16px;
  }
}

@media screen and (max-width: 720px) {
  .vjs-default-skin {
    font-size: 15px;
  }
}

@media screen and (max-width: 640px) {
  .vjs-default-skin .vjs-control {
    width: 3.5em;
  }
  .vjs-default-skin .vjs-time-control {
    padding-left: 0;
    padding-right: 0;
  }
  .vjs-default-skin > .vjs-mute-control {
    font-size: 3em;
    width: 1.1em;
  }
}

@media screen and (max-width: 480px) {
  .vjs-default-skin .vjs-control {
    width: 3em;
  }
  .vjs-default-skin > .vjs-mute-control {
    width: 1.1em;
  }
}

@media screen {
  /*** SOCIAL LINKS ***/
  .social-buttons-wrapper {
    align-items: center;
  }
  .social-buttons-wrapper .social-button {
    display: block;
    text-indent: -9999em;
    margin-right: 40px;
    /* col gutter */
    width: 20px;
    height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .social-buttons-wrapper .social-button:last-of-type {
    margin-right: 0;
  }
  .social-buttons-wrapper .youtube-social-button {
    background: url(assets/3bbdc227ad584c75f7874aa010ae23fa.svg) center center no-repeat;
    background-size: 100% auto;
  }
  .social-buttons-wrapper .facebook-social-button {
    background: url(assets/7c129f5a5448a26dfd21c160cb7ad78e.svg) center center no-repeat;
    background-size: 100% auto;
  }
  .social-buttons-wrapper .instagram-social-button {
    background: url(assets/fbed062b23e0221d701b40045a0fae93.svg) center center no-repeat;
    background-size: 100% auto;
  }
  .social-buttons-wrapper .twitter-social-button {
    background: url(assets/79f6bb9a40915bc9169cc904b4435ae8.svg) center center no-repeat;
    background-size: 100% auto;
  }
  /*** sharing ***/
  .content-sharing {
    -moz-justify-content: flex-start;
    -o-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    text-transform: uppercase;
    font-size: 0.85em;
  }
  .content-sharing .content-sharing-facebook {
    padding: 0.4em 0.75em 0.4em 2.75em;
    font-weight: 600;
    position: relative;
    background: #3B5CA8;
    color: white;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
  }
  .content-sharing .content-sharing-facebook::before {
    content: "";
    position: absolute;
    top: calc(50% - 0.6em);
    left: 1em;
    width: 1.2em;
    height: 1.2em;
    background: url(assets/7c129f5a5448a26dfd21c160cb7ad78e.svg) center center no-repeat;
    -moz-background-size: auto 85%;
    -o-background-size: auto 85%;
    -webkit-background-size: auto 85%;
    -ms-background-size: auto 85%;
    background-size: auto 85%;
  }
  .content-sharing .content-sharing-facebook:hover {
    background: #112e7f;
    text-decoration: none;
  }
  .content-sharing .content-sharing-twitter {
    padding: 0.4em 0.75em 0.4em 2.75em;
    font-weight: 600;
    position: relative;
    background: #5EBEF2;
    color: white;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
  }
  .content-sharing .content-sharing-twitter::before {
    content: "";
    position: absolute;
    top: calc(50% - 0.6em);
    left: 1em;
    width: 1.2em;
    height: 1.2em;
    background: url(assets/79f6bb9a40915bc9169cc904b4435ae8.svg) center center no-repeat;
    -moz-background-size: 70% auto;
    -o-background-size: 70% auto;
    -webkit-background-size: 70% auto;
    -ms-background-size: 70% auto;
    background-size: 70% auto;
  }
  .content-sharing .content-sharing-twitter:hover {
    background: #112e7f;
    text-decoration: none;
  }
}

@media screen and (max-width: 1240px) {
  /*** SOCIAL LINKS ***/
  .social-buttons-wrapper .social-button {
    margin-right: 30px;
    /* col gutter */
  }
  .social-buttons-wrapper .social-button:last-of-type {
    margin-right: 0;
  }
}

@media screen and (max-width: 720px) {
  /*** SOCIAL LINKS ***/
  .social-buttons-wrapper .social-button {
    margin-right: 20px;
    /* col gutter */
  }
  .social-buttons-wrapper .social-button:last-of-type {
    margin-right: 0;
  }
}

@media screen {
  .fall-promotion {
    margin-bottom: 40px;
  }
  .fall-promotion .three-quarter-col {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .fall-promotion .three-quarter-col h2 {
    margin: 0.8em 0;
    text-align: center;
    font-size: 1.2em;
  }
  .fall-promotion .three-quarter-col p {
    margin: 0 0 1em 0 !important;
  }
  .fall-promotion .three-quarter-col i {
    margin: 0;
  }
  .fall-promotion-author-thumb {
    width: 25%;
    float: right;
    margin: 0 0 20px 20px;
  }
  .fall-promotion-author-thumb img {
    width: 100%;
    height: auto;
    display: block;
  }
  .fall-promotion-image img {
    display: block;
    width: 100%;
    height: auto;
  }
  .register-page-fall-promotion h2 {
    display: none;
  }
  .register-page-fall-promotion p {
    margin: 1em 0 !important;
  }
}

@media screen and (max-width: 1240px) {
  .fall-promotion {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 720px) {
  .fall-promotion {
    margin-bottom: 20px;
  }
  .fall-promotion .three-quarter-col {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .fall-promotion .one-quarter-col {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .fall-promotion-image {
    width: 100%;
    max-width: 150px;
    margin: 0 auto;
  }
}

@media screen {
  /*** FOOTER ***/
  .site-footer {
    padding-top: 40px;
    color: white;
  }
  .site-footer .site-footer-top {
    background: #1740af;
    padding: 40px 0;
    text-align: center;
    font-weight: 700;
    display: block;
  }
  .site-footer .site-footer-top .site-footer-gift-link {
    display: inline-block;
    text-transform: uppercase;
    font-size: 1.125em;
    margin-top: 0.5em;
    padding: 10px 20px 10px 50px;
    background: url(assets/392a5fc771d850819c4838523e805d41.svg) 20px center no-repeat white;
    background-size: 20px auto;
    color: #1740af;
  }
  .site-footer .site-footer-top:hover {
    text-decoration: none;
    /*background: $fl-darker-blue;*/
  }
  .site-footer .site-footer-top:hover .site-footer-gift-link {
    background: url(assets/3fc6c1bd45a88b0107cc3dfa410f1494.svg) 20px center no-repeat #0a1b4c;
    background-size: 20px auto;
    color: white;
  }
  .site-footer .site-footer-middle {
    padding: 40px 0;
    background: #1f55ea;
  }
  .site-footer .site-footer-middle .site-footer-logo {
    margin-bottom: 20px;
  }
  .site-footer .site-footer-middle .site-footer-logo img {
    display: block;
    width: auto;
    height: 100px;
  }
  .site-footer .site-footer-middle .site-footer-menu a {
    display: inline-block;
    color: inherit;
    font-weight: 700;
    margin: 4px 0;
    text-decoration: none;
  }
  .site-footer .site-footer-middle .site-footer-menu a:hover, .site-footer .site-footer-middle .site-footer-menu a.active {
    text-decoration: underline;
  }
  .site-footer .site-footer-bottom {
    padding: 20px 0;
    background: #1740af;
    color: white;
    text-align: center;
    font-size: 0.875em;
  }
  .site-footer .site-footer-bottom a {
    color: inherit;
    text-decoration: none;
  }
  .site-footer .site-footer-bottom a:hover, .site-footer .site-footer-bottom a.active {
    text-decoration: underline;
  }
}

@media screen and (max-width: 1240px) {
  /*** FOOTER ***/
  .site-footer {
    padding-top: 30px;
  }
  .site-footer .site-footer-top {
    padding: 30px 0;
    /*.site-footer-gift-link {
                padding: 10px 15px 10px 40px;
                background: url('https://lafrancelibre.tv/images/blue-gift-icon.svg') 15px center no-repeat white;
                background-size: 15px auto;
            }*/
  }
  .site-footer .site-footer-middle {
    padding: 30px 0;
  }
  .site-footer .site-footer-middle .site-footer-logo {
    margin-bottom: 15px;
  }
  .site-footer .site-footer-bottom {
    padding: 15px 0;
  }
}

@media screen and (max-width: 980px) {
  /*** FOOTER ***/
  .site-footer .site-footer-middle .one-third-col {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    margin: 15px 0;
  }
  .site-footer .site-footer-middle .site-footer-logo img {
    height: 50px;
  }
  .site-footer .site-footer-bottom {
    font-size: 0.8em;
  }
}

@media screen and (max-width: 720px) {
  /*** FOOTER ***/
  .site-footer {
    padding-top: 20px;
  }
  .site-footer .site-footer-top {
    padding: 20px 0;
    /*.site-footer-gift-link {
                padding: 10px 10px 10px 30px;
                background: url('https://lafrancelibre.tv/images/blue-gift-icon.svg') 10px center no-repeat white;
                background-size: 10px auto;
            }*/
  }
  .site-footer .site-footer-middle {
    padding: 20px 0;
  }
  .site-footer .site-footer-middle .one-third-col {
    margin: 10px 0;
  }
  .site-footer .site-footer-middle .site-footer-logo {
    margin-bottom: 10px;
  }
  .site-footer .site-footer-bottom {
    padding: 10px 0;
  }
}

@media screen {
  .home-page .top-content {
    margin-bottom: 40px;
  }
  .home-page .home-guests-list {
    padding: 40px 0 0 0;
    background: #f0f0f0;
    margin-bottom: 40px;
  }
  .home-page .single-content-top-title {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 1.875em;
    margin-bottom: 0.25em;
  }
  .home-page .single-content-top-title p {
    margin: 0;
  }
  /*** pre opening ***/
  .pre-opening-video {
    margin-bottom: 40px;
  }
  .pre-opening-video .pre-opening-video-title {
    text-transform: uppercase;
    text-align: center;
    color: white;
    background: #225cfe;
    font-family: 'Playfair Display', serif;
    font-weight: 900;
    font-size: 1.25em;
    margin: 0;
    padding: 0.375em 0;
  }
  .pre-opening-intro-text h2 {
    font-weight: 900;
    color: #225cfe;
    margin-bottom: 0.5em;
    text-transform: uppercase;
    font-size: 1.25em;
    font-family: 'Playfair Display', serif;
  }
  .pre-opening-intro-text h3 {
    margin: 1em 0;
    font-weight: 700;
    text-align: center;
  }
}

@media screen and (max-width: 1240px) {
  .home-page .top-content {
    margin-bottom: 30px;
  }
  .home-page .home-guests-list {
    padding: 30px 0 0 0;
    margin-bottom: 30px;
  }
  /*** pre opening ***/
  .pre-opening-video {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 720px) {
  .home-page .top-content {
    margin-bottom: 20px;
  }
  .home-page .home-guests-list {
    padding: 20px 0 0 0;
    margin-bottom: 20px;
  }
  .home-page .single-content-top-title {
    font-size: 1.25em;
  }
  /*** pre opening ***/
  .pre-opening-video {
    margin-bottom: 20px;
  }
}

@media screen {
  /*** ACCOUNT PAGES ***/
  .account-pages {
    /*** navigation ***/
    /*** layout ***/
    /*** form elements ***/
  }
  .account-pages .navigation-tabs {
    -moz-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 40px;
  }
  .account-pages .navigation-tabs .navigation-tab-item {
    font-size: 1.125em;
    padding: 8px 20px;
    color: #737373;
    font-weight: 700;
  }
  .account-pages .navigation-tabs .navigation-tab-item .register-step-indicator-text {
    text-transform: uppercase;
  }
  .account-pages .navigation-tabs a.navigation-tab-item:hover, .account-pages .navigation-tabs .navigation-tab-item.active {
    color: white;
    background: #225cfe;
    text-decoration: none;
  }
  .account-pages .main-title {
    color: #225cfe;
  }
  .account-pages .account-page-wrapper {
    -moz-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
  .account-pages .account-form .account-form-row {
    -moz-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
  .account-pages .account-form .account-form-submit {
    display: inline-block;
    outline: 0;
    border: 0;
    font-size: 1.125em;
    font-weight: 600;
    font-family: "Raleway", Arial, sans-serif;
    background: #225cfe;
    color: white;
    padding: 10px 20px;
    cursor: pointer;
  }
  .account-pages .account-form .account-form-submit:hover {
    background: #0032bc;
  }
}

@media screen and (max-width: 1240px) {
  /*** ACCOUNT PAGES ***/
  .account-pages {
    /*** navigation ***/
    /*** form elements ***/
  }
  .account-pages .account-page-inner-col {
    -moz-flex-basis: 75%;
    -o-flex-basis: 75%;
    -webkit-flex-basis: 75%;
    -ms-flex-basis: 75%;
    flex-basis: 75%;
  }
  .account-pages .navigation-tabs {
    margin-bottom: 30px;
  }
  .account-pages .navigation-tabs .navigation-tab-item {
    padding: 8px 15px;
  }
  .account-pages .account-form .account-form-submit {
    padding: 10px 15px;
  }
}

@media screen and (max-width: 980px) {
  .account-pages {
    /*** navigation ***/
  }
  .account-pages .navigation-tabs .navigation-tab-item {
    font-size: 1em;
  }
}

@media screen and (max-width: 720px) {
  /*** ACCOUNT PAGES ***/
  .account-pages {
    /*** navigation ***/
    /*** form elements ***/
  }
  .account-pages .account-page-inner-col {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .account-pages .navigation-tabs {
    margin-bottom: 20px;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /*@include flex-align-items(center);*/
  }
  .account-pages .navigation-tabs .navigation-tab-item {
    padding: 8px 10px;
    -moz-align-self: flex-start;
    -o-align-self: flex-start;
    -webkit-align-self: flex-start;
    -ms-align-self: flex-start;
    align-self: flex-start;
  }
  .account-pages .account-form .account-form-submit {
    padding: 10px;
  }
}

@media screen and (max-width: 640px) {
  /*** ACCOUNT PAGES ***/
  .account-pages {
    /*** form elements ***/
  }
  .account-pages .account-form .account-form-row .account-form-col {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
}

@media screen {
  .register-page h2 {
    font-weight: 700;
    margin: 1em 0 2em 0;
  }
  .register-page h2 i {
    margin: 0;
  }
  .register-form-bottom {
    margin-top: 40px;
    padding-top: 40px;
    position: relative;
  }
  .register-form-bottom::before {
    content: "";
    width: 10em;
    height: 1px;
    background: #225cfe;
    position: absolute;
    top: 0;
    left: calc(50% - 5em);
  }
  /*** update offer ***/
  .register-upgrade-offer-wrapper {
    margin-bottom: 20px;
  }
  .register-upgrade-offer-title {
    margin: 0 0 10px 0;
  }
  .register-offer-reminder i {
    margin: 0;
  }
  .register-offer-reminder-updgrade-button {
    display: inline-block;
    margin: 0 20px 20px 0;
    padding: 0.25em 0.5em;
    cursor: pointer;
    background: #225cfe;
    color: white;
  }
  .register-offer-reminder-updgrade-button:hover {
    background: #112e7f;
  }
  .register-upgrade-tip-wrapper {
    margin-bottom: 40px;
  }
  .register-upgrade-tip-wrapper .account-form-submit {
    display: inline-block;
    outline: 0;
    border: 0;
    font-size: 1.125em;
    font-weight: 600;
    font-family: "Raleway", Arial, sans-serif;
    background: #225cfe;
    color: white;
    padding: 10px 20px;
    cursor: pointer;
  }
  .register-upgrade-tip-wrapper .account-form-submit:hover {
    background: #0032bc;
  }
}

@media screen and (max-width: 1240px) {
  .register-page-fall-promotion .two-third-col {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .register-form-bottom {
    margin-top: 30px;
    padding-top: 30px;
  }
  .register-upgrade-tip-wrapper {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 720px) {
  .register-form-bottom {
    margin-top: 20px;
    padding-top: 20px;
  }
  .register-upgrade-tip-wrapper {
    margin-bottom: 20px;
  }
}

@media screen {
  /*** CONTENT SINGLE ***/
  .breadcrumb {
    margin-bottom: 10px;
    font-weight: 300;
    color: #737373;
  }
  .breadcrumb a {
    color: inherit;
  }
  .single-content-bottom-wrapper {
    margin-top: 40px;
    /*** recos ***/
    /*** answers ***/
  }
  .single-content-bottom-wrapper .recos-content-list-title {
    padding: 0;
    margin-bottom: 0.75em;
    color: #0032bc;
    background: transparent;
  }
  .single-content-bottom-wrapper .single-content-bottom-comments {
    /*border-bottom: 1px solid black;*/
    margin-bottom: 40px;
  }
  .single-content-bottom-wrapper .recos-contents-wrapper {
    padding: 40px 0;
    background: #f0f0f0;
  }
  .single-content-bottom-wrapper .answer-list-wrapper {
    margin-top: 40px;
  }
}

@media screen and (max-width: 1240px) {
  /*** CONTENT SINGLE ***/
  .single-content-bottom-wrapper {
    margin-top: 30px;
    /*** recos ***/
    /*** answers ***/
  }
  .single-content-bottom-wrapper .single-content-bottom-comments {
    margin-bottom: 30px;
  }
  .single-content-bottom-wrapper .recos-contents-wrapper {
    padding: 30px 0;
  }
  .single-content-bottom-wrapper .answer-list-wrapper {
    margin-top: 30px;
  }
}

@media screen and (max-width: 720px) {
  /*** CONTENT SINGLE ***/
  .single-content-bottom-wrapper {
    margin-top: 20px;
    /*** recos ***/
    /*** answers ***/
  }
  .single-content-bottom-wrapper .single-content-bottom-comments {
    margin-bottom: 20px;
  }
  .single-content-bottom-wrapper .recos-contents-wrapper {
    padding: 20px 0;
  }
  .single-content-bottom-wrapper .answer-list-wrapper {
    margin-top: 20px;
  }
}

@media screen {
  /*** regular lists ***/
  .content-list-title {
    text-align: center;
    font-size: 1.75em;
    background: #225cfe;
    padding: 0.5em 0 0.65em 0;
    color: white;
    margin: 0;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
  }
  .main-title {
    text-align: center;
    font-size: 1.75em;
    margin-bottom: 0.75em;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    color: #0032bc;
  }
  .content-list .one-third-col, .content-list .one-quarter-col {
    margin-bottom: 40px;
  }
  .content-list-no-reco {
    margin: 40px 0;
  }
}

@media screen and (max-width: 1480px) {
  .content-list-title {
    font-size: 1.675em;
  }
  .main-title {
    font-size: 1.675em;
  }
}

@media screen and (max-width: 1240px) {
  /*** regular lists ***/
  .content-list-title {
    font-size: 1.5em;
  }
  .main-title {
    font-size: 1.5em;
  }
  .content-list .one-third-col, .content-list .one-quarter-col {
    margin-bottom: 30px;
  }
  .content-list-no-reco {
    margin: 30px 0;
  }
}

@media screen and (max-width: 980px) {
  /*** regular lists ***/
  .content-list-title {
    font-size: 1.375em;
  }
  .main-title {
    font-size: 1.375em;
  }
  .content-list .one-third-col, .content-list .one-quarter-col {
    -moz-flex-basis: 50%;
    -o-flex-basis: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
  }
}

@media screen and (max-width: 720px) {
  /*** regular lists ***/
  .content-list-title {
    font-size: 1.25em;
  }
  .main-title {
    font-size: 1.25em;
  }
  .content-list .one-third-col, .content-list .one-quarter-col {
    margin-bottom: 20px;
  }
  .content-list-no-reco {
    margin: 20px 0;
  }
}

@media screen and (max-width: 480px) {
  .content-list .one-third-col, .content-list .one-quarter-col {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
}

@media screen {
  /*** grid lists ***/
  .top-content .content-grid-list-wrapper {
    margin-bottom: 40px;
  }
  /*** grid lists ***/
  .content-grid-list-wrapper .content-grid-list:nth-child(even) .one-third-col {
    -moz-order: 1;
    -o-order: 1;
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
  }
  .content-grid-list-wrapper .content-grid-list:nth-child(even) .two-third-col {
    -moz-order: 2;
    -o-order: 2;
    -webkit-order: 2;
    -ms-order: 2;
    order: 2;
  }
}

@media screen and (max-width: 1240px) {
  /*** grid lists ***/
  .top-content .content-grid-list-wrapper {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 980px) {
  .content-grid-list-wrapper .content-grid-list .two-third-col {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    -moz-order: 1 !important;
    -o-order: 1 !important;
    -webkit-order: 1 !important;
    -ms-order: 1 !important;
    order: 1 !important;
  }
  .content-grid-list-wrapper .content-grid-list .two-third-col .content-thumb {
    font-size: 0.9em;
  }
  .content-grid-list-wrapper .content-grid-list .one-third-col {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-order: 2 !important;
    -o-order: 2 !important;
    -webkit-order: 2 !important;
    -ms-order: 2 !important;
    order: 2 !important;
  }
  .content-grid-list-wrapper .content-grid-list .one-third-col .content-thumb-wrapper {
    -moz-flex-basis: 50%;
    -o-flex-basis: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
  }
  .content-grid-list-wrapper .content-grid-list .one-third-col .content-thumb-wrapper .content-thumb {
    font-size: 0.8em;
  }
}

@media screen and (max-width: 720px) {
  /*** grid lists ***/
  .top-content .content-grid-list-wrapper {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 480px) {
  .content-grid-list-wrapper .content-grid-list .one-third-col {
    display: block;
  }
  .content-grid-list-wrapper .content-grid-list .one-third-col .content-thumb-wrapper .content-thumb {
    font-size: 0.9em;
  }
}

@media screen {
  .contributors-archive-intro-wrapper {
    margin: 40px 0;
    -moz-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
  .contributor-list-item-wrapper .content-list {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 1240px) {
  .contributors-archive-intro-wrapper {
    margin: 30px 0;
  }
  .contributors-archive-intro-wrapper .two-third-col {
    -moz-flex-basis: 75%;
    -o-flex-basis: 75%;
    -webkit-flex-basis: 75%;
    -ms-flex-basis: 75%;
    flex-basis: 75%;
  }
  .contributor-list-item-wrapper .content-list {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 720px) {
  .contributors-archive-intro-wrapper {
    margin: 20px 0;
  }
  .contributors-archive-intro-wrapper .two-third-col {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .contributor-list-item-wrapper .content-list {
    margin-bottom: 20px;
  }
}

@media screen {
  /*** answers list ***/
  .answer-list-item {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 1240px) {
  /*** answers list ***/
  .answer-list-item {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 720px) {
  /*** answers list ***/
  .answer-list-item {
    margin-bottom: 20px;
  }
}

@media screen {
  .my-contributions-inner {
    margin-top: 40px;
  }
  .my-contributions-inner .content-item {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 1240px) {
  .my-contributions-inner {
    margin-top: 30px;
  }
  .my-contributions-inner .content-item {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 720px) {
  .my-contributions-inner {
    margin-top: 20px;
  }
  .my-contributions-inner .content-item {
    margin-bottom: 20px;
  }
}

@media screen {
  /*** autocomplete ***/
  .search-component {
    position: relative;
  }
  .search-component .search-component-autocomplete {
    position: absolute;
    top: calc(1.2em + 20px);
    right: 0;
    left: 0;
    z-index: 50;
  }
  .search-component .search-component-autocomplete .search-component-autocomplete-link {
    display: block;
    padding: 0.25em 0.5em;
    background: white;
    color: #202020;
    text-decoration: none;
  }
  .search-component .search-component-autocomplete .search-component-autocomplete-link:hover {
    color: white;
    background: #225cfe;
  }
  /*** page ***/
  .search-title {
    font-size: 1.25em;
    margin-bottom: 20px;
  }
  .search-page .search-filters-wrapper {
    margin: 1em auto;
  }
  .search-page .search-filters-wrapper .search-filter-button {
    display: inline-block;
    margin: 0 20px;
    color: #737373;
    cursor: pointer;
    font-weight: 600;
  }
  .search-page .search-filters-wrapper .search-filter-button.active {
    cursor: auto;
    color: #225cfe;
    text-decoration: underline;
  }
  .search-page .content-item {
    margin-bottom: 40px;
  }
  .search-page .search-result-empty {
    padding: 20px 0;
  }
  .search-page .questions-and-answers-tabs-menu {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 1240px) {
  .search-title {
    margin-bottom: 15px;
  }
  .search-page .search-filters-wrapper .search-filter-button {
    margin: 0 15px;
  }
  .search-page .content-item {
    margin-bottom: 30px;
  }
  .search-page .search-result-empty {
    padding: 15px 0;
  }
  .search-page .questions-and-answers-tabs-menu {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 720px) {
  .search-title {
    margin-bottom: 10px;
  }
  .search-page .search-filters-wrapper .search-filter-button {
    margin: 0 10px;
  }
  .search-page .content-item {
    margin-bottom: 20px;
  }
  .search-page .search-result-empty {
    padding: 10px 0;
  }
  .search-page .questions-and-answers-tabs-menu {
    margin-bottom: 10px;
  }
}

@media screen {
  /*** newsletter page ***/
  .newsletters-page {
    /*** newsletter single ***/
  }
  .newsletters-page .newsletter-page-top {
    margin-bottom: 30px;
  }
  .newsletters-page .newsletters-archive-page h3 {
    font-size: 1.15em;
  }
  .newsletters-page .single-newsletter-page {
    max-width: 900px;
    margin: 0 auto;
    border: 20px solid white;
  }
  .newsletters-page .single-newsletter-page .single-newsletter-top {
    padding: 20px;
    background: #ebebeb;
    margin: 20px 0;
  }
  .newsletters-page .single-newsletter-page .single-newsletter-top-desc p:last-of-type {
    margin-bottom: 0;
  }
  .newsletters-page .single-newsletter-page .single-newsletter-bottom {
    margin: 0 -20px;
  }
  .newsletters-page .single-newsletter-page .single-newsletter-bottom .one-half-col.col {
    padding: 0 20px 20px 20px;
    font-size: 0.9em;
  }
  .newsletters-page .newsletter-selector-wrapper {
    font-size: 1.1em;
  }
  .newsletters-page .select-newsletter {
    font-size: 1em;
    font-family: inherit;
    font-style: italic;
    padding: 4px 0.75em;
    border: none;
    border-bottom: 1px solid black;
    background: none;
    width: 100%;
  }
  .newsletters-page .select-newsletter option {
    color: grey;
  }
  .newsletters-page .input-submit {
    display: inline-block;
    color: white;
    text-transform: uppercase;
  }
  .newsletters-page .input-text {
    display: inline-block;
    width: auto;
  }
  .newsletters-page .subscribe-block {
    padding-top: 30px;
    text-align: center;
  }
  .newsletters-page .main-section {
    padding-bottom: 150px;
    margin-bottom: -150px;
  }
  .newsletters-page .fake-link {
    cursor: pointer;
  }
}

@media screen and (max-width: 1240px) {
  .newsletter-page-top {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 720px) {
  .newsletter-page-top {
    margin-bottom: 20px;
  }
}

@media screen {
  .cgu-page .content-list-title, .contact-page .content-list-title {
    margin-bottom: 1em;
  }
  .cgu-page-title {
    font-size: 1.125em;
    margin-bottom: 1em;
    color: #225cfe;
    font-weight: 700;
  }
  .cgu-page-subtitle {
    font-size: 1em;
    margin-bottom: 1em;
    color: #112e7f;
    font-weight: 600;
  }
}
.video-js.vjs-qualityselector {
  display: block;
}

.video-js .vjs-quality-container {
  padding: 8px;
  position: relative;
}

.video-js .vjs-quality-container .vjs-brand-quality-link {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.video-js .vjs-quality-container .vjs-quality-dropdown {
  position: absolute;
  bottom: 30px;
  background: rgba(0, 0, 0, 0.48);
  /** animation **/
  transition: opacity 0.5s linear;
  opacity: 0;
  -webkit-transform: scaleY(0);
  -o-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: bottom;
  -o-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transition: -webkit-transform 0.26s ease-out;
  -o-transition: -o-transform 0.26s ease;
  -ms-transition: -ms-transform 0.26s ease;
  transition: transform 0.26s ease;
}

.video-js .vjs-quality-container .vjs-quality-dropdown.show {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -o-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}

.video-js .vjs-quality-container .vjs-quality-dropdown ul {
  margin: 0;
  padding: 0;
}

.video-js .vjs-quality-container .vjs-quality-dropdown ul li {
  list-style: none;
  margin: 0;
}

.video-js .vjs-quality-container .vjs-quality-dropdown ul li a {
  color: #fff;
  text-decoration: none;
  padding: 5px 10px;
  display: table;
  width: 100%;
}

.video-js .vjs-quality-container .vjs-quality-dropdown ul li.current a,
.video-js .vjs-quality-container .vjs-quality-dropdown ul li a:hover {
  background: #000;
  color: red;
}
.rc-slider {
  position: relative;
  height: 14px;
  padding: 5px 0;
  width: 100%;
  border-radius: 6px;
  -ms-touch-action: none;
  touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

.rc-slider-rail {
  position: absolute;
  width: 100%;
  background-color: #e9e9e9;
  height: 4px;
  border-radius: 6px;
}

.rc-slider-track {
  position: absolute;
  left: 0;
  height: 4px;
  border-radius: 6px;
  background-color: #abe2fb;
}

.rc-slider-handle {
  position: absolute;
  margin-left: -7px;
  margin-top: -5px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  cursor: -webkit-grab;
  cursor: grab;
  border-radius: 50%;
  border: solid 2px #96dbfa;
  background-color: #fff;
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.rc-slider-handle:hover {
  border-color: #57c5f7;
}

.rc-slider-handle:active {
  border-color: #57c5f7;
  box-shadow: 0 0 5px #57c5f7;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.rc-slider-handle:focus {
  border-color: #57c5f7;
  box-shadow: 0 0 0 5px #96dbfa;
  outline: none;
}

.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px;
}

.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999;
}

.rc-slider-mark-text-active {
  color: #666;
}

.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}

.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border: 2px solid #e9e9e9;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle;
}

.rc-slider-dot-active {
  border-color: #96dbfa;
}

.rc-slider-disabled {
  background-color: #e9e9e9;
}

.rc-slider-disabled .rc-slider-track {
  background-color: #ccc;
}

.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  border-color: #ccc;
  box-shadow: none;
  background-color: #fff;
  cursor: not-allowed;
}

.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important;
}

.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px;
}

.rc-slider-vertical .rc-slider-rail {
  height: 100%;
  width: 4px;
}

.rc-slider-vertical .rc-slider-track {
  left: 5px;
  bottom: 0;
  width: 4px;
}

.rc-slider-vertical .rc-slider-handle {
  margin-left: -5px;
  margin-bottom: -7px;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%;
}

.rc-slider-vertical .rc-slider-step {
  height: 100%;
  width: 4px;
}

.rc-slider-vertical .rc-slider-dot {
  left: 2px;
  margin-bottom: -4px;
}

.rc-slider-vertical .rc-slider-dot:first-child {
  margin-bottom: -4px;
}

.rc-slider-vertical .rc-slider-dot:last-child {
  margin-bottom: -4px;
}

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: block !important;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.rc-slider-tooltip-zoom-down-leave {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: block !important;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  -webkit-animation-name: rcSliderTooltipZoomDownIn;
  animation-name: rcSliderTooltipZoomDownIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  -webkit-animation-name: rcSliderTooltipZoomDownOut;
  animation-name: rcSliderTooltipZoomDownOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.rc-slider-tooltip-zoom-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

@-webkit-keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-webkit-keyframes rcSliderTooltipZoomDownOut {
  0% {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
}

@keyframes rcSliderTooltipZoomDownOut {
  0% {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
}

.rc-slider-tooltip {
  position: absolute;
  left: -9999px;
  top: -9999px;
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

.rc-slider-tooltip-hidden {
  display: none;
}

.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0;
}

.rc-slider-tooltip-inner {
  padding: 6px 2px;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  box-shadow: 0 0 4px #d9d9d9;
}

.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c;
}
@charset "UTF-8";
@media screen {
  p {
    margin-bottom: 1em;
  }
  h1, h2, h3, h4, h5, h6 {
    margin: 0;
    line-height: 1.2;
    font-weight: 400;
    font-size: 1em;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  a:hover {
    text-decoration: underline;
  }
  *::selection {
    color: white;
    background: #112e7f;
  }
  *::-moz-selection {
    color: white;
    background: #112e7f;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .center {
    text-align: center;
  }
  .keep-line-breaks {
    white-space: pre-wrap;
  }
  .blue {
    color: #225cfe;
  }
  i {
    display: inline-block;
    margin-top: 0.25em;
  }
  i i {
    font-style: normal;
    margin: 0;
  }
}

@media screen {
  * {
    margin: 0;
    padding: 0;
  }
  html, body {
    width: 100%;
    min-height: 100%;
  }
  body {
    margin: 0;
    font-size: 18px;
    position: relative;
    font-family: 'Raleway', Arial, sans-serif;
    line-height: 1.4;
    color: #202020;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-smooth: always;
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0.1);
    /*overflow-x: hidden;*/
  }
  ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  /*** IMAGES & VIDEOS ***/
  .landscape-image-wrapper {
    height: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 66.7%;
    /* landscape ratio */
    z-index: 3;
  }
  .portrait-image-wrapper {
    height: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 150%;
    /* portrait ratio */
    z-index: 3;
  }
  .video-image-wrapper {
    height: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    /* 16/9 ratio */
    z-index: 3;
  }
  .square-image-wrapper {
    height: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    /* square ratio */
    z-index: 3;
  }
  .image-wrapper-inner, .video-wrapper-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -moz-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -moz-align-content: center;
    -o-align-content: center;
    -webkit-align-content: center;
    -ms-align-content: center;
    align-content: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .image-wrapper-inner img {
    display: block;
    width: 100%;
    min-height: 100%;
    height: auto;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    -webkit-object-fit: cover;
    object-fit: cover;
  }
  a.fake-link {
    text-decoration: underline;
  }
  a.fake-link:hover {
    text-decoration: none;
  }
}

@media screen and (max-width: 1480px) {
  body {
    font-size: 17px;
  }
}

@media screen and (max-width: 1240px) {
  body {
    font-size: 16px;
  }
}

@media screen and (max-width: 720px) {
  body {
    font-size: 15px;
  }
}

@media screen and (max-width: 640px) {
  .hide-on-mobile {
    display: none;
  }
}

/*** BEGIN CSS ***/
/*** RESPONSIVE ***/
@media screen {
  /*** LAYOUT ***/
  .wrapper {
    width: 1440px;
    margin: 0 auto;
  }
  .flex-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .flex-column {
    -moz-flex-direction: column;
    -o-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /*** standard layout ***/
  .row {
    margin: 0 calc(-1/2 * 40px);
  }
  .col {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 calc(40px / 2);
  }
  .five-sixth-col {
    -moz-flex-basis: calc(100% * (5 / 6));
    -o-flex-basis: calc(100% * (5 / 6));
    -webkit-flex-basis: calc(100% * (5 / 6));
    -ms-flex-basis: calc(100% * (5 / 6));
    flex-basis: calc(100% * (5 / 6));
  }
  .three-quarter-col {
    -moz-flex-basis: 75%;
    -o-flex-basis: 75%;
    -webkit-flex-basis: 75%;
    -ms-flex-basis: 75%;
    flex-basis: 75%;
  }
  .two-third-col {
    -moz-flex-basis: calc(100% * (2 / 3));
    -o-flex-basis: calc(100% * (2 / 3));
    -webkit-flex-basis: calc(100% * (2 / 3));
    -ms-flex-basis: calc(100% * (2 / 3));
    flex-basis: calc(100% * (2 / 3));
  }
  .three-fifth-col {
    -moz-flex-basis: calc(100% * (3 / 5));
    -o-flex-basis: calc(100% * (3 / 5));
    -webkit-flex-basis: calc(100% * (3 / 5));
    -ms-flex-basis: calc(100% * (3 / 5));
    flex-basis: calc(100% * (3 / 5));
  }
  .one-half-col {
    -moz-flex-basis: 50%;
    -o-flex-basis: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
  }
  .three-eighth-col {
    -moz-flex-basis: 37.5%;
    -o-flex-basis: 37.5%;
    -webkit-flex-basis: 37.5%;
    -ms-flex-basis: 37.5%;
    flex-basis: 37.5%;
  }
  .one-third-col {
    -moz-flex-basis: calc(100% / 3);
    -o-flex-basis: calc(100% / 3);
    -webkit-flex-basis: calc(100% / 3);
    -ms-flex-basis: calc(100% / 3);
    flex-basis: calc(100% / 3);
  }
  .one-quarter-col {
    -moz-flex-basis: 25%;
    -o-flex-basis: 25%;
    -webkit-flex-basis: 25%;
    -ms-flex-basis: 25%;
    flex-basis: 25%;
  }
  .one-fifth-col {
    -moz-flex-basis: 20%;
    -o-flex-basis: 20%;
    -webkit-flex-basis: 20%;
    -ms-flex-basis: 20%;
    flex-basis: 20%;
  }
  .one-sixth-col {
    -moz-flex-basis: calc(100% / 6);
    -o-flex-basis: calc(100% / 6);
    -webkit-flex-basis: calc(100% / 6);
    -ms-flex-basis: calc(100% / 6);
    flex-basis: calc(100% / 6);
  }
  .one-eighth-col {
    -moz-flex-basis: 12.5%;
    -o-flex-basis: 12.5%;
    -webkit-flex-basis: 12.5%;
    -ms-flex-basis: 12.5%;
    flex-basis: 12.5%;
  }
  /*** slider ***/
  .large-row {
    margin: 0 calc(-1/4 * 40px);
  }
  .large-row .one-quarter-col {
    width: calc((25 * (1440px + (40px / 4))) / 100);
  }
  .large-col {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 calc(40px / 4);
  }
}

@media screen and (max-width: 1480px) {
  /*** LAYOUT ***/
  .wrapper {
    width: calc(100% - 40px);
    margin: 0 auto;
  }
  .flex-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .flex-column {
    -moz-flex-direction: column;
    -o-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /*** standard layout ***/
  .row {
    margin: 0 calc(-1/2 * 40px);
  }
  .col {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 calc(40px / 2);
  }
  .five-sixth-col {
    -moz-flex-basis: calc(100% * (5 / 6));
    -o-flex-basis: calc(100% * (5 / 6));
    -webkit-flex-basis: calc(100% * (5 / 6));
    -ms-flex-basis: calc(100% * (5 / 6));
    flex-basis: calc(100% * (5 / 6));
  }
  .three-quarter-col {
    -moz-flex-basis: 75%;
    -o-flex-basis: 75%;
    -webkit-flex-basis: 75%;
    -ms-flex-basis: 75%;
    flex-basis: 75%;
  }
  .two-third-col {
    -moz-flex-basis: calc(100% * (2 / 3));
    -o-flex-basis: calc(100% * (2 / 3));
    -webkit-flex-basis: calc(100% * (2 / 3));
    -ms-flex-basis: calc(100% * (2 / 3));
    flex-basis: calc(100% * (2 / 3));
  }
  .three-fifth-col {
    -moz-flex-basis: calc(100% * (3 / 5));
    -o-flex-basis: calc(100% * (3 / 5));
    -webkit-flex-basis: calc(100% * (3 / 5));
    -ms-flex-basis: calc(100% * (3 / 5));
    flex-basis: calc(100% * (3 / 5));
  }
  .one-half-col {
    -moz-flex-basis: 50%;
    -o-flex-basis: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
  }
  .three-eighth-col {
    -moz-flex-basis: 37.5%;
    -o-flex-basis: 37.5%;
    -webkit-flex-basis: 37.5%;
    -ms-flex-basis: 37.5%;
    flex-basis: 37.5%;
  }
  .one-third-col {
    -moz-flex-basis: calc(100% / 3);
    -o-flex-basis: calc(100% / 3);
    -webkit-flex-basis: calc(100% / 3);
    -ms-flex-basis: calc(100% / 3);
    flex-basis: calc(100% / 3);
  }
  .one-quarter-col {
    -moz-flex-basis: 25%;
    -o-flex-basis: 25%;
    -webkit-flex-basis: 25%;
    -ms-flex-basis: 25%;
    flex-basis: 25%;
  }
  .one-fifth-col {
    -moz-flex-basis: 20%;
    -o-flex-basis: 20%;
    -webkit-flex-basis: 20%;
    -ms-flex-basis: 20%;
    flex-basis: 20%;
  }
  .one-sixth-col {
    -moz-flex-basis: calc(100% / 6);
    -o-flex-basis: calc(100% / 6);
    -webkit-flex-basis: calc(100% / 6);
    -ms-flex-basis: calc(100% / 6);
    flex-basis: calc(100% / 6);
  }
  .one-eighth-col {
    -moz-flex-basis: 12.5%;
    -o-flex-basis: 12.5%;
    -webkit-flex-basis: 12.5%;
    -ms-flex-basis: 12.5%;
    flex-basis: 12.5%;
  }
  /*** slider ***/
  .large-row {
    margin: 0 calc(-1/4 * 40px);
  }
  .large-row .one-quarter-col {
    width: calc((25 * (calc(100% - 40px) + (40px / 4))) / 100);
  }
  .large-col {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 calc(40px / 4);
  }
}

@media screen and (max-width: 1240px) {
  /*** LAYOUT ***/
  .wrapper {
    width: calc(100% - 30px);
    margin: 0 auto;
  }
  .flex-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .flex-column {
    -moz-flex-direction: column;
    -o-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /*** standard layout ***/
  .row {
    margin: 0 calc(-1/2 * 30px);
  }
  .col {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 calc(30px / 2);
  }
  .five-sixth-col {
    -moz-flex-basis: calc(100% * (5 / 6));
    -o-flex-basis: calc(100% * (5 / 6));
    -webkit-flex-basis: calc(100% * (5 / 6));
    -ms-flex-basis: calc(100% * (5 / 6));
    flex-basis: calc(100% * (5 / 6));
  }
  .three-quarter-col {
    -moz-flex-basis: 75%;
    -o-flex-basis: 75%;
    -webkit-flex-basis: 75%;
    -ms-flex-basis: 75%;
    flex-basis: 75%;
  }
  .two-third-col {
    -moz-flex-basis: calc(100% * (2 / 3));
    -o-flex-basis: calc(100% * (2 / 3));
    -webkit-flex-basis: calc(100% * (2 / 3));
    -ms-flex-basis: calc(100% * (2 / 3));
    flex-basis: calc(100% * (2 / 3));
  }
  .three-fifth-col {
    -moz-flex-basis: calc(100% * (3 / 5));
    -o-flex-basis: calc(100% * (3 / 5));
    -webkit-flex-basis: calc(100% * (3 / 5));
    -ms-flex-basis: calc(100% * (3 / 5));
    flex-basis: calc(100% * (3 / 5));
  }
  .one-half-col {
    -moz-flex-basis: 50%;
    -o-flex-basis: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
  }
  .three-eighth-col {
    -moz-flex-basis: 37.5%;
    -o-flex-basis: 37.5%;
    -webkit-flex-basis: 37.5%;
    -ms-flex-basis: 37.5%;
    flex-basis: 37.5%;
  }
  .one-third-col {
    -moz-flex-basis: calc(100% / 3);
    -o-flex-basis: calc(100% / 3);
    -webkit-flex-basis: calc(100% / 3);
    -ms-flex-basis: calc(100% / 3);
    flex-basis: calc(100% / 3);
  }
  .one-quarter-col {
    -moz-flex-basis: 25%;
    -o-flex-basis: 25%;
    -webkit-flex-basis: 25%;
    -ms-flex-basis: 25%;
    flex-basis: 25%;
  }
  .one-fifth-col {
    -moz-flex-basis: 20%;
    -o-flex-basis: 20%;
    -webkit-flex-basis: 20%;
    -ms-flex-basis: 20%;
    flex-basis: 20%;
  }
  .one-sixth-col {
    -moz-flex-basis: calc(100% / 6);
    -o-flex-basis: calc(100% / 6);
    -webkit-flex-basis: calc(100% / 6);
    -ms-flex-basis: calc(100% / 6);
    flex-basis: calc(100% / 6);
  }
  .one-eighth-col {
    -moz-flex-basis: 12.5%;
    -o-flex-basis: 12.5%;
    -webkit-flex-basis: 12.5%;
    -ms-flex-basis: 12.5%;
    flex-basis: 12.5%;
  }
  /*** slider ***/
  .large-row {
    margin: 0 calc(-1/4 * 30px);
  }
  .large-row .one-quarter-col {
    width: calc((25 * (calc(100% - 30px) + (30px / 4))) / 100);
  }
  .large-col {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 calc(30px / 4);
  }
}

@media screen and (max-width: 980px) {
  /*** LAYOUT ***/
  .wrapper {
    width: calc(100% - 30px);
    margin: 0 auto;
  }
  .flex-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .flex-column {
    -moz-flex-direction: column;
    -o-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /*** standard layout ***/
  .row {
    margin: 0 calc(-1/2 * 30px);
  }
  .col {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 calc(30px / 2);
  }
  .five-sixth-col {
    -moz-flex-basis: calc(100% * (5 / 6));
    -o-flex-basis: calc(100% * (5 / 6));
    -webkit-flex-basis: calc(100% * (5 / 6));
    -ms-flex-basis: calc(100% * (5 / 6));
    flex-basis: calc(100% * (5 / 6));
  }
  .three-quarter-col {
    -moz-flex-basis: 75%;
    -o-flex-basis: 75%;
    -webkit-flex-basis: 75%;
    -ms-flex-basis: 75%;
    flex-basis: 75%;
  }
  .two-third-col {
    -moz-flex-basis: calc(100% * (2 / 3));
    -o-flex-basis: calc(100% * (2 / 3));
    -webkit-flex-basis: calc(100% * (2 / 3));
    -ms-flex-basis: calc(100% * (2 / 3));
    flex-basis: calc(100% * (2 / 3));
  }
  .three-fifth-col {
    -moz-flex-basis: calc(100% * (3 / 5));
    -o-flex-basis: calc(100% * (3 / 5));
    -webkit-flex-basis: calc(100% * (3 / 5));
    -ms-flex-basis: calc(100% * (3 / 5));
    flex-basis: calc(100% * (3 / 5));
  }
  .one-half-col {
    -moz-flex-basis: 50%;
    -o-flex-basis: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
  }
  .three-eighth-col {
    -moz-flex-basis: 37.5%;
    -o-flex-basis: 37.5%;
    -webkit-flex-basis: 37.5%;
    -ms-flex-basis: 37.5%;
    flex-basis: 37.5%;
  }
  .one-third-col {
    -moz-flex-basis: calc(100% / 3);
    -o-flex-basis: calc(100% / 3);
    -webkit-flex-basis: calc(100% / 3);
    -ms-flex-basis: calc(100% / 3);
    flex-basis: calc(100% / 3);
  }
  .one-quarter-col {
    -moz-flex-basis: 25%;
    -o-flex-basis: 25%;
    -webkit-flex-basis: 25%;
    -ms-flex-basis: 25%;
    flex-basis: 25%;
  }
  .one-fifth-col {
    -moz-flex-basis: 20%;
    -o-flex-basis: 20%;
    -webkit-flex-basis: 20%;
    -ms-flex-basis: 20%;
    flex-basis: 20%;
  }
  .one-sixth-col {
    -moz-flex-basis: calc(100% / 6);
    -o-flex-basis: calc(100% / 6);
    -webkit-flex-basis: calc(100% / 6);
    -ms-flex-basis: calc(100% / 6);
    flex-basis: calc(100% / 6);
  }
  .one-eighth-col {
    -moz-flex-basis: 12.5%;
    -o-flex-basis: 12.5%;
    -webkit-flex-basis: 12.5%;
    -ms-flex-basis: 12.5%;
    flex-basis: 12.5%;
  }
  /*** slider ***/
  .large-row {
    margin: 0 calc(-1/4 * 30px);
  }
  .large-row .one-quarter-col {
    width: calc((25 * (calc(100% - 30px) + (30px / 4))) / 100);
  }
  .large-col {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 calc(30px / 4);
  }
}

@media screen and (max-width: 720px) {
  /*** LAYOUT ***/
  .wrapper {
    width: calc(100% - 20px);
    margin: 0 auto;
  }
  .flex-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .flex-column {
    -moz-flex-direction: column;
    -o-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /*** standard layout ***/
  .row {
    margin: 0 calc(-1/2 * 20px);
  }
  .col {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 calc(20px / 2);
  }
  .five-sixth-col {
    -moz-flex-basis: calc(100% * (5 / 6));
    -o-flex-basis: calc(100% * (5 / 6));
    -webkit-flex-basis: calc(100% * (5 / 6));
    -ms-flex-basis: calc(100% * (5 / 6));
    flex-basis: calc(100% * (5 / 6));
  }
  .three-quarter-col {
    -moz-flex-basis: 75%;
    -o-flex-basis: 75%;
    -webkit-flex-basis: 75%;
    -ms-flex-basis: 75%;
    flex-basis: 75%;
  }
  .two-third-col {
    -moz-flex-basis: calc(100% * (2 / 3));
    -o-flex-basis: calc(100% * (2 / 3));
    -webkit-flex-basis: calc(100% * (2 / 3));
    -ms-flex-basis: calc(100% * (2 / 3));
    flex-basis: calc(100% * (2 / 3));
  }
  .three-fifth-col {
    -moz-flex-basis: calc(100% * (3 / 5));
    -o-flex-basis: calc(100% * (3 / 5));
    -webkit-flex-basis: calc(100% * (3 / 5));
    -ms-flex-basis: calc(100% * (3 / 5));
    flex-basis: calc(100% * (3 / 5));
  }
  .one-half-col {
    -moz-flex-basis: 50%;
    -o-flex-basis: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
  }
  .three-eighth-col {
    -moz-flex-basis: 37.5%;
    -o-flex-basis: 37.5%;
    -webkit-flex-basis: 37.5%;
    -ms-flex-basis: 37.5%;
    flex-basis: 37.5%;
  }
  .one-third-col {
    -moz-flex-basis: calc(100% / 3);
    -o-flex-basis: calc(100% / 3);
    -webkit-flex-basis: calc(100% / 3);
    -ms-flex-basis: calc(100% / 3);
    flex-basis: calc(100% / 3);
  }
  .one-quarter-col {
    -moz-flex-basis: 25%;
    -o-flex-basis: 25%;
    -webkit-flex-basis: 25%;
    -ms-flex-basis: 25%;
    flex-basis: 25%;
  }
  .one-fifth-col {
    -moz-flex-basis: 20%;
    -o-flex-basis: 20%;
    -webkit-flex-basis: 20%;
    -ms-flex-basis: 20%;
    flex-basis: 20%;
  }
  .one-sixth-col {
    -moz-flex-basis: calc(100% / 6);
    -o-flex-basis: calc(100% / 6);
    -webkit-flex-basis: calc(100% / 6);
    -ms-flex-basis: calc(100% / 6);
    flex-basis: calc(100% / 6);
  }
  .one-eighth-col {
    -moz-flex-basis: 12.5%;
    -o-flex-basis: 12.5%;
    -webkit-flex-basis: 12.5%;
    -ms-flex-basis: 12.5%;
    flex-basis: 12.5%;
  }
  /*** slider ***/
  .large-row {
    margin: 0 calc(-1/4 * 20px);
  }
  .large-row .one-quarter-col {
    width: calc((25 * (calc(100% - 20px) + (20px / 4))) / 100);
  }
  .large-col {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 calc(20px / 4);
  }
}

@media screen and (max-width: 640px) {
  /*** LAYOUT ***/
  .wrapper {
    width: calc(100% - 20px);
    margin: 0 auto;
  }
  .flex-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .flex-column {
    -moz-flex-direction: column;
    -o-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /*** standard layout ***/
  .row {
    margin: 0 calc(-1/2 * 20px);
  }
  .col {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 calc(20px / 2);
  }
  .five-sixth-col {
    -moz-flex-basis: calc(100% * (5 / 6));
    -o-flex-basis: calc(100% * (5 / 6));
    -webkit-flex-basis: calc(100% * (5 / 6));
    -ms-flex-basis: calc(100% * (5 / 6));
    flex-basis: calc(100% * (5 / 6));
  }
  .three-quarter-col {
    -moz-flex-basis: 75%;
    -o-flex-basis: 75%;
    -webkit-flex-basis: 75%;
    -ms-flex-basis: 75%;
    flex-basis: 75%;
  }
  .two-third-col {
    -moz-flex-basis: calc(100% * (2 / 3));
    -o-flex-basis: calc(100% * (2 / 3));
    -webkit-flex-basis: calc(100% * (2 / 3));
    -ms-flex-basis: calc(100% * (2 / 3));
    flex-basis: calc(100% * (2 / 3));
  }
  .three-fifth-col {
    -moz-flex-basis: calc(100% * (3 / 5));
    -o-flex-basis: calc(100% * (3 / 5));
    -webkit-flex-basis: calc(100% * (3 / 5));
    -ms-flex-basis: calc(100% * (3 / 5));
    flex-basis: calc(100% * (3 / 5));
  }
  .one-half-col {
    -moz-flex-basis: 50%;
    -o-flex-basis: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
  }
  .three-eighth-col {
    -moz-flex-basis: 37.5%;
    -o-flex-basis: 37.5%;
    -webkit-flex-basis: 37.5%;
    -ms-flex-basis: 37.5%;
    flex-basis: 37.5%;
  }
  .one-third-col {
    -moz-flex-basis: calc(100% / 3);
    -o-flex-basis: calc(100% / 3);
    -webkit-flex-basis: calc(100% / 3);
    -ms-flex-basis: calc(100% / 3);
    flex-basis: calc(100% / 3);
  }
  .one-quarter-col {
    -moz-flex-basis: 25%;
    -o-flex-basis: 25%;
    -webkit-flex-basis: 25%;
    -ms-flex-basis: 25%;
    flex-basis: 25%;
  }
  .one-fifth-col {
    -moz-flex-basis: 20%;
    -o-flex-basis: 20%;
    -webkit-flex-basis: 20%;
    -ms-flex-basis: 20%;
    flex-basis: 20%;
  }
  .one-sixth-col {
    -moz-flex-basis: calc(100% / 6);
    -o-flex-basis: calc(100% / 6);
    -webkit-flex-basis: calc(100% / 6);
    -ms-flex-basis: calc(100% / 6);
    flex-basis: calc(100% / 6);
  }
  .one-eighth-col {
    -moz-flex-basis: 12.5%;
    -o-flex-basis: 12.5%;
    -webkit-flex-basis: 12.5%;
    -ms-flex-basis: 12.5%;
    flex-basis: 12.5%;
  }
  /*** slider ***/
  .large-row {
    margin: 0 calc(-1/4 * 20px);
  }
  .large-row .one-quarter-col {
    width: calc((25 * (calc(100% - 20px) + (20px / 4))) / 100);
  }
  .large-col {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 calc(20px / 4);
  }
}

@media screen and (max-width: 480px) {
  /*** LAYOUT ***/
  .wrapper {
    width: calc(100% - 20px);
    margin: 0 auto;
  }
  .flex-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .flex-column {
    -moz-flex-direction: column;
    -o-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /*** standard layout ***/
  .row {
    margin: 0 calc(-1/2 * 20px);
  }
  .col {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 calc(20px / 2);
  }
  .five-sixth-col {
    -moz-flex-basis: calc(100% * (5 / 6));
    -o-flex-basis: calc(100% * (5 / 6));
    -webkit-flex-basis: calc(100% * (5 / 6));
    -ms-flex-basis: calc(100% * (5 / 6));
    flex-basis: calc(100% * (5 / 6));
  }
  .three-quarter-col {
    -moz-flex-basis: 75%;
    -o-flex-basis: 75%;
    -webkit-flex-basis: 75%;
    -ms-flex-basis: 75%;
    flex-basis: 75%;
  }
  .two-third-col {
    -moz-flex-basis: calc(100% * (2 / 3));
    -o-flex-basis: calc(100% * (2 / 3));
    -webkit-flex-basis: calc(100% * (2 / 3));
    -ms-flex-basis: calc(100% * (2 / 3));
    flex-basis: calc(100% * (2 / 3));
  }
  .three-fifth-col {
    -moz-flex-basis: calc(100% * (3 / 5));
    -o-flex-basis: calc(100% * (3 / 5));
    -webkit-flex-basis: calc(100% * (3 / 5));
    -ms-flex-basis: calc(100% * (3 / 5));
    flex-basis: calc(100% * (3 / 5));
  }
  .one-half-col {
    -moz-flex-basis: 50%;
    -o-flex-basis: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
  }
  .three-eighth-col {
    -moz-flex-basis: 37.5%;
    -o-flex-basis: 37.5%;
    -webkit-flex-basis: 37.5%;
    -ms-flex-basis: 37.5%;
    flex-basis: 37.5%;
  }
  .one-third-col {
    -moz-flex-basis: calc(100% / 3);
    -o-flex-basis: calc(100% / 3);
    -webkit-flex-basis: calc(100% / 3);
    -ms-flex-basis: calc(100% / 3);
    flex-basis: calc(100% / 3);
  }
  .one-quarter-col {
    -moz-flex-basis: 25%;
    -o-flex-basis: 25%;
    -webkit-flex-basis: 25%;
    -ms-flex-basis: 25%;
    flex-basis: 25%;
  }
  .one-fifth-col {
    -moz-flex-basis: 20%;
    -o-flex-basis: 20%;
    -webkit-flex-basis: 20%;
    -ms-flex-basis: 20%;
    flex-basis: 20%;
  }
  .one-sixth-col {
    -moz-flex-basis: calc(100% / 6);
    -o-flex-basis: calc(100% / 6);
    -webkit-flex-basis: calc(100% / 6);
    -ms-flex-basis: calc(100% / 6);
    flex-basis: calc(100% / 6);
  }
  .one-eighth-col {
    -moz-flex-basis: 12.5%;
    -o-flex-basis: 12.5%;
    -webkit-flex-basis: 12.5%;
    -ms-flex-basis: 12.5%;
    flex-basis: 12.5%;
  }
  /*** slider ***/
  .large-row {
    margin: 0 calc(-1/4 * 20px);
  }
  .large-row .one-quarter-col {
    width: calc((25 * (calc(100% - 20px) + (20px / 4))) / 100);
  }
  .large-col {
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 calc(20px / 4);
  }
}

/* Does not work because of relative imports webpack less loader bug */
/* Used pre-compiled CSS instead... */
/*@import 'https://lafrancelibre.tv/elemental/less/elemental.less';*/
/*@import 'https://lafrancelibre.tv/reactabular.css';*/
@media screen {
  .admin {
    height: 100%;
    background: white;
    position: relative;
    z-index: 10;
  }
  .admin .main-content {
    padding-top: 0;
  }
  .admin .app-content::before, .admin .app-content::after {
    display: none;
  }
  /*** admin layout ***/
  .admin-container {
    width: 100%;
    overflow: hidden;
    padding: 0 20px;
    font-family: 'Open Sans', Verdana, sans-serif !important;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .admin-container .admin-rightcol {
    overflow: hidden;
  }
  .admin-container .admin-row .three-quarter-col {
    /*width: 75%;*/
    padding: 0 20px;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .admin-container .admin-row .one-quarter-col {
    /*width: 25%;*/
    padding: 0 20px;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .admin-container .row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
  }
  .admin-container .fluid-container {
    /* inner container */
  }
  .admin-container .fluid-container .row {
    margin: 0 -20px;
  }
  .admin-container .video-contents-full-box {
    /* full video content preview case */
    margin: 0 -20px;
  }
  .admin-container .video-contents-full-box .video-contents-title {
    color: white;
  }
  .admin-container .video-contents-full-box .content-sharing-twitter:hover, .admin-container .video-contents-full-box .content-sharing-facebook:hover {
    color: white;
  }
  .admin-container .content-admin-preview .wrapper {
    width: 90%;
  }
  .admin-container .input-text {
    font-family: 'Open Sans', Verdana, sans-serif !important;
    letter-spacing: normal;
  }
  .admin-container .input-submit {
    display: inline-block;
    font-family: inherit;
    font-size: 1em;
    padding: 0.4em 0.8em;
    margin: 0 0.5em 0.5em 0;
    letter-spacing: normal;
    background: white;
    border: 1px solid #112e7f;
    color: #112e7f;
    cursor: pointer;
    text-shadow: none;
    border-radius: 0;
    line-height: normal;
    height: auto;
    font-weight: 400;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
  }
  .admin-container .input-submit.selected {
    background: #1b4acb;
    color: white;
  }
  .admin-container .input-submit:hover {
    background: #112e7f;
    color: white;
  }
  .admin-container hr {
    margin-top: 1em;
  }
  .admin-page {
    font-family: 'Open Sans', Verdana, sans-serif !important;
    font-size: 14px;
  }
  .error {
    color: #dc1f1f;
  }
  .success {
    color: #0ba70f;
  }
  /*.relative-half-col {
		width: 50%;
		float: left;
	}*/
  /*** header ***/
  .admin-header .admin-container {
    padding: 1em 20px;
    border-bottom: 1px solid #e0e0e0;
  }
  .admin-header .admin-container .admin-title {
    font-size: 1.2em;
    margin: 0;
  }
  .admin-header .admin-container .admin-back-to-site {
    text-align: right;
  }
  .admin-header .admin-container .admin-back-to-site a {
    color: black;
    line-height: 2.3em;
    display: inline-block;
    margin-right: 10px;
  }
  /*** menu ***/
  .admin-main-menu {
    min-height: calc(100vh - (65px + 4.5em));
  }
  .admin-main-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: visible;
  }
  .admin-main-menu ul li {
    /*overflow: hidden;*/
    margin: 2px 0;
    padding: 0;
    position: relative;
  }
  .admin-main-menu ul li hr {
    margin: 0;
  }
  .admin-main-menu ul li .admin-main-menu-item {
    display: block;
    text-decoration: none;
    color: white;
    /*background: #e57373;*/
    background: #666;
    padding: 0.75em 1em;
    font-weight: 500;
    line-height: 1.5em;
    overflow: hidden;
    vertical-align: middle;
    transition: all 0.2s;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
  }
  .admin-main-menu ul li .admin-main-menu-item .admin-main-menu-item-svg {
    color: white;
    fill: white !important;
    margin-right: 0.75em;
    display: inline-block;
    width: 1.5em !important;
    height: 1.5em !important;
  }
  .admin-main-menu ul li .admin-main-menu-item.content {
    background: #225cfe;
  }
  .admin-main-menu ul li .video {
    background: #999;
  }
  .admin-main-menu ul li .admin-main-menu-item.user {
    background: #1b4acb;
  }
  .admin-main-menu ul li .admin-main-menu-item:hover, .admin-main-menu ul li .admin-main-menu-item.active {
    /*background: #b71c1c;*/
    background: #112e7f;
  }
  .admin-main-menu ul li ul {
    position: absolute;
    right: 9999em;
    width: 200px;
    z-index: 500;
    top: 0;
  }
  .admin-main-menu ul li ul li {
    margin: 0;
  }
  .admin-main-menu ul li ul li a {
    display: block;
    color: white;
    background: #112e7f;
    padding: 0.5em 1em;
  }
  .admin-main-menu ul li ul li a:hover, .admin-main-menu ul li ul li a.active {
    background: #1b4acb;
    color: white;
    text-decoration: none;
  }
  .admin-main-menu ul li:hover ul {
    right: -200px;
  }
  /*** content ***/
  .admin-content {
    margin: 2em 0;
  }
  .admin-content .stats-cell {
    display: inline-block;
    margin: 0 2px 0 2px;
    background: #DDB;
    padding: 2px;
  }
  .admin-content .admin-page-main-title {
    font-size: 1.5em;
    margin-bottom: 1em;
    text-transform: uppercase;
  }
  .admin-content .admin-section-title, .admin-content .admin-page-section-title {
    font-size: 1.25em;
    margin-bottom: 1em;
  }
  .admin-content .admin-section-subtitle {
    font-size: 1.25em;
    margin-bottom: 1em;
  }
  .admin-content .admin-page-table-wrapper, .admin-content .admin-page-add-item-form {
    margin: 1.5em 0;
  }
  .admin-content a {
    color: #225cfe;
  }
  .admin-content .admin-page-create-element-wrapper {
    margin: 1.5em 0;
    /*.quill {
				border: 1px solid #e0e0e0;
			}

			.ql-container {
				height: 350px;
				border-top: 1px solid #e0e0e0;
			}*/
  }
  .admin-content .admin-page-create-element-wrapper .admin-alloy-component {
    height: 200px;
    border: 1px solid black;
    padding: 0.5em;
  }
  .admin-content th {
    text-align: left;
  }
  /*** COLLECTIONS ***/
  .admin-collection-page {
    position: relative;
    overflow-x: auto;
  }
  .admin-collection-page .admin-collection-search-input {
    border: 1px solid black !important;
    background: white !important;
    max-width: 300px;
    display: inline-block !important;
  }
  .admin-collection-page .admin-collection-add-item-link {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    /*color: black;
			padding: 0.5em 1.2em;
			background: #e0e0e0;*/
    text-decoration: none;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .admin-collection-page .admin-collection-add-item-link:hover {
    /*background: $admin-main-color;
			color: white;*/
  }
  .admin-collection-page .admin-collection-table {
    background: #FFF;
    /*box-shadow: inset 0 1px 0 #FFF;*/
    text-align: left;
    width: 100%;
    max-width: 100%;
    /*font-size: 0.75em;*/
    border-spacing: 1px;
    border-collapse: separate;
  }
  .admin-collection-page .admin-collection-table th {
    background: #CCC;
    color: #000;
    font-weight: bold;
    padding: 0.3em 0.5em;
    cursor: pointer;
    /*position: relative;*/
  }
  .admin-collection-page .admin-collection-table th.sorted {
    background: #f6c877;
  }
  .admin-collection-page .admin-collection-table td {
    background: #EEE;
    color: #000;
    padding: 0.25em 0.5em;
  }
  .admin-collection-page .admin-collection-table .admin-collection-cell_id {
    min-width: 50px;
  }
  .admin-collection-page .admin-collection-table a {
    color: black;
    text-decoration: underline;
  }
  .admin-collection-page .admin-collection-table a:hover {
    text-decoration: none;
  }
  .admin-collection-page .admin-collection-table .sort-icon {
    float: right;
  }
  /*** ADD ITEM FORM ***/
  .admin-page-form-element {
    -moz-flex-grow: 1;
    -o-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    margin-right: 0.5em;
  }
  .admin-page-form-element .autocomplete-wrapper > div {
    display: block !important;
  }
  .admin-page-form-element .input-text, .admin-page-form-element .form-richtext-element {
    margin: 0;
  }
  .admin-page-form-element .input-text {
    border: 1px solid black !important;
    background: white !important;
    background: #eee !important;
    border: 0 !important;
  }
  .admin-page-form-element .form-richtext-element {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 350px;
    border: 1px solid black;
    padding: 0.25em 0.5em;
    background: #eee !important;
    border: 0 !important;
  }
  .admin-page-form-element .form-richtext-element *::selection {
    color: white;
    background: #225cfe !important;
  }
  .admin-page-form-element .form-richtext-element *::-moz-selection {
    color: white;
    background: #225cfe !important;
  }
  .admin-page-form-element .form-richtext-element img[style*="left"] {
    margin: 0 0.5em 0.5em 0;
  }
  .admin-page-form-element .form-richtext-element img[style*="right"] {
    margin: 0 0 0.5em 0.5em;
  }
  .admin-page-form-element .form-richtext-element::selection {
    color: white;
    background: #225cfe !important;
  }
  .admin-page-form-element .form-richtext-element::-moz-selection {
    color: white;
    background: #225cfe !important;
  }
  .admin-page-form-element select {
    display: block;
    width: 100%;
    font-family: inherit;
    border: 1px solid black;
    font-size: 1em;
    color: inherit;
    padding: 0.3em 0.5em;
    border-radius: 0;
    background-image: initial;
    background-color: transparent;
    -moz-appearance: menulist;
    -webkit-appearance: menulist;
    appearance: menulist;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background: #eee !important;
    border: 0 !important;
  }
  .admin-modal-page-form-element select {
    margin: 1em 0;
  }
  .admin-page-add-item-form .admin-page-form-element-wrapper {
    margin-bottom: 2em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    overflow: hidden;
  }
  .admin-page-add-item-form .admin-page-form-element-wrapper .admin-page-form-element-label {
    margin-bottom: 0.25em;
    font-weight: 700;
    -moz-flex-basis: 25%;
    -o-flex-basis: 25%;
    -webkit-flex-basis: 25%;
    -ms-flex-basis: 25%;
    flex-basis: 25%;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 1em;
  }
  .admin-page-add-item-form .admin-page-form-element-wrapper .admin-page-form-element-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    color: #000;
    -moz-flex-basis: 75%;
    -o-flex-basis: 75%;
    -webkit-flex-basis: 75%;
    -ms-flex-basis: 75%;
    flex-basis: 75%;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
  }
  .admin-page-add-item-form .admin-page-form-element-wrapper .admin-page-form-element-content * {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
  }
  .admin-page-add-item-form .admin-page-form-element-wrapper .FormLabel {
    display: none;
  }
  .admin-page-add-item-form .filepicker {
    margin: 1em 0;
    background-color: #eee;
  }
  .admin-page-add-item-form .field-button, .admin-page-add-item-form .reset-field-button, .admin-page-add-item-form .clear-field-button, .admin-page-add-item-form .default-field-button {
    display: inline-block;
    font-family: inherit;
    font-size: 1em;
    padding: 0.1em 0.3em;
    cursor: pointer;
    border: 0;
    margin-right: 0.25em;
    /*background: #eee;*/
    background: #225cfe;
    color: white;
    max-height: 1.8em;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    -moz-flex-grow: 0;
    -o-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
  }
  .admin-page-add-item-form .reset-field-button svg {
    display: block !important;
    width: 1.2em !important;
    height: 1.2em !important;
  }
  .admin-page-add-item-form .reset-field-button:hover {
    background: #dc7c1f;
    color: white;
  }
  .admin-page-add-item-form .clear-field-button svg {
    display: block !important;
    width: 1.2em !important;
    height: 1.2em !important;
  }
  .admin-page-add-item-form .clear-field-button:hover {
    background: #dc1f1f;
    color: white;
  }
  .admin-page-add-item-form .default-field-button svg {
    display: block !important;
    width: 1.2em !important;
    height: 1.2em !important;
  }
  .admin-page-add-item-form .default-field-button:hover {
    background: #f010d0;
    color: white;
  }
  .admin-page-add-item-form .admin-page-add-item-related-object-wrapper {
    padding: 1.5em;
    border: 1px solid #ccc;
    margin: 2em 0;
  }
  .admin-page-add-item-form .admin-page-add-item-related-list-wrapper {
    padding: 1.5em;
    border: 1px solid #ccc;
    margin: 2em 0;
    max-height: 400px;
    overflow: auto;
  }
  .admin-page-add-item-form .admin-page-add-item-related-list-wrapper table {
    width: 100%;
  }
  .admin-page-add-item-form .admin-page-add-item-related-list-wrapper table tr td {
    padding: 0 0.5em;
  }
  .admin-page-add-item-form .admin-page-add-item-related-list-wrapper table tr td:last-child {
    text-align: right;
  }
  .admin-page-add-item-form .admin-page-add-item-related-list-wrapper table tr .form-input-text-element {
    margin-top: 1.4em;
  }
  .admin-page-add-item-form .admin-page-add-item-related-list-wrapper table tr .new-entry, .admin-page-add-item-form .admin-page-add-item-related-list-wrapper table tr .add-a-row, .admin-page-add-item-form .admin-page-add-item-related-list-wrapper table tr .delete-row, .admin-page-add-item-form .admin-page-add-item-related-list-wrapper table tr .move-row-up, .admin-page-add-item-form .admin-page-add-item-related-list-wrapper table tr .move-row-down {
    display: inline-block;
    font-family: inherit;
    color: white;
    font-size: 1em;
    padding: 0.3em;
    margin: 0.7em 0.25em 0 0;
    line-height: 80%;
    background: #225cfe;
    cursor: pointer;
  }
  .admin-page-add-item-form .admin-page-add-item-related-list-wrapper table tr .new-entry:hover, .admin-page-add-item-form .admin-page-add-item-related-list-wrapper table tr .add-a-row:hover, .admin-page-add-item-form .admin-page-add-item-related-list-wrapper table tr .delete-row:hover, .admin-page-add-item-form .admin-page-add-item-related-list-wrapper table tr .move-row-up:hover, .admin-page-add-item-form .admin-page-add-item-related-list-wrapper table tr .move-row-down:hover {
    background: #112e7f;
  }
  .admin-page-add-item-form .admin-page-add-item-related-list-wrapper table tr .input-text {
    border: 1px solid #ccc !important;
    border: 0 !important;
    background: #eee !important;
  }
  .admin-page-add-item-form .form-alert-element {
    border-color: #dc1f1f;
  }
  .admin-page-add-item-form .form-alert {
    margin: 0.3em 0;
    font-size: 0.9em;
    font-weight: 700;
    color: #dc1f1f;
  }
  .admin-page-add-item-form .form-success {
    margin: 0.3em 0;
    font-size: 0.9em;
    font-weight: 700;
    color: #0ba70f;
  }
  .FormSelect__arrows {
    display: none;
  }
  .form-selected-object-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .form-selected-object {
    cursor: pointer;
    padding: 0.5em;
  }
  .form-selected-object:hover {
    background: #e3e3e3;
  }
  .form-object-picker-element {
    margin: 0.5em 0;
    padding: 0.5em;
    font-size: 0.9em;
    cursor: pointer;
  }
  .form-object-picker-element b {
    font-weight: 500;
    color: black;
  }
  .form-selected-object-button-wrapper {
    margin-left: 1em;
  }
  .admin-preview {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    /*img {
            margin-right: 0.5em;
        }

        span {
            margin: 0 0.25em;
        }*/
  }
  .form-selected-object .admin-preview img {
    margin-right: 0.5em;
  }
  .form-selected-object .admin-preview span {
    margin: 0 0.25em;
  }
  .form-object-picker-element:hover {
    background: #e3e3e3;
  }
  i {
    display: inline-block;
    margin-top: 0.25em;
  }
  i i {
    font-style: normal;
    margin: 0;
  }
  .admin-add-new-item-page {
    position: relative;
  }
  .admin-add-new-item-page hr {
    margin: 1em 0;
  }
  .admin-preview-wrapper select {
    display: block;
    width: 100%;
    font-family: inherit;
    border: 1px solid black;
    font-size: 1em;
    color: inherit;
    padding: 0.25em 0.5em;
    border-radius: 0;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .admin-preview-wrapper .FormField {
    margin-bottom: 40px;
  }
  .three-quarter-col .admin-preview-wrapper {
    /*width: 1370px;*/
    /* TODO media queries */
  }
  .three-quarter-col .one-half-col .admin-preview-wrapper {
    /* side by side */
    position: fixed;
    width: calc(100vw / 3);
  }
  .three-quarter-col .one-half-col .admin-preview-wrapper .content-admin-preview {
    font-size: calc(100vw / 3 * 18 / (1370 + 40));
    /* TODO media queries */
    font-family: 'Ropa Sans', Arial, sans-serif;
    font-size: 1em;
  }
  .content-admin-preview > div {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .contents-line-wrapper {
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .admin-preview-wrapper .content-admin-preview .video-contents-box-component {
    width: 100%;
  }
  .admin-preview-wrapper .question-admin-preview .question-box-answered-full {
    width: calc(100% * 2 / 3);
  }
  .admin-preview-wrapper .question-admin-preview .one-third-col {
    width: calc(100% / 3);
  }
  .three-quarter-col .one-half-col .admin-preview-wrapper .question-admin-preview .one-third-col {
    width: 100%;
  }
  .three-quarter-col .one-half-col .admin-preview-wrapper .shop-item-admin-preview.one-third-col {
    width: 100%;
  }
  .admin-preview-wrapper .shop-item-admin-preview.one-third-col .one-sixth-col {
    width: 50%;
  }
  .admin-form-save-item-element {
    font-size: 1.1em !important;
  }
  .admin-form-save-item-element:hover {
    background: #112e7f !important;
    color: white;
    font-size: 1.1em;
  }
  .admin-horizontal-scroll {
    overflow-x: auto;
    max-height: calc(90vh);
    /* TODO better */
  }
  .admin-chart-button {
    height: 3em;
    border: 1px solid black;
    margin-right: 0.25em;
  }
  .admin-chart-button.selected {
    border: 3px solid red;
  }
  /* alloy editor tools colors */
  .ae-toolbar {
    z-index: 11;
    /* needed in FL for some reason... */
  }
  .ae-toolbar-add, .ae-container, .ae-toolbar-styles {
    z-index: 1000;
  }
  .ae-ui .ae-toolbar, .ae-ui [class^=ae-toolbar-], .ae-ui .ae-toolbar-add, .ae-ui .ae-dropdown, .ae-ui [class^=ae-dropdown-] {
    background: #225cfe !important;
  }
  .ae-ui .ae-arrow-box.ae-arrow-box-top::after, .ae-ui .ae-arrow-box.ae-arrow-box-bottom::after {
    color: #225cfe !important;
  }
  .ae-ui .ae-dropdown .ae-list-header, .ae-ui [class^=ae-dropdown-] .ae-list-header {
    color: white;
  }
  .ae-ui .ae-toolbar .ae-button:hover, .ae-ui .ae-toolbar .ae-toolbar-element:hover, .ae-ui [class^=ae-toolbar-] .ae-button:hover, .ae-ui [class^=ae-toolbar-] .ae-toolbar-element:hover {
    color: #112e7f !important;
  }
  .ae-ui .ae-toolbar .ae-button.ae-button-pressed:hover, .ae-ui .ae-toolbar .ae-toolbar-element.ae-button-pressed:hover, .ae-ui [class^=ae-toolbar-] .ae-button.ae-button-pressed:hover, .ae-ui [class^=ae-toolbar-] .ae-toolbar-element.ae-button-pressed:hover {
    color: #112e7f !important;
  }
  .ae-ui .ae-toolbar .ae-button.ae-button-pressed, .ae-ui .ae-toolbar .ae-toolbar-element.ae-button-pressed, .ae-ui [class^=ae-toolbar-] .ae-button.ae-button-pressed, .ae-ui [class^=ae-toolbar-] .ae-toolbar-element.ae-button-pressed {
    background-color: #1b4acb !important;
  }
  /*** MODAL ***/
  .modal.admin-modal {
    padding-top: 0 !important;
    font-size: 14px !important;
  }
  .modal.admin-modal .admin-section-title {
    font-size: 1.2em;
    margin: 1em 0;
  }
  .modal.admin-modal .modal-content.admin-modal-content {
    background: white;
  }
  .modal.admin-modal .modal-content.admin-modal-content div {
    font-family: 'Open Sans', Verdana, sans-serif !important;
  }
  .modal.admin-modal .input-text {
    margin: 1em 0;
    background: #eee !important;
    border: 0 !important;
    font-family: 'Open Sans', Verdana, sans-serif !important;
    letter-spacing: normal !important;
  }
  .modal.admin-modal .input-submit {
    display: inline-block;
    font-family: inherit;
    font-size: 1em;
    padding: 0.4em 0.8em;
    margin: 0 0.5em 0.5em 0;
    background: white;
    border: 1px solid #112e7f;
    color: #112e7f;
    cursor: pointer;
    text-shadow: none;
    border-radius: 0;
    line-height: normal;
    height: auto;
    font-weight: 400;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
  }
  .modal.admin-modal .input-submit:hover {
    background: #112e7f;
    color: white;
  }
  /*** STATS ***/
  .admin-page-statistic-form {
    margin-bottom: 0 !important;
  }
  .admin-page-statistic-form-row {
    padding-bottom: 1.5em;
  }
  .admin-page-statistic-form-row .admin-page-form-element-label {
    font-weight: 700;
    margin-bottom: 0.25em;
  }
  .admin-page-statistic-form-row .admin-page-form-element {
    margin-right: 0;
    width: 100%;
  }
  .admin-stats-table {
    color: black;
    font-size: 0.85em;
  }
  .admin-stats-table thead {
    border-bottom: 1px solid #666;
  }
  .admin-stats-table tr:nth-child(even) {
    background: #ededed;
  }
  .admin-stats-table tr.admin-stats-table-separator {
    background: white;
    height: 1em;
  }
  .admin-stats-table th {
    text-align: right;
    padding: 0.5em;
  }
  .admin-stats-table td {
    text-align: right;
    padding: 0.5em;
    position: relative;
  }
  .admin-stats-table .all {
    font-weight: bold;
    font-size: 1.2em;
  }
  .admin-stats-table .free {
    color: #225cfe;
  }
  .admin-stats-table .monthly {
    color: #1b4acb;
  }
  .admin-stats-table .yearly {
    color: #112e7f;
  }
  .admin-stats-table .total {
    font-weight: bold;
    color: #1b4acb;
  }
  .admin-stats-table .background-progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #9b1010;
    opacity: 0.15;
  }
  .admin-stats-table.loading {
    color: #BBB;
  }
  /*** select items ***/
  .admin-content .object-picker-button, .admin-modal-content .object-picker-button {
    cursor: pointer;
    margin-right: 1em;
    padding: 0.25em;
    border: 0;
    background: #225cfe;
    color: white !important;
    text-decoration: none !important;
    -webkit-appearance: none;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .admin-content .object-picker-button:hover, .admin-modal-content .object-picker-button:hover {
    background: #112e7f;
    text-decoration: none;
  }
  .admin-content .form-selected-object, .admin-modal-content .form-selected-object {
    -moz-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -moz-flex-grow: 1;
    -o-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
  }
  .admin-content .form-selected-object .admin-preview-wrapper, .admin-modal-content .form-selected-object .admin-preview-wrapper {
    -moz-flex-grow: 1;
    -o-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
  }
  .admin-content .contributor-thumb-wrapper .contributor-thumb-link, .admin-modal-content .contributor-thumb-wrapper .contributor-thumb-link {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
  }
  .admin-content .contributor-thumb-wrapper .contributor-thumb-link .contributor-thumb-img, .admin-modal-content .contributor-thumb-wrapper .contributor-thumb-link .contributor-thumb-img {
    max-width: 150px;
  }
  .admin-content .contributor-thumb-wrapper .contributor-thumb-link .contributor-thumb-img img, .admin-modal-content .contributor-thumb-wrapper .contributor-thumb-link .contributor-thumb-img img {
    width: 100%;
    height: auto;
  }
  .admin-content .contributor-thumb-wrapper .contributor-thumb-link .contributor-thumb-infos, .admin-modal-content .contributor-thumb-wrapper .contributor-thumb-link .contributor-thumb-infos {
    position: relative;
    margin-left: 1em;
  }
  .admin-content .contributor-thumb-wrapper .contributor-thumb-link .contributor-thumb-infos .content-title, .admin-modal-content .contributor-thumb-wrapper .contributor-thumb-link .contributor-thumb-infos .content-title {
    color: #112e7f;
  }
  .admin-content .contributor-thumb-wrapper .contributor-thumb-link .contributor-thumb-infos .content-title::after, .admin-modal-content .contributor-thumb-wrapper .contributor-thumb-link .contributor-thumb-infos .content-title::after {
    background: #112e7f;
  }
  .admin-content .contributor-thumb-wrapper .contributor-thumb-link .contributor-thumb-infos::after, .admin-modal-content .contributor-thumb-wrapper .contributor-thumb-link .contributor-thumb-infos::after {
    display: none;
  }
  /*** sortable lists ***/
  .sortable-list-wrapper .sortable-list-menu {
    margin: 1em 0;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .sortable-list-row.flex-wrapper {
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -moz-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0.25em;
    margin: 0.5em 0;
    background: #eee;
  }
  .sortable-list-row.flex-wrapper .flex-wrapper {
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .sortable-list-row.flex-wrapper .sort-row {
    cursor: move;
  }
  .sortable-list-row.flex-wrapper .sortable-list-item {
    -moz-flex-grow: 1;
    -o-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -moz-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .sortable-list-row.flex-wrapper .sortable-list-item .sortable-list-select-item {
    -moz-flex-grow: 1;
    -o-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -moz-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .sortable-list-row.flex-wrapper .sortable-list-item .sortable-list-select-item .form-selected-object-wrapper {
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -moz-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .sortable-list-row.flex-wrapper .sortable-list-item .sortable-list-select-item .admin-page-add-item-form {
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-grow: 1;
    -o-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -moz-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .sortable-list-row.flex-wrapper .sortable-list-item .sortable-list-select-item .admin-page-add-item-form .line {
    margin-right: 1em;
    -moz-flex-grow: 1;
    -o-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
  }
  .sortable-list-row.flex-wrapper .sortable-list-item .sortable-list-select-item .admin-page-add-item-form .line .line-label {
    margin-right: 0.5em;
  }
  .sortable-list-row.flex-wrapper .sortable-list-item .sortable-list-select-item .admin-page-add-item-form .line .input-text {
    margin: 0;
  }
  .sortable-list-row.flex-wrapper .sortable-list-item .sortable-list-select-item .admin-page-add-item-form .line .FormLabel {
    display: none;
  }
  .sortable-list-row.flex-wrapper .sortable-list-item .sortable-list-select-item > span {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  /*.reactable-header-sortable {
		cursor: pointer;
		color: #008;
	}
	.reactable-header-sortable::before {
		content: "↕";
	}
	.reactable-pagination tr td::before {
		content: "Page: ";
		display: "inline";
	}
	.reactable-page-button {
		cursor: pointer;
		color: #008;
		margin-left: 5px;
	}
	.reactable-current-page {
		font-weight: bold;
	}
	.reactable-filterer td::before {
		content: "Search: ";
	}*/
  /*ul.nav {
		list-style-type: none;
		text-align: center;
	}
	ul.nav li {
		display: inline-block;
		margin: 7px 2px;
	}

	ul.nav li a {
		text-decoration: none;
		padding: 5px 10px;
		background-color: #3498DB;
		color: #000;
		font-size: 14px;
		font-weight: bold;
		border-radius: 5px;
	}

	ul.nav li a.active
	{
		background-color: #9DF;
	}

	ul.nav li a:hover
	{
		background-color: #8DF;
	}*/
  .code {
    font-family: "courier new", "consolas", "courier";
    border: #000 1px solid;
  }
  .blink {
    animation: blink-animation 1s steps(5, start) infinite;
  }
  @keyframes blink-animation {
    to {
      visibility: hidden;
    }
  }
  @-webkit-keyframes blink-animation {
    to {
      visibility: hidden;
    }
  }
}
/* Filepicker CSS */
.filepicker {
  font-family: sans-serif;
}

div.filepicker {
  text-align: center;
  padding: 5px;
  background-color: #E1E1E1;
  border-radius: 5px;
  min-height: 60px;
  border: 2px dashed #C7C7C7;
}

/* Icon */
.filepicker-file-icon {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 2.5em 0;
  padding-left: 45px;
  color: black;
}

.filepicker-file-icon::before {
  position: absolute;
  top: -7px;
  left: 0;
  width: 29px;
  height: 34px;
  content: '';
  border: solid 2px #7F7F7F;
  border-radius: 2px;
}

.filepicker-file-icon::after {
  font-size: 11px;
  line-height: 1.3;
  position: absolute;
  top: 9px;
  left: -4px;
  padding: 0 2px;
  content: 'file';
  content: attr(data-filetype);
  text-align: right;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
  background-color: #000;
}

.filepicker-file-icon .fileCorner {
  position: absolute;
  top: -7px;
  left: 22px;
  width: 0;
  height: 0;
  border-width: 11px 0 0 11px;
  border-style: solid;
  border-color: white transparent transparent #920035;
}
/* Normalize.css */
.rw-btn,
.rw-input {
  color: inherit;
  font: inherit;
  margin: 0;
}
button.rw-input {
  overflow: visible;
}
button.rw-input,
select.rw-input {
  text-transform: none;
}
button.rw-input,
html input[type="button"].rw-input,
input[type="reset"].rw-input,
input[type="submit"].rw-input {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled].rw-input,
html input[disabled].rw-input {
  cursor: not-allowed;
}
button.rw-input::-moz-focus-inner,
input.rw-input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* -------------- */
@font-face {
  font-family: 'RwWidgets';
  src: url(assets/e44520ab9079ea7633bfa874bed5d21d.eot);
  src: url(assets/e44520ab9079ea7633bfa874bed5d21d.eot#iefix&v=4.1.0) format('embedded-opentype'), url(data:application/font-woff;base64,d09GRgABAAAAAA0EAA4AAAAAFggAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABRAAAAEQAAABWPihITmNtYXAAAAGIAAAAOgAAAUrQFxm3Y3Z0IAAAAcQAAAAKAAAACgAAAABmcGdtAAAB0AAABZQAAAtwiJCQWWdhc3AAAAdkAAAACAAAAAgAAAAQZ2x5ZgAAB2wAAAKrAAADcINMARNoZWFkAAAKGAAAADYAAAA2BXNMlGhoZWEAAApQAAAAIAAAACQHUQNSaG10eAAACnAAAAAbAAAAIBXBAABsb2NhAAAKjAAAABIAAAASA2gCOG1heHAAAAqgAAAAIAAAACAAvwv2bmFtZQAACsAAAAGMAAAC5b2OKE5wb3N0AAAMTAAAAE8AAABt6Me+4nByZXAAAAycAAAAZQAAAHvdawOFeJxjYGTawTiBgZWBg6mKaQ8DA0MPhGZ8wGDIyMTAwMTAysyAFQSkuaYwOLxgeMHGHPQ/iyGKOZhhGlCYESQHAP1fC/N4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGF6w/f8PUvCCAURLMELVAwEjG8OIBwBqdQa0AAAAAAAAAAAAAAAAAAB4nK1WaXMTRxCd1WHLNj6CDxI2gVnGcox2VpjLCBDG7EoW4BzylexCjl1Ldu6LT/wG/ZpekVSRb/y0vB4d2GAnVVQoSv2m9+1M9+ueXpPQksReWI+k3HwpprY2aWTnSUg3bFqO4kPZ2QspU0z+LoiCaLXUvu04JCISgap1hSWC2PfI0iTjQ48yWrYlvWpSbulJd9kaD+qt+vbT0FGO3QklNZuhQ+uRLanCqBJFMu2RkjYtw9VfSVrh5yvMfNUMJYLoJJLGm2EMj+Rn44xWGa3GdhxFkU2WG0WKRDM8iCKPslpin1wxQUD5oBlSXvk0onyEH5EVe5TTCnHJdprf9yU/6R3OvyTieouyJQf+QHZkB3unK/ki0toK46adbEehivB0fSfEI5uT6p/sUV7TaOB2RaYnzQiWyleQWPkJZfYPyWrhfMqXPBrVkoOcCFovc2Jf8g60HkdMiWsmyILujk6IoO6XnKHYY/q4+OO9XSwXIQTIOJb1jkq4EEYpYbOaJG0EOYiSskWV1HpHTJzyOi3iLWG/Tu3oS2e0Sag7MZ6th46tnKjkeDSp00ymTu2k5tGUBlFKOhM85tcBlB/RJK+2sZrEyqNpbDNjJJFQoIVzaSqIZSeWNAXRPJrRm7thmmvXokWaPFDPPXpPb26Fmzs9p+3AP2v8Z3UqpoO9MJ2eDshKfJp2uUnRun56hn8m8UPWAiqRLTbDlMVDtn4H5eVjS47CawNs957zK+h99kTIpIH4G/AeL9UpBUyFmFVQC9201rUsy9RqVotUZOq7IU0rX9ZpAk05Dn1jX8Y4/q+ZGUtMCd/vxOnZEZeeufYlyDSH3GZdj+Z1arFdgM5sz+k0y/Z9nebYfqDTPNvzOh1ha+t0lO2HOi2w/UinY2wvaEGT7jsEchGBXMAGEoGwdRAI20sIhK1CIGwXEQjbIgJhu4RA2H6MQNguIxC2l7Wsmn4qaRw7E8sARYgDoznuyGVuKldTyaUSrotGpzbkKXKrpKJ4Vv0rA/3ikTesgbVAukTW/IpJrnxUleOPrmh508S5Ao5Vf3tzXJ8TD2W/WPhT8L/amqqkV6x5ZHIVeSPQk+NE1yYVj67p8rmqR9f/i4oOa4F+A6UQC0VZlg2+mZDwUafTUA1c5RAzGzMP1/W6Zc3P4fybGCEL6H78NxQaC9yDTllJWe1gr9XXj2W5twflsCdYkmK+zOtb4YuMzEr7RWYpez7yecAVMCqVYasNXK3gzXsS85DpTfJMELcVZYOkjceZILGBYx4wb76TICRMXbWB2imcsIG8YMwp2O+EQ1RvlOVwe6F9Ho2Uf2tX7MgZFU0Q+G32Rtjrs1DyW6yBhCe/1NdAVSFNxbipgEsj5YZq8GFcrdtGMk6gr6jYDcuyig8fR9x3So5lIPlIEatHRz+tvUKd1Ln9yihu3zv9CIJBaWL+9r6Z4qCUd7WSZVZtA1O3GpVT15rDxasO3c2j7nvH2Sdy1jTddE/c9L6mVbeDg7lZEO3bHJSlTC6o68MOG6jLzaXQ6mVckt52DzAsMKDfoRUb/1f3cfg8V6oKo+NIvZ2oH6PPYgzyDzh/R/UF6OcxTLmGlOd7lxOfbtzD2TJdxV2sn+LfwKy15mbpGnBD0w2Yh6xaHbrKDXynBjo90tyO9BDwse4K8QBgE8Bi8InuWsbzKYDxfMYcH+Bz5jBoMofBFnMYbDNnDWCHOQx2mcNgjzkMvmDOOsCXzGEQModBxBwGT5gTADxlDoOvmMPga+Yw+IY59wG+ZQ6DmDkMEuYw2Nd0ayhzixd0F6htUBXowPQTFvewONRUGbK/44Vhf28Qs38wiKk/aro9pP7EC0P92SCm/mIQU3/VdGdI/Y0Xhvq7QUz9wyCmPtMvxnKZwV9GvkuFA8ouNp/z98T7B8IaQLYAAQAB//8AD3icXVJBaxNBFH5vNmzibLpp62ZTtUmb3SSVpE0l2WxKU9MqlgoiLaaIJ/VQrVQpovVirQcFkRKCFCliT1PEg3pxgwgi9JKK1R4l/oUi6KmnYBNnNxGLC/Pe23nve983bwaw0QAgOdwCGcQyJTiQiCpiX1hL4iiaqR5USU7x1b0+hXhrNERr9LWsohKSapTWJAAE/uEsuQdtHC8JHI8diqgNYsywG6h4Rek94BR3d5ELda+sSjzkS21hT5Alh1ty2VjFh6IWy3QYeeTceMLGqSqvp3hRtlEy7ja1tLjJCP5sav+Ht8nNdDjFtdMWGYdx3Vt2C8lpyaE+gMacwIQCCOAGif8fhAAcgR7QIQ1ZyMEoTMJt0Md6LxfOnMqPDA+ZxuBRrTfUfbhLVTrbZS/1iC4CvoFEIJ3R7dW3z+N/XsgYsT5dE91+Rc2mUybuq8+2ckFs5rJ8iHrYmYSZw4xhBtIpNcgRzSjg52aCsU3L2vxrca1crloWvmGsWi5XvGLETbFp15ytKmOd1KN7qGO+93f//hWMx4OnjWgkalTNiB41cCIYn2SMRSzLirC9CqvZJmLhMeY0Y24v0nqM5xi7vm+rfy9jtyJfg3EzYqIRNVsuzucsNPYab4VLggQKhCEJ9H0i2tPVLgj8vvyKmEAtdhxbx8whP5yRRFkIkTxmFRm1JA9SIcRd6rFs7UvUHfHQnXPLL4tTZPrxq0fnF2992vk8L979uPvhPtFqbupUVHjxdmF5mkyV1ku8crlwp7KwUPlhGyCNhnP3beDhmjzvDkmiQLgeTi2GMI/ovGFRt9ldIRJQ3AGVPHy6veoqfSui1j+sbMwsTq1cGyMjN0ovijeHhPENPz6YXSGrX56JxfrzYNy/MZ6fe7Jemh92nby6enZxZsMPfwARpcxGAAABAAAAAQAAesaxU18PPPUACwPoAAAAANFbGZEAAAAA0VrvYf/9/2oDoQNTAAAACAACAAAAAAAAeJxjYGRgYA76n8UQxfyCgeH/d+ZFDEARFMABAIt1Bal4nGN+wcDAZM3AwJgKwSA28wIgjoTQAELTA9QAAAAAAAAgAD4AXgB+ATIBfAG4AAAAAQAAAAgAdAAPAAAAAAACAAAAEABzAAAANAtwAAAAAHicdZLNTsJAFIXPIGKExIUa3d6VwRjLT+JCNpKQ4MrEuGDhrsDQlpQOmQ4QnsE38B18JRPfxEOZiCbYZnq/e+b0zp1pAZziEwrb645jywpVZlsu4QgPng+o9z2Xyc+eD1HDq+cKde25ihsYzzWc4Z0VVPmY2RQfnhXO1aXnEk7UjecD6veey+Qnz4e4UKHnCvWV5yoG6s1zDVfqq2fma5tEsZN671razdadDNdiKCVZmEq4cLGxuXRlYjKn09QEIzOzq9tVMo60y190tEhDuxN2NNA2T0wmraC5Ex91pm3o9HizSr6M2s5NZGLNTPq+vsytmeqRC2Ln5p1G4/e66PGg5ljDIkGEGA6COtVrxjaaaPGDCIZ0CJ1bV4IMIVIqIRZ8Iy5mcuZdjgmzjKqmIyUHGPE5o2OFW44EY9bQdOR4YYxYI2Ulu9exTxswbtZLipWEPQbsdJ/zkTEr3GHR0fhnLzmWdLWpOna86doWXQp/tL/9C89nMzelMqIeFKfkqHbQ4P3Pfr8BfuKKaXicbcbBDYAgDADAFgWruzhUU1CIBEzVuL4Rv97rwMBngn8EgAY77NGiwwHJXfvsk1IOy/lm1LTGNvL1Li3CORTPaiVX2dwRWCUCPHGuFEMAeJxj8N7BcCIoYiMjY1/kBsadHAwcDMkFGxlYnTYyMGhBaA4UeicDAwMnMouZwWWjCmNHYMQGh46IjcwpLhvVQLxdHA0MjCwOHckhESAlkUCwkYFHawfj/9YNLL0bmRhcAAfTIrgAAAA=) format('woff'), url(assets/bfc14ac982326f7d0b1340e20d3e0c37.ttf) format('truetype'), url(assets/03945ac4fc7fdefc44bc110bf1ba2393.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}
.rw-i {
  display: inline-block;
  font-family: RwWidgets;
  font-style: normal;
  font-weight: normal;
  line-height: 1em;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.rw-i-caret-down:before {
  content: '\E803';
}
.rw-i-caret-up:before {
  content: '\E800';
}
.rw-i-caret-left:before {
  content: '\E801';
}
.rw-i-caret-right:before {
  content: '\E802';
}
.rw-i-clock-o:before {
  content: '\E805';
}
.rw-i-calendar:before {
  content: '\E804';
}
.rw-i-search:before {
  content: '\E806';
}
/* for debugging */
.rw-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.rw-widget,
.rw-widget * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.rw-widget:before,
.rw-widget *:before,
.rw-widget:after,
.rw-widget *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.rw-widget {
  outline: 0;
  -moz-background-clip: border-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}
.rw-btn {
  color: #333;
  line-height: 2.286em;
  display: inline-block;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  background: none;
  background-image: none;
  border: 1px solid transparent;
  padding: 0;
  white-space: nowrap;
}
.rw-rtl {
  direction: rtl;
}
.rw-input {
  color: #555555;
  height: 2.286em;
  padding: 0.429em 0.857em;
  background-color: #fff;
}
.rw-input[disabled] {
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
  background-color: #eeeeee;
  border-color: #ccc;
}
.rw-input[readonly] {
  cursor: not-allowed;
}
.rw-filter-input {
  position: relative;
  width: 100%;
  padding-right: 1.9em;
  border: #ccc 1px solid;
  border-radius: 4px;
  margin-bottom: 2px;
}
.rw-rtl .rw-filter-input {
  padding-left: 1.9em;
  padding-right: 0;
}
.rw-filter-input > .rw-input {
  width: 100%;
  border: none;
  outline: none;
}
.rw-filter-input > span {
  margin-top: -2px;
}
.rw-i.rw-loading {
  background: url(data:image/gif;base64,R0lGODlhEAAQAPIAAP///zMzM87OzmdnZzMzM4GBgZqamqenpyH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==) no-repeat center;
  width: 16px;
  height: 100%;
}
.rw-i.rw-loading:before {
  content: "";
}
.rw-loading-mask {
  border-radius: 4px;
  position: relative;
}
.rw-loading-mask:after {
  content: '';
  background: url(assets/a770b6797b68e3f8920e473eb824bac0.gif) no-repeat center;
  position: absolute;
  background-color: #fff;
  opacity: 0.7;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.rw-now {
  font-weight: 600;
}
.rw-state-focus {
  background-color: #fff;
  border: #66afe9 1px solid;
  color: #333;
}
.rw-state-selected {
  background-color: #adadad;
  border: #adadad 1px solid;
  color: #333;
}
.rw-state-disabled {
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.rw-btn,
.rw-dropdownlist {
  cursor: pointer;
}
.rw-btn[disabled],
.rw-state-disabled .rw-btn,
.rw-state-readonly .rw-btn {
  -webkit-box-shadow: none;
  box-shadow: none;
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: .65;
}
ul.rw-list,
.rw-selectlist {
  margin: 0;
  padding-left: 0;
  list-style: none;
  padding: 5px 0;
  overflow: auto;
  outline: 0;
  height: 100%;
}
ul.rw-list > li,
.rw-selectlist > li {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
ul.rw-list > li.rw-list-optgroup,
.rw-selectlist > li.rw-list-optgroup {
  font-weight: bold;
}
ul.rw-list > li.rw-list-option,
ul.rw-list > li.rw-list-empty,
.rw-selectlist > li.rw-list-option,
.rw-selectlist > li.rw-list-empty {
  padding-left: 10px;
  padding-right: 10px;
}
ul.rw-list > li.rw-list-option,
.rw-selectlist > li.rw-list-option {
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 3px;
}
ul.rw-list > li.rw-list-option:hover,
.rw-selectlist > li.rw-list-option:hover {
  background-color: #e6e6e6;
  border-color: #adadad;
}
ul.rw-list > li.rw-list-option.rw-state-focus,
.rw-selectlist > li.rw-list-option.rw-state-focus {
  background-color: #fff;
  border: #66afe9 1px solid;
  color: #333;
}
ul.rw-list > li.rw-list-option.rw-state-selected,
.rw-selectlist > li.rw-list-option.rw-state-selected {
  background-color: #adadad;
  border: #adadad 1px solid;
  color: #333;
}
ul.rw-list > li.rw-list-option.rw-state-disabled,
ul.rw-list > li.rw-list-option.rw-state-readonly,
.rw-selectlist > li.rw-list-option.rw-state-disabled,
.rw-selectlist > li.rw-list-option.rw-state-readonly {
  color: #777777;
  cursor: not-allowed;
}
ul.rw-list > li.rw-list-option.rw-state-disabled:hover,
ul.rw-list > li.rw-list-option.rw-state-readonly:hover,
.rw-selectlist > li.rw-list-option.rw-state-disabled:hover,
.rw-selectlist > li.rw-list-option.rw-state-readonly:hover {
  background: none;
  border-color: transparent;
}
ul.rw-list.rw-list-grouped > li.rw-list-optgroup,
.rw-selectlist.rw-list-grouped > li.rw-list-optgroup {
  padding-left: 10px;
}
ul.rw-list.rw-list-grouped > li.rw-list-option,
.rw-selectlist.rw-list-grouped > li.rw-list-option {
  padding-left: 20px;
}
.rw-widget {
  position: relative;
}
.rw-open.rw-widget,
.rw-open > .rw-multiselect-wrapper {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.rw-open-up.rw-widget,
.rw-open-up > .rw-multiselect-wrapper {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.rw-combobox .rw-list,
.rw-datetimepicker .rw-list,
.rw-numberpicker .rw-list,
.rw-dropdownlist .rw-list,
.rw-multiselect .rw-list {
  max-height: 200px;
  height: auto;
}
.rw-widget {
  background-color: #fff;
  border: #ccc 1px solid;
  border-radius: 4px;
}
.rw-widget .rw-input {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.rw-rtl .rw-widget .rw-input {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.rw-widget > .rw-select {
  border-left: #ccc 1px solid;
}
.rw-widget.rw-rtl > .rw-select {
  border-right: #ccc 1px solid;
  border-left: none;
}
.rw-widget.rw-state-focus,
.rw-widget.rw-state-focus:hover {
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  border-color: #66afe9;
  outline: 0;
}
.rw-widget.rw-state-readonly,
.rw-widget.rw-state-readonly > .rw-multiselect-wrapper {
  cursor: not-allowed;
}
.rw-widget.rw-state-disabled,
.rw-widget.rw-state-disabled:hover,
.rw-widget.rw-state-disabled:active {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #eeeeee;
  border-color: #ccc;
}
.rw-combobox,
.rw-datetimepicker,
.rw-numberpicker,
.rw-dropdownlist {
  padding-right: 1.9em;
}
.rw-combobox.rw-rtl,
.rw-datetimepicker.rw-rtl,
.rw-numberpicker.rw-rtl,
.rw-dropdownlist.rw-rtl {
  padding-right: 0;
  padding-left: 1.9em;
}
.rw-combobox > .rw-input,
.rw-datetimepicker > .rw-input,
.rw-numberpicker > .rw-input,
.rw-dropdownlist > .rw-input {
  width: 100%;
  border: none;
  outline: 0;
}
.rw-combobox > .rw-input::-moz-placeholder,
.rw-datetimepicker > .rw-input::-moz-placeholder,
.rw-numberpicker > .rw-input::-moz-placeholder,
.rw-dropdownlist > .rw-input::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.rw-combobox > .rw-input:-ms-input-placeholder,
.rw-datetimepicker > .rw-input:-ms-input-placeholder,
.rw-numberpicker > .rw-input:-ms-input-placeholder,
.rw-dropdownlist > .rw-input:-ms-input-placeholder {
  color: #999;
}
.rw-combobox > .rw-input::-webkit-input-placeholder,
.rw-datetimepicker > .rw-input::-webkit-input-placeholder,
.rw-numberpicker > .rw-input::-webkit-input-placeholder,
.rw-dropdownlist > .rw-input::-webkit-input-placeholder {
  color: #999;
}
.rw-placeholder {
  color: #999;
}
.rw-select {
  position: absolute;
  width: 1.9em;
  height: 100%;
  right: 0;
  top: 0;
}
.rw-select.rw-btn,
.rw-select > .rw-btn {
  height: 100%;
  vertical-align: middle;
  outline: 0;
}
.rw-rtl .rw-select {
  left: 0;
  right: auto;
}
.rw-multiselect,
.rw-combobox input.rw-input,
.rw-datetimepicker input.rw-input,
.rw-numberpicker input.rw-input {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.rw-combobox:active,
.rw-datetimepicker:active,
.rw-dropdownlist:active,
.rw-header > .rw-btn:active,
.rw-numberpicker .rw-btn.rw-state-active,
.rw-combobox:active.rw-state-focus,
.rw-datetimepicker:active.rw-state-focus,
.rw-dropdownlist:active.rw-state-focus,
.rw-header > .rw-btn:active.rw-state-focus,
.rw-numberpicker .rw-btn.rw-state-active.rw-state-focus {
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.rw-combobox:hover,
.rw-datetimepicker:hover,
.rw-numberpicker:hover,
.rw-dropdownlist:hover {
  background-color: #e6e6e6;
  border-color: #adadad;
}
.rw-dropdownlist.rw-state-disabled,
.rw-dropdownlist.rw-state-readonly {
  cursor: not-allowed;
}
.rw-dropdownlist > .rw-input {
  line-height: 2.286em;
  background-color: transparent;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rw-dropdownlist.rw-rtl > .rw-input {
  padding: 0.429em 0.857em;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}
.rw-dropdownlist > .rw-select,
.rw-dropdownlist.rw-rtl > .rw-select {
  border-width: 0;
}
.rw-numberpicker .rw-btn {
  display: block;
  height: 1.143em;
  line-height: 1.143em;
  width: 100%;
  border-width: 0;
}
.rw-popup {
  position: absolute;
  -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.2);
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border: #ccc 1px solid;
  background: #fff;
  padding: 2px;
  overflow: auto;
  margin-bottom: 10px;
  left: 10px;
  right: 10px;
}
.rw-dropup > .rw-popup {
  margin-bottom: 0;
  margin-top: 10px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
.rw-popup-container {
  position: absolute;
  top: 100%;
  margin-top: 1px;
  z-index: 1005;
  left: -11px;
  right: -11px;
}
.rw-widget.rw-state-focus .rw-popup-container {
  z-index: 1015;
}
.rw-popup-container.rw-dropup {
  top: auto;
  bottom: 100%;
}
.rw-popup-container.rw-calendar-popup {
  right: auto;
  width: 18em;
}
.rw-datetimepicker .rw-btn {
  width: 1.8em;
}
.rw-datetimepicker.rw-has-neither {
  padding-left: 0;
  padding-right: 0;
}
.rw-datetimepicker.rw-has-neither .rw-input {
  border-radius: 4px;
}
.rw-datetimepicker.rw-has-both {
  padding-right: 3.8em;
}
.rw-datetimepicker.rw-has-both.rw-rtl {
  padding-right: 0;
  padding-left: 3.8em;
}
.rw-datetimepicker.rw-has-both > .rw-select {
  width: 3.8em;
  height: 100%;
}
.rw-calendar {
  background-color: #fff;
}
.rw-calendar thead > tr {
  border-bottom: 2px solid #ccc;
}
.rw-calendar .rw-header {
  padding-bottom: 5px;
}
.rw-calendar .rw-header .rw-btn-left,
.rw-calendar .rw-header .rw-btn-right {
  width: 12.5%;
}
.rw-calendar .rw-header .rw-btn-view {
  width: 75%;
  background-color: #eeeeee;
  border-radius: 4px;
}
.rw-calendar .rw-header .rw-btn-view[disabled] {
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: not-allowed;
}
.rw-calendar .rw-footer {
  border-top: 1px solid #ccc;
}
.rw-calendar .rw-footer .rw-btn {
  width: 100%;
  white-space: normal;
}
.rw-calendar .rw-footer .rw-btn:hover {
  background-color: #e6e6e6;
}
.rw-calendar .rw-footer .rw-btn[disabled] {
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: not-allowed;
}
.rw-calendar-grid {
  outline: none;
  height: 14.28571429em;
  table-layout: fixed;
  width: 100%;
}
.rw-calendar-grid th {
  text-align: right;
  padding: 0 .4em 0 .1em;
}
.rw-calendar-grid .rw-btn {
  width: 100%;
  text-align: right;
}
.rw-calendar-grid td .rw-btn {
  border-radius: 4px;
  padding: 0 .4em 0 .1em;
  outline: 0;
}
.rw-calendar-grid td .rw-btn:hover {
  background-color: #e6e6e6;
}
.rw-calendar-grid td .rw-btn.rw-off-range {
  color: #b3b3b3;
}
.rw-calendar-grid.rw-nav-view .rw-btn {
  padding: .25em 0 .3em;
  display: block;
  overflow: hidden;
  text-align: center;
  white-space: normal;
}
.rw-selectlist {
  padding: 2px;
}
.rw-selectlist > ul {
  height: 100%;
  overflow: auto;
}
.rw-selectlist > ul > li.rw-list-option {
  position: relative;
  min-height: 27px;
  cursor: auto;
  outline: none;
  padding-left: 5px;
}
.rw-selectlist > ul > li.rw-list-option > label > input {
  position: absolute;
  margin: 4px 0 0 -20px;
}
.rw-selectlist > ul > li.rw-list-option > label {
  padding-left: 20px;
  line-height: 1.423em;
  display: inline-block;
}
.rw-selectlist.rw-rtl > ul > li.rw-list-option {
  padding-left: 0;
  padding-right: 5px;
}
.rw-selectlist.rw-rtl > ul > li.rw-list-option > label > input {
  margin: 4px -20px 0 0px;
}
.rw-selectlist.rw-rtl > ul > li.rw-list-option > label {
  padding-left: 0;
  padding-right: 20px;
}
.rw-selectlist.rw-rtl > ul > li.rw-list-option {
  padding-left: 0;
  padding-right: 5px;
}
.rw-selectlist.rw-rtl > ul > li.rw-list-option > label > input {
  margin: 4px -20px 0 0px;
}
.rw-selectlist.rw-rtl > ul > li.rw-list-option > label {
  padding-left: 0;
  padding-right: 20px;
}
.rw-selectlist.rw-state-disabled > ul > li:hover,
.rw-selectlist.rw-state-readonly > ul > li:hover {
  background: none;
  border-color: transparent;
}
.rw-multiselect {
  background-color: #fff;
}
.rw-multiselect:hover {
  border-color: #adadad;
}
.rw-multiselect-wrapper {
  border-radius: 4px;
  position: relative;
  cursor: text;
}
.rw-multiselect-wrapper:before,
.rw-multiselect-wrapper:after {
  content: " ";
  display: table;
}
.rw-multiselect-wrapper:after {
  clear: both;
}
.rw-multiselect-wrapper i.rw-loading {
  position: absolute;
  right: 3px;
}
.rw-multiselect-wrapper > .rw-input {
  outline: 0;
  border-width: 0;
  line-height: normal;
  width: auto;
  max-width: 100%;
}
.rw-multiselect-wrapper > .rw-input::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.rw-multiselect-wrapper > .rw-input:-ms-input-placeholder {
  color: #999;
}
.rw-multiselect-wrapper > .rw-input::-webkit-input-placeholder {
  color: #999;
}
.rw-state-readonly > .rw-multiselect-wrapper,
.rw-state-disabled > .rw-multiselect-wrapper {
  cursor: not-allowed;
}
.rw-rtl .rw-multiselect-wrapper > .rw-input {
  float: right;
}
.rw-multiselect-create-tag {
  border-top: 1px #ccc solid;
  padding-top: 5px;
  margin-top: 5px;
}
.rw-multiselect-taglist {
  margin: 0;
  padding-left: 0;
  list-style: none;
  display: inline;
  padding-right: 0;
}
.rw-multiselect-taglist > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.rw-multiselect-taglist > li {
  display: inline-block;
  margin: 1px;
  padding: 0.214em 0.15em 0.214em 0.4em;
  line-height: 1.4em;
  text-align: center;
  white-space: nowrap;
  border-radius: 3px;
  border: 1px solid #ccc;
  background-color: #ccc;
  cursor: pointer;
}
.rw-multiselect-taglist > li.rw-state-focus {
  background-color: #fff;
  border: #66afe9 1px solid;
  color: #333;
}
.rw-multiselect-taglist > li.rw-state-readonly,
.rw-multiselect-taglist > li.rw-state-disabled,
.rw-multiselect.rw-state-readonly .rw-multiselect-taglist > li,
.rw-multiselect.rw-state-disabled .rw-multiselect-taglist > li {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: .65;
}
.rw-multiselect-taglist > li .rw-btn {
  outline: 0;
  font-size: 115%;
  line-height: normal;
}
.rw-rtl .rw-multiselect-taglist > li {
  float: right;
}