@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500);@import url(https://fonts.googleapis.com/css?family=EB+Garamond);@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500);@import url(https://fonts.googleapis.com/css?family=EB+Garamond);.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;
}
/* 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;
}
@charset "UTF-8";
/* darker green : #4f945e */
@media screen {
  p {
    margin-bottom: 1em;
  }
  a {
    text-decoration: none;
    cursor: pointer;
  }
  a:hover {
    text-decoration: underline;
  }
  *::selection {
    color: white;
    background: #E52330;
  }
  *::-moz-selection {
    color: white;
    background: #E52330;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .capitalize-first-letter {
    display: inline-block;
  }
  .capitalize-first-letter::first-letter {
    font-size: 150%;
    font-weight: 300;
  }
  .center {
    text-align: center;
  }
}

@media screen {
  * {
    margin: 0;
    padding: 0;
  }
  html, body {
    width: 100%;
    min-height: 100%;
  }
  body {
    font-family: 'EB Garamond', Arial, sans-serif;
    color: #646362;
    background-color: white;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.025em;
    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);
  }
  .main-content {
    padding-top: 180px;
  }
}

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

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

@media screen and (max-width: 800px) {
  body {
    font-size: 17px;
  }
  .main-content {
    padding-top: 60px;
  }
}

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

/*** BEGIN CSS ***/
/*** RESPONSIVE ***/
@media screen {
  /*** LAYOUT ***/
  .container {
    width: 1370px;
    margin: 0 auto;
    overflow: hidden;
  }
  .container .row {
    margin: 0 calc(-1 * 40px / 2);
  }
  .row {
    overflow: hidden;
  }
  /*** fluid cols ***/
  .full-col {
    width: 100%;
    min-height: 1px;
    padding: 0 calc(40px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .five-sixth-col {
    /*width: calc(100% * 5 / 6 - 40px);*/
    width: calc(100% * 5 / 6);
    float: left;
    min-height: 1px;
    padding: 0 calc(40px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .three-quarter-col {
    /*width: calc(75% - 40px);*/
    width: 75%;
    float: left;
    min-height: 1px;
    padding: 0 calc(40px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .two-third-col {
    width: calc(100% * 2 / 3);
    float: left;
    min-height: 1px;
    padding: 0 calc(40px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-half-col {
    /*width: calc(50% - 40px);*/
    width: 50%;
    float: left;
    min-height: 1px;
    padding: 0 calc(40px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-third-col {
    width: calc(100% / 3);
    float: left;
    min-height: 1px;
    padding: 0 calc(40px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-quarter-col {
    /*width: calc(25% - 40px);*/
    width: 25%;
    float: left;
    min-height: 1px;
    padding: 0 calc(40px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-fifth-col {
    /*width: calc(20% - 40px);*/
    width: 20%;
    float: left;
    min-height: 1px;
    padding: 0 calc(40px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-sixth-col {
    /*width: calc(100% / 6 - 40px);*/
    width: calc(100% / 6);
    float: left;
    min-height: 1px;
    padding: 0 calc(40px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-twelfth-col {
    /*width: calc(100% / 12 - 40px);*/
    width: calc(100% / 12);
    float: left;
    min-height: 1px;
    padding: 0 calc(40px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  /*** slideshow (container with non fixed width) cols ***/
  .slideshow-row .five-sixth-col {
    /*width: calc((1370px + 40px) * 5 / 6 - 40px);*/
    width: calc((1370px + 40px) * 5 / 6);
  }
  .slideshow-row .three-quarter-col {
    /*width: calc((75 * (1370px + 40px)) / 100 - 40px);*/
    width: calc((75 * (1370px + 40px)) / 100);
  }
  .slideshow-row .two-third-col {
    /* width: calc((1370px + 40px) * 2 / 3 - 40px); */
    width: calc((1370px + 40px) * 2 / 3);
  }
  .slideshow-row .one-half-col {
    /* width: calc((50 * (1370px + 40px)) / 100 - 40px); */
    width: calc((50 * (1370px + 40px)) / 100);
  }
  .slideshow-row .one-third-col {
    /* width: calc((1370px + 40px) / 3 - 40px); */
    width: calc((1370px + 40px) / 3);
  }
  .slideshow-row .one-quarter-col {
    /* width: calc((25 * (1370px + 40px)) / 100 - 40px); */
    width: calc((25 * (1370px + 40px)) / 100);
  }
  .slideshow-row .one-fifth-col {
    /* width: calc((20 * (1370px + 40px)) / 100 - 40px); */
    width: calc((20 * (1370px + 40px)) / 100);
  }
  .slideshow-row .one-sixth-col {
    /* width: calc((1370px + 40px) / 6 - 40px); */
    width: calc((1370px + 40px) / 6);
  }
  .slideshow-row .one-twelfth-col {
    /* width: calc(((1370px + 40px) / 12) / 100 - 40px); */
    width: calc(((1370px + 40px) / 12) / 100);
  }
  /*** inner cols padding ***/
  .container .row .two-third-col .one-half-col {
    /*width: calc(75% - (40px / 2));*/
    width: 75%;
  }
  .container .row .two-third-col .one-third-col {
    /* width: calc(50% - (40px / 2)); */
    width: 50%;
  }
  .container .row .two-third-col .one-sixth-col {
    /* width: calc(25% - (40px / 2)); */
    width: 25%;
  }
  .container .row .two-third-col .inner-col:first-child {
    padding-left: 0;
  }
  .container .row .two-third-col .inner-col:last-child {
    padding-right: 0;
  }
  .container .row .one-third-col .one-sixth-col {
    /* width: calc(50% - (40px / 2)); */
    width: 50%;
  }
  .container .row .one-third-col .inner-col:first-child {
    padding-left: 0;
  }
  .container .row .one-third-col .inner-col:last-child {
    padding-right: 0;
  }
  /*** special inner slider cols ***/
  .container .row .two-third-col .slideshow-container {
    /*	.one-third-col {
						width: calc((1370px + 40px) / 3);
					}*/
  }
  .container .row .two-third-col .slideshow-container .inner-col:first-child {
    padding-left: 20px;
  }
  .container .row .two-third-col .slideshow-container .inner-col:last-child {
    padding-right: 20px;
  }
  /*** exceptions and gutter width dependant ***/
  .slideshow-container .slideshow-row .content-slider .slick-prev, .slideshow-container .slideshow-row .content-slider .slick-next {
    width: 40px;
  }
  .slideshow-container .slideshow-row .content-slider .slick-prev svg, .slideshow-container .slideshow-row .content-slider .slick-next svg {
    height: 40px !important;
    width: 40px !important;
    margin-top: -20px;
  }
  .slideshow-container .slideshow-row .content-slider .slick-prev {
    left: -20px;
  }
  .slideshow-container .slideshow-row .content-slider .slick-next {
    right: -20px;
  }
  .video-contents-full-box .two-third-col, .video-contents-full-box .one-third-col {
    float: none;
    position: relative;
    padding: 0;
    margin: 0 20px;
  }
  .video-contents-full-box .two-third-col {
    width: calc((100% * 2 / 3) - 40px);
  }
  .video-contents-full-box .one-third-col {
    width: calc((100% / 3) - 40px);
  }
  .fluid-container {
    width: 100%;
    overflow: hidden;
  }
  .fluid-container .five-sixth-col {
    width: calc(100% * 5 / 6);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .three-quarter-col {
    width: 75%;
  }
  .fluid-container .two-third-col {
    width: calc(100% * 2 / 3);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-half-col {
    width: 50%;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-third-col {
    width: calc(100% / 3);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-quarter-col {
    width: 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;
  }
  .fluid-container .one-fifth-col {
    width: 20%;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-sixth-col {
    width: calc(100% / 6);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-twelfth-col {
    width: calc(100% / 12);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container .non-guttered-row {
    margin: 0;
  }
  .container .non-guttered-row .five-sixth-col {
    width: calc(100% * 5 / 6);
    padding: 0;
  }
  .container .non-guttered-row .three-quarter-col {
    width: 75%;
    padding: 0;
  }
  .container .non-guttered-row .two-third-col {
    width: calc(100% * 2 / 3);
    padding: 0;
  }
  .container .non-guttered-row .one-half-col {
    width: 50%;
    padding: 0;
  }
  .container .non-guttered-row .one-third-col {
    width: calc(100% / 3);
    padding: 0;
  }
  .container .non-guttered-row .one-quarter-col {
    width: 25%;
    padding: 0;
  }
  .container .non-guttered-row .one-fifth-col {
    width: 20%;
    padding: 0;
  }
  .container .non-guttered-row .one-sixth-col {
    width: calc(100% / 6);
    padding: 0;
  }
  .container .non-guttered-row .one-twelfth-col {
    width: calc(100% / 12);
    padding: 0;
  }
  /*** overflowing ***/
  .wrapper {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  /*** other layout styles ***/
  .left {
    float: left;
  }
  .right {
    float: right;
  }
  .cancel-floating {
    float: none;
  }
  .clear {
    clear: both;
  }
  .centered-block {
    margin: 0 auto;
  }
}

@media screen and (max-width: 1470px) {
  /*** LAYOUT ***/
  .container {
    width: 1170px;
    margin: 0 auto;
    overflow: hidden;
  }
  .container .row {
    margin: 0 calc(-1 * 30px / 2);
  }
  .row {
    overflow: hidden;
  }
  /*** fluid cols ***/
  .full-col {
    width: 100%;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .five-sixth-col {
    /*width: calc(100% * 5 / 6 - 30px);*/
    width: calc(100% * 5 / 6);
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .three-quarter-col {
    /*width: calc(75% - 30px);*/
    width: 75%;
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .two-third-col {
    width: calc(100% * 2 / 3);
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-half-col {
    /*width: calc(50% - 30px);*/
    width: 50%;
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-third-col {
    width: calc(100% / 3);
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-quarter-col {
    /*width: calc(25% - 30px);*/
    width: 25%;
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-fifth-col {
    /*width: calc(20% - 30px);*/
    width: 20%;
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-sixth-col {
    /*width: calc(100% / 6 - 30px);*/
    width: calc(100% / 6);
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-twelfth-col {
    /*width: calc(100% / 12 - 30px);*/
    width: calc(100% / 12);
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  /*** slideshow (container with non fixed width) cols ***/
  .slideshow-row .five-sixth-col {
    /*width: calc((1170px + 30px) * 5 / 6 - 30px);*/
    width: calc((1170px + 30px) * 5 / 6);
  }
  .slideshow-row .three-quarter-col {
    /*width: calc((75 * (1170px + 30px)) / 100 - 30px);*/
    width: calc((75 * (1170px + 30px)) / 100);
  }
  .slideshow-row .two-third-col {
    /* width: calc((1170px + 30px) * 2 / 3 - 30px); */
    width: calc((1170px + 30px) * 2 / 3);
  }
  .slideshow-row .one-half-col {
    /* width: calc((50 * (1170px + 30px)) / 100 - 30px); */
    width: calc((50 * (1170px + 30px)) / 100);
  }
  .slideshow-row .one-third-col {
    /* width: calc((1170px + 30px) / 3 - 30px); */
    width: calc((1170px + 30px) / 3);
  }
  .slideshow-row .one-quarter-col {
    /* width: calc((25 * (1170px + 30px)) / 100 - 30px); */
    width: calc((25 * (1170px + 30px)) / 100);
  }
  .slideshow-row .one-fifth-col {
    /* width: calc((20 * (1170px + 30px)) / 100 - 30px); */
    width: calc((20 * (1170px + 30px)) / 100);
  }
  .slideshow-row .one-sixth-col {
    /* width: calc((1170px + 30px) / 6 - 30px); */
    width: calc((1170px + 30px) / 6);
  }
  .slideshow-row .one-twelfth-col {
    /* width: calc(((1170px + 30px) / 12) / 100 - 30px); */
    width: calc(((1170px + 30px) / 12) / 100);
  }
  /*** inner cols padding ***/
  .container .row .two-third-col .one-half-col {
    /*width: calc(75% - (30px / 2));*/
    width: 75%;
  }
  .container .row .two-third-col .one-third-col {
    /* width: calc(50% - (30px / 2)); */
    width: 50%;
  }
  .container .row .two-third-col .one-sixth-col {
    /* width: calc(25% - (30px / 2)); */
    width: 25%;
  }
  .container .row .two-third-col .inner-col:first-child {
    padding-left: 0;
  }
  .container .row .two-third-col .inner-col:last-child {
    padding-right: 0;
  }
  .container .row .one-third-col .one-sixth-col {
    /* width: calc(50% - (30px / 2)); */
    width: 50%;
  }
  .container .row .one-third-col .inner-col:first-child {
    padding-left: 0;
  }
  .container .row .one-third-col .inner-col:last-child {
    padding-right: 0;
  }
  /*** special inner slider cols ***/
  .container .row .two-third-col .slideshow-container {
    /*	.one-third-col {
						width: calc((1170px + 30px) / 3);
					}*/
  }
  .container .row .two-third-col .slideshow-container .inner-col:first-child {
    padding-left: 15px;
  }
  .container .row .two-third-col .slideshow-container .inner-col:last-child {
    padding-right: 15px;
  }
  /*** exceptions and gutter width dependant ***/
  .slideshow-container .slideshow-row .content-slider .slick-prev, .slideshow-container .slideshow-row .content-slider .slick-next {
    width: 30px;
  }
  .slideshow-container .slideshow-row .content-slider .slick-prev svg, .slideshow-container .slideshow-row .content-slider .slick-next svg {
    height: 30px !important;
    width: 30px !important;
    margin-top: -15px;
  }
  .slideshow-container .slideshow-row .content-slider .slick-prev {
    left: -15px;
  }
  .slideshow-container .slideshow-row .content-slider .slick-next {
    right: -15px;
  }
  .video-contents-full-box .two-third-col, .video-contents-full-box .one-third-col {
    float: none;
    position: relative;
    padding: 0;
    margin: 0 15px;
  }
  .video-contents-full-box .two-third-col {
    width: calc((100% * 2 / 3) - 30px);
  }
  .video-contents-full-box .one-third-col {
    width: calc((100% / 3) - 30px);
  }
  .fluid-container {
    width: 100%;
    overflow: hidden;
  }
  .fluid-container .five-sixth-col {
    width: calc(100% * 5 / 6);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .three-quarter-col {
    width: 75%;
  }
  .fluid-container .two-third-col {
    width: calc(100% * 2 / 3);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-half-col {
    width: 50%;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-third-col {
    width: calc(100% / 3);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-quarter-col {
    width: 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;
  }
  .fluid-container .one-fifth-col {
    width: 20%;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-sixth-col {
    width: calc(100% / 6);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-twelfth-col {
    width: calc(100% / 12);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container .non-guttered-row {
    margin: 0;
  }
  .container .non-guttered-row .five-sixth-col {
    width: calc(100% * 5 / 6);
    padding: 0;
  }
  .container .non-guttered-row .three-quarter-col {
    width: 75%;
    padding: 0;
  }
  .container .non-guttered-row .two-third-col {
    width: calc(100% * 2 / 3);
    padding: 0;
  }
  .container .non-guttered-row .one-half-col {
    width: 50%;
    padding: 0;
  }
  .container .non-guttered-row .one-third-col {
    width: calc(100% / 3);
    padding: 0;
  }
  .container .non-guttered-row .one-quarter-col {
    width: 25%;
    padding: 0;
  }
  .container .non-guttered-row .one-fifth-col {
    width: 20%;
    padding: 0;
  }
  .container .non-guttered-row .one-sixth-col {
    width: calc(100% / 6);
    padding: 0;
  }
  .container .non-guttered-row .one-twelfth-col {
    width: calc(100% / 12);
    padding: 0;
  }
}

@media screen and (max-width: 1250px) {
  /*** LAYOUT ***/
  .container {
    width: 940px;
    margin: 0 auto;
    overflow: hidden;
  }
  .container .row {
    margin: 0 calc(-1 * 30px / 2);
  }
  .row {
    overflow: hidden;
  }
  /*** fluid cols ***/
  .full-col {
    width: 100%;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .five-sixth-col {
    /*width: calc(100% * 5 / 6 - 30px);*/
    width: calc(100% * 5 / 6);
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .three-quarter-col {
    /*width: calc(75% - 30px);*/
    width: 75%;
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .two-third-col {
    width: calc(100% * 2 / 3);
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-half-col {
    /*width: calc(50% - 30px);*/
    width: 50%;
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-third-col {
    width: calc(100% / 3);
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-quarter-col {
    /*width: calc(25% - 30px);*/
    width: 25%;
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-fifth-col {
    /*width: calc(20% - 30px);*/
    width: 20%;
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-sixth-col {
    /*width: calc(100% / 6 - 30px);*/
    width: calc(100% / 6);
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-twelfth-col {
    /*width: calc(100% / 12 - 30px);*/
    width: calc(100% / 12);
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  /*** slideshow (container with non fixed width) cols ***/
  .slideshow-row .five-sixth-col {
    /*width: calc((940px + 30px) * 5 / 6 - 30px);*/
    width: calc((940px + 30px) * 5 / 6);
  }
  .slideshow-row .three-quarter-col {
    /*width: calc((75 * (940px + 30px)) / 100 - 30px);*/
    width: calc((75 * (940px + 30px)) / 100);
  }
  .slideshow-row .two-third-col {
    /* width: calc((940px + 30px) * 2 / 3 - 30px); */
    width: calc((940px + 30px) * 2 / 3);
  }
  .slideshow-row .one-half-col {
    /* width: calc((50 * (940px + 30px)) / 100 - 30px); */
    width: calc((50 * (940px + 30px)) / 100);
  }
  .slideshow-row .one-third-col {
    /* width: calc((940px + 30px) / 3 - 30px); */
    width: calc((940px + 30px) / 3);
  }
  .slideshow-row .one-quarter-col {
    /* width: calc((25 * (940px + 30px)) / 100 - 30px); */
    width: calc((25 * (940px + 30px)) / 100);
  }
  .slideshow-row .one-fifth-col {
    /* width: calc((20 * (940px + 30px)) / 100 - 30px); */
    width: calc((20 * (940px + 30px)) / 100);
  }
  .slideshow-row .one-sixth-col {
    /* width: calc((940px + 30px) / 6 - 30px); */
    width: calc((940px + 30px) / 6);
  }
  .slideshow-row .one-twelfth-col {
    /* width: calc(((940px + 30px) / 12) / 100 - 30px); */
    width: calc(((940px + 30px) / 12) / 100);
  }
  /*** inner cols padding ***/
  .container .row .two-third-col .one-half-col {
    /*width: calc(75% - (30px / 2));*/
    width: 75%;
  }
  .container .row .two-third-col .one-third-col {
    /* width: calc(50% - (30px / 2)); */
    width: 50%;
  }
  .container .row .two-third-col .one-sixth-col {
    /* width: calc(25% - (30px / 2)); */
    width: 25%;
  }
  .container .row .two-third-col .inner-col:first-child {
    padding-left: 0;
  }
  .container .row .two-third-col .inner-col:last-child {
    padding-right: 0;
  }
  .container .row .one-third-col .one-sixth-col {
    /* width: calc(50% - (30px / 2)); */
    width: 50%;
  }
  .container .row .one-third-col .inner-col:first-child {
    padding-left: 0;
  }
  .container .row .one-third-col .inner-col:last-child {
    padding-right: 0;
  }
  /*** special inner slider cols ***/
  .container .row .two-third-col .slideshow-container {
    /*	.one-third-col {
						width: calc((940px + 30px) / 3);
					}*/
  }
  .container .row .two-third-col .slideshow-container .inner-col:first-child {
    padding-left: 15px;
  }
  .container .row .two-third-col .slideshow-container .inner-col:last-child {
    padding-right: 15px;
  }
  /*** exceptions and gutter width dependant ***/
  .slideshow-container .slideshow-row .content-slider .slick-prev, .slideshow-container .slideshow-row .content-slider .slick-next {
    width: 30px;
  }
  .slideshow-container .slideshow-row .content-slider .slick-prev svg, .slideshow-container .slideshow-row .content-slider .slick-next svg {
    height: 30px !important;
    width: 30px !important;
    margin-top: -15px;
  }
  .slideshow-container .slideshow-row .content-slider .slick-prev {
    left: -15px;
  }
  .slideshow-container .slideshow-row .content-slider .slick-next {
    right: -15px;
  }
  .video-contents-full-box .two-third-col, .video-contents-full-box .one-third-col {
    float: none;
    position: relative;
    padding: 0;
    margin: 0 15px;
  }
  .video-contents-full-box .two-third-col {
    width: calc((100% * 2 / 3) - 30px);
  }
  .video-contents-full-box .one-third-col {
    width: calc((100% / 3) - 30px);
  }
  .fluid-container {
    width: 100%;
    overflow: hidden;
  }
  .fluid-container .five-sixth-col {
    width: calc(100% * 5 / 6);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .three-quarter-col {
    width: 75%;
  }
  .fluid-container .two-third-col {
    width: calc(100% * 2 / 3);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-half-col {
    width: 50%;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-third-col {
    width: calc(100% / 3);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-quarter-col {
    width: 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;
  }
  .fluid-container .one-fifth-col {
    width: 20%;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-sixth-col {
    width: calc(100% / 6);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-twelfth-col {
    width: calc(100% / 12);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container .non-guttered-row {
    margin: 0;
  }
  .container .non-guttered-row .five-sixth-col {
    width: calc(100% * 5 / 6);
    padding: 0;
  }
  .container .non-guttered-row .three-quarter-col {
    width: 75%;
    padding: 0;
  }
  .container .non-guttered-row .two-third-col {
    width: calc(100% * 2 / 3);
    padding: 0;
  }
  .container .non-guttered-row .one-half-col {
    width: 50%;
    padding: 0;
  }
  .container .non-guttered-row .one-third-col {
    width: calc(100% / 3);
    padding: 0;
  }
  .container .non-guttered-row .one-quarter-col {
    width: 25%;
    padding: 0;
  }
  .container .non-guttered-row .one-fifth-col {
    width: 20%;
    padding: 0;
  }
  .container .non-guttered-row .one-sixth-col {
    width: calc(100% / 6);
    padding: 0;
  }
  .container .non-guttered-row .one-twelfth-col {
    width: calc(100% / 12);
    padding: 0;
  }
}

@media screen and (max-width: 1020px) {
  /*** LAYOUT ***/
  .container {
    width: 750px;
    margin: 0 auto;
    overflow: hidden;
  }
  .container .row {
    margin: 0 calc(-1 * 20px / 2);
  }
  .row {
    overflow: hidden;
  }
  /*** fluid cols ***/
  .full-col {
    width: 100%;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .five-sixth-col {
    /*width: calc(100% * 5 / 6 - 20px);*/
    width: calc(100% * 5 / 6);
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .three-quarter-col {
    /*width: calc(75% - 20px);*/
    width: 75%;
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .two-third-col {
    width: calc(100% * 2 / 3);
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-half-col {
    /*width: calc(50% - 20px);*/
    width: 50%;
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-third-col {
    width: calc(100% / 3);
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-quarter-col {
    /*width: calc(25% - 20px);*/
    width: 25%;
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-fifth-col {
    /*width: calc(20% - 20px);*/
    width: 20%;
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-sixth-col {
    /*width: calc(100% / 6 - 20px);*/
    width: calc(100% / 6);
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-twelfth-col {
    /*width: calc(100% / 12 - 20px);*/
    width: calc(100% / 12);
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  /*** slideshow (container with non fixed width) cols ***/
  .slideshow-row .five-sixth-col {
    /*width: calc((750px + 20px) * 5 / 6 - 20px);*/
    width: calc((750px + 20px) * 5 / 6);
  }
  .slideshow-row .three-quarter-col {
    /*width: calc((75 * (750px + 20px)) / 100 - 20px);*/
    width: calc((75 * (750px + 20px)) / 100);
  }
  .slideshow-row .two-third-col {
    /* width: calc((750px + 20px) * 2 / 3 - 20px); */
    width: calc((750px + 20px) * 2 / 3);
  }
  .slideshow-row .one-half-col {
    /* width: calc((50 * (750px + 20px)) / 100 - 20px); */
    width: calc((50 * (750px + 20px)) / 100);
  }
  .slideshow-row .one-third-col {
    /* width: calc((750px + 20px) / 3 - 20px); */
    width: calc((750px + 20px) / 3);
  }
  .slideshow-row .one-quarter-col {
    /* width: calc((25 * (750px + 20px)) / 100 - 20px); */
    width: calc((25 * (750px + 20px)) / 100);
  }
  .slideshow-row .one-fifth-col {
    /* width: calc((20 * (750px + 20px)) / 100 - 20px); */
    width: calc((20 * (750px + 20px)) / 100);
  }
  .slideshow-row .one-sixth-col {
    /* width: calc((750px + 20px) / 6 - 20px); */
    width: calc((750px + 20px) / 6);
  }
  .slideshow-row .one-twelfth-col {
    /* width: calc(((750px + 20px) / 12) / 100 - 20px); */
    width: calc(((750px + 20px) / 12) / 100);
  }
  /*** inner cols padding ***/
  .container .row .two-third-col .one-half-col {
    /*width: calc(75% - (20px / 2));*/
    width: 75%;
  }
  .container .row .two-third-col .one-third-col {
    /* width: calc(50% - (20px / 2)); */
    width: 50%;
  }
  .container .row .two-third-col .one-sixth-col {
    /* width: calc(25% - (20px / 2)); */
    width: 25%;
  }
  .container .row .two-third-col .inner-col:first-child {
    padding-left: 0;
  }
  .container .row .two-third-col .inner-col:last-child {
    padding-right: 0;
  }
  .container .row .one-third-col .one-sixth-col {
    /* width: calc(50% - (20px / 2)); */
    width: 50%;
  }
  .container .row .one-third-col .inner-col:first-child {
    padding-left: 0;
  }
  .container .row .one-third-col .inner-col:last-child {
    padding-right: 0;
  }
  /*** special inner slider cols ***/
  .container .row .two-third-col .slideshow-container {
    /*	.one-third-col {
						width: calc((750px + 20px) / 3);
					}*/
  }
  .container .row .two-third-col .slideshow-container .inner-col:first-child {
    padding-left: 10px;
  }
  .container .row .two-third-col .slideshow-container .inner-col:last-child {
    padding-right: 10px;
  }
  /*** exceptions and gutter width dependant ***/
  .slideshow-container .slideshow-row .content-slider .slick-prev, .slideshow-container .slideshow-row .content-slider .slick-next {
    width: 20px;
  }
  .slideshow-container .slideshow-row .content-slider .slick-prev svg, .slideshow-container .slideshow-row .content-slider .slick-next svg {
    height: 20px !important;
    width: 20px !important;
    margin-top: -10px;
  }
  .slideshow-container .slideshow-row .content-slider .slick-prev {
    left: -10px;
  }
  .slideshow-container .slideshow-row .content-slider .slick-next {
    right: -10px;
  }
  .video-contents-full-box .two-third-col, .video-contents-full-box .one-third-col {
    float: none;
    position: relative;
    padding: 0;
    margin: 0 10px;
  }
  .video-contents-full-box .two-third-col {
    width: calc((100% * 2 / 3) - 20px);
  }
  .video-contents-full-box .one-third-col {
    width: calc((100% / 3) - 20px);
  }
  .fluid-container {
    width: 100%;
    overflow: hidden;
  }
  .fluid-container .five-sixth-col {
    width: calc(100% * 5 / 6);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .three-quarter-col {
    width: 75%;
  }
  .fluid-container .two-third-col {
    width: calc(100% * 2 / 3);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-half-col {
    width: 50%;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-third-col {
    width: calc(100% / 3);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-quarter-col {
    width: 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;
  }
  .fluid-container .one-fifth-col {
    width: 20%;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-sixth-col {
    width: calc(100% / 6);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-twelfth-col {
    width: calc(100% / 12);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container .non-guttered-row {
    margin: 0;
  }
  .container .non-guttered-row .five-sixth-col {
    width: calc(100% * 5 / 6);
    padding: 0;
  }
  .container .non-guttered-row .three-quarter-col {
    width: 75%;
    padding: 0;
  }
  .container .non-guttered-row .two-third-col {
    width: calc(100% * 2 / 3);
    padding: 0;
  }
  .container .non-guttered-row .one-half-col {
    width: 50%;
    padding: 0;
  }
  .container .non-guttered-row .one-third-col {
    width: calc(100% / 3);
    padding: 0;
  }
  .container .non-guttered-row .one-quarter-col {
    width: 25%;
    padding: 0;
  }
  .container .non-guttered-row .one-fifth-col {
    width: 20%;
    padding: 0;
  }
  .container .non-guttered-row .one-sixth-col {
    width: calc(100% / 6);
    padding: 0;
  }
  .container .non-guttered-row .one-twelfth-col {
    width: calc(100% / 12);
    padding: 0;
  }
}

@media screen and (max-width: 800px) {
  /*** LAYOUT ***/
  .container {
    width: auto;
    margin: 0 auto;
    overflow: hidden;
  }
  .container .row {
    margin: 0 calc(-1 * 20px / 2);
  }
  .row {
    overflow: hidden;
  }
  /*** fluid cols ***/
  .full-col {
    width: 100%;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .five-sixth-col {
    /*width: calc(100% * 5 / 6 - 20px);*/
    width: calc(100% * 5 / 6);
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .three-quarter-col {
    /*width: calc(75% - 20px);*/
    width: 75%;
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .two-third-col {
    width: calc(100% * 2 / 3);
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-half-col {
    /*width: calc(50% - 20px);*/
    width: 50%;
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-third-col {
    width: calc(100% / 3);
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-quarter-col {
    /*width: calc(25% - 20px);*/
    width: 25%;
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-fifth-col {
    /*width: calc(20% - 20px);*/
    width: 20%;
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-sixth-col {
    /*width: calc(100% / 6 - 20px);*/
    width: calc(100% / 6);
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-twelfth-col {
    /*width: calc(100% / 12 - 20px);*/
    width: calc(100% / 12);
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  /*** slideshow (container with non fixed width) cols ***/
  .slideshow-row .five-sixth-col {
    /*width: calc((auto + 20px) * 5 / 6 - 20px);*/
    width: calc((auto + 20px) * 5 / 6);
  }
  .slideshow-row .three-quarter-col {
    /*width: calc((75 * (auto + 20px)) / 100 - 20px);*/
    width: calc((75 * (auto + 20px)) / 100);
  }
  .slideshow-row .two-third-col {
    /* width: calc((auto + 20px) * 2 / 3 - 20px); */
    width: calc((auto + 20px) * 2 / 3);
  }
  .slideshow-row .one-half-col {
    /* width: calc((50 * (auto + 20px)) / 100 - 20px); */
    width: calc((50 * (auto + 20px)) / 100);
  }
  .slideshow-row .one-third-col {
    /* width: calc((auto + 20px) / 3 - 20px); */
    width: calc((auto + 20px) / 3);
  }
  .slideshow-row .one-quarter-col {
    /* width: calc((25 * (auto + 20px)) / 100 - 20px); */
    width: calc((25 * (auto + 20px)) / 100);
  }
  .slideshow-row .one-fifth-col {
    /* width: calc((20 * (auto + 20px)) / 100 - 20px); */
    width: calc((20 * (auto + 20px)) / 100);
  }
  .slideshow-row .one-sixth-col {
    /* width: calc((auto + 20px) / 6 - 20px); */
    width: calc((auto + 20px) / 6);
  }
  .slideshow-row .one-twelfth-col {
    /* width: calc(((auto + 20px) / 12) / 100 - 20px); */
    width: calc(((auto + 20px) / 12) / 100);
  }
  /*** inner cols padding ***/
  .container .row .two-third-col .one-half-col {
    /*width: calc(75% - (20px / 2));*/
    width: 75%;
  }
  .container .row .two-third-col .one-third-col {
    /* width: calc(50% - (20px / 2)); */
    width: 50%;
  }
  .container .row .two-third-col .one-sixth-col {
    /* width: calc(25% - (20px / 2)); */
    width: 25%;
  }
  .container .row .two-third-col .inner-col:first-child {
    padding-left: 0;
  }
  .container .row .two-third-col .inner-col:last-child {
    padding-right: 0;
  }
  .container .row .one-third-col .one-sixth-col {
    /* width: calc(50% - (20px / 2)); */
    width: 50%;
  }
  .container .row .one-third-col .inner-col:first-child {
    padding-left: 0;
  }
  .container .row .one-third-col .inner-col:last-child {
    padding-right: 0;
  }
  /*** special inner slider cols ***/
  .container .row .two-third-col .slideshow-container {
    /*	.one-third-col {
						width: calc((auto + 20px) / 3);
					}*/
  }
  .container .row .two-third-col .slideshow-container .inner-col:first-child {
    padding-left: 10px;
  }
  .container .row .two-third-col .slideshow-container .inner-col:last-child {
    padding-right: 10px;
  }
  /*** exceptions and gutter width dependant ***/
  .slideshow-container .slideshow-row .content-slider .slick-prev, .slideshow-container .slideshow-row .content-slider .slick-next {
    width: 20px;
  }
  .slideshow-container .slideshow-row .content-slider .slick-prev svg, .slideshow-container .slideshow-row .content-slider .slick-next svg {
    height: 20px !important;
    width: 20px !important;
    margin-top: -10px;
  }
  .slideshow-container .slideshow-row .content-slider .slick-prev {
    left: -10px;
  }
  .slideshow-container .slideshow-row .content-slider .slick-next {
    right: -10px;
  }
  .video-contents-full-box .two-third-col, .video-contents-full-box .one-third-col {
    float: none;
    position: relative;
    padding: 0;
    margin: 0 10px;
  }
  .video-contents-full-box .two-third-col {
    width: calc((100% * 2 / 3) - 20px);
  }
  .video-contents-full-box .one-third-col {
    width: calc((100% / 3) - 20px);
  }
  .fluid-container {
    width: 100%;
    overflow: hidden;
  }
  .fluid-container .five-sixth-col {
    width: calc(100% * 5 / 6);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .three-quarter-col {
    width: 75%;
  }
  .fluid-container .two-third-col {
    width: calc(100% * 2 / 3);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-half-col {
    width: 50%;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-third-col {
    width: calc(100% / 3);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-quarter-col {
    width: 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;
  }
  .fluid-container .one-fifth-col {
    width: 20%;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-sixth-col {
    width: calc(100% / 6);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-twelfth-col {
    width: calc(100% / 12);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container .non-guttered-row {
    margin: 0;
  }
  .container .non-guttered-row .five-sixth-col {
    width: calc(100% * 5 / 6);
    padding: 0;
  }
  .container .non-guttered-row .three-quarter-col {
    width: 75%;
    padding: 0;
  }
  .container .non-guttered-row .two-third-col {
    width: calc(100% * 2 / 3);
    padding: 0;
  }
  .container .non-guttered-row .one-half-col {
    width: 50%;
    padding: 0;
  }
  .container .non-guttered-row .one-third-col {
    width: calc(100% / 3);
    padding: 0;
  }
  .container .non-guttered-row .one-quarter-col {
    width: 25%;
    padding: 0;
  }
  .container .non-guttered-row .one-fifth-col {
    width: 20%;
    padding: 0;
  }
  .container .non-guttered-row .one-sixth-col {
    width: calc(100% / 6);
    padding: 0;
  }
  .container .non-guttered-row .one-twelfth-col {
    width: calc(100% / 12);
    padding: 0;
  }
  .container {
    margin-left: 20px;
    margin-right: 20px;
  }
  .slideshow-container {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  .slideshow-container .slideshow-row {
    margin-left: -10px;
    margin-right: -10px;
  }
  .slideshow-container .slideshow-row .slideshow-container {
    padding-left: 0;
    padding-right: 0;
  }
  .slideshow-container .slideshow-row .slideshow-container .slideshow-row {
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (max-width: 480px) {
  .container {
    margin-left: 10px;
    margin-right: 10px;
  }
  .slideshow-container {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .slideshow-container .slideshow-row {
    margin-left: -10px;
    margin-right: -10px;
  }
  .slideshow-container .slideshow-row .slideshow-container {
    padding-left: 0;
    padding-right: 0;
  }
  .slideshow-container .slideshow-row .slideshow-container .slideshow-row {
    margin-left: 0;
    margin-right: 0;
  }
}

/* Does not work because of relative imports webpack less loader bug */
/* Used pre-compiled CSS instead... */
/*@import 'elemental/less/elemental.less';*/
/*@import 'reactabular.css';*/
@media screen {
  /*** admin layout ***/
  .admin-container {
    width: 100%;
    overflow: hidden;
    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 .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 .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 .input-text {
    font-family: 'Open Sans', Verdana, sans-serif !important;
  }
  .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;
    background: white;
    border: 1px solid #d22a2a;
    color: #d22a2a;
    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: #d65b5b;
    color: white;
  }
  .admin-container .input-submit:hover {
    background: #d22a2a;
    color: white;
  }
  .admin-container hr {
    margin-top: 1em;
  }
  .admin-page {
    font-family: 'Roboto', Verdana, sans-serif !important;
    font-size: 14px;
  }
  .error {
    color: red;
  }
  .success {
    color: green;
  }
  .barred {
    text-decoration: line-through;
    opacity: 0.4;
  }
  /*.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 .admin-main-menu-item {
    display: block;
    text-decoration: none;
    color: white;
    /*background: #e57373;*/
    background: #f47e7e;
    padding: 0.5em 0.75em;
    font-weight: 500;
    line-height: 1.5em;
    overflow: hidden;
    vertical-align: middle;
    border-radius: 4px;
    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:hover, .admin-main-menu ul li .admin-main-menu-item.active {
    /*background: #b71c1c;*/
    background: #d22a2a;
  }
  .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: #333;
    padding: 0.3em 0.75em;
  }
  .admin-main-menu ul li ul li a:hover, .admin-main-menu ul li ul li a.active {
    background: #ccc;
    color: black;
    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: #f47e7e;
  }
  .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: #f47e7e;
    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-add-item-form .admin-page-form-element-wrapper {
    margin-bottom: 2em;
  }
  .admin-page-add-item-form .admin-page-form-element-wrapper .admin-page-form-element-label {
    margin-bottom: 0.25em;
  }
  .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;
    /* @include flex-align-items(); */
    color: #000;
  }
  .admin-page-add-item-form .admin-page-form-element-wrapper .admin-page-form-element-content .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-add-item-form .admin-page-form-element-wrapper .admin-page-form-element-content .admin-page-form-element .form-input-text-element, .admin-page-add-item-form .admin-page-form-element-wrapper .admin-page-form-element-content .admin-page-form-element .form-richtext-element {
    margin: 0;
  }
  .admin-page-add-item-form .admin-page-form-element-wrapper .admin-page-form-element-content .admin-page-form-element .form-input-text-element {
    border: 1px solid black !important;
    background: white !important;
  }
  .admin-page-add-item-form .admin-page-form-element-wrapper .admin-page-form-element-content .admin-page-form-element .form-richtext-element {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 350px;
  }
  .admin-page-add-item-form .admin-page-form-element-wrapper .admin-page-form-element-content .admin-page-form-element .form-richtext-element *::selection {
    color: white;
    background: #f47e7e !important;
  }
  .admin-page-add-item-form .admin-page-form-element-wrapper .admin-page-form-element-content .admin-page-form-element .form-richtext-element *::-moz-selection {
    color: white;
    background: #f47e7e !important;
  }
  .admin-page-add-item-form .admin-page-form-element-wrapper .admin-page-form-element-content .admin-page-form-element .form-richtext-element img[style*="left"] {
    margin: 0 0.5em 0.5em 0;
  }
  .admin-page-add-item-form .admin-page-form-element-wrapper .admin-page-form-element-content .admin-page-form-element .form-richtext-element img[style*="right"] {
    margin: 0 0 0.5em 0.5em;
  }
  .admin-page-add-item-form .admin-page-form-element-wrapper .admin-page-form-element-content .admin-page-form-element .form-richtext-element::selection {
    color: white;
    background: #f47e7e !important;
  }
  .admin-page-add-item-form .admin-page-form-element-wrapper .admin-page-form-element-content .admin-page-form-element .form-richtext-element::-moz-selection {
    color: white;
    background: #f47e7e !important;
  }
  .admin-page-add-item-form .admin-page-form-element-wrapper .FormLabel {
    display: none;
  }
  .admin-page-add-item-form 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;
  }
  .admin-page-add-item-form .filepicker {
    margin-bottom: 10px;
  }
  .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;
    color: inherit;
    font-size: 1em;
    padding: 0.3em;
    cursor: pointer;
    border: 0;
    margin-right: 0.25em;
    max-height: 2.6em;
    background: #eee;
    -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;
  }
  .admin-page-add-item-form .reset-field-button:hover {
    background: orange;
    color: white;
  }
  .admin-page-add-item-form .clear-field-button svg {
    display: block !important;
  }
  .admin-page-add-item-form .clear-field-button:hover {
    background: red;
    color: white;
  }
  .admin-page-add-item-form .default-field-button svg {
    display: block !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-top: 2em;
  }
  .admin-page-add-item-form .admin-page-add-item-related-list-wrapper {
    padding: 1.5em;
    border: 1px solid #ccc;
    margin-top: 2em;
    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: inherit;
    font-size: 1em;
    padding: 0.3em;
    margin: 0.7em 0.25em 0 0;
    line-height: 80%;
    background: #eee;
  }
  .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: #ccc;
  }
  .admin-page-add-item-form .admin-page-add-item-related-list-wrapper table tr .form-input-text-element {
    border: 1px solid #ccc !important;
  }
  .admin-page-add-item-form .form-validation-element {
    display: inline-block;
    font-family: inherit;
    color: inherit;
    font-size: 1em;
    padding: 0.4em 0.8em;
    /*margin: 0.5em 0;*/
    background: #ccc;
    cursor: pointer;
    border: 0;
    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-page-add-item-form .form-validation-element:hover {
    background: #eee;
  }
  .admin-page-add-item-form .form-alert-element {
    border-color: red;
  }
  .admin-page-add-item-form .form-alert {
    margin: 0.3em 0;
    font-size: 0.9em;
    font-weight: 700;
    color: red;
  }
  .admin-page-add-item-form .form-success {
    margin: 0.3em 0;
    font-size: 0.9em;
    font-weight: 700;
    color: green;
  }
  .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;
  }
  .admin-preview img {
    margin-right: 0.5em;
  }
  .admin-preview span {
    margin: 0 0.25em;
  }
  .form-object-picker-element:hover {
    background: #e3e3e3;
  }
  i {
    display: inline-block;
    margin-top: 0.25em;
  }
  .admin-add-new-item-page {
    position: relative;
  }
  .admin-preview-wrapper 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;
    -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);
    font-size: 18px;
  }
  .three-quarter-col .one-half-col .admin-preview-wrapper .content-admin-preview {
    font-size: calc(100vw / 3 * 18 / (1370 + 40));
    /* TODO media queries */
  }
  .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: #d22a2a !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-ui .ae-toolbar, .ae-ui [class^=ae-toolbar-], .ae-ui .ae-toolbar-add, .ae-ui .ae-dropdown, .ae-ui [class^=ae-dropdown-] {
    background: #f47e7e !important;
  }
  .ae-ui .ae-arrow-box.ae-arrow-box-top::after, .ae-ui .ae-arrow-box.ae-arrow-box-bottom::after {
    color: #f47e7e !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: #d22a2a !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: #d22a2a !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: #d65b5b !important;
  }
  /*** MODAL ***/
  .modal.admin-modal {
    padding-top: 0 !important;
    font-size: 14px !important;
  }
  .modal.admin-modal .modal-content.admin-modal-content {
    width: 75% !important;
    max-width: none !important;
    -moz-transform: translate3d(0, 0, 0) !important;
    -o-transform: translate3d(0, 0, 0) !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    -ms-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    top: 40px;
  }
  .modal.admin-modal .modal-content.admin-modal-content div {
    font-family: 'Roboto', Verdana, sans-serif !important;
  }
  /*** 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;
  }
  .admin-stats-table .all {
    font-weight: bold;
    font-size: 1.2em;
  }
  .admin-stats-table .free {
    color: #f47e7e;
  }
  .admin-stats-table .monthly {
    color: #d65b5b;
  }
  .admin-stats-table .yearly {
    color: #d22a2a;
  }
  /*** API Doc ***/
  .admin-api-doc-section {
    margin: 2.5em 0;
  }
  .admin-api-doc-title {
    font-weight: 600;
    margin: 0 0 0.5em 0;
    font-size: 1.25em;
  }
  .admin-api-doc-content {
    margin: 0.75em 0;
  }
  .admin-api-doc-table {
    width: 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;
  }
  .keep-newlines {
    white-space: pre-wrap;
  }
  @keyframes blink-animation {
    to {
      visibility: hidden;
    }
  }
  @-webkit-keyframes blink-animation {
    to {
      visibility: hidden;
    }
  }
}
/* Noramlize.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/1df9a728ff526592b718f5b2e915045e.svg#fontawesomeregular) 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-rtl.rw-widget > .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,.075);
  box-shadow: inset 0 1px 1px rgba(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 {
  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;
  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;
}
.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: rgba(0, 0, 0, 0);
}

.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.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;
  width: 14px;
  height: 14px;
  cursor: pointer;
  cursor: -webkit-grab;
  margin-top: -5px;
  cursor: grab;
  border-radius: 50%;
  border: solid 2px #96dbfa;
  background-color: #fff;
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

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

.rc-slider-handle-click-focused:focus {
  border-color: #96dbfa;
  box-shadow: unset;
}

.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-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-dot-reverse {
  margin-left: 0;
  margin-right: -4px;
}

.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;
  -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 {
  animation-duration: .3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused;
}

.rc-slider-tooltip-zoom-down-leave {
  animation-duration: .3s;
  animation-fill-mode: both;
  display: block !important;
  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 {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running;
}

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

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

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

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

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

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

.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.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;
}
/* darker green : #4f945e */
@media screen {
  p {
    margin-bottom: 1em;
  }
  a {
    text-decoration: none;
    cursor: pointer;
  }
  a:hover {
    text-decoration: underline;
  }
  *::selection {
    color: white;
    background: #E52330;
  }
  *::-moz-selection {
    color: white;
    background: #E52330;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .capitalize-first-letter {
    display: inline-block;
  }
  .capitalize-first-letter::first-letter {
    font-size: 150%;
    font-weight: 300;
  }
  .center {
    text-align: center;
  }
}

@media screen {
  * {
    margin: 0;
    padding: 0;
  }
  html, body {
    width: 100%;
    min-height: 100%;
  }
  body {
    font-family: 'EB Garamond', Arial, sans-serif;
    color: #646362;
    background-color: white;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.025em;
    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);
  }
  .main-content {
    padding-top: 180px;
  }
}

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

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

@media screen and (max-width: 800px) {
  body {
    font-size: 17px;
  }
  .main-content {
    padding-top: 60px;
  }
}

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

/*** BEGIN CSS ***/
/*** RESPONSIVE ***/
@media screen {
  /*** LAYOUT ***/
  .container {
    width: 1370px;
    margin: 0 auto;
    overflow: hidden;
  }
  .container .row {
    margin: 0 calc(-1 * 40px / 2);
  }
  .row {
    overflow: hidden;
  }
  /*** fluid cols ***/
  .full-col {
    width: 100%;
    min-height: 1px;
    padding: 0 calc(40px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .five-sixth-col {
    /*width: calc(100% * 5 / 6 - 40px);*/
    width: calc(100% * 5 / 6);
    float: left;
    min-height: 1px;
    padding: 0 calc(40px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .three-quarter-col {
    /*width: calc(75% - 40px);*/
    width: 75%;
    float: left;
    min-height: 1px;
    padding: 0 calc(40px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .two-third-col {
    width: calc(100% * 2 / 3);
    float: left;
    min-height: 1px;
    padding: 0 calc(40px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-half-col {
    /*width: calc(50% - 40px);*/
    width: 50%;
    float: left;
    min-height: 1px;
    padding: 0 calc(40px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-third-col {
    width: calc(100% / 3);
    float: left;
    min-height: 1px;
    padding: 0 calc(40px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-quarter-col {
    /*width: calc(25% - 40px);*/
    width: 25%;
    float: left;
    min-height: 1px;
    padding: 0 calc(40px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-fifth-col {
    /*width: calc(20% - 40px);*/
    width: 20%;
    float: left;
    min-height: 1px;
    padding: 0 calc(40px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-sixth-col {
    /*width: calc(100% / 6 - 40px);*/
    width: calc(100% / 6);
    float: left;
    min-height: 1px;
    padding: 0 calc(40px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-twelfth-col {
    /*width: calc(100% / 12 - 40px);*/
    width: calc(100% / 12);
    float: left;
    min-height: 1px;
    padding: 0 calc(40px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  /*** slideshow (container with non fixed width) cols ***/
  .slideshow-row .five-sixth-col {
    /*width: calc((1370px + 40px) * 5 / 6 - 40px);*/
    width: calc((1370px + 40px) * 5 / 6);
  }
  .slideshow-row .three-quarter-col {
    /*width: calc((75 * (1370px + 40px)) / 100 - 40px);*/
    width: calc((75 * (1370px + 40px)) / 100);
  }
  .slideshow-row .two-third-col {
    /* width: calc((1370px + 40px) * 2 / 3 - 40px); */
    width: calc((1370px + 40px) * 2 / 3);
  }
  .slideshow-row .one-half-col {
    /* width: calc((50 * (1370px + 40px)) / 100 - 40px); */
    width: calc((50 * (1370px + 40px)) / 100);
  }
  .slideshow-row .one-third-col {
    /* width: calc((1370px + 40px) / 3 - 40px); */
    width: calc((1370px + 40px) / 3);
  }
  .slideshow-row .one-quarter-col {
    /* width: calc((25 * (1370px + 40px)) / 100 - 40px); */
    width: calc((25 * (1370px + 40px)) / 100);
  }
  .slideshow-row .one-fifth-col {
    /* width: calc((20 * (1370px + 40px)) / 100 - 40px); */
    width: calc((20 * (1370px + 40px)) / 100);
  }
  .slideshow-row .one-sixth-col {
    /* width: calc((1370px + 40px) / 6 - 40px); */
    width: calc((1370px + 40px) / 6);
  }
  .slideshow-row .one-twelfth-col {
    /* width: calc(((1370px + 40px) / 12) / 100 - 40px); */
    width: calc(((1370px + 40px) / 12) / 100);
  }
  /*** inner cols padding ***/
  .container .row .two-third-col .one-half-col {
    /*width: calc(75% - (40px / 2));*/
    width: 75%;
  }
  .container .row .two-third-col .one-third-col {
    /* width: calc(50% - (40px / 2)); */
    width: 50%;
  }
  .container .row .two-third-col .one-sixth-col {
    /* width: calc(25% - (40px / 2)); */
    width: 25%;
  }
  .container .row .two-third-col .inner-col:first-child {
    padding-left: 0;
  }
  .container .row .two-third-col .inner-col:last-child {
    padding-right: 0;
  }
  .container .row .one-third-col .one-sixth-col {
    /* width: calc(50% - (40px / 2)); */
    width: 50%;
  }
  .container .row .one-third-col .inner-col:first-child {
    padding-left: 0;
  }
  .container .row .one-third-col .inner-col:last-child {
    padding-right: 0;
  }
  /*** special inner slider cols ***/
  .container .row .two-third-col .slideshow-container {
    /*	.one-third-col {
						width: calc((1370px + 40px) / 3);
					}*/
  }
  .container .row .two-third-col .slideshow-container .inner-col:first-child {
    padding-left: 20px;
  }
  .container .row .two-third-col .slideshow-container .inner-col:last-child {
    padding-right: 20px;
  }
  /*** exceptions and gutter width dependant ***/
  .slideshow-container .slideshow-row .content-slider .slick-prev, .slideshow-container .slideshow-row .content-slider .slick-next {
    width: 40px;
  }
  .slideshow-container .slideshow-row .content-slider .slick-prev svg, .slideshow-container .slideshow-row .content-slider .slick-next svg {
    height: 40px !important;
    width: 40px !important;
    margin-top: -20px;
  }
  .slideshow-container .slideshow-row .content-slider .slick-prev {
    left: -20px;
  }
  .slideshow-container .slideshow-row .content-slider .slick-next {
    right: -20px;
  }
  .video-contents-full-box .two-third-col, .video-contents-full-box .one-third-col {
    float: none;
    position: relative;
    padding: 0;
    margin: 0 20px;
  }
  .video-contents-full-box .two-third-col {
    width: calc((100% * 2 / 3) - 40px);
  }
  .video-contents-full-box .one-third-col {
    width: calc((100% / 3) - 40px);
  }
  .fluid-container {
    width: 100%;
    overflow: hidden;
  }
  .fluid-container .five-sixth-col {
    width: calc(100% * 5 / 6);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .three-quarter-col {
    width: 75%;
  }
  .fluid-container .two-third-col {
    width: calc(100% * 2 / 3);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-half-col {
    width: 50%;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-third-col {
    width: calc(100% / 3);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-quarter-col {
    width: 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;
  }
  .fluid-container .one-fifth-col {
    width: 20%;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-sixth-col {
    width: calc(100% / 6);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-twelfth-col {
    width: calc(100% / 12);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container .non-guttered-row {
    margin: 0;
  }
  .container .non-guttered-row .five-sixth-col {
    width: calc(100% * 5 / 6);
    padding: 0;
  }
  .container .non-guttered-row .three-quarter-col {
    width: 75%;
    padding: 0;
  }
  .container .non-guttered-row .two-third-col {
    width: calc(100% * 2 / 3);
    padding: 0;
  }
  .container .non-guttered-row .one-half-col {
    width: 50%;
    padding: 0;
  }
  .container .non-guttered-row .one-third-col {
    width: calc(100% / 3);
    padding: 0;
  }
  .container .non-guttered-row .one-quarter-col {
    width: 25%;
    padding: 0;
  }
  .container .non-guttered-row .one-fifth-col {
    width: 20%;
    padding: 0;
  }
  .container .non-guttered-row .one-sixth-col {
    width: calc(100% / 6);
    padding: 0;
  }
  .container .non-guttered-row .one-twelfth-col {
    width: calc(100% / 12);
    padding: 0;
  }
  /*** overflowing ***/
  .wrapper {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  /*** other layout styles ***/
  .left {
    float: left;
  }
  .right {
    float: right;
  }
  .cancel-floating {
    float: none;
  }
  .clear {
    clear: both;
  }
  .centered-block {
    margin: 0 auto;
  }
}

@media screen and (max-width: 1470px) {
  /*** LAYOUT ***/
  .container {
    width: 1170px;
    margin: 0 auto;
    overflow: hidden;
  }
  .container .row {
    margin: 0 calc(-1 * 30px / 2);
  }
  .row {
    overflow: hidden;
  }
  /*** fluid cols ***/
  .full-col {
    width: 100%;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .five-sixth-col {
    /*width: calc(100% * 5 / 6 - 30px);*/
    width: calc(100% * 5 / 6);
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .three-quarter-col {
    /*width: calc(75% - 30px);*/
    width: 75%;
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .two-third-col {
    width: calc(100% * 2 / 3);
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-half-col {
    /*width: calc(50% - 30px);*/
    width: 50%;
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-third-col {
    width: calc(100% / 3);
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-quarter-col {
    /*width: calc(25% - 30px);*/
    width: 25%;
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-fifth-col {
    /*width: calc(20% - 30px);*/
    width: 20%;
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-sixth-col {
    /*width: calc(100% / 6 - 30px);*/
    width: calc(100% / 6);
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-twelfth-col {
    /*width: calc(100% / 12 - 30px);*/
    width: calc(100% / 12);
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  /*** slideshow (container with non fixed width) cols ***/
  .slideshow-row .five-sixth-col {
    /*width: calc((1170px + 30px) * 5 / 6 - 30px);*/
    width: calc((1170px + 30px) * 5 / 6);
  }
  .slideshow-row .three-quarter-col {
    /*width: calc((75 * (1170px + 30px)) / 100 - 30px);*/
    width: calc((75 * (1170px + 30px)) / 100);
  }
  .slideshow-row .two-third-col {
    /* width: calc((1170px + 30px) * 2 / 3 - 30px); */
    width: calc((1170px + 30px) * 2 / 3);
  }
  .slideshow-row .one-half-col {
    /* width: calc((50 * (1170px + 30px)) / 100 - 30px); */
    width: calc((50 * (1170px + 30px)) / 100);
  }
  .slideshow-row .one-third-col {
    /* width: calc((1170px + 30px) / 3 - 30px); */
    width: calc((1170px + 30px) / 3);
  }
  .slideshow-row .one-quarter-col {
    /* width: calc((25 * (1170px + 30px)) / 100 - 30px); */
    width: calc((25 * (1170px + 30px)) / 100);
  }
  .slideshow-row .one-fifth-col {
    /* width: calc((20 * (1170px + 30px)) / 100 - 30px); */
    width: calc((20 * (1170px + 30px)) / 100);
  }
  .slideshow-row .one-sixth-col {
    /* width: calc((1170px + 30px) / 6 - 30px); */
    width: calc((1170px + 30px) / 6);
  }
  .slideshow-row .one-twelfth-col {
    /* width: calc(((1170px + 30px) / 12) / 100 - 30px); */
    width: calc(((1170px + 30px) / 12) / 100);
  }
  /*** inner cols padding ***/
  .container .row .two-third-col .one-half-col {
    /*width: calc(75% - (30px / 2));*/
    width: 75%;
  }
  .container .row .two-third-col .one-third-col {
    /* width: calc(50% - (30px / 2)); */
    width: 50%;
  }
  .container .row .two-third-col .one-sixth-col {
    /* width: calc(25% - (30px / 2)); */
    width: 25%;
  }
  .container .row .two-third-col .inner-col:first-child {
    padding-left: 0;
  }
  .container .row .two-third-col .inner-col:last-child {
    padding-right: 0;
  }
  .container .row .one-third-col .one-sixth-col {
    /* width: calc(50% - (30px / 2)); */
    width: 50%;
  }
  .container .row .one-third-col .inner-col:first-child {
    padding-left: 0;
  }
  .container .row .one-third-col .inner-col:last-child {
    padding-right: 0;
  }
  /*** special inner slider cols ***/
  .container .row .two-third-col .slideshow-container {
    /*	.one-third-col {
						width: calc((1170px + 30px) / 3);
					}*/
  }
  .container .row .two-third-col .slideshow-container .inner-col:first-child {
    padding-left: 15px;
  }
  .container .row .two-third-col .slideshow-container .inner-col:last-child {
    padding-right: 15px;
  }
  /*** exceptions and gutter width dependant ***/
  .slideshow-container .slideshow-row .content-slider .slick-prev, .slideshow-container .slideshow-row .content-slider .slick-next {
    width: 30px;
  }
  .slideshow-container .slideshow-row .content-slider .slick-prev svg, .slideshow-container .slideshow-row .content-slider .slick-next svg {
    height: 30px !important;
    width: 30px !important;
    margin-top: -15px;
  }
  .slideshow-container .slideshow-row .content-slider .slick-prev {
    left: -15px;
  }
  .slideshow-container .slideshow-row .content-slider .slick-next {
    right: -15px;
  }
  .video-contents-full-box .two-third-col, .video-contents-full-box .one-third-col {
    float: none;
    position: relative;
    padding: 0;
    margin: 0 15px;
  }
  .video-contents-full-box .two-third-col {
    width: calc((100% * 2 / 3) - 30px);
  }
  .video-contents-full-box .one-third-col {
    width: calc((100% / 3) - 30px);
  }
  .fluid-container {
    width: 100%;
    overflow: hidden;
  }
  .fluid-container .five-sixth-col {
    width: calc(100% * 5 / 6);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .three-quarter-col {
    width: 75%;
  }
  .fluid-container .two-third-col {
    width: calc(100% * 2 / 3);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-half-col {
    width: 50%;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-third-col {
    width: calc(100% / 3);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-quarter-col {
    width: 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;
  }
  .fluid-container .one-fifth-col {
    width: 20%;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-sixth-col {
    width: calc(100% / 6);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-twelfth-col {
    width: calc(100% / 12);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container .non-guttered-row {
    margin: 0;
  }
  .container .non-guttered-row .five-sixth-col {
    width: calc(100% * 5 / 6);
    padding: 0;
  }
  .container .non-guttered-row .three-quarter-col {
    width: 75%;
    padding: 0;
  }
  .container .non-guttered-row .two-third-col {
    width: calc(100% * 2 / 3);
    padding: 0;
  }
  .container .non-guttered-row .one-half-col {
    width: 50%;
    padding: 0;
  }
  .container .non-guttered-row .one-third-col {
    width: calc(100% / 3);
    padding: 0;
  }
  .container .non-guttered-row .one-quarter-col {
    width: 25%;
    padding: 0;
  }
  .container .non-guttered-row .one-fifth-col {
    width: 20%;
    padding: 0;
  }
  .container .non-guttered-row .one-sixth-col {
    width: calc(100% / 6);
    padding: 0;
  }
  .container .non-guttered-row .one-twelfth-col {
    width: calc(100% / 12);
    padding: 0;
  }
}

@media screen and (max-width: 1250px) {
  /*** LAYOUT ***/
  .container {
    width: 940px;
    margin: 0 auto;
    overflow: hidden;
  }
  .container .row {
    margin: 0 calc(-1 * 30px / 2);
  }
  .row {
    overflow: hidden;
  }
  /*** fluid cols ***/
  .full-col {
    width: 100%;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .five-sixth-col {
    /*width: calc(100% * 5 / 6 - 30px);*/
    width: calc(100% * 5 / 6);
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .three-quarter-col {
    /*width: calc(75% - 30px);*/
    width: 75%;
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .two-third-col {
    width: calc(100% * 2 / 3);
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-half-col {
    /*width: calc(50% - 30px);*/
    width: 50%;
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-third-col {
    width: calc(100% / 3);
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-quarter-col {
    /*width: calc(25% - 30px);*/
    width: 25%;
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-fifth-col {
    /*width: calc(20% - 30px);*/
    width: 20%;
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-sixth-col {
    /*width: calc(100% / 6 - 30px);*/
    width: calc(100% / 6);
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-twelfth-col {
    /*width: calc(100% / 12 - 30px);*/
    width: calc(100% / 12);
    float: left;
    min-height: 1px;
    padding: 0 calc(30px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  /*** slideshow (container with non fixed width) cols ***/
  .slideshow-row .five-sixth-col {
    /*width: calc((940px + 30px) * 5 / 6 - 30px);*/
    width: calc((940px + 30px) * 5 / 6);
  }
  .slideshow-row .three-quarter-col {
    /*width: calc((75 * (940px + 30px)) / 100 - 30px);*/
    width: calc((75 * (940px + 30px)) / 100);
  }
  .slideshow-row .two-third-col {
    /* width: calc((940px + 30px) * 2 / 3 - 30px); */
    width: calc((940px + 30px) * 2 / 3);
  }
  .slideshow-row .one-half-col {
    /* width: calc((50 * (940px + 30px)) / 100 - 30px); */
    width: calc((50 * (940px + 30px)) / 100);
  }
  .slideshow-row .one-third-col {
    /* width: calc((940px + 30px) / 3 - 30px); */
    width: calc((940px + 30px) / 3);
  }
  .slideshow-row .one-quarter-col {
    /* width: calc((25 * (940px + 30px)) / 100 - 30px); */
    width: calc((25 * (940px + 30px)) / 100);
  }
  .slideshow-row .one-fifth-col {
    /* width: calc((20 * (940px + 30px)) / 100 - 30px); */
    width: calc((20 * (940px + 30px)) / 100);
  }
  .slideshow-row .one-sixth-col {
    /* width: calc((940px + 30px) / 6 - 30px); */
    width: calc((940px + 30px) / 6);
  }
  .slideshow-row .one-twelfth-col {
    /* width: calc(((940px + 30px) / 12) / 100 - 30px); */
    width: calc(((940px + 30px) / 12) / 100);
  }
  /*** inner cols padding ***/
  .container .row .two-third-col .one-half-col {
    /*width: calc(75% - (30px / 2));*/
    width: 75%;
  }
  .container .row .two-third-col .one-third-col {
    /* width: calc(50% - (30px / 2)); */
    width: 50%;
  }
  .container .row .two-third-col .one-sixth-col {
    /* width: calc(25% - (30px / 2)); */
    width: 25%;
  }
  .container .row .two-third-col .inner-col:first-child {
    padding-left: 0;
  }
  .container .row .two-third-col .inner-col:last-child {
    padding-right: 0;
  }
  .container .row .one-third-col .one-sixth-col {
    /* width: calc(50% - (30px / 2)); */
    width: 50%;
  }
  .container .row .one-third-col .inner-col:first-child {
    padding-left: 0;
  }
  .container .row .one-third-col .inner-col:last-child {
    padding-right: 0;
  }
  /*** special inner slider cols ***/
  .container .row .two-third-col .slideshow-container {
    /*	.one-third-col {
						width: calc((940px + 30px) / 3);
					}*/
  }
  .container .row .two-third-col .slideshow-container .inner-col:first-child {
    padding-left: 15px;
  }
  .container .row .two-third-col .slideshow-container .inner-col:last-child {
    padding-right: 15px;
  }
  /*** exceptions and gutter width dependant ***/
  .slideshow-container .slideshow-row .content-slider .slick-prev, .slideshow-container .slideshow-row .content-slider .slick-next {
    width: 30px;
  }
  .slideshow-container .slideshow-row .content-slider .slick-prev svg, .slideshow-container .slideshow-row .content-slider .slick-next svg {
    height: 30px !important;
    width: 30px !important;
    margin-top: -15px;
  }
  .slideshow-container .slideshow-row .content-slider .slick-prev {
    left: -15px;
  }
  .slideshow-container .slideshow-row .content-slider .slick-next {
    right: -15px;
  }
  .video-contents-full-box .two-third-col, .video-contents-full-box .one-third-col {
    float: none;
    position: relative;
    padding: 0;
    margin: 0 15px;
  }
  .video-contents-full-box .two-third-col {
    width: calc((100% * 2 / 3) - 30px);
  }
  .video-contents-full-box .one-third-col {
    width: calc((100% / 3) - 30px);
  }
  .fluid-container {
    width: 100%;
    overflow: hidden;
  }
  .fluid-container .five-sixth-col {
    width: calc(100% * 5 / 6);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .three-quarter-col {
    width: 75%;
  }
  .fluid-container .two-third-col {
    width: calc(100% * 2 / 3);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-half-col {
    width: 50%;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-third-col {
    width: calc(100% / 3);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-quarter-col {
    width: 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;
  }
  .fluid-container .one-fifth-col {
    width: 20%;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-sixth-col {
    width: calc(100% / 6);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-twelfth-col {
    width: calc(100% / 12);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container .non-guttered-row {
    margin: 0;
  }
  .container .non-guttered-row .five-sixth-col {
    width: calc(100% * 5 / 6);
    padding: 0;
  }
  .container .non-guttered-row .three-quarter-col {
    width: 75%;
    padding: 0;
  }
  .container .non-guttered-row .two-third-col {
    width: calc(100% * 2 / 3);
    padding: 0;
  }
  .container .non-guttered-row .one-half-col {
    width: 50%;
    padding: 0;
  }
  .container .non-guttered-row .one-third-col {
    width: calc(100% / 3);
    padding: 0;
  }
  .container .non-guttered-row .one-quarter-col {
    width: 25%;
    padding: 0;
  }
  .container .non-guttered-row .one-fifth-col {
    width: 20%;
    padding: 0;
  }
  .container .non-guttered-row .one-sixth-col {
    width: calc(100% / 6);
    padding: 0;
  }
  .container .non-guttered-row .one-twelfth-col {
    width: calc(100% / 12);
    padding: 0;
  }
}

@media screen and (max-width: 1020px) {
  /*** LAYOUT ***/
  .container {
    width: 750px;
    margin: 0 auto;
    overflow: hidden;
  }
  .container .row {
    margin: 0 calc(-1 * 20px / 2);
  }
  .row {
    overflow: hidden;
  }
  /*** fluid cols ***/
  .full-col {
    width: 100%;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .five-sixth-col {
    /*width: calc(100% * 5 / 6 - 20px);*/
    width: calc(100% * 5 / 6);
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .three-quarter-col {
    /*width: calc(75% - 20px);*/
    width: 75%;
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .two-third-col {
    width: calc(100% * 2 / 3);
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-half-col {
    /*width: calc(50% - 20px);*/
    width: 50%;
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-third-col {
    width: calc(100% / 3);
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-quarter-col {
    /*width: calc(25% - 20px);*/
    width: 25%;
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-fifth-col {
    /*width: calc(20% - 20px);*/
    width: 20%;
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-sixth-col {
    /*width: calc(100% / 6 - 20px);*/
    width: calc(100% / 6);
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-twelfth-col {
    /*width: calc(100% / 12 - 20px);*/
    width: calc(100% / 12);
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  /*** slideshow (container with non fixed width) cols ***/
  .slideshow-row .five-sixth-col {
    /*width: calc((750px + 20px) * 5 / 6 - 20px);*/
    width: calc((750px + 20px) * 5 / 6);
  }
  .slideshow-row .three-quarter-col {
    /*width: calc((75 * (750px + 20px)) / 100 - 20px);*/
    width: calc((75 * (750px + 20px)) / 100);
  }
  .slideshow-row .two-third-col {
    /* width: calc((750px + 20px) * 2 / 3 - 20px); */
    width: calc((750px + 20px) * 2 / 3);
  }
  .slideshow-row .one-half-col {
    /* width: calc((50 * (750px + 20px)) / 100 - 20px); */
    width: calc((50 * (750px + 20px)) / 100);
  }
  .slideshow-row .one-third-col {
    /* width: calc((750px + 20px) / 3 - 20px); */
    width: calc((750px + 20px) / 3);
  }
  .slideshow-row .one-quarter-col {
    /* width: calc((25 * (750px + 20px)) / 100 - 20px); */
    width: calc((25 * (750px + 20px)) / 100);
  }
  .slideshow-row .one-fifth-col {
    /* width: calc((20 * (750px + 20px)) / 100 - 20px); */
    width: calc((20 * (750px + 20px)) / 100);
  }
  .slideshow-row .one-sixth-col {
    /* width: calc((750px + 20px) / 6 - 20px); */
    width: calc((750px + 20px) / 6);
  }
  .slideshow-row .one-twelfth-col {
    /* width: calc(((750px + 20px) / 12) / 100 - 20px); */
    width: calc(((750px + 20px) / 12) / 100);
  }
  /*** inner cols padding ***/
  .container .row .two-third-col .one-half-col {
    /*width: calc(75% - (20px / 2));*/
    width: 75%;
  }
  .container .row .two-third-col .one-third-col {
    /* width: calc(50% - (20px / 2)); */
    width: 50%;
  }
  .container .row .two-third-col .one-sixth-col {
    /* width: calc(25% - (20px / 2)); */
    width: 25%;
  }
  .container .row .two-third-col .inner-col:first-child {
    padding-left: 0;
  }
  .container .row .two-third-col .inner-col:last-child {
    padding-right: 0;
  }
  .container .row .one-third-col .one-sixth-col {
    /* width: calc(50% - (20px / 2)); */
    width: 50%;
  }
  .container .row .one-third-col .inner-col:first-child {
    padding-left: 0;
  }
  .container .row .one-third-col .inner-col:last-child {
    padding-right: 0;
  }
  /*** special inner slider cols ***/
  .container .row .two-third-col .slideshow-container {
    /*	.one-third-col {
						width: calc((750px + 20px) / 3);
					}*/
  }
  .container .row .two-third-col .slideshow-container .inner-col:first-child {
    padding-left: 10px;
  }
  .container .row .two-third-col .slideshow-container .inner-col:last-child {
    padding-right: 10px;
  }
  /*** exceptions and gutter width dependant ***/
  .slideshow-container .slideshow-row .content-slider .slick-prev, .slideshow-container .slideshow-row .content-slider .slick-next {
    width: 20px;
  }
  .slideshow-container .slideshow-row .content-slider .slick-prev svg, .slideshow-container .slideshow-row .content-slider .slick-next svg {
    height: 20px !important;
    width: 20px !important;
    margin-top: -10px;
  }
  .slideshow-container .slideshow-row .content-slider .slick-prev {
    left: -10px;
  }
  .slideshow-container .slideshow-row .content-slider .slick-next {
    right: -10px;
  }
  .video-contents-full-box .two-third-col, .video-contents-full-box .one-third-col {
    float: none;
    position: relative;
    padding: 0;
    margin: 0 10px;
  }
  .video-contents-full-box .two-third-col {
    width: calc((100% * 2 / 3) - 20px);
  }
  .video-contents-full-box .one-third-col {
    width: calc((100% / 3) - 20px);
  }
  .fluid-container {
    width: 100%;
    overflow: hidden;
  }
  .fluid-container .five-sixth-col {
    width: calc(100% * 5 / 6);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .three-quarter-col {
    width: 75%;
  }
  .fluid-container .two-third-col {
    width: calc(100% * 2 / 3);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-half-col {
    width: 50%;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-third-col {
    width: calc(100% / 3);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-quarter-col {
    width: 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;
  }
  .fluid-container .one-fifth-col {
    width: 20%;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-sixth-col {
    width: calc(100% / 6);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-twelfth-col {
    width: calc(100% / 12);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container .non-guttered-row {
    margin: 0;
  }
  .container .non-guttered-row .five-sixth-col {
    width: calc(100% * 5 / 6);
    padding: 0;
  }
  .container .non-guttered-row .three-quarter-col {
    width: 75%;
    padding: 0;
  }
  .container .non-guttered-row .two-third-col {
    width: calc(100% * 2 / 3);
    padding: 0;
  }
  .container .non-guttered-row .one-half-col {
    width: 50%;
    padding: 0;
  }
  .container .non-guttered-row .one-third-col {
    width: calc(100% / 3);
    padding: 0;
  }
  .container .non-guttered-row .one-quarter-col {
    width: 25%;
    padding: 0;
  }
  .container .non-guttered-row .one-fifth-col {
    width: 20%;
    padding: 0;
  }
  .container .non-guttered-row .one-sixth-col {
    width: calc(100% / 6);
    padding: 0;
  }
  .container .non-guttered-row .one-twelfth-col {
    width: calc(100% / 12);
    padding: 0;
  }
}

@media screen and (max-width: 800px) {
  /*** LAYOUT ***/
  .container {
    width: auto;
    margin: 0 auto;
    overflow: hidden;
  }
  .container .row {
    margin: 0 calc(-1 * 20px / 2);
  }
  .row {
    overflow: hidden;
  }
  /*** fluid cols ***/
  .full-col {
    width: 100%;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .five-sixth-col {
    /*width: calc(100% * 5 / 6 - 20px);*/
    width: calc(100% * 5 / 6);
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .three-quarter-col {
    /*width: calc(75% - 20px);*/
    width: 75%;
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .two-third-col {
    width: calc(100% * 2 / 3);
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-half-col {
    /*width: calc(50% - 20px);*/
    width: 50%;
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-third-col {
    width: calc(100% / 3);
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-quarter-col {
    /*width: calc(25% - 20px);*/
    width: 25%;
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-fifth-col {
    /*width: calc(20% - 20px);*/
    width: 20%;
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-sixth-col {
    /*width: calc(100% / 6 - 20px);*/
    width: calc(100% / 6);
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .one-twelfth-col {
    /*width: calc(100% / 12 - 20px);*/
    width: calc(100% / 12);
    float: left;
    min-height: 1px;
    padding: 0 calc(20px / 2);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  /*** slideshow (container with non fixed width) cols ***/
  .slideshow-row .five-sixth-col {
    /*width: calc((auto + 20px) * 5 / 6 - 20px);*/
    width: calc((auto + 20px) * 5 / 6);
  }
  .slideshow-row .three-quarter-col {
    /*width: calc((75 * (auto + 20px)) / 100 - 20px);*/
    width: calc((75 * (auto + 20px)) / 100);
  }
  .slideshow-row .two-third-col {
    /* width: calc((auto + 20px) * 2 / 3 - 20px); */
    width: calc((auto + 20px) * 2 / 3);
  }
  .slideshow-row .one-half-col {
    /* width: calc((50 * (auto + 20px)) / 100 - 20px); */
    width: calc((50 * (auto + 20px)) / 100);
  }
  .slideshow-row .one-third-col {
    /* width: calc((auto + 20px) / 3 - 20px); */
    width: calc((auto + 20px) / 3);
  }
  .slideshow-row .one-quarter-col {
    /* width: calc((25 * (auto + 20px)) / 100 - 20px); */
    width: calc((25 * (auto + 20px)) / 100);
  }
  .slideshow-row .one-fifth-col {
    /* width: calc((20 * (auto + 20px)) / 100 - 20px); */
    width: calc((20 * (auto + 20px)) / 100);
  }
  .slideshow-row .one-sixth-col {
    /* width: calc((auto + 20px) / 6 - 20px); */
    width: calc((auto + 20px) / 6);
  }
  .slideshow-row .one-twelfth-col {
    /* width: calc(((auto + 20px) / 12) / 100 - 20px); */
    width: calc(((auto + 20px) / 12) / 100);
  }
  /*** inner cols padding ***/
  .container .row .two-third-col .one-half-col {
    /*width: calc(75% - (20px / 2));*/
    width: 75%;
  }
  .container .row .two-third-col .one-third-col {
    /* width: calc(50% - (20px / 2)); */
    width: 50%;
  }
  .container .row .two-third-col .one-sixth-col {
    /* width: calc(25% - (20px / 2)); */
    width: 25%;
  }
  .container .row .two-third-col .inner-col:first-child {
    padding-left: 0;
  }
  .container .row .two-third-col .inner-col:last-child {
    padding-right: 0;
  }
  .container .row .one-third-col .one-sixth-col {
    /* width: calc(50% - (20px / 2)); */
    width: 50%;
  }
  .container .row .one-third-col .inner-col:first-child {
    padding-left: 0;
  }
  .container .row .one-third-col .inner-col:last-child {
    padding-right: 0;
  }
  /*** special inner slider cols ***/
  .container .row .two-third-col .slideshow-container {
    /*	.one-third-col {
						width: calc((auto + 20px) / 3);
					}*/
  }
  .container .row .two-third-col .slideshow-container .inner-col:first-child {
    padding-left: 10px;
  }
  .container .row .two-third-col .slideshow-container .inner-col:last-child {
    padding-right: 10px;
  }
  /*** exceptions and gutter width dependant ***/
  .slideshow-container .slideshow-row .content-slider .slick-prev, .slideshow-container .slideshow-row .content-slider .slick-next {
    width: 20px;
  }
  .slideshow-container .slideshow-row .content-slider .slick-prev svg, .slideshow-container .slideshow-row .content-slider .slick-next svg {
    height: 20px !important;
    width: 20px !important;
    margin-top: -10px;
  }
  .slideshow-container .slideshow-row .content-slider .slick-prev {
    left: -10px;
  }
  .slideshow-container .slideshow-row .content-slider .slick-next {
    right: -10px;
  }
  .video-contents-full-box .two-third-col, .video-contents-full-box .one-third-col {
    float: none;
    position: relative;
    padding: 0;
    margin: 0 10px;
  }
  .video-contents-full-box .two-third-col {
    width: calc((100% * 2 / 3) - 20px);
  }
  .video-contents-full-box .one-third-col {
    width: calc((100% / 3) - 20px);
  }
  .fluid-container {
    width: 100%;
    overflow: hidden;
  }
  .fluid-container .five-sixth-col {
    width: calc(100% * 5 / 6);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .three-quarter-col {
    width: 75%;
  }
  .fluid-container .two-third-col {
    width: calc(100% * 2 / 3);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-half-col {
    width: 50%;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-third-col {
    width: calc(100% / 3);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-quarter-col {
    width: 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;
  }
  .fluid-container .one-fifth-col {
    width: 20%;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-sixth-col {
    width: calc(100% / 6);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fluid-container .one-twelfth-col {
    width: calc(100% / 12);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container .non-guttered-row {
    margin: 0;
  }
  .container .non-guttered-row .five-sixth-col {
    width: calc(100% * 5 / 6);
    padding: 0;
  }
  .container .non-guttered-row .three-quarter-col {
    width: 75%;
    padding: 0;
  }
  .container .non-guttered-row .two-third-col {
    width: calc(100% * 2 / 3);
    padding: 0;
  }
  .container .non-guttered-row .one-half-col {
    width: 50%;
    padding: 0;
  }
  .container .non-guttered-row .one-third-col {
    width: calc(100% / 3);
    padding: 0;
  }
  .container .non-guttered-row .one-quarter-col {
    width: 25%;
    padding: 0;
  }
  .container .non-guttered-row .one-fifth-col {
    width: 20%;
    padding: 0;
  }
  .container .non-guttered-row .one-sixth-col {
    width: calc(100% / 6);
    padding: 0;
  }
  .container .non-guttered-row .one-twelfth-col {
    width: calc(100% / 12);
    padding: 0;
  }
  .container {
    margin-left: 20px;
    margin-right: 20px;
  }
  .slideshow-container {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  .slideshow-container .slideshow-row {
    margin-left: -10px;
    margin-right: -10px;
  }
  .slideshow-container .slideshow-row .slideshow-container {
    padding-left: 0;
    padding-right: 0;
  }
  .slideshow-container .slideshow-row .slideshow-container .slideshow-row {
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (max-width: 480px) {
  .container {
    margin-left: 10px;
    margin-right: 10px;
  }
  .slideshow-container {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .slideshow-container .slideshow-row {
    margin-left: -10px;
    margin-right: -10px;
  }
  .slideshow-container .slideshow-row .slideshow-container {
    padding-left: 0;
    padding-right: 0;
  }
  .slideshow-container .slideshow-row .slideshow-container .slideshow-row {
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen {
  .header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: white;
    z-index: 99999;
    -moz-transition: left 0.4s;
    -o-transition: left 0.4s;
    -webkit-transition: left 0.4s;
    -ms-transition: left 0.4s;
    transition: left 0.4s;
  }
  .header .header-container {
    overflow: visible;
    height: 135px;
    position: relative;
  }
  .header .header-container .row {
    overflow: visible;
  }
  .header .header-toggle-menu {
    position: absolute;
    display: none;
    cursor: pointer;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    text-indent: -9999em;
    z-index: 900;
    background: white;
    -moz-transition: right 0.4s;
    -o-transition: right 0.4s;
    -webkit-transition: right 0.4s;
    -ms-transition: right 0.4s;
    transition: right 0.4s;
  }
  .header .header-toggle-menu span {
    position: absolute;
    display: block;
    width: 30px;
    left: 5px;
    height: 2px;
    top: 19px;
    background: black;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
  }
  .header .header-toggle-menu span::before {
    content: "";
    position: absolute;
    display: block;
    height: 2px;
    top: -8px;
    width: 30px;
    background: black;
    -moz-transition: top 0.2s 0.2s, transform 0.2s;
    -o-transition: top 0.2s 0.2s, transform 0.2s;
    -webkit-transition: top 0.2s 0.2s, transform 0.2s;
    -ms-transition: top 0.2s 0.2s, transform 0.2s;
    transition: top 0.2s 0.2s, transform 0.2s;
  }
  .header .header-toggle-menu span::after {
    content: "";
    position: absolute;
    display: block;
    height: 2px;
    top: 8px;
    width: 30px;
    background: black;
    -moz-transition: top 0.2s 0.2s, transform 0.2s;
    -o-transition: top 0.2s 0.2s, transform 0.2s;
    -webkit-transition: top 0.2s 0.2s, transform 0.2s;
    -ms-transition: top 0.2s 0.2s, transform 0.2s;
    transition: top 0.2s 0.2s, transform 0.2s;
  }
  .header .header-toggle-menu-toggled {
    right: 40px;
  }
  .header .header-toggle-menu-toggled span {
    background: transparent;
    -moz-transition: all 0.2s 0.2s;
    -o-transition: all 0.2s 0.2s;
    -webkit-transition: all 0.2s 0.2s;
    -ms-transition: all 0.2s 0.2s;
    transition: all 0.2s 0.2s;
  }
  .header .header-toggle-menu-toggled span::before {
    top: 0px;
    background: black;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -moz-transition: top 0.2s, transform 0.2s 0.2s;
    -o-transition: top 0.2s, transform 0.2s 0.2s;
    -webkit-transition: top 0.2s, transform 0.2s 0.2s;
    -ms-transition: top 0.2s, transform 0.2s 0.2s;
    transition: top 0.2s, transform 0.2s 0.2s;
  }
  .header .header-toggle-menu-toggled span::after {
    top: 0px;
    background: black;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -moz-transition: top 0.2s, transform 0.2s 0.2s;
    -o-transition: top 0.2s, transform 0.2s 0.2s;
    -webkit-transition: top 0.2s, transform 0.2s 0.2s;
    -ms-transition: top 0.2s, transform 0.2s 0.2s;
    transition: top 0.2s, transform 0.2s 0.2s;
  }
  .header .header-container {
    /*padding: 1.5em 0;*/
    border-bottom: 3px solid #EDEDED;
  }
  .header .header-container .one-sixth-col .header-title {
    font-weight: 500;
    margin: 0;
    font-size: 1em;
  }
  .header .header-container .one-sixth-col .header-title .big-header-title {
    display: block;
  }
  .header .header-container .one-sixth-col .header-title .big-header-title img {
    display: block;
    width: 100%;
    height: auto;
  }
  .header .header-container .one-sixth-col .header-title .small-header-title {
    display: none;
  }
  .header .header-container .one-sixth-col .header-title .header-title-link {
    padding: 1.5em 0;
    display: block;
    font-size: 1.2em;
    text-decoration: none;
    color: #E52330;
    line-height: 110%;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
  }
  .header .header-container .one-sixth-col .header-title .header-title-link .header-title-first {
    display: block;
  }
  .header .header-container .one-sixth-col .header-title .header-title-link .header-title-second {
    display: block;
    font-size: 2em;
  }
  .header .header-container .one-sixth-col .header-title .header-title-link .header-title-third {
    display: block;
    padding-left: 25%;
  }
  .header .header-container .five-sixth-col .header-account-social {
    float: right;
    /*overflow: hidden;*/
    font-family: 'Roboto', Verdana, sans-serif;
    /*background: #ededed;*/
    /*padding: 1.5em 0 0.5em 0; */
    margin-bottom: 1em;
    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-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
  }
  .header .header-container .five-sixth-col .header-account-social .header-search {
    margin-right: 1em;
    padding: 1.65em 0 0.35em 0;
  }
  .header .header-container .five-sixth-col .header-account-social .header-search .search-form {
    /*border-bottom: 2px solid #646362;*/
    overflow: hidden;
    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;
  }
  .header .header-container .five-sixth-col .header-account-social .header-search .search-form .search-button {
    padding: 0 !important;
    width: 1.5em !important;
    height: 1.5em !important;
    font-size: 1em !important;
    color: #646362 !important;
    display: block !important;
    border: 0 !important;
    /*@include display-flex;
                                @include flex-direction(column);
                                @include flex-justify-content(center);*/
  }
  .header .header-container .five-sixth-col .header-account-social .header-search .search-form .search-button div {
    margin: auto;
  }
  .header .header-container .five-sixth-col .header-account-social .header-search .search-form .search-input {
    border: 0;
    font-size: 0.8em;
    color: #646362;
    background: transparent;
    line-height: 1.9em;
    font-family: 'Roboto', Verdana, sans-serif;
    position: relative;
    top: 0;
    display: block !important;
    float: left !important;
    text-align: right;
    font-weight: 500;
  }
  .header .header-container .five-sixth-col .header-account-social .header-search .search-form ::-webkit-input-placeholder {
    color: #E52330;
    text-transform: uppercase;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
    opacity: 1;
  }
  .header .header-container .five-sixth-col .header-account-social .header-search .search-form ::-moz-placeholder {
    /* firefox 19+ */
    color: #E52330;
    text-transform: uppercase;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
    opacity: 1;
  }
  .header .header-container .five-sixth-col .header-account-social .header-search .search-form :-ms-input-placeholder {
    /* ie */
    color: #E52330;
    text-transform: uppercase;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
    opacity: 1;
  }
  .header .header-container .five-sixth-col .header-account-social .header-gift {
    margin-right: 1em;
    line-height: 1.5em;
    padding: 1.5em 0 0.5em 0;
  }
  .header .header-container .five-sixth-col .header-account-social .header-gift a {
    font-size: 0.8em;
    display: inline-block;
    margin: 0 0.5em;
    padding: 0.1875em 5px;
    /*	color: #646362; */
    color: #E52330;
    text-transform: uppercase;
    font-weight: 500;
  }
  .header .header-container .five-sixth-col .header-account-social .header-gift a:hover {
    /*text-decoration: none;
                            border: 2px solid #646362;
                            padding: 0 3px;*/
    text-decoration: underline;
  }
  .header .header-container .five-sixth-col .header-account-social .header-account {
    margin-right: 1em;
    line-height: 1.5em;
    padding: 1.5em 0 0.5em 0;
  }
  .header .header-container .five-sixth-col .header-account-social .header-account .header-account-menu {
    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;
  }
  .header .header-container .five-sixth-col .header-account-social .header-account .header-account-username {
    font-size: 0.8em;
  }
  .header .header-container .five-sixth-col .header-account-social .header-account a {
    font-size: 0.8em;
    display: inline-block;
    margin: 0 0.5em;
    padding: 0.1875em 5px;
    /*	color: #646362; */
    color: #E52330;
    text-transform: uppercase;
    font-weight: 500;
  }
  .header .header-container .five-sixth-col .header-account-social .header-account a:hover {
    /*text-decoration: none;
                            border: 2px solid #646362;
                            padding: 0 3px;*/
    text-decoration: underline;
  }
  .header .header-container .five-sixth-col .header-account-social .header-account .header-account-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;
    -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;
  }
  .header .header-container .five-sixth-col .header-account-social .header-account .header-account-link svg {
    height: 1.3em !important;
    width: 1.3em !important;
    margin-right: 0.25em;
  }
  .header .header-container .five-sixth-col .header-account-social .header-social {
    background: #ededed;
    padding: 1.5em 0 0.5em 0.5em;
  }
  .header .header-container .five-sixth-col .header-account-social .header-social a {
    display: inline-block;
    margin-right: 0.5em;
  }
  .header .header-container .five-sixth-col .header-account-social .header-social .header-social-twitter {
    width: 1.5em;
    height: 1.5em;
    text-indent: -9999em;
    background: url(/assets/431ceddf24f50b131f83d9e7637bdf38.svg) center center no-repeat;
    -moz-background-size: 75% auto;
    -o-background-size: 75% auto;
    -webkit-background-size: 75% auto;
    -ms-background-size: 75% auto;
    background-size: 75% auto;
  }
  .header .header-container .five-sixth-col .header-account-social .header-social .header-social-facebook {
    width: 1.5em;
    height: 1.5em;
    text-indent: -9999em;
    background: url(/assets/03da27ff97836ff6351cec18a9d55923.svg) center center no-repeat;
    -moz-background-size: auto 75%;
    -o-background-size: auto 75%;
    -webkit-background-size: auto 75%;
    -ms-background-size: auto 75%;
    background-size: auto 75%;
  }
  .header .header-container .five-sixth-col .header-account-social .header-social .header-social-youtube {
    width: 3em;
    height: 1.5em;
    text-indent: -9999em;
    background: url(/assets/2637f6446b2fe4a163eb8cc6a0934e46.svg) center center no-repeat;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -ms-background-size: 100% auto;
    background-size: 100% auto;
    margin-right: 15px;
  }
  .header .header-container .five-sixth-col .main-menu {
    clear: right;
    font-size: 1.2em;
  }
  .header .header-container .five-sixth-col .main-menu ul {
    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;
    @inlude flex-direction(row);
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -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;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .header .header-container .five-sixth-col .main-menu ul li a {
    text-decoration: none;
    font-weight: 700;
    color: #646362;
  }
  .header .header-container .five-sixth-col .main-menu ul li a:hover, .header .header-container .five-sixth-col .main-menu ul li a.active {
    border-bottom: 2px solid #646362;
  }
  .header .header-container .five-sixth-col .main-menu ul li a.conferences-menu-item:hover, .header .header-container .five-sixth-col .main-menu ul li a.conferences-menu-item.active {
    color: #ED802F;
    border-color: #ED802F;
  }
  .header .header-container .five-sixth-col .main-menu ul li a.interventions-hebdomadaires-menu-item:hover, .header .header-container .five-sixth-col .main-menu ul li a.interventions-hebdomadaires-menu-item.active {
    color: #3366CC;
    border-color: #3366CC;
  }
  .header .header-container .five-sixth-col .main-menu ul li a.questions-reponses-menu-item:hover, .header .header-container .five-sixth-col .main-menu ul li a.questions-reponses-menu-item.active {
    color: #66bb73;
    border-color: #66bb73;
  }
  .header .header-container .five-sixth-col .main-menu ul li a.actualites-menu-item:hover, .header .header-container .five-sixth-col .main-menu ul li a.actualites-menu-item.active {
    color: #E52330;
    border-color: #E52330;
  }
  .header .header-container .five-sixth-col .main-menu ul li a.archives-menu-item:hover, .header .header-container .five-sixth-col .main-menu ul li a.archives-menu-item.active {
    color: #5D2784;
    border-color: #5D2784;
  }
  .header .header-container .five-sixth-col .main-menu ul li a.guest-menu-item:hover, .header .header-container .five-sixth-col .main-menu ul li a.guest-menu-item.active {
    color: #edb7b2;
    border-color: #edb7b2;
  }
  .header .header-container .five-sixth-col .main-menu ul li a.upc-menu-item:hover, .header .header-container .five-sixth-col .main-menu ul li a.upc-menu-item.active {
    color: #E52330;
    border-color: #E52330;
  }
  .header .header-container .five-sixth-col .main-menu ul li a.unipopconf-menu-item:hover, .header .header-container .five-sixth-col .main-menu ul li a.unipopconf-menu-item.active {
    color: #E52330;
    border-color: #E52330;
  }
  .header .header-container .five-sixth-col .main-menu ul li a.shop-menu-item:hover, .header .header-container .five-sixth-col .main-menu ul li a.shop-menu-item.active {
    color: #13245d;
    border-color: #13245d;
  }
  .small-header .header .header-container {
    height: auto;
  }
  .small-header .header .header-container .one-sixth-col .header-title .big-header-title {
    display: none;
  }
  .small-header .header .header-container .one-sixth-col .header-title .small-header-title {
    display: block;
  }
  .small-header .header .header-container .one-sixth-col .header-title .header-title-link {
    padding: 0.85em 0;
  }
  .small-header .header .header-container .one-sixth-col .header-title .header-title-link .header-title-first {
    display: inline;
  }
  .small-header .header .header-container .one-sixth-col .header-title .header-title-link .header-title-second {
    font-size: 1em;
    display: inline;
  }
  .small-header .header .header-container .one-sixth-col .header-title .header-title-link .header-title-third {
    padding-left: 0;
    display: inline;
  }
  .small-header .header .header-container .five-sixth-col .header-account-social {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
  }
  .gift-billboard.outside {
    display: none;
  }
  .gift-billboard {
    position: relative;
    font-size: 1.25em;
    text-transform: uppercase;
    text-decoration-color: #E52330;
    background: white;
    padding: 0;
    max-height: 0;
    overflow: hidden;
    -moz-transition: max-height 0.5s ease, height 0.5s ease, padding 0.5s ease;
    -o-transition: max-height 0.5s ease, height 0.5s ease, padding 0.5s ease;
    -webkit-transition: max-height 0.5s ease, height 0.5s ease, padding 0.5s ease;
    -ms-transition: max-height 0.5s ease, height 0.5s ease, padding 0.5s ease;
    transition: max-height 0.5s ease, height 0.5s ease, padding 0.5s ease;
  }
  .gift-billboard a, .gift-billboard span {
    font-style: italic;
    font-weight: 600;
    color: #E52330;
  }
  .gift-billboard .gift-billboard-close-button {
    font-size: 1em;
    padding: 0.1em 0.1em 0 0.1em;
    line-height: 1em;
    position: absolute;
    right: 0;
    top: 0;
    color: white;
    background: #E52330;
    cursor: pointer;
  }
  .gift-billboard.open {
    border-bottom: 3px solid #EDEDED;
    padding: 0.5em 0 0.5em 0;
    max-height: 4em;
    -moz-transition: max-height 1s ease, height 1s ease, padding 1s ease;
    -o-transition: max-height 1s ease, height 1s ease, padding 1s ease;
    -webkit-transition: max-height 1s ease, height 1s ease, padding 1s ease;
    -ms-transition: max-height 1s ease, height 1s ease, padding 1s ease;
    transition: max-height 1s ease, height 1s ease, padding 1s ease;
  }
  .help-button {
    position: absolute;
    top: -12px;
    left: calc(100% / 6);
    margin-left: 10px;
    padding: 10px 1em 0.5em 1em;
    color: #E52330;
    background: white;
    border: 2px solid #E52330;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 700;
    transition: all 0.2s;
  }
  .help-button:hover {
    padding-top: calc(0.5em + 10px);
    color: white;
    background: #E52330;
  }
  .help-button .help-button-text::before {
    display: inline-block;
    content: "";
    margin-right: 0.2em;
    position: relative;
    height: 1.5em;
    width: 1.5em;
    bottom: -0.25em;
    -moz-background-size: 80% auto;
    -o-background-size: 80% auto;
    -webkit-background-size: 80% auto;
    -ms-background-size: 80% auto;
    background-size: 80% auto;
    background: url(/assets/a2dfc0c52445189bd659ab749f4d1100.svg) 0 center no-repeat;
  }
}

@media screen and (max-width: 1470px) {
  .header .header-container .five-sixth-col .header-account-social .header-search {
    margin-right: 0.5em;
  }
  .header .header-container .five-sixth-col .header-account-social .header-gift {
    margin-right: 0.5em;
  }
  .header .header-container .five-sixth-col .header-account-social .header-account {
    margin-right: 0.5em;
  }
  .header .header-container .five-sixth-col .header-account-social .header-account a {
    margin: 0 0.25em;
    padding: 2px 5px;
  }
  .header .header-container .five-sixth-col .header-account-social .header-social a {
    margin-right: 0.25em;
  }
  .header .header-container .five-sixth-col .main-menu {
    font-size: 1.1em;
  }
}

@media screen and (max-width: 1250px) {
  .header .header-container .one-sixth-col {
    width: calc(100% / 8);
  }
  .header .header-container .one-sixth-col .header-title .header-title-link {
    font-size: 1em;
  }
  .header .header-container .one-sixth-col .header-title .header-title-link .header-title-second {
    font-size: 1.8em;
  }
  .header .header-container .five-sixth-col {
    width: calc(100% * 7 / 8);
  }
  .header .header-container .five-sixth-col .header-account-social .header-search {
    margin-right: 0.25em;
  }
  .header .header-container .five-sixth-col .header-account-social .header-search .search-form .search-input {
    /*font-size: 0.7em;*/
  }
  .header .header-container .five-sixth-col .header-account-social .header-gift {
    margin-right: 0.25em;
  }
  .header .header-container .five-sixth-col .header-account-social .header-account {
    margin-right: 0.25em;
  }
  .header .header-container .five-sixth-col .header-account-social .header-account a {
    margin: 0 0.25em;
    padding: 2px 3px;
    /*font-size: 0.7em;*/
  }
  .header .header-container .five-sixth-col .main-menu {
    font-size: 1em;
  }
  .small-header .header .header-container .one-sixth-col {
    float: none;
    width: auto;
  }
  .small-header .header .header-container .one-sixth-col .header-title .header-title-link {
    padding: 0.5em 0;
  }
  .small-header .header .header-container .one-sixth-col .header-title .header-title-link .header-title-second {
    font-size: 1em;
  }
  .small-header .header .header-container .one-sixth-col .header-title .header-title-link .header-title-third {
    padding-left: 0;
  }
  .small-header .header .header-container .five-sixth-col {
    float: none;
    width: auto;
  }
  .small-header .header .header-container .five-sixth-col .header-account-social {
    margin: 0;
  }
  .help-button {
    left: calc(100% / 8);
    margin-left: 10px;
    font-size: 0.85em;
  }
}

@media screen and (max-width: 800px) {
  .header {
    width: 100%;
    min-height: 100vh;
    padding-right: 40px;
    background: transparent;
    left: -100%;
    overflow: auto;
    pointer-events: none;
  }
  .header .header-toggle-menu {
    display: block;
    pointer-events: auto;
  }
  .header .header-container {
    background: white;
    border: 0;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 100vh;
    margin: 0;
    padding: 0 20px;
    pointer-events: auto;
  }
  .header .header-container .one-sixth-col {
    width: auto;
    float: none;
  }
  .header .header-container .one-sixth-col .header-title .big-header-title {
    display: none;
  }
  .header .header-container .one-sixth-col .header-title .small-header-title {
    display: block;
  }
  .header .header-container .one-sixth-col .header-title .header-title-link {
    padding: 0.5em 0;
    font-size: 1.1em;
  }
  .header .header-container .one-sixth-col .header-title .header-title-link .header-title-first {
    display: inline;
  }
  .header .header-container .one-sixth-col .header-title .header-title-link .header-title-second {
    font-size: 1em;
    display: inline;
  }
  .header .header-container .one-sixth-col .header-title .header-title-link .header-title-third {
    display: inline;
    padding: 0;
  }
  .header .header-container .five-sixth-col {
    width: auto;
    float: none;
    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;
  }
  .header .header-container .five-sixth-col .header-account-social {
    -moz-order: 2;
    -o-order: 2;
    -webkit-order: 2;
    -ms-order: 2;
    order: 2;
    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;
  }
  .header .header-container .five-sixth-col .header-account-social .header-search {
    margin: 0;
    padding: 1.5em 0 0.5em 0;
  }
  .header .header-container .five-sixth-col .header-account-social .header-search .search-form .search-input {
    text-align: left;
  }
  .header .header-container .five-sixth-col .header-account-social .header-gift {
    padding: 0.5em 0 0 0;
  }
  .header .header-container .five-sixth-col .header-account-social .header-gift a {
    display: block;
    padding: 0.5em 0;
    margin: 0;
  }
  .header .header-container .five-sixth-col .header-account-social .header-account {
    padding: 0;
  }
  .header .header-container .five-sixth-col .header-account-social .header-account a {
    display: block;
    padding: 0.5em 0;
    margin: 0;
  }
  .header .header-container .five-sixth-col .header-account-social .header-account .header-account-menu {
    display: block;
  }
  .header .header-container .five-sixth-col .header-account-social .header-social {
    padding: 0.5em;
    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: space-between;
    -o-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
  }
  .header .header-container .five-sixth-col .main-menu {
    -moz-order: 1;
    -o-order: 1;
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
  }
  .header .header-container .five-sixth-col .main-menu ul {
    -moz-flex-direction: column;
    -o-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-justify-content: flex-start;
    -o-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -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;
  }
  .header .header-container .five-sixth-col .main-menu ul li {
    padding: 0.25em 0;
  }
  .header-mobile-menu-toggled {
    left: 0;
  }
  .small-header .header .header-container {
    min-height: 100vh;
  }
  .small-header .header .header-container .five-sixth-col .header-account-social {
    height: auto;
  }
  .gift-billboard {
    font-size: 1em;
  }
  .gift-billboard.inside {
    display: none;
  }
  .gift-billboard.outside {
    display: block;
  }
  .gift-billboard.outside .gift-billboard-close-button {
    top: 2em;
  }
  .gift-billboard.outside.open {
    padding: 2.5em 20px 0.5em 20px;
    max-height: 7em;
  }
  .help-button {
    left: auto;
    right: 0;
    margin-right: 45px;
  }
}

@media screen and (max-width: 480px) {
  .header {
    /*width: 75%;
        left: -75%;*/
  }
  .header-mobile-menu-toggled {
    left: 0;
  }
}

@media screen {
  .search-component {
    position: relative;
  }
  .search-component .search-component-autocomplete {
    font-family: 'Roboto', Verdana, sans-serif;
    position: absolute;
    top: 4.5em;
    right: 0;
    max-height: 6.5em;
    border: 1px solid #646362;
    z-index: 999;
    background: white;
    overflow: auto;
  }
  .search-component .search-component-autocomplete .search-component-autocomplete-link {
    display: block;
    color: #646362;
    padding: 0 0.25em;
    text-overflow: ellipsis;
    white-space: nowrap;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
  }
  .search-component .search-component-autocomplete .search-component-autocomplete-link:hover {
    background: #ededed;
    text-decoration: none;
  }
  .header .search-component .search-component-autocomplete {
    top: 1.5em;
    right: 1.5em;
    text-align: right;
    width: 240px;
  }
  .header .search-component .search-component-autocomplete .search-component-autocomplete-link {
    max-width: 100%;
  }
}

@media screen and (max-width: 800px) {
  .search-component-autocomplete {
    display: none !important;
  }
}

@media screen {
  /*** gift page ***/
  .gift-page-token {
    font-size: 1.25em;
    margin: 1.5em auto;
    width: 25%;
    padding: 1em;
    background: #ededed;
    text-align: center;
  }
  /*** sidebar box ***/
  .gift-sidebar {
    margin-bottom: 40px;
    font-family: 'Roboto', Verdana, sans-serif;
  }
  .gift-sidebar .gift-sidebar-link {
    display: block;
    color: #646362;
    text-decoration: none;
    text-align: center;
    -moz-transition: color 0.4s;
    -o-transition: color 0.4s;
    -webkit-transition: color 0.4s;
    -ms-transition: color 0.4s;
    transition: color 0.4s;
    overflow: hidden;
    border-bottom: 4px solid #646362;
    /*.gift-sidebar-top::after {
                content: "";
                display: block;
                z-index: 5;
                height: 7px;
                position: absolute;
                bottom: 0.5em;
                right: -20em;
                left: -20em;
                background: white;
                @include transform(rotate(1.5deg));
            }*/
  }
  .gift-sidebar .gift-sidebar-link .gift-sidebar-top {
    position: relative;
    /*padding: 1.5em 1em 2.5em 1em;
                background: $onfray-gray;*/
    padding: 1.5em 1em;
    color: white;
    text-transform: uppercase;
    /*@include transition(background 0.4s);*/
  }
  .gift-sidebar .gift-sidebar-link .gift-sidebar-top span {
    font-size: 1.15em;
  }
  .gift-sidebar .gift-sidebar-link .gift-sidebar-top::before {
    content: "";
    position: absolute;
    top: -4em;
    left: -2em;
    bottom: 0;
    right: -2em;
    background: #646362;
    z-index: -1;
    -moz-transform: rotate(1.5deg);
    -o-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    transform: rotate(1.5deg);
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .gift-sidebar .gift-sidebar-link .gift-sidebar-bottom {
    /*background: #ededed;
                padding: 1.5em 1em;*/
    padding: 2.5em 1em 3.5em 1em;
    position: relative;
    /*@include transition(background 0.4s);*/
  }
  .gift-sidebar .gift-sidebar-link .gift-sidebar-bottom::after {
    content: "En savoir +";
    position: absolute;
    bottom: 1em;
    right: 0;
    display: inline-block;
    padding: 0.2em 0.5em;
    background: #646362;
    color: white;
    text-decoration: none;
    border: 2px solid #646362;
    font-size: 0.8em;
    text-transform: uppercase;
    -moz-transform: all 0.3s;
    -o-transform: all 0.3s;
    -webkit-transform: all 0.3s;
    -ms-transform: all 0.3s;
    transform: all 0.3s;
  }
  .gift-sidebar .gift-sidebar-link:hover {
    /*color: white;
            
            .gift-sidebar-top {
                background: $onfray-gray;
            }
            
            .gift-sidebar-bottom {
                background: $onfray-gray;
            }*/
  }
  .gift-sidebar .gift-sidebar-link:hover .gift-sidebar-bottom::after {
    background: white;
    color: #646362;
  }
}

@media screen and (max-width: 1470px) {
  .gift-page-token {
    width: calc(100% / 3);
  }
}

@media screen and (max-width: 1250px) {
  .gift-page-token {
    width: 50%;
  }
}

@media screen and (max-width: 1020px) {
  .gift-page-token {
    width: calc(100% * 2 / 3);
  }
}

@media screen and (max-width: 800px) {
  .gift-page-token {
    width: 75%;
  }
}

@media screen and (max-width: 480px) {
  .gift-page-token {
    width: 100%;
  }
}

@media screen {
  /*** sidebar box ***/
  .app-ad-sidebar {
    margin-bottom: 40px;
    font-family: 'Roboto', Verdana, sans-serif;
  }
  .app-ad-sidebar .app-ad-sidebar-link {
    display: block;
    color: #646362;
    text-decoration: none;
    text-align: center;
    -moz-transition: color 0.4s;
    -o-transition: color 0.4s;
    -webkit-transition: color 0.4s;
    -ms-transition: color 0.4s;
    transition: color 0.4s;
    overflow: hidden;
  }
  .app-ad-sidebar .app-ad-sidebar-link .app-ad-sidebar-title {
    position: relative;
    /*padding: 1.5em 1em 2.5em 1em;
                background: $onfray-gray;*/
    /*padding: 1.5em 1em;*/
    padding: 0 1em 1.5em 1em;
    color: white;
    text-transform: uppercase;
    /*@include transition(background 0.4s);*/
  }
  .app-ad-sidebar .app-ad-sidebar-link .app-ad-sidebar-title span {
    font-size: 1.15em;
  }
  .app-ad-sidebar .app-ad-sidebar-link .app-ad-sidebar-title::before {
    content: "";
    position: absolute;
    top: -25em;
    left: -2em;
    bottom: 1em;
    right: -2em;
    background: #646362;
    z-index: -1;
    -moz-transform: rotate(1.5deg);
    -o-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    transform: rotate(1.5deg);
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .app-ad-sidebar .app-ad-sidebar-link .app-ad-sidebar-inner {
    /*background: #ededed;
                padding: 1.5em 1em;*/
    /*padding: 2.5em 1em 3.5em 1em;*/
    padding: 1.5em 1em;
    position: relative;
    overflow: hidden;
    /*@include transition(background 0.4s);*/
  }
  .app-ad-sidebar .app-ad-sidebar-link .app-ad-sidebar-inner .app-ad-sidebar-image {
    display: block;
    width: 160px;
    float: left;
    margin-right: 20px;
    height: auto;
  }
  .app-ad-sidebar .app-ad-sidebar-link .app-ad-sidebar-image-only {
    display: block;
    width: 100%;
  }
  .app-ad-sidebar a.app-ad-sidebar-link .app-ad-sidebar-inner {
    padding: 1.5em 1em 2.5em 1em;
  }
  .app-ad-sidebar a.app-ad-sidebar-link .app-ad-sidebar-inner::after {
    content: "Telecharger l'app";
    position: absolute;
    bottom: 1em;
    right: 0;
    display: inline-block;
    padding: 0.2em 0.5em;
    background: #646362;
    color: white;
    text-decoration: none;
    border: 2px solid #646362;
    font-size: 0.8em;
    text-transform: uppercase;
    -moz-transform: all 0.3s;
    -o-transform: all 0.3s;
    -webkit-transform: all 0.3s;
    -ms-transform: all 0.3s;
    transform: all 0.3s;
  }
  .app-ad-sidebar a.app-ad-sidebar-link:hover .app-ad-sidebar-inner::after {
    background: white;
    color: #646362;
  }
  .app-ad-sidebar .sidebar-register-button {
    padding: 1.5em 1em;
    position: relative;
    color: #E52330;
    background: #efb41f;
    margin-bottom: 0.5em;
  }
  .app-ad-sidebar .sidebar-register-button.both {
    display: none;
  }
  .app-ad-sidebar .sidebar-register-button-detail {
    font-style: italic;
  }
  .app-ad-sidebar .sidebar-register-button-detail button {
    display: block;
    background: none;
    color: inherit;
    font-family: inherit;
    font-size: 1.4em;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    margin: 1em 0 0 0;
    padding: 15px;
    border: 3px solid #E52330;
    cursor: pointer;
  }
  .app-ad-sidebar .sidebar-register-button-register {
    font-weight: bold;
    font-size: 1.2em;
  }
  .app-ad-sidebar.mobile {
    display: none;
  }
  .app-ad-sidebar.desktop {
    display: block;
  }
}

@media screen and (max-width: 1250px) {
  .app-ad-sidebar .app-ad-sidebar-link .app-ad-sidebar-inner .app-ad-sidebar-image {
    float: none;
    margin: 0 auto 1em auto;
    max-height: 200px;
    width: auto;
  }
}

@media screen and (max-width: 800px) {
  .app-ad-sidebar.mobile {
    display: block;
  }
  .app-ad-sidebar.desktop {
    display: none;
  }
  .app-ad-sidebar.bottom {
    margin-bottom: 0;
    font-family: 'Roboto', Verdana, sans-serif;
    position: fixed;
    z-index: 1000;
    background: white;
    bottom: 0;
    width: calc(100% - 20px);
    padding: 10px;
    margin-left: -10px;
  }
  .app-ad-sidebar.bottom .app-ad-sidebar-link {
    border-bottom: none;
  }
  .app-ad-sidebar.bottom .app-ad-sidebar-link .app-ad-sidebar-inner .app-ad-sidebar-image {
    float: left;
    margin: 0 20px 0 0;
    max-height: none;
    width: 100px;
  }
  .app-ad-sidebar.bottom .sidebar-register-button {
    padding: 0.5em;
  }
  .app-ad-sidebar.bottom .sidebar-register-button.monthly {
    display: none;
  }
  .app-ad-sidebar.bottom .sidebar-register-button.yearly {
    display: none;
  }
  .app-ad-sidebar.bottom .sidebar-register-button.both {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  .app-ad-sidebar .app-ad-sidebar-link .app-ad-sidebar-inner .app-ad-sidebar-image {
    float: none;
    margin: 0 auto 1em auto;
    max-height: 200px;
    width: auto;
  }
}

@media screen {
  /*** sliding panels ***/
  .sliding-panel {
    position: fixed;
    z-index: 800;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
  }
  .left-sliding-panel {
    top: 0;
    bottom: 0;
    width: calc(100% / 2);
    left: calc(-1 * (100% / 2));
  }
  .left-sliding-panel.left-sliding-panel-visible {
    left: 0;
  }
  .right-sliding-panel {
    top: 0;
    bottom: 0;
    width: calc(100% / 2);
    right: calc(-1 * (100% / 2));
  }
  .right-sliding-panel.right-sliding-panel-visible {
    right: 0;
  }
  .top-sliding-panel {
    left: 0;
    right: 0;
    height: calc(100vh / 2);
    top: calc(-1 * (100vh / 2));
  }
  .top-sliding-panel.top-sliding-panel-visible {
    top: 0;
  }
  .bottom-sliding-panel {
    left: 0;
    right: 0;
    height: calc(100vh / 2);
    bottom: calc(-1 * (100vh / 2));
  }
  .bottom-sliding-panel.bottom-sliding-panel-visible {
    bottom: 0;
  }
  /*** login sliding panel ***/
  .login-sliding-panel-component {
    -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: white;
  }
  .login-sliding-panel-component .sliding-panel-content {
    padding: 0 2em 4em 2em;
    opacity: 0.2;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
  }
  .login-sliding-panel-component.sliding-panel-visible .sliding-panel-content {
    padding: 2em;
    opacity: 1;
  }
}

@media screen {
  /*** home box ***/
  .home-container {
    overflow: visible !important;
  }
  .video-contents-home {
    /* loader wrapper */
    width: 100%;
    min-height: 615px;
    /* height of title + 16/9 video */
    margin-bottom: 40px;
  }
  /*** playlists ***/
  .video-contents-playlist {
    width: 100%;
    margin-bottom: 40px;
  }
  .video-contents-playlist .video-contents-playlist-content {
    position: relative;
    cursor: pointer;
  }
  .video-contents-playlist .video-contents-playlist-content .video-contents-playlist-subscribe-link {
    display: inline-block;
    padding: 0.25em 0.5em;
    text-transform: uppercase;
    font-family: 'Roboto', Verdana, sans-serif;
    color: white;
    background: #646362;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
    font-size: 1.25em;
    margin: 0.5em;
  }
  .video-contents-playlist .video-contents-playlist-content .video-contents-playlist-subscribe-link:hover {
    background: #E52330;
  }
  .video-contents-home-box-component {
    /*margin-bottom: 40px;*/
  }
  .video-contents-home-box-component .video-contents-home-box {
    overflow: visible;
    color: white;
    display: block;
    left: 0;
    padding: 0;
    width: 100%;
    position: relative;
  }
  .video-contents-home-box-component .video-contents-home-box .video-contents-home-box-content {
    position: relative;
    overflow: hidden;
  }
  .video-contents-home-box-component .video-contents-home-box .video-contents-home-box-content .video-contents-home-title {
    position: relative;
    font-size: 1.5em;
    text-transform: uppercase;
    font-style: italic;
    padding: 1em 2.5em;
    z-index: 20;
    color: white;
    margin: 0;
    font-weight: 600;
    letter-spacing: 0.04em;
    z-index: 100;
  }
  .video-contents-home-box-component .video-contents-home-box .video-contents-home-box-content .video-contents-home-title::first-letter {
    font-size: 1.5em;
  }
  .video-contents-home-box-component .video-contents-home-box .video-contents-home-box-content .video-contents-home-title::before {
    content: "";
    position: absolute;
    top: -4em;
    left: -2em;
    bottom: 0;
    right: -2em;
    z-index: -1;
    -moz-transform: rotate(-1.5deg) translate3d(0, 0, 0);
    -o-transform: rotate(-1.5deg) translate3d(0, 0, 0);
    -webkit-transform: rotate(-1.5deg) translate3d(0, 0, 0);
    -ms-transform: rotate(-1.5deg) translate3d(0, 0, 0);
    transform: rotate(-1.5deg) translate3d(0, 0, 0);
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .video-contents-home-box-component .video-contents-home-box .video-contents-home-dates {
    position: absolute;
    padding: 0.75em 1.5em;
    font-family: 'Roboto', Verdana, sans-serif;
    text-transform: uppercase;
    bottom: 15%;
    left: -15px;
    z-index: 200;
  }
  .video-contents-home-box-component .video-contents-home-box .video-contents-home-dates .contents-title-free-wrapper {
    margin-top: 0.25em;
  }
  .video-contents-home-box-component .video-contents-home-box:hover {
    text-decoration: none;
  }
  .video-contents-home-box-component .video-contents-home-box:hover .video-thumb {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .video-contents-home-box-bottom-content {
    padding: 1.5em 2.5em;
    background: #ededed;
  }
  .video-contents-description {
    /*margin: 0 0 2em 0;
		padding-bottom: 2em;*/
    font-size: 1.1em !important;
    font-family: 'EB Garamond', serif !important;
  }
  .video-contents-description * {
    font-size: 1em !important;
    font-family: 'EB Garamond', serif !important;
  }
  .video-contents-description p:last-child {
    margin-bottom: 0;
  }
  .video-contents-description a {
    color: inherit;
    text-decoration: none;
    display: inline-block;
    position: relative;
  }
  .video-contents-description a:hover {
    text-decoration: none;
  }
  .video-contents-description a::after {
    content: "";
    position: absolute;
    display: block;
    right: 0;
    bottom: 0.15em;
    left: 0;
    height: 1px;
  }
  .video-contents-description a:hover::after {
    display: none;
  }
  /*** home box colors ***/
  .conference-home-box .conference-home-box-content .conference-home-title::before {
    background: #ED802F;
  }
  .conference-home-box .conference-home-dates {
    background: #ED802F;
  }
  .conference-contents-home-box-bottom-content .video-contents-description, .conference-content .video-contents-description {
    color: #ED802F !important;
  }
  .conference-contents-home-box-bottom-content .video-contents-description *, .conference-content .video-contents-description * {
    color: #ED802F !important;
  }
  .conference-contents-home-box-bottom-content .video-contents-description a::after, .conference-content .video-contents-description a::after {
    background: #ED802F;
  }
  .weekly-video-posts-home-box .weekly-video-posts-home-box-content .weekly-video-posts-home-title::before {
    background: #3366CC;
  }
  .weekly-video-posts-home-box .weekly-video-posts-home-dates {
    background: #3366CC;
  }
  .weekly-video-posts-contents-home-box-bottom-content .video-contents-description, .weekly-video-posts-content .video-contents-description {
    color: #3366CC !important;
  }
  .weekly-video-posts-contents-home-box-bottom-content .video-contents-description *, .weekly-video-posts-content .video-contents-description * {
    color: #3366CC !important;
  }
  .weekly-video-posts-contents-home-box-bottom-content .video-contents-description a::after, .weekly-video-posts-content .video-contents-description a::after {
    background: #3366CC;
  }
  .archive-home-box .archive-home-box-content .archive-home-title::before {
    background: #5D2784;
  }
  .archive-home-box .archive-home-dates {
    background: #5D2784;
  }
  .archive-contents-home-box-bottom-content .video-contents-description, .archive-content .video-contents-description {
    color: #5D2784 !important;
  }
  .archive-contents-home-box-bottom-content .video-contents-description *, .archive-content .video-contents-description * {
    color: #5D2784 !important;
  }
  .archive-contents-home-box-bottom-content .video-contents-description a::after, .archive-content .video-contents-description a::after {
    background: #5D2784;
  }
  .guest-home-box .guest-home-box-content .guest-home-title::before {
    background: #edb7b2;
  }
  .guest-home-box .guest-home-dates {
    background: #edb7b2;
  }
  .guest-contents-home-box-bottom-content .video-contents-description, .guest-content .video-contents-description {
    color: #edb7b2 !important;
  }
  .guest-contents-home-box-bottom-content .video-contents-description *, .guest-content .video-contents-description * {
    color: #edb7b2 !important;
  }
  .guest-contents-home-box-bottom-content .video-contents-description a::after, .guest-content .video-contents-description a::after {
    background: #edb7b2;
  }
  .unipopconf-home-box .unipopconf-home-box-content .unipopconf-home-title::before {
    background: #E52330;
  }
  .unipopconf-home-box .unipopconf-home-dates {
    background: #E52330;
  }
  .upc-home-box .upc-home-box-content .upc-home-title::before {
    background: #E52330;
  }
  .upc-home-box .upc-home-dates {
    background: #E52330;
  }
  .upc-contents-home-box-bottom-content .video-contents-description, .upc-content .video-contents-description {
    color: #E52330 !important;
  }
  .upc-contents-home-box-bottom-content .video-contents-description *, .upc-content .video-contents-description * {
    color: #E52330 !important;
  }
  .upc-contents-home-box-bottom-content .video-contents-description a::after, .upc-content .video-contents-description a::after {
    background: #E52330;
  }
  .just-answer-home-box .just-answer-home-box-content .just-answer-home-title::before {
    background: #66bb73;
  }
  .just-answer-home-box .just-answer-home-dates {
    background: #66bb73;
  }
  .just-answer-contents-home-box-bottom-content .video-contents-description, .just-answer-content .video-contents-description {
    color: #66bb73 !important;
  }
  .just-answer-contents-home-box-bottom-content .video-contents-description *, .just-answer-content .video-contents-description * {
    color: #66bb73 !important;
  }
  .just-answer-contents-home-box-bottom-content .video-contents-description a::after, .just-answer-content .video-contents-description a::after {
    background: #66bb73;
  }
  /*** sidebar ***/
  .video-contents-sidebar-box {
    background: #ededed;
  }
  .video-contents-sidebar-box .thumb-navigation .thumb-navigation-link {
    font-size: 3.25em !important;
  }
  .video-contents-sidebar-box .video-contents-sidebar-box-content {
    margin-bottom: 0;
    display: block;
    overflow: hidden;
  }
  .video-contents-sidebar-box .video-contents-sidebar-box-content .video-contents-page-highlight-video .video-contents-page-title {
    padding: 1em 1.5em;
    font-weight: 600;
    letter-spacing: 0.04em;
    z-index: 100;
  }
  .video-contents-sidebar-box .video-contents-sidebar-box-content .video-contents-page-highlight-video .video-contents-page-title::before {
    -moz-transform: rotate(1.5deg) translate3d(0, 0, 0);
    -o-transform: rotate(1.5deg) translate3d(0, 0, 0);
    -webkit-transform: rotate(1.5deg) translate3d(0, 0, 0);
    -ms-transform: rotate(1.5deg) translate3d(0, 0, 0);
    transform: rotate(1.5deg) translate3d(0, 0, 0);
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .video-contents-sidebar-box .video-contents-sidebar-box-content .video-contents-infos-wrapper {
    padding: 1.5em;
  }
  .video-contents-sidebar-box .video-contents-sidebar-box-content .video-contents-infos-wrapper .video-contents-description {
    margin: 0;
    padding: 0;
  }
  .video-contents-sidebar-box .video-contents-sidebar-box-content:hover {
    text-decoration: none;
  }
  .video-contents-sidebar-box .video-contents-footer {
    overflow: hidden;
  }
  .video-contents-sidebar-box .video-contents-date {
    display: inline-block;
    float: left;
    padding: calc(0.2em + 2px) 0.5em;
    margin: 1em 1.5em 1.5em 1.5em;
    font-size: 0.8em;
    font-family: 'Roboto', Verdana, sans-serif;
    text-transform: uppercase;
    font-weight: 500;
  }
  .video-contents-sidebar-box .video-contents-see-all-link {
    display: inline-block;
    float: right;
    padding: 0.2em 0.5em;
    margin: 1em 1.5em 1.5em 1.5em;
    color: white;
    text-decoration: none;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: 500;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  /*** sidebar colors ***/
  .conference-sidebar-box .conference-sidebar-box-content .conference-page-highlight-video .conference-page-title::before {
    background: #ED802F;
  }
  .conference-sidebar-box .conference-sidebar-box-content .video-contents-infos-wrapper {
    color: #ED802F;
  }
  .conference-sidebar-box .video-contents-see-all-link {
    background: #ED802F;
    border: 2px solid #ED802F;
  }
  .conference-sidebar-box .video-contents-see-all-link:hover {
    color: #ED802F;
    background: white;
  }
  .weekly-video-posts-sidebar-box .weekly-video-posts-sidebar-box-content .weekly-video-posts-page-highlight-video .weekly-video-posts-page-title::before {
    background: #3366CC;
  }
  .weekly-video-posts-sidebar-box .weekly-video-posts-sidebar-box-content .video-contents-infos-wrapper {
    color: #3366CC;
  }
  .weekly-video-posts-sidebar-box .video-contents-see-all-link {
    background: #3366CC;
    border: 2px solid #3366CC;
  }
  .weekly-video-posts-sidebar-box .video-contents-see-all-link:hover {
    color: #3366CC;
    background: white;
  }
  .archive-sidebar-box .archive-sidebar-box-content .archive-page-highlight-video .archive-page-title::before {
    background: #5D2784;
  }
  .archive-sidebar-box .archive-sidebar-box-content .video-contents-infos-wrapper {
    color: #5D2784;
  }
  .archive-sidebar-box .video-contents-date {
    color: #5D2784;
  }
  .archive-sidebar-box .video-contents-see-all-link {
    background: #5D2784;
    border: 2px solid #5D2784;
  }
  .archive-sidebar-box .video-contents-see-all-link:hover {
    color: #5D2784;
    background: transparent;
  }
  .guest-sidebar-box .guest-sidebar-box-content .guest-page-highlight-video .guest-page-title::before {
    background: #edb7b2;
  }
  .guest-sidebar-box .guest-sidebar-box-content .video-contents-infos-wrapper {
    color: #edb7b2;
  }
  .guest-sidebar-box .video-contents-see-all-link {
    background: #edb7b2;
    border: 2px solid #edb7b2;
  }
  .guest-sidebar-box .video-contents-see-all-link:hover {
    color: #edb7b2;
    background: white;
  }
  /*** full box ***/
  .video-contents-full-row {
    width: 100%;
    min-height: 645px;
    position: relative;
    margin-bottom: 20px;
  }
  .video-contents-full-row .video-contents-full-row-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .video-contents-full-row .video-contents-box-component {
    overflow: hidden;
  }
  .video-contents-full-row .video-contents-sharing {
    float: right;
  }
  .question-list .video-contents-full-row .video-contents-full-row-content {
    position: relative;
  }
  .video-contents-full-box, .video-contents-sidebar-box {
    margin-bottom: 40px;
    overflow: hidden;
  }
  .video-contents-full-box .video-contents-page-highlight-video, .video-contents-sidebar-box .video-contents-page-highlight-video {
    overflow: hidden;
    position: relative;
  }
  .video-contents-full-box .video-contents-page-highlight-video .video-contents-page-highlight-link, .video-contents-sidebar-box .video-contents-page-highlight-video .video-contents-page-highlight-link {
    display: block;
  }
  .video-contents-full-box .video-contents-page-highlight-video .video-contents-page-highlight-link:hover, .video-contents-sidebar-box .video-contents-page-highlight-video .video-contents-page-highlight-link:hover {
    text-decoration: none;
  }
  .video-contents-full-box .video-contents-page-highlight-video .video-contents-page-title, .video-contents-sidebar-box .video-contents-page-highlight-video .video-contents-page-title {
    position: relative;
    font-size: 1.5em;
    text-transform: uppercase;
    font-style: italic;
    padding: 1em 2.5em;
    z-index: 20;
    color: white;
    margin: 0;
    font-weight: 600;
    letter-spacing: 0.04em;
    cursor: pointer;
    z-index: 100;
  }
  .video-contents-full-box .video-contents-page-highlight-video .video-contents-page-title span, .video-contents-sidebar-box .video-contents-page-highlight-video .video-contents-page-title span {
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .video-contents-full-box .video-contents-page-highlight-video .video-contents-page-title .contents-title-free, .video-contents-sidebar-box .video-contents-page-highlight-video .video-contents-page-title .contents-title-free {
    font-style: normal;
    margin-left: 0.4em;
    font-size: 0.6em;
    vertical-align: 0.2em;
  }
  .video-contents-full-box .video-contents-page-highlight-video .video-contents-page-title::first-letter, .video-contents-sidebar-box .video-contents-page-highlight-video .video-contents-page-title::first-letter {
    font-size: 1.5em;
  }
  .video-contents-full-box .video-contents-page-highlight-video .video-contents-page-title::before, .video-contents-sidebar-box .video-contents-page-highlight-video .video-contents-page-title::before {
    content: "";
    position: absolute;
    top: -4em;
    left: -2em;
    bottom: 0;
    right: -2em;
    z-index: -1;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    -moz-transform: rotate(-1.5deg) translate3d(0, 0, 0);
    -o-transform: rotate(-1.5deg) translate3d(0, 0, 0);
    -webkit-transform: rotate(-1.5deg) translate3d(0, 0, 0);
    -ms-transform: rotate(-1.5deg) translate3d(0, 0, 0);
    transform: rotate(-1.5deg) translate3d(0, 0, 0);
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .contents-single-page {
    /* no margin cause annotations are doin' it */
  }
  .contents-single-page .video-contents-full-row {
    /*margin-bottom: 0;*/
  }
  .contents-single-page .video-contents-full-box {
    margin-bottom: 0;
  }
  .video-contents-full-box {
    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;
    background: white;
    margin-bottom: 0;
  }
  .video-contents-full-box .one-third-col {
    padding-bottom: 2.205em;
    /* sharing */
  }
  .video-contents-full-box .video-contents-infos {
    /*position: relative;*/
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .video-contents-full-box .video-contents-infos .video-contents-infos-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*padding: 1.5em 2.5em;*/
    /*background: #ededed;*/
    color: white;
  }
  .video-contents-full-box .video-contents-infos .video-contents-infos-wrapper .video-contents-title {
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 1em;
    /*margin-bottom: 1em;
					padding-bottom: 1em;*/
    padding: 2em 2.5em 1.5em 2.5em;
    position: relative;
    font-weight: 500;
    text-transform: uppercase;
    z-index: 10;
  }
  .video-contents-full-box .video-contents-infos .video-contents-infos-wrapper .video-contents-title .video-contents-category {
    font-size: 0.9em;
    font-family: 'EB Garamond', serif;
    margin-top: 0.5em;
  }
  .video-contents-full-box .video-contents-infos .video-contents-infos-wrapper .video-contents-title .video-content-switch-display {
    margin-top: 10px;
    text-align: right;
    font-size: 0.7em;
  }
  .video-contents-full-box .video-contents-infos .video-contents-infos-wrapper .video-contents-title .video-content-switch-display .video-content-switch-display-mode-button {
    padding: 0.2em 0.5em;
    border: 2px solid white;
    margin-left: 0.5em;
    display: inline-block;
    cursor: pointer;
  }
  .video-contents-full-box .video-contents-infos .video-contents-infos-wrapper .video-contents-title::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -4em;
    left: -2em;
    bottom: 0;
    right: -2em;
    -moz-transform: rotate(1.5deg) translate3d(0, 0, 0);
    -o-transform: rotate(1.5deg) translate3d(0, 0, 0);
    -webkit-transform: rotate(1.5deg) translate3d(0, 0, 0);
    -ms-transform: rotate(1.5deg) translate3d(0, 0, 0);
    transform: rotate(1.5deg) translate3d(0, 0, 0);
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .video-contents-full-box .video-contents-infos .video-contents-infos-wrapper .video-contents-description {
    padding: 1.81em 2.27em 3.18em 2.27em;
    position: relative;
    z-index: 5;
    background: white;
    font-size: 1.1em !important;
    font-family: 'EB Garamond', serif !important;
  }
  .video-contents-full-box .video-contents-infos .video-contents-infos-wrapper .video-contents-description * {
    font-size: 1em !important;
    font-family: 'EB Garamond', serif !important;
  }
  .video-contents-full-box .video-contents-infos .video-contents-infos-wrapper .video-contents-description .video-contents-description-map {
    display: inline-block;
    margin-top: 0.5em;
    padding-bottom: 0;
    font-weight: 700;
    text-decoration: none;
  }
  .video-contents-full-box .video-contents-infos .video-contents-infos-wrapper .video-contents-description .video-contents-description-map:hover {
    text-decoration: none;
    padding-bottom: 2px;
    border: 0;
  }
  .video-contents-full-box .video-contents-infos .video-contents-infos-wrapper .video-contents-full-annotations-wrapper {
    padding: 1.5em 2.5em;
    position: relative;
    z-index: 10;
    top: -2em;
  }
  .video-contents-full-box .video-contents-infos .video-contents-infos-wrapper .video-contents-full-annotations-wrapper .related-annotations-wrapper {
    border: 0;
    margin: 0;
    background: transparent;
    position: relative;
    z-index: 30;
  }
  .video-contents-full-box .video-contents-infos .video-contents-infos-wrapper .video-contents-full-annotations-wrapper::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: -4em;
    bottom: 0;
    right: -4em;
    -moz-transform: rotate(3.5deg) translate3d(0, 0, 0);
    -o-transform: rotate(3.5deg) translate3d(0, 0, 0);
    -webkit-transform: rotate(3.5deg) translate3d(0, 0, 0);
    -ms-transform: rotate(3.5deg) translate3d(0, 0, 0);
    transform: rotate(3.5deg) translate3d(0, 0, 0);
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .video-contents-full-box .video-contents-text-description {
    /* text content */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
  }
  .video-contents-full-box .video-contents-text-description .video-contents-description {
    padding: 2em 2.5em;
  }
  .video-contents-full-box-playing .video-contents-page-highlight-video .video-contents-page-title span {
    /*opacity: 0;*/
  }
  .video-contents-full-box-playing .video-contents-page-highlight-video .video-contents-page-title::before {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  /*** full page colors ***/
  .conference-full-box .video-contents-page-highlight-video .video-contents-page-title::before {
    background: #ED802F;
  }
  .conference-full-box .video-contents-infos-wrapper {
    background: #ED802F;
  }
  .conference-full-box .video-contents-infos-wrapper .video-contents-title::before {
    background: #ED802F;
  }
  .conference-full-box .video-contents-infos-wrapper .video-contents-description {
    color: #ED802F !important;
  }
  .conference-full-box .video-contents-infos-wrapper .video-contents-description * {
    color: #ED802F !important;
  }
  .conference-full-box .video-contents-infos-wrapper .video-contents-description .video-contents-description-map {
    border-bottom: 2px solid #ED802F;
  }
  .conference-full-box .video-contents-infos-wrapper .video-contents-full-annotations-wrapper::before {
    background: #ED802F;
  }
  .conference-full-box .video-contents-text-description .video-contents-description {
    /* text content */
    color: #ED802F;
  }
  .weekly-video-posts-full-box .video-contents-page-highlight-video .video-contents-page-title::before {
    background: #3366CC;
  }
  .weekly-video-posts-full-box .video-contents-infos-wrapper {
    background: #3366CC;
  }
  .weekly-video-posts-full-box .video-contents-infos-wrapper .video-contents-title::before {
    background: #3366CC;
  }
  .weekly-video-posts-full-box .video-contents-infos-wrapper .video-contents-description {
    color: #3366CC !important;
  }
  .weekly-video-posts-full-box .video-contents-infos-wrapper .video-contents-description * {
    color: #3366CC !important;
  }
  .weekly-video-posts-full-box .video-contents-infos-wrapper .video-contents-description .video-contents-description-map {
    border-bottom: 2px solid #3366CC;
  }
  .weekly-video-posts-full-box .video-contents-infos-wrapper .video-contents-full-annotations-wrapper::before {
    background: #3366CC;
  }
  .weekly-video-posts-full-box .video-contents-text-description .video-contents-description {
    /* text content */
    color: #3366CC;
  }
  .question-box-answered-full-box .video-contents-page-highlight-video .video-contents-page-title::before {
    background: #66bb73;
  }
  .question-box-answered-full-box .video-contents-infos-wrapper {
    background: #66bb73;
  }
  .question-box-answered-full-box .video-contents-infos-wrapper .video-contents-title::before {
    background: #66bb73;
  }
  .question-box-answered-full-box .video-contents-infos-wrapper .video-contents-description {
    color: #66bb73 !important;
  }
  .question-box-answered-full-box .video-contents-infos-wrapper .video-contents-description * {
    color: #66bb73 !important;
  }
  .question-box-answered-full-box .video-contents-infos-wrapper .video-contents-description .video-contents-description-map {
    border-bottom: 2px solid #66bb73;
  }
  .question-box-answered-full-box .video-contents-infos-wrapper .video-contents-full-annotations-wrapper::before {
    background: #66bb73;
  }
  .question-box-answered-full-box .video-contents-text-description .video-contents-description {
    /* text content */
    color: #66bb73;
  }
  .archive-full-box .video-contents-page-highlight-video .video-contents-page-title::before {
    background: #5D2784;
  }
  .archive-full-box .video-contents-infos-wrapper {
    background: #5D2784;
  }
  .archive-full-box .video-contents-infos-wrapper .video-contents-title::before {
    background: #5D2784;
  }
  .archive-full-box .video-contents-infos-wrapper .video-contents-description {
    color: #5D2784 !important;
  }
  .archive-full-box .video-contents-infos-wrapper .video-contents-description * {
    color: #5D2784 !important;
  }
  .archive-full-box .video-contents-infos-wrapper .video-contents-description .video-contents-description-map {
    border-bottom: 2px solid #5D2784;
  }
  .archive-full-box .video-contents-infos-wrapper .video-contents-full-annotations-wrapper::before {
    background: #5D2784;
  }
  .archive-full-box .video-contents-text-description .video-contents-description {
    /* text content */
    color: #5D2784;
  }
  .guest-full-box .video-contents-page-highlight-video .video-contents-page-title::before {
    background: #edb7b2;
  }
  .guest-full-box .video-contents-infos-wrapper {
    background: #edb7b2;
  }
  .guest-full-box .video-contents-infos-wrapper .video-contents-title::before {
    background: #edb7b2;
  }
  .guest-full-box .video-contents-infos-wrapper .video-contents-description {
    color: #edb7b2 !important;
  }
  .guest-full-box .video-contents-infos-wrapper .video-contents-description * {
    color: #edb7b2 !important;
  }
  .guest-full-box .video-contents-infos-wrapper .video-contents-description .video-contents-description-map {
    border-bottom: 2px solid #edb7b2;
  }
  .guest-full-box .video-contents-infos-wrapper .video-contents-full-annotations-wrapper::before {
    background: #edb7b2;
  }
  .guest-full-box .video-contents-text-description .video-contents-description {
    /* text content */
    color: #edb7b2;
  }
  .unipopconf-full-box .video-contents-page-highlight-video .video-contents-page-title::before,
  .upc-full-box .video-contents-page-highlight-video .video-contents-page-title::before {
    background: #E52330;
  }
  .unipopconf-full-box .video-contents-infos-wrapper,
  .upc-full-box .video-contents-infos-wrapper {
    background: #E52330;
  }
  .unipopconf-full-box .video-contents-infos-wrapper .video-contents-title::before,
  .upc-full-box .video-contents-infos-wrapper .video-contents-title::before {
    background: #E52330;
  }
  .unipopconf-full-box .video-contents-infos-wrapper .video-contents-description,
  .upc-full-box .video-contents-infos-wrapper .video-contents-description {
    color: #E52330 !important;
  }
  .unipopconf-full-box .video-contents-infos-wrapper .video-contents-description *,
  .upc-full-box .video-contents-infos-wrapper .video-contents-description * {
    color: #E52330 !important;
  }
  .unipopconf-full-box .video-contents-infos-wrapper .video-contents-description .video-contents-description-map,
  .upc-full-box .video-contents-infos-wrapper .video-contents-description .video-contents-description-map {
    border-bottom: 2px solid #E52330;
  }
  .unipopconf-full-box .video-contents-infos-wrapper .video-contents-full-annotations-wrapper::before,
  .upc-full-box .video-contents-infos-wrapper .video-contents-full-annotations-wrapper::before {
    background: #E52330;
  }
  .unipopconf-full-box .video-contents-text-description .video-contents-description,
  .upc-full-box .video-contents-text-description .video-contents-description {
    /* text content */
    color: #E52330;
  }
  /*** related annotations ***/
  .related-annotations-wrapper {
    margin: 2em 0 0 0;
    padding-top: 2em;
    overflow: hidden;
    min-height: calc(1.71em + 4px);
  }
  .related-annotations-wrapper .video-contents-annotations-title {
    font-style: italic;
    font-weight: 700;
    font-size: 1.1em;
    margin-bottom: 1em;
    color: white;
  }
  .related-annotations-wrapper .related-annotations {
    display: block;
    float: left;
    padding: 0.2em 0.5em;
    text-decoration: none;
    margin: 0 1em 1em 0;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 0.9em;
    text-transform: uppercase;
    overflow: hidden;
    font-weight: 500;
    max-width: calc(100% - (1em + 4px));
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.5em;
    height: 1.5em;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
  }
  .related-annotations-wrapper .annotations-transition-enter {
    /*background: black;*/
    height: 0;
    margin: 0.75em 1em 1.75em 0;
    padding: 0 0.5em;
    color: rgba(255, 255, 255, 0);
  }
  .related-annotations-wrapper .annotations-transition-enter.annotations-transition-enter-active {
    height: 1.5em;
    margin: 0 1em 1em 0;
    padding: 0.2em 0.5em;
    color: white;
  }
  .related-annotations-wrapper .annotations-transition-leave {
    height: 1.5em;
    margin: 0 1em 1em 0;
    padding: 0.2em 0.5em;
    color: white;
  }
  .related-annotations-wrapper .annotations-transition-leave.annotations-transition-leave-active {
    height: 0;
    margin: 0.75em 1em 1.75em 0;
    padding: 0 0.5em;
    overflow: hidden;
    color: rgba(255, 255, 255, 0);
  }
  .related-annotations-wrapper .related-annotations:hover {
    text-decoration: none;
  }
  .related-annotations-wrapper .annotations-see-all-link {
    display: inline-block;
    float: right;
    padding: 0.2em 0.5em;
    margin-top: 1em;
    color: white;
    text-decoration: none;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: 500;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  /*** related annotations colors ***/
  .conference-box-component .related-annotations-wrapper {
    border-top: 4px solid #ED802F;
  }
  .conference-box-component .related-annotations-wrapper .video-contents-annotations-title {
    color: #ED802F;
  }
  .conference-box-component .related-annotations-wrapper .related-annotations, .conference-box-component .related-annotations-wrapper .annotations-see-all-link {
    color: #ED802F;
    border: 2px solid #ED802F;
  }
  .conference-box-component .related-annotations-wrapper .related-annotations:hover, .conference-box-component .related-annotations-wrapper .annotations-see-all-link:hover {
    background: #ED802F;
    color: white;
  }
  .conference-full-box .related-annotations-wrapper {
    background: #ED802F;
    border-top: 4px solid white;
  }
  .conference-full-box .related-annotations-wrapper .video-contents-annotations-title {
    color: white;
  }
  .conference-full-box .related-annotations-wrapper .related-annotations {
    color: white;
    border: 2px solid white;
  }
  .conference-full-box .related-annotations-wrapper .related-annotations:hover {
    background: white;
    color: #ED802F;
  }
  .weekly-video-posts-box-component .related-annotations-wrapper {
    border-top: 4px solid #3366CC;
  }
  .weekly-video-posts-box-component .related-annotations-wrapper .video-contents-annotations-title {
    color: #3366CC;
  }
  .weekly-video-posts-box-component .related-annotations-wrapper .related-annotations, .weekly-video-posts-box-component .related-annotations-wrapper .annotations-see-all-link {
    color: #3366CC;
    border: 2px solid #3366CC;
  }
  .weekly-video-posts-box-component .related-annotations-wrapper .related-annotations:hover, .weekly-video-posts-box-component .related-annotations-wrapper .annotations-see-all-link:hover {
    background: #3366CC;
    color: white;
  }
  .weekly-video-posts-full-box .related-annotations-wrapper {
    border-top: 4px solid white;
  }
  .weekly-video-posts-full-box .related-annotations-wrapper .video-contents-annotations-title {
    color: white;
  }
  .weekly-video-posts-full-box .related-annotations-wrapper .related-annotations {
    color: white;
    border: 2px solid white;
  }
  .weekly-video-posts-full-box .related-annotations-wrapper .related-annotations:hover {
    background: white;
    color: #3366CC;
  }
  .question-list-wrapper .questions-related-annotations {
    margin: 0 0 40px 0;
    position: relative;
    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;
  }
  .question-list-wrapper .questions-related-annotations .related-annotations-wrapper {
    background: #66bb73;
    padding: 1.5em 2.5em;
    margin: 0;
    width: 100%;
    -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;
  }
  .question-list-wrapper .questions-related-annotations .related-annotations-wrapper .video-contents-annotations-title {
    color: white;
  }
  .question-list-wrapper .questions-related-annotations .related-annotations-wrapper .related-annotations {
    color: white;
    border: 2px solid white;
  }
  .question-list-wrapper .questions-related-annotations .related-annotations-wrapper .related-annotations:hover {
    background: white;
    color: #66bb73;
  }
  .question-box-answered-full-box .related-annotations-wrapper {
    border-top: 4px solid white;
  }
  .question-box-answered-full-box .related-annotations-wrapper .video-contents-annotations-title {
    color: white;
  }
  .question-box-answered-full-box .related-annotations-wrapper .related-annotations {
    color: white;
    border: 2px solid white;
  }
  .question-box-answered-full-box .related-annotations-wrapper .related-annotations:hover {
    background: white;
    color: #66bb73;
  }
  .archive-box-component .related-annotations-wrapper {
    border-top: 4px solid #5D2784;
  }
  .archive-box-component .related-annotations-wrapper .video-contents-annotations-title {
    color: #5D2784;
  }
  .archive-box-component .related-annotations-wrapper .related-annotations, .archive-box-component .related-annotations-wrapper .annotations-see-all-link {
    color: #ED802F;
    border: 2px solid #5D2784;
  }
  .archive-box-component .related-annotations-wrapper .related-annotations:hover, .archive-box-component .related-annotations-wrapper .annotations-see-all-link:hover {
    background: #5D2784;
    color: white;
  }
  .archive-full-box .related-annotations-wrapper {
    border-top: 4px solid white;
  }
  .archive-full-box .related-annotations-wrapper .video-contents-annotations-title {
    color: white;
  }
  .archive-full-box .related-annotations-wrapper .related-annotations {
    color: white;
    border: 2px solid white;
  }
  .archive-full-box .related-annotations-wrapper .related-annotations:hover {
    background: white;
    color: #5D2784;
  }
  .guest-box-component .related-annotations-wrapper {
    border-top: 4px solid #edb7b2;
  }
  .guest-box-component .related-annotations-wrapper .video-contents-annotations-title {
    color: #edb7b2;
  }
  .guest-box-component .related-annotations-wrapper .related-annotations, .guest-box-component .related-annotations-wrapper .annotations-see-all-link {
    color: #edb7b2;
    border: 2px solid pink;
  }
  .guest-box-component .related-annotations-wrapper .related-annotations:hover, .guest-box-component .related-annotations-wrapper .annotations-see-all-link:hover {
    background: #edb7b2;
    color: white;
  }
  .guest-full-box .related-annotations-wrapper {
    border-top: 4px solid white;
  }
  .guest-full-box .related-annotations-wrapper .video-contents-annotations-title {
    color: white;
  }
  .guest-full-box .related-annotations-wrapper .related-annotations {
    color: white;
    border: 2px solid white;
  }
  .guest-full-box .related-annotations-wrapper .related-annotations:hover {
    background: white;
    color: #edb7b2;
  }
  .unipopconf-box-component .related-annotations-wrapper,
  .upc-box-component .related-annotations-wrapper {
    border-top: 4px solid #E52330;
  }
  .unipopconf-box-component .related-annotations-wrapper .video-contents-annotations-title,
  .upc-box-component .related-annotations-wrapper .video-contents-annotations-title {
    color: #E52330;
  }
  .unipopconf-box-component .related-annotations-wrapper .related-annotations, .unipopconf-box-component .related-annotations-wrapper .annotations-see-all-link,
  .upc-box-component .related-annotations-wrapper .related-annotations,
  .upc-box-component .related-annotations-wrapper .annotations-see-all-link {
    color: #E52330;
    border: 2px solid #E52330;
  }
  .unipopconf-box-component .related-annotations-wrapper .related-annotations:hover, .unipopconf-box-component .related-annotations-wrapper .annotations-see-all-link:hover,
  .upc-box-component .related-annotations-wrapper .related-annotations:hover,
  .upc-box-component .related-annotations-wrapper .annotations-see-all-link:hover {
    background: #E52330;
    color: white;
  }
  .unipopconf-full-box .related-annotations-wrapper,
  .upc-full-box .related-annotations-wrapper {
    background: #E52330;
    border-top: 4px solid white;
  }
  .unipopconf-full-box .related-annotations-wrapper .video-contents-annotations-title,
  .upc-full-box .related-annotations-wrapper .video-contents-annotations-title {
    color: white;
  }
  .unipopconf-full-box .related-annotations-wrapper .related-annotations,
  .upc-full-box .related-annotations-wrapper .related-annotations {
    color: white;
    border: 2px solid white;
  }
  .unipopconf-full-box .related-annotations-wrapper .related-annotations:hover,
  .upc-full-box .related-annotations-wrapper .related-annotations:hover {
    background: white;
    color: #E52330;
  }
  /*** thumbs ***/
  .video-contents-thumb-box {
    margin-bottom: 40px;
  }
  .video-contents-thumb-box .thumb-navigation .thumb-navigation-link {
    font-size: 3em !important;
  }
  .video-contents-thumb-box .video-contents-thumb-wrapper {
    display: block;
    overflow: hidden;
    padding-bottom: 1em;
    position: relative;
  }
  .video-contents-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-title {
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 0.8em;
    padding: 1.25em 0.75em 0.5em 0.75em;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
    z-index: 20;
    color: white;
    overflow: visible !important;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .video-contents-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-title::before {
    content: "";
    position: absolute;
    top: -4em;
    left: -2em;
    bottom: 0;
    right: -2em;
    z-index: -1;
    -moz-transform: rotate(-1.5deg) translate3d(0, 0, 0);
    -o-transform: rotate(-1.5deg) translate3d(0, 0, 0);
    -webkit-transform: rotate(-1.5deg) translate3d(0, 0, 0);
    -ms-transform: rotate(-1.5deg) translate3d(0, 0, 0);
    transform: rotate(-1.5deg) translate3d(0, 0, 0);
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .video-contents-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-video-player {
    position: relative;
    overflow: hidden;
    z-index: 10;
  }
  .video-contents-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-video-player .video-contents-thumb-description {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 100%;
    color: white;
    padding: 3em 2.5em;
    cursor: pointer;
    text-decoration: none;
    z-index: 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;
    -moz-transition: left 0.4s;
    -o-transition: left 0.4s;
    -webkit-transition: left 0.4s;
    -ms-transition: left 0.4s;
    transition: left 0.4s;
  }
  .video-contents-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-video-player .video-contents-thumb-description div {
    position: relative;
    z-index: 3;
  }
  .video-contents-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-video-player .video-contents-thumb-description:hover {
    text-decoration: none;
  }
  .video-contents-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-video-player .video-contents-thumb-description::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 0.6;
  }
  .video-contents-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-video-player .video-content-thumb-navigation {
    position: absolute !important;
    bottom: 3.25em;
    right: 3.125em;
    font-size: 0.8em;
    color: white;
    z-index: 2;
    text-align: right;
    font-family: 'Roboto', Verdana, sans-serif;
    text-transform: uppercase;
  }
  .video-contents-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-video-player .video-content-thumb-navigation .video-content-thumb-navigation-link {
    border-bottom: 4px solid white;
    margin-left: 1em;
    display: inline-block;
  }
  .video-contents-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-video-player .video-contents-thumb-text-description::after {
    content: "Lire +";
  }
  .video-contents-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-date {
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 0.8em;
    padding: 1.25em 1em 1em 1em;
    text-transform: uppercase;
    font-weight: 500;
    position: absolute;
    z-index: 20;
    color: white;
    bottom: 0;
    right: 0;
    overflow: visible !important;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    max-width: 90%;
  }
  .video-contents-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-date .video-contents-thumb-date-inner {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .video-contents-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-date::before {
    content: "";
    position: absolute;
    top: 0.5em;
    left: 0;
    bottom: -4em;
    right: -2em;
    z-index: -1;
    -moz-transform: skew(0, -2.5deg) translate3d(0, 0, 0);
    -o-transform: skew(0, -2.5deg) translate3d(0, 0, 0);
    -webkit-transform: skew(0, -2.5deg) translate3d(0, 0, 0);
    -ms-transform: skew(0, -2.5deg) translate3d(0, 0, 0);
    transform: skew(0, -2.5deg) translate3d(0, 0, 0);
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .video-contents-thumb-box .video-contents-thumb-wrapper:hover {
    text-decoration: none;
  }
  .video-contents-thumb-box .video-contents-thumb-wrapper:hover .video-contents-thumb-video-player .video-contents-thumb-description {
    left: 0;
  }
  .related-videos-wrapper .one-third-col:nth-child(even) .video-contents-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-title::before, .related-annotations-videos-wrapper .one-third-col:nth-child(even) .video-contents-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-title::before {
    top: -4em;
    left: -2em;
    bottom: 0;
    right: -2em;
    -moz-transform: rotate(1.5deg) translate3d(0, 0, 0);
    -o-transform: rotate(1.5deg) translate3d(0, 0, 0);
    -webkit-transform: rotate(1.5deg) translate3d(0, 0, 0);
    -ms-transform: rotate(1.5deg) translate3d(0, 0, 0);
    transform: rotate(1.5deg) translate3d(0, 0, 0);
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .related-videos-wrapper .one-third-col:nth-child(even) .video-contents-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-date::before, .related-annotations-videos-wrapper .one-third-col:nth-child(even) .video-contents-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-date::before {
    top: 0;
    left: 0;
    bottom: -4em;
    right: 0;
    -moz-transform: skew(0, 2.5deg) translate3d(0, 0, 0);
    -o-transform: skew(0, 2.5deg) translate3d(0, 0, 0);
    -webkit-transform: skew(0, 2.5deg) translate3d(0, 0, 0);
    -ms-transform: skew(0, 2.5deg) translate3d(0, 0, 0);
    transform: skew(0, 2.5deg) translate3d(0, 0, 0);
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  /*** thumbs colors ***/
  .conference-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-title::before {
    background: #ED802F;
  }
  .conference-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-video-player .video-contents-thumb-description {
    /*background: $onfray-orange;*/
  }
  .conference-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-video-player .video-contents-thumb-description::before {
    background: #ED802F;
  }
  .conference-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-date::before {
    background: #ED802F;
  }
  .weekly-video-posts-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-title::before {
    background: #3366CC;
  }
  .weekly-video-posts-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-video-player .video-contents-thumb-description {
    /*background: $onfray-blue;*/
  }
  .weekly-video-posts-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-video-player .video-contents-thumb-description::before {
    background: #3366CC;
  }
  .weekly-video-posts-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-date::before {
    background: #3366CC;
  }
  .question-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-title::before, .just-answer-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-title::before {
    background: #66bb73;
  }
  .question-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-video-player .video-contents-thumb-description, .just-answer-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-video-player .video-contents-thumb-description {
    /*background: $onfray-green;*/
  }
  .question-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-video-player .video-contents-thumb-description::before, .just-answer-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-video-player .video-contents-thumb-description::before {
    background: #66bb73;
  }
  .question-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-date::before, .just-answer-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-date::before {
    background: #66bb73;
  }
  .archive-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-title::before {
    background: #5D2784;
  }
  .archive-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-video-player .video-contents-thumb-description {
    /*background: $onfray-violet;*/
  }
  .archive-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-video-player .video-contents-thumb-description::before {
    background: #5D2784;
  }
  .archive-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-date::before {
    background: #5D2784;
  }
  .guest-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-title::before {
    background: #edb7b2;
  }
  .guest-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-video-player .video-contents-thumb-description {
    /*background: $onfray-pink;*/
  }
  .guest-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-video-player .video-contents-thumb-description::before {
    background: #edb7b2;
  }
  .guest-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-date::before {
    background: #edb7b2;
  }
  .unipopconf-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-title::before,
  .upc-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-title::before {
    background: #E52330;
  }
  .unipopconf-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-video-player .video-contents-thumb-description,
  .upc-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-video-player .video-contents-thumb-description {
    /*background: $onfray-dark-blue;*/
  }
  .unipopconf-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-video-player .video-contents-thumb-description::before,
  .upc-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-video-player .video-contents-thumb-description::before {
    background: #E52330;
  }
  .unipopconf-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-date::before,
  .upc-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-date::before {
    background: #E52330;
  }
  .contents-title-free {
    color: white;
    border: 2px solid #66ff66;
    padding: 0.1em 0.5em;
    margin-top: 0.2em;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 0.8em;
    font-weight: 500;
    line-height: 1.7em;
    display: inline-block;
  }
  .contents-title-free-totally {
    /*&:after {
                content: " pour tous";
            }*/
  }
}

@media screen and (max-width: 1470px) {
  /*** home box ***/
  .video-contents-home {
    /* loader wrapper */
    min-height: 445px;
    /* height of title + 16/9 video */
  }
  .video-contents-home-box-component .video-contents-home-box .video-contents-home-box-content .video-contents-home-title {
    font-size: 1.25em;
    padding: 1em 1.5em;
  }
  .video-contents-home-box-component .video-contents-home-box .video-contents-home-dates {
    font-size: 0.9em;
  }
  .video-contents-home-box-bottom-content {
    padding: 1.5em 1.75em;
  }
  /*** sidebar ***/
  .video-contents-sidebar-box .thumb-navigation .thumb-navigation-link {
    font-size: 2.75em !important;
    border: 3px solid white !important;
  }
  .video-contents-sidebar-box .video-contents-sidebar-box-content .video-contents-page-highlight-video .video-contents-page-title {
    font-size: 1.15em;
    padding: 1em;
  }
  .video-contents-sidebar-box .video-contents-sidebar-box-content .video-contents-infos-wrapper {
    padding: 1.25em;
  }
  /*** full box ***/
  .video-contents-full-row {
    min-height: 520px;
  }
  .video-contents-full-box .video-contents-page-highlight-video .video-contents-page-title {
    font-size: 1.25em;
    padding: 1em 1.5em;
  }
  .video-contents-full-box .video-contents-infos .video-contents-infos-wrapper {
    /*padding: 1.25em 1.5em;*/
  }
  .video-contents-full-box .video-contents-infos .video-contents-infos-wrapper .video-contents-title {
    padding: 1em 1.5em 1em 1.5em;
  }
  .video-contents-full-box .video-contents-infos .video-contents-infos-wrapper .video-contents-description {
    padding: 1em 1.5em 2.5em 1.5em;
  }
  .video-contents-full-box .video-contents-infos .video-contents-infos-wrapper .video-contents-full-annotations-wrapper {
    padding: 2em 1.5em 1.5em 1.5em;
    top: -1.5em;
  }
  .video-contents-full-box .video-contents-infos .video-contents-infos-wrapper .video-contents-full-annotations-wrapper .related-annotations-wrapper {
    padding-top: 0;
  }
  .content-sharing {
    font-size: 0.9em;
  }
  /*** thumbs ***/
  .video-contents-thumb-box .thumb-navigation .thumb-navigation-link {
    font-size: 2.5em !important;
    border: 3px solid white !important;
  }
  .video-contents-thumb-box .video-contents-thumb-wrapper {
    padding-bottom: 0.75em;
  }
  .video-contents-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-video-player {
    font-size: 0.9em;
  }
  .video-contents-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-video-player .video-contents-thumb-description {
    padding: 1.5em;
  }
  .video-contents-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-video-player .video-content-thumb-navigation {
    bottom: 2em;
    right: 2em;
  }
  .video-contents-thumb-box .video-contents-thumb-wrapper .video-contents-thumb-date {
    padding: 1em 0.75em 0.75em 0.75em;
  }
}

@media screen and (max-width: 1250px) {
  /*** home box ***/
  .video-contents-home {
    /* loader wrapper */
    min-height: 355px;
    /* height of title + 16/9 video */
  }
  .video-contents-home-box-component .video-contents-home-box .video-contents-home-box-content .video-contents-home-title {
    font-size: 1.15em;
    padding: 0.9em 1.25em;
  }
  .video-contents-home-box-component .video-contents-home-box .video-contents-home-dates {
    bottom: 10%;
    left: -10px;
  }
  .video-contents-home-box-bottom-content {
    padding: 1.25em 1.5em;
  }
  /*** sidebar ***/
  .video-contents-sidebar-box .thumb-navigation .thumb-navigation-link {
    font-size: 2.25em !important;
    border: 3px solid white !important;
  }
  .video-contents-sidebar-box .video-contents-sidebar-box-content .video-contents-page-highlight-video .video-contents-page-title {
    font-size: 1.05em;
    padding: 1em 0.8em;
  }
  .video-contents-sidebar-box .video-contents-sidebar-box-content .video-contents-infos-wrapper {
    padding: 1em;
  }
  /*** full box ***/
  .video-contents-full-row {
    min-height: 370px;
  }
  .video-contents-full-row .video-contents-full-row-content {
    position: static;
  }
  .video-contents-full-box {
    display: block;
  }
  .video-contents-full-box .two-third-col, .video-contents-full-box .one-third-col {
    width: calc(100% - 30px);
  }
  .video-contents-full-box .video-contents-page-highlight-video .video-contents-page-title {
    font-size: 1.05em;
    padding: 1em 1.5em;
  }
  .video-contents-full-box .video-contents-infos {
    position: static;
  }
  .video-contents-full-box .video-contents-infos .video-contents-infos-wrapper {
    position: static;
  }
  .video-contents-full-box .video-contents-infos .video-contents-infos-wrapper .video-contents-title {
    padding: 2em 2.5em 1.5em 2.5em;
  }
  .video-contents-full-box .video-contents-infos .video-contents-infos-wrapper .video-contents-description {
    padding: 2em 1.5em 3.5em 1.5em;
  }
  .video-contents-full-box .video-contents-infos .video-contents-infos-wrapper .video-contents-full-annotations-wrapper {
    padding-bottom: 0;
  }
  .video-contents-full-box .video-contents-infos .video-contents-infos-wrapper .video-contents-full-annotations-wrapper::before {
    -moz-transform: rotate(1.5deg) translate3d(0, 0, 0);
    -o-transform: rotate(1.5deg) translate3d(0, 0, 0);
    -webkit-transform: rotate(1.5deg) translate3d(0, 0, 0);
    -ms-transform: rotate(1.5deg) translate3d(0, 0, 0);
    transform: rotate(1.5deg) translate3d(0, 0, 0);
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    bottom: 0.5em;
  }
  .video-contents-full-box .video-global-text-wrapper {
    /* text content */
    height: auto;
    padding-bottom: 0;
  }
  .video-contents-full-box .video-global-text-wrapper .video-wrapper, .video-contents-full-box .video-global-text-wrapper .video-contents-text-description {
    position: relative;
  }
  .video-contents-sharing {
    float: none;
    width: auto;
  }
}

@media screen and (max-width: 1020px) {
  /*** full box ***/
  .video-contents-full-box .two-third-col, .video-contents-full-box .one-third-col {
    width: calc(100% - 20px);
  }
  .video-contents-full-box .video-contents-infos .video-contents-infos-wrapper .video-contents-description {
    padding: 2em 1em;
  }
  .video-contents-full-box .video-contents-infos .video-contents-infos-wrapper .video-contents-full-annotations-wrapper {
    display: none;
  }
}

@media screen and (max-width: 800px) {
  /*** home box ***/
  .video-contents-home {
    /* loader wrapper */
    min-height: 300px;
    /* height of title + 16/9 video */
  }
  /*** playlists ***/
  .video-contents-playlist .video-contents-playlist-content .video-contents-playlist-subscribe-link {
    font-size: 1.5em;
  }
}

@media screen and (max-width: 480px) {
  /*** home box ***/
  .video-contents-home {
    /* loader wrapper */
    min-height: 200px;
    /* height of title + 16/9 video */
  }
  .video-contents-home-box-component .video-contents-home-box .video-contents-home-dates {
    left: -5px;
  }
}

@media screen {
  /*** sidebar box ***/
  .news-sidebar-box {
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
  }
  .news-sidebar-box .news-sidebar-title-link {
    display: block;
  }
  .news-sidebar-box .news-sidebar-title-link .news-sidebar-title {
    position: relative;
    font-size: 1.5em;
    text-transform: uppercase;
    font-style: italic;
    padding: 1em 1.5em;
    z-index: 20;
    color: white;
    margin: 0;
    font-weight: 600;
    letter-spacing: 0.04em;
  }
  .news-sidebar-box .news-sidebar-title-link .news-sidebar-title::first-letter {
    font-size: 1.5em;
  }
  .news-sidebar-box .news-sidebar-title-link .news-sidebar-title::before {
    content: "";
    position: absolute;
    top: -4em;
    left: -2em;
    bottom: 0;
    right: -2em;
    background: #E52330;
    z-index: -1;
    -moz-transform: rotate(1.5deg);
    -o-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    transform: rotate(1.5deg);
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .news-sidebar-box .news-sidebar-title-link:hover {
    text-decoration: none;
  }
  .news-sidebar-box .news-sidebar-content {
    margin-top: 0.5em;
  }
  .news-sidebar-box .news-sidebar-content .news-sidebar-item {
    display: block;
    padding: 2.5em 1em 2.75em 1em;
    color: #E52330;
    border-bottom: 4px solid #E52330;
    position: relative;
  }
  .news-sidebar-box .news-sidebar-content .news-sidebar-item span {
    font-size: 1.1em;
  }
  .news-sidebar-box .news-sidebar-content .news-sidebar-item:hover {
    text-decoration: none;
  }
  .news-sidebar-box .news-sidebar-content .news-sidebar-item::after {
    content: attr(data-read-more);
    position: absolute;
    bottom: 1em;
    right: 0;
    display: inline-block;
    padding: 0.2em 0.5em;
    background: #E52330;
    color: white;
    text-decoration: none;
    border: 2px solid #E52330;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 0.8em;
    text-transform: uppercase;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .news-sidebar-box .news-sidebar-content .news-sidebar-item:hover::after {
    background: white;
    color: #E52330;
  }
  .news-sidebar-box .news-sidebar-read-more-link {
    display: inline-block;
    float: right;
    padding: 0.2em 0.5em;
    margin-top: 1.5em;
    color: white;
    text-decoration: none;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: 500;
    background: #E52330;
    border: 2px solid #E52330;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .news-sidebar-box .news-sidebar-read-more-link:hover {
    background: white;
    color: #E52330;
  }
  .news-contents-loader {
    min-height: 300px;
  }
  .news-contents-loader .news-list-wrapper {
    background: white;
  }
  /*** news page ***/
  .news-page-all-news-link-wrapper {
    overflow: hidden;
    margin: 20px 0;
  }
  .news-page-all-news-link-wrapper a {
    display: block;
    float: right;
    background: #E52330;
    color: white;
    text-decoration: none;
    padding: 0.5em 0.75em;
    text-transform: uppercase;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
    font-size: 0.8em;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .news-page-all-news-link-wrapper a:hover {
    background: #646362;
  }
  /*** news box (highlight & classic) ***/
  .news-box {
    padding: 30px 0 10px 0;
    border-bottom: 2px solid #E52330;
    overflow: hidden;
    position: relative;
  }
  .news-box .news-box-link {
    overflow: hidden;
    color: #646362;
    display: block;
  }
  .news-box .news-box-link .news-box-image-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 0;
    padding-bottom: 100%;
  }
  .news-box .news-box-link .news-highlight-box-image-wrapper {
    padding-bottom: 25%;
  }
  .news-box .news-box-link .news-box-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 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-direction: column;
    -o-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
  .news-box .news-box-link .news-box-image img {
    display: block;
    width: 100%;
    height: auto;
    margin: auto;
    -moz-flex-shrink: 0;
    -o-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
  }
  .news-box .news-box-link .news-box-content-wrapper {
    padding-bottom: 3em;
  }
  .news-box .news-box-link .news-highlight-box-content-wrapper {
    padding: 1.5em 1.5em 3em 1.5em;
  }
  .news-box .news-box-link .news-box-category {
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
    font-size: 1em;
    text-transform: uppercase;
    color: #E52330;
    padding-bottom: 1em;
    margin-bottom: 1em;
    position: relative;
  }
  .news-box .news-box-link .news-box-category .news-box-category-event-date {
    font-family: 'EB Garamond', Times, serif;
    text-transform: none;
    font-size: 1.1em;
  }
  .news-box .news-box-link .news-box-category::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1em;
    height: 4px;
    background: #E52330;
  }
  .news-box .news-box-link .news-box-title {
    font-weight: 700;
    font-size: 1.1em;
  }
  .news-box .news-box-link .news-box-content {
    font-size: 1.1em;
  }
  .news-box .news-box-link:hover {
    text-decoration: none;
  }
  .news-box .news-box-footer-wrapper {
    overflow: hidden;
    margin-top: 20px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
  }
  .news-box .news-box-footer-wrapper .new-box-footer {
    overflow: hidden;
  }
  .news-box .news-box-footer-wrapper .news-box-publication-date {
    color: #E52330;
    font-size: 0.8em;
  }
  .news-box .news-box-footer-wrapper .news-highlight-box-publication-date {
    padding-left: 1.875em;
  }
  .news-box .news-box-read-more-sharing {
    position: absolute;
    bottom: 10px;
    right: 0;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
    padding: 0;
  }
  .news-box .news-box-read-more-sharing .news-box-read-more-link {
    display: block;
    float: right;
    padding: 0.275em 0.5em;
    text-decoration: none;
    font-size: 0.8em;
    text-transform: uppercase;
    border: 2px solid #E52330;
    background: #E52330;
    color: white;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .news-box .news-box-read-more-sharing .news-box-read-more-link:hover {
    background: white;
    color: #E52330;
  }
  .news-box .news-box-read-more-sharing .content-sharing {
    position: relative;
    float: right;
  }
  .news-highlight-box {
    background: #ededed;
    padding-top: 0;
    margin-top: 30px;
  }
  .news-highlight-box .news-box-footer-wrapper {
    padding: 0 1.5em;
  }
  .news-highlight-box .news-box-footer-wrapper .news-box-publication-date {
    padding: 0;
  }
  /*** news full ***/
  .news-full {
    background: white;
  }
  .news-full iframe {
    display: block;
    width: 100%;
    height: 100%;
  }
  .news-full img {
    max-width: 100% !important;
    height: auto !important;
  }
  .news-full img[style*="left"] {
    margin: 0 1em 1em 0;
  }
  .news-full img[style*="right"] {
    margin: 0 0 1em 1em;
  }
  .news-full .news-box {
    padding-top: 0;
  }
  .news-full .news-box .news-box-category::after {
    display: none;
  }
  .news-full .news-highlight-box {
    margin: 0;
    background: white;
  }
  .news-full .news-box-link {
    margin-top: 30px;
  }
  .news-full a {
    color: #E52330;
    text-decoration: underline;
  }
  .news-full a:hover {
    text-decoration: none;
  }
  .news-full p {
    overflow: hidden;
  }
  .news-full .news-box-attached-file-link {
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
    display: inline-block;
    margin-top: 1em;
    text-decoration: none;
    border-bottom: 2px solid #E52330;
    font-size: 0.8em;
  }
  .news-full .news-box-attached-file-link:hover {
    border: 0;
    padding-bottom: 2px;
  }
  /*** searched news ***/
  .news-searched-box .news-box-link {
    background: #ededed;
    padding: 1.5em 1em;
    color: #646362;
    overflow: hidden;
    display: block;
  }
  .news-searched-box .news-box-link .news-box-category {
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
    font-size: 1em;
    text-transform: uppercase;
    color: #E52330;
    margin-bottom: 1em;
    position: relative;
  }
  .news-searched-box .news-box-link .news-box-category .news-box-category-event-date {
    font-family: 'EB Garamond', Times, serif;
    text-transform: none;
    font-size: 1.1em;
  }
  .news-searched-box .news-box-link:hover {
    text-decoration: none;
  }
}

@media screen and (max-width: 1470px) {
  /*** sidebar box ***/
  .news-sidebar-box .news-sidebar-title-link .news-sidebar-title {
    font-size: 1.15em;
    padding: 1em;
  }
  .news-sidebar-box .news-sidebar-content .news-sidebar-item {
    padding: 2em 1em 2.75em 1em;
  }
}

@media screen and (max-width: 1250px) {
  /*** sidebar box ***/
  .news-sidebar-box .news-sidebar-title-link .news-sidebar-title {
    font-size: 1.05em;
    padding: 1em 0.8em;
  }
  .news-sidebar-box .news-sidebar-content .news-sidebar-item {
    padding: 1.25em 1em 2.5em 1em;
  }
  .news-sidebar-box .news-sidebar-content .news-sidebar-item::after {
    bottom: 0.5em;
  }
}

@media screen and (max-width: 1020px) {
  .news-page .two-third-col {
    float: none;
    width: auto;
  }
  .news-page .one-third-col {
    display: none;
  }
}

@media screen and (max-width: 800px) {
  .news-box .news-box-link .news-box-content-wrapper, .news-box .news-box-link .news-highlight-box-content-wrapper {
    padding-bottom: 0;
  }
  .news-box .news-box-read-more-sharing {
    position: relative;
    float: right;
    width: auto;
    margin-top: 1.5em;
    overflow: hidden;
  }
}

@media screen {
  /*** home box ***/
  .question-home-box {
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
  }
  .question-home-box .question-home-box-content {
    color: white;
    display: block;
  }
  .question-home-box .question-home-box-content .question-home-box-title {
    position: relative;
    font-size: 1.5em;
    text-transform: uppercase;
    font-style: italic;
    padding: 1em 1.5em;
    z-index: 20;
    color: white;
    margin: 0;
    font-weight: 600;
    letter-spacing: 0.04em;
    z-index: 100;
  }
  .question-home-box .question-home-box-content .question-home-box-title::first-letter {
    font-size: 1.5em;
  }
  .question-home-box .question-home-box-content .question-home-box-title::before {
    content: "";
    position: absolute;
    top: -4em;
    left: -2em;
    bottom: 0;
    right: -2em;
    background: #66bb73;
    z-index: -1;
    -moz-transform: rotate(1.5deg);
    -o-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    transform: rotate(1.5deg);
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .question-home-box .question-home-box-content .video-thumb-link-wrapper::after {
    font-size: 3em;
  }
  .question-home-box .question-home-box-content .question-home-box-image-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 0;
    padding-bottom: 56.25%;
  }
  .question-home-box .question-home-box-content .question-home-box-image-wrapper .question-home-box-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 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-direction: column;
    -o-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
  .question-home-box .question-home-box-content .question-home-box-image-wrapper .question-home-box-image img {
    width: 100%;
    height: auto;
    margin: auto;
    display: block;
    -moz-flex-shrink: 0;
    -o-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    -moz-transition: all 0.8s ease-in;
    -o-transition: all 0.8s ease-in;
    -webkit-transition: all 0.8s ease-in;
    -ms-transition: all 0.8s ease-in;
    transition: all 0.8s ease-in;
  }
  .question-home-box .question-home-box-content .question-highlight-home-box {
    position: relative;
    margin-top: -2em;
    z-index: 75;
    overflow: hidden;
  }
  .question-home-box .question-home-box-content .question-highlight-home-box .question-highlight-home-box-title {
    font-size: 1.3em;
    padding: 2.5em 2.1em;
    position: relative;
    overflow: visible !important;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .question-home-box .question-home-box-content .question-highlight-home-box .question-highlight-home-box-title .question-highlight-home-box-date {
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
    font-size: 0.85em;
    margin-right: 0.75em;
  }
  .question-home-box .question-home-box-content .question-highlight-home-box .question-highlight-home-box-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 1em;
    z-index: -1;
    width: 100%;
    height: 2em;
    background: url(/assets/1fd894c38cac60f412acb84970dbcc34.svg) left top no-repeat;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    -ms-background-size: auto 100%;
    background-size: auto 100%;
  }
  .question-home-box .question-home-box-content .question-highlight-home-box .question-highlight-home-box-title::after {
    content: "";
    position: absolute;
    bottom: 0.5em;
    right: 1em;
    z-index: -1;
    width: 100%;
    height: 2em;
    background: url(/assets/1fd894c38cac60f412acb84970dbcc34.svg) left top no-repeat;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    -ms-background-size: auto 100%;
    background-size: auto 100%;
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .question-home-box .question-home-box-content .question-highlight-home-box::before {
    content: "";
    position: absolute;
    top: 0.8em;
    left: -2em;
    bottom: -4em;
    right: -2em;
    background: #66bb73;
    z-index: -1;
    -moz-transform: rotate(2.5deg);
    -o-transform: rotate(2.5deg);
    -webkit-transform: rotate(2.5deg);
    -ms-transform: rotate(2.5deg);
    transform: rotate(2.5deg);
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .question-home-box .question-home-box-content:hover {
    text-decoration: none;
  }
  .question-home-box .question-home-box-content:hover .video-thumb {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .question-home-box .question-home-box-content:hover .question-home-box-image img {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .question-home-box .question-home-box-read-more {
    background: #66bb73;
    padding: 1em 1.5em;
    text-align: right;
  }
  .question-home-box .question-home-box-read-more a {
    display: inline-block;
    padding: 0.2em 0.5em;
    background: white;
    color: #66bb73;
    text-decoration: none;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 0.8em;
    text-transform: uppercase;
    text-align: center;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .question-home-box .question-home-box-read-more a:hover {
    background: #66bb73;
    color: white;
  }
  .question-home-box .question-home-selection {
    background: white;
  }
  .question-home-box .question-home-selection .question-home-item {
    display: block;
    padding: 2em 1em 2.75em 1em;
    color: #66bb73;
    border-bottom: 4px solid #66bb73;
    position: relative;
    cursor: pointer;
  }
  .question-home-box .question-home-selection .question-home-item .question-home-item-label {
    font-size: 1.15em;
  }
  .question-home-box .question-home-selection .question-home-item .question-home-selection-date {
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
    font-size: 0.8em;
    position: absolute;
    padding-bottom: 0.2em;
    bottom: 1em;
    left: 1.25em;
  }
  .question-home-box .question-home-selection .question-home-item:hover {
    text-decoration: none;
  }
  .question-home-box .question-home-selection .question-home-item:hover .question-home-item-like-button {
    background: white;
    color: #66bb73;
  }
  .question-home-box .question-home-selection .question-home-item-like-button {
    position: absolute;
    bottom: 1em;
    right: 0;
    display: inline-block;
    padding: 0.2em 0.5em;
    background: #66bb73;
    color: white;
    text-decoration: none;
    border: 2px solid #66bb73;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 0.8em;
    text-transform: uppercase;
    z-index: 10;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .question-home-box .answer-home-box-content {
    border-top: 3px solid #66bb73;
  }
  .question-home-box .answer-home-box-content .question-home-box-title {
    color: #66bb73;
  }
  .question-home-box .answer-home-box-content .question-home-box-title::before {
    background: white;
    top: 2em;
  }
  .question-home-box .answer-home-box-content .question-home-box-title::after {
    content: "";
    position: absolute;
    top: -2em;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-left: 3px solid #66bb73;
    border-right: 3px solid #66bb73;
    border-bottom: 3px solid #66bb73;
    -moz-transform: skew(0, 1.5deg);
    -o-transform: skew(0, 1.5deg);
    -webkit-transform: skew(0, 1.5deg);
    -ms-transform: skew(0, 1.5deg);
    transform: skew(0, 1.5deg);
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .question-home-box .answer-home-box-content .question-home-selection {
    background: #66bb73;
  }
  .question-home-box .answer-home-box-content .question-home-selection .question-home-item {
    color: white;
    border-bottom: 4px solid white;
  }
  /*** question page ***/
  .questions-and-answers-page .question-contents-loader {
    min-height: 200px;
  }
  .question-title .question-title-content {
    border: 2px solid #66bb73;
    background: #66bb73;
  }
  .question-title .question-title-total-number-wrapper .question-title-total-number {
    color: #66bb73;
  }
  .question-page-title {
    text-align: right;
    color: #66bb73;
    margin: 0;
    padding: 0.5em 0;
    text-transform: uppercase;
    font-size: 1.1em;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
  }
  /*** layout ***/
  .question-list-wrapper {
    margin: 40px 0;
    overflow: hidden;
  }
  .question-list-wrapper .question-list {
    width: 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-wrap: wrap;
    -o-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .question-list-wrapper .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);
  }
  .question-list-wrapper .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);
  }
  .question-list-wrapper .question-list-load-more-link {
    float: right;
    padding: 0.2em 0.75em;
    border: 2px solid #66bb73;
    color: white;
    background: #66bb73;
    font-weight: 500;
    font-family: 'Roboto', Verdana, sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 2em;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
  }
  .question-list-wrapper .question-list-load-more-link:hover {
    background: white;
    color: #66bb73;
  }
  .slideshow-row.question-list-wrapper {
    display: block;
  }
  /*** answered question ***/
  /*** full ***/
  .questions-container {
    overflow: visible;
  }
  .question-answered-contents-loader {
    width: 100%;
    min-height: 640px;
    /* title + 16/9 video + sharing */
  }
  .question-content-playing .question-box-answered-full .question-box-answered-full-video .question-box-answered-full-content-wrapper::after {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .question-box-answered-full-box {
    width: 100%;
  }
  .question-box-answered-full {
    position: relative;
    display: block;
    /*** video answer ***/
    /*** text answer ***/
  }
  .question-box-answered-full .question-box-answered-full-video {
    overflow: hidden;
    /*position: relative; /* Mandel: to display correctly on home */
  }
  .question-box-answered-full .question-box-answered-full-video .question-box-answered-full-content-link {
    display: block;
  }
  .question-box-answered-full .question-box-answered-full-video .question-box-answered-full-content-link:hover {
    text-decoration: none;
  }
  .question-box-answered-full .question-box-answered-full-video .question-box-answered-full-date {
    position: absolute;
    /*left: -15px; /* Mandel: to display correctly on home */
    z-index: 20;
    background: #66bb73;
    color: white;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Roboto', Verdana, sans-serif;
    padding: 0.75em 1.5em;
    pointer-events: none;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    transition: transform 0.3s;
  }
  .question-box-answered-full .question-box-answered-full-video .question-box-answered-full-content-wrapper {
    position: relative;
    padding: 1.5em 2.5em;
    z-index: 30;
    color: white;
  }
  .question-box-answered-full .question-box-answered-full-video .question-box-answered-full-content-wrapper .question-box-answered-full-content {
    font-weight: 500;
    margin: 0;
    font-size: 1em;
  }
  .question-box-answered-full .question-box-answered-full-video .question-box-answered-full-content-wrapper .question-box-answered-full-content .question-box-answered-full-question-author {
    text-transform: uppercase;
    font-family: 'Roboto', Verdana, sans-serif;
  }
  .question-box-answered-full .question-box-answered-full-video .question-box-answered-full-content-wrapper .question-box-answered-full-content .question-box-answered-full-question-label {
    font-size: 1.15em;
  }
  .question-box-answered-full .question-box-answered-full-video .question-box-answered-full-content-wrapper::after {
    content: "";
    position: absolute;
    top: -4em;
    left: -2em;
    bottom: 0;
    right: -2em;
    background: #66bb73;
    z-index: -1;
    -moz-transform: rotate(-1.5deg);
    -o-transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    transform: rotate(-1.5deg);
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    transition: transform 0.3s;
  }
  .question-box-answered-full .question-box-answered-full-video .video-component {
    z-index: 20;
  }
  .question-box-answered-full .question-content-playing .question-box-answered-full-video .question-box-answered-full-date {
    opacity: 0;
  }
  .question-box-answered-full .question-content-playing .question-box-answered-full-video .question-box-answered-full-content-wrapper::after {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .question-box-answered-full .question-box-answered-full-text {
    overflow: hidden;
  }
  .question-box-answered-full .question-box-answered-full-text .question-box-answered-full-content {
    padding: 1.5em 2.5em;
    position: relative;
    color: white;
    z-index: 3;
    font-weight: 500;
    margin: 0;
    font-size: 1em;
  }
  .question-box-answered-full .question-box-answered-full-text .question-box-answered-full-content .question-box-answered-full-question-author {
    text-transform: uppercase;
    font-family: 'Roboto', Verdana, sans-serif;
  }
  .question-box-answered-full .question-box-answered-full-text .question-box-answered-full-content .question-box-answered-full-question-label {
    font-size: 1.15em;
  }
  .question-box-answered-full .question-box-answered-full-text .question-box-answered-full-content::after {
    content: "";
    position: absolute;
    top: -4em;
    left: -2em;
    bottom: 0;
    right: -2em;
    background: #66bb73;
    z-index: -1;
    -moz-transform: rotate(-1.5deg);
    -o-transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    transform: rotate(-1.5deg);
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .question-box-answered-full .question-box-answered-full-text .question-box-answered-full-answer {
    background: #ededed;
    padding: 2.5em;
    overflow: hidden;
  }
  .question-box-answered-full .question-box-answered-full-text .question-box-answered-full-answer .question-box-answered-full-answer-infos {
    position: relative;
    color: #66bb73;
    padding-bottom: 1em;
    margin-bottom: 1em;
    font-weight: 500;
    font-family: 'Roboto', Verdana, sans-serif;
  }
  .question-box-answered-full .question-box-answered-full-text .question-box-answered-full-answer .question-box-answered-full-answer-infos .question-box-answered-full-answer-author {
    text-transform: uppercase;
  }
  .question-box-answered-full .question-box-answered-full-text .question-box-answered-full-answer .question-box-answered-full-answer-infos::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1em;
    height: 4px;
    background: #66bb73;
  }
  .question-box-answered-full .question-box-answered-full-text .question-box-answered-full-answer .question-box-answered-full-answer-content {
    margin-bottom: 1em;
  }
  .question-box-answered-full .question-box-answered-full-text .question-box-answered-full-answer p {
    margin-bottom: 1em;
  }
  .question-box-answered-full .question-box-answered-full-text .question-box-answered-full-answer p:last-child {
    margin-bottom: 0;
  }
  .question-box-answered-full:hover {
    text-decoration: none;
  }
  /*** recos ***/
  .question-list-with-annotations-wrapper {
    overflow: visible !important;
  }
  .answer-contents-annotations-wrapper {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    overflow: visible !important;
  }
  .answer-contents-annotations-wrapper .video-contents-annotations-title-wrapper {
    overflow: hidden;
  }
  .answer-contents-annotations-wrapper .slideshow-container {
    margin-top: 40px;
  }
  /*** thumb ***/
  .question-box-answered-question {
    margin-bottom: 40px;
  }
  .question-box-answered-question .question-box-answered-question-link {
    position: relative;
    color: white;
    overflow: hidden;
    display: block;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .question-box-answered-question .question-box-answered-question-link .question-box-answered-question-date {
    position: relative;
    text-transform: uppercase;
    padding: 1.5em;
    z-index: 20;
    font-weight: 500;
    font-family: 'Roboto', Verdana, sans-serif;
    z-index: 100;
    overflow: visible !important;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .question-box-answered-question .question-box-answered-question-link .question-box-answered-question-date::before {
    content: "";
    position: absolute;
    top: -4em;
    left: -2em;
    bottom: 0;
    right: -2em;
    background: #66bb73;
    z-index: -1;
    -moz-transform: rotate(1.5deg);
    -o-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    transform: rotate(1.5deg);
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .question-box-answered-question .question-box-answered-question-link .video-thumb-link-wrapper::after {
    font-size: 3em;
  }
  .question-box-answered-question .question-box-answered-question-link .question-box-answered-question-image-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 0;
    padding-bottom: 56.25%;
  }
  .question-box-answered-question .question-box-answered-question-link .question-box-answered-question-image-wrapper .question-box-answered-question-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 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-direction: column;
    -o-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
  .question-box-answered-question .question-box-answered-question-link .question-box-answered-question-image-wrapper .question-box-answered-question-image img {
    width: 100%;
    height: auto;
    margin: auto;
    display: block;
    -moz-flex-shrink: 0;
    -o-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    -moz-transition: all 0.8s ease-in;
    -o-transition: all 0.8s ease-in;
    -webkit-transition: all 0.8s ease-in;
    -ms-transition: all 0.8s ease-in;
    transition: all 0.8s ease-in;
  }
  .question-box-answered-question .question-box-answered-question-link .question-box-answered-question-content {
    position: relative;
    padding: 1em 1.5em 4em 1.5em;
    z-index: 20;
    margin-top: -2em;
    z-index: 100;
    overflow: visible !important;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .question-box-answered-question .question-box-answered-question-link .question-box-answered-question-content .question-box-answered-question-content-name {
    padding-top: 2.5em;
    font-weight: 500;
    font-family: 'Roboto', Verdana, sans-serif;
    text-transform: uppercase;
  }
  .question-box-answered-question .question-box-answered-question-link .question-box-answered-question-content .question-box-answered-question-content-title {
    font-weight: 500;
    font-size: 1em;
    margin: 0.5em 0 0 0;
    /*height: 4.2em;*/
    /* 3 lines max */
    height: 9.8em;
    /* 7 lines max */
  }
  .question-box-answered-question .question-box-answered-question-link .question-box-answered-question-content::before {
    content: "";
    position: absolute;
    top: 0;
    left: -2em;
    bottom: -4em;
    right: -2em;
    background: #66bb73;
    z-index: -1;
    border-top: 7px solid white;
    -moz-transform: rotate(3.5deg);
    -o-transform: rotate(3.5deg);
    -webkit-transform: rotate(3.5deg);
    -ms-transform: rotate(3.5deg);
    transform: rotate(3.5deg);
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .question-box-answered-question .question-box-answered-question-link::after {
    content: attr(data-read-more);
    padding: 0.2em 0.5em;
    background: white;
    font-weight: 500;
    color: #66bb73;
    text-decoration: none;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 0.8em;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    bottom: 1.5em;
    right: 1.5em;
    z-index: 30;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .question-box-answered-question .question-box-answered-question-link:hover {
    text-decoration: none;
  }
  .question-box-answered-question .question-box-answered-question-link:hover .video-thumb {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .question-box-answered-question .question-box-answered-question-link:hover .question-box-answered-question-image img {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .question-box-answered-question .question-box-answered-question-link:hover::after {
    background: #66bb73;
    color: white;
  }
  .question-list-wrapper {
    overflow: hidden;
    background: white;
  }
  .question-list-wrapper .question-box-answered-question:nth-child(even) .question-box-answered-question-link .question-box-answered-question-date::before {
    -moz-transform: rotate(-1.5deg);
    -o-transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    transform: rotate(-1.5deg);
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .question-list-wrapper .question-box-answered-question:nth-child(even) .question-box-answered-question-link .question-box-answered-question-content::before {
    -moz-transform: rotate(-3.5deg);
    -o-transform: rotate(-3.5deg);
    -webkit-transform: rotate(-3.5deg);
    -ms-transform: rotate(-3.5deg);
    transform: rotate(-3.5deg);
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  /*** unanswered question ***/
  .question-unanswered-contents-loader {
    width: 100%;
    min-height: 330px;
    /* unanswered questions height */
  }
  .question-box-unanswered-question {
    margin-bottom: 40px;
  }
  .question-box-unanswered-question .question-box-unanswered-question-wrapper {
    position: relative;
    overflow: hidden;
  }
  .question-box-unanswered-question .question-box-unanswered-question-wrapper .question-box-unanswered-question-content {
    padding: 1.5em;
    overflow: visible !important;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .question-box-unanswered-question .question-box-unanswered-question-wrapper .question-box-unanswered-question-content .question-box-unanswered-question-date {
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
    padding-bottom: 1em;
    margin-bottom: 1em;
    position: relative;
    text-transform: uppercase;
    line-height: 1.2em;
    min-height: 2.4em;
    overflow: visible !important;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .question-box-unanswered-question .question-box-unanswered-question-wrapper .question-box-unanswered-question-content .question-box-unanswered-question-date::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1em;
    height: 4px;
  }
  .question-box-unanswered-question .question-box-unanswered-question-wrapper .question-box-unanswered-question-content .question-box-unanswered-question-content-name {
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
    margin-bottom: 0.5em;
    text-transform: uppercase;
  }
  .question-box-unanswered-question .question-box-unanswered-question-wrapper .question-box-unanswered-question-content .question-box-unanswered-question-content-title {
    /*height: 4.2em;*/
    /* 3 lines max */
    height: 9.8em;
    /* 7 lines max */
    font-size: 1.1em;
  }
  .question-box-unanswered-question .question-box-unanswered-question-wrapper .question-box-unanswered-question-vote-informations {
    position: relative;
    padding: 3em 1.5em 1.5em 1.5em;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
    z-index: 2;
    overflow: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .question-box-unanswered-question .question-box-unanswered-question-wrapper .question-box-unanswered-question-vote-informations .question-box-unanswered-question-vote-count {
    float: left;
  }
  .question-box-unanswered-question .question-box-unanswered-question-wrapper .question-box-unanswered-question-vote-informations .question-box-unanswered-question-can-vote {
    float: right;
    text-transform: uppercase;
  }
  .question-box-unanswered-question .question-box-unanswered-question-wrapper .question-box-unanswered-question-vote-informations .question-box-unanswered-question-can-vote span {
    display: inline-block;
    padding: 0.2em 0.5em;
    position: relative;
  }
  .question-box-unanswered-question .question-box-unanswered-question-wrapper .question-box-unanswered-question-vote-informations::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: -4em;
    right: 0;
    z-index: -1;
    /*border-top: 7px solid white;*/
    -moz-transform: skew(0, 3.5deg);
    -o-transform: skew(0, 3.5deg);
    -webkit-transform: skew(0, 3.5deg);
    -ms-transform: skew(0, 3.5deg);
    transform: skew(0, 3.5deg);
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .question-box-unanswered-question:nth-child(even) .question-box-unanswered-question-wrapper .question-box-unanswered-question-vote-informations::before {
    -moz-transform: skew(0, -3.5deg);
    -o-transform: skew(0, -3.5deg);
    -webkit-transform: skew(0, -3.5deg);
    -ms-transform: skew(0, -3.5deg);
    transform: skew(0, -3.5deg);
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  /*** colors ***/
  .question-box-unanswered-question .question-box-unanswered-question-content {
    position: relative;
    border-top: 3px solid #66bb73;
    -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-top: calc(1.5em - 3px);
    color: #66bb73;
  }
  .question-box-unanswered-question .question-box-unanswered-question-content .question-box-unanswered-question-date::after {
    background: #66bb73;
  }
  .question-box-unanswered-question .question-box-unanswered-question-content::after {
    content: "";
    position: absolute;
    border-bottom: 3px solid #66bb73;
    border-left: 3px solid #66bb73;
    border-right: 3px solid #66bb73;
    left: 0;
    right: 0;
    top: -4em;
    bottom: 7px;
    -moz-transform: skew(0, 3.5deg);
    -o-transform: skew(0, 3.5deg);
    -webkit-transform: skew(0, 3.5deg);
    -ms-transform: skew(0, 3.5deg);
    transform: skew(0, 3.5deg);
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .question-box-unanswered-question .question-box-unanswered-question-vote-informations {
    border-bottom: 3px solid #66bb73;
    -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-bottom: calc(1.5em - 3px);
  }
  .question-box-unanswered-question .question-box-unanswered-question-vote-informations .question-box-unanswered-question-vote-count {
    color: #66bb73;
  }
  .question-box-unanswered-question .question-box-unanswered-question-vote-informations .question-box-unanswered-question-can-vote span {
    /*padding-right: 1.5em;*/
  }
  .question-box-unanswered-question .question-box-unanswered-question-vote-informations::before {
    border-top: 3px solid #66bb73;
    border-left: 3px solid #66bb73;
    border-right: 3px solid #66bb73;
    left: 0;
    right: 0;
    top: 7px;
    -moz-transform: rotate(0deg) skew(0, 3.5deg);
    -o-transform: rotate(0deg) skew(0, 3.5deg);
    -webkit-transform: rotate(0deg) skew(0, 3.5deg);
    -ms-transform: rotate(0deg) skew(0, 3.5deg);
    transform: rotate(0deg) skew(0, 3.5deg);
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .question-box-unanswered-question .question-box-unanswered-question-add-vote {
    /*background: $onfray-green;
			color: white;*/
    /*cursor: pointer;*/
    /*color: $onfray-green;*/
  }
  .question-box-unanswered-question .question-box-unanswered-question-add-vote .question-box-unanswered-question-content .question-box-unanswered-question-date::after {
    background: white;
  }
  .question-box-unanswered-question .question-box-unanswered-question-add-vote .question-box-unanswered-question-vote-informations .question-box-unanswered-question-can-vote {
    cursor: pointer;
  }
  .question-box-unanswered-question .question-box-unanswered-question-add-vote .question-box-unanswered-question-vote-informations .question-box-unanswered-question-can-vote span {
    background: white;
    color: #66bb73;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .question-box-unanswered-question .question-box-unanswered-question-add-vote .question-box-unanswered-question-vote-informations .question-box-unanswered-question-can-vote:hover span {
    color: white;
    background: #66bb73;
  }
  .question-box-unanswered-question .question-box-unanswered-question-add-vote .question-box-unanswered-question-vote-informations .question-box-unanswered-question-can-vote:hover span::after {
    color: white;
  }
  .question-box-unanswered-question .question-box-unanswered-question-add-vote .question-box-unanswered-question-prepub-message {
    color: #66bb73;
    text-transform: uppercase;
  }
  .question-box-unanswered-question .question-box-unanswered-question-already-voted {
    background: white;
    color: #66bb73;
    cursor: pointer;
  }
  .question-box-unanswered-question .question-box-unanswered-question-already-voted .question-box-unanswered-question-vote-informations .question-box-unanswered-question-vote-count {
    color: white;
  }
  .question-box-unanswered-question .question-box-unanswered-question-already-voted .question-box-unanswered-question-vote-informations .question-box-unanswered-question-can-vote {
    color: white;
  }
  .question-box-unanswered-question .question-box-unanswered-question-already-voted .question-box-unanswered-question-vote-informations .question-box-unanswered-question-can-vote span::after {
    content: "\2714";
    color: white;
    margin-left: 0.5em;
  }
  .question-box-unanswered-question .question-box-unanswered-question-already-voted .question-box-unanswered-question-vote-informations::before {
    background: #66bb73;
  }
  .question-box-unanswered-question .question-box-unanswered-question-prepub {
    cursor: auto;
  }
  .question-box-unanswered-question:nth-child(even) .question-box-unanswered-question-content::after {
    -moz-transform: skew(0, -3.5deg);
    -o-transform: skew(0, -3.5deg);
    -webkit-transform: skew(0, -3.5deg);
    -ms-transform: skew(0, -3.5deg);
    transform: skew(0, -3.5deg);
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .question-box-unanswered-question:nth-child(even) .question-box-unanswered-question-vote-informations::before {
    -moz-transform: rotate(0deg) skew(0, -3.5deg);
    -o-transform: rotate(0deg) skew(0, -3.5deg);
    -webkit-transform: rotate(0deg) skew(0, -3.5deg);
    -ms-transform: rotate(0deg) skew(0, -3.5deg);
    transform: rotate(0deg) skew(0, -3.5deg);
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  /*** add question simple form ***/
  .add-question-box-component {
    overflow: hidden;
    margin-bottom: 40px;
  }
  .add-question-box-component .add-question-box-form {
    background: #ededed;
    padding: 1em 1.5em;
  }
  .add-question-box-component .add-question-box-form .form-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-justify-content: space-between;
    -o-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
  }
  .add-question-box-component .add-question-box-form .form-content .form-input-text-element {
    background: transparent;
    border: 0 !important;
    width: 100%;
    margin: 0;
    color: #66bb73;
    height: 2.5em;
    -moz-transition: height 0.3s;
    -o-transition: height 0.3s;
    -webkit-transition: height 0.3s;
    -ms-transition: height 0.3s;
    transition: height 0.3s;
    -moz-flex-grow: 1;
    -o-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
  }
  .add-question-box-component .add-question-box-form .form-content .form-input-text-element.add-question-textarea-full-size {
    height: 7em;
  }
  .add-question-box-component .add-question-box-form .form-content .form-validation-element {
    margin: 0;
    background: #66bb73;
    color: white;
    border: 2px solid #66bb73;
    text-transform: uppercase;
    max-height: 2.5em;
  }
  .add-question-box-component .add-question-box-form .form-content .form-validation-element:hover {
    color: #66bb73;
    background: transparent;
  }
  .add-question-box-component .add-question-box-form-messages-wrapper {
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
    margin-top: 10px;
    overflow: hidden;
  }
  .add-question-box-component .add-question-box-form-messages-wrapper .add-question-box-form-count-char {
    float: right;
  }
  .add-question-box-component .add-question-box-form-messages-wrapper .add-question-box-form-count-char .add-question-box-form-count-char-value {
    color: #66bb73;
  }
  .add-question-box-component .add-question-box-form-messages-wrapper .form-success, .add-question-box-component .add-question-box-form-messages-wrapper .form-alert {
    font-size: 1em;
    float: left;
  }
  /*** single video page ask question ***/
  .single-video-page-ask-question-wrapper {
    margin: 20px 0;
    float: right;
    position: relative;
  }
  .single-video-page-ask-question-wrapper .single-video-page-ask-question-inner {
    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;
    /*position: absolute;
			top: 0;
			right: $gutter-width;
			bottom: $gutter-width * 2;
			left: $gutter-width;*/
  }
  .single-video-page-ask-question-wrapper .single-video-page-ask-question-inner .single-video-page-ask-question {
    position: relative;
    height: 8em;
    width: 100%;
    overflow: hidden;
    text-align: center;
    /*margin: auto;*/
    -moz-transition: height 0.4s;
    -o-transition: height 0.4s;
    -webkit-transition: height 0.4s;
    -ms-transition: height 0.4s;
    transition: height 0.4s;
  }
  .single-video-page-ask-question-wrapper .single-video-page-ask-question-inner .single-video-page-ask-question .single-video-page-ask-question-content {
    cursor: pointer;
    /*position: absolute;
					top: 0;
					right: 0;
					bottom: 0;
					left: 0;*/
    height: 8em;
  }
  .single-video-page-ask-question-wrapper .single-video-page-ask-question-inner .single-video-page-ask-question .single-video-page-ask-question-content .single-video-page-ask-question-content-header {
    position: absolute;
    display: block;
    line-height: 4em;
    height: 4em;
    top: 0;
    right: 0;
    left: 0;
    color: white;
    font-family: 'Roboto', Verdana, sans-serif;
    text-transform: uppercase;
    font-weight: 500;
  }
  .single-video-page-ask-question-wrapper .single-video-page-ask-question-inner .single-video-page-ask-question .single-video-page-ask-question-content .single-video-page-ask-question-content-footer {
    position: absolute;
    display: block;
    line-height: 4em;
    height: 4em;
    bottom: 0;
    right: 0;
    left: 0;
    color: white;
    font-family: 'Roboto', Verdana, sans-serif;
    text-transform: uppercase;
    font-weight: 500;
  }
  .single-video-page-ask-question-wrapper .single-video-page-ask-question-inner .single-video-page-ask-question .single-video-page-ask-question-content .form-content {
    margin-top: 4em;
    height: 16em;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .single-video-page-ask-question-wrapper .single-video-page-ask-question-inner .single-video-page-ask-question .single-video-page-ask-question-content .form-content .form-textarea-element {
    border: none;
    margin: 0;
    background: #ededed;
    height: 12em;
  }
  .single-video-page-ask-question-wrapper .single-video-page-ask-question-inner .single-video-page-ask-question .single-video-page-ask-question-content .form-content .form-validation-element {
    margin: 0;
    position: absolute;
    right: 1em;
    bottom: 1em;
    background: white;
    color: #66bb73;
    text-transform: uppercase;
  }
  .single-video-page-ask-question-wrapper .single-video-page-ask-question-inner .single-video-page-ask-question .single-video-page-ask-question-content .form-content .form-validation-element:hover {
    background: #66bb73;
    color: white;
  }
  .single-video-page-ask-question-wrapper .single-video-page-ask-question-inner .single-video-page-ask-question::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -4em;
    left: -2em;
    bottom: 3.3em;
    right: -2em;
    background: #66bb73;
    -moz-transform: rotate(3.5deg);
    -o-transform: rotate(3.5deg);
    -webkit-transform: rotate(3.5deg);
    -ms-transform: rotate(3.5deg);
    transform: rotate(3.5deg);
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .single-video-page-ask-question-wrapper .single-video-page-ask-question-inner .single-video-page-ask-question::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 3.3em;
    left: -2em;
    bottom: -4em;
    right: -2em;
    background: #66bb73;
    -moz-transform: rotate(3.5deg);
    -o-transform: rotate(3.5deg);
    -webkit-transform: rotate(3.5deg);
    -ms-transform: rotate(3.5deg);
    transform: rotate(3.5deg);
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .single-video-page-ask-question-wrapper .single-video-page-ask-question-inner .single-video-page-ask-question-toggled {
    height: calc(21.5em + 10px);
    -moz-transition: height 0.4s 0.2s;
    -o-transition: height 0.4s 0.2s;
    -webkit-transition: height 0.4s 0.2s;
    -ms-transition: height 0.4s 0.2s;
    transition: height 0.4s 0.2s;
  }
  .single-video-page-ask-question-wrapper .single-video-page-ask-question-inner .single-video-page-ask-question-toggled .single-video-page-ask-question-content {
    cursor: auto;
    height: calc(21.5em + 10px);
  }
  .single-video-page-ask-question-wrapper .single-video-page-ask-question-inner .single-video-page-ask-question-toggled .single-video-page-ask-question-content .single-video-page-ask-question-content-header {
    background: #66bb73;
    cursor: pointer;
  }
  .single-video-page-ask-question-wrapper .single-video-page-ask-question-inner .single-video-page-ask-question-toggled .single-video-page-ask-question-content .single-video-page-ask-question-content-footer {
    background: #66bb73;
  }
  .single-video-page-ask-question-wrapper .single-video-page-ask-question-inner .single-video-page-ask-question-toggled .single-video-page-ask-question-content .add-question-box-form-count-char {
    background: white;
    padding-top: 10px;
    position: absolute;
    bottom: 0;
    width: 100%;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
    text-align: right;
  }
  .single-video-page-ask-question-wrapper .single-video-page-ask-question-inner .single-video-page-ask-question-toggled .single-video-page-ask-question-content .add-question-box-form-count-char .add-question-box-form-count-char-value {
    color: #66bb73;
  }
  .static-recos-wrapper .single-video-page-ask-question-wrapper {
    margin-top: 0;
  }
}

@media screen and (max-width: 1470px) {
  /*** home box ***/
  .question-home-box .question-home-box-content .question-home-box-title {
    font-size: 1.15em;
    padding: 1em;
  }
  .question-home-box .question-home-box-content .question-highlight-home-box .question-highlight-home-box-title {
    font-size: 1.1em;
  }
  /*** answers ***/
  .question-box-answered-question .question-box-answered-question-link .question-box-answered-question-content .question-box-answered-question-content-title {
    height: 12.6em;
    /* 9 lines max */
  }
  /*** questions ***/
  .question-box-unanswered-question .question-box-unanswered-question-wrapper .question-box-unanswered-question-content .question-box-unanswered-question-content-title {
    height: 12.6em;
    /* 9 lines max */
  }
  /*** add question simple form ***/
  .add-question-box-component .add-question-box-form .form-content .form-input-text-element.add-question-textarea-full-size {
    height: 8.5em;
  }
  /*** single video page ask question ***/
  .single-video-page-ask-question-wrapper .single-video-page-ask-question-inner .single-video-page-ask-question::before {
    bottom: 3.5em;
  }
  .single-video-page-ask-question-wrapper .single-video-page-ask-question-inner .single-video-page-ask-question::after {
    top: 3.5em;
  }
}

@media screen and (max-width: 1250px) {
  /*** home box ***/
  .question-home-box .question-home-box-content .question-home-box-title {
    font-size: 1.05em;
    padding: 1em 0.8em;
  }
  .question-home-box .question-home-box-content .question-highlight-home-box {
    /*margin-top: -1.5em;*/
  }
  .question-home-box .question-home-box-content .question-highlight-home-box .question-highlight-home-box-title {
    font-size: 1.05em;
    padding: 2em 1.25em;
  }
  .question-home-box .question-home-box-content .question-highlight-home-box .question-highlight-home-box-title::before, .question-home-box .question-home-box-content .question-highlight-home-box .question-highlight-home-box-title::after {
    height: 1.5em;
  }
  .question-home-box .question-home-selection .question-home-item {
    padding: 1.25em 1em 2.5em 1em;
  }
  .question-home-box .question-home-selection .question-home-item-like-button {
    bottom: 0.5em;
  }
  /*** answers ***/
  .question-box-answered-question .question-box-answered-question-link .question-box-answered-question-content .question-box-answered-question-content-title {
    height: 15.4em;
    /* 11 lines max */
  }
  /*** questions ***/
  .question-box-unanswered-question .question-box-unanswered-question-wrapper .question-box-unanswered-question-content .question-box-unanswered-question-content-title {
    height: 15.4em;
    /* 11 lines max */
  }
  /*** add question simple form ***/
  .add-question-box-component .add-question-box-form .form-content .form-input-text-element.add-question-textarea-full-size {
    height: 10em;
  }
  /*** single video page ask question ***/
  .single-video-page-ask-question-wrapper {
    float: none;
    width: 100% !important;
    margin-bottom: 40px;
  }
  .single-video-page-ask-question-wrapper .single-video-page-ask-question-inner {
    position: static;
  }
  .single-video-page-ask-question-wrapper .single-video-page-ask-question-inner .single-video-page-ask-question::before {
    bottom: 4.15em;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  .single-video-page-ask-question-wrapper .single-video-page-ask-question-inner .single-video-page-ask-question::after {
    top: 4.15em;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  .static-recos-wrapper .single-video-page-ask-question-wrapper {
    margin-top: 20px;
  }
}

@media screen and (max-width: 1020px) {
  /*** layout ***/
  .question-list-wrapper .two-third-col {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .question-list-wrapper .one-third-col {
    -moz-flex-basis: 50%;
    -o-flex-basis: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
  }
  /*** home box ***/
  .question-home-box .question-home-box-content .question-highlight-home-box::before {
    top: 0;
  }
  /*** answers ***/
  .question-box-answered-question .question-box-answered-question-link .question-box-answered-question-content .question-box-answered-question-content-title {
    height: 9.8em;
    /* 7 lines max */
  }
  /*** questions ***/
  .question-box-latests-answers {
    -moz-order: 1;
    -o-order: 1;
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
  }
  .question-box-unanswered-question {
    -moz-order: 3;
    -o-order: 3;
    -webkit-order: 3;
    -ms-order: 3;
    order: 3;
  }
  .question-box-unanswered-question .question-box-unanswered-question-wrapper .question-box-unanswered-question-content .question-box-unanswered-question-content-title {
    height: 9.8em;
    /* 7 lines max */
  }
  .question-box-unanswered-question-0 {
    -moz-order: 0;
    -o-order: 0;
    -webkit-order: 0;
    -ms-order: 0;
    order: 0;
  }
  /*** add question simple form ***/
  .add-question-box-component .add-question-box-form .form-content .form-input-text-element.add-question-textarea-full-size {
    height: 13em;
  }
}

@media screen and (max-width: 800px) {
  /*** layout ***/
  .question-list-wrapper .one-third-col {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  /*** answers ***/
  .question-box-latests-questions {
    display: none;
  }
  .question-box-answered-question .question-box-answered-question-link .question-box-answered-question-content {
    padding-top: 2em;
    margin-top: -3em;
  }
  .question-box-answered-question .question-box-answered-question-link .question-box-answered-question-content .question-box-answered-question-content-title {
    height: auto;
  }
  /*** questions ***/
  .question-box-latests-answers {
    display: none;
  }
  .question-box-unanswered-question .question-box-unanswered-question-wrapper .question-box-unanswered-question-content .question-box-unanswered-question-content-title {
    height: auto;
  }
  /*** add question simple form ***/
  .add-question-box-component {
    margin-bottom: 0;
  }
  .add-question-box-component .add-question-box-form .form-content .form-input-text-element.add-question-textarea-full-size {
    height: 16em;
  }
}

@media screen {
  /*** thumb box ***/
  .contributor-list-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;
  }
  .contributor-list-wrapper .contributor-thumb {
    -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-box {
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
  }
  .contributor-thumb-box .contributor-thumb-box-content {
    position: relative;
    display: block;
    overflow: hidden;
    color: #646362;
    background: #ededed;
  }
  .contributor-thumb-box .contributor-thumb-box-content .contributor-thumb-box-item-wrapper {
    overflow: hidden;
  }
  .contributor-thumb-box .contributor-thumb-box-content .contributor-thumb-box-item-wrapper .contributor-thumb-box-image {
    position: relative;
    height: 0;
    width: 100%;
    z-index: 2;
    overflow: hidden;
    padding-bottom: 150%;
  }
  .contributor-thumb-box .contributor-thumb-box-content .contributor-thumb-box-item-wrapper .contributor-thumb-box-image img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: auto;
  }
  .contributor-thumb-box .contributor-thumb-box-content .contributor-thumb-box-item-wrapper .contributor-thumb-box-item-infos {
    position: relative;
    z-index: 10;
  }
  .contributor-thumb-box .contributor-thumb-box-content .contributor-thumb-box-item-wrapper .contributor-thumb-box-item-infos .contributor-thumb-box-item-titles-wrapper {
    margin-bottom: 1em;
    padding-bottom: 1em;
    position: relative;
  }
  .contributor-thumb-box .contributor-thumb-box-content .contributor-thumb-box-item-wrapper .contributor-thumb-box-item-infos .contributor-thumb-box-item-titles-wrapper .contributor-thumb-box-item-title {
    margin: 0;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
    font-size: 1em;
    text-transform: uppercase;
    color: #E52330;
  }
  .contributor-thumb-box .contributor-thumb-box-content .contributor-thumb-box-item-wrapper .contributor-thumb-box-item-infos .contributor-thumb-box-item-titles-wrapper .contributor-thumb-box-item-subtitle {
    color: #E52330;
    font-size: 1em;
    font-weight: 500;
    margin: 0;
  }
  .contributor-thumb-box .contributor-thumb-box-content .contributor-thumb-box-item-wrapper .contributor-thumb-box-item-infos .contributor-thumb-box-item-titles-wrapper::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1em;
    height: 2px;
    background: #E52330;
  }
  .contributor-thumb-box .contributor-thumb-box-content .contributor-thumb-box-item-wrapper .contributor-thumb-box-item-infos .contributor-thumb-box-item-related-categories {
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 0.9em;
  }
  .contributor-thumb-box .contributor-thumb-box-content .contributor-thumb-box-item-wrapper .contributor-thumb-box-item-infos .contributor-thumb-box-item-related-categories .contributor-thumb-box-item-related-category::after {
    content: ", ";
  }
  .contributor-thumb-box .contributor-thumb-box-content .contributor-thumb-box-item-wrapper .contributor-thumb-box-item-infos .contributor-thumb-box-item-related-categories .contributor-thumb-box-item-related-category:last-child::after {
    content: "";
  }
  .contributor-thumb-box .contributor-thumb-box-content .contributor-thumb-box-header {
    padding: 2em 1.5em;
  }
  .contributor-thumb-box .contributor-thumb-box-content .contributor-thumb-box-item-description {
    background: #E52330;
    color: white;
    padding: 1.5em 1.5em 4.5em 1.5em;
    height: 7em;
    margin-top: 0.2em;
    overflow: visible;
    position: relative;
    z-index: 5;
  }
  .contributor-thumb-box .contributor-thumb-box-content .contributor-thumb-box-item-description ul {
    padding-left: 15px;
    list-style: none;
  }
  .contributor-thumb-box .contributor-thumb-box-content .contributor-thumb-box-item-description::before {
    content: "";
    position: absolute;
    top: 0em;
    left: -2em;
    bottom: 0;
    right: -2em;
    background: #E52330;
    z-index: -1;
    -moz-transform: rotate(-3.5deg);
    -o-transform: rotate(-3.5deg);
    -webkit-transform: rotate(-3.5deg);
    -ms-transform: rotate(-3.5deg);
    transform: rotate(-3.5deg);
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .contributor-thumb-box .contributor-thumb-box-content:hover {
    text-decoration: none;
  }
  .contributor-thumb-box .contributor-thumb-box-content::after {
    content: attr(data-read-more);
    position: absolute;
    z-index: 10;
    bottom: 1em;
    right: 1em;
    display: inline-block;
    padding: 0.2em 0.5em;
    background: white;
    color: #E52330;
    text-decoration: none;
    border: 2px solid white;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 0.8em;
    text-transform: uppercase;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .contributor-thumb-box .contributor-thumb-box-content:hover::after {
    background: #E52330;
    color: white;
  }
  .contributor-thumb:nth-child(even) .contributor-thumb-box .contributor-thumb-box-content .contributor-thumb-box-item-description::before {
    -moz-transform: rotate(3.5deg);
    -o-transform: rotate(3.5deg);
    -webkit-transform: rotate(3.5deg);
    -ms-transform: rotate(3.5deg);
    transform: rotate(3.5deg);
    -moz-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
  /*** full page ***/
  .upc-page .slideshow-container .video-contents-thumb-box {
    margin-bottom: 0;
  }
  .upc-page .upc-intro-content {
    margin-bottom: 40px;
  }
  .upc-page .upc-intro-content .two-third-col {
    background: #dadada;
  }
  .upc-page .upc-intro-content .one-third-col {
    padding-bottom: 0;
  }
  .upc-page .upc-intro-content .video-global-wrapper {
    padding-bottom: 0;
    height: auto;
    max-height: 22em;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
  }
  .upc-page .upc-intro-content .video-global-wrapper .video-wrapper {
    position: relative;
  }
  .upc-page .upc-intro-content .video-global-wrapper .video-wrapper .video-contents-text-description {
    overflow: hidden;
    position: relative;
  }
  .upc-page .upc-intro-content .upc-intro-toggle-wrapper {
    padding: 1em 2.5em;
    text-align: right;
  }
  .upc-page .upc-intro-content .upc-intro-toggle-wrapper .upc-intro-toggle-button {
    display: inline-block;
    padding: 0.2em 0.5em;
    background: transparent;
    color: #E52330;
    text-decoration: none;
    border: 2px solid #E52330;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 0.8em;
    text-transform: uppercase;
    cursor: pointer;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .upc-page .upc-intro-content .upc-intro-toggle-wrapper .upc-intro-toggle-button:hover {
    background: #E52330;
    color: white;
  }
  .upc-page .upc-intro-content-shown .video-global-wrapper {
    max-height: 9999em;
  }
  .upc-page .upc-intro-logo-socials {
    overflow: hidden;
    background: #E52330;
  }
  .upc-page .upc-intro-logo-socials .upc-intro-logo-socials-title {
    position: relative;
    z-index: 10;
    padding: 1.5em 2.5em;
    overflow: visible;
  }
  .upc-page .upc-intro-logo-socials .upc-intro-logo-socials-title img {
    width: 100%;
    height: auto;
    max-width: 400px;
    margin: 0 auto;
    display: block;
  }
  .upc-page .upc-intro-logo-socials .upc-intro-logo-socials-title::after {
    content: "";
    position: absolute;
    top: 0;
    right: -2em;
    bottom: -1em;
    left: -2em;
    z-index: -1;
    border-bottom: 7px solid white;
    -moz-transform: rotate(1.5deg);
    -o-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    transform: rotate(1.5deg);
    -moz-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .upc-page .upc-intro-logo-socials .upc-intro-logo {
    padding: 2.5em 2.5em 1.5em 2.5em;
  }
  .upc-page .upc-intro-logo-socials .upc-intro-logo img {
    width: 100%;
    height: auto;
    max-width: 400px;
    margin: 0 auto;
    display: block;
    position: relative;
    z-index: 10;
  }
  .upc-page .upc-intro-logo-socials .upc-intro-socials {
    overflow: visible;
    position: relative;
    color: white;
    z-index: 2;
  }
  .upc-page .upc-intro-logo-socials .upc-intro-socials .upc-intro-socials-title {
    margin: 0 0 1.5em 0;
    font-size: 1em;
    padding: 0 2.5em;
    font-weight: 500;
    text-transform: uppercase;
  }
  .upc-page .upc-intro-logo-socials .upc-intro-socials .upc-intro-socials-link-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-justify-content: stretch;
    -o-justify-content: stretch;
    -webkit-justify-content: stretch;
    -ms-justify-content: stretch;
    justify-content: stretch;
    font-family: 'Roboto', Verdana, sans-serif;
  }
  .upc-page .upc-intro-logo-socials .upc-intro-socials .upc-intro-socials-link-wrapper .upc-intro-social-facebook {
    font-size: 0.7em;
    padding: 1em 0;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    -moz-flex-grow: 1;
    -o-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .upc-page .upc-intro-logo-socials .upc-intro-socials .upc-intro-socials-link-wrapper .upc-intro-social-facebook span {
    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;
    -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;
  }
  .upc-page .upc-intro-logo-socials .upc-intro-socials .upc-intro-socials-link-wrapper .upc-intro-social-facebook span::before {
    content: "";
    height: 1.5em;
    width: 1.5em;
    background: url(/assets/b6d4bc38820126edc4c47cfdeb60175f.svg) 0 center no-repeat;
    -moz-background-size: 0.65em auto;
    -o-background-size: 0.65em auto;
    -webkit-background-size: 0.65em auto;
    -ms-background-size: 0.65em auto;
    background-size: 0.65em auto;
  }
  .upc-page .upc-intro-logo-socials .upc-intro-socials .upc-intro-socials-link-wrapper .upc-intro-social-facebook:hover {
    background-color: #3B5CA8;
    text-decoration: none;
  }
  .upc-page .upc-intro-logo-socials .upc-intro-socials .upc-intro-socials-link-wrapper .upc-intro-social-twitter {
    font-size: 0.7em;
    padding: 1em 0;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    -moz-flex-grow: 1;
    -o-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .upc-page .upc-intro-logo-socials .upc-intro-socials .upc-intro-socials-link-wrapper .upc-intro-social-twitter span {
    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;
    -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;
  }
  .upc-page .upc-intro-logo-socials .upc-intro-socials .upc-intro-socials-link-wrapper .upc-intro-social-twitter span::before {
    content: "";
    height: 1.5em;
    width: 1.75em;
    background: url(/assets/9853a680038638836012b70d9af2c03d.svg) 0 center no-repeat;
    -moz-background-size: 1.2em auto;
    -o-background-size: 1.2em auto;
    -webkit-background-size: 1.2em auto;
    -ms-background-size: 1.2em auto;
    background-size: 1.2em auto;
  }
  .upc-page .upc-intro-logo-socials .upc-intro-socials .upc-intro-socials-link-wrapper .upc-intro-social-twitter:hover {
    background-color: #5EBEF2;
    text-decoration: none;
  }
  .upc-page .upc-intro-logo-socials .upc-intro-socials::before {
    content: "";
    position: absolute;
    top: -4em;
    right: -2em;
    bottom: 0;
    left: -2em;
    z-index: -1;
    background: #E52330;
    -moz-transform: rotate(-3.5deg);
    -o-transform: rotate(-3.5deg);
    -webkit-transform: rotate(-3.5deg);
    -ms-transform: rotate(-3.5deg);
    transform: rotate(-3.5deg);
    -moz-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .contributor-full-box {
    overflow: hidden;
    margin-bottom: 40px;
  }
  .contributor-full-box .contributor-box-content {
    font-family: 'Roboto', Verdana, sans-serif;
  }
  .contributor-full-box .contributor-box-content .contributor-box-subtitle {
    font-size: 1.15em;
    margin: 1em 0;
    text-transform: uppercase;
    color: #E52330;
    font-weight: 500;
  }
  .contributor-full-box .contributor-box-profile-wrapper {
    overflow: hidden;
  }
  .contributor-full-box .contributor-box-profile-wrapper .contributor-box-profile-title-wrapper .contributor-box-profile-title {
    position: relative;
    overflow: visible;
    z-index: 10;
    font-size: 1.5em;
    text-transform: uppercase;
    font-style: italic;
    padding: 1em 1.5em;
    color: white;
    margin: 0;
    font-weight: 600;
    letter-spacing: 0.04em;
  }
  .contributor-full-box .contributor-box-profile-wrapper .contributor-box-profile-title-wrapper .contributor-box-profile-title::first-letter {
    font-size: 1.5em;
  }
  .contributor-full-box .contributor-box-profile-wrapper .contributor-box-profile-title-wrapper .contributor-box-profile-title::after {
    content: "";
    position: absolute;
    top: -4em;
    left: -2em;
    bottom: 0;
    right: -2em;
    background: #E52330;
    z-index: -1;
    -moz-transform: rotate(1.5deg);
    -o-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    transform: rotate(1.5deg);
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .contributor-full-box .contributor-box-profile-wrapper .contributor-box-img-wrapper {
    position: relative;
    z-index: 5;
    /*@include transform(translateY(-2em));*/
  }
  .contributor-full-box .contributor-box-profile-wrapper .contributor-box-img-wrapper img {
    display: block;
    width: 100%;
    height: auto;
  }
  .contributor-full-box .contributor-box-profile-wrapper .contributor-box-profile-related-category {
    padding: 2em 1.5em 1em 1.5em;
    color: white;
    position: relative;
    z-index: 10;
    margin-top: -2em;
    border: 0;
  }
  .contributor-full-box .contributor-box-profile-wrapper .contributor-box-profile-related-category .contributor-box-profile-subtitle {
    margin: 1em 0;
    font-size: 1em;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
  }
  .contributor-full-box .contributor-box-profile-wrapper .contributor-box-profile-related-category .related-annotations {
    color: white;
    border: 2px solid white;
  }
  .contributor-full-box .contributor-box-profile-wrapper .contributor-box-profile-related-category .related-annotations:hover {
    background: white;
    color: #E52330;
  }
  .contributor-full-box .contributor-box-profile-wrapper .contributor-box-profile-related-category::before {
    content: "";
    position: absolute;
    top: 0.8em;
    left: -2em;
    bottom: -4em;
    right: -2em;
    background: #E52330;
    z-index: -1;
    -moz-transform: rotate(2.5deg);
    -o-transform: rotate(2.5deg);
    -webkit-transform: rotate(2.5deg);
    -ms-transform: rotate(2.5deg);
    transform: rotate(2.5deg);
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .contributor-full-box .contributor-box-description-wrapper .contributor-box-description-title {
    margin-bottom: 40px;
  }
  .contributor-full-box .contributor-box-description-wrapper .contributor-box-item-short-description {
    margin-bottom: 1em;
    padding-bottom: 1em;
    position: relative;
  }
  .contributor-full-box .contributor-box-description-wrapper .contributor-box-item-short-description p:last-child {
    margin-bottom: 0;
  }
  .contributor-full-box .contributor-box-description-wrapper .contributor-box-item-short-description::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1em;
    height: 2px;
    background: #E52330;
  }
  .contributor-full-box .contributor-box-description-wrapper a {
    color: #E52330;
  }
  .contributor-full-box .contributor-box-description-wrapper .contributor-box-item-social-wrapper {
    margin: 1.5em 0 0 0;
    overflow: hidden;
    font-family: 'Roboto', Verdana, sans-serif;
  }
  .contributor-full-box .contributor-box-description-wrapper .contributor-box-item-social-wrapper .contributor-box-item-social-facebook {
    display: block;
    float: left;
    font-size: 0.7em;
    padding: 1em 1.5em 1em 3em;
    line-height: 1.5em;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    background: url(/assets/b6d4bc38820126edc4c47cfdeb60175f.svg) 1.25em center no-repeat #E52330;
    -moz-background-size: 0.65em auto;
    -o-background-size: 0.65em auto;
    -webkit-background-size: 0.65em auto;
    -ms-background-size: 0.65em auto;
    background-size: 0.65em auto;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .contributor-full-box .contributor-box-description-wrapper .contributor-box-item-social-wrapper .contributor-box-item-social-facebook:hover {
    background-color: #3B5CA8;
    text-decoration: none;
  }
  .contributor-full-box .contributor-box-description-wrapper .contributor-box-item-social-wrapper .contributor-box-item-social-twitter {
    display: block;
    float: left;
    font-size: 0.7em;
    padding: 1em 1.5em 1em 3em;
    line-height: 1.5em;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    background: url(/assets/9853a680038638836012b70d9af2c03d.svg) 1.25em center no-repeat #E52330;
    -moz-background-size: 1.2em auto;
    -o-background-size: 1.2em auto;
    -webkit-background-size: 1.2em auto;
    -ms-background-size: 1.2em auto;
    background-size: 1.2em auto;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .contributor-full-box .contributor-box-description-wrapper .contributor-box-item-social-wrapper .contributor-box-item-social-twitter:hover {
    background-color: #5EBEF2;
    text-decoration: none;
  }
  .video-contents-contributors-wrapper {
    margin-bottom: 40px;
    overflow: hidden;
  }
  .video-contents-contributors-wrapper .video-contents-contributors {
    position: relative;
    padding-bottom: 1em;
  }
  .video-contents-contributors-wrapper .video-contents-contributors .video-contents-contributors-title {
    color: white;
    padding: 1em 1.5em 0 1.5em;
    text-transform: uppercase;
    position: relative;
    z-index: 5;
    font-style: italic;
    font-weight: 600;
    font-size: 1em;
  }
  .video-contents-contributors-wrapper .video-contents-contributors .video-contents-contributor-links-wrapper {
    overflow: hidden;
    padding: 1em 1.5em;
  }
  .video-contents-contributors-wrapper .video-contents-contributors .video-contents-contributor-links-wrapper .video-contents-contributor-link {
    color: white;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
    position: relative;
    z-index: 5;
    display: inline-block;
    margin-right: 1em;
    padding: 0.5em 0.8em;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .video-contents-contributors-wrapper .video-contents-contributors .video-contents-contributor-links-wrapper .video-contents-contributor-link:hover {
    background: white;
    color: #E52330;
  }
  .video-contents-contributors-wrapper .video-contents-contributors::before {
    content: "";
    background: #E52330;
    position: absolute;
    top: -2em;
    left: -2em;
    bottom: 0;
    right: -2em;
    z-index: -1;
    -moz-transform: rotate(-1.5deg);
    -o-transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    transform: rotate(-1.5deg);
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
  }
}

@media screen and (max-width: 1470px) {
  /*** thumb box ***/
  .contributor-thumb-box .contributor-thumb-box-content .contributor-thumb-box-item-description {
    height: 8.4em;
  }
  /*** full page ***/
  .upc-page .upc-intro-content .video-global-wrapper {
    max-height: 22em;
  }
  .upc-page .upc-intro-content-shown .video-global-wrapper {
    max-height: 9999em;
  }
  .upc-page .upc-intro-logo-socials .upc-intro-logo-socials-title {
    padding: 1.5em;
  }
  .upc-page .upc-intro-logo-socials .upc-intro-logo {
    padding: 2.5em 1.5em 1.5em 1.5em;
  }
  .upc-page .upc-intro-logo-socials .upc-intro-socials .upc-intro-socials-title {
    padding: 0 1.5em;
  }
}

@media screen and (max-width: 1250px) {
  /*** thumb box ***/
  .contributor-thumb-box .contributor-thumb-box-content .contributor-thumb-box-item-description {
    height: 9.8em;
  }
  /*** related contributors ***/
  .related-contributors-list {
    float: none;
    width: auto;
  }
}

@media screen and (max-width: 1020px) {
  /*** thumb box ***/
  .contributor-list-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;
  }
  .contributor-list-wrapper .contributor-thumb {
    -moz-flex-basis: 50%;
    -o-flex-basis: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
  }
  .contributor-thumb-box .contributor-thumb-box-content .contributor-thumb-box-item-description {
    height: 7em;
  }
  /*** full ***/
  .contributor-full-box {
    /*.contributor-box-img-wrapper {
            margin: 20px 0;
            
            img {
                max-width: 300px;
                margin: 0 auto;
            }
        }*/
  }
  .contributor-full-box .one-third-col, .contributor-full-box .two-third-col {
    float: none;
    width: auto;
  }
}

@media screen and (max-width: 800px) {
  /*** thumb box ***/
  .contributor-list-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;
  }
  .contributor-list-wrapper .contributor-thumb {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .contributor-thumb-box .contributor-thumb-box-content .contributor-thumb-box-item-description {
    height: auto;
  }
}

@media screen {
  .shop-contents-loader {
    min-height: 200px;
  }
  .shop-contents-loader .slideshow-row {
    background: white;
  }
  .shop-page-title {
    text-align: right;
    color: #13245d;
    margin: 0;
    padding: 0.5em 0;
    text-transform: uppercase;
    font-size: 1.1em;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
  }
  /*** sidebar box ***/
  .shop-sidebar-box {
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
    border-bottom: 2px solid #13245d;
    /*.shop-sidebar-box-inner::after {
			content: attr(data-read-more);
			position: absolute;
			bottom: 1em;
			right: 0.5em;
			display: inline-block;
			padding: 0.2em 0.5em;
			background: $onfray-dark-red;
			color: white;
			text-decoration: none;
			border: 2px solid $onfray-dark-red;
			font-family: 'Roboto', Verdana, sans-serif;
			font-size: 0.8em;
			text-transform: uppercase;

			@include transition(all 0.3s);
		}*/
    /*.shop-sidebar-box-content:hover .shop-sidebar-box-inner::after {
			background: white;
			color: $onfray-dark-red;
		}*/
  }
  .shop-sidebar-box .shop-sidebar-box-title-link {
    display: block;
  }
  .shop-sidebar-box .shop-sidebar-box-title-link .shop-sidebar-box-title {
    position: relative;
    font-size: 1.5em;
    text-transform: uppercase;
    font-style: italic;
    padding: 1em 1.5em;
    z-index: 20;
    color: white;
    margin: 0;
    font-weight: 600;
    letter-spacing: 0.04em;
  }
  .shop-sidebar-box .shop-sidebar-box-title-link .shop-sidebar-box-title::first-letter {
    font-size: 1.5em;
  }
  .shop-sidebar-box .shop-sidebar-box-title-link .shop-sidebar-box-title::before {
    content: "";
    position: absolute;
    top: -4em;
    left: -2em;
    bottom: 0;
    right: -2em;
    background: #13245d;
    z-index: -1;
    -moz-transform: rotate(1.5deg);
    -o-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    transform: rotate(1.5deg);
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .shop-sidebar-box .shop-sidebar-box-title-link:hover {
    text-decoration: none;
  }
  .shop-sidebar-box .shop-sidebar-box-content {
    position: relative;
    display: block;
    overflow: hidden;
    margin-top: 1em;
    /*overflow: auto;
            max-height: 360px;*/
  }
  .shop-sidebar-box .shop-sidebar-box-content .shop-sidebar-box-inner {
    padding: 1em 0 3em 0;
    position: relative;
  }
  .shop-sidebar-box .shop-sidebar-box-content .shop-sidebar-box-inner .shop-sidebar-box-image img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
  .shop-sidebar-box .shop-sidebar-box-content .shop-sidebar-box-inner .shop-sidebar-box-item-title {
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
    font-size: 1em;
    text-transform: uppercase;
    color: #13245d;
    padding-bottom: 1em;
    margin-bottom: 1em;
    position: relative;
  }
  .shop-sidebar-box .shop-sidebar-box-content .shop-sidebar-box-inner .shop-sidebar-box-item-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1em;
    height: 4px;
    background: #13245d;
  }
  .shop-sidebar-box .shop-sidebar-box-content .shop-sidebar-box-inner .shop-sidebar-box-item-description {
    color: #13245d;
    margin-bottom: 1em;
    font-weight: 500;
  }
  .shop-sidebar-box .shop-sidebar-box-content .shop-sidebar-box-inner .shop-sidebar-box-item-price {
    color: #13245d;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
  }
  .shop-sidebar-box .shop-sidebar-box-content:hover {
    text-decoration: none;
  }
  /*** thumb box ***/
  .shop-thumb-box {
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
    /*.shop-thumb-box-content::after {
			content: attr(data-read-more);
			position: absolute;
			bottom: 1em;
			right: 1em;
			display: inline-block;
			padding: 0.2em 0.5em;
			background: $onfray-dark-red;
			color: white;
			text-decoration: none;
			border: 2px solid $onfray-dark-red;
			font-family: 'Roboto', Verdana, sans-serif;
			font-size: 0.8em;
			text-transform: uppercase;

			@include transition(all 0.3s);
		}

		.shop-thumb-box-content:hover::after {
			background: white;
			color: $onfray-dark-red;
		}*/
  }
  .shop-thumb-box .shop-thumb-box-content {
    /*padding: 1.5em 1em 3.5em 1em;*/
    padding: 1.5em 1em;
    position: relative;
    display: block;
    overflow: hidden;
    color: #646362;
    background: #ededed;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 620px;
  }
  .shop-thumb-box .shop-thumb-box-content .shop-thumb-box-item-wrapper {
    overflow: hidden;
  }
  .shop-thumb-box .shop-thumb-box-content .shop-thumb-box-item-wrapper .shop-thumb-box-image img {
    display: block;
    width: 100%;
    height: auto;
  }
  .shop-thumb-box .shop-thumb-box-content .shop-thumb-box-item-description {
    margin-top: 20px;
    overflow-y: scroll;
    height: 250px;
    /* TODO better, items should have the same height */
    font-size: 1.05em;
  }
  .shop-thumb-box .shop-thumb-box-content ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
  }
  .shop-thumb-box .shop-thumb-box-content ::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  }
  .shop-thumb-box .shop-thumb-box-content:hover {
    text-decoration: none;
  }
  .shop-thumb-box .livre-thumb-box-content {
    height: 620px;
  }
  .slideshow-container {
    /* slideshow boxes */
  }
  .slideshow-container .shop-thumb-box {
    margin-bottom: 0;
  }
  .shop-thumb-box-item-infos {
    position: relative;
    padding-bottom: 1em;
    /*.shop-thumb-box-item-related-annotation {

            span {
                font-family: 'Roboto', Verdana, sans-serif;
                font-weight: 500;
                padding: 0em 0.25em;
                text-transform: uppercase;
                border: 2px solid $onfray-gray;
                font-size: 0.9em;
            }
        }*/
  }
  .shop-thumb-box-item-infos .shop-thumb-box-item-titles-wrapper {
    margin-bottom: 1em;
  }
  .shop-thumb-box-item-infos .shop-thumb-box-item-titles-wrapper .shop-thumb-box-item-title {
    margin: 0;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
    font-size: 1em;
    text-transform: uppercase;
    color: #13245d;
  }
  .shop-thumb-box-item-infos .shop-thumb-box-item-titles-wrapper .shop-thumb-box-item-subtitle {
    color: #13245d;
    font-size: 1.05em;
    font-weight: 500;
    margin: 0;
  }
  .shop-thumb-box-item-infos .shop-thumb-box-item-additional-infos {
    font-size: 1.05em;
  }
  .shop-thumb-box-item-infos .shop-thumb-box-item-additional-infos-item {
    display: block;
    color: #646362;
  }
  .shop-thumb-box-item-infos::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1em;
    height: 2px;
    background: #13245d;
  }
  .shop-thumb-box-item-price {
    display: block;
    color: #13245d;
    margin-top: 1em;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 0.9em;
  }
  .shop-thumb-box-item-price::after {
    content: "Acheter";
    margin-left: 1em;
    display: inline-block;
    padding: 0.2em 0.5em;
    background: #13245d;
    color: white;
    text-decoration: none;
    border: 2px solid #13245d;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 0.8em;
    text-transform: uppercase;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .shop-thumb-box-content:hover .shop-thumb-box-item-price::after, .shop-sidebar-box-content:hover .shop-thumb-box-item-price::after {
    background: transparent;
    color: #13245d;
  }
}

@media screen and (max-width: 1470px) {
  /*** sidebar box ***/
  .shop-sidebar-box .shop-sidebar-box-title-link .shop-sidebar-box-title {
    font-size: 1.15em;
    padding: 1em;
  }
}

@media screen and (max-width: 1250px) {
  /*** sidebar box ***/
  .shop-sidebar-box .shop-sidebar-box-title-link .shop-sidebar-box-title {
    font-size: 1.05em;
    padding: 1em 0.8em;
  }
  /*** shop page ***/
  .shop-page .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;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .shop-page .one-third-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: 800px) {
  /*** shop page ***/
  .shop-page .one-third-col {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
  .shop-thumb-box .shop-thumb-box-content {
    height: auto !important;
  }
  .shop-thumb-box .shop-thumb-box-content .shop-thumb-box-item-description {
    height: auto;
  }
}

@media screen {
  .video-component {
    position: relative;
    z-index: 75;
  }
  .video-global-wrapper {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden;
  }
  .video-wrapper {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #dadada;
    color: white;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .video-thumb-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-direction: column;
    -o-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -moz-flex-shrink: 0;
    -o-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    overflow: hidden;
    opacity: 0;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
  }
  .video-global-wrapper-loaded .video-thumb-wrapper {
    opacity: 1;
  }
  .thumb-link-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-direction: column;
    -o-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-justify-content: center;
    -o-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -moz-flex-shrink: 0;
    -o-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
    font-size: 1em;
    margin: auto;
    text-align: center;
    width: 100%;
    overflow: visible !important;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .thumb-navigation {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 50;
    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;
    -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;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -moz-align-content: center;
    -o-align-content: center;
    -webkit-align-content: center;
    -ms-align-content: center;
    align-content: center;
  }
  .thumb-navigation .thumb-navigation-link {
    font-size: 4em;
    width: 1.3em;
    height: 1.3em;
    margin: 0.125em;
    text-indent: -9999em;
    display: block;
    border-radius: 50%;
    border: 4px solid white;
    box-sizing: border-box;
    -moz-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    -webkit-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in;
  }
  .thumb-navigation .thumb-navigation-video-link {
    background: url(/assets/02cd8890ed38b19ed55431dc77df2f98.svg) 0.35em center no-repeat;
    -moz-background-size: 0.7em auto;
    -o-background-size: 0.7em auto;
    -webkit-background-size: 0.7em auto;
    -ms-background-size: 0.7em auto;
    background-size: 0.7em auto;
  }
  .thumb-navigation .thumb-navigation-text-link {
    background: url(/assets/27feaefa03f4ebcee7da2a2df29d9514.svg) center center no-repeat;
    -moz-background-size: auto 0.7em;
    -o-background-size: auto 0.7em;
    -webkit-background-size: auto 0.7em;
    -ms-background-size: auto 0.7em;
    background-size: auto 0.7em;
  }
  .video-contents-thumb-wrapper:hover .thumb-navigation-link {
    opacity: 0.7;
  }
  .video-thumb-no-autoplay-link-wrapper::after {
    display: none !important;
  }
  .video-thumb {
    display: block;
    width: 100%;
    height: auto;
    margin: auto;
    -moz-transition: all 0.8s ease-in;
    -o-transition: all 0.8s ease-in;
    -webkit-transition: all 0.8s ease-in;
    -ms-transition: all 0.8s ease-in;
    transition: all 0.8s ease-in;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  /*.video-thumb-wrapper-independant:hover .video-thumb {
        @include transform(scale(1.05));
    }*/
  .video-contents-page-highlight-video .video-thumb-wrapper:hover .video-thumb {
    /* single video page */
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  .video-contents-page-highlight-video .video-freemium-thumb-wrapper:hover .video-thumb {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  /*** video player fullscreen overlay (annotations & related videos) ***/
  .video-player-fullscreen {
    position: absolute !important;
    z-index: 20000 !important;
  }
  .video-player-fullscreen .video-wrapper {
    position: absolute !important;
    z-index: 20000 !important;
  }
  /*.video-contents-full-row-content-recos-toggled {

        .video-player-fullscreen {

            .video-js {
                @include display-flex;

                video {
                    width: calc(80vw - 4em) !important;
                    height: calc((80vw - 4em) * 9 / 16) !important;
                    margin: auto 0;
                }
            }
        }
    }*/
  .video-player-fullscreen-overlay {
    position: absolute;
    top: 2em;
    right: 0;
    bottom: 5em;
    /* controlbar */
    left: 2em;
    color: white;
    z-index: 9999999999999;
    pointer-events: none;
    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: flex-end;
    -o-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
  }
  .video-player-fullscreen-overlay .video-player-fullscreen-overlay-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: column;
    -o-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -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-grow: 1;
    -o-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    max-width: 20%;
  }
  .video-player-fullscreen-overlay .video-player-fullscreen-overlay-content ::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #646362;
  }
  .video-player-fullscreen-overlay .video-player-fullscreen-overlay-content ::-webkit-scrollbar {
    width: 0.5em;
    background-color: #646362;
  }
  .video-player-fullscreen-overlay .video-player-fullscreen-overlay-content ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: white;
  }
  .video-player-fullscreen-overlay .video-player-fullscreen-overlay-content .video-player-fullscreen-overlay-toggle-recos {
    text-align: right;
    min-height: 3em;
    position: relative;
    z-index: 999;
    padding-right: 2em;
  }
  .video-player-fullscreen-overlay .video-player-fullscreen-overlay-content .video-player-fullscreen-overlay-toggle-recos .video-player-fullscreen-overlay-toggle-recos-button {
    pointer-events: auto;
    cursor: pointer;
    font-family: 'Roboto', Verdana, sans-serif;
    padding: 0.2em 0.8em;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -ms-transition: background 0.3s;
    transition: background 0.3s;
  }
  .video-player-fullscreen-overlay .video-player-fullscreen-overlay-content .video-player-fullscreen-overlay-toggle-recos .video-player-fullscreen-overlay-toggle-recos-button::before {
    content: "+";
    padding-right: 0.5em;
  }
  .video-player-fullscreen-overlay .video-player-fullscreen-overlay-content .video-player-fullscreen-overlay-toggle-recos .video-player-fullscreen-overlay-toggle-recos-button.toggled::before {
    content: "-";
  }
  .video-player-fullscreen-overlay .video-player-fullscreen-overlay-content .video-player-fullscreen-overlay-toggle-recos .video-player-fullscreen-overlay-toggle-recos-button:hover {
    background: #646362 !important;
  }
  .video-player-fullscreen-overlay .video-player-fullscreen-overlay-content .video-player-fullscreen-overlay-recos-wrapper {
    /*max-height: calc(100vh - 10em);*/
    height: calc(100vh - 10em);
    padding-right: 2em;
    overflow: auto;
    pointer-events: auto;
  }
  .video-player-fullscreen-overlay .video-player-fullscreen-overlay-content .video-player-fullscreen-overlay-recos-wrapper .video-player-fullscreen-overlay-reco {
    -moz-flex-grow: 1;
    -o-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
  }
  .video-player-fullscreen-overlay .video-player-fullscreen-overlay-content .video-player-fullscreen-overlay-recos-wrapper .video-player-fullscreen-overlay-reco .video-contents-box-component {
    pointer-events: auto;
    font-size: 0.9em;
  }
  .video-player-fullscreen-overlay .video-player-fullscreen-overlay-content .video-player-fullscreen-overlay-recos-wrapper .video-player-fullscreen-overlay-reco .video-contents-box-component .video-contents-thumb-box {
    margin-bottom: 20px;
  }
  .video-player-fullscreen-overlay .video-player-fullscreen-overlay-content .video-player-fullscreen-overlay-recos-wrapper .video-player-fullscreen-overlay-reco .video-contents-box-component .video-contents-thumb-box .thumb-link-wrapper {
    font-size: 0.75em;
  }
  .video-player-fullscreen-overlay .video-player-fullscreen-overlay-content .video-player-fullscreen-overlay-recos-wrapper .video-player-fullscreen-overlay-no-recos {
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
    height: calc(100vh - 10em);
    text-align: right;
  }
  /*** freemium disclaimer ***/
  .video-freemium-disclaimer-wrapper {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 200;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    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;
  }
  .text-freemium-disclaimer-wrapper {
    padding: 1em;
    background: #646362 !important;
    color: white !important;
    font-family: 'Roboto', Verdana, sans-serif;
    /*& * {
            color: $onfray-gray;
            font-family: 'Roboto', Verdana, sans-serif !important; // to override another !important rule
        }*/
  }
  .video-freemium-disclaimer {
    margin: auto;
    text-align: center;
    font-weight: 500;
    font-family: 'Roboto', Verdana, sans-serif;
  }
  .video-freemium-disclaimer p:last-child {
    margin: 0;
  }
  .video-freemium-disclaimer .video-freemium-disclaimer-link {
    display: inline-block;
    padding: 0.3em 0.8em;
    font-size: 1em;
    text-transform: uppercase;
    color: white;
    border: 2px solid white;
    margin-right: 1.5em;
    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;
  }
  .video-freemium-disclaimer .video-freemium-disclaimer-link::after {
    background: none !important;
  }
  .video-freemium-disclaimer .video-freemium-disclaimer-link:hover {
    background: white;
    color: black;
    text-decoration: none;
  }
  .video-freemium-disclaimer .video-freemium-disclaimer-link:last-child {
    margin: 0;
  }
}

@media screen and (max-width: 1470px) {
  .thumb-link-wrapper::after {
    font-size: 3em;
  }
}

@media screen and (max-width: 800px) {
  /*** video player fullscreen overlay (annotations & related videos) ***/
  .video-player-fullscreen-overlay {
    display: none;
  }
}

@media screen {
  /*** videojs player styles ***/
  .vjs-default-skin {
    font-size: 18px;
  }
  .vjs-default-skin .vjs-big-play-button {
    /*left: calc(50% - 1.5em);
            top: calc(50% - 0.75em);*/
    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: 'Roboto', Verdana, sans-serif;
    border-radius: 0;
  }
  .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-load-progress {
    background: #999;
  }
  .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: #E52330;
    z-index: 90000;
  }
  .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::after {
    font-family: 'Roboto', Verdana, sans-serif;
    color: #E52330;
    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;
  }
  .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: #E52330;
  }
  .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: 5;
    -o-order: 5;
    -webkit-order: 5;
    -ms-order: 5;
    order: 5;
  }
  .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: #E52330;
  }
  .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;
    padding: 0.2em;
  }
  .vjs-default-skin .vjs-control-bar .vjs-fullscreen-control {
    -moz-order: 7;
    -o-order: 7;
    -webkit-order: 7;
    -ms-order: 7;
    order: 7;
  }
  .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: #E52330;
  }
  .vjs-default-skin .vjs-control-bar .vjs-subs-caps-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;
  }
  /*** video player colors ***/
  .conference-page .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::before, .conference-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::before {
    color: #ED802F;
  }
  .conference-page .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::after, .conference-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::after {
    color: #ED802F;
  }
  .conference-page .vjs-default-skin .vjs-control-bar .vjs-button, .conference-page .vjs-default-skin .vjs-control-bar .vjs-button::before, .conference-page .vjs-default-skin .vjs-control-bar .vjs-menu-button, .conference-page .vjs-default-skin .vjs-control-bar .vjs-menu-button::before, .conference-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-button, .conference-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-button::before, .conference-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu-button, .conference-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu-button::before {
    color: white;
  }
  .conference-page .vjs-default-skin .vjs-control-bar .vjs-button:hover, .conference-page .vjs-default-skin .vjs-control-bar .vjs-button:hover::before, .conference-page .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover, .conference-page .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover::before, .conference-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-button:hover, .conference-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-button:hover::before, .conference-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover, .conference-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover::before {
    color: #ED802F;
  }
  .conference-page .vjs-default-skin .vjs-control-bar .vjs-resolution-button .vjs-menu-item:hover, .conference-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-resolution-button .vjs-menu-item:hover {
    background: #ED802F;
  }
  .conference-page .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-menu-item, .conference-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-menu-item {
    color: white;
  }
  .conference-page .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-selected, .conference-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-selected {
    color: #ED802F;
  }
  .weekly-video-posts-page .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::before, .weekly-video-posts-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::before {
    color: #3366CC;
  }
  .weekly-video-posts-page .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::after, .weekly-video-posts-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::after {
    color: #3366CC;
  }
  .weekly-video-posts-page .vjs-default-skin .vjs-control-bar .vjs-button, .weekly-video-posts-page .vjs-default-skin .vjs-control-bar .vjs-button::before, .weekly-video-posts-page .vjs-default-skin .vjs-control-bar .vjs-menu-button, .weekly-video-posts-page .vjs-default-skin .vjs-control-bar .vjs-menu-button::before, .weekly-video-posts-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-button, .weekly-video-posts-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-button::before, .weekly-video-posts-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu-button, .weekly-video-posts-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu-button::before {
    color: white;
  }
  .weekly-video-posts-page .vjs-default-skin .vjs-control-bar .vjs-button:hover, .weekly-video-posts-page .vjs-default-skin .vjs-control-bar .vjs-button:hover::before, .weekly-video-posts-page .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover, .weekly-video-posts-page .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover::before, .weekly-video-posts-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-button:hover, .weekly-video-posts-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-button:hover::before, .weekly-video-posts-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover, .weekly-video-posts-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover::before {
    color: #3366CC;
  }
  .weekly-video-posts-page .vjs-default-skin .vjs-control-bar .vjs-resolution-button .vjs-menu-item:hover, .weekly-video-posts-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-resolution-button .vjs-menu-item:hover {
    background: #3366CC;
  }
  .weekly-video-posts-page .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-menu-item, .weekly-video-posts-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-menu-item {
    color: white;
  }
  .weekly-video-posts-page .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-selected, .weekly-video-posts-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-selected {
    color: #3366CC;
  }
  .question-page .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::before, .questions-and-answers-page .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::before, .question-box-answered-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::before {
    color: #66bb73;
  }
  .question-page .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::after, .questions-and-answers-page .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::after, .question-box-answered-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::after {
    color: #66bb73;
  }
  .question-page .vjs-default-skin .vjs-control-bar .vjs-button, .question-page .vjs-default-skin .vjs-control-bar .vjs-button::before, .question-page .vjs-default-skin .vjs-control-bar .vjs-menu-button, .question-page .vjs-default-skin .vjs-control-bar .vjs-menu-button::before, .questions-and-answers-page .vjs-default-skin .vjs-control-bar .vjs-button, .questions-and-answers-page .vjs-default-skin .vjs-control-bar .vjs-button::before, .questions-and-answers-page .vjs-default-skin .vjs-control-bar .vjs-menu-button, .questions-and-answers-page .vjs-default-skin .vjs-control-bar .vjs-menu-button::before, .question-box-answered-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-button, .question-box-answered-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-button::before, .question-box-answered-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu-button, .question-box-answered-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu-button::before {
    color: white;
  }
  .question-page .vjs-default-skin .vjs-control-bar .vjs-button:hover, .question-page .vjs-default-skin .vjs-control-bar .vjs-button:hover::before, .question-page .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover, .question-page .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover::before, .questions-and-answers-page .vjs-default-skin .vjs-control-bar .vjs-button:hover, .questions-and-answers-page .vjs-default-skin .vjs-control-bar .vjs-button:hover::before, .questions-and-answers-page .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover, .questions-and-answers-page .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover::before, .question-box-answered-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-button:hover, .question-box-answered-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-button:hover::before, .question-box-answered-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover, .question-box-answered-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover::before {
    color: #66bb73;
  }
  .question-page .vjs-default-skin .vjs-control-bar .vjs-resolution-button .vjs-menu-item:hover, .questions-and-answers-page .vjs-default-skin .vjs-control-bar .vjs-resolution-button .vjs-menu-item:hover, .question-box-answered-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-resolution-button .vjs-menu-item:hover {
    background: #66bb73;
  }
  .question-page .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-menu-item, .questions-and-answers-page .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-menu-item, .question-box-answered-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-menu-item {
    color: white;
  }
  .question-page .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-selected, .questions-and-answers-page .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-selected, .question-box-answered-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-selected {
    color: #66bb73;
  }
  .archive-page .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::before, .archive-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::before {
    color: #5D2784;
  }
  .archive-page .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::after, .archive-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::after {
    color: #5D2784;
  }
  .archive-page .vjs-default-skin .vjs-control-bar .vjs-button, .archive-page .vjs-default-skin .vjs-control-bar .vjs-button::before, .archive-page .vjs-default-skin .vjs-control-bar .vjs-menu-button, .archive-page .vjs-default-skin .vjs-control-bar .vjs-menu-button::before, .archive-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-button, .archive-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-button::before, .archive-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu-button, .archive-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu-button::before {
    color: white;
  }
  .archive-page .vjs-default-skin .vjs-control-bar .vjs-button:hover, .archive-page .vjs-default-skin .vjs-control-bar .vjs-button:hover::before, .archive-page .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover, .archive-page .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover::before, .archive-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-button:hover, .archive-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-button:hover::before, .archive-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover, .archive-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover::before {
    color: #5D2784;
  }
  .archive-page .vjs-default-skin .vjs-control-bar .vjs-resolution-button .vjs-menu-item:hover, .archive-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-resolution-button .vjs-menu-item:hover {
    background: #5D2784;
  }
  .archive-page .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-menu-item, .archive-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-menu-item {
    color: white;
  }
  .archive-page .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-selected, .archive-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-selected {
    color: #5D2784;
  }
  .guest-page .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::before, .guest-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::before {
    color: #edb7b2;
  }
  .guest-page .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::after, .guest-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::after {
    color: #edb7b2;
  }
  .guest-page .vjs-default-skin .vjs-control-bar .vjs-button, .guest-page .vjs-default-skin .vjs-control-bar .vjs-button::before, .guest-page .vjs-default-skin .vjs-control-bar .vjs-menu-button, .guest-page .vjs-default-skin .vjs-control-bar .vjs-menu-button::before, .guest-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-button, .guest-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-button::before, .guest-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu-button, .guest-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu-button::before {
    color: white;
  }
  .guest-page .vjs-default-skin .vjs-control-bar .vjs-button:hover, .guest-page .vjs-default-skin .vjs-control-bar .vjs-button:hover::before, .guest-page .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover, .guest-page .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover::before, .guest-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-button:hover, .guest-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-button:hover::before, .guest-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover, .guest-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover::before {
    color: #edb7b2;
  }
  .guest-page .vjs-default-skin .vjs-control-bar .vjs-resolution-button .vjs-menu-item:hover, .guest-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-resolution-button .vjs-menu-item:hover {
    background: #edb7b2;
  }
  .guest-page .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-menu-item, .guest-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-menu-item {
    color: white;
  }
  .guest-page .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-selected, .guest-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-selected {
    color: #edb7b2;
  }
  .unipopconf-page .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::before, .unipopconf-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::before,
  .upc-page .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::before, .upc-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::before {
    color: #E52330;
  }
  .unipopconf-page .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::after, .unipopconf-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::after,
  .upc-page .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::after, .upc-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-progress-control .vjs-slider .vjs-play-progress::after {
    color: #E52330;
  }
  .unipopconf-page .vjs-default-skin .vjs-control-bar .vjs-button, .unipopconf-page .vjs-default-skin .vjs-control-bar .vjs-button::before, .unipopconf-page .vjs-default-skin .vjs-control-bar .vjs-menu-button, .unipopconf-page .vjs-default-skin .vjs-control-bar .vjs-menu-button::before, .unipopconf-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-button, .unipopconf-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-button::before, .unipopconf-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu-button, .unipopconf-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu-button::before,
  .upc-page .vjs-default-skin .vjs-control-bar .vjs-button,
  .upc-page .vjs-default-skin .vjs-control-bar .vjs-button::before,
  .upc-page .vjs-default-skin .vjs-control-bar .vjs-menu-button,
  .upc-page .vjs-default-skin .vjs-control-bar .vjs-menu-button::before, .upc-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-button, .upc-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-button::before, .upc-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu-button, .upc-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu-button::before {
    color: white;
  }
  .unipopconf-page .vjs-default-skin .vjs-control-bar .vjs-button:hover, .unipopconf-page .vjs-default-skin .vjs-control-bar .vjs-button:hover::before, .unipopconf-page .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover, .unipopconf-page .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover::before, .unipopconf-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-button:hover, .unipopconf-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-button:hover::before, .unipopconf-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover, .unipopconf-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover::before,
  .upc-page .vjs-default-skin .vjs-control-bar .vjs-button:hover,
  .upc-page .vjs-default-skin .vjs-control-bar .vjs-button:hover::before,
  .upc-page .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover,
  .upc-page .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover::before, .upc-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-button:hover, .upc-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-button:hover::before, .upc-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover, .upc-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu-button:hover::before {
    color: #E52330;
  }
  .unipopconf-page .vjs-default-skin .vjs-control-bar .vjs-resolution-button .vjs-menu-item:hover, .unipopconf-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-resolution-button .vjs-menu-item:hover,
  .upc-page .vjs-default-skin .vjs-control-bar .vjs-resolution-button .vjs-menu-item:hover, .upc-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-resolution-button .vjs-menu-item:hover {
    background: #E52330;
  }
  .unipopconf-page .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-menu-item, .unipopconf-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-menu-item,
  .upc-page .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-menu-item, .upc-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-menu-item {
    color: white;
  }
  .unipopconf-page .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-selected, .unipopconf-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-selected,
  .upc-page .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-selected, .upc-content .video-contents-playlist .vjs-default-skin .vjs-control-bar .vjs-menu .vjs-selected {
    color: #E52330;
  }
}

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

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

@media screen and (max-width: 800px) {
  .vjs-default-skin {
    font-size: 17px;
  }
  .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 {
    font-size: 16px;
  }
  .vjs-default-skin .vjs-control {
    width: 3em;
  }
  .vjs-default-skin > .vjs-mute-control {
    width: 1.1em;
  }
}

@media screen {
  /*** player annotations ***/
  .video-contents-annotations-wrapper {
    color: white;
    overflow: hidden;
  }
  .video-contents-annotations-wrapper .video-contents-annotations-cursor-wrapper {
    position: relative;
    height: 20px;
    padding: 0 16.45em 0 4.45em;
    /* video player controls */
  }
  .video-contents-annotations-wrapper .video-contents-annotations-cursor-wrapper .video-contents-annotations-cursor {
    position: relative;
    width: 20px;
    height: 20px;
    background: url("/assets/images/cursor-red.png") center center no-repeat;
    text-indent: -9999em;
    -moz-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  .video-contents-annotations-wrapper .video-contents-annotations-title {
    padding: 1em 1.5em 0 1.5em;
    text-transform: uppercase;
    position: relative;
    z-index: 5;
    font-style: italic;
    font-weight: 600;
  }
  .video-contents-annotations-wrapper .video-contents-annotations-title:first-letter {
    font-size: 1.5em;
  }
  .video-contents-annotations-wrapper .video-contents-annotations {
    padding: 1em 1.5em;
    position: relative;
    z-index: 3;
    min-height: 2.5em;
  }
  .video-contents-annotations-wrapper .video-contents-annotations .related-annotations-wrapper {
    margin: 0;
    padding: 0;
  }
  .video-contents-annotations-wrapper .video-contents-annotations .related-annotations-wrapper .related-annotations {
    color: white;
    border: 2px solid white;
  }
  .video-contents-annotations-wrapper .video-contents-annotations::before {
    content: "";
    position: absolute;
    top: -1em;
    right: -2em;
    bottom: 0;
    left: -2em;
    z-index: -1;
    -moz-transform: rotate(-1.5deg);
    -o-transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    transform: rotate(-1.5deg);
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
  }
  /*** player annotations colors ***/
  .conference-contents-annotations-wrapper .video-contents-annotations-cursor-wrapper .video-contents-annotations-cursor {
    background: url("/assets/images/cursor-orange.png") center center no-repeat;
  }
  .conference-contents-annotations-wrapper .video-contents-annotations-title {
    background: #ED802F;
  }
  .conference-contents-annotations-wrapper .video-contents-annotations .related-annotations-wrapper .related-annotations:hover {
    color: #ED802F;
    background: white;
  }
  .conference-contents-annotations-wrapper .video-contents-annotations::before {
    background: #ED802F;
  }
  .weekly-video-posts-contents-annotations-wrapper .video-contents-annotations-cursor-wrapper .video-contents-annotations-cursor {
    background: url("/assets/images/cursor-blue.png") center center no-repeat;
  }
  .weekly-video-posts-contents-annotations-wrapper .video-contents-annotations-title {
    background: #3366CC;
  }
  .weekly-video-posts-contents-annotations-wrapper .video-contents-annotations .related-annotations-wrapper .related-annotations:hover {
    color: #3366CC;
    background: white;
  }
  .weekly-video-posts-contents-annotations-wrapper .video-contents-annotations::before {
    background: #3366CC;
  }
  .answer-contents-annotations-wrapper .video-contents-annotations-title {
    background: #66bb73;
  }
  .answer-contents-annotations-wrapper .video-contents-annotations .related-annotations-wrapper .related-annotations:hover {
    color: #66bb73;
    background: white;
  }
  .answer-contents-annotations-wrapper .video-contents-annotations::before {
    background: #66bb73;
  }
  .archive-contents-annotations-wrapper .video-contents-annotations-cursor-wrapper .video-contents-annotations-cursor {
    background: url("/images/cursor-violet.png") center center no-repeat;
  }
  .archive-contents-annotations-wrapper .video-contents-annotations-title {
    background: #5D2784;
  }
  .archive-contents-annotations-wrapper .video-contents-annotations .related-annotations-wrapper .related-annotations:hover {
    color: #5D2784;
    background: white;
  }
  .archive-contents-annotations-wrapper .video-contents-annotations::before {
    background: #5D2784;
  }
  .guest-contents-annotations-wrapper .video-contents-annotations-cursor-wrapper .video-contents-annotations-cursor {
    background: url("/assets/images/cursor-pink.png") center center no-repeat;
  }
  .guest-contents-annotations-wrapper .video-contents-annotations-title {
    background: #edb7b2;
  }
  .guest-contents-annotations-wrapper .video-contents-annotations .related-annotations-wrapper .related-annotations:hover {
    color: #edb7b2;
    background: white;
  }
  .guest-contents-annotations-wrapper .video-contents-annotations::before {
    background: #edb7b2;
  }
}

@media screen {
  /*** slider ***/
  .slideshow-container {
    overflow: visible;
    position: relative;
    z-index: 999;
  }
  .slideshow-container .slideshow-row {
    margin-bottom: 40px;
    overflow: visible;
    position: relative;
    z-index: 999;
  }
  .slideshow-container .slideshow-row .content-slider, .slideshow-container .slideshow-row .slick-list, .slideshow-container .slideshow-row .slick-track {
    height: auto;
    position: relative;
    z-index: 999;
  }
  .slideshow-container .slideshow-row .slick-track {
    overflow: hidden;
    min-width: 9999999999999999999999vw;
    display: flex;
  }
  .slideshow-container .slideshow-row .content-slider {
    overflow: visible;
  }
  .slideshow-container .slideshow-row .content-slider .slick-prev, .slideshow-container .slideshow-row .content-slider .slick-next {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 100;
    font-size: 2em;
    outline: 0;
    z-index: 9998;
    background: white;
  }
  .slideshow-container .slideshow-row .content-slider .slick-prev svg, .slideshow-container .slideshow-row .content-slider .slick-next svg {
    position: absolute;
    left: 0;
    top: 50%;
  }
  .slideshow-container .slideshow-row .content-slider .slick-disabled {
    display: none !important;
  }
  .slideshow-container .slideshow-row .content-slider .slick-list {
    overflow: hidden;
  }
  .slideshow-container .slideshow-row.related-videos-wrapper {
    display: block;
  }
}

@media screen {
  /*** news calendar ***/
  .home-rightcol-calendar {
    overflow: hidden;
  }
  .home-rightcol-calendar .home-rightcol-calendar-title-link {
    display: block;
  }
  .home-rightcol-calendar .home-rightcol-calendar-title-link .home-rightcol-calendar-title {
    position: relative;
    font-size: 1.5em;
    text-transform: uppercase;
    font-style: italic;
    padding: 1em 1.5em;
    z-index: 20;
    color: white;
    /*color: $onfray-red;*/
    margin: 0;
    font-weight: 600;
    letter-spacing: 0.04em;
  }
  .home-rightcol-calendar .home-rightcol-calendar-title-link .home-rightcol-calendar-title::first-letter {
    font-size: 1.5em;
  }
  .home-rightcol-calendar .home-rightcol-calendar-title-link .home-rightcol-calendar-title::before {
    content: "";
    position: absolute;
    top: -4em;
    left: -2em;
    bottom: 0;
    right: -2em;
    background: #E52330;
    /*background: white;*/
    z-index: -1;
    -moz-transform: rotate(1.5deg);
    -o-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    transform: rotate(1.5deg);
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .home-rightcol-calendar .home-rightcol-calendar-title-link:hover {
    text-decoration: none;
  }
  .news-calendar {
    margin-bottom: 40px;
  }
  .news-calendar .date-picker {
    /*background: $onfray-red;
			color: white;*/
    background: white;
    color: #E52330;
    padding: 1.5em 2.5em;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
    text-align: center;
  }
  .news-calendar .date-picker .dp-header {
    margin-bottom: 1em;
    text-transform: uppercase;
    padding: 0 0.5em;
  }
  .news-calendar .date-picker .dp-header .dp-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;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
  }
  .news-calendar .date-picker .dp-header .dp-prev-nav, .news-calendar .date-picker .dp-header .dp-next-nav {
    cursor: pointer;
    /*font-size: 1.5em;*/
    -moz-flex-basis: calc((100% / 7) - 0.5em);
    -o-flex-basis: calc((100% / 7) - 0.5em);
    -webkit-flex-basis: calc((100% / 7) - 0.5em);
    -ms-flex-basis: calc((100% / 7) - 0.5em);
    flex-basis: calc((100% / 7) - 0.5em);
  }
  .news-calendar .date-picker .dp-header .dp-nav-view {
    cursor: pointer;
  }
  .news-calendar .date-picker .dp-header .dp-nav-view:hover {
    text-decoration: underline;
  }
  .news-calendar .date-picker .dp-body .dp-table .dp-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;
  }
  .news-calendar .date-picker .dp-body .dp-table .dp-row .dp-cell {
    -moz-flex-basis: calc((100% / 7) - 0.5em);
    -o-flex-basis: calc((100% / 7) - 0.5em);
    -webkit-flex-basis: calc((100% / 7) - 0.5em);
    -ms-flex-basis: calc((100% / 7) - 0.5em);
    flex-basis: calc((100% / 7) - 0.5em);
    margin: 0.25em;
    padding: calc(0.25em + 4px);
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .news-calendar .date-picker .dp-body .dp-table .dp-row .dp-prev, .news-calendar .date-picker .dp-body .dp-table .dp-row .dp-next {
    opacity: 0.4;
  }
  .news-calendar .date-picker .dp-body .dp-table .dp-row .news-calendar-event-day {
    /*border: 4px solid white;*/
    border: 4px solid #E52330;
    padding: 0.25em;
    cursor: pointer;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .news-calendar .date-picker .dp-body .dp-table .dp-row .news-calendar-event-day:hover {
    /*background: white;
							color: $onfray-red;*/
    background: #E52330;
    color: white;
  }
  .news-calendar .date-picker .dp-body .dp-table.dp-year-view .dp-row {
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .news-calendar .date-picker .dp-body .dp-table.dp-year-view .dp-row .dp-cell {
    -moz-flex-basis: calc((100% / 2) - 0.5em);
    -o-flex-basis: calc((100% / 2) - 0.5em);
    -webkit-flex-basis: calc((100% / 2) - 0.5em);
    -ms-flex-basis: calc((100% / 2) - 0.5em);
    flex-basis: calc((100% / 2) - 0.5em);
    cursor: pointer;
  }
  .news-calendar .date-picker .dp-body .dp-table.dp-year-view .dp-row .dp-cell:hover {
    text-decoration: underline;
  }
  .news-calendar .date-picker .dp-body .dp-table.dp-decade-view .dp-row {
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .news-calendar .date-picker .dp-body .dp-table.dp-decade-view .dp-row .dp-cell {
    -moz-flex-basis: calc((100% / 4) - 0.5em);
    -o-flex-basis: calc((100% / 4) - 0.5em);
    -webkit-flex-basis: calc((100% / 4) - 0.5em);
    -ms-flex-basis: calc((100% / 4) - 0.5em);
    flex-basis: calc((100% / 4) - 0.5em);
    cursor: pointer;
  }
  .news-calendar .date-picker .dp-body .dp-table.dp-decade-view .dp-row .dp-cell:hover {
    text-decoration: underline;
  }
  .news-calendar .date-picker .dp-footer {
    margin-top: 1em;
  }
  .news-calendar .date-picker .dp-footer .dp-footer-today {
    font-size: 0.9em;
    cursor: pointer;
  }
  .news-calendar .date-picker .dp-footer .dp-footer-today:hover {
    text-decoration: underline;
  }
  .news-calendar .date-picker .dp-footer .dp-footer-selected {
    display: none;
  }
}

@media screen and (max-width: 1470px) {
  .home-rightcol-calendar .home-rightcol-calendar-title-link .home-rightcol-calendar-title {
    font-size: 1.15em;
    padding: 1em;
  }
  .news-calendar .date-picker {
    padding: 1.5em;
  }
}

@media screen and (max-width: 1250px) {
  .home-rightcol-calendar .home-rightcol-calendar-title-link .home-rightcol-calendar-title {
    font-size: 1.05em;
    padding: 1em 0.8em;
  }
  .news-calendar .date-picker {
    padding: 0.75em;
    font-size: 0.9em;
  }
  .news-calendar .date-picker .dp-body .dp-table .dp-row .dp-cell {
    margin: 0.15em;
    -moz-flex-basis: calc((100% / 7) - 0.3em);
    -o-flex-basis: calc((100% / 7) - 0.3em);
    -webkit-flex-basis: calc((100% / 7) - 0.3em);
    -ms-flex-basis: calc((100% / 7) - 0.3em);
    flex-basis: calc((100% / 7) - 0.3em);
    padding: calc(0.15em + 2px);
  }
  .news-calendar .date-picker .dp-body .dp-table .dp-row .dp-prev, .news-calendar .date-picker .dp-body .dp-table .dp-row .dp-next {
    opacity: 0.5;
  }
  .news-calendar .date-picker .dp-body .dp-table .dp-row .news-calendar-event-day {
    /*border: 2px solid white;*/
    border: 2px solid #E52330;
    padding: 0.15em;
  }
}

@media screen {
  /*** share video buttons ***/
  .content-sharing {
    /*float: right;*/
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: hidden;
    font-family: 'Roboto', Verdana, sans-serif;
    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;
  }
  .content-sharing a {
    display: block;
    /*float: left;*/
    text-align: center;
    font-size: 0.7em;
    padding: 1em 1.5em 1em 3em;
    line-height: 1.5em;
    color: white;
    text-transform: uppercase;
    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;
  }
  .content-sharing .content-sharing-link-to-store {
    background: url(/assets/d21e2ebf464d77c74fd5ddd1754635d2.svg) 1em center no-repeat;
    -moz-background-size: 1.5em auto;
    -o-background-size: 1.5em auto;
    -webkit-background-size: 1.5em auto;
    -ms-background-size: 1.5em auto;
    background-size: 1.5em auto;
    -moz-flex-grow: 1;
    -o-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
  }
  .content-sharing .content-sharing-twitter {
    background: url(/assets/9853a680038638836012b70d9af2c03d.svg) 1em center no-repeat;
    -moz-background-size: 1.5em auto;
    -o-background-size: 1.5em auto;
    -webkit-background-size: 1.5em auto;
    -ms-background-size: 1.5em auto;
    background-size: 1.5em auto;
  }
  .content-sharing .content-sharing-facebook {
    background: url(/assets/b6d4bc38820126edc4c47cfdeb60175f.svg) 1.25em center no-repeat;
    -moz-background-size: 0.75em auto;
    -o-background-size: 0.75em auto;
    -webkit-background-size: 0.75em auto;
    -ms-background-size: 0.75em auto;
    background-size: 0.75em auto;
  }
  .question-list-wrapper .content-sharing {
    position: relative;
    float: right;
  }
  .conference-content .content-sharing a, .conference-box-component .content-sharing a {
    background-color: #ED802F;
  }
  .conference-content .content-sharing .content-sharing-twitter:hover, .conference-box-component .content-sharing .content-sharing-twitter:hover {
    background-color: #5EBEF2;
    text-decoration: none;
  }
  .conference-content .content-sharing .content-sharing-facebook:hover, .conference-box-component .content-sharing .content-sharing-facebook:hover {
    background-color: #3B5CA8;
    text-decoration: none;
  }
  .weekly-video-posts-content .content-sharing a, .weekly-video-posts-box-component .content-sharing a {
    background-color: #3366CC;
  }
  .weekly-video-posts-content .content-sharing .content-sharing-twitter:hover, .weekly-video-posts-box-component .content-sharing .content-sharing-twitter:hover {
    background-color: #5EBEF2;
    text-decoration: none;
  }
  .weekly-video-posts-content .content-sharing .content-sharing-facebook:hover, .weekly-video-posts-box-component .content-sharing .content-sharing-facebook:hover {
    background-color: #3B5CA8;
    text-decoration: none;
  }
  .question-content .content-sharing a, .question-box-component .content-sharing a, .question-box-answered-full-box .content-sharing a {
    background-color: #66bb73;
  }
  .question-content .content-sharing .content-sharing-twitter:hover, .question-box-component .content-sharing .content-sharing-twitter:hover, .question-box-answered-full-box .content-sharing .content-sharing-twitter:hover {
    background-color: #5EBEF2;
    text-decoration: none;
  }
  .question-content .content-sharing .content-sharing-facebook:hover, .question-box-component .content-sharing .content-sharing-facebook:hover, .question-box-answered-full-box .content-sharing .content-sharing-facebook:hover {
    background-color: #3B5CA8;
    text-decoration: none;
  }
  .news-box-component .content-sharing a {
    color: #E52330;
    padding: 0.5em 1.5em 0.5em 3em;
  }
  .news-box-component .content-sharing .content-sharing-twitter {
    background: url(/assets/587f6b7979318bb3684cea12d1b8b69e.svg) 1.125em center no-repeat;
    -moz-background-size: 1.25em auto;
    -o-background-size: 1.25em auto;
    -webkit-background-size: 1.25em auto;
    -ms-background-size: 1.25em auto;
    background-size: 1.25em auto;
  }
  .news-box-component .content-sharing .content-sharing-facebook {
    background: url(/assets/6aaa905b7f0accce7c32493990295453.svg) 1.1875em center no-repeat;
    -moz-background-size: 0.625em auto;
    -o-background-size: 0.625em auto;
    -webkit-background-size: 0.625em auto;
    -ms-background-size: 0.625em auto;
    background-size: 0.625em auto;
  }
  .news-box-component .content-sharing a:hover {
    color: white;
  }
  .news-box-component .content-sharing .content-sharing-twitter:hover {
    background: url(/assets/9853a680038638836012b70d9af2c03d.svg) 1.125em center no-repeat #5EBEF2;
    -moz-background-size: 1.25em auto;
    -o-background-size: 1.25em auto;
    -webkit-background-size: 1.25em auto;
    -ms-background-size: 1.25em auto;
    background-size: 1.25em auto;
    text-decoration: none;
  }
  .news-box-component .content-sharing .content-sharing-facebook:hover {
    background: url(/assets/b6d4bc38820126edc4c47cfdeb60175f.svg) 1.1875em center no-repeat #3B5CA8;
    -moz-background-size: 0.625em auto;
    -o-background-size: 0.625em auto;
    -webkit-background-size: 0.625em auto;
    -ms-background-size: 0.625em auto;
    background-size: 0.625em auto;
    text-decoration: none;
  }
  .archive-content .content-sharing a, .archive-box-component .content-sharing a {
    background-color: #5D2784;
  }
  .archive-content .content-sharing .content-sharing-link-to-store:hover, .archive-box-component .content-sharing .content-sharing-link-to-store:hover {
    background-color: #646362;
  }
  .archive-content .content-sharing .content-sharing-twitter:hover, .archive-box-component .content-sharing .content-sharing-twitter:hover {
    background-color: #5EBEF2;
    text-decoration: none;
  }
  .archive-content .content-sharing .content-sharing-facebook:hover, .archive-box-component .content-sharing .content-sharing-facebook:hover {
    background-color: #3B5CA8;
    text-decoration: none;
  }
  .guest-content .content-sharing a, .guest-box-component .content-sharing a {
    background-color: #edb7b2;
  }
  .guest-content .content-sharing .content-sharing-twitter:hover, .guest-box-component .content-sharing .content-sharing-twitter:hover {
    background-color: #5EBEF2;
    text-decoration: none;
  }
  .guest-content .content-sharing .content-sharing-facebook:hover, .guest-box-component .content-sharing .content-sharing-facebook:hover {
    background-color: #3B5CA8;
    text-decoration: none;
  }
  .unipopconf-content .content-sharing a, .unipopconf-box-component .content-sharing a,
  .upc-content .content-sharing a, .upc-box-component .content-sharing a {
    background-color: #E52330;
  }
  .unipopconf-content .content-sharing .content-sharing-twitter:hover, .unipopconf-box-component .content-sharing .content-sharing-twitter:hover,
  .upc-content .content-sharing .content-sharing-twitter:hover, .upc-box-component .content-sharing .content-sharing-twitter:hover {
    background-color: #5EBEF2;
    text-decoration: none;
  }
  .unipopconf-content .content-sharing .content-sharing-facebook:hover, .unipopconf-box-component .content-sharing .content-sharing-facebook:hover,
  .upc-content .content-sharing .content-sharing-facebook:hover, .upc-box-component .content-sharing .content-sharing-facebook:hover {
    background-color: #3B5CA8;
    text-decoration: none;
  }
}

@media screen and (max-width: 1470px) {
  .content-sharing {
    font-size: 0.85em;
  }
}

@media screen and (max-width: 1250px) {
  .content-sharing {
    left: auto;
    display: block;
    font-size: 1em;
  }
  .content-sharing a {
    float: left;
  }
}

@media screen and (max-width: 480px) {
  .content-sharing {
    font-size: 0.85em;
  }
}

@media screen {
  .modal .close-modal {
    position: absolute;
    top: 1em;
    right: 1em;
    cursor: pointer;
  }
  .modal .modal-content div {
    font-family: 'EB Garamond', serif !important;
  }
  .modal .modal-content h3 {
    padding: 0.5em 1em !important;
    margin: 0 !important;
    background: #F9F9F9;
    font-family: 'Roboto', Verdana, sans-serif !important;
  }
  .modal .modal-content a {
    color: #646362;
    text-decoration: underline;
  }
  .modal .modal-content a:hover {
    text-decoration: none;
  }
  .vote-modal, .add-question-modal {
    font-family: 'Roboto', Verdana, sans-serif !important;
  }
  .vote-modal .modal-content div, .add-question-modal .modal-content div {
    font-family: 'Roboto', Verdana, sans-serif !important;
  }
  .vote-modal .modal-content a, .add-question-modal .modal-content a {
    color: #E52330;
  }
}

@media screen {
  .form-content {
    font-family: 'Roboto', Verdana, sans-serif;
  }
  .form-section {
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #ccc;
  }
  .form-subsection {
    margin-bottom: 1em;
  }
  ::-webkit-input-placeholder {
    color: #646362;
    opacity: 0.7;
  }
  ::-moz-placeholder {
    /* firefox 19+ */
    color: #646362;
    opacity: 0.7;
  }
  :-ms-input-placeholder {
    /* ie */
    color: #646362;
    opacity: 0.7;
  }
  input:-moz-placeholder {
    color: #646362;
    opacity: 0.7;
  }
  .form-input-text-element {
    display: block;
    width: 100%;
    font-family: inherit;
    font-size: 1em;
    color: inherit;
    padding: 0.5em 0.8em;
    margin: 0.5em 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;
    /*border: 1px solid black !important;
		border-radius: 0 !important;*/
    border: 0 !important;
    border-radius: 0 !important;
    background: #ededed;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
  }
  .form-textarea-element, .form-richtext-element {
    display: block;
    width: 100%;
    font-family: inherit;
    border: 1px solid black;
    font-size: 1em;
    color: inherit;
    padding: 0.5em 0.8em;
    margin: 0.5em 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;
  }
  .form-select-element {
    display: block;
    width: 100%;
    font-family: inherit;
    border: 1px solid black;
    font-size: 1em;
    color: inherit;
    padding: 0.3em 0.5em;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .form-radio-button-separator {
    margin-right: 1.5em;
  }
  .form-radio-button-separator:last-child {
    margin-right: 0;
  }
  .form-input-radio-button-element {
    cursor: pointer;
  }
  .form-input-radio-button-element-label {
    cursor: pointer;
    padding-left: 0.5em;
  }
  .form-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: 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: 1em 0;
  }
  .form-input-checkbox-label-element {
    -moz-order: 2;
    -o-order: 2;
    -webkit-order: 2;
    -ms-order: 2;
    order: 2;
  }
  .form-input-checkbox-element {
    -moz-order: 1;
    -o-order: 1;
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
    margin-right: 1em;
    height: 1.3em;
    width: 1.3em;
  }
  .form-datepicker-element {
    display: block !important;
    width: 100% !important;
    color: inherit !important;
    font-size: 1em !important;
    cursor: pointer;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
    border: 0;
    border-radius: 0;
  }
  .form-datepicker-element div {
    color: rgba(0, 0, 0, 0.7) !important;
  }
  .form-datepicker-element input {
    cursor: pointer;
  }
  .form-datepicker-element hr {
    border-color: black !important;
  }
  .form-datepicker-element .rw-input {
    padding: 0.5em 0.8em;
    background: #ededed;
    border: 0;
    box-shadow: none !important;
    border-radius: 0;
  }
  .form-datepicker-element .rw-select {
    background: #ededed;
    border-left: 1px solid #ccc;
  }
  .form-datepicker-element .rw-select:hover {
    background: #ccc;
  }
  .form-validation-element {
    display: inline-block;
    font-family: inherit;
    color: inherit;
    font-size: 1em;
    padding: 0.4em 0.8em;
    margin: 0.5em 0.5em 0.5em 0;
    background: #ccc;
    cursor: pointer;
    border: 0;
    -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;
  }
  .form-validation-element:hover {
    background: #eee;
  }
  .form-alert-element {
    border: 1px solid red !important;
  }
  .form-alert {
    margin: 0.3em 0;
    font-size: 0.9em;
    font-weight: 500;
    color: red;
  }
  .form-alert a {
    color: red;
    text-decoration: underline;
  }
  .form-alert a:hover {
    text-decoration: none;
  }
  .form-success {
    margin: 0.3em 0;
    font-size: 0.9em;
    font-weight: 500;
    color: green;
  }
}

@media screen {
  /*** payment form ***/
  .payment-form {
    /*.one-quarter-col::after {
            content: "";
            position: absolute;
            right: 20px;
            bottom: 0;
            left: 20px;
            height: 2px;
            background: $onfray-gray;
            display: block;
        }*/
  }
  .payment-form .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;
    -moz-justify-content: space-around;
    -o-justify-content: space-around;
    -webkit-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
    overflow: visible;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .payment-form .one-quarter-col {
    width: calc(40% - 20px);
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    padding: 40px 0 100px 0;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    cursor: pointer;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .payment-form .payment-form-title {
    font-weight: 500;
    text-transform: uppercase;
    color: #E52330;
    margin-bottom: 0.5em;
  }
  .payment-form .payment-form-add-to-cart, .payment-form .account-form-submit {
    font-family: 'Roboto', Verdana, sans-serif;
    display: inline-block;
    padding: 0.2em 0.5em;
    background: #E52330;
    color: white;
    text-align: center;
  }
  .payment-form .payment-form-add-to-cart {
    position: absolute;
    bottom: 40px;
    left: 50%;
    width: 140px;
    margin-left: -70px;
  }
  .payment-form .account-form-submit {
    outline: 0;
    border: 0;
    font-size: 1.1em;
    cursor: pointer;
    margin-bottom: 40px;
  }
  .payment-form .payment-form-slider-footer {
    margin-top: 2em;
  }
  .payment-form .one-quarter-col:hover, .payment-form .one-quarter-col.active {
    box-shadow: 0 0 5px #646362;
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  .payment-form .one-quarter-col:hover .payment-form-add-to-cart {
    background: #646362;
  }
  .payment-form .subscription-cart {
    margin-top: 40px;
  }
  .payment-form .subscription-cart a, .payment-form .subscription-cart .subscription-cart-fake-link {
    cursor: pointer;
    text-decoration: underline;
    color: #646362;
  }
  .payment-form .subscription-cart a:hover, .payment-form .subscription-cart .subscription-cart-fake-link:hover {
    text-decoration: none;
  }
  /*** 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;
    margin: 0 2em 2em 2em;
  }
  .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 4em;
    max-width: calc(100% - 4.5em - 40px);
  }
  .payment-form-cursor {
    margin: 40px 0 calc(40px + 0.65em) 0;
  }
  .payment-form-cursor .rc-slider {
    margin: 0 2.5em;
  }
  .payment-form-cursor .rc-slider-track {
    opacity: 0.6;
    background-color: #66bb73;
  }
  .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 #66bb73;
    cursor: pointer;
    border-radius: 1em;
  }
}

@media screen and (max-width: 1250px) {
  .payment-form .one-quarter-col {
    width: calc(33% - 20px);
  }
  .payment-form-cursor .rc-slider {
    margin: 0;
    width: 90%;
  }
}

@media screen and (max-width: 1020px) {
  .payment-form .one-quarter-col {
    width: calc(40% - 20px);
  }
  .flex-wrapper {
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    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;
  }
  .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: 800px) {
  .payment-form .row {
    display: block;
  }
  .payment-form .one-quarter-col {
    width: 80%;
    margin: 40px auto 0 auto;
    float: none;
  }
}

@media screen {
  .footer .footer-container {
    padding: 20px 0;
    font-size: 0.9em;
    font-weight: 500;
    border-bottom: 4px solid #E52330;
  }
  .footer .footer-container .footer-back-to-top {
    overflow: hidden;
  }
  .footer .footer-container .footer-back-to-top span {
    text-indent: -9999em;
    display: block;
    width: 1.5em;
    height: 1.5em;
    background: url(/assets/3cd39a554c0c3b6d59342e3555cd8d0b.svg) center center no-repeat;
    cursor: pointer;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -ms-background-size: 100% auto;
    background-size: 100% auto;
  }
  .footer .footer-container .footer-menu-wrapper {
    margin: 40px 0 0 0;
  }
  .footer .footer-container .footer-menu-wrapper ul {
    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;
    @inlude flex-direction(row);
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -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;
    padding: 0;
    margin: 0;
    list-style: none;
    color: #E52330;
  }
  .footer .footer-container .footer-menu-wrapper ul li {
    -moz-flex-shrink: 0;
    -o-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    -moz-flex-grow: 1;
    -o-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
  }
  .footer .footer-container .footer-menu-wrapper ul a {
    color: #E52330;
    text-decoration: none;
  }
  .footer .footer-container .footer-menu-wrapper ul .home-menu-item {
    color: #E52330;
  }
  .footer .footer-container .footer-menu-wrapper ul .footer-contact-cgu-links {
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 0.95em;
    text-transform: uppercase;
    text-align: right;
  }
  .footer .footer-container .footer-menu-wrapper ul .footer-contact-cgu-links a {
    color: #E52330;
    display: inline-block;
    margin: 0 0.5em 0 0;
    padding: 0 0.5em 0 0;
    border-right: 4px solid #E52330;
  }
  .footer .footer-container .footer-menu-wrapper ul .footer-contact-cgu-links a:last-child {
    margin: 0;
    padding: 0;
    border-right: 0;
  }
  .footer .footer-container .footer-menu-wrapper ul a:hover, .footer .footer-container .footer-menu-wrapper ul a.active {
    text-decoration: underline;
  }
}

@media screen and (max-width: 1250px) {
  .footer .footer-container .footer-menu-wrapper ul {
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .footer .footer-container .footer-menu-wrapper ul li {
    -moz-flex-basis: 20%;
    -o-flex-basis: 20%;
    -webkit-flex-basis: 20%;
    -ms-flex-basis: 20%;
    flex-basis: 20%;
    padding: 0.25em 0;
  }
}

@media screen and (max-width: 1020px) {
  .footer .footer-container .footer-menu-wrapper ul li {
    -moz-flex-basis: 25%;
    -o-flex-basis: 25%;
    -webkit-flex-basis: 25%;
    -ms-flex-basis: 25%;
    flex-basis: 25%;
  }
}

@media screen and (max-width: 800px) {
  .footer .footer-container .footer-menu-wrapper ul li {
    -moz-flex-basis: 50%;
    -o-flex-basis: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
  }
}

@media screen and (max-width: 480px) {
  .footer .footer-container .footer-menu-wrapper ul li {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
}

@media screen {
  .comments-wrapper .comments-container {
    padding: 20px 0.5em;
  }
  .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;
  }
  .comments-wrapper .comments-filters-wrapper {
    position: relative;
  }
  .comments-wrapper .comments-filters-wrapper::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ededed;
  }
  .comments-wrapper .comments-total-number-wrapper {
    font-family: 'Roboto', Verdana, sans-serif;
    display: block;
    float: right;
    margin-top: 0.5em;
  }
  .comments-wrapper .comments-total-number-wrapper .comments-total-number {
    color: #000;
  }
  /*** POST A COMMENT ***/
  .post-a-comment-inner {
    margin-bottom: 40px;
  }
  .post-a-comment-inner .post-a-comment-content {
    background: white;
  }
  .post-a-comment-inner .post-a-comment-content .post-a-comment-textarea {
    height: 8em;
  }
  .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: #E52330;
  }
  .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;
    cursor: pointer;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
    padding: 0.5em 0.75em 0.5em 0.75em;
    color: #646362;
    background: #EDEDED;
  }
  .comment-filter-button:hover, .comment-filter-button.active {
    color: white;
    background: #908e8d;
  }
  .load-more-comments.input-submit {
    font-size: 0.875em;
    margin-top: 20px;
  }
  .comments-list .comment-discussion-wrapper {
    border-bottom: 1px solid #908e8d;
  }
  .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: #EDEDED;
    cursor: pointer;
  }
  .comments-list .comment-discussion-wrapper .load-more-comment-wrapper .load-more-comment:hover {
    background: #908e8d;
  }
  .comments-list .comment-prepub-wrapper .comment-inner {
    background: #edb7b2;
    padding: 0.5em;
  }
  .comments-list .comment-posted {
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
    color: green;
    padding: 10px;
    margin-bottom: 10px;
  }
  .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: #646362;
    padding: 8px 0;
  }
  .comments-list .comment-wrapper .comment-metas .comment-author {
    color: #000;
    font-weight: 700;
  }
  .comments-list .comment-wrapper .comment-metas .comment-date {
    font-style: italic;
  }
  .comments-list .comment-wrapper .comment-content {
    font-weight: 300;
    width: 66%;
  }
  .comments-list .comment-wrapper .comment-interactions {
    color: #646362;
    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;
    font-family: 'Roboto', Verdana, sans-serif;
  }
  .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: #3366CC;
  }
  .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: #3366CC;
  }
  .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: 1470px) {
  .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 .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: 1020px) {
  .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 .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);
  }
  .comments-list .comment-wrapper .comment-content {
    width: 100%;
  }
}

@media screen {
  /*** home page ***/
  .home-page .home-intro-video-container {
    max-height: 99em;
    -moz-transition: max-height 0.4s;
    -o-transition: max-height 0.4s;
    -webkit-transition: max-height 0.4s;
    -ms-transition: max-height 0.4s;
    transition: max-height 0.4s;
  }
  .home-page .hide-home-intro-video {
    max-height: 0;
  }
  .home-page .home-intro-video {
    padding: 80px 0;
    position: relative;
  }
  .home-page .home-intro-video .close-home-intro-video {
    position: absolute;
    /*width: 40px;*/
    padding-right: 50px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    display: block;
    top: 0;
    right: 0;
    /*text-indent: -99999em;*/
    text-transform: uppercase;
    color: #646362;
    font-size: 1.1em;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
  }
  .home-page .home-intro-video .close-home-intro-video::before {
    content: "";
    width: 40px;
    height: 2px;
    position: absolute;
    top: 19px;
    right: 0;
    background: #646362;
    text-indent: 0;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .home-page .home-intro-video .close-home-intro-video::after {
    content: "";
    width: 40px;
    height: 2px;
    position: absolute;
    top: 19px;
    right: 0;
    background: #646362;
    text-indent: 0;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .home-page .home-intro-video .close-home-intro-video:hover {
    color: #E52330;
  }
  .home-page .home-intro-video .close-home-intro-video:hover::before, .home-page .home-intro-video .close-home-intro-video:hover::after {
    background: #E52330;
  }
  .home-page .home-intro-video .three-quarter-col {
    margin: 0 auto;
    float: none;
  }
  .home-page .home-intro-video .home-intro-video-disclaimer {
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
  }
  .home-page .home-intro-video .home-intro-video-disclaimer h2 {
    color: #E52330;
    margin: 0 0 1em 0;
    font-size: 1.15em;
    font-weight: 500;
  }
  .home-page .home-intro-video .home-intro-video-disclaimer .form-validation-element {
    background: #E52330;
    color: white;
  }
  .home-page .home-intro-video .home-intro-video-disclaimer .form-validation-element:hover {
    background: #646362;
    color: white;
    text-decoration: none;
  }
  .home-page .home-intro-video .home-intro-video-register-link-wrapper {
    margin-top: 20px;
  }
}

@media screen and (max-width: 1250px) {
  .home-page .home-intro-video {
    padding: 60px 0;
  }
  .home-page .home-intro-video .three-quarter-col {
    width: 100%;
    padding: 0;
  }
}

@media screen and (max-width: 1020px) {
  .home-page .home-intro-video {
    padding: 40px 0;
  }
  .home-page .home-intro-video .close-home-intro-video {
    /*width: 20px;*/
    padding-right: 30px;
    height: 20px;
  }
  .home-page .home-intro-video .close-home-intro-video::before {
    width: 20px;
  }
  .home-page .home-intro-video .close-home-intro-video::after {
    width: 20px;
  }
}

@media screen and (max-width: 800px) {
  /*** home page ***/
  .home-page .home-leftcol, .home-page .home-rightcol {
    float: none;
    width: auto;
  }
}

@media screen {
  /*** loaders ***/
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .video-contents-loader, .contents-loader {
    position: relative;
  }
  .video-contents-loader::before, .contents-loader::before {
    content: "";
    position: absolute;
    z-index: -1;
    border: 8px solid #ededed;
    border-top: 8px solid #646362;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    top: calc(50% - 34px);
    left: calc(50% - 34px);
    animation: spin 2s linear infinite;
  }
  .conference-contents-loader::before {
    border-top: 8px solid #ED802F;
  }
  .weekly-video-posts-contents-loader::before {
    border-top: 8px solid #3366CC;
  }
  .question-contents-loader::before {
    border-top: 8px solid #66bb73;
  }
  .news-contents-loader::before {
    border-top: 8px solid #E52330;
  }
  .archive-contents-loader::before {
    border-top: 8px solid #5D2784;
  }
  .guest-contents-loader::before {
    border-top: 8px solid #edb7b2;
  }
  .unipopconf-contents-loader::before,
  .upc-contents-loader::before {
    border-top: 8px solid #E52330;
  }
  .shop-contents-loader::before {
    border-top: 8px solid #13245d;
  }
  /*** page title ***/
  .content-page-title {
    overflow: hidden;
    font-size: 1em;
    font-weight: normal;
    letter-spacing: 0.04em;
    margin: 0;
  }
  .content-page-title span {
    display: block;
    position: relative;
    font-size: 1.5em;
    text-transform: uppercase;
    font-style: italic;
    padding: 1em 2.5em 1.5em 2.5em;
    z-index: 20;
    color: white;
    margin: 0;
    font-weight: 600;
  }
  .content-page-title span::before {
    content: "";
    position: absolute;
    top: -4em;
    left: -2em;
    bottom: 0;
    right: -2em;
    z-index: -1;
    background: #E52330;
    -moz-transform: rotate(-1.5deg);
    -o-transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    transform: rotate(-1.5deg);
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  /*** page title colors ***/
  .news-page-title span::before {
    background: #E52330;
  }
  /*** related annotations and videos section ***/
  .container .real-time-annotation-wrapper {
    margin-bottom: 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;
  }
  .video-contents-annotations-related-videos {
    position: relative;
    /*top: -20px;*/
  }
  .video-contents-annotations-related-videos .slideshow-container {
    width: 100%;
    margin-top: 40px;
  }
  .video-contents-annotations-related-videos .slideshow-container .slideshow-row .content-slider .slick-prev, .video-contents-annotations-related-videos .slideshow-container .slideshow-row .content-slider .slick-next {
    bottom: 0;
  }
  .mobile-related-video {
    margin: 40px 0;
  }
  .slideshow-container .video-contents-thumb-box {
    margin: 0;
  }
  .video-contents-no-annotations {
    top: 40px;
  }
  .video-contents-annotations-related-videos-full-container {
    margin-bottom: 40px;
  }
  /*** sort tool ***/
  .sort-videos-recos {
    margin: 20px 0 20px 0.5em;
    overflow: hidden;
    position: relative;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
    /*padding: 0.5em 0;*/
  }
  .sort-videos-recos a {
    color: #646362;
  }
  .sort-videos-recos a:hover {
    text-decoration: none;
  }
  .sort-videos-recos .sort-videos-recos-title, .sort-videos-recos .sort-videos-recos-popularity, .sort-videos-recos .sort-videos-recos-date, .sort-videos-recos .sort-videos-recos-cat {
    display: block;
    float: left;
    margin: 0.5em 1.5em 0 0;
  }
  .sort-videos-recos .sort-videos-recos-categories {
    display: block;
    float: left;
    overflow: hidden;
    margin-right: 1em;
  }
  .sort-videos-recos .sort-videos-recos-popularity, .sort-videos-recos .sort-videos-recos-date, .sort-videos-recos .sort-videos-recos-cat, .sort-videos-recos .sort-videos-recos-title {
    cursor: pointer;
    padding-bottom: 8px;
  }
  .sort-videos-recos .sort-videos-recos-tags {
    margin-top: 0.25em;
    padding: 0.2em 0.5em;
    border: 2px solid #E52330;
    text-transform: uppercase;
    color: #E52330;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 0.9em;
  }
  .sort-videos-recos .sort-videos-recos-popularity:hover, .sort-videos-recos .sort-videos-recos-date:hover, .sort-videos-recos .sort-videos-recos-cat:hover, .sort-videos-recos .sort-videos-recos-popularity.active, .sort-videos-recos .sort-videos-recos-date.active, .sort-videos-recos .sort-videos-recos-cat.active {
    border-bottom: 4px solid #E52330;
    color: #E52330;
    padding-bottom: 4px;
  }
  .sort-videos-recos .sort-videos-recos-tags:hover, .sort-videos-recos .sort-videos-recos-tags.active {
    border: 2px solid #E52330;
    border-bottom-width: 2px !important;
    padding: 0.2em 0.5em;
    background: #E52330;
    color: white;
  }
  .sort-videos-recos .sort-videos-recos-date {
    /*margin: 0;*/
  }
  .sort-videos-recos .search-recos-input-text-element {
    float: left;
    margin: 0 1.5em 0 0;
    width: 260px;
  }
  .sort-videos-recos .search-recos-select-element {
    float: left;
    margin: 0 1.5em 0 0;
    width: 260px;
    border: 0;
    background: #ededed;
    padding: 0.425em 0.8em;
    color: #646362;
    font-weight: 500;
  }
  .sort-videos-recos .sort-videos-recos-total-number-wrapper {
    display: block;
    float: right;
    margin-top: 0.5em;
  }
  .sort-videos-recos .sort-videos-recos-total-number-wrapper .sort-videos-recos-total-number {
    color: #E52330;
  }
  .sort-videos-recos::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ededed;
  }
  .video-recos-no-content {
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
    padding: 40px 0;
  }
  .contents-archive-page .video-contents-full-row {
    margin-bottom: 40px;
  }
  .contents-archive-page .sort-videos-recos {
    margin-top: 0;
  }
  /*** sort tool colors ***/
  .sort-conference-recos .sort-videos-recos-popularity:hover, .sort-conference-recos .sort-videos-recos-date:hover, .sort-conference-recos .sort-videos-recos-cat:hover, .sort-conference-recos .sort-videos-recos-popularity.active, .sort-conference-recos .sort-videos-recos-date.active, .sort-conference-recos .sort-videos-recos-cat.active, .sort-conference-recos .comment-filter-button {
    border-bottom: 4px solid #ED802F;
    color: #ED802F;
  }
  .sort-conference-recos .sort-videos-recos-tags {
    border-color: #ED802F;
    color: #ED802F;
  }
  .sort-conference-recos .sort-videos-recos-tags:hover, .sort-conference-recos .sort-videos-recos-tags.active {
    background: #ED802F;
    border-color: #ED802F;
    color: white;
  }
  .sort-conference-recos .sort-videos-recos-total-number-wrapper .sort-videos-recos-total-number {
    color: #ED802F;
  }
  .conference-recos .video-recos-no-content, .conference-archive-page .video-recos-no-content {
    color: #ED802F;
  }
  .sort-weekly-video-posts-recos .sort-videos-recos-popularity:hover, .sort-weekly-video-posts-recos .sort-videos-recos-date:hover, .sort-weekly-video-posts-recos .sort-videos-recos-cat:hover, .sort-weekly-video-posts-recos .sort-videos-recos-popularity.active, .sort-weekly-video-posts-recos .sort-videos-recos-date.active, .sort-weekly-video-posts-recos .sort-videos-recos-cat.active {
    border-bottom: 4px solid #3366CC;
    color: #3366CC;
  }
  .sort-weekly-video-posts-recos .sort-videos-recos-tags {
    border-color: #3366CC;
    color: #3366CC;
  }
  .sort-weekly-video-posts-recos .sort-videos-recos-tags:hover, .sort-weekly-video-posts-recos .sort-videos-recos-tags.active {
    background: #3366CC;
    border-color: #3366CC;
    color: white;
  }
  .sort-weekly-video-posts-recos .sort-videos-recos-total-number-wrapper .sort-videos-recos-total-number {
    color: #3366CC;
  }
  .weekly-video-posts-recos .video-recos-no-content, .weekly-video-posts-archive-page .video-recos-no-content {
    color: #3366CC;
  }
  .sort-question-recos .sort-videos-recos-title, .sort-question-recos .sort-videos-recos-popularity, .sort-question-recos .sort-videos-recos-date, .sort-question-recos .sort-videos-recos-cat {
    margin-top: 0;
    padding-top: 0.5em;
    padding-right: 0.75em;
    padding-left: 0.75em;
  }
  .sort-question-recos .sort-videos-recos-popularity:hover, .sort-question-recos .sort-videos-recos-date:hover, .sort-question-recos .sort-videos-recos-cat:hover, .sort-question-recos .sort-videos-recos-popularity.active, .sort-question-recos .sort-videos-recos-date.active, .sort-question-recos .sort-videos-recos-cat.active {
    border-bottom: 4px solid #66bb73;
    /*color: $onfray-green;*/
    background: #66bb73;
    color: white;
  }
  .sort-question-recos .sort-videos-recos-tags {
    border-color: #66bb73;
    color: #66bb73;
  }
  .sort-question-recos .sort-videos-recos-tags:hover, .sort-question-recos .sort-videos-recos-tags.active {
    background: #66bb73;
    border-color: #66bb73;
    color: white;
  }
  .sort-question-recos .sort-videos-recos-total-number-wrapper .sort-videos-recos-total-number {
    color: #66bb73;
  }
  .question-recos .video-recos-no-content, .question-archive-page .video-recos-no-content {
    color: #66bb73;
  }
  .news-recos .video-recos-no-content, .news-archive-page .video-recos-no-content {
    color: #E52330;
  }
  .sort-archive-recos .sort-videos-recos-popularity:hover, .sort-archive-recos .sort-videos-recos-date:hover, .sort-archive-recos .sort-videos-recos-cat:hover, .sort-archive-recos .sort-videos-recos-popularity.active, .sort-archive-recos .sort-videos-recos-date.active, .sort-archive-recos .sort-videos-recos-cat.active {
    border-bottom: 4px solid #5D2784;
    color: #5D2784;
  }
  .sort-archive-recos .sort-videos-recos-tags {
    border-color: #5D2784;
    color: #5D2784;
  }
  .sort-archive-recos .sort-videos-recos-tags:hover, .sort-archive-recos .sort-videos-recos-tags.active {
    background: #5D2784;
    border-color: #5D2784;
    color: white;
  }
  .sort-archive-recos .sort-videos-recos-total-number-wrapper .sort-videos-recos-total-number {
    color: #5D2784;
  }
  .archive-recos .video-recos-no-content, .archive-archive-page .video-recos-no-content {
    color: #5D2784;
  }
  .sort-guest-recos .sort-videos-recos-popularity:hover, .sort-guest-recos .sort-videos-recos-date:hover, .sort-guest-recos .sort-videos-recos-cat:hover, .sort-guest-recos .sort-videos-recos-popularity.active, .sort-guest-recos .sort-videos-recos-date.active, .sort-guest-recos .sort-videos-recos-cat.active {
    border-bottom: 4px solid #edb7b2;
    color: #edb7b2;
  }
  .sort-guest-recos .sort-videos-recos-tags {
    border-color: #edb7b2;
    color: #edb7b2;
  }
  .sort-guest-recos .sort-videos-recos-tags:hover, .sort-guest-recos .sort-videos-recos-tags.active {
    background: #edb7b2;
    border-color: #edb7b2;
    color: white;
  }
  .sort-guest-recos .sort-videos-recos-total-number-wrapper .sort-videos-recos-total-number {
    color: #edb7b2;
  }
  .guest-recos .video-recos-no-content, .guest-archive-page .video-recos-no-content {
    color: #edb7b2;
  }
  .sort-unipopconf-recos .sort-videos-recos-popularity:hover, .sort-unipopconf-recos .sort-videos-recos-date:hover, .sort-unipopconf-recos .sort-videos-recos-cat:hover, .sort-unipopconf-recos .sort-videos-recos-popularity.active, .sort-unipopconf-recos .sort-videos-recos-date.active, .sort-unipopconf-recos .sort-videos-recos-cat.active,
  .sort-upc-recos .sort-videos-recos-popularity:hover,
  .sort-upc-recos .sort-videos-recos-date:hover,
  .sort-upc-recos .sort-videos-recos-cat:hover,
  .sort-upc-recos .sort-videos-recos-popularity.active,
  .sort-upc-recos .sort-videos-recos-date.active,
  .sort-upc-recos .sort-videos-recos-cat.active {
    border-bottom: 4px solid #E52330;
    color: #E52330;
  }
  .sort-unipopconf-recos .sort-videos-recos-tags,
  .sort-upc-recos .sort-videos-recos-tags {
    border-color: #E52330;
    color: #E52330;
  }
  .sort-unipopconf-recos .sort-videos-recos-tags:hover, .sort-unipopconf-recos .sort-videos-recos-tags.active,
  .sort-upc-recos .sort-videos-recos-tags:hover,
  .sort-upc-recos .sort-videos-recos-tags.active {
    background: #E52330;
    border-color: #E52330;
    color: white;
  }
  .sort-unipopconf-recos .sort-videos-recos-total-number-wrapper .sort-videos-recos-total-number,
  .sort-upc-recos .sort-videos-recos-total-number-wrapper .sort-videos-recos-total-number {
    color: #E52330;
  }
  .unipopconf-recos .video-recos-no-content, .unipopconf-archive-page .video-recos-no-content, .unipopconf-page .video-recos-no-content,
  .upc-recos .video-recos-no-content, .upc-archive-page .video-recos-no-content, .upc-page .video-recos-no-content {
    color: #E52330;
  }
  .sort-shop-recos .sort-videos-recos-popularity:hover, .sort-shop-recos .sort-videos-recos-date:hover, .sort-shop-recos .sort-videos-recos-cat:hover, .sort-shop-recos .sort-videos-recos-popularity.active, .sort-shop-recos .sort-videos-recos-date.active, .sort-shop-recos .sort-videos-recos-cat.active {
    border-bottom: 4px solid #13245d;
    color: #13245d;
  }
  .sort-shop-recos .sort-videos-recos-total-number-wrapper .sort-videos-recos-total-number {
    color: #13245d;
  }
  .shop-recos .video-recos-no-content, .shop-page .video-recos-no-content {
    color: #13245d;
  }
  /*** video recos ***/
  .related-videos-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;
  }
  .related-videos-wrapper .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);
  }
  .single-video-no-recos {
    padding: 40px 0;
    margin-bottom: 40px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
  }
  /*** section title ***/
  .section-title {
    font-weight: 600;
    font-size: 1em;
    padding: 1em 1.5em;
    position: relative;
    color: white;
    text-transform: uppercase;
    font-style: italic;
    overflow: hidden;
  }
  .section-title.page-title {
    margin-bottom: 40px;
  }
  .section-title::first-letter {
    font-size: 1.5em;
  }
  .section-title::before {
    content: "";
    position: absolute;
    top: -4em;
    left: -2em;
    bottom: 0;
    right: -2em;
    z-index: -1;
    background: #E52330;
    -moz-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .section-title + .sort-videos-recos {
    margin-top: 30px;
  }
  .section-title.shop-title + .sort-videos-recos, .section-title.search-title + .sort-videos-recos, .section-title.upc-title + .sort-videos-recos, .section-title.unipopconf-title + .sort-videos-recos {
    margin-top: 0;
  }
  .section-title.shop-title + .sort-videos-recos::after {
    display: none;
  }
  /*** section title colors ***/
  .conference-title::before {
    background: #ED802F;
  }
  .weekly-video-posts-title::before {
    background: #3366CC;
  }
  .question-title::before {
    background: #66bb73;
  }
  .archive-title::before {
    background: #5D2784;
  }
  .guest-title::before {
    background: #edb7b2;
  }
  .unipopconf-title::before,
  .upc-title::before {
    background: #E52330;
  }
  .shop-title::before {
    background: #13245d;
  }
  .just-answer-title::before {
    background: #66bb73;
  }
  .just-answer-title {
    z-index: 5;
  }
  /*** fullscreen recos colors ***/
  .conference-page .video-player-fullscreen-overlay .video-player-fullscreen-overlay-content .video-player-fullscreen-overlay-toggle-recos .video-player-fullscreen-overlay-toggle-recos-button {
    background: #ED802F;
  }
  .weekly-video-posts-page .video-player-fullscreen-overlay .video-player-fullscreen-overlay-content .video-player-fullscreen-overlay-toggle-recos .video-player-fullscreen-overlay-toggle-recos-button {
    background: #3366CC;
  }
  .question-page .video-player-fullscreen-overlay .video-player-fullscreen-overlay-content .video-player-fullscreen-overlay-toggle-recos .video-player-fullscreen-overlay-toggle-recos-button {
    background: #66bb73;
  }
  .archive-page .video-player-fullscreen-overlay .video-player-fullscreen-overlay-content .video-player-fullscreen-overlay-toggle-recos .video-player-fullscreen-overlay-toggle-recos-button {
    background: #5D2784;
  }
  .guest-page .video-player-fullscreen-overlay .video-player-fullscreen-overlay-content .video-player-fullscreen-overlay-toggle-recos .video-player-fullscreen-overlay-toggle-recos-button {
    background: #edb7b2;
  }
  .unipopconf-page .video-player-fullscreen-overlay .video-player-fullscreen-overlay-content .video-player-fullscreen-overlay-toggle-recos .video-player-fullscreen-overlay-toggle-recos-button,
  .upc-page .video-player-fullscreen-overlay .video-player-fullscreen-overlay-content .video-player-fullscreen-overlay-toggle-recos .video-player-fullscreen-overlay-toggle-recos-button {
    background: #E52330;
  }
}

@media screen and (max-width: 1470px) {
  /*** loaders ***/
  .video-contents-loader::before, .contents-loader::before {
    border: 6px solid #ededed;
    border-top: 6px solid #646362;
    width: 50px;
    height: 50px;
    top: calc(50% - 28px);
    left: calc(50% - 28px);
  }
  .conference-contents-loader::before {
    border-top: 6px solid #ED802F;
  }
  .weekly-video-posts-contents-loader::before {
    border-top: 6px solid #3366CC;
  }
  .question-contents-loader::before {
    border-top: 6px solid #66bb73;
  }
  .news-contents-loader::before {
    border-top: 6px solid #E52330;
  }
  .archive-contents-loader::before {
    border-top: 6px solid #5D2784;
  }
  .guest-contents-loader::before {
    border-top: 6px solid #edb7b2;
  }
  .shop-contents-loader::before {
    border-top: 6px solid #13245d;
  }
  /*** page title ***/
  .content-page-title span {
    font-size: 1.25em;
    padding: 1em 1.5em 1.5em 1.5em;
  }
  /*** sort recos ***/
  .sort-videos-recos .sort-videos-recos-title, .sort-videos-recos .sort-videos-recos-popularity, .sort-videos-recos .sort-videos-recos-date, .sort-videos-recos .sort-videos-recos-cat {
    margin: 0.5em 1em 0 0;
  }
  .sort-videos-recos .sort-videos-recos-categories {
    margin-right: 0.5em;
  }
  .sort-videos-recos .search-recos-input-text-element {
    width: 180px;
  }
}

@media screen and (max-width: 1250px) {
  /*** page title ***/
  .content-page-title span {
    font-size: 1.15em;
    padding: 0.9em 1.25em 1.35em 1.25em;
  }
  /*** related annotations and videos section ***/
  .container .real-time-annotation-wrapper {
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .video-contents-annotations-related-videos {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .video-contents-annotations-related-videos .video-contents-annotations-wrapper {
    display: none;
  }
  .video-contents-annotations-related-videos .mobile-contents-annotations-wrapper {
    display: block;
  }
  .video-contents-annotations-related-videos .mobile-contents-annotations-wrapper .video-contents-annotations {
    height: 0;
    min-height: auto;
  }
  .video-contents-annotations-related-videos .slideshow-row.related-annotations-videos-wrapper {
    margin-bottom: 0;
  }
  .single-video-page-ask-question-wrapper {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    /*padding: 0;*/
  }
  /*** sort recos ***/
  .sort-videos-recos .sort-videos-recos-title, .sort-videos-recos .sort-videos-recos-popularity, .sort-videos-recos .sort-videos-recos-date, .sort-videos-recos .sort-videos-recos-cat {
    margin: 0.5em 1.5em 0 0;
  }
  .sort-videos-recos .sort-videos-recos-categories {
    float: none;
    margin: 0 0 0.5em 0;
  }
  .sort-videos-recos .search-recos-input-text-element {
    width: 260px;
  }
  /*** recos ***/
  .single-video-no-recos {
    /*padding-left: 10px;
        padding-right: 10px;*/
    display: none;
  }
}

@media screen and (max-width: 1020px) {
  /*** page title ***/
  .content-page-title span {
    font-size: 1.15em;
    padding: 0.9em 1.25em 1.35em 1.25em;
  }
  /*** video recos ***/
  .related-videos-wrapper .one-third-col {
    -moz-flex-basis: 50%;
    -o-flex-basis: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
  }
  /*** related q&a ***/
  .contents-single-page-related-questions {
    display: none;
  }
}

@media screen and (max-width: 800px) {
  /*** sort tool ***/
  .sort-videos-recos .search-recos-input-text-element {
    display: none;
  }
  .sort-videos-recos .sort-videos-recos-title, .sort-videos-recos .sort-videos-recos-popularity, .sort-videos-recos .sort-videos-recos-date, .sort-videos-recos .sort-videos-recos-cat, .sort-videos-recos .search-recos-select-element {
    float: none;
    display: inline-block;
  }
  .sort-videos-recos .sort-videos-recos-total-number-wrapper {
    float: none;
    clear: both;
    margin: 1em 0 0.5em 0;
  }
}

@media screen and (max-width: 480px) {
  /*** video recos ***/
  .related-videos-wrapper .one-third-col {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
}

@media screen {
  /*** search page ***/
  .search-page .search-component {
    background: #ededed;
    padding: 1em 1.5em;
    margin: 40px 0 8em 0;
  }
  .search-page .search-component .search-form {
    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: space-between;
    -o-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
  }
  .search-page .search-component .search-form .form-input-text-element {
    margin: 0;
  }
  .search-page .search-result-empty {
    margin-bottom: 40px;
    font-family: 'Roboto', Verdana, sans-serif;
  }
}

@media screen {
  /*** login page ***/
  .login-page .login-page-inner {
    font-family: 'Roboto', Verdana, sans-serif;
  }
  .login-page .login-page-inner .form-validation-element {
    color: white;
    background: #E52330;
  }
  .login-page .login-page-inner .form-validation-element:hover {
    background: #646362;
  }
  .login-page .login-page-inner a {
    color: #646362;
    text-decoration: underline;
  }
  .login-page .login-page-inner a:hover {
    text-decoration: none;
  }
}

@media screen and (max-width: 1470px) {
  .login-page-inner .one-half-col {
    width: calc(100% * 2 / 3);
  }
}

@media screen and (max-width: 800px) {
  .login-page-inner .one-half-col {
    width: 100%;
  }
}

@media screen {
  /*** register page ***/
  .register-page .register-page-inner {
    font-family: 'Roboto', Verdana, sans-serif;
    /* date picker */
  }
  .register-page .register-page-inner .register-step-indicator-wrapper {
    overflow: hidden;
    margin: 2em 0;
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
  }
  .register-page .register-page-inner .register-step-indicator-wrapper .register-step-indicator {
    float: left;
    /*width: calc(100% / 3);*/
    width: 25%;
    padding-bottom: 0.5em;
    border-bottom: 4px solid #646362;
    color: #646362;
    text-align: center;
    display: block;
    opacity: 0.6;
  }
  .register-page .register-page-inner .register-step-indicator-wrapper .register-step-indicator.active {
    color: #66bb73;
    border-bottom: 4px solid #66bb73;
    opacity: 1;
  }
  .register-page .register-page-inner .register-page-intro {
    margin: 40px 0;
  }
  .register-page .register-page-inner .register-page-intro .register-page-offer-subtitle {
    font-weight: 500;
    margin: 1em 0;
    font-size: 1.1em;
  }
  .register-page .register-page-inner .register-page-intro ul {
    padding: 0 0 0 2em;
    margin: 40px 0;
    list-style: none;
  }
  .register-page .register-page-inner .register-page-intro li {
    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;
    margin: 0.5em 0;
    font-weight: 500;
  }
  .register-page .register-page-inner .register-page-intro li svg {
    margin-right: 0.5em;
  }
  .register-page .register-page-inner .register-page-offer-title {
    font-weight: normal;
    margin-bottom: 1em;
    font-size: 1.25em;
    color: #E52330;
  }
  .register-page .register-page-inner .register-page-offer-disclaimer {
    text-align: center;
    padding: 2em;
    background: #ededed;
  }
  .register-page .register-page-inner .register-page-offer-disclaimer p:last-child {
    margin: 0;
  }
  .register-page .register-page-inner .register-page-offer-chose p.center {
    font-size: 1.05em;
    font-weight: 500;
  }
  .register-page .register-page-inner .payment-form {
    margin: 40px 0;
  }
  .register-page .register-page-inner .form-radio-button-wrapper {
    margin-bottom: 1em;
  }
  .register-page .register-page-inner .rw-popup-container {
    bottom: 100%;
    top: auto;
  }
  .register-page .register-page-inner .rw-popup-container .rw-popup {
    margin: 10px 0 0 0;
    box-shadow: 0 -5px 6px rgba(0, 0, 0, 0.2);
  }
  .register-page .register-page-inner .form-cgv-section {
    margin-top: 1em;
  }
  .register-page .register-page-inner .form-cgv-section.form-alert-element {
    padding-right: 1em;
    padding-left: 1em;
  }
  .register-page .register-page-inner .form-cgv-section.form-alert-element .form-alert-element {
    border: 0 !important;
    color: red;
  }
  .register-page .register-page-inner .form-validation-element {
    color: white;
    background: #E52330;
  }
  .register-page .register-page-inner .form-validation-element:hover {
    background: #646362;
  }
  .register-page .register-page-inner a {
    color: #E52330;
    text-decoration: underline;
  }
  .register-page .register-page-inner a:hover {
    text-decoration: none;
  }
  .register-page .tip-slider-wrapper {
    margin: 2em 0 4em 0;
  }
  .gift-page .register-page-inner .register-step-indicator-wrapper .register-step-indicator {
    width: calc(100% / 3);
  }
}

@media screen and (max-width: 1470px) {
  .register-page .register-page-inner .register-step-indicator-wrapper .register-step-indicator .register-step-indicator-text {
    display: none;
  }
}

@media screen and (max-width: 1250px) {
  .register-page .register-page-inner .one-half-col {
    width: calc(100% * 2 / 3);
  }
  .register-page .register-page-inner .register-page-intro ul {
    padding: 0 0 0 1em;
  }
}

@media screen and (max-width: 1020px) {
  .register-page .register-page-inner .register-step-indicator-wrapper {
    display: none;
  }
  .register-page .register-page-inner .register-page-intro ul {
    padding: 0;
  }
  .register-page .register-page-inner .one-half-col {
    width: 75%;
  }
}

@media screen and (max-width: 800px) {
  .register-page .register-page-inner .one-half-col {
    width: 100%;
  }
}

@media screen {
  /*** my account page ***/
  .my-account-page .my-account-page-inner {
    font-family: 'Roboto', Verdana, sans-serif;
  }
  .my-account-page .my-account-page-inner .my-account-subtitle {
    font-family: 'Roboto', Verdana, sans-serif;
    font-weight: 500;
    margin-bottom: 1em;
  }
  .my-account-page .my-account-page-inner .form-validation-element {
    color: white;
    background: #E52330;
  }
  .my-account-page .my-account-page-inner .form-validation-element:hover {
    background: #646362;
  }
  .my-account-page .my-account-page-inner a, .my-account-page .my-account-page-inner .fake-link {
    color: #E52330;
    text-decoration: underline;
    cursor: pointer;
  }
  .my-account-page .my-account-page-inner a:hover, .my-account-page .my-account-page-inner .fake-link:hover {
    text-decoration: none;
  }
  .my-account-page .my-account-page-inner .form-datepicker-element {
    margin: 0.5em 0;
  }
  .my-account-page .my-account-page-inner .my-account-delete-confirm-password {
    max-width: 300px;
  }
}

@media screen and (max-width: 1250px) {
  .my-account-page .one-half-col {
    width: calc(100% * 2 / 3);
  }
}

@media screen and (max-width: 1020px) {
  .my-account-page .one-half-col {
    width: 75%;
  }
}

@media screen and (max-width: 800px) {
  .my-account-page .one-half-col {
    width: 100%;
  }
}

@media screen {
  /*** single bill page ***/
  .single-bill-page {
    font-family: 'Roboto', Verdana, sans-serif;
  }
  .single-bill-page .single-bill-title {
    font-size: 1.25em;
    font-weight: 500;
    color: #E52330;
    margin-bottom: 1em;
  }
  .single-bill-page .addresses-container {
    margin-bottom: 40px;
  }
  .single-bill-page .contact-adress {
    text-align: right;
  }
  .single-bill-page .bill-row {
    padding-top: 1em;
    margin-top: 1em;
    border-top: 1px solid #646362;
  }
  .single-bill-page .first-row {
    margin-bottom: 40px;
  }
  .single-bill-page .bill-total {
    font-weight: 500;
  }
  .single-bill-page .print-container {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .single-bill-page .single-bill-print-button {
    cursor: pointer;
    color: #E52330;
    font-weight: 500;
    text-decoration: underline;
  }
  .single-bill-page .single-bill-print-button:hover {
    text-decoration: none;
  }
}

@media print {
  body {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4;
    word-spacing: 1.1pt;
    letter-spacing: 0.2pt;
    font-family: Arial, sans-serif !important;
    color: black !important;
    background: none;
    font-size: 12pt;
  }
  body * {
    margin: 0 !important;
    padding: 0 !important;
  }
  .header, .footer, .print-container {
    display: none;
  }
  .single-bill-page {
    font-family: Arial, sans-serif;
  }
  .single-bill-page .container {
    margin: 1.5m !important;
  }
  .single-bill-page .single-bill-title {
    font-size: 1em;
    font-weight: 700 !important;
    color: black;
    margin-bottom: 1cm !important;
  }
  .single-bill-page .contact-adress {
    text-align: right;
  }
  .single-bill-page .bill-row {
    padding-top: 1cm !important;
    margin-top: 1cm !important;
    border-top: 1pt solid black;
  }
  .single-bill-page .right {
    float: right !important;
    width: 2cm !important;
    text-align: right;
  }
  .single-bill-page .first-row {
    margin-bottom: 1cm !important;
  }
  .single-bill-page .bill-total {
    font-weight: 700 !important;
  }
}

@media screen {
  /*** subscription page ***/
  .subscription-page .subscription-page-content {
    font-family: 'Roboto', Verdana, sans-serif;
  }
  .subscription-page a {
    color: #646362;
    text-decoration: underline;
  }
  .subscription-page a:hover {
    text-decoration: none;
  }
  .subscription-page .subscription-username {
    font-weight: normal;
    color: #E52330;
    margin-bottom: 0.5em;
  }
  .subscription-page .subscription-page-payment-form {
    margin-top: 40px;
  }
}

@media screen {
  /*** contact page ***/
  .contact-page .contact-page-inner {
    font-family: 'Roboto', Verdana, sans-serif;
  }
  .contact-page .contact-page-inner a {
    color: #E52330;
    text-decoration: underline;
  }
  .contact-page .contact-page-inner a:hover {
    text-decoration: none;
  }
  .contact-page .contact-page-inner .partners-list {
    padding: 0;
    margin: 40px 0;
    list-style: none;
    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;
  }
  .contact-page .contact-page-inner .partners-list li {
    -moz-flex-basis: 20%;
    -o-flex-basis: 20%;
    -webkit-flex-basis: 20%;
    -ms-flex-basis: 20%;
    flex-basis: 20%;
    margin: auto 0;
    padding: 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;
  }
  .contact-page .contact-page-inner .partners-list li a {
    display: block;
  }
  .contact-page .contact-page-inner .partners-list li img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 250px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 1250px) {
  /*** contact page ***/
  .contact-page .contact-page-inner .partners-list li {
    -moz-flex-basis: 25%;
    -o-flex-basis: 25%;
    -webkit-flex-basis: 25%;
    -ms-flex-basis: 25%;
    flex-basis: 25%;
  }
}

@media screen and (max-width: 1020px) {
  /*** contact page ***/
  .contact-page .contact-page-inner .partners-list li {
    -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);
  }
}

@media screen and (max-width: 800px) {
  /*** contact page ***/
  .contact-page .contact-page-inner .partners-list li {
    -moz-flex-basis: 50%;
    -o-flex-basis: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
  }
}

@media screen and (max-width: 480px) {
  /*** contact page ***/
  .contact-page .contact-page-inner .partners-list li {
    -moz-flex-basis: 100%;
    -o-flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
  }
}

@media screen {
  /*** CGU page ***/
  .cgu-page .cgu-page-inner {
    font-family: 'Roboto', Verdana, sans-serif;
  }
  .cgu-page .cgu-page-inner .cgu-page-title {
    font-size: 1.5em;
    margin-bottom: 1em;
    text-transform: uppercase;
    font-weight: 700;
  }
  .cgu-page .cgu-page-inner h3.cgu-page-subtitle {
    font-size: 1.2em;
    margin-bottom: 1em;
    color: #E52330;
    font-weight: 700;
  }
  .cgu-page .cgu-page-inner h4.cgu-page-subtitle {
    font-size: 1.1em;
    margin-bottom: 0.75em;
    font-weight: 700;
  }
  .cgu-page .cgu-page-inner h5.cgu-page-subtitle {
    font-size: 1em;
    margin-bottom: 0.75em;
    font-weight: 700;
  }
  .cgu-page .cgu-page-inner a {
    color: #E52330;
    text-decoration: underline;
  }
  .cgu-page .cgu-page-inner a:hover {
    text-decoration: none;
  }
}

@media screen {
  /*** not found page & premium access only ***/
  .not-found-page p, .premium-access-needed-page p {
    font-family: 'Roboto', Verdana, sans-serif;
  }
  .not-found-page a, .premium-access-needed-page a {
    color: #E52330;
  }
}

@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;
  }
  .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: 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 .newsletter-prevnext {
    font-weight: 700;
    transition: color 280ms, background-color 280ms;
    padding: 5px;
  }
  .newsletters-page .newsletter-prevnext:hover {
    color: #E52330;
    background-color: #DDDDDD;
  }
  .newsletters-page .input-submit {
    display: inline-block;
    color: white;
    text-transform: uppercase;
    border: 0;
    font-weight: 500;
    padding: 0.4em 0.75em;
    font-size: 1em;
    background-color: #E52330;
    text-decoration: none;
    line-height: 1.4;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-appearance: none;
    transition: background-color 0.2s ease-in;
  }
  .newsletters-page .input-text {
    display: inline-block;
    width: auto;
    border: 1px solid black;
    font-weight: 500;
    color: black;
    font-size: 1em;
    padding: 0.4em 0.75em;
    box-sizing: border-box;
    -webkit-appearance: none;
    line-height: 1.4;
    flex-grow: 1;
  }
  .newsletters-page .subscribe-block {
    text-align: center;
  }
  .newsletters-page .main-section {
    display: block;
  }
  .newsletters-page .fake-link {
    cursor: pointer;
  }
}

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

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

@media screen and (max-width: 800px) {
  .newsletter-prevnext-label {
    display: none;
  }
}