@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700);/* ==========================================================================
    Main styles
   ========================================================================== */
/*** Align an element in the center of another element use : ***/
/* ==========================================================================
    Helpers & Objects
   ========================================================================== */
/* ==============================
    Helper classes
   ============================== */
/*
 * Image replacement
 */
.ir {
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}

.hidden {
  display: none;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

/*
 * Clearfix
 */
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

/* ==============================
    Objects & abstractions
   ============================== */
/*
 *  Media object
 *
    <div class="media">
        <img class="media-img" src="http://placehold.it/100x100" alt="User avatar" />
        <p class="media-bd">Praesent eu libero porta risus imperdiet dignissim vitae tristique augue.</p>
    </div>
 */
.media,
.media-bd {
  overflow: hidden;
}

.media-img {
  float: left;
}

.media-img-rev {
  float: right;
}

.media-img img,
.media-img-rev img {
  display: block;
}

/*
 * Caret
 *
    <i class="caret caret-down"></i>
 */
.caret {
  content: "";
  height: 0;
  vertical-align: middle;
  width: 0;
  display: inline-block;
}

.caret-down,
.caret-up {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
}

.caret-down {
  border-top: 3px solid #222;
}

.caret-up {
  border-bottom: 3px solid #222;
}

.caret-right,
.caret-left {
  border-bottom: 3px solid transparent;
  border-top: 3px solid transparent;
}

.caret-right {
  border-left: 3px solid #222;
}

.caret-left {
  border-right: 3px solid #222;
}

/*
 *  Horizontal list
 *
    <ul class="hlist">
        <li>One</li>
        <li>Two</li>
        <li>Three</li>
    </ul>
 */
.hlist {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hlist > li {
  display: inline-block;
  padding: 0;
}

.hlist > li:before {
  display: none;
}

/*
 *  Padding and margins
 */
.soft {
  padding: 10px !important;
}

.soft-t {
  padding-top: 10px !important;
}

.soft-r {
  padding-right: 10px !important;
}

.soft-b {
  padding-bottom: 10px !important;
}

.soft-l {
  padding-left: 10px !important;
}

.soft-ends {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.soft-sides {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.hard {
  padding: 0 !important;
}

.hard-t {
  padding-top: 0 !important;
}

.hard-r {
  padding-right: 0 !important;
}

.hard-b {
  padding-bottom: 0 !important;
}

.hard-l {
  padding-left: 0 !important;
}

.hard-ends {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.hard-sides {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.gap {
  margin: 10px !important;
}

.gap-t {
  margin-top: 10px !important;
}

.gap-r {
  margin-right: 10px !important;
}

.gap-b {
  margin-bottom: 10px !important;
}

.gap-l {
  margin-left: 10px !important;
}

.gap-ends {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.gap-sides {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.nogap {
  margin: 0 !important;
}

.nogap-t {
  margin-top: 0 !important;
}

.nogap-r {
  margin-right: 0 !important;
}

.nogap-b {
  margin-bottom: 0 !important;
}

.nogap-l {
  margin-left: 0 !important;
}

.nogap-ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.nogap-sides {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/*
 *  Text
 */
.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.nobullets {
  list-style: none;
  padding-left: 0;
}

.notransform {
  text-transform: none;
}

/*
 *  Blocks
 */
.fl-right {
  float: right;
}

.fl-left {
  float: left;
}

.el-block {
  display: block;
}

.el-inline-block {
  display: inline-block;
}

.valign-mid {
  vertical-align: middle;
}

.relative {
  position: relative;
}

/*
 *  Justified grid
 */
.eq-grid {
  width: 100%;
  text-align: justify;
  font-size: 0;
  /* remove whitespace */
  font-size: 12px\9;
  /* IE6-9 only hack */
  line-height: 0px\9;
  /* IE6-9 only hack */
}

.eq-grid-it {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  text-align: left;
  vertical-align: top;
}

.eq-grid:after {
  content: "";
  width: 100%;
  display: inline-block;
}

/*
 *  Table grid
 */
@media all and (min-width: 48em) {
  .teq-table {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
}

.teq-table > .teq-col {
  float: none;
}

@media all and (min-width: 48em) {
  .teq-table > .teq-col {
    display: table-cell;
  }
}

/*
 *  Overflows
 */
.overflow {
  overflow: visible;
}

.auto-overflow {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.no-overflow {
  overflow: hidden;
}

/*
 * Wordpress generated classes
 */
.alignnone,
.aligncenter,
.alignleft,
.alignright {
  display: block;
}

.wp-caption {
  text-align: center;
  position: relative;
}

.wp-caption .wp-caption-text {
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  color: #fff;
  left: 0;
  margin: 0;
  padding: 5px 10px;
  position: absolute;
  right: 0;
  text-align: left;
}

@media all and (min-width: 48em) {
  .alignnone,
  .aligncenter,
  .alignleft,
  .alignright {
    margin: 5px auto;
  }
  .alignnone {
    margin: 5px 20px 10px 0;
  }
  .aligncenter {
    display: block;
    margin: 5px auto;
    text-align: center;
  }
  .alignright {
    float: right;
    margin: 5px 0 10px 20px;
  }
  .alignleft {
    float: left;
    margin: 5px 20px 10px 0;
  }
}

body[data-aos-duration='50'] [data-aos], [data-aos][data-aos][data-aos-duration='50'] {
  -webkit-transition-duration: 50ms;
          transition-duration: 50ms;
}

body[data-aos-delay='50'] [data-aos], [data-aos][data-aos][data-aos-delay='50'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='50'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='50'].aos-animate {
  -webkit-transition-delay: 50ms;
          transition-delay: 50ms;
}

body[data-aos-duration='100'] [data-aos], [data-aos][data-aos][data-aos-duration='100'] {
  -webkit-transition-duration: 100ms;
          transition-duration: 100ms;
}

body[data-aos-delay='100'] [data-aos], [data-aos][data-aos][data-aos-delay='100'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='100'].aos-animate {
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}

body[data-aos-duration='150'] [data-aos], [data-aos][data-aos][data-aos-duration='150'] {
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}

body[data-aos-delay='150'] [data-aos], [data-aos][data-aos][data-aos-delay='150'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='150'].aos-animate {
  -webkit-transition-delay: 150ms;
          transition-delay: 150ms;
}

body[data-aos-duration='200'] [data-aos], [data-aos][data-aos][data-aos-duration='200'] {
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}

body[data-aos-delay='200'] [data-aos], [data-aos][data-aos][data-aos-delay='200'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='200'].aos-animate {
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
}

body[data-aos-duration='250'] [data-aos], [data-aos][data-aos][data-aos-duration='250'] {
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
}

body[data-aos-delay='250'] [data-aos], [data-aos][data-aos][data-aos-delay='250'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='250'].aos-animate {
  -webkit-transition-delay: 250ms;
          transition-delay: 250ms;
}

body[data-aos-duration='300'] [data-aos], [data-aos][data-aos][data-aos-duration='300'] {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}

body[data-aos-delay='300'] [data-aos], [data-aos][data-aos][data-aos-delay='300'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='300'].aos-animate {
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
}

body[data-aos-duration='350'] [data-aos], [data-aos][data-aos][data-aos-duration='350'] {
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
}

body[data-aos-delay='350'] [data-aos], [data-aos][data-aos][data-aos-delay='350'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='350'].aos-animate {
  -webkit-transition-delay: 350ms;
          transition-delay: 350ms;
}

body[data-aos-duration='400'] [data-aos], [data-aos][data-aos][data-aos-duration='400'] {
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
}

body[data-aos-delay='400'] [data-aos], [data-aos][data-aos][data-aos-delay='400'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='400'].aos-animate {
  -webkit-transition-delay: 400ms;
          transition-delay: 400ms;
}

body[data-aos-duration='450'] [data-aos], [data-aos][data-aos][data-aos-duration='450'] {
  -webkit-transition-duration: 450ms;
          transition-duration: 450ms;
}

body[data-aos-delay='450'] [data-aos], [data-aos][data-aos][data-aos-delay='450'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='450'].aos-animate {
  -webkit-transition-delay: 450ms;
          transition-delay: 450ms;
}

body[data-aos-duration='500'] [data-aos], [data-aos][data-aos][data-aos-duration='500'] {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

body[data-aos-delay='500'] [data-aos], [data-aos][data-aos][data-aos-delay='500'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='500'].aos-animate {
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}

body[data-aos-duration='550'] [data-aos], [data-aos][data-aos][data-aos-duration='550'] {
  -webkit-transition-duration: 550ms;
          transition-duration: 550ms;
}

body[data-aos-delay='550'] [data-aos], [data-aos][data-aos][data-aos-delay='550'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='550'].aos-animate {
  -webkit-transition-delay: 550ms;
          transition-delay: 550ms;
}

body[data-aos-duration='600'] [data-aos], [data-aos][data-aos][data-aos-duration='600'] {
  -webkit-transition-duration: 600ms;
          transition-duration: 600ms;
}

body[data-aos-delay='600'] [data-aos], [data-aos][data-aos][data-aos-delay='600'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='600'].aos-animate {
  -webkit-transition-delay: 600ms;
          transition-delay: 600ms;
}

body[data-aos-duration='650'] [data-aos], [data-aos][data-aos][data-aos-duration='650'] {
  -webkit-transition-duration: 650ms;
          transition-duration: 650ms;
}

body[data-aos-delay='650'] [data-aos], [data-aos][data-aos][data-aos-delay='650'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='650'].aos-animate {
  -webkit-transition-delay: 650ms;
          transition-delay: 650ms;
}

body[data-aos-duration='700'] [data-aos], [data-aos][data-aos][data-aos-duration='700'] {
  -webkit-transition-duration: 700ms;
          transition-duration: 700ms;
}

body[data-aos-delay='700'] [data-aos], [data-aos][data-aos][data-aos-delay='700'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='700'].aos-animate {
  -webkit-transition-delay: 700ms;
          transition-delay: 700ms;
}

body[data-aos-duration='750'] [data-aos], [data-aos][data-aos][data-aos-duration='750'] {
  -webkit-transition-duration: 750ms;
          transition-duration: 750ms;
}

body[data-aos-delay='750'] [data-aos], [data-aos][data-aos][data-aos-delay='750'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='750'].aos-animate {
  -webkit-transition-delay: 750ms;
          transition-delay: 750ms;
}

body[data-aos-duration='800'] [data-aos], [data-aos][data-aos][data-aos-duration='800'] {
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
}

body[data-aos-delay='800'] [data-aos], [data-aos][data-aos][data-aos-delay='800'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='800'].aos-animate {
  -webkit-transition-delay: 800ms;
          transition-delay: 800ms;
}

body[data-aos-duration='850'] [data-aos], [data-aos][data-aos][data-aos-duration='850'] {
  -webkit-transition-duration: 850ms;
          transition-duration: 850ms;
}

body[data-aos-delay='850'] [data-aos], [data-aos][data-aos][data-aos-delay='850'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='850'].aos-animate {
  -webkit-transition-delay: 850ms;
          transition-delay: 850ms;
}

body[data-aos-duration='900'] [data-aos], [data-aos][data-aos][data-aos-duration='900'] {
  -webkit-transition-duration: 900ms;
          transition-duration: 900ms;
}

body[data-aos-delay='900'] [data-aos], [data-aos][data-aos][data-aos-delay='900'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='900'].aos-animate {
  -webkit-transition-delay: 900ms;
          transition-delay: 900ms;
}

body[data-aos-duration='950'] [data-aos], [data-aos][data-aos][data-aos-duration='950'] {
  -webkit-transition-duration: 950ms;
          transition-duration: 950ms;
}

body[data-aos-delay='950'] [data-aos], [data-aos][data-aos][data-aos-delay='950'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='950'].aos-animate {
  -webkit-transition-delay: 950ms;
          transition-delay: 950ms;
}

body[data-aos-duration='1000'] [data-aos], [data-aos][data-aos][data-aos-duration='1000'] {
  -webkit-transition-duration: 1000ms;
          transition-duration: 1000ms;
}

body[data-aos-delay='1000'] [data-aos], [data-aos][data-aos][data-aos-delay='1000'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='1000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1000'].aos-animate {
  -webkit-transition-delay: 1000ms;
          transition-delay: 1000ms;
}

body[data-aos-duration='1050'] [data-aos], [data-aos][data-aos][data-aos-duration='1050'] {
  -webkit-transition-duration: 1050ms;
          transition-duration: 1050ms;
}

body[data-aos-delay='1050'] [data-aos], [data-aos][data-aos][data-aos-delay='1050'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='1050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1050'].aos-animate {
  -webkit-transition-delay: 1050ms;
          transition-delay: 1050ms;
}

body[data-aos-duration='1100'] [data-aos], [data-aos][data-aos][data-aos-duration='1100'] {
  -webkit-transition-duration: 1100ms;
          transition-duration: 1100ms;
}

body[data-aos-delay='1100'] [data-aos], [data-aos][data-aos][data-aos-delay='1100'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='1100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1100'].aos-animate {
  -webkit-transition-delay: 1100ms;
          transition-delay: 1100ms;
}

body[data-aos-duration='1150'] [data-aos], [data-aos][data-aos][data-aos-duration='1150'] {
  -webkit-transition-duration: 1150ms;
          transition-duration: 1150ms;
}

body[data-aos-delay='1150'] [data-aos], [data-aos][data-aos][data-aos-delay='1150'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='1150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1150'].aos-animate {
  -webkit-transition-delay: 1150ms;
          transition-delay: 1150ms;
}

body[data-aos-duration='1200'] [data-aos], [data-aos][data-aos][data-aos-duration='1200'] {
  -webkit-transition-duration: 1200ms;
          transition-duration: 1200ms;
}

body[data-aos-delay='1200'] [data-aos], [data-aos][data-aos][data-aos-delay='1200'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='1200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1200'].aos-animate {
  -webkit-transition-delay: 1200ms;
          transition-delay: 1200ms;
}

body[data-aos-duration='1250'] [data-aos], [data-aos][data-aos][data-aos-duration='1250'] {
  -webkit-transition-duration: 1250ms;
          transition-duration: 1250ms;
}

body[data-aos-delay='1250'] [data-aos], [data-aos][data-aos][data-aos-delay='1250'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='1250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1250'].aos-animate {
  -webkit-transition-delay: 1250ms;
          transition-delay: 1250ms;
}

body[data-aos-duration='1300'] [data-aos], [data-aos][data-aos][data-aos-duration='1300'] {
  -webkit-transition-duration: 1300ms;
          transition-duration: 1300ms;
}

body[data-aos-delay='1300'] [data-aos], [data-aos][data-aos][data-aos-delay='1300'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='1300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1300'].aos-animate {
  -webkit-transition-delay: 1300ms;
          transition-delay: 1300ms;
}

body[data-aos-duration='1350'] [data-aos], [data-aos][data-aos][data-aos-duration='1350'] {
  -webkit-transition-duration: 1350ms;
          transition-duration: 1350ms;
}

body[data-aos-delay='1350'] [data-aos], [data-aos][data-aos][data-aos-delay='1350'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='1350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1350'].aos-animate {
  -webkit-transition-delay: 1350ms;
          transition-delay: 1350ms;
}

body[data-aos-duration='1400'] [data-aos], [data-aos][data-aos][data-aos-duration='1400'] {
  -webkit-transition-duration: 1400ms;
          transition-duration: 1400ms;
}

body[data-aos-delay='1400'] [data-aos], [data-aos][data-aos][data-aos-delay='1400'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='1400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1400'].aos-animate {
  -webkit-transition-delay: 1400ms;
          transition-delay: 1400ms;
}

body[data-aos-duration='1450'] [data-aos], [data-aos][data-aos][data-aos-duration='1450'] {
  -webkit-transition-duration: 1450ms;
          transition-duration: 1450ms;
}

body[data-aos-delay='1450'] [data-aos], [data-aos][data-aos][data-aos-delay='1450'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='1450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1450'].aos-animate {
  -webkit-transition-delay: 1450ms;
          transition-delay: 1450ms;
}

body[data-aos-duration='1500'] [data-aos], [data-aos][data-aos][data-aos-duration='1500'] {
  -webkit-transition-duration: 1500ms;
          transition-duration: 1500ms;
}

body[data-aos-delay='1500'] [data-aos], [data-aos][data-aos][data-aos-delay='1500'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='1500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1500'].aos-animate {
  -webkit-transition-delay: 1500ms;
          transition-delay: 1500ms;
}

body[data-aos-duration='1550'] [data-aos], [data-aos][data-aos][data-aos-duration='1550'] {
  -webkit-transition-duration: 1550ms;
          transition-duration: 1550ms;
}

body[data-aos-delay='1550'] [data-aos], [data-aos][data-aos][data-aos-delay='1550'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='1550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1550'].aos-animate {
  -webkit-transition-delay: 1550ms;
          transition-delay: 1550ms;
}

body[data-aos-duration='1600'] [data-aos], [data-aos][data-aos][data-aos-duration='1600'] {
  -webkit-transition-duration: 1600ms;
          transition-duration: 1600ms;
}

body[data-aos-delay='1600'] [data-aos], [data-aos][data-aos][data-aos-delay='1600'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='1600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1600'].aos-animate {
  -webkit-transition-delay: 1600ms;
          transition-delay: 1600ms;
}

body[data-aos-duration='1650'] [data-aos], [data-aos][data-aos][data-aos-duration='1650'] {
  -webkit-transition-duration: 1650ms;
          transition-duration: 1650ms;
}

body[data-aos-delay='1650'] [data-aos], [data-aos][data-aos][data-aos-delay='1650'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='1650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1650'].aos-animate {
  -webkit-transition-delay: 1650ms;
          transition-delay: 1650ms;
}

body[data-aos-duration='1700'] [data-aos], [data-aos][data-aos][data-aos-duration='1700'] {
  -webkit-transition-duration: 1700ms;
          transition-duration: 1700ms;
}

body[data-aos-delay='1700'] [data-aos], [data-aos][data-aos][data-aos-delay='1700'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='1700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1700'].aos-animate {
  -webkit-transition-delay: 1700ms;
          transition-delay: 1700ms;
}

body[data-aos-duration='1750'] [data-aos], [data-aos][data-aos][data-aos-duration='1750'] {
  -webkit-transition-duration: 1750ms;
          transition-duration: 1750ms;
}

body[data-aos-delay='1750'] [data-aos], [data-aos][data-aos][data-aos-delay='1750'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='1750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1750'].aos-animate {
  -webkit-transition-delay: 1750ms;
          transition-delay: 1750ms;
}

body[data-aos-duration='1800'] [data-aos], [data-aos][data-aos][data-aos-duration='1800'] {
  -webkit-transition-duration: 1800ms;
          transition-duration: 1800ms;
}

body[data-aos-delay='1800'] [data-aos], [data-aos][data-aos][data-aos-delay='1800'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='1800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1800'].aos-animate {
  -webkit-transition-delay: 1800ms;
          transition-delay: 1800ms;
}

body[data-aos-duration='1850'] [data-aos], [data-aos][data-aos][data-aos-duration='1850'] {
  -webkit-transition-duration: 1850ms;
          transition-duration: 1850ms;
}

body[data-aos-delay='1850'] [data-aos], [data-aos][data-aos][data-aos-delay='1850'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='1850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1850'].aos-animate {
  -webkit-transition-delay: 1850ms;
          transition-delay: 1850ms;
}

body[data-aos-duration='1900'] [data-aos], [data-aos][data-aos][data-aos-duration='1900'] {
  -webkit-transition-duration: 1900ms;
          transition-duration: 1900ms;
}

body[data-aos-delay='1900'] [data-aos], [data-aos][data-aos][data-aos-delay='1900'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='1900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1900'].aos-animate {
  -webkit-transition-delay: 1900ms;
          transition-delay: 1900ms;
}

body[data-aos-duration='1950'] [data-aos], [data-aos][data-aos][data-aos-duration='1950'] {
  -webkit-transition-duration: 1950ms;
          transition-duration: 1950ms;
}

body[data-aos-delay='1950'] [data-aos], [data-aos][data-aos][data-aos-delay='1950'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='1950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1950'].aos-animate {
  -webkit-transition-delay: 1950ms;
          transition-delay: 1950ms;
}

body[data-aos-duration='2000'] [data-aos], [data-aos][data-aos][data-aos-duration='2000'] {
  -webkit-transition-duration: 2000ms;
          transition-duration: 2000ms;
}

body[data-aos-delay='2000'] [data-aos], [data-aos][data-aos][data-aos-delay='2000'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='2000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2000'].aos-animate {
  -webkit-transition-delay: 2000ms;
          transition-delay: 2000ms;
}

body[data-aos-duration='2050'] [data-aos], [data-aos][data-aos][data-aos-duration='2050'] {
  -webkit-transition-duration: 2050ms;
          transition-duration: 2050ms;
}

body[data-aos-delay='2050'] [data-aos], [data-aos][data-aos][data-aos-delay='2050'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='2050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2050'].aos-animate {
  -webkit-transition-delay: 2050ms;
          transition-delay: 2050ms;
}

body[data-aos-duration='2100'] [data-aos], [data-aos][data-aos][data-aos-duration='2100'] {
  -webkit-transition-duration: 2100ms;
          transition-duration: 2100ms;
}

body[data-aos-delay='2100'] [data-aos], [data-aos][data-aos][data-aos-delay='2100'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='2100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2100'].aos-animate {
  -webkit-transition-delay: 2100ms;
          transition-delay: 2100ms;
}

body[data-aos-duration='2150'] [data-aos], [data-aos][data-aos][data-aos-duration='2150'] {
  -webkit-transition-duration: 2150ms;
          transition-duration: 2150ms;
}

body[data-aos-delay='2150'] [data-aos], [data-aos][data-aos][data-aos-delay='2150'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='2150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2150'].aos-animate {
  -webkit-transition-delay: 2150ms;
          transition-delay: 2150ms;
}

body[data-aos-duration='2200'] [data-aos], [data-aos][data-aos][data-aos-duration='2200'] {
  -webkit-transition-duration: 2200ms;
          transition-duration: 2200ms;
}

body[data-aos-delay='2200'] [data-aos], [data-aos][data-aos][data-aos-delay='2200'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='2200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2200'].aos-animate {
  -webkit-transition-delay: 2200ms;
          transition-delay: 2200ms;
}

body[data-aos-duration='2250'] [data-aos], [data-aos][data-aos][data-aos-duration='2250'] {
  -webkit-transition-duration: 2250ms;
          transition-duration: 2250ms;
}

body[data-aos-delay='2250'] [data-aos], [data-aos][data-aos][data-aos-delay='2250'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='2250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2250'].aos-animate {
  -webkit-transition-delay: 2250ms;
          transition-delay: 2250ms;
}

body[data-aos-duration='2300'] [data-aos], [data-aos][data-aos][data-aos-duration='2300'] {
  -webkit-transition-duration: 2300ms;
          transition-duration: 2300ms;
}

body[data-aos-delay='2300'] [data-aos], [data-aos][data-aos][data-aos-delay='2300'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='2300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2300'].aos-animate {
  -webkit-transition-delay: 2300ms;
          transition-delay: 2300ms;
}

body[data-aos-duration='2350'] [data-aos], [data-aos][data-aos][data-aos-duration='2350'] {
  -webkit-transition-duration: 2350ms;
          transition-duration: 2350ms;
}

body[data-aos-delay='2350'] [data-aos], [data-aos][data-aos][data-aos-delay='2350'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='2350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2350'].aos-animate {
  -webkit-transition-delay: 2350ms;
          transition-delay: 2350ms;
}

body[data-aos-duration='2400'] [data-aos], [data-aos][data-aos][data-aos-duration='2400'] {
  -webkit-transition-duration: 2400ms;
          transition-duration: 2400ms;
}

body[data-aos-delay='2400'] [data-aos], [data-aos][data-aos][data-aos-delay='2400'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='2400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2400'].aos-animate {
  -webkit-transition-delay: 2400ms;
          transition-delay: 2400ms;
}

body[data-aos-duration='2450'] [data-aos], [data-aos][data-aos][data-aos-duration='2450'] {
  -webkit-transition-duration: 2450ms;
          transition-duration: 2450ms;
}

body[data-aos-delay='2450'] [data-aos], [data-aos][data-aos][data-aos-delay='2450'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='2450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2450'].aos-animate {
  -webkit-transition-delay: 2450ms;
          transition-delay: 2450ms;
}

body[data-aos-duration='2500'] [data-aos], [data-aos][data-aos][data-aos-duration='2500'] {
  -webkit-transition-duration: 2500ms;
          transition-duration: 2500ms;
}

body[data-aos-delay='2500'] [data-aos], [data-aos][data-aos][data-aos-delay='2500'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='2500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2500'].aos-animate {
  -webkit-transition-delay: 2500ms;
          transition-delay: 2500ms;
}

body[data-aos-duration='2550'] [data-aos], [data-aos][data-aos][data-aos-duration='2550'] {
  -webkit-transition-duration: 2550ms;
          transition-duration: 2550ms;
}

body[data-aos-delay='2550'] [data-aos], [data-aos][data-aos][data-aos-delay='2550'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='2550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2550'].aos-animate {
  -webkit-transition-delay: 2550ms;
          transition-delay: 2550ms;
}

body[data-aos-duration='2600'] [data-aos], [data-aos][data-aos][data-aos-duration='2600'] {
  -webkit-transition-duration: 2600ms;
          transition-duration: 2600ms;
}

body[data-aos-delay='2600'] [data-aos], [data-aos][data-aos][data-aos-delay='2600'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='2600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2600'].aos-animate {
  -webkit-transition-delay: 2600ms;
          transition-delay: 2600ms;
}

body[data-aos-duration='2650'] [data-aos], [data-aos][data-aos][data-aos-duration='2650'] {
  -webkit-transition-duration: 2650ms;
          transition-duration: 2650ms;
}

body[data-aos-delay='2650'] [data-aos], [data-aos][data-aos][data-aos-delay='2650'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='2650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2650'].aos-animate {
  -webkit-transition-delay: 2650ms;
          transition-delay: 2650ms;
}

body[data-aos-duration='2700'] [data-aos], [data-aos][data-aos][data-aos-duration='2700'] {
  -webkit-transition-duration: 2700ms;
          transition-duration: 2700ms;
}

body[data-aos-delay='2700'] [data-aos], [data-aos][data-aos][data-aos-delay='2700'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='2700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2700'].aos-animate {
  -webkit-transition-delay: 2700ms;
          transition-delay: 2700ms;
}

body[data-aos-duration='2750'] [data-aos], [data-aos][data-aos][data-aos-duration='2750'] {
  -webkit-transition-duration: 2750ms;
          transition-duration: 2750ms;
}

body[data-aos-delay='2750'] [data-aos], [data-aos][data-aos][data-aos-delay='2750'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='2750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2750'].aos-animate {
  -webkit-transition-delay: 2750ms;
          transition-delay: 2750ms;
}

body[data-aos-duration='2800'] [data-aos], [data-aos][data-aos][data-aos-duration='2800'] {
  -webkit-transition-duration: 2800ms;
          transition-duration: 2800ms;
}

body[data-aos-delay='2800'] [data-aos], [data-aos][data-aos][data-aos-delay='2800'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='2800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2800'].aos-animate {
  -webkit-transition-delay: 2800ms;
          transition-delay: 2800ms;
}

body[data-aos-duration='2850'] [data-aos], [data-aos][data-aos][data-aos-duration='2850'] {
  -webkit-transition-duration: 2850ms;
          transition-duration: 2850ms;
}

body[data-aos-delay='2850'] [data-aos], [data-aos][data-aos][data-aos-delay='2850'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='2850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2850'].aos-animate {
  -webkit-transition-delay: 2850ms;
          transition-delay: 2850ms;
}

body[data-aos-duration='2900'] [data-aos], [data-aos][data-aos][data-aos-duration='2900'] {
  -webkit-transition-duration: 2900ms;
          transition-duration: 2900ms;
}

body[data-aos-delay='2900'] [data-aos], [data-aos][data-aos][data-aos-delay='2900'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='2900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2900'].aos-animate {
  -webkit-transition-delay: 2900ms;
          transition-delay: 2900ms;
}

body[data-aos-duration='2950'] [data-aos], [data-aos][data-aos][data-aos-duration='2950'] {
  -webkit-transition-duration: 2950ms;
          transition-duration: 2950ms;
}

body[data-aos-delay='2950'] [data-aos], [data-aos][data-aos][data-aos-delay='2950'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='2950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2950'].aos-animate {
  -webkit-transition-delay: 2950ms;
          transition-delay: 2950ms;
}

body[data-aos-duration='3000'] [data-aos], [data-aos][data-aos][data-aos-duration='3000'] {
  -webkit-transition-duration: 3000ms;
          transition-duration: 3000ms;
}

body[data-aos-delay='3000'] [data-aos], [data-aos][data-aos][data-aos-delay='3000'] {
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

body[data-aos-delay='3000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3000'].aos-animate {
  -webkit-transition-delay: 3000ms;
          transition-delay: 3000ms;
}

body[data-aos-easing="linear"] [data-aos], [data-aos][data-aos][data-aos-easing="linear"] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
          transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

body[data-aos-easing="ease"] [data-aos], [data-aos][data-aos][data-aos-easing="ease"] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

body[data-aos-easing="ease-in"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in"] {
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
          transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}

body[data-aos-easing="ease-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out"] {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}

body[data-aos-easing="ease-in-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out"] {
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
          transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

body[data-aos-easing="ease-in-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-back"] {
  -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
          transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

body[data-aos-easing="ease-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-back"] {
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

body[data-aos-easing="ease-in-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-back"] {
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

body[data-aos-easing="ease-in-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-sine"] {
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
          transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

body[data-aos-easing="ease-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-sine"] {
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
          transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

body[data-aos-easing="ease-in-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-sine"] {
  -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
          transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

body[data-aos-easing="ease-in-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quad"] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

body[data-aos-easing="ease-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quad"] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

body[data-aos-easing="ease-in-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quad"] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

body[data-aos-easing="ease-in-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-cubic"] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

body[data-aos-easing="ease-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-cubic"] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

body[data-aos-easing="ease-in-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

body[data-aos-easing="ease-in-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quart"] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

body[data-aos-easing="ease-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quart"] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

body[data-aos-easing="ease-in-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quart"] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

/**
 * Fade animations:
 * fade
 * fade-up, fade-down, fade-left, fade-right
 * fade-up-right, fade-up-left, fade-down-right, fade-down-left
 */
[data-aos^='fade'][data-aos^='fade'] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

[data-aos^='fade'][data-aos^='fade'].aos-animate {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

[data-aos='fade-up'] {
  -webkit-transform: translate(0, 100px);
          transform: translate(0, 100px);
}

[data-aos='fade-down'] {
  -webkit-transform: translate(0, -100px);
          transform: translate(0, -100px);
}

[data-aos='fade-right'] {
  -webkit-transform: translate(-100px, 0);
          transform: translate(-100px, 0);
}

[data-aos='fade-left'] {
  -webkit-transform: translate(100px, 0);
          transform: translate(100px, 0);
}

[data-aos='fade-up-right'] {
  -webkit-transform: translate(-100px, 100px);
          transform: translate(-100px, 100px);
}

[data-aos='fade-up-left'] {
  -webkit-transform: translate(100px, 100px);
          transform: translate(100px, 100px);
}

[data-aos='fade-down-right'] {
  -webkit-transform: translate(-100px, -100px);
          transform: translate(-100px, -100px);
}

[data-aos='fade-down-left'] {
  -webkit-transform: translate(100px, -100px);
          transform: translate(100px, -100px);
}

/**
 * Zoom animations:
 * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
 * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
 */
[data-aos^='zoom'][data-aos^='zoom'] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

[data-aos^='zoom'][data-aos^='zoom'].aos-animate {
  opacity: 1;
  -webkit-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
}

[data-aos='zoom-in'] {
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}

[data-aos='zoom-in-up'] {
  -webkit-transform: translate(0, 100px) scale(0.6);
          transform: translate(0, 100px) scale(0.6);
}

[data-aos='zoom-in-down'] {
  -webkit-transform: translate(0, -100px) scale(0.6);
          transform: translate(0, -100px) scale(0.6);
}

[data-aos='zoom-in-right'] {
  -webkit-transform: translate(-100px, 0) scale(0.6);
          transform: translate(-100px, 0) scale(0.6);
}

[data-aos='zoom-in-left'] {
  -webkit-transform: translate(100px, 0) scale(0.6);
          transform: translate(100px, 0) scale(0.6);
}

[data-aos='zoom-out'] {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

[data-aos='zoom-out-up'] {
  -webkit-transform: translate(0, 100px) scale(1.2);
          transform: translate(0, 100px) scale(1.2);
}

[data-aos='zoom-out-down'] {
  -webkit-transform: translate(0, -100px) scale(1.2);
          transform: translate(0, -100px) scale(1.2);
}

[data-aos='zoom-out-right'] {
  -webkit-transform: translate(-100px, 0) scale(1.2);
          transform: translate(-100px, 0) scale(1.2);
}

[data-aos='zoom-out-left'] {
  -webkit-transform: translate(100px, 0) scale(1.2);
          transform: translate(100px, 0) scale(1.2);
}

/**
 * Slide animations
 */
[data-aos^='slide'][data-aos^='slide'] {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

[data-aos^='slide'][data-aos^='slide'].aos-animate {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

[data-aos='slide-up'] {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

[data-aos='slide-down'] {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

[data-aos='slide-right'] {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

[data-aos='slide-left'] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

/**
 * Flip animations:
 * flip-left, flip-right, flip-up, flip-down
 */
[data-aos^='flip'][data-aos^='flip'] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

[data-aos='flip-left'] {
  -webkit-transform: perspective(2500px) rotateY(-100deg);
          transform: perspective(2500px) rotateY(-100deg);
}

[data-aos='flip-left'].aos-animate {
  -webkit-transform: perspective(2500px) rotateY(0);
          transform: perspective(2500px) rotateY(0);
}

[data-aos='flip-right'] {
  -webkit-transform: perspective(2500px) rotateY(100deg);
          transform: perspective(2500px) rotateY(100deg);
}

[data-aos='flip-right'].aos-animate {
  -webkit-transform: perspective(2500px) rotateY(0);
          transform: perspective(2500px) rotateY(0);
}

[data-aos='flip-up'] {
  -webkit-transform: perspective(2500px) rotateX(-100deg);
          transform: perspective(2500px) rotateX(-100deg);
}

[data-aos='flip-up'].aos-animate {
  -webkit-transform: perspective(2500px) rotateX(0);
          transform: perspective(2500px) rotateX(0);
}

[data-aos='flip-down'] {
  -webkit-transform: perspective(2500px) rotateX(100deg);
          transform: perspective(2500px) rotateX(100deg);
}

[data-aos='flip-down'].aos-animate {
  -webkit-transform: perspective(2500px) rotateX(0);
          transform: perspective(2500px) rotateX(0);
}

/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}

.title {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.split {
  display: inline-block;
  overflow: hidden;
  padding-bottom: 2px;
}

@media all and (min-width: 48em) {
  .split {
    padding-bottom: 5px;
  }
}

.split__text {
  opacity: 0;
  display: block;
}

/* ==========================================================================
    Custom fonts
   ========================================================================== */
@font-face {
  font-family: "MajestiBanner-Medium";
  src: url("fonts/MajestiBanner-Medium.svg#MajestiBanner-Medium") format("svg"), url("fonts/MajestiBanner-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/MajestiBanner-Medium.otf") format("opentype"), url("fonts/MajestiBanner-Medium.woff") format("woff"), url("fonts/MajestiBanner-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'MajestiBannerBook';
  src: url("fonts/MajestiBanner-Book.woff2") format("woff2"), url("fonts/MajestiBanner-Book.woff") format("woff");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'MajestiBannerBold';
  src: url("fonts/MajestiBanner-Bold.woff2") format("woff2"), url("fonts/MajestiBanner-Bold.woff") format("woff");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Galano Grotesque Alt";
  src: url("fonts/Galano Grotesque Alt.eot?#iefix");
  src: url("fonts/Galano Grotesque Alt.eot?#iefix") format("eot"), url("fonts/Galano Grotesque Alt.woff2") format("woff2"), url("fonts/Galano Grotesque Alt.woff") format("woff"), url("fonts/Galano Grotesque Alt.ttf") format("truetype"), url("fonts/Galano Grotesque Alt.svg#Galano Grotesque Alt") format("svg");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "GalanoGrotesqueBold";
  src: url("fonts/GalanoGrotesqueBold.eot?#iefix");
  src: url("fonts/GalanoGrotesqueBold.eot?#iefix") format("eot"), url("fonts/GalanoGrotesqueBold.woff2") format("woff2"), url("fonts/GalanoGrotesqueBold.woff") format("woff");
}

@font-face {
  font-family: "Galano Grotesque Alt Light";
  src: url("fonts/GalanoGrotesqueLight.woff2") format("woff2"), url("fonts/GalanoGrotesqueLight.woff") format("woff");
}

@font-face {
  font-display: swap;
  font-family: "Gilroy-Light";
  src: url("fonts/Gilroy-Light.woff2") format("woff2"), url("fonts/Gilroy-Light.woff") format("woff");
}

@font-face {
  font-display: swap;
  font-family: "Gilroy-Regular";
  src: url("fonts/Gilroy-Regular.woff2") format("woff2"), url("fonts/Gilroy-Regular.woff") format("woff");
}

@font-face {
  font-display: swap;
  font-family: "Gilroy-Medium";
  src: url("fonts/Gilroy-Medium.woff2") format("woff2"), url("fonts/Gilroy-Medium.woff") format("woff");
}

@font-face {
  font-display: swap;
  font-family: "Gilroy-Bold";
  src: url("fonts/Gilroy-Bold.woff2") format("woff2"), url("fonts/Gilroy-Bold.woff") format("woff");
}

@font-face {
  font-display: swap;
  font-family: "Gilroy-Extrabold";
  src: url("fonts/Gilroy-Extrabold.woff2") format("woff2"), url("fonts/Gilroy-Extrabold.woff") format("woff");
}

@font-face {
  font-display: swap;
  font-family: "Schneider-Bold";
  src: url("fonts/SchnyderWideLBold.woff2") format("woff2"), url("fonts/SchnyderWideLBold.woff") format("woff");
}

@font-face {
  font-display: swap;
  font-family: "Schneider-Wide-Demi";
  src: url("fonts/schnyder_wide_l_demi.woff2") format("woff2"), url("fonts/schnyder_wide_l_demi.woff") format("woff");
}

/* ==========================================================================
    Default element styles
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #444;
}

html,
body {
  -moz-osx-font-smoothing: grayscale;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-tap-highlight-color: transparent;
}

html {
  font: 62.5% "Roboto", Arial, Helvetica, sans-serif;
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
}

* {
  -moz-font-smoothing: none;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}

/* ==============================
    Typography
   ============================== */
/* "-like" classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1-like {
  line-height: 1;
  margin: 0;
  font-weight: normal;
}

@media all and (min-width: 48em) {
  h1, .h1-like {
    font-size: 3.4375em;
  }
}

h2, .h2-like {
  color: #0a0a0a;
  font-family: Roboto;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 20px;
}

h3, .h3-like {
  font-weight: normal;
  line-height: 1;
}

h4, .h4-like {
  font-weight: normal;
  font: normal 1.125em Arial, Helvetica, sans-serif;
  line-height: 1;
}

.title-live {
  color: #100f0f;
  font-family: "GalanoGrotesqueBold";
  font-size: 3.2rem;
  text-align: center;
  margin-bottom: 20px;
}

@media all and (min-width: 60em) {
  .title-live {
    font-size: 6.4rem;
    margin-bottom: 50px;
  }
}

p, li {
  font-size: 1.4rem;
  line-height: 1.6;
}

p {
  margin: 0 0 20px;
}

.highlight {
  background-color: #fcffad;
}

.sm-bullets p,
.sm-bullets li {
  margin: 0 0 14px;
  list-style: none;
  padding-left: 15px;
  position: relative;
  display: block;
}

.sm-bullets p:before,
.sm-bullets li:before {
  content: "\2022";
  display: block;
  font-size: 16px;
  left: 0;
  line-height: 1.2;
  position: absolute;
  top: 2px;
}

a,
a:visited {
  text-decoration: none;
}

a:hover,
a:focus,
a:active {
  color: #000;
}

.blockquote {
  color: #000;
  font-family: "GalanoGrotesqueBold", Arial, Helvetica, sans-serif;
  font-size: 2.6rem;
  line-height: 1;
  margin: 0 0 20px;
  position: relative;
}

@media all and (min-width: 48em) {
  .blockquote {
    font-size: 3rem;
    margin: 0 0 30px;
  }
}

@media all and (min-width: 60em) {
  .blockquote {
    font-size: 4rem;
  }
}

@media all and (min-width: 100em) {
  .blockquote {
    font-size: 5.4rem;
    margin: 0 0 40px;
  }
}

@media all and (min-width: 159em) {
  .blockquote {
    font-size: 6rem;
  }
}

blockquote {
  color: #000;
  margin: 0 0 20px;
  position: relative;
}

@media all and (min-width: 48em) {
  blockquote {
    margin: 0 0 30px;
  }
}

@media all and (min-width: 100em) {
  blockquote {
    margin: 0 0 40px;
  }
}

blockquote > p {
  font-family: "GalanoGrotesqueBold", Arial, Helvetica, sans-serif;
  font-size: 2.6rem;
  line-height: 1;
}

@media all and (min-width: 48em) {
  blockquote > p {
    font-size: 3rem;
  }
}

@media all and (min-width: 60em) {
  blockquote > p {
    font-size: 4rem;
  }
}

@media all and (min-width: 100em) {
  blockquote > p {
    font-size: 5.4rem;
  }
}

@media all and (min-width: 159em) {
  blockquote > p {
    font-size: 6rem;
  }
}

/* ==============================
    Other
   ============================== */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

address {
  font-style: normal;
  line-height: 1.5;
  margin-bottom: 1em;
}

hr {
  background: rgba(255, 255, 255, 0.1);
  border: 0 none;
  margin: 20px 0;
  height: 1px;
}

::-moz-selection {
  background: #6159a7;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #6159a7;
  color: #fff;
  text-shadow: none;
}

.link-more {
  background: #fff;
}

/* ==============================
    Tables
   ============================== */
thead,
tfoot,
tfoot tr {
  border: 0 none;
}

table.teq-table {
  width: 100%;
}

th, td {
  font: 0.6875em sans-serif;
  padding: 10px;
  text-align: center;
}

.teq-table th,
.teq-table td {
  border: 1px solid #ececec;
}

th {
  font-weight: bold;
}

.teq-table th {
  background: #f7f7f7;
}

.teq-table tbody > tr:nth-child(even) > td {
  background: #f7f7f7;
}

.teq-table tfoot td {
  border: 0 none;
  color: #777;
  font: italic 0.6875em sans-serif;
  padding: 10px 0;
}

.btn {
  color: #FFF;
  cursor: pointer;
  font-size: 1.8rem;
  font-weight: 700;
  padding: 20px 90px;
  text-transform: uppercase;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.btn.-center {
  display: table;
  margin: 20px auto;
}

@media all and (min-width: 48em) {
  .btn.-center {
    margin: 30px auto;
  }
}

@media all and (min-width: 60em) {
  .btn.-center {
    margin: 50px auto;
  }
}

@media all and (min-width: 100em) {
  .btn.-center {
    margin: 70px auto;
  }
}

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot");
  src: url("fonts/icomoon.eot#iefix") format("embedded-opentype"), url("fonts/icomoon.woff2") format("woff2"), url("fonts/icomoon.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  position: relative;
  speak: none;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}

.icon-facebook:before {
  content: "\E901";
}

.icon-block:before {
  content: "\E913";
}

.icon-arrow-long:before {
  content: "\E914";
}

.icon-arrow2:before {
  content: "\E912";
}

.icon-space-invader:before {
  content: "\E911";
}

.icon-right:before {
  content: "\E910";
}

.icon-contact:before {
  content: "\E90B";
}

.icon-contact2:before {
  content: "\E90D";
}

.icon-newsletter:before {
  content: "\E90E";
}

.icon-postuler:before {
  content: "\E90F";
}

.icon-close:before {
  content: "\E90C";
}

.icon-lareclame:before {
  content: "\E90A";
}

.icon-codepen:before {
  content: "\E900";
}

.icon-linkedin:before {
  content: "\E902";
}

.icon-vimeo:before {
  content: "\E903";
}

.icon-tumblr:before {
  content: "\E904";
}

.icon-behance:before {
  content: "\E905";
}

.icon-instagram:before {
  content: "\E906";
}

.icon-github:before {
  content: "\E907";
}

.icon-twitter:before {
  content: "\E908";
}

.icon-star:before {
  content: "\E915";
}

.icon-quote:before {
  content: "\E916";
}

.icon-instagram-round:before {
  content: "\E917";
}

.icon-facebook-round:before {
  content: "\E918";
}

.icon-linkdin-round:before {
  content: "\E919";
}

.icon-twitter-round:before {
  content: "\E91A";
}

.icon-tumblr-round:before {
  content: "\E91B";
}

.icon-behance-round:before {
  content: "\E91C";
}

.icon-newspaper:before {
  content: "\E91D";
}

.icon-conversation:before {
  content: "\E91E";
}

.icon-airplane:before {
  content: "\E91F";
}

.icon-chevron1:before {
  content: "\E921";
}

.icon-plane-1:before {
  content: "\E920";
}

.icon-plane-2:before {
  content: "\E925";
}

.icon-plane-3:before {
  content: "\E926";
}

.icon-contact-1:before {
  content: "\E929";
}

.icon-contact-3:before {
  content: "\E92A";
}

.icon-contact-2:before {
  content: "\E92B";
}

.icon-sign-up-1:before {
  content: "\E92C";
}

.icon-sign-up-2:before {
  content: "\E92D";
}

.icon-sign-up-3:before {
  content: "\E92E";
}

.icon-sign-up-4:before {
  content: "\E92F";
}

.icon-sign-up-5:before {
  content: "\E936";
}

.icon-teq-logo:before {
  content: "\E909";
}

.icon-t:before {
  content: "\E93A";
}

.icon-a:before {
  content: "\E93B";
}

.icon-linkedin-round:before {
  content: "\E922";
}

/* ==============================
    Forms
   ============================== */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

::-webkit-input-placeholder {
  color: #555;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #555;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #555;
}

:-ms-input-placeholder {
  color: #555;
}

.placeholder {
  color: #555;
}

:invalid {
  -webkit-box-shadow: none;
          box-shadow: none;
}

:-moz-submit-invalid {
  box-shadow: none;
}

:-moz-ui-invalid {
  box-shadow: none;
}

/* ==============================
    Global
   ============================== */
#CybotCookiebotDialog * {
  cursor: auto !important;
}

html,
body {
  overflow: visible;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: borde-box;
          box-sizing: borde-box;
}

body {
  background: #fff;
  position: relative;
}

@media all and (min-width: 60em) {
  body.hide-cursor * {
    cursor: none !important;
  }
}

.teq-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  width: calc(100% - 3rem);
  padding: 0;
}

@media all and (min-width: 30em) {
  .teq-container {
    width: 590px;
  }
}

@media all and (min-width: 48em) {
  .teq-container {
    width: calc(100% - 4rem);
  }
}

@media all and (min-width: 60em) {
  .teq-container {
    max-width: 100%;
    width: 960px;
  }
}

@media all and (min-width: 100em) {
  .teq-container {
    width: 1300px;
  }
}

@media all and (min-width: 159em) {
  .teq-container {
    width: 1900px;
  }
}

.since-bar {
  display: none;
}

@media all and (min-width: 48em) {
  .since-bar {
    color: black;
    display: block;
    position: absolute;
    font-family: "Gilroy-Light", Arial, Helvetica, sans-serif;
    font-size: 1.3rem;
    right: 4rem;
    top: 18rem;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  .since-bar:before {
    content: '';
    position: absolute;
    height: 1px;
    left: -12rem;
    top: 44%;
    width: 10rem;
    background: black;
  }
}

@media all and (min-width: 60em) {
  .since-bar {
    top: 21.4rem;
  }
}

@media all and (min-width: 159em) {
  .since-bar {
    right: 4rem;
    top: 36rem;
  }
}

.since-bar--white {
  color: white;
}

.since-bar--white:before {
  background: white;
}

header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 7rem;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
}

@media all and (min-width: 48em) {
  header {
    border-bottom: none;
    height: 9rem;
  }
}

@media all and (min-width: 60em) {
  header {
    position: fixed;
  }
}

@media all and (min-width: 100em) {
  header {
    background: none;
    height: 14rem;
  }
}

header.light .icon-teq-logo {
  fill: #FFF;
}

header.light .btn-burger:before,
header.light .btn-burger:after,
header.light .btn-burger span {
  background: #FFF;
}

header.light.active .icon-teq-logo {
  fill: #000;
}

header.light.active .btn-burger span {
  background: #000;
}

header .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  position: relative;
  margin: 0 auto;
  width: calc(100% - 3rem);
}

@media all and (min-width: 48em) {
  header .container {
    width: calc(100% - 4rem);
  }
}

@media all and (min-width: 60em) {
  header .container {
    width: calc(100% - 8rem);
  }
}

@media all and (min-width: 159em) {
  header .container {
    width: calc(100% - 12rem);
  }
}

header .icon-teq-logo {
  fill: #000;
  display: block;
  height: 2.2rem;
  cursor: pointer;
  width: 15.79rem;
}

@media all and (min-width: 48em) {
  header .icon-teq-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.72rem;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 19.44rem;
  }
}

@media all and (min-width: 100em) {
  header .icon-teq-logo {
    height: 3.4rem;
    width: 24.3rem;
  }
}

header .browser-window__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 5.5rem;
  position: absolute;
  z-index: 5000;
  right: 0;
  width: 5.5rem;
}

@media all and (min-width: 48em) {
  header .browser-window__link {
    height: 7.5rem;
    width: 7.5rem;
  }
}

header .browser-window__link:hover .btn-burger span:after, header .browser-window__link:hover .btn-burger span:before {
  width: 100%;
  left: 0;
  right: auto;
}

header .browser-window__link:hover .btn-burger span:after {
  z-index: 1;
  -webkit-transition: all 0.15s linear 0s;
  transition: all 0.15s linear 0s;
}

header .browser-window__link:hover .btn-burger span:before {
  z-index: 2;
  -webkit-transition: all 0.15s linear 0.3s;
  transition: all 0.15s linear 0.3s;
}

header .browser-window__link:hover .btn-burger span:nth-child(2):after {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

header .browser-window__link:hover .btn-burger span:nth-child(3):after {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

header .browser-window__link:hover .btn-burger span:nth-child(2):before {
  -webkit-transition-delay: 0.45s;
          transition-delay: 0.45s;
}

header .browser-window__link:hover .btn-burger span:nth-child(3):before {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

header .browser-window__link.is-active span:after, header .browser-window__link.is-active span:before {
  opacity: 0;
}

header .browser-window__link.is-active span:nth-child(1) {
  position: absolute;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 50%;
  left: 0%;
}

header .browser-window__link.is-active span:nth-child(2) {
  position: absolute;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 50%;
  left: 0%;
}

header .browser-window__link.is-active span:nth-child(3) {
  position: absolute;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 50%;
  left: 0%;
}

header .btn-burger {
  display: block;
  width: 26px;
  height: 22px;
  overflow: visible;
  position: relative;
}

header .btn-burger span {
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 2px;
  background: #131313;
  -webkit-transition: .4s;
  transition: .4s;
  z-index: 0;
}

header .btn-burger span:nth-child(1) {
  top: 0px;
}

header .btn-burger span:nth-child(2) {
  top: 9px;
}

header .btn-burger span:nth-child(3) {
  top: 19px;
}

header .btn-burger span:before, header .btn-burger span:after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  height: 100%;
  width: 0;
  right: 0;
  left: auto;
}

header .btn-burger span:before {
  z-index: 1;
  background: #72897C;
  -webkit-transition: all 0.15s linear 0s;
  transition: all 0.15s linear 0s;
}

header .btn-burger span:after {
  z-index: 2;
  background: transparent;
  -webkit-transition: all 0.15s linear 0.3s;
  transition: all 0.15s linear 0.3s;
}

header .btn-burger span:nth-child(2):before {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

header .btn-burger span:nth-child(3):before {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

header .btn-burger span:nth-child(2):after {
  -webkit-transition-delay: 0.45s;
          transition-delay: 0.45s;
}

header .btn-burger span:nth-child(3):after {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

header nav {
  display: none;
}

header nav ul,
header nav li {
  list-style: none;
  padding: 0;
  text-align: center;
}

header .link, header .contact h2, .contact header h2 {
  font-family: "Gilroy-Extrabold", Arial, Helvetica, sans-serif;
  font-size: 5rem;
  color: #000;
  cursor: pointer;
  text-align: center;
  line-height: 6rem;
  -webkit-transition: .4s;
  transition: .4s;
}

@media all and (min-width: 48em) {
  header .link, header .contact h2, .contact header h2 {
    font-size: 11rem;
    line-height: 11.5rem;
  }
}

@media all and (min-width: 100em) {
  header .link, header .contact h2, .contact header h2 {
    font-size: 12rem;
    line-height: 12rem;
  }
}

@media all and (min-width: 159em) {
  header .link, header .contact h2, .contact header h2 {
    font-size: 14rem;
    line-height: 14rem;
  }
}

header .link:hover, header .contact h2:hover, .contact header h2:hover {
  -webkit-transition: .4s;
  transition: .4s;
  -webkit-text-fill-color: white;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
}

header .live {
  color: #000;
  font-size: 5rem;
  font-family: "Schneider-Bold", Arial, Helvetica, sans-serif;
  font-size: 5rem;
  letter-spacing: 0.39px;
  line-height: 6rem;
  -webkit-transition: .4s;
  transition: .4s;
}

@media all and (min-width: 48em) {
  header .live {
    font-size: 11rem;
    line-height: 10rem;
  }
}

@media all and (min-width: 100em) {
  header .live {
    font-size: 12rem;
    line-height: 12rem;
  }
}

@media all and (min-width: 159em) {
  header .live {
    font-size: 14rem;
    line-height: 14rem;
  }
}

header .live:hover {
  color: #1BA86C;
}

.menu-open header {
  position: fixed;
}

.menu-open header .btn-burger:before, .menu-open header .btn-burger:after,
.menu-open header .btn-burger span {
  background: #000;
}

.menu-open header nav {
  background: #FFF;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
}

.menu-open header nav ul {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

footer {
  background: #F9F9F9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 15;
}

footer.footer--revealed .address-container .city,
footer.footer--revealed .address-container .address,
footer.footer--revealed .address-container .title {
  color: white;
  -webkit-transition: color 1s ease-in 1s;
  transition: color 1s ease-in 1s;
}

footer.footer--revealed .address-container .social-container .title {
  -webkit-text-stroke: 1px white;
}

footer .svg-container #footer-svg {
  width: 90%;
}

@media only screen and (max-width: 375px) {
  footer .svg-container #footer-svg {
    height: 250px;
  }
}

@media all and (min-width: 48em) {
  footer .svg-container #footer-svg {
    width: 60%;
  }
}

@media all and (min-width: 159em) {
  footer .svg-container #footer-svg {
    -webkit-transform: translateY(4rem);
            transform: translateY(4rem);
    width: 40%;
  }
}

footer .address-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

footer .item {
  margin: 0 3rem 3rem 0;
  position: relative;
  width: calc(50% - 3rem);
}

@media all and (min-width: 48em) {
  footer .item {
    width: calc(33% - 3rem);
  }
}

@media all and (min-width: 100em) {
  footer .item {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    margin-right: 0;
  }
}

footer .item:first-child .city:before {
  background: #BF9F2E;
}

footer .city,
footer .title {
  font-family: "Gilroy-Bold", Arial, Helvetica, sans-serif;
  font-size: 3rem;
  color: #000;
  line-height: 4rem;
}

@media all and (min-width: 30em) {
  footer .city,
  footer .title {
    font-size: 4rem;
    line-height: 4.8rem;
  }
}

@media all and (min-width: 100em) {
  footer .city,
  footer .title {
    font-size: 4.8rem;
    margin-right: 8.5rem;
  }
}

@media all and (min-width: 100em) {
  footer .city:before {
    background: #D9C1C0;
    bottom: 0;
    border-radius: 50%;
    content: '';
    height: 1.2rem;
    left: 0;
    position: absolute;
    width: 1.2rem;
  }
}

footer .title {
  margin-bottom: 1rem;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #000;
}

footer .address {
  font-family: "Gilroy-Regular", Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  color: #000;
  line-height: 2.4rem;
}

@media all and (min-width: 30em) {
  footer .address {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

footer .address a {
  color: inherit;
}

footer .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

footer .social-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media all and (min-width: 48em) {
  footer .social-container {
    margin: 0 3rem 3rem 0;
  }
}

@media all and (min-width: 100em) {
  footer .social-container {
    margin: 0;
  }
}

footer .social-link {
  color: #FFF;
  margin-right: 3rem;
  cursor: pointer;
  font-family: "Gilroy-Bold", Arial, Helvetica, sans-serif;
  font-size: 2rem;
  -webkit-transition: .4s;
  transition: .4s;
}

@media all and (min-width: 100em) {
  footer .social-link {
    margin-right: 1.5rem;
  }
}

footer .sub-footer {
  bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 4rem 0;
  width: 100%;
}

@media all and (min-width: 48em) {
  footer .sub-footer {
    bottom: 0;
  }
}

@media all and (min-width: 100em) {
  footer .sub-footer {
    bottom: 0;
    padding: 10rem 0 8rem;
  }
}

footer .kaki-background {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: absolute;
  background: #3F5147;
  z-index: -1;
  -webkit-transition: -webkit-transform 1s ease-in-out 1000ms;
  transition: -webkit-transform 1s ease-in-out 1000ms;
  transition: transform 1s ease-in-out 1000ms;
  transition: transform 1s ease-in-out 1000ms, -webkit-transform 1s ease-in-out 1000ms;
}

.cursor {
  opacity: 0;
  z-index: -1;
}

@media all and (min-width: 60em) {
  .cursor {
    display: block;
    z-index: 500;
  }
}

.cursor.is-active .circle-cursor--outer {
  top: -35px;
  left: -32px;
}

.cursor.is-active .circle-cursor--inner {
  background: transparent;
}

.cursor.is-active .circle-cursor--inner:before {
  opacity: 1;
}

.cursor .circle-cursor--outer {
  display: none;
}

@media all and (min-width: 60em) {
  .cursor .circle-cursor {
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    border-radius: 50%;
  }
  .cursor .circle-cursor--outer {
    display: block;
    width: 6rem;
    height: 6rem;
    border: 1px solid #818181;
    z-index: 500;
    opacity: 1;
  }
  .cursor .circle-cursor--inner {
    opacity: 0;
  }
}

@media all and (min-width: 60em) and (min-width: 60em) {
  .cursor .circle-cursor--inner {
    width: 5px;
    height: 5px;
    left: -2.5px;
    opacity: 1;
    top: -2.5px;
    z-index: 510;
    background: #818181;
  }
  .cursor .circle-cursor--inner:before {
    content: 'VOIR';
    color: #FFF;
    font-size: 2rem;
    font-family: "Gilroy-Light", Arial, Helvetica, sans-serif;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

.floating-CTA {
  background: #000;
  border-radius: 50%;
  -webkit-box-shadow: 0px 2px 5px #666;
          box-shadow: 0px 2px 5px #666;
  bottom: 7rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  height: 4rem;
  width: 4rem;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
  position: fixed;
  right: 2.5rem;
  z-index: 10;
}

@media all and (min-width: 48em) {
  .floating-CTA {
    height: 5.6rem;
    width: 5.6rem;
  }
}

.floating-CTA.active {
  opacity: 1;
}

.floating-CTA .icon-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px 0 0 17px;
  height: 100%;
  width: 100%;
}

.floating-CTA .icon-container:hover {
  -webkit-animation: spin .4s linear 0s 1 alternate;
          animation: spin .4s linear 0s 1 alternate;
}

@media all and (min-width: 48em) {
  .floating-CTA .icon-container {
    padding: 14px 0 0 25px;
  }
}

.floating-CTA .icon-chevron1 {
  color: #FFF;
  font-size: 15px;
  text-align: center;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  display: inline-block;
  text-align: center;
}

@media all and (min-width: 48em) {
  .floating-CTA .icon-chevron1 {
    font-size: 18px;
  }
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.showMore {
  background: #EBE0DE;
  border-radius: 50%;
  height: 20rem;
  width: 20rem;
  -webkit-transition: .2s;
  transition: .2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transition: background 0.3s ease-in, -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: background 0.3s ease-in, -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: background 0.3s ease-in, transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: background 0.3s ease-in, transform 1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}

@media all and (min-width: 48em) {
  .showMore {
    margin: 10rem auto 10rem auto;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
}

@media all and (min-width: 100em) {
  .showMore {
    margin: 10rem auto 27rem auto;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.showMore:before, .showMore:after {
  content: '';
  height: 2.4rem;
  width: 9rem;
  background: #BFA02B;
  position: absolute;
}

.showMore:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.showMore:before {
  left: 50%;
  top: 45%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.showMore:hover {
  background: #F7EBE9;
  -webkit-transform: scale(0.5) rotate(360deg);
          transform: scale(0.5) rotate(360deg);
  -webkit-transition: background 0.3s ease-in, -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: background 0.3s ease-in, -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: background 0.3s ease-in, transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: background 0.3s ease-in, transform 1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}

@media all and (min-width: 48em) {
  .showMore:hover {
    -webkit-transform: scale(0.7) rotate(360deg);
            transform: scale(0.7) rotate(360deg);
  }
}

@media all and (min-width: 100em) {
  .showMore:hover {
    -webkit-transform: scale(1) rotate(360deg);
            transform: scale(1) rotate(360deg);
  }
}

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}

.showMore--loading:after, .showMore--loading:before {
  left: calc(50% - 2.1rem);
  top: calc(50% - 2.1rem);
  width: 4.2rem;
  height: 4.2rem;
  border-radius: 50%;
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
          animation: sk-scaleout 1.0s infinite ease-in-out;
}

#CybotCookiebotDialogPoweredbyLink {
  display: none !important;
}

#CybotCookiebotDialogBodyContentTitle {
  font-family: "Gilroy-Bold", Arial, Helvetica, sans-serif !important;
  font-weight: normal !important;
}

#CybotCookiebotDialogBodyContentText {
  font-family: "Gilroy-Regular", Arial, Helvetica, sans-serif !important;
  font-size: 1.3rem !important;
}

input[type="checkbox"].CybotCookiebotDialogBodyLevelButton:checked + label {
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E %3Cstyle type='text/css'%3E .st0%7Bfill:%233F4DCF;%7D %3C/style%3E %3Cpath class='st0' d='M9,22L-1,11.4l2.8-2.9L8.9,16L22.1,2L25,4.8L9,22z'/%3E %3C/svg%3E") !important;
  height: 10px !important;
  min-height: !important;
}

input[type="checkbox"].CybotCookiebotDialogBodyLevelButton.CybotCookiebotDialogBodyLevelButtonDisabled + label {
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E %3Cstyle type='text/css'%3E .st0%7Bfill:%239D9DA0;%7D %3C/style%3E %3Cpath class='st0' d='M9,22L-1,11.4l2.8-2.9L8.9,16L22.1,2L25,4.8L9,22z'/%3E %3C/svg%3E ") !important;
  height: 10px !important;
  min-height: !important;
}

#CybotCookiebotDialogBodyLevelButtonAccept {
  background-color: #000 !important;
  border: none !important;
  border-radius: 2.3rem;
  line-height: 2rem !important;
}

#CybotCookiebotDialogBodyLevelButtonAccept:hover {
  background-color: #444;
}

.cp-list-posts {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto 2rem;
  -webkit-transition: 1s;
  transition: 1s;
  max-width: calc(100% - 2rem);
}

@media all and (min-width: 48em) {
  .cp-list-posts {
    margin: -1rem auto 5rem;
    width: calc(100% - 4rem);
  }
}

@media all and (min-width: 60em) {
  .cp-list-posts {
    max-width: 100%;
    width: 960px;
  }
}

@media all and (min-width: 100em) {
  .cp-list-posts {
    margin: 0 auto 8rem;
    width: 1300px;
  }
}

@media all and (min-width: 159em) {
  .cp-list-posts {
    max-width: 1900px;
  }
}

.cp-list-posts .grid-sizer,
.cp-list-posts .-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

@media all and (min-width: 48em) {
  .cp-list-posts .grid-sizer,
  .cp-list-posts .-item {
    max-width: calc(50% - 2.2rem);
  }
}

@media all and (min-width: 60em) {
  .cp-list-posts .grid-sizer,
  .cp-list-posts .-item {
    width: calc(33% - 3rem);
  }
}

.cp-list-posts .-item {
  margin-bottom: 4rem;
  background: #FFF;
  border-bottom: 7px solid #F0F0F0;
  vertical-align: top;
  width: 100%;
  opacity: 0;
  -webkit-animation: itemFadeIn 0.4s ease-in forwards;
          animation: itemFadeIn 0.4s ease-in forwards;
}

@media all and (min-width: 48em) {
  .cp-list-posts .-item {
    margin-bottom: 6rem;
    max-width: calc(50% - 2.2rem);
  }
}

@media all and (min-width: 60em) {
  .cp-list-posts .-item {
    margin-bottom: 10rem;
    width: calc(33% - 3rem);
  }
}

@-webkit-keyframes itemFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes itemFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.cp-list-posts .gutter-sizer {
  width: 0;
}

@media all and (min-width: 48em) {
  .cp-list-posts .gutter-sizer {
    width: 4.4rem;
  }
}

@media all and (min-width: 60em) {
  .cp-list-posts .gutter-sizer {
    width: 4.5rem;
  }
}

.cp-list-posts [data-value="2"] {
  margin-top: 20rem;
}

.cp-list-posts [data-value="3"] {
  margin-top: 11.5rem;
}

.cp-list-posts .-img-container {
  background: #000;
  display: block;
  overflow: hidden;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.cp-list-posts .-img-container .img {
  max-width: none;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  width: 100%;
}

.cp-list-posts h2 {
  margin-bottom: 3rem;
}

.cp-list-posts h2 a {
  font-family: "Gilroy-Bold", Arial, Helvetica, sans-serif;
  font-size: 2.4rem;
  color: #000;
  display: block;
  line-height: 3rem;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.cp-list-posts h2 a:hover {
  color: #555;
}

.cp-list-posts h2 a span {
  display: block;
  color: #9a999a;
}

.cp-list-posts .bottom {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.cp-list-posts .-details {
  font-size: 1.8rem;
  line-height: 1;
  -webkit-transform: translateX(-460px);
          transform: translateX(-460px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 100%;
  z-index: 4;
}

.cp-list-posts .-source {
  display: block;
  font-weight: 700;
}

.cp-list-posts .-name {
  display: block;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 100px);
}

.cp-list-posts .-content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 3rem 2rem;
  position: relative;
}

.cp-list-posts p {
  color: #000;
  font-family: roboto;
  font-size: 1.7rem;
  line-height: 1.9rem;
  font-weight: 200;
  font-size: 14px;
  -webkit-text-stroke: 0.3px;
}

.cp-list-posts p a {
  color: #9a999a;
}

.cp-list-posts .-tags {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
  -webkit-text-stroke: 0.3px;
}

.cp-list-posts .-tags li {
  color: #000;
  cursor: pointer;
  font-family: "Gilroy-Medium", Arial, Helvetica, sans-serif;
  font-size: 1.2rem;
  list-style-type: none;
  margin-right: 20px;
  text-transform: uppercase;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  white-space: nowrap;
}

.cp-list-posts .-tags li:before {
  display: none;
}

.cp-list-posts .-tags li:hover {
  background: #f6f6f6;
}

.cp-list-posts .-tags li.actif {
  background: #cacaca;
}

.cp-list-posts i {
  color: #9B9B9B;
  font-size: 2.5rem;
  height: 2.5rem;
}

.cp-list-posts .hidden_item {
  display: none;
}

.contact {
  width: 100%;
}

.contact .intro-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 4.5rem 0;
  text-align: center;
  width: 100%;
}

@media all and (min-width: 30em) {
  .contact .intro-container {
    padding: 11rem 2rem;
  }
}

.contact h1 {
  font-family: "MajestiBanner-Medium", Arial, Helvetica, sans-serif;
  font-size: 6.5rem;
  color: #000;
}

@media all and (min-width: 30em) {
  .contact h1 {
    font-size: 11rem;
  }
}

.contact .intro-desktop {
  font-family: 'Roboto';
  font-weight: 200;
  font-size: 2.3rem;
  line-height: 3.2rem;
  color: #000000;
  margin: 0;
  width: 100%;
}

@media all and (min-width: 30em) {
  .contact .intro-desktop {
    font-size: 3.6rem;
    line-height: 5rem;
  }
}

.contact .links {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 3rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  text-transform: uppercase;
}

@media all and (min-width: 30em) {
  .contact .links {
    padding: 5.8rem 0;
  }
}

.contact .link, .contact h2 {
  color: #000;
  display: block;
  font-family: 'Roboto';
  font-weight: 300;
  font-size: 1.2rem;
  text-align: center;
  text-align: center;
  width: calc(33.3% - 1rem);
}

@media all and (min-width: 30em) {
  .contact .link, .contact h2 {
    font-size: 2.2rem;
    width: calc(33.3% - 9rem);
  }
}

.contact h2 {
  display: block;
}

.contact .icon-container {
  height: 60px;
  width: 100%;
  position: relative;
  margin-bottom: .5rem;
}

@media all and (min-width: 30em) {
  .contact .icon-container {
    height: 150px;
    margin-bottom: 1rem;
  }
}

.contact .-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 50px;
}

@media all and (min-width: 30em) {
  .contact .-icon {
    max-height: 100px;
  }
}

.contact .title {
  width: 100%;
  text-align: center;
  font-family: 'Roboto';
  font-weight: 200;
  -webkit-text-stroke: 0.45px;
}

.contact .icon-sign-up-1 {
  -webkit-transform: translate(-8px, -10px);
          transform: translate(-8px, -10px);
  -webkit-animation: envelopeshadow 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s 1 forwards;
          animation: envelopeshadow 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s 1 forwards;
}

.contact .icon-sign-up-3 {
  -webkit-transform: translate(-2px, 2px);
          transform: translate(-2px, 2px);
  -webkit-animation: lettershadow 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s 1 forwards;
          animation: lettershadow 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s 1 forwards;
}

.contact .icon-plane-2 {
  -webkit-transform: translate(-1px, -11px);
          transform: translate(-1px, -11px);
  -webkit-animation: planeshadow 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s 1 forwards;
          animation: planeshadow 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s 1 forwards;
}

.contact .icon-contact-1 {
  -webkit-animation: bubble-right-reverse .6s linear 1s 1 forwards;
          animation: bubble-right-reverse .6s linear 1s 1 forwards;
}

.contact .icon-contact-3 {
  -webkit-animation: bubble-left-reverse  .6s linear 1s 1 forwards;
          animation: bubble-left-reverse  .6s linear 1s 1 forwards;
}

.contact .icon-contact-2 {
  -webkit-transform: translate(-10%, -11%);
          transform: translate(-10%, -11%);
  opacity: 0;
  -webkit-animation: bubble-text 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.9s 1 forwards, opacity 0.3s linear 0.9s 1 forwards;
          animation: bubble-text 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.9s 1 forwards, opacity 0.3s linear 0.9s 1 forwards;
}

.contact .-follow:hover .icon-sign-up-1 {
  -webkit-animation: envelopeshadow-reverse 1s linear 0s 1 forwards,  hide .3s linear 0s 1 forwards, hide .3s linear 0s 1 forwards;
          animation: envelopeshadow-reverse 1s linear 0s 1 forwards,  hide .3s linear 0s 1 forwards, hide .3s linear 0s 1 forwards;
}

.contact .-join:hover .icon-plane-2 {
  -webkit-animation: planeshadow-reverse 1s linear 0s 1 forwards, hide .3s linear 0s 1 forwards, hide .3s linear 0s 1 forwards;
          animation: planeshadow-reverse 1s linear 0s 1 forwards, hide .3s linear 0s 1 forwards, hide .3s linear 0s 1 forwards;
}

.contact .-contact:hover .icon-contact-1 {
  -webkit-animation: bubble-right-reverse2 .4s linear 0s 1 forwards;
          animation: bubble-right-reverse2 .4s linear 0s 1 forwards;
}

.contact .-contact:hover .icon-contact-3 {
  -webkit-animation: bubble-left-reverse2 .4s linear 0s 1 forwards;
          animation: bubble-left-reverse2 .4s linear 0s 1 forwards;
}

.contact .social-links {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  padding: 2.8rem 0;
}

@media all and (min-width: 30em) {
  .contact .social-links {
    padding: 5.6rem 0;
  }
}

.contact .social-links ul {
  margin: 0 auto;
  padding: 0;
}

.contact .social-links li {
  margin-right: 1.3rem;
  display: inline;
}

@media all and (min-width: 30em) {
  .contact .social-links li {
    margin-right: 3rem;
  }
}

.contact .icon:before {
  color: #9B9B9B;
  font-size: 30px;
  -webkit-transition: .5s;
  transition: .5s;
}

@media all and (min-width: 30em) {
  .contact .icon:before {
    padding: 56px 0;
    font-size: 56px;
  }
}

.contact .icon:before:hover {
  color: #000;
}

.contact .icon:hover:before {
  color: #000;
}

.contact .adresses-container {
  background: #FAFAFA;
}

.contact .addresses {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 13px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 20px;
  padding: 3rem 2rem;
}

@media all and (min-width: 23em) {
  .contact .addresses {
    font-size: 12px;
    padding: 5rem 2rem;
  }
}

@media all and (min-width: 30em) {
  .contact .addresses {
    font-size: 18px;
    line-height: 30px;
    padding: 7.2rem 0;
  }
}

.contact .-item {
  width: calc(50% - 1rem);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.contact .-item:before, .contact .-item:after {
  content: '';
  width: 15px;
  height: 3px;
  background: #1DBE66;
  position: absolute;
  left: 0;
}

@media all and (min-width: 23em) {
  .contact .-item:before, .contact .-item:after {
    background: none;
  }
}

.contact .-item:after {
  bottom: -15px;
}

@media all and (min-width: 23em) {
  .contact .-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media all and (min-width: 48em) {
  .contact .-item {
    width: calc(50% - 6rem);
  }
}

.contact .city {
  font-family: 'Roboto';
  font-weight: 200;
  font-size: 26px;
  color: #000;
  line-height: 55px;
  margin-right: 1.6rem;
  position: relative;
  -webkit-text-stroke: 0.45px;
}

@media all and (min-width: 30em) {
  .contact .city {
    font-size: 48px;
    line-height: 102px;
    margin-right: 9rem;
  }
}

@media all and (min-width: 23em) {
  .contact .city:before, .contact .city:after {
    content: '';
    width: 15px;
    height: 3px;
    background: #1DBE66;
    position: absolute;
    left: 0;
  }
}

@media all and (min-width: 48em) {
  .contact .city:before, .contact .city:after {
    width: 30px;
    height: 6px;
  }
}

.contact .city:after {
  bottom: -4px;
}

@-webkit-keyframes envelopeshadow {
  from {
    -webkit-transform: translate(-8px, -10px);
            transform: translate(-8px, -10px);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes envelopeshadow {
  from {
    -webkit-transform: translate(-8px, -10px);
            transform: translate(-8px, -10px);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}

@-webkit-keyframes envelopeshadow-reverse {
  from {
    -webkit-transform: none;
            transform: none;
  }
  to {
    -webkit-transform: translate(-8px, -10px);
            transform: translate(-8px, -10px);
  }
}

@keyframes envelopeshadow-reverse {
  from {
    -webkit-transform: none;
            transform: none;
  }
  to {
    -webkit-transform: translate(-8px, -10px);
            transform: translate(-8px, -10px);
  }
}

@-webkit-keyframes lettershadow {
  from {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes lettershadow {
  from {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}

@-webkit-keyframes lettershadow-reverse {
  from {
    -webkit-transform: none;
            transform: none;
  }
  to {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
}

@keyframes lettershadow-reverse {
  from {
    -webkit-transform: none;
            transform: none;
  }
  to {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
}

@-webkit-keyframes planeshadow {
  from {
    -webkit-transform: translate(-1px, -11px);
            transform: translate(-1px, -11px);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes planeshadow {
  from {
    -webkit-transform: translate(-1px, -11px);
            transform: translate(-1px, -11px);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}

@-webkit-keyframes planeshadow-reverse {
  from {
    -webkit-transform: none;
            transform: none;
  }
  to {
    -webkit-transform: translate(-1px, -10px);
            transform: translate(-1px, -10px);
  }
}

@keyframes planeshadow-reverse {
  from {
    -webkit-transform: none;
            transform: none;
  }
  to {
    -webkit-transform: translate(-1px, -10px);
            transform: translate(-1px, -10px);
  }
}

@-webkit-keyframes bubble-left {
  from {
    -webkit-transform: translate(-2%, 5%);
            transform: translate(-2%, 5%);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bubble-left {
  from {
    -webkit-transform: translate(-2%, 5%);
            transform: translate(-2%, 5%);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}

@-webkit-keyframes bubble-left-reverse {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes bubble-left-reverse {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-webkit-keyframes bubble-left-reverse2 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes bubble-left-reverse2 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-webkit-keyframes bubble-right {
  from {
    -webkit-transform: translate(-2%, -8%);
            transform: translate(-2%, -8%);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bubble-right {
  from {
    -webkit-transform: translate(-2%, -8%);
            transform: translate(-2%, -8%);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}

@-webkit-keyframes bubble-right-reverse {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes bubble-right-reverse {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-webkit-keyframes bubble-right-reverse2 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes bubble-right-reverse2 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-webkit-keyframes bubble-text {
  from {
    -webkit-transform: translate(-10%, -11%);
            transform: translate(-10%, -11%);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bubble-text {
  from {
    -webkit-transform: translate(-10%, -11%);
            transform: translate(-10%, -11%);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}

@-webkit-keyframes bubble-text-reverse {
  from {
    -webkit-transform: translate(-10%, -11%);
            transform: translate(-10%, -11%);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bubble-text-reverse {
  from {
    -webkit-transform: translate(-10%, -11%);
            transform: translate(-10%, -11%);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}

@-webkit-keyframes opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.cp-case-study {
  color: #000;
  padding-top: 6rem;
}

@media all and (min-width: 48em) {
  .cp-case-study {
    padding-top: 0;
  }
}

.cp-case-study .case-study-banner {
  display: none;
}

@media all and (min-width: 48em) {
  .cp-case-study .case-study-banner {
    background: pink;
    display: block;
    margin-bottom: 5.5rem;
    position: relative;
  }
  .cp-case-study .case-study-banner:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 43.84615385%;
  }
  .cp-case-study .case-study-banner img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    width: 100%;
  }
}

@media all and (min-width: 48em) {
  .cp-case-study .animation-container {
    background: #FFF;
    -webkit-animation: growing .5s ease-in 1s 1 forwards;
            animation: growing .5s ease-in 1s 1 forwards;
    height: 100%;
    right: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
  }
}

@media all and (min-width: 48em) {
  .cp-case-study .secondary-container {
    width: 90%;
    margin: 0 auto;
  }
}

@media all and (min-width: 100em) {
  .cp-case-study .secondary-container {
    width: 85%;
    margin: 0 auto;
  }
}

.cp-case-study h1 {
  font-family: "Gilroy-Extrabold", Arial, Helvetica, sans-serif;
  font-size: 5.5rem;
  color: transparent;
  display: block;
  line-height: 5rem;
  margin-bottom: 1rem;
  width: 100%;
  -webkit-text-stroke: 1px #000;
}

@media all and (min-width: 48em) {
  .cp-case-study h1 {
    font-size: 11rem;
    line-height: 10.2rem;
    margin-bottom: 1rem;
  }
}

@media all and (min-width: 100em) {
  .cp-case-study h1 {
    font-size: 12.7rem;
    line-height: 12.7rem;
    -webkit-text-stroke: 2px #000;
  }
}

.cp-case-study .categories,
.cp-case-study h2 {
  font-family: "Gilroy-Bold", Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  line-height: 2.5rem;
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-transform: lowercase;
}

@media all and (min-width: 48em) {
  .cp-case-study .categories,
  .cp-case-study h2 {
    margin-bottom: 5rem;
  }
}

.cp-case-study .categories h2 span:first-letter {
  text-transform: uppercase;
}

.cp-case-study h3 {
  color: #000000;
  font-family: "Gilroy-Light", Arial, Helvetica, sans-serif;
  font-size: 2rem;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.cp-case-study .awards {
  color: #000;
}

.cp-case-study .awards i {
  margin-right: 5px;
}

.cp-case-study .awards svg {
  width: 12px;
  height: 12px;
  fill: #000;
}

.cp-case-study .intro-container {
  margin-bottom: 5rem;
}

@media all and (min-width: 48em) {
  .cp-case-study .intro-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 13rem;
  }
}

.cp-case-study .intro-container h3 {
  margin: 1rem 0 2.4rem;
}

@media all and (min-width: 48em) {
  .cp-case-study .intro-container h3 {
    margin: 2.4rem 0;
  }
}

@media all and (min-width: 48em) {
  .cp-case-study .expertises {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 25.3rem;
  }
}

.cp-case-study .expertises i {
  width: 52px;
}

.cp-case-study .expertises i.hide-mobile {
  display: none;
}

@media all and (min-width: 48em) {
  .cp-case-study .expertises i.hide-mobile {
    display: block;
  }
}

.cp-case-study .expertises svg {
  width: 30px;
  height: 30px;
}

@media all and (min-width: 30em) {
  .cp-case-study .expertises svg {
    padding-top: 2.4rem;
  }
}

.cp-case-study .expertises .-content {
  width: calc(100% - 55px);
}

.cp-case-study .expertises .sm-bullets p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 1.4rem;
  font-family: "Gilroy-Bold", Arial, Helvetica, sans-serif;
  color: #000;
  text-align: left;
  line-height: 2rem;
}

@media all and (min-width: 30em) {
  .cp-case-study .expertises .sm-bullets p {
    display: block;
  }
}

.cp-case-study .expertises .contact {
  font-family: "Gilroy-Light", Arial, Helvetica, sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
}

.cp-case-study .expertises .contact p:nth-child(2) {
  font-family: "Gilroy-Bold", Arial, Helvetica, sans-serif;
}

.cp-case-study .contact {
  display: none;
}

@media all and (min-width: 48em) {
  .cp-case-study .contact {
    display: block;
  }
}

.cp-case-study .sm-bullets {
  margin-bottom: 0;
}

.cp-case-study .intro i {
  width: 30px;
}

.cp-case-study .intro svg {
  width: 30px;
  max-height: 30px;
}

.cp-case-study .intro p {
  color: #000000;
  font-family: "Gilroy-Light", Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  line-height: 2.4rem;
}

@media all and (min-width: 48em) {
  .cp-case-study .intro p {
    font-size: 2.1rem;
    line-height: 2.9rem;
  }
}

@media all and (min-width: 48em) {
  .cp-case-study .intro {
    width: calc(100% - 32.3rem);
    margin-top: 10rem;
    padding: 3.8rem 0 2rem;
    position: relative;
  }
}

.cp-case-study .screen {
  display: block;
  margin: 0 auto 4rem;
}

@media all and (min-width: 48em) {
  .cp-case-study .screen {
    margin: 0 auto 11.5rem;
  }
}

.cp-case-study .quote-block {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: 100%;
  margin-bottom: 4rem;
}

@media all and (min-width: 60em) {
  .cp-case-study .quote-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.cp-case-study .left {
  width: 100%;
}

@media all and (min-width: 60em) {
  .cp-case-study .left {
    width: 72%;
  }
}

.cp-case-study .right {
  width: 100%;
}

@media all and (min-width: 60em) {
  .cp-case-study .right {
    width: 44%;
    margin-left: -6.5rem;
    position: relative;
    z-index: 10;
  }
}

.cp-case-study .quote-container-top,
.cp-case-study .image-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 2rem;
  width: 100%;
}

@media all and (min-width: 60em) {
  .cp-case-study .quote-container-top,
  .cp-case-study .image-container {
    margin-bottom: 0;
    padding-top: 14rem;
  }
}

.cp-case-study .quote-container-top,
.cp-case-study .image-container-top {
  background: #000;
  padding: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: center;
      align-content: center;
}

@media all and (min-width: 48em) {
  .cp-case-study .quote-container-top,
  .cp-case-study .image-container-top {
    padding: 7rem 10rem;
  }
}

@media all and (min-width: 60em) {
  .cp-case-study .quote-container-top,
  .cp-case-study .image-container-top {
    padding: 5rem 3.5rem;
    top: 0;
    right: 3%;
    margin-bottom: 6rem;
    z-index: 10;
  }
}

@media all and (min-width: 100em) {
  .cp-case-study .quote-container-top,
  .cp-case-study .image-container-top {
    padding: 7rem 6rem;
  }
}

.cp-case-study .quote-container-top p,
.cp-case-study .image-container-top p {
  color: #FFF;
  font-family: "Gilroy-Light", Arial, Helvetica, sans-serif;
  font-size: 1.8rem;
  line-height: 2.9rem;
  margin-bottom: 0;
  text-align: center;
  -ms-flex-item-align: center;
      align-self: center;
}

.cp-case-study .image-container-top {
  padding: 0;
}

.cp-case-study .image-container-top img {
  display: block;
  width: 100%;
}

.cp-case-study .quote-container-bottom {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 2rem;
  width: 100%;
  font-family: "Schneider-Wide-Demi", Arial, Helvetica, sans-serif;
  font-size: 26px;
  line-height: 30px;
  color: #000;
  padding: 6rem 2rem .5rem;
  position: relative;
}

@media all and (min-width: 48em) {
  .cp-case-study .quote-container-bottom {
    font-size: 32px;
    line-height: 35px;
  }
}

@media all and (min-width: 60em) {
  .cp-case-study .quote-container-bottom {
    font-size: 33px;
    line-height: 38px;
    padding: 10rem 5rem 1rem 4rem;
  }
}

@media all and (min-width: 100em) {
  .cp-case-study .quote-container-bottom {
    font-size: 42px;
    line-height: 59px;
    padding: 12rem 6rem 3rem 6rem;
  }
}

.cp-case-study .quote-container-bottom span {
  display: block;
  font-family: "Gilroy-Light", Arial, Helvetica, sans-serif;
  font-size: 18px;
  width: 100%;
  margin-top: .5rem;
  width: calc(100% - 60px);
}

@media all and (min-width: 60em) {
  .cp-case-study .quote-container-bottom span {
    width: calc(100% - 100px);
  }
}

.cp-case-study .quote-container-bottom i {
  position: absolute;
  max-width: 48px;
  max-height: 32px;
}

@media all and (min-width: 48em) {
  .cp-case-study .quote-container-bottom i {
    max-width: 67px;
    max-height: 45px;
  }
}

@media all and (min-width: 60em) {
  .cp-case-study .quote-container-bottom i {
    max-width: 77px;
    max-height: 52px;
  }
}

@media all and (min-width: 100em) {
  .cp-case-study .quote-container-bottom i {
    max-width: 97px;
    max-height: 65px;
  }
}

.cp-case-study .quote-container-bottom i svg {
  width: 100%;
}

.cp-case-study .quote-container-bottom i:first-child {
  top: -40px;
  left: -5px;
}

@media all and (min-width: 48em) {
  .cp-case-study .quote-container-bottom i:first-child {
    top: -10px;
    left: -50px;
  }
}

.cp-case-study .quote-container-bottom i:last-child {
  bottom: 85px;
  right: 5px;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

@media all and (min-width: 48em) {
  .cp-case-study .quote-container-bottom i:last-child {
    right: -40px;
  }
}

@media all and (min-width: 60em) {
  .cp-case-study .quote-container-bottom i:last-child {
    bottom: 60px;
    right: 30px;
  }
}

@media all and (min-width: 100em) {
  .cp-case-study .quote-container-bottom i:last-child {
    right: 0px;
  }
}

.cp-case-study .blockquote {
  display: block;
}

.cp-case-study .image-container img {
  font-family: 'object-fit: cover;';
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
}

.cp-case-study .image-container.-square {
  display: none;
}

@media all and (min-width: 60em) {
  .cp-case-study .image-container.-square {
    display: block;
    width: calc(100% - 6.5rem);
    top: 28rem;
    right: 3%;
    padding-top: 0;
    margin-right: 0;
    margin-left: auto;
  }
  .cp-case-study .image-container.-square:before {
    content: '';
    padding-top: 100%;
  }
  .cp-case-study .image-container.-rectangle {
    width: 100%;
    top: 11.5rem;
    left: 4%;
  }
  .cp-case-study .image-container.-rectangle:before {
    content: '';
    padding-top: 12.15384615%;
  }
}

@media all and (min-width: 100em) {
  .cp-case-study .image-container.-square {
    top: 34rem;
  }
}

.cp-case-study video {
  width: 100%;
  margin-bottom: 3rem;
}

@media all and (min-width: 60em) {
  .cp-case-study video {
    display: block;
    width: 76rem;
    margin: 0 auto 10rem;
  }
}

.cp-case-study video[poster] {
  -o-object-fit: cover;
     object-fit: cover;
}

.cp-case-study video::-webkit-media-controls-enclosure {
  display: -webkit-box !important;
  display: flex !important;
  opacity: 1 !important;
}

.cp-case-study .medias {
  text-align: center;
  width: 100%;
  margin-bottom: 10rem;
}

.cp-case-study .medias h4 {
  font-family: "Gilroy-Bold", Arial, Helvetica, sans-serif;
  font-size: 36px;
  margin: 2.5rem;
}

.cp-case-study .medias p,
.cp-case-study .medias a {
  font-family: "Gilroy-Light", Arial, Helvetica, sans-serif;
  font-size: 21px;
  line-height: 16px;
  margin-bottom: 2rem;
  display: block;
  color: #000;
  text-decoration: none;
}

.cp-case-study .next-project {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  position: relative;
}

@media all and (min-width: 60em) {
  .cp-case-study .next-project {
    height: 44.3rem;
    overflow: hidden;
  }
}

.cp-case-study .next-project .-illust {
  width: 100%;
}

@media all and (min-width: 60em) {
  .cp-case-study .next-project .-illust {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.cp-case-study .next-project img {
  font-family: 'object-fit: cover;';
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
}

.cp-case-study .next-project .-content {
  background: #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  color: #FFF;
  padding: 2.2rem 2.2rem 1.2rem;
  width: 100%;
}

@media all and (min-width: 48em) {
  .cp-case-study .next-project .-content {
    position: absolute;
    top: 0;
    right: 10rem;
    width: 59.4rem;
    z-index: 5;
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
  31% {
    -webkit-transform: translate(-20px, 0);
            transform: translate(-20px, 0);
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
  31% {
    -webkit-transform: translate(-20px, 0);
            transform: translate(-20px, 0);
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.cp-case-study .next-project .-content.arrow-animate i {
  -webkit-animation: fadeInRight 1s;
          animation: fadeInRight 1s;
}

.cp-case-study .next-project .-content .sm-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #1DBE66;
  position: relative;
  overflow: hidden;
}

.cp-case-study .next-project .-content .sm-link_text::before {
  content: attr(data-link-text);
  color: #1DBE66;
  position: absolute;
}

.cp-case-study .next-project .-content .sm-link_text::before,
.cp-case-study .next-project .-content .sm-link_text .sm-link__label {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: cubic-bezier(0.86, 0.6, 0.08, 1.01);
          transition-timing-function: cubic-bezier(0.86, 0.6, 0.08, 1.01);
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
}

.cp-case-study .next-project .-content:hover::before,
.cp-case-study .next-project .-content:hover .sm-link__label {
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
}

.cp-case-study .next-project .-content .updown-animation::before {
  left: 0;
  top: 0;
  -webkit-transform: translate3d(0, 140%, 0);
          transform: translate3d(0, 140%, 0);
}

.cp-case-study .next-project .-content .updown-animation .sm-link__label,
.cp-case-study .next-project .-content:hover .sm-link_text::before {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.cp-case-study .next-project .-content:hover .sm-link__label {
  -webkit-transform: translate3d(0, -140%, 0);
          transform: translate3d(0, -140%, 0);
}

.cp-case-study .next-project .-title {
  font-family: "Gilroy-Medium", Arial, Helvetica, sans-serif;
  font-size: 2.4rem;
  line-height: 2.8rem;
  color: #FFF;
  margin-bottom: 6px;
}

.cp-case-study .next-project .-description {
  font-family: "Gilroy-Regular", Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #FFF;
  margin-bottom: 1rem;
}

.cp-case-study .next-project i {
  display: block;
  width: 8rem;
  height: auto;
}

.cp-case-study .next-project svg {
  fill: #FFF;
  width: 419px;
  height: 32px;
  margin-left: -8px;
  max-width: 100%;
}

.cp-case-study .next {
  color: #1DBE66;
  text-transform: uppercase;
  margin-bottom: 2.5rem;
  font-family: "Gilroy-Bold", Arial, Helvetica, sans-serif;
  font-size: 1.4rem;
}

video::-webkit-media-controls-enclosure {
  opacity: 0;
}

video:hover::-webkit-media-controls-enclosure {
  opacity: 1;
}

@-webkit-keyframes growing {
  from {
    width: 100%;
  }
  to {
    width: 0%;
  }
}

@keyframes growing {
  from {
    width: 100%;
  }
  to {
    width: 0%;
  }
}

.cp-banner-sw {
  height: 90vh;
  position: relative;
  overflow: hidden;
}

@media all and (min-width: 100em) {
  .cp-banner-sw {
    height: 100vh;
  }
}

.cp-banner-sw .animation-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  position: relative;
  width: 100vh;
}

.cp-banner-sw .illust-mobile {
  display: block;
  height: 95%;
  position: absolute;
  top: -1.5rem;
  left: 0;
  width: 100%;
}

@media all and (min-width: 48em) {
  .cp-banner-sw .illust-left,
  .cp-banner-sw .illust-right {
    display: block;
    width: auto;
    position: absolute;
    height: 100%;
  }
}

@media all and (min-width: 100em) {
  .cp-banner-sw .illust-left,
  .cp-banner-sw .illust-right {
    height: 74%;
  }
}

@media all and (min-width: 159em) {
  .cp-banner-sw .illust-left,
  .cp-banner-sw .illust-right {
    height: 98%;
  }
}

@media all and (min-width: 48em) {
  .cp-banner-sw .illust-left {
    left: 0;
    top: 0;
  }
}

@media all and (min-width: 48em) {
  .cp-banner-sw .illust-right {
    bottom: 10rem;
    right: 6.2rem;
  }
}

@media all and (min-width: 100em) {
  .cp-banner-sw .illust-right {
    bottom: 20rem;
  }
}

.cp-banner-sw .green,
.cp-banner-sw .pink {
  height: 100vh;
  position: absolute;
  top: 0;
  overflow: visible;
}

.cp-banner-sw .green {
  top: 0;
  left: 0;
  width: 100vw;
}

.cp-banner-sw .pink {
  left: 0;
  width: 100vw;
}

.cp-banner-sw .blobCont {
  height: 100%;
  position: absolute;
  overflow: visible;
  top: 0;
  left: 0;
  width: 100%;
}

.cp-banner-sw .blob:nth-child(1) {
  -webkit-animation: move1 20s infinite linear;
          animation: move1 20s infinite linear;
}

@-webkit-keyframes move1 {
  from {
    -webkit-transform: rotate(90deg) translate(200px, 0.1px) rotate(-90deg);
            transform: rotate(90deg) translate(200px, 0.1px) rotate(-90deg);
  }
  to {
    -webkit-transform: rotate(450deg) translate(200px, 0.1px) rotate(-450deg);
            transform: rotate(450deg) translate(200px, 0.1px) rotate(-450deg);
  }
}

@keyframes move1 {
  from {
    -webkit-transform: rotate(90deg) translate(200px, 0.1px) rotate(-90deg);
            transform: rotate(90deg) translate(200px, 0.1px) rotate(-90deg);
  }
  to {
    -webkit-transform: rotate(450deg) translate(200px, 0.1px) rotate(-450deg);
            transform: rotate(450deg) translate(200px, 0.1px) rotate(-450deg);
  }
}

.cp-banner-sw .blob:nth-child(2) {
  -webkit-animation: move2 20s infinite linear;
          animation: move2 20s infinite linear;
}

@-webkit-keyframes move2 {
  from {
    -webkit-transform: rotate(180deg) translate(200px, 0.1px) rotate(-180deg);
            transform: rotate(180deg) translate(200px, 0.1px) rotate(-180deg);
  }
  to {
    -webkit-transform: rotate(540deg) translate(200px, 0.1px) rotate(-540deg);
            transform: rotate(540deg) translate(200px, 0.1px) rotate(-540deg);
  }
}

@keyframes move2 {
  from {
    -webkit-transform: rotate(180deg) translate(200px, 0.1px) rotate(-180deg);
            transform: rotate(180deg) translate(200px, 0.1px) rotate(-180deg);
  }
  to {
    -webkit-transform: rotate(540deg) translate(200px, 0.1px) rotate(-540deg);
            transform: rotate(540deg) translate(200px, 0.1px) rotate(-540deg);
  }
}

.cp-banner-sw .blob:nth-child(3) {
  -webkit-animation: move3 20s infinite linear;
          animation: move3 20s infinite linear;
}

@-webkit-keyframes move3 {
  from {
    -webkit-transform: rotate(270deg) translate(200px, 0.1px) rotate(-270deg);
            transform: rotate(270deg) translate(200px, 0.1px) rotate(-270deg);
  }
  to {
    -webkit-transform: rotate(630deg) translate(200px, 0.1px) rotate(-630deg);
            transform: rotate(630deg) translate(200px, 0.1px) rotate(-630deg);
  }
}

@keyframes move3 {
  from {
    -webkit-transform: rotate(270deg) translate(200px, 0.1px) rotate(-270deg);
            transform: rotate(270deg) translate(200px, 0.1px) rotate(-270deg);
  }
  to {
    -webkit-transform: rotate(630deg) translate(200px, 0.1px) rotate(-630deg);
            transform: rotate(630deg) translate(200px, 0.1px) rotate(-630deg);
  }
}

.cp-banner-sw .blob:nth-child(4) {
  -webkit-animation: move4 20s infinite linear;
          animation: move4 20s infinite linear;
}

@-webkit-keyframes move4 {
  from {
    -webkit-transform: rotate(360deg) translate(200px, 0.1px) rotate(-360deg);
            transform: rotate(360deg) translate(200px, 0.1px) rotate(-360deg);
  }
  to {
    -webkit-transform: rotate(720deg) translate(200px, 0.1px) rotate(-720deg);
            transform: rotate(720deg) translate(200px, 0.1px) rotate(-720deg);
  }
}

@keyframes move4 {
  from {
    -webkit-transform: rotate(360deg) translate(200px, 0.1px) rotate(-360deg);
            transform: rotate(360deg) translate(200px, 0.1px) rotate(-360deg);
  }
  to {
    -webkit-transform: rotate(720deg) translate(200px, 0.1px) rotate(-720deg);
            transform: rotate(720deg) translate(200px, 0.1px) rotate(-720deg);
  }
}

.cp-banner-sw .blob:nth-child(5) {
  -webkit-animation: move5 20s infinite linear;
          animation: move5 20s infinite linear;
}

@-webkit-keyframes move5 {
  from {
    -webkit-transform: rotate(450deg) translate(200px, 0.1px) rotate(-450deg);
            transform: rotate(450deg) translate(200px, 0.1px) rotate(-450deg);
  }
  to {
    -webkit-transform: rotate(810deg) translate(200px, 0.1px) rotate(-810deg);
            transform: rotate(810deg) translate(200px, 0.1px) rotate(-810deg);
  }
}

@keyframes move5 {
  from {
    -webkit-transform: rotate(450deg) translate(200px, 0.1px) rotate(-450deg);
            transform: rotate(450deg) translate(200px, 0.1px) rotate(-450deg);
  }
  to {
    -webkit-transform: rotate(810deg) translate(200px, 0.1px) rotate(-810deg);
            transform: rotate(810deg) translate(200px, 0.1px) rotate(-810deg);
  }
}

.cp-banner-sw .blob:nth-child(6) {
  -webkit-animation: move6 20s infinite linear;
          animation: move6 20s infinite linear;
}

@-webkit-keyframes move6 {
  from {
    -webkit-transform: rotate(540deg) translate(200px, 0.1px) rotate(-540deg);
            transform: rotate(540deg) translate(200px, 0.1px) rotate(-540deg);
  }
  to {
    -webkit-transform: rotate(900deg) translate(200px, 0.1px) rotate(-900deg);
            transform: rotate(900deg) translate(200px, 0.1px) rotate(-900deg);
  }
}

@keyframes move6 {
  from {
    -webkit-transform: rotate(540deg) translate(200px, 0.1px) rotate(-540deg);
            transform: rotate(540deg) translate(200px, 0.1px) rotate(-540deg);
  }
  to {
    -webkit-transform: rotate(900deg) translate(200px, 0.1px) rotate(-900deg);
            transform: rotate(900deg) translate(200px, 0.1px) rotate(-900deg);
  }
}

.cp-banner-sw .blob:nth-child(7) {
  -webkit-animation: move7 20s infinite linear;
          animation: move7 20s infinite linear;
}

@-webkit-keyframes move7 {
  from {
    -webkit-transform: rotate(630deg) translate(200px, 0.1px) rotate(-630deg);
            transform: rotate(630deg) translate(200px, 0.1px) rotate(-630deg);
  }
  to {
    -webkit-transform: rotate(990deg) translate(200px, 0.1px) rotate(-990deg);
            transform: rotate(990deg) translate(200px, 0.1px) rotate(-990deg);
  }
}

@keyframes move7 {
  from {
    -webkit-transform: rotate(630deg) translate(200px, 0.1px) rotate(-630deg);
            transform: rotate(630deg) translate(200px, 0.1px) rotate(-630deg);
  }
  to {
    -webkit-transform: rotate(990deg) translate(200px, 0.1px) rotate(-990deg);
            transform: rotate(990deg) translate(200px, 0.1px) rotate(-990deg);
  }
}

.cp-banner-sw .blob:nth-child(8) {
  -webkit-animation: move8 20s infinite linear;
          animation: move8 20s infinite linear;
}

@-webkit-keyframes move8 {
  from {
    -webkit-transform: rotate(720deg) translate(200px, 0.1px) rotate(-720deg);
            transform: rotate(720deg) translate(200px, 0.1px) rotate(-720deg);
  }
  to {
    -webkit-transform: rotate(1080deg) translate(200px, 0.1px) rotate(-1080deg);
            transform: rotate(1080deg) translate(200px, 0.1px) rotate(-1080deg);
  }
}

@keyframes move8 {
  from {
    -webkit-transform: rotate(720deg) translate(200px, 0.1px) rotate(-720deg);
            transform: rotate(720deg) translate(200px, 0.1px) rotate(-720deg);
  }
  to {
    -webkit-transform: rotate(1080deg) translate(200px, 0.1px) rotate(-1080deg);
            transform: rotate(1080deg) translate(200px, 0.1px) rotate(-1080deg);
  }
}

.cp-banner-sw .blob:nth-child(9) {
  -webkit-animation: move9 20s infinite linear;
          animation: move9 20s infinite linear;
}

@-webkit-keyframes move9 {
  from {
    -webkit-transform: rotate(810deg) translate(200px, 0.1px) rotate(-810deg);
            transform: rotate(810deg) translate(200px, 0.1px) rotate(-810deg);
  }
  to {
    -webkit-transform: rotate(1170deg) translate(200px, 0.1px) rotate(-1170deg);
            transform: rotate(1170deg) translate(200px, 0.1px) rotate(-1170deg);
  }
}

@keyframes move9 {
  from {
    -webkit-transform: rotate(810deg) translate(200px, 0.1px) rotate(-810deg);
            transform: rotate(810deg) translate(200px, 0.1px) rotate(-810deg);
  }
  to {
    -webkit-transform: rotate(1170deg) translate(200px, 0.1px) rotate(-1170deg);
            transform: rotate(1170deg) translate(200px, 0.1px) rotate(-1170deg);
  }
}

.cp-banner-sw .blob:nth-child(10) {
  -webkit-animation: move10 20s infinite linear;
          animation: move10 20s infinite linear;
}

@-webkit-keyframes move10 {
  from {
    -webkit-transform: rotate(900deg) translate(200px, 0.1px) rotate(-900deg);
            transform: rotate(900deg) translate(200px, 0.1px) rotate(-900deg);
  }
  to {
    -webkit-transform: rotate(1260deg) translate(200px, 0.1px) rotate(-1260deg);
            transform: rotate(1260deg) translate(200px, 0.1px) rotate(-1260deg);
  }
}

@keyframes move10 {
  from {
    -webkit-transform: rotate(900deg) translate(200px, 0.1px) rotate(-900deg);
            transform: rotate(900deg) translate(200px, 0.1px) rotate(-900deg);
  }
  to {
    -webkit-transform: rotate(1260deg) translate(200px, 0.1px) rotate(-1260deg);
            transform: rotate(1260deg) translate(200px, 0.1px) rotate(-1260deg);
  }
}

.cp-banner-sw .blob:nth-child(11) {
  -webkit-animation: move11 20s infinite linear;
          animation: move11 20s infinite linear;
}

@-webkit-keyframes move11 {
  from {
    -webkit-transform: rotate(990deg) translate(200px, 0.1px) rotate(-990deg);
            transform: rotate(990deg) translate(200px, 0.1px) rotate(-990deg);
  }
  to {
    -webkit-transform: rotate(1350deg) translate(200px, 0.1px) rotate(-1350deg);
            transform: rotate(1350deg) translate(200px, 0.1px) rotate(-1350deg);
  }
}

@keyframes move11 {
  from {
    -webkit-transform: rotate(990deg) translate(200px, 0.1px) rotate(-990deg);
            transform: rotate(990deg) translate(200px, 0.1px) rotate(-990deg);
  }
  to {
    -webkit-transform: rotate(1350deg) translate(200px, 0.1px) rotate(-1350deg);
            transform: rotate(1350deg) translate(200px, 0.1px) rotate(-1350deg);
  }
}

.cp-banner-sw .blob:nth-child(12) {
  -webkit-animation: move12 20s infinite linear;
          animation: move12 20s infinite linear;
}

@-webkit-keyframes move12 {
  from {
    -webkit-transform: rotate(1080deg) translate(200px, 0.1px) rotate(-1080deg);
            transform: rotate(1080deg) translate(200px, 0.1px) rotate(-1080deg);
  }
  to {
    -webkit-transform: rotate(1440deg) translate(200px, 0.1px) rotate(-1440deg);
            transform: rotate(1440deg) translate(200px, 0.1px) rotate(-1440deg);
  }
}

@keyframes move12 {
  from {
    -webkit-transform: rotate(1080deg) translate(200px, 0.1px) rotate(-1080deg);
            transform: rotate(1080deg) translate(200px, 0.1px) rotate(-1080deg);
  }
  to {
    -webkit-transform: rotate(1440deg) translate(200px, 0.1px) rotate(-1440deg);
            transform: rotate(1440deg) translate(200px, 0.1px) rotate(-1440deg);
  }
}

.cp-banner-sw .blob:nth-child(13) {
  -webkit-animation: move13 20s infinite linear;
          animation: move13 20s infinite linear;
}

@-webkit-keyframes move13 {
  from {
    -webkit-transform: rotate(1170deg) translate(200px, 0.1px) rotate(-1170deg);
            transform: rotate(1170deg) translate(200px, 0.1px) rotate(-1170deg);
  }
  to {
    -webkit-transform: rotate(1530deg) translate(200px, 0.1px) rotate(-1530deg);
            transform: rotate(1530deg) translate(200px, 0.1px) rotate(-1530deg);
  }
}

@keyframes move13 {
  from {
    -webkit-transform: rotate(1170deg) translate(200px, 0.1px) rotate(-1170deg);
            transform: rotate(1170deg) translate(200px, 0.1px) rotate(-1170deg);
  }
  to {
    -webkit-transform: rotate(1530deg) translate(200px, 0.1px) rotate(-1530deg);
            transform: rotate(1530deg) translate(200px, 0.1px) rotate(-1530deg);
  }
}

.cp-banner-sw .blob:nth-child(14) {
  -webkit-animation: move14 20s infinite linear;
          animation: move14 20s infinite linear;
}

@-webkit-keyframes move14 {
  from {
    -webkit-transform: rotate(1260deg) translate(200px, 0.1px) rotate(-1260deg);
            transform: rotate(1260deg) translate(200px, 0.1px) rotate(-1260deg);
  }
  to {
    -webkit-transform: rotate(1620deg) translate(200px, 0.1px) rotate(-1620deg);
            transform: rotate(1620deg) translate(200px, 0.1px) rotate(-1620deg);
  }
}

@keyframes move14 {
  from {
    -webkit-transform: rotate(1260deg) translate(200px, 0.1px) rotate(-1260deg);
            transform: rotate(1260deg) translate(200px, 0.1px) rotate(-1260deg);
  }
  to {
    -webkit-transform: rotate(1620deg) translate(200px, 0.1px) rotate(-1620deg);
            transform: rotate(1620deg) translate(200px, 0.1px) rotate(-1620deg);
  }
}

.cp-banner-sw .blob:nth-child(15) {
  -webkit-animation: move15 20s infinite linear;
          animation: move15 20s infinite linear;
}

@-webkit-keyframes move15 {
  from {
    -webkit-transform: rotate(1350deg) translate(200px, 0.1px) rotate(-1350deg);
            transform: rotate(1350deg) translate(200px, 0.1px) rotate(-1350deg);
  }
  to {
    -webkit-transform: rotate(1710deg) translate(200px, 0.1px) rotate(-1710deg);
            transform: rotate(1710deg) translate(200px, 0.1px) rotate(-1710deg);
  }
}

@keyframes move15 {
  from {
    -webkit-transform: rotate(1350deg) translate(200px, 0.1px) rotate(-1350deg);
            transform: rotate(1350deg) translate(200px, 0.1px) rotate(-1350deg);
  }
  to {
    -webkit-transform: rotate(1710deg) translate(200px, 0.1px) rotate(-1710deg);
            transform: rotate(1710deg) translate(200px, 0.1px) rotate(-1710deg);
  }
}

.cp-banner-sw .blob:nth-child(16) {
  -webkit-animation: move16 20s infinite linear;
          animation: move16 20s infinite linear;
}

@-webkit-keyframes move16 {
  from {
    -webkit-transform: rotate(1440deg) translate(200px, 0.1px) rotate(-1440deg);
            transform: rotate(1440deg) translate(200px, 0.1px) rotate(-1440deg);
  }
  to {
    -webkit-transform: rotate(1800deg) translate(200px, 0.1px) rotate(-1800deg);
            transform: rotate(1800deg) translate(200px, 0.1px) rotate(-1800deg);
  }
}

@keyframes move16 {
  from {
    -webkit-transform: rotate(1440deg) translate(200px, 0.1px) rotate(-1440deg);
            transform: rotate(1440deg) translate(200px, 0.1px) rotate(-1440deg);
  }
  to {
    -webkit-transform: rotate(1800deg) translate(200px, 0.1px) rotate(-1800deg);
            transform: rotate(1800deg) translate(200px, 0.1px) rotate(-1800deg);
  }
}

.cp-banner-sw .blob:nth-child(17) {
  -webkit-animation: move17 20s infinite linear;
          animation: move17 20s infinite linear;
}

@-webkit-keyframes move17 {
  from {
    -webkit-transform: rotate(1530deg) translate(200px, 0.1px) rotate(-1530deg);
            transform: rotate(1530deg) translate(200px, 0.1px) rotate(-1530deg);
  }
  to {
    -webkit-transform: rotate(1890deg) translate(200px, 0.1px) rotate(-1890deg);
            transform: rotate(1890deg) translate(200px, 0.1px) rotate(-1890deg);
  }
}

@keyframes move17 {
  from {
    -webkit-transform: rotate(1530deg) translate(200px, 0.1px) rotate(-1530deg);
            transform: rotate(1530deg) translate(200px, 0.1px) rotate(-1530deg);
  }
  to {
    -webkit-transform: rotate(1890deg) translate(200px, 0.1px) rotate(-1890deg);
            transform: rotate(1890deg) translate(200px, 0.1px) rotate(-1890deg);
  }
}

.cp-banner-sw .blob:nth-child(18) {
  -webkit-animation: move18 20s infinite linear;
          animation: move18 20s infinite linear;
}

@-webkit-keyframes move18 {
  from {
    -webkit-transform: rotate(1620deg) translate(200px, 0.1px) rotate(-1620deg);
            transform: rotate(1620deg) translate(200px, 0.1px) rotate(-1620deg);
  }
  to {
    -webkit-transform: rotate(1980deg) translate(200px, 0.1px) rotate(-1980deg);
            transform: rotate(1980deg) translate(200px, 0.1px) rotate(-1980deg);
  }
}

@keyframes move18 {
  from {
    -webkit-transform: rotate(1620deg) translate(200px, 0.1px) rotate(-1620deg);
            transform: rotate(1620deg) translate(200px, 0.1px) rotate(-1620deg);
  }
  to {
    -webkit-transform: rotate(1980deg) translate(200px, 0.1px) rotate(-1980deg);
            transform: rotate(1980deg) translate(200px, 0.1px) rotate(-1980deg);
  }
}

.cp-banner-sw h1 {
  color: #000;
  display: block;
  font-family: "Schneider-Bold", Arial, Helvetica, sans-serif;
  font-size: 6rem;
  letter-spacing: 0.81px;
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}

@media all and (min-width: 48em) {
  .cp-banner-sw h1 {
    font-size: 10rem;
  }
}

@media all and (min-width: 60em) {
  .cp-banner-sw h1 {
    font-size: 14rem;
  }
}

@media all and (min-width: 100em) {
  .cp-banner-sw h1 {
    font-size: 25rem;
  }
}

.cp-banner-sw .white-bubbles {
  bottom: -1rem;
  display: block;
  left: -2rem;
  position: absolute;
  right: -2rem;
  width: 100%;
}

@media all and (min-width: 48em) {
  .cp-banner-sw .white-bubbles {
    -webkit-transform: translateY(40%);
            transform: translateY(40%);
  }
}

@media all and (min-width: 100em) {
  .cp-banner-sw .white-bubbles {
    -webkit-transform: translateY(44%);
            transform: translateY(44%);
  }
}

.cp-filters-sw {
  margin-bottom: 3rem;
}

@media all and (min-width: 48em) {
  .cp-filters-sw {
    width: calc(100% - 4rem);
    margin: 0 auto;
  }
}

@media all and (min-width: 60em) {
  .cp-filters-sw {
    max-width: 100%;
    width: 960px;
    padding: 0;
  }
}

@media all and (min-width: 100em) {
  .cp-filters-sw {
    width: 130rem;
  }
}

@media all and (min-width: 159em) {
  .cp-filters-sw {
    width: 1900px;
  }
}

.cp-filters-sw .-list {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-family: "Gilroy-Light", Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  color: #000;
  height: 4.5rem;
  width: 100%;
  overflow-x: auto;
  padding-left: 3rem;
  position: relative;
  z-index: 1;
}

@media all and (min-width: 48em) {
  .cp-filters-sw .-list {
    -webkit-transform: translateY(4.5rem);
            transform: translateY(4.5rem);
    font-size: 2.1rem;
    height: 9rem;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 0 1.5rem 0 0;
    overflow-x: visible;
  }
  .cp-filters-sw .-list:after {
    display: none;
  }
}

@media all and (min-width: 100em) {
  .cp-filters-sw .-list {
    -webkit-transform: translateY(5.5rem);
            transform: translateY(5.5rem);
  }
}

@media all and (min-width: 159em) {
  .cp-filters-sw .-list {
    -webkit-transform: translateY(5rem);
            transform: translateY(5rem);
  }
}

.cp-filters-sw .is-checked:after {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #FFF;
  position: absolute;
  bottom: 0;
  left: calc(50% - 4px);
}

@media all and (min-width: 48em) {
  .cp-filters-sw .is-checked:after {
    width: 4px;
    height: 4px;
  }
}

.cp-filters-sw .button {
  font-family: "Gilroy-Light", Arial, Helvetica, sans-serif;
  margin-right: 2.7rem;
  line-height: 4.5rem;
  position: relative;
  white-space: nowrap;
  cursor: pointer;
}

.cp-filters-sw .button:last-child {
  margin-right: 6rem;
}

@media all and (min-width: 48em) {
  .cp-filters-sw .button {
    line-height: 9rem;
  }
  .cp-filters-sw .button:last-child {
    margin-right: 0;
  }
  .cp-filters-sw .button:after {
    background: none;
  }
  .cp-filters-sw .button:before {
    content: '';
    height: 1px;
    position: absolute;
    bottom: 3rem;
    width: 0;
    -webkit-transition: .4s;
    transition: .4s;
  }
}

.cp-filters-sw .is-checked {
  font-family: "Gilroy-Bold", Arial, Helvetica, sans-serif;
  color: #1DBE66;
}

.cp-filters-sw .is-checked:after {
  background: #000;
}

@media all and (min-width: 48em) {
  .cp-filters-sw .is-checked:after {
    bottom: 2rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.cp-filters-sw .button:hover:before {
  width: 100%;
}

.cp-tagline {
  height: 52px;
  font-family: roboto;
  font-weight: 300;
  font-size: 15px;
  line-height: 52px;
  color: #000;
  text-align: left;
}

@media all and (min-width: 48em) {
  .cp-tagline {
    font-size: 29px;
    line-height: 45px;
    margin-bottom: 4.5rem;
  }
}

@media all and (min-width: 48em) {
  .cp-legal {
    margin: 29rem 0 20rem;
  }
}

.cp-legal h1,
.cp-legal h2 {
  color: #000;
  margin-bottom: 2rem;
}

@media all and (min-width: 48em) {
  .cp-legal h1,
  .cp-legal h2 {
    margin-bottom: 5rem;
  }
}

.cp-legal h1 {
  font-family: "MajestiBanner-Medium", Arial, Helvetica, sans-serif;
  font-size: 4.8rem;
  text-transform: uppercase;
}

.cp-legal h2 {
  font-size: 3.4rem;
  font-family: 'Roboto';
  font-weight: 200;
  line-height: 3.5rem;
  -webkit-text-stroke: 0.45px;
}

.cp-legal h3 {
  font-size: 2.4rem;
  font-family: 'Roboto';
  font-weight: 400;
  line-height: 2.5rem;
}

.cp-legal .text,
.cp-legal .list-title,
.cp-legal ul {
  color: #000;
  font-size: 18px;
  line-height: 2.9rem;
  margin-bottom: 2rem;
  margin-bottom: 2rem;
  font-family: 'Roboto';
  font-weight: 200;
  -webkit-text-stroke: 0.5px;
}

@media all and (min-width: 48em) {
  .cp-legal .text,
  .cp-legal .list-title,
  .cp-legal ul {
    margin-bottom: 5rem;
  }
}

@media all and (min-width: 100em) {
  .cp-legal .text,
  .cp-legal .list-title,
  .cp-legal ul {
    margin-bottom: 6rem;
  }
}

.cp-legal .list-title {
  margin-bottom: 0;
}

.cp-legal ul {
  padding-left: 1.5rem;
}

.cp-legal li {
  line-height: 3rem;
  list-style: none;
  position: relative;
}

.cp-legal li:before {
  background: #000;
  border-radius: 50%;
  content: '';
  height: 4px;
  left: -1.5rem;
  position: absolute;
  top: 13px;
  width: 4px;
}

.cp-legal a {
  color: #000;
  text-decoration: underline;
}

.cp-hp-banner {
  background: white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 9rem 0 5rem;
  position: relative;
  z-index: 5;
}

@media all and (min-width: 48em) {
  .cp-hp-banner {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 90vh;
    align-items: center;
    align-content: center;
    display: flex;
  }
}

@media all and (min-width: 100em) {
  .cp-hp-banner {
    height: 100vh;
    padding: 0;
  }
}

.cp-hp-banner .teq-container {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  width: calc(100% - 7rem);
}

@media all and (min-width: 30em) {
  .cp-hp-banner .teq-container {
    width: 590px;
  }
}

@media all and (min-width: 48em) {
  .cp-hp-banner .teq-container {
    width: calc(100% - 4rem);
  }
}

@media all and (min-width: 60em) {
  .cp-hp-banner .teq-container {
    max-width: 100%;
    width: 960px;
  }
}

@media all and (min-width: 100em) {
  .cp-hp-banner .teq-container {
    width: 1300px;
  }
}

@media all and (min-width: 159em) {
  .cp-hp-banner .teq-container {
    width: 1900px;
  }
}

.cp-hp-banner h1 {
  color: black;
  display: block;
  font-family: "Schneider-Bold", Arial, Helvetica, sans-serif;
  font-size: 4rem;
  line-height: 4rem;
}

@media all and (min-width: 48em) {
  .cp-hp-banner h1 {
    font-size: 9rem;
    line-height: 9rem;
  }
}

@media all and (min-width: 100em) {
  .cp-hp-banner h1 {
    font-size: 14.5rem;
    line-height: 15.5rem;
  }
}

@media all and (min-width: 159em) {
  .cp-hp-banner h1 {
    font-size: 20rem;
    line-height: 22rem;
  }
}

.cp-hp-banner h1 span.blue {
  color: #414AD0;
}

.cp-hp-banner .teq-symbol {
  z-index: -1;
  opacity: 1;
  width: calc(100% / 12 * 6);
  position: relative;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}

.cp-hp-banner .teq-symbol--hide {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}

@media all and (min-width: 48em) {
  .cp-hp-banner .teq-symbol {
    position: absolute;
    margin-left: 72rem;
    width: calc(100% / 12 * 2);
  }
}

@media all and (min-width: 100em) {
  .cp-hp-banner .teq-symbol {
    margin-left: 72rem;
    margin-top: 18rem;
    width: calc(100% / 12 * 4);
  }
}

@media all and (min-width: 159em) {
  .cp-hp-banner .teq-symbol {
    margin-top: 0rem;
    margin-left: 125rem;
    width: calc(100% / 12 * 4);
  }
}

.cp-hp-work {
  position: relative;
}

.cp-hp-work .progress-bar,
.cp-hp-work .circle {
  display: none;
}

@media all and (min-width: 48em) {
  .cp-hp-work .progress-bar,
  .cp-hp-work .circle {
    display: block;
  }
}

.cp-hp-work .progress-bar {
  display: none;
}

@media all and (min-width: 48em) {
  .cp-hp-work .progress-bar {
    cursor: pointer;
    display: block;
    opacity: 0;
    height: 11.6rem;
    position: fixed;
    -webkit-transition: 1s;
    transition: 1s;
    top: 20vh;
    left: calc(50% - .45em);
    width: .9rem;
    z-index: -1;
  }
}

@media all and (min-width: 100em) {
  .cp-hp-work .progress-bar {
    top: 30vh;
  }
}

.cp-hp-work .progress-bar:before {
  background: #000;
  bottom: 0;
  content: '';
  height: 10rem;
  left: 49%;
  width: 1px;
  position: absolute;
}

.cp-hp-work .progress-bar.scroll-active {
  opacity: 1;
}

.cp-hp-work #js-circle {
  background: #000;
  border-radius: 50%;
  height: .9rem;
  position: absolute;
  top: 0;
  width: .9rem;
}

.cp-hp-work .letter-container {
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 2;
}

@media all and (min-width: 60em) {
  .cp-hp-work .letter-container {
    display: block;
    top: 16rem;
  }
  .cp-hp-work .letter-container.aos-animate {
    position: fixed;
  }
}

@media all and (min-width: 100em) {
  .cp-hp-work .letter-container {
    left: 6.6rem;
  }
}

@media all and (min-width: 60em) {
  .cp-hp-work .icon-a,
  .cp-hp-work .icon-l,
  .cp-hp-work .icon-t {
    cursor: pointer;
    fill: rgba(0, 0, 0, 0);
    overflow: visible;
    position: absolute;
    -webkit-transition: .4s;
    transition: .4s;
  }
}

@media all and (min-width: 60em) {
  .cp-hp-work .icon-a {
    height: 21.5rem;
    left: 0;
    stroke: #EBE0DE;
    stroke-width: 2;
    top: 0;
    width: 21.5rem;
  }
  .cp-hp-work .icon-a:hover {
    fill: #ebe0de;
  }
}

@media all and (min-width: 100em) {
  .cp-hp-work .icon-a {
    height: 43rem;
    width: 43rem;
  }
}

@media all and (min-width: 60em) {
  .cp-hp-work .icon-l,
  .cp-hp-work .icon-t {
    stroke: #85C7A5;
    stroke-width: 2;
  }
  .cp-hp-work .icon-l:hover,
  .cp-hp-work .icon-t:hover {
    fill: #85c7a5;
  }
}

@media all and (min-width: 60em) {
  .cp-hp-work .icon-l {
    height: 5.1rem;
    right: 0;
    top: 24rem;
    width: 21.75rem;
  }
}

@media all and (min-width: 100em) {
  .cp-hp-work .icon-l {
    height: 10.2rem;
    width: 43.6rem;
  }
}

@media all and (min-width: 60em) {
  .cp-hp-work .icon-t {
    height: 29.2rem;
    right: 5rem;
    top: 29.1rem;
    width: 16.75rem;
  }
}

@media all and (min-width: 100em) {
  .cp-hp-work .icon-t {
    height: 58.3rem;
    right: 10.3rem;
    top: 34.2rem;
    width: 33.1rem;
  }
}

.cp-hp-work .teq-container {
  margin-top: 2rem;
  position: relative;
}

.cp-hp-work .teq-container .projects-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cp-hp-work .teq-container .projects-list--mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media all and (min-width: 48em) {
  .cp-hp-work .teq-container .projects-list--mobile {
    display: none;
  }
}

.cp-hp-work .teq-container .projects-list--medium-up {
  display: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media all and (min-width: 48em) {
  .cp-hp-work .teq-container .projects-list--medium-up {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.cp-hp-work .teq-container .projects-list__left {
  padding: 0 50px 0 20px;
}

.cp-hp-work .teq-container .projects-list__left .grid__item:nth-child(1) {
  margin-top: 10rem;
}

.cp-hp-work .teq-container .projects-list__right {
  padding: 0 20px 0 50px;
}

.cp-hp-work .grid__item {
  margin-bottom: 5rem;
  width: 100%;
}

@media all and (min-width: 48em) {
  .cp-hp-work .grid__item {
    margin-bottom: 10rem;
    display: inline-block;
  }
}

.cp-hp-work .image-container {
  margin-bottom: 2rem;
  overflow: hidden;
}

@media all and (min-width: 48em) {
  .cp-hp-work .image-container {
    margin-bottom: 2.5rem;
  }
}

.cp-hp-work .illust {
  display: block;
  height: auto;
  width: 100%;
}

.cp-hp-work .content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cp-hp-work .title {
  font-family: "Gilroy-Light", Arial, Helvetica, sans-serif;
  font-size: 2.5rem;
  font-weight: normal;
  color: #000;
  letter-spacing: 0.19px;
  line-height: 3.2rem;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}

@media all and (min-width: 48em) {
  .cp-hp-work .title {
    font-size: 3rem;
  }
}

@media all and (min-width: 100em) {
  .cp-hp-work .title {
    font-size: 3.5rem;
  }
}

.cp-hp-work .subtitle {
  font-family: "Gilroy-Extrabold", Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  color: #000;
  letter-spacing: 0.19px;
  line-height: 3rem;
  text-align: center;
}

.cp-about-banner {
  background: #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 4rem;
  overflow: hidden;
  padding: 8rem 0 6rem;
  position: relative;
  width: 100%;
}

@media all and (min-width: 48em) {
  .cp-about-banner {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 90vh;
    margin-bottom: 7rem;
    padding: 0;
  }
}

@media all and (min-width: 100em) {
  .cp-about-banner {
    height: 100vh;
    margin-bottom: 14.5rem;
  }
}

.cp-about-banner .teq-container {
  position: relative;
  padding-right: 10%;
}

@media all and (min-width: 48em) {
  .cp-about-banner .teq-container {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 20%;
  }
}

@media all and (min-width: 60em) {
  .cp-about-banner .teq-container {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 10%;
  }
}

.cp-about-banner h1 {
  color: #FFF;
  font-family: "Schneider-Bold", Arial, Helvetica, sans-serif;
  font-size: 3.9rem;
  line-height: 4rem;
}

@media all and (min-width: 48em) {
  .cp-about-banner h1 {
    font-size: 9rem;
    line-height: 9rem;
  }
}

@media all and (min-width: 100em) {
  .cp-about-banner h1 {
    font-size: 14.5rem;
    line-height: 15.5rem;
    padding: 0;
  }
}

@media all and (min-width: 159em) {
  .cp-about-banner h1 {
    font-size: 20rem;
    line-height: 22rem;
  }
}

.cp-about-banner h1 span.yellow {
  color: #EAD234;
}

.cp-about-intro {
  margin-bottom: 4rem;
}

@media all and (min-width: 48em) {
  .cp-about-intro {
    margin-bottom: 22rem;
  }
}

@media all and (min-width: 100em) {
  .cp-about-intro {
    margin-bottom: 30rem;
  }
}

@media all and (min-width: 159em) {
  .cp-about-intro {
    margin-bottom: 34rem;
  }
}

.cp-about-intro .title {
  color: #000;
  font-family: "Gilroy-Light", Arial, Helvetica, sans-serif;
  font-size: 1.9rem;
  letter-spacing: 1.13px;
  line-height: 3rem;
  margin-bottom: 1rem;
  width: 100%;
}

@media all and (min-width: 48em) {
  .cp-about-intro .title {
    font-size: 3.4rem;
    line-height: 4rem;
    margin-bottom: 8.5rem;
    text-align: center;
    width: 100%;
  }
}

@media all and (min-width: 159em) {
  .cp-about-intro .title {
    margin-bottom: 15rem;
  }
}

@media all and (min-width: 48em) {
  .cp-about-intro .flex-container {
    margin-bottom: 4rem;
  }
}

@media all and (min-width: 60em) {
  .cp-about-intro .flex-container {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-bottom: 0;
  }
}

@media all and (min-width: 60em) {
  .cp-about-intro .column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-left: 18.5rem;
    width: 50%;
  }
}

.cp-about-intro .percentage-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 1rem;
  max-height: 11.5rem;
}

@media all and (min-width: 48em) {
  .cp-about-intro .percentage-container {
    margin-left: 0;
    max-height: 20rem;
  }
}

.cp-about-intro .number {
  color: #171717;
  font-family: "Schneider-Wide-Demi", Arial, Helvetica, sans-serif;
  font-size: 10rem;
  line-height: 10rem;
  margin: 0 1rem 0 0;
  position: relative;
}

@media all and (min-width: 48em) {
  .cp-about-intro .number {
    font-size: 16rem;
    line-height: 16rem;
    margin: 0 4rem 0 0;
  }
}

@media all and (min-width: 100em) {
  .cp-about-intro .number {
    font-size: 20rem;
    line-height: 20rem;
    margin: 0 6rem 0 0;
  }
}

@media all and (min-width: 159em) {
  .cp-about-intro .number {
    width: 100%;
  }
}

.cp-about-intro .circle {
  border-radius: 50%;
  height: 6rem;
  width: 6rem;
}

@media all and (min-width: 48em) {
  .cp-about-intro .circle {
    height: 9rem;
    width: 9rem;
  }
}

.cp-about-intro .circle.-one {
  background: #EAD234;
  opacity: 0;
  -webkit-transform: translate(-25%, -25%);
          transform: translate(-25%, -25%);
}

.cp-about-intro .circle.-two {
  background: #DDC0C4;
  opacity: 0;
  -webkit-transform: translate(75%, -25%);
          transform: translate(75%, -25%);
}

.cp-about-intro .circles {
  height: 11.5rem;
  overflow: visible;
  position: relative;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  width: 8rem;
}

@media all and (min-width: 23em) {
  .cp-about-intro .circles {
    height: 13.6rem;
    left: 0;
    width: 13.6rem;
  }
}

@media all and (min-width: 48em) {
  .cp-about-intro .circles {
    top: 0;
  }
}

@media all and (min-width: 60em) {
  .cp-about-intro .circles {
    top: 1.6rem;
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
  }
}

@media all and (min-width: 159em) {
  .cp-about-intro .circles {
    top: 3rem;
    left: -5rem;
  }
}

.cp-about-intro .circles.aos-animate .line {
  -webkit-animation: grow .4s linear 1.6s 1 forwards;
          animation: grow .4s linear 1.6s 1 forwards;
  width: 1px;
}

.cp-about-intro .circles.aos-animate .circle.-one {
  -webkit-animation: slide-down 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s 1 forwards, circle-opacity 0.2s linear 1s 1 forwards;
          animation: slide-down 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s 1 forwards, circle-opacity 0.2s linear 1s 1 forwards;
}

.cp-about-intro .circles.aos-animate .circle.-two {
  -webkit-animation: slide-up 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s 1 forwards, circle-opacity 0.2s linear 1s 1 forwards;
          animation: slide-up 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s 1 forwards, circle-opacity 0.2s linear 1s 1 forwards;
}

.cp-about-intro .circles.aos-animate .black_shape {
  -webkit-animation: opacity 1s linear 1.6s 1 forwards;
          animation: opacity 1s linear 1.6s 1 forwards;
}

.cp-about-intro .line-container {
  height: 8rem;
  position: absolute;
  left: 50%;
  top: 20%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 7rem;
}

@media all and (min-width: 48em) {
  .cp-about-intro .line-container {
    height: 15rem;
    left: 93%;
    top: 37%;
    width: 15rem;
  }
}

@media all and (min-width: 60em) {
  .cp-about-intro .line-container {
    height: 21rem;
    left: 59%;
    top: 42%;
    width: 21rem;
  }
}

@media all and (min-width: 159em) {
  .cp-about-intro .line-container {
    left: 80%;
  }
}

.cp-about-intro .line {
  height: 1px;
  background: #000;
  right: 7%;
  position: absolute;
  top: 7%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: top right;
          transform-origin: top right;
  width: 0;
}

@media all and (min-width: 60em) {
  .cp-about-intro .line {
    right: 8%;
  }
}

@media all and (min-width: 159em) {
  .cp-about-intro .line {
    right: 7%;
  }
}

.cp-about-intro .black_shape {
  left: 17%;
  position: absolute;
  top: 16%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transform: scale(0.65);
          transform: scale(0.65);
}

@media all and (min-width: 48em) {
  .cp-about-intro .black_shape {
    left: 50%;
    top: 33%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@media all and (min-width: 60em) {
  .cp-about-intro .black_shape {
    left: 51%;
    top: 49%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@media all and (min-width: 159em) {
  .cp-about-intro .black_shape {
    left: 70%;
  }
}

.cp-about-intro .independant {
  margin: 0 0 2rem 1rem;
  max-width: 90%;
}

@media all and (min-width: 48em) {
  .cp-about-intro .independant {
    margin: 0 0 2.6rem 0;
    padding-top: 1.5rem;
  }
}

@media all and (min-width: 159em) {
  .cp-about-intro .independant {
    margin-bottom: 5rem;
    padding-top: 3rem;
  }
}

.cp-about-intro .text {
  color: #000;
  font-family: "Gilroy-Light", Arial, Helvetica, sans-serif;
  font-size: 1.8rem;
  letter-spacing: 0.67px;
  line-height: 3.3rem;
  margin-bottom: 2rem;
}

@media all and (min-width: 100em) {
  .cp-about-intro .text {
    font-size: 2.4rem;
    line-height: 4.4rem;
  }
}

@media all and (min-width: 159em) {
  .cp-about-intro .text {
    font-size: 2.4rem;
    line-height: 3.6rem;
    max-width: 70rem;
  }
}

.cp-about-intro strong {
  font-family: "Gilroy-Medium", Arial, Helvetica, sans-serif;
}

.cp-about-intro .illust {
  display: none;
}

@media all and (min-width: 48em) {
  .cp-about-intro .illust {
    display: block;
    height: 21.7rem;
    position: relative;
    -webkit-transition: 2s;
    transition: 2s;
    width: calc(100% / 12 * 5);
  }
}

@media all and (min-width: 60em) {
  .cp-about-intro .illust {
    height: 31rem;
    margin-top: -40rem;
  }
}

@media all and (min-width: 159em) {
  .cp-about-intro .illust {
    margin-top: -35rem;
  }
}

.cp-about-intro .illust img {
  display: block;
  max-height: 100%;
  width: 100%;
}

@media all and (min-width: 48em) {
  .cp-about-intro .illust img {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform-origin: top right;
            transform-origin: top right;
    width: 25rem;
  }
}

@media all and (min-width: 60em) {
  .cp-about-intro .illust img {
    width: 36rem;
  }
}

@-webkit-keyframes slide-down {
  from {
    -webkit-transform: translate(-25%, -25%);
            transform: translate(-25%, -25%);
  }
  to {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
}

@keyframes slide-down {
  from {
    -webkit-transform: translate(-25%, -25%);
            transform: translate(-25%, -25%);
  }
  to {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
}

@-webkit-keyframes slide-up {
  from {
    -webkit-transform: translate(75%, -25%);
            transform: translate(75%, -25%);
  }
  to {
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
  }
}

@keyframes slide-up {
  from {
    -webkit-transform: translate(75%, -25%);
            transform: translate(75%, -25%);
  }
  to {
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
  }
}

@keyframes opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes circle-opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: .9;
  }
}

@keyframes circle-opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: .9;
  }
}

@-webkit-keyframes grow {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

@keyframes grow {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

.cp-about-quote {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 4rem;
  overflow: hidden;
  position: relative;
}

@media all and (min-width: 48em) {
  .cp-about-quote {
    margin-bottom: 7rem;
    height: 70rem;
  }
}

@media all and (min-width: 100em) {
  .cp-about-quote {
    height: 90vh;
    margin-bottom: 14.5rem;
  }
}

@media all and (min-width: 159em) {
  .cp-about-quote {
    height: 100rem;
  }
}

.cp-about-quote .illust {
  left: 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

@media all and (min-width: 159em) {
  .cp-about-quote .illust {
    height: 100rem;
  }
}

.cp-about-quote .teq-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cp-about-quote .icon-quote {
  fill: #AEC3B8;
  height: 5rem;
  width: 7.5rem;
  margin-bottom: 1.6rem;
}

@media all and (min-width: 48em) {
  .cp-about-quote .icon-quote {
    height: 6.8rem;
    width: 10.2rem;
    margin-bottom: 1.6rem;
  }
}

@media all and (min-width: 100em) {
  .cp-about-quote .icon-quote {
    height: 10.2rem;
    width: 15.2rem;
  }
}

.cp-about-quote .text {
  font-family: "Schneider-Bold", Arial, Helvetica, sans-serif;
  font-size: 3.5rem;
  color: #FFF;
  letter-spacing: 2.25px;
  line-height: 3.5rem;
  text-align: center;
}

@media all and (min-width: 48em) {
  .cp-about-quote .text {
    font-size: 7rem;
    line-height: 8rem;
  }
}

@media all and (min-width: 100em) {
  .cp-about-quote .text {
    font-size: 9rem;
    line-height: 10rem;
  }
}

@media all and (min-width: 159em) {
  .cp-about-quote .text {
    font-size: 14rem;
    line-height: 14rem;
    max-width: 140rem;
  }
}

.cp-about-quote .container {
  height: 100%;
  width: 100%;
}

@media all and (min-width: 100em) {
  .cp-about-quote .container {
    height: 70rem;
  }
}

@media all and (min-width: 100em) {
  .cp-about-quote .container {
    height: 90vh;
  }
}

@media all and (min-width: 159em) {
  .cp-about-quote .container {
    height: 100rem;
  }
}

.cp-about-quote .image {
  background: white;
  height: 100%;
  overflow: hidden;
  width: 100%;
}

@media all and (min-width: 100em) {
  .cp-about-quote .image {
    height: 90vh;
  }
}

@media all and (min-width: 159em) {
  .cp-about-quote .image {
    height: 100rem;
  }
}

.cp-about-quote .image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.cp-about-digital {
  margin-bottom: 4rem;
  max-width: 100%;
  overflow: hidden;
}

@media all and (min-width: 48em) {
  .cp-about-digital {
    margin-bottom: 7rem;
  }
}

@media all and (min-width: 100em) {
  .cp-about-digital {
    margin-bottom: 14.5rem;
  }
}

@media all and (min-width: 159em) {
  .cp-about-digital {
    margin-bottom: 47.5rem;
  }
}

.cp-about-digital .sub-title {
  font-family: "Gilroy-Light", Arial, Helvetica, sans-serif;
  font-size: 2rem;
  color: #000;
  letter-spacing: 1.13px;
}

@media all and (min-width: 48em) {
  .cp-about-digital .sub-title {
    font-size: 2.8rem;
    text-align: center;
  }
}

@media all and (min-width: 100em) {
  .cp-about-digital .sub-title {
    font-size: 3.4rem;
  }
}

.cp-about-digital .title {
  font-family: "Gilroy-Extrabold", Arial, Helvetica, sans-serif;
  font-size: 8rem;
  color: #EAD234;
  line-height: 7rem;
  margin: 1.5rem 0;
}

@media all and (min-width: 48em) {
  .cp-about-digital .title {
    font-size: 10rem;
    line-height: 10rem;
    margin: 2rem;
    text-align: center;
  }
}

@media all and (min-width: 60em) {
  .cp-about-digital .title {
    font-size: 10rem;
    line-height: 10rem;
  }
}

@media all and (min-width: 100em) {
  .cp-about-digital .title {
    font-size: 12rem;
    line-height: 12rem;
    margin: 1.5rem 0 8rem;
  }
}

.cp-about-digital .text {
  color: #000;
  font-family: "Gilroy-Light", Arial, Helvetica, sans-serif;
  font-size: 1.8rem;
  letter-spacing: 0.8px;
  line-height: 3.3rem;
  margin-bottom: 2rem;
  width: 100%;
}

@media all and (min-width: 48em) {
  .cp-about-digital .text {
    font-size: 2.4rem;
    line-height: 3.5rem;
    margin-bottom: 9rem;
    text-align: center;
  }
}

@media all and (min-width: 100em) {
  .cp-about-digital .text {
    margin-bottom: 9rem;
  }
}

@media all and (min-width: 100em) {
  .cp-about-digital .text {
    margin: 0 auto 9rem;
    width: 70%;
  }
}

.cp-about-digital .image-container {
  position: relative;
  width: 100%;
}

@media all and (min-width: 48em) {
  .cp-about-digital .image-container {
    padding-bottom: 38%;
  }
}

@media all and (min-width: 100em) {
  .cp-about-digital .image-container {
    padding-bottom: 70%;
  }
}

.cp-about-digital img {
  display: block;
  height: auto;
  width: 100%;
}

.cp-about-digital .block-one {
  display: none;
}

@media all and (min-width: 48em) {
  .cp-about-digital .block-one {
    display: block;
    width: calc(100% / 10 * 6);
  }
}

.cp-about-digital .block-two {
  margin-bottom: 2rem;
  overflow: hidden;
  width: 100%;
}

@media all and (min-width: 48em) {
  .cp-about-digital .block-two {
    margin-bottom: none;
    position: absolute;
    right: 0;
    top: 40%;
    width: calc(100% / 10 * 5);
  }
}

@media all and (min-width: 100em) {
  .cp-about-digital .block-two {
    top: 56%;
  }
}

.cp-about-digital .circles {
  display: none;
}

@media all and (min-width: 48em) {
  .cp-about-digital .circles {
    display: block;
    height: 17.45rem;
    bottom: 8.5rem;
    left: calc(50% - 9rem);
    position: absolute;
    width: 18.05rem;
  }
}

@media all and (min-width: 60em) {
  .cp-about-digital .circles {
    height: 24.43rem;
    bottom: 5.2rem;
    left: calc(50% - 13rem);
    position: absolute;
    width: 25.27rem;
  }
}

@media all and (min-width: 100em) {
  .cp-about-digital .circles {
    bottom: 0;
    height: 34.9rem;
    left: calc(50% - 18.5rem);
    width: 36.1rem;
  }
}

@media all and (min-width: 159em) {
  .cp-about-digital .circles {
    height: 34.9rem;
    left: calc(50% - 18.5rem);
    width: 36.1rem;
  }
}

.cp-about-rec {
  margin-bottom: 4rem;
  overflow: hidden;
}

@media all and (min-width: 48em) {
  .cp-about-rec {
    margin-bottom: 7rem;
  }
}

@media all and (min-width: 100em) {
  .cp-about-rec {
    margin-bottom: 14.5rem;
  }
}

@media all and (min-width: 159em) {
  .cp-about-rec {
    margin-bottom: 0;
  }
}

@media all and (min-width: 48em) {
  .cp-about-rec .teq-container {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 4rem;
    position: relative;
  }
}

.cp-about-rec .sub-title {
  font-family: "Gilroy-Light", Arial, Helvetica, sans-serif;
  font-size: 1.8rem;
  color: #000;
  letter-spacing: 1.13px;
}

@media all and (min-width: 48em) {
  .cp-about-rec .sub-title {
    font-size: 3.4rem;
    line-height: 6.1rem;
  }
}

.cp-about-rec .title {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Gilroy-Extrabold", Arial, Helvetica, sans-serif;
  font-size: 5rem;
  color: #000000;
  display: block;
  letter-spacing: 1.13px;
  line-height: 6rem;
  margin-bottom: 4rem;
  position: relative;
  overflow: hidden;
  width: 100%;
}

@media all and (min-width: 48em) {
  .cp-about-rec .title {
    font-size: 7rem;
    line-height: 7rem;
    margin-bottom: 5rem;
    overflow: visible;
  }
}

@media all and (min-width: 100em) {
  .cp-about-rec .title {
    margin-bottom: 6.5rem;
  }
}

@media all and (min-width: 159em) {
  .cp-about-rec .title {
    font-size: 12rem;
    line-height: 12rem;
    margin-bottom: 9rem;
  }
}

.cp-about-rec .term {
  font-family: "Gilroy-Regular", Arial, Helvetica, sans-serif;
  font-size: 2rem;
  color: #414AD0;
  letter-spacing: 1.44px;
  margin-bottom: 1.5rem;
  padding-top: 4.5rem;
  pointer-events: none;
}

@media all and (min-width: 48em) {
  .cp-about-rec .term {
    font-size: 3.6rem;
    padding-top: 6rem;
  }
}

@media all and (min-width: 100em) {
  .cp-about-rec .term {
    padding-top: 8.5rem;
  }
}

@media all and (min-width: 159em) {
  .cp-about-rec .term {
    padding-top: 10rem;
  }
}

.cp-about-rec .term.aos-animate:before {
  -webkit-animation: grow 0.8s linear 1.9s 1 forwards;
          animation: grow 0.8s linear 1.9s 1 forwards;
  background: #000;
  top: 0;
  content: '';
  height: 0.1rem;
  left: 0;
  position: absolute;
  width: 0.1rem;
}

@media all and (min-width: 48em) {
  .cp-about-rec .term.aos-animate:before {
    left: -4rem;
  }
}

.cp-about-rec .text {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #000;
  display: block;
  font-family: georgia, sans-serif, "Schneider-Bold", Arial, Helvetica, sans-serif;
  font-size: 1.8rem;
  letter-spacing: 1.8px;
  line-height: 3.3rem;
  overflow: hidden;
  padding-bottom: 4rem;
  pointer-events: none;
  position: relative;
  width: 100%;
}

@media all and (min-width: 48em) {
  .cp-about-rec .text {
    font-family: "Schneider-Bold", Arial, Helvetica, sans-serif;
    font-size: 4.5rem;
    line-height: 6.5rem;
    overflow: visible;
    padding-bottom: 7rem;
  }
}

@media all and (min-width: 100em) {
  .cp-about-rec .text {
    padding-bottom: 10rem;
  }
}

@media all and (min-width: 159em) {
  .cp-about-rec .text {
    font-family: "Schneider-Bold", Arial, Helvetica, sans-serif;
    font-size: 6.2rem;
    line-height: 9.5rem;
    padding-bottom: 13rem;
  }
}

.cp-about-rec .text.aos-animate:before {
  -webkit-animation: grow 0.8s linear 1.9s 1 forwards;
          animation: grow 0.8s linear 1.9s 1 forwards;
  background: #000;
  bottom: 0;
  content: '';
  height: 0.1rem;
  position: absolute;
  right: 0;
  width: 0.1rem;
}

@media all and (min-width: 48em) {
  .cp-about-rec .text.aos-animate:before {
    right: -4rem;
  }
}

.cp-about-rec .defintion-container {
  overflow: hidden;
  position: relative;
  width: 100%;
}

@media all and (min-width: 159em) {
  .cp-about-rec .defintion-container {
    height: 80rem;
    margin-bottom: 10rem;
  }
}

.cp-about-rec .canvas-container {
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60rem;
  width: 100%;
  position: absolute;
}

@media all and (min-width: 159em) {
  .cp-about-rec .canvas-container {
    height: 80rem;
  }
}

.cp-about-rec #canvas {
  background-color: #FFF;
}

@keyframes grow {
  from {
    width: 1px;
  }
  to {
    width: calc(100% + 8rem);
  }
}

.cp-about-collab {
  margin-bottom: 4rem;
  overflow: hidden;
  position: relative;
}

.cp-about-collab .illust-main {
  margin-bottom: 2rem;
  max-width: 100%;
  overflow: hidden;
}

@media all and (min-width: 60em) {
  .cp-about-collab .illust-main {
    left: 0;
    max-width: 120rem;
    position: absolute;
    top: 12rem;
    width: calc(100% / 12 * 6.25);
  }
}

.cp-about-collab img {
  display: block;
  width: 100%;
  height: auto;
}

.cp-about-collab .teq-container {
  margin-bottom: 7rem;
}

@media all and (min-width: 48em) {
  .cp-about-collab .teq-container {
    margin-bottom: 15rem;
  }
}

@media all and (min-width: 100em) {
  .cp-about-collab .teq-container {
    margin-bottom: 10vw;
  }
}

@media all and (min-width: 60em) {
  .cp-about-collab .content {
    margin: 0 0 10rem auto;
    width: calc(100% / 12 * 4.5);
  }
}

@media all and (min-width: 159em) {
  .cp-about-collab .content {
    margin: 0 0 22rem auto;
  }
}

.cp-about-collab .title {
  color: #000;
  font-family: "Gilroy-Extrabold", Arial, Helvetica, sans-serif;
  font-size: 3.5rem;
  letter-spacing: 0.8px;
  line-height: 3.5rem;
}

@media all and (min-width: 48em) {
  .cp-about-collab .title {
    font-size: 5.5rem;
    letter-spacing: 0.2px;
    line-height: 5.5rem;
    margin-bottom: 4.4rem;
  }
}

@media all and (min-width: 100em) {
  .cp-about-collab .title {
    font-size: 7rem;
    line-height: 7rem;
  }
}

@media all and (min-width: 159em) {
  .cp-about-collab .title {
    font-size: 12rem;
    line-height: 12rem;
  }
}

.cp-about-collab .title span {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #000;
}

@media all and (min-width: 48em) {
  .cp-about-collab .title span {
    font-size: 6.5rem;
  }
}

@media all and (min-width: 100em) {
  .cp-about-collab .title span {
    font-size: 7rem;
    line-height: 7rem;
  }
}

@media all and (min-width: 159em) {
  .cp-about-collab .title span {
    font-size: 14rem;
    line-height: 13rem;
  }
}

.cp-about-collab .text,
.cp-about-collab .question {
  color: #000;
  font-family: "Gilroy-Light", Arial, Helvetica, sans-serif;
  font-size: 1.8rem;
  letter-spacing: 0.8px;
  line-height: 3.3rem;
}

@media all and (min-width: 48em) {
  .cp-about-collab .text,
  .cp-about-collab .question {
    font-size: 2.4rem;
    line-height: 3.5rem;
  }
}

@media all and (min-width: 159em) {
  .cp-about-collab .text {
    margin-bottom: 6rem;
  }
}

.cp-about-collab .question {
  margin-bottom: 4rem;
}

.cp-about-collab .question a {
  color: #C09F2E;
  display: block;
  font-family: "Gilroy-Bold", Arial, Helvetica, sans-serif;
  -webkit-transition: color 0.3s ease-in;
  transition: color 0.3s ease-in;
}

.cp-about-collab .question a:hover {
  -webkit-transition: color 0.3s ease-in;
  transition: color 0.3s ease-in;
  color: #EAD234;
}

@media all and (min-width: 60em) {
  .cp-about-collab .question {
    margin-bottom: 9rem;
  }
}

@media all and (min-width: 159em) {
  .cp-about-collab .question {
    margin-bottom: 20rem;
  }
}

.cp-about-collab .illust-secondary {
  display: none;
}

@media all and (min-width: 60em) {
  .cp-about-collab .illust-secondary {
    display: block;
    max-width: 30.4rem;
  }
}

.cp-about-collab .wave {
  display: block;
  width: 100%;
}

.cp-about-data {
  margin-bottom: 4rem;
  overflow: hidden;
}

@media all and (min-width: 48em) {
  .cp-about-data {
    margin-bottom: 6rem;
  }
}

@media all and (min-width: 100em) {
  .cp-about-data {
    margin-bottom: 9rem;
  }
}

@media all and (min-width: 60em) {
  .cp-about-data .flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 4.7rem;
  }
}

@media all and (min-width: 100em) {
  .cp-about-data .flex-container {
    margin-bottom: 9rem;
  }
}

@media all and (min-width: 100em) {
  .cp-about-data .flex-container {
    margin-bottom: 9rem;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}

@media all and (min-width: 159em) {
  .cp-about-data .flex-container {
    margin-bottom: 18rem;
  }
}

.cp-about-data .column {
  width: 100%;
}

@media all and (min-width: 60em) {
  .cp-about-data .column {
    width: calc(100% / 12 * 5.5);
  }
  .cp-about-data .column:nth-child(2) {
    margin-top: 11.5rem;
  }
}

@media all and (min-width: 159em) {
  .cp-about-data .column {
    width: calc(100% / 12 * 4.5);
  }
  .cp-about-data .column:nth-child(2) {
    margin-top: 52.2rem;
  }
}

.cp-about-data .title {
  color: #000;
  font-family: "Gilroy-Extrabold", Arial, Helvetica, sans-serif;
  font-size: 3.5rem;
  letter-spacing: 0.8px;
  line-height: 3.5rem;
  margin-bottom: 2rem;
}

@media all and (min-width: 48em) {
  .cp-about-data .title {
    font-size: 5.5rem;
    letter-spacing: 0.2px;
    line-height: 5.5rem;
    margin-bottom: 4.4rem;
  }
}

@media all and (min-width: 100em) {
  .cp-about-data .title {
    font-size: 7rem;
    line-height: 7rem;
  }
}

@media all and (min-width: 159em) {
  .cp-about-data .title {
    font-size: 12rem;
    line-height: 11rem;
  }
}

.cp-about-data .title span {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #000;
  display: block;
  font-size: 4rem;
  line-height: 4rem;
}

@media all and (min-width: 48em) {
  .cp-about-data .title span {
    font-size: 6rem;
    line-height: 6rem;
  }
}

@media all and (min-width: 100em) {
  .cp-about-data .title span {
    font-size: 9rem;
    line-height: 9rem;
  }
}

@media all and (min-width: 159em) {
  .cp-about-data .title span {
    font-size: 12rem;
    line-height: 12rem;
  }
}

.cp-about-data .subtitle {
  font-family: "Gilroy-Medium", Arial, Helvetica, sans-serif;
  font-size: 2rem;
  color: #000;
  letter-spacing: 0.8px;
  line-height: 3rem;
  margin-bottom: 2rem;
}

@media all and (min-width: 48em) {
  .cp-about-data .subtitle {
    font-size: 2.4rem;
    line-height: 3.5rem;
  }
}

.cp-about-data .question {
  font-family: "Gilroy-Bold", Arial, Helvetica, sans-serif;
  font-size: 2rem;
  color: #000;
  letter-spacing: 0.8px;
  line-height: 3rem;
}

@media all and (min-width: 48em) {
  .cp-about-data .question {
    font-size: 2.4rem;
    line-height: 3.5rem;
  }
}

.cp-about-data .answer {
  font-family: "Gilroy-Light", Arial, Helvetica, sans-serif;
  font-size: 2rem;
  color: #000;
  letter-spacing: 0.8px;
  line-height: 3rem;
  margin-bottom: 3rem;
}

@media all and (min-width: 48em) {
  .cp-about-data .answer {
    font-size: 2.4rem;
    line-height: 3.5rem;
  }
}

@media all and (min-width: 60em) {
  .cp-about-data .eye-container {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-bottom: 11rem;
    position: relative;
  }
}

.cp-about-data .eye-illust {
  display: block;
  margin: 0 auto 4rem;
  width: 25rem;
}

@media all and (min-width: 60em) {
  .cp-about-data .eye-illust {
    height: 21.76rem;
    margin: 0 auto;
    width: 28.16rem;
  }
}

@media all and (min-width: 100em) {
  .cp-about-data .eye-illust {
    height: 27.2rem;
    width: 35.2rem;
  }
}

@media all and (min-width: 159em) {
  .cp-about-data .eye-illust {
    height: 35.2rem;
    width: 46.8rem;
  }
}

.cp-about-data .description {
  font-family: "Gilroy-Medium", Arial, Helvetica, sans-serif;
  font-size: 1.8rem;
  letter-spacing: 0.7px;
  line-height: 3.3rem;
  overflow-wrap: normal;
}

@media all and (min-width: 60em) {
  .cp-about-data .description {
    opacity: 0;
    overflow: hidden;
    font-size: 2rem;
    max-height: 0;
    line-height: 2.7rem;
    -webkit-transition: .4s;
    transition: .4s;
  }
}

@media all and (min-width: 100em) {
  .cp-about-data .description {
    font-size: 2.1rem;
    line-height: 2.8rem;
  }
}

.cp-about-data .item {
  margin-bottom: 2rem;
}

@media all and (min-width: 60em) {
  .cp-about-data .item {
    cursor: pointer;
    margin-bottom: 0;
    min-height: 14rem;
    position: absolute;
    width: 32rem;
  }
}

@media all and (min-width: 100em) {
  .cp-about-data .item {
    width: 41.4rem;
    min-height: 12rem;
  }
}

.cp-about-data .item:hover h3 {
  max-height: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: .8s;
  transition: .8s;
}

.cp-about-data .item:hover .description {
  height: auto;
  max-height: auto !important;
  opacity: 1;
  overflow: visible;
  -webkit-transition: .8s;
  transition: .8s;
}

.cp-about-data .item:nth-child(2) h3,
.cp-about-data .item:nth-child(2) .description {
  color: #C09F2E;
}

@media all and (min-width: 60em) {
  .cp-about-data .item:nth-child(2) {
    text-align: right;
    top: 26%;
    left: 0;
  }
}

@media all and (min-width: 100em) {
  .cp-about-data .item:nth-child(2) {
    top: 29%;
  }
}

@media all and (min-width: 159em) {
  .cp-about-data .item:nth-child(2) {
    left: 15%;
  }
}

.cp-about-data .item:nth-child(3) h3,
.cp-about-data .item:nth-child(3) .description {
  color: #72897C;
}

@media all and (min-width: 60em) {
  .cp-about-data .item:nth-child(3) {
    bottom: 0;
    left: 8%;
    text-align: right;
  }
}

@media all and (min-width: 159em) {
  .cp-about-data .item:nth-child(3) {
    left: 22%;
  }
}

.cp-about-data .item:nth-child(4) h3,
.cp-about-data .item:nth-child(4) .description {
  color: #DBADB4;
}

@media all and (min-width: 48em) {
  .cp-about-data .item:nth-child(4) {
    top: -5%;
    right: 4%;
  }
}

@media all and (min-width: 100em) {
  .cp-about-data .item:nth-child(4) {
    top: 0%;
  }
}

@media all and (min-width: 159em) {
  .cp-about-data .item:nth-child(4) {
    right: 16%;
  }
}

.cp-about-data .item:nth-child(5) h3,
.cp-about-data .item:nth-child(5) .description {
  color: #19A96C;
}

@media all and (min-width: 48em) {
  .cp-about-data .item:nth-child(5) {
    top: 26%;
    right: 0;
  }
}

@media all and (min-width: 100em) {
  .cp-about-data .item:nth-child(5) {
    top: 29%;
  }
}

@media all and (min-width: 159em) {
  .cp-about-data .item:nth-child(5) {
    right: 15%;
  }
}

.cp-about-data h3 {
  font-family: "Gilroy-Medium", Arial, Helvetica, sans-serif;
  font-size: 2.4rem;
  text-transform: uppercase;
  line-height: 2.9rem;
  margin: 1rem 0;
}

@media all and (min-width: 48em) {
  .cp-about-data h3 {
    font-size: 3rem;
    max-height: auto;
    line-height: 3.5rem;
    margin: 0;
    -webkit-transition: .4s;
    transition: .4s;
  }
}

@media all and (min-width: 100em) {
  .cp-about-data h3 {
    font-size: 3.5rem;
    line-height: 4rem;
  }
}

.cp-about-data .eye-btn {
  display: none;
}

@media all and (min-width: 60em) {
  .cp-about-data .eye-btn {
    background: #414ACF;
    border-radius: 50%;
    color: #FFF;
    cursor: pointer;
    display: block;
    font-family: "Gilroy-Light", Arial, Helvetica, sans-serif;
    font-size: 2rem;
    height: 7.3rem;
    left: 51.6%;
    line-height: 7.2rem;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 33%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: .4s;
    transition: .4s;
    width: 7.3rem;
    z-index: 100;
  }
  .cp-about-data .eye-btn:hover {
    opacity: 1;
  }
}

.cp-about-data .mobile-btn {
  background: #000;
  border-radius: 2.3rem;
  color: #FFF;
  display: block;
  font-family: "Gilroy-Light", Arial, Helvetica, sans-serif;
  font-size: 2rem;
  line-height: 4.6rem;
  margin: 0 auto;
  max-width: calc(100% - 3rem);
  text-align: center;
}

@media all and (min-width: 60em) {
  .cp-about-data .mobile-btn {
    display: none;
  }
}

@media all and (min-width: 48em) {
  .cp-404 {
    height: calc(100vh - 20rem);
  }
}

@media all and (min-width: 60em) {
  .cp-404 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(100vh - 20rem);
  }
}

.cp-404 .content {
  padding: 2rem 0;
  width: 100%;
}

@media all and (min-width: 60em) {
  .cp-404 .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    width: 50%;
  }
}

.cp-404 .title {
  font-family: "MajestiBanner-Medium", Arial, Helvetica, sans-serif;
  font-size: 14rem;
  line-height: 14rem;
  color: #50DDC5;
  text-align: center;
}

@media all and (min-width: 48em) {
  .cp-404 .title {
    font-size: 22rem;
    line-height: 17rem;
    margin-top: 4rem;
  }
}

@media all and (min-width: 60em) {
  .cp-404 .title {
    font-size: 25rem;
    line-height: 20.5rem;
    margin-top: 0;
  }
}

.cp-404 .subtitle {
  font-family: 'Roboto';
  font-size: 16px;
  font-weight: 400;
  color: #000;
  text-align: center;
}

@media all and (min-width: 48em) {
  .cp-404 .subtitle {
    font-size: 18px;
  }
}

.cp-404 .subtitle a {
  font-family: 'Roboto';
  font-size: 16px;
  font-weight: 600;
  color: #000;
  display: block;
  text-align: center;
  text-decoration: underline;
}

@media all and (min-width: 48em) {
  .cp-404 .subtitle a {
    font-size: 18px;
  }
}

.cp-404 .illust {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2rem;
  width: 100%;
}

@media all and (min-width: 48em) {
  .cp-404 .illust {
    padding: 0 15rem;
  }
}

@media all and (min-width: 60em) {
  .cp-404 .illust {
    padding: 3.4rem 4rem 0;
    width: 50%;
  }
}

@media all and (min-width: 100em) {
  .cp-404 .illust {
    padding: 0;
  }
}

.cp-404 .illust img {
  display: block;
  width: 100%;
}

@media all and (min-width: 60em) {
  .cp-404 .illust img {
    width: 58.7rem;
  }
}

.cp-podcast-one {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  width: 100%;
  max-width: 100vw;
}

@media all and (min-width: 48em) {
  .cp-podcast-one {
    position: relative;
  }
}

.cp-podcast-one .circle {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: 1px;
  left: 50%;
  position: absolute;
  top: 29%;
  width: 1px;
  z-index: 5;
  border-radius: 50%;
}

@media all and (min-width: 23em) {
  .cp-podcast-one .circle {
    top: 48vw;
  }
}

@media all and (min-width: 60em) {
  .cp-podcast-one .circle {
    top: 16.2%;
  }
}

.cp-podcast-one a {
  display: inline-block;
  cursor: pointer !important;
}

.cp-podcast-one a:hover {
  cursor: pointer !important;
}

.podcast-open .cp-podcast-one {
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.podcast-open .cp-podcast-one .circle {
  -webkit-animation: transform .5s ease-in-out 3s 1 forwards;
          animation: transform .5s ease-in-out 3s 1 forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  opacity: 0;
}

.cp-podcast-one .bottle-container {
  position: relative;
  width: calc(100% - 4rem);
}

@media all and (min-width: 48em) {
  .cp-podcast-one .bottle-container {
    width: 47rem;
  }
}

.cp-podcast-one .bottle {
  display: block;
  margin: 0 auto;
  height: calc(100% - 3rem);
  margin-top: 3rem;
  width: auto;
}

@media all and (min-width: 48em) {
  .cp-podcast-one .bottle {
    height: calc(100% - 6rem);
    margin-top: 6rem;
  }
}

.cp-podcast-one .cap {
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
  position: absolute;
  width: 7rem;
  height: 7rem;
  left: 0;
  top: 0;
}

@media all and (min-width: 23em) {
  .cp-podcast-one .cap {
    width: 8rem;
    height: 8rem;
  }
}

@media all and (min-width: 48em) {
  .cp-podcast-one .cap {
    height: 10rem;
    width: 10rem;
  }
}

@media all and (min-width: 60em) {
  .cp-podcast-one .cap {
    width: 11rem;
    height: 11rem;
  }
}

.cp-podcast-one .cap:hover {
  cursor: pointer !important;
}

.cp-podcast-one .text {
  color: #000000;
  font-family: "Gilroy-Regular", Arial, Helvetica, sans-serif;
  font-size: 3rem;
  line-height: 4rem;
  position: absolute;
  text-align: center;
  top: 63%;
  width: 100%;
}

.cp-podcast-one .text strong {
  font-family: "Gilroy-Bold", Arial, Helvetica, sans-serif;
}

@media all and (min-width: 48em) {
  .cp-podcast-one .text {
    font-size: 5rem;
    line-height: 6.2rem;
  }
}

.bubble-container {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.bubble {
  bottom: -6rem;
  border-radius: 50%;
  opacity: 0;
  position: absolute;
  bottom: 0;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-animation: summer-animation-bubble 5s infinite;
          animation: summer-animation-bubble 5s infinite;
  pointer-events: none;
  z-index: 0;
}

.bubble.-one {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
  border: .4rem solid #61B4FC;
  height: 3rem;
  left: 11%;
  width: 3rem;
}

.bubble.-two {
  left: 23%;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  background: #F8D461;
  width: 4rem;
  height: 4rem;
}

.bubble.-three {
  left: 38%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  border: .2rem solid #F8D461;
  width: 1.6rem;
  height: 1.6rem;
}

.bubble.-four {
  left: 68%;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

.bubble.-four .bubble-animation-y {
  background: #9DE18C;
  width: 5.8rem;
  height: 5.8rem;
}

.bubble.-five {
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  border: .4rem solid #61B4FC;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 2rem;
  left: 73%;
  width: 2rem;
}

.bubble.-six {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  background: #FF669B;
  height: 4rem;
  left: 84%;
  width: 4rem;
}

@-webkit-keyframes transform {
  0% {
    border: 1px solid rgba(0, 0, 0, 0.1);
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  5% {
    border: 1px solid rgba(0, 0, 0, 0.1);
    opacity: .5;
    -webkit-transform: scale(100);
            transform: scale(100);
  }
  80% {
    opacity: .5;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-transform: scale(2500);
            transform: scale(2500);
  }
  100% {
    border: none;
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

@keyframes transform {
  0% {
    border: 1px solid rgba(0, 0, 0, 0.1);
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  5% {
    border: 1px solid rgba(0, 0, 0, 0.1);
    opacity: .5;
    -webkit-transform: scale(100);
            transform: scale(100);
  }
  80% {
    opacity: .5;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-transform: scale(2500);
            transform: scale(2500);
  }
  100% {
    border: none;
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

@-webkit-keyframes summer-animation-bubble {
  0% {
    bottom: -10%;
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  60% {
    opacity: .9;
  }
  70% {
    opacity: .5;
  }
  80% {
    opacity: .2;
  }
  100% {
    bottom: 100%;
    opacity: 0;
  }
}

@keyframes summer-animation-bubble {
  0% {
    bottom: -10%;
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  60% {
    opacity: .9;
  }
  70% {
    opacity: .5;
  }
  80% {
    opacity: .2;
  }
  100% {
    bottom: 100%;
    opacity: 0;
  }
}

.cp-podcast-two {
  background: #FFF;
  height: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100vw;
  z-index: -1;
}

.podcast-open .cp-podcast-two {
  height: auto;
  overflow: visible;
  position: relative;
  z-index: 10;
  -webkit-animation: opacity 1.5s linear .8s 1 forwards;
          animation: opacity 1.5s linear .8s 1 forwards;
}

.cp-podcast-two .content {
  max-width: calc(100% - 3rem);
  margin: 0 auto;
}

@media all and (min-width: 48em) {
  .cp-podcast-two .content {
    max-width: 100%;
  }
}

.cp-podcast-two .banner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 4rem;
  overflow: visible;
  padding: 2rem 0;
  position: relative;
}

@media all and (min-width: 48em) {
  .cp-podcast-two .banner {
    margin-bottom: 0;
    padding: 10rem 0 14rem;
  }
}

.cp-podcast-two .background {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.cp-podcast-two .logo {
  display: block;
  height: auto;
  margin: 0 auto 2rem;
  width: 65%;
}

@media all and (min-width: 48em) {
  .cp-podcast-two .logo {
    height: 13.4rem;
    margin: 0 auto 4rem;
    width: 30.4rem;
  }
}

.cp-podcast-two .tagline {
  color: #000000;
  font-family: "Schneider-Wide-Demi", Arial, Helvetica, sans-serif;
  font-size: 3.5rem;
  line-height: 4rem;
  margin-bottom: 1.6rem;
  text-align: center;
}

@media all and (min-width: 48em) {
  .cp-podcast-two .tagline {
    font-size: 5.4rem;
    line-height: 6.1rem;
  }
}

.cp-podcast-two .iframe-container {
  height: auto;
  width: 100%;
}

@media all and (min-width: 48em) {
  .cp-podcast-two .iframe-container {
    bottom: -10rem;
    height: 20rem;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 57rem;
  }
}

.cp-podcast-two iframe {
  -webkit-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.15);
  width: 100%;
}

.cp-podcast-two .poster {
  display: none;
}

@media all and (min-width: 48em) {
  .cp-podcast-two .poster {
    display: block;
    height: 81%;
    top: 2px;
    left: 0;
    position: absolute;
    width: auto;
  }
}

.cp-podcast-two .flex-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
}

@media all and (min-width: 48em) {
  .cp-podcast-two .flex-container {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 16.6rem 0 12rem;
  }
}

.cp-podcast-two .col-one {
  display: block;
  margin: 0 auto 4rem;
  width: 80%;
}

@media all and (min-width: 48em) {
  .cp-podcast-two .col-one {
    margin: 0;
    width: 43%;
  }
}

.cp-podcast-two .col-two {
  width: 100%;
}

@media all and (min-width: 48em) {
  .cp-podcast-two .col-two {
    width: 47%;
  }
}

.cp-podcast-two .title {
  color: #000;
  font-family: "Gilroy-Bold", Arial, Helvetica, sans-serif;
  font-size: 3rem;
  line-height: 3.7rem;
  margin-bottom: 1rem;
}

@media all and (min-width: 48em) {
  .cp-podcast-two .title {
    margin-bottom: 1.5rem;
  }
}

.cp-podcast-two .text p {
  color: #000;
  font-family: "Gilroy-Regular", Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-bottom: 4rem;
}

.cp-podcast-two .text p a {
  color: #000;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  font-family: "Gilroy-Bold", Arial, Helvetica, sans-serif;
}

.cp-podcast-two strong {
  font-family: "Gilroy-Bold", Arial, Helvetica, sans-serif;
}

.cp-podcast-two .link-container {
  cursor: pointer !important;
  margin-bottom: 2rem;
  position: relative;
  pointer-events: all;
  z-index: 20;
}

@media all and (min-width: 48em) {
  .cp-podcast-two .link-container {
    margin-bottom: 0;
  }
}

.cp-podcast-two .link-container a:hover {
  cursor: pointer !important;
}

.cp-podcast-two .link, .cp-podcast-two .contact h2, .contact .cp-podcast-two h2 {
  color: #000000;
  cursor: pointer !important;
  display: block;
  font-family: "Gilroy-Bold", Arial, Helvetica, sans-serif;
  font-size: 1.2rem;
  line-height: 1.5rem;
  letter-spacing: 0.1em;
  pointer-events: all;
  position: relative;
  margin-bottom: 1.8rem;
  text-transform: uppercase;
}

.cp-podcast-two .icon {
  display: inline-block;
  height: 4.8rem;
  margin-right: 2rem;
  width: 4.8rem;
}

.cp-podcast-two .podcast-footer {
  background: none;
  border-top: 1px solid #F1F1F1;
  padding: 2rem;
  width: 100%;
}

@media all and (min-width: 48em) {
  .cp-podcast-two .podcast-footer {
    padding: 10rem 0;
  }
}

.cp-podcast-two .podcast-footer a {
  display: block;
  margin: 0 auto;
  width: 21rem;
}

.cp-podcast-two .podcast-footer a:hover {
  cursor: pointer !important;
}

.cp-podcast-two .teq-logo {
  height: auto;
  width: 100%;
}

@-webkit-keyframes height {
  from {
    height: 0;
  }
  to {
    height: auto;
  }
}

@keyframes height {
  from {
    height: 0;
  }
  to {
    height: auto;
  }
}

a {
  cursor: pointer;
}

a:active {
  cursor: pointer;
}

.drag-container {
  height: 21rem;
  left: 50%;
  position: absolute;
  top: 24%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 7rem;
  outline: 0px;
}

@media all and (min-width: 23em) {
  .drag-container {
    height: 25rem;
    top: 16%;
    width: 8rem;
  }
}

@media all and (min-width: 48em) {
  .drag-container {
    height: 26rem;
    top: 10%;
    width: 10rem;
  }
}

@media all and (min-width: 60em) {
  .drag-container {
    height: 31rem;
    top: 10.2%;
    width: 11rem;
  }
}

a:hover {
  cursor: pointer;
}

.PillSwitch {
  height: 210px;
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  outline: 0px;
}

@media all and (min-width: 23em) {
  .PillSwitch {
    height: 250px;
  }
}

@media all and (min-width: 48em) {
  .PillSwitch {
    height: 260px;
  }
}

@media all and (min-width: 60em) {
  .PillSwitch {
    height: 310px;
  }
}

.PillSwitchTrack {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  overflow: hidden;
}

@media all and (min-width: 48em) {
  .PillSwitchTrack {
    height: 33rem;
  }
}

.PillSwitchControl {
  border-radius: 50%;
  height: 7rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 7rem;
  -webkit-animation: bounce 2s infinite;
          animation: bounce 2s infinite;
}

@media all and (min-width: 23em) {
  .PillSwitchControl {
    width: 8rem;
    height: 8rem;
  }
}

@media all and (min-width: 48em) {
  .PillSwitchControl {
    height: 10rem;
    width: 10rem;
  }
}

@media all and (min-width: 60em) {
  .PillSwitchControl {
    height: 11rem;
    width: 11rem;
  }
}

.PillSwitchControl.draggable-source--is-dragging {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-animation: none !important;
          animation: none !important;
}

.PillSwitchControl:hover {
  -webkit-animation: none !important;
          animation: none !important;
  cursor: pointer;
}

.PillSwitchControl:hover .cap {
  -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25);
}

.PillSwitch--isOn .PillSwitchControl {
  -webkit-animation: none !important;
          animation: none !important;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: auto;
}

.draggable-mirror {
  -webkit-animation: none !important;
          animation: none !important;
}

.draggable-mirror .cap {
  -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25);
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -25px);
  }
  60% {
    -webkit-transform: translate(-50%, -12px);
  }
}

/* ==========================================================================
    Print
   ========================================================================== */
@media print {
  /* 
    * Boilerplate print styles
    */
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /* Don't show links for logo, images, or javascript/internal links */
  .logo a:after,
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  img-left .logo,
  .logo img {
    float: none;
    height: 67px;
  }
  .logo a {
    display: block;
  }
  .page {
    margin: 0;
  }
  .layout-2col:after,
  .sidebar,
  .bottom,
  .header:before,
  .slider,
  .nav-tactile,
  .menu,
  .fu,
  .footer {
    display: none !important;
  }
  .layout-2col > .primary {
    float: none;
    padding-right: 0;
    width: 100%;
  }
}

/*# sourceMappingURL=styles.css.map*/