.font12 p, .font12 h1, .font12 h2, .font12 h3, .font12 {
  font-size: calc(12vw / 18);
}
@media (min-width: 1400px) {
  .font12 p, .font12 h1, .font12 h2, .font12 h3, .font12 {
    font-size: calc(12vw / 19.2);
  }
}
@media (max-width: 767px) {
  .font12 p, .font12 h1, .font12 h2, .font12 h3, .font12 {
    font-size: 14px !important;
    font-size: 12px !important;
  }
}

.candidature span, .footer-contact .wpcf7 input[type=submit], .wpcf7 input[type=submit], .wpcf7 textarea, .wpcf7 input[type=text], input[type=email], input[type=tel], input[type=number], select, .font14 p, .font14 h1, .font14 h2, .font14 h3, .font14 {
  font-size: calc(14vw / 18);
}
@media (min-width: 1400px) {
  .candidature span, .footer-contact .wpcf7 input[type=submit], .wpcf7 input[type=submit], .wpcf7 textarea, .wpcf7 input[type=text], input[type=email], input[type=tel], input[type=number], select, .font14 p, .font14 h1, .font14 h2, .font14 h3, .font14 {
    font-size: calc(14vw / 19.2);
  }
}
@media (max-width: 767px) {
  .candidature span, .footer-contact .wpcf7 input[type=submit], .wpcf7 input[type=submit], .wpcf7 textarea, .wpcf7 input[type=text], input[type=email], input[type=tel], input[type=number], select, .font14 p, .font14 h1, .font14 h2, .font14 h3, .font14 {
    font-size: 14px !important;
    font-size: 14px !important;
  }
}

.candidature, .font16 p, .font16 h1, .font16 h2, .font16 h3, .font16 {
  font-size: calc(16vw / 18);
}
@media (min-width: 1400px) {
  .candidature, .font16 p, .font16 h1, .font16 h2, .font16 h3, .font16 {
    font-size: calc(16vw / 19.2);
  }
}
@media (max-width: 767px) {
  .candidature, .font16 p, .font16 h1, .font16 h2, .font16 h3, .font16 {
    font-size: 14px !important;
    font-size: 16px !important;
  }
}

.candidature input[type=submit], .candidature .custom-file-input::before, .font18 p, .font18 h1, .font18 h2, .font18 h3, .font18 {
  font-size: calc(18vw / 18);
  line-height: 1.3333333333;
}
@media (min-width: 1400px) {
  .candidature input[type=submit], .candidature .custom-file-input::before, .font18 p, .font18 h1, .font18 h2, .font18 h3, .font18 {
    font-size: calc(18vw / 19.2);
  }
}
@media (max-width: 767px) {
  .candidature input[type=submit], .candidature .custom-file-input::before, .font18 p, .font18 h1, .font18 h2, .font18 h3, .font18 {
    font-size: 14px !important;
    font-size: 16px !important;
  }
}

.faqfaq .vce-faq-group-item-heading-title, .font24 p, .font24 h1, .font24 h2, .font24 h3, .font24 {
  font-size: calc(24vw / 18);
  line-height: 1.4583333333;
}
@media (min-width: 1400px) {
  .faqfaq .vce-faq-group-item-heading-title, .font24 p, .font24 h1, .font24 h2, .font24 h3, .font24 {
    font-size: calc(24vw / 19.2);
  }
}
@media (max-width: 767px) {
  .faqfaq .vce-faq-group-item-heading-title, .font24 p, .font24 h1, .font24 h2, .font24 h3, .font24 {
    font-size: 16px !important;
    font-size: 20px !important;
  }
}

.font25 p, .font25 h1, .font25 h2, .font25 h3, .font25 {
  font-size: calc(25vw / 18);
  line-height: 1.1538461538;
}
@media (min-width: 1400px) {
  .font25 p, .font25 h1, .font25 h2, .font25 h3, .font25 {
    font-size: calc(25vw / 19.2);
  }
}
@media (max-width: 767px) {
  .font25 p, .font25 h1, .font25 h2, .font25 h3, .font25 {
    font-size: 16px !important;
    font-size: 20px !important;
  }
}

.font30 p, .font30 h1, .font30 h2, .font30 h3, .font30 {
  font-size: calc(30vw / 18);
  line-height: 1.2;
}
@media (min-width: 1400px) {
  .font30 p, .font30 h1, .font30 h2, .font30 h3, .font30 {
    font-size: calc(30vw / 19.2);
  }
}
@media (max-width: 767px) {
  .font30 p, .font30 h1, .font30 h2, .font30 h3, .font30 {
    font-size: 16px !important;
    font-size: 26px !important;
  }
}

.font35 p, .font35 h1, .font35 h2, .font35 h3, .font35 {
  font-size: calc(35vw / 18);
  line-height: 1.3142857143;
}
@media (min-width: 1400px) {
  .font35 p, .font35 h1, .font35 h2, .font35 h3, .font35 {
    font-size: calc(35vw / 19.2);
  }
}
@media (max-width: 767px) {
  .font35 p, .font35 h1, .font35 h2, .font35 h3, .font35 {
    font-size: 22px !important;
    font-size: 26px !important;
  }
}

.font55 p, .font55 h1, .font55 h2, .font55 h3, .font55 {
  font-size: calc(55vw / 18);
  line-height: 1.25;
}
@media (min-width: 1400px) {
  .font55 p, .font55 h1, .font55 h2, .font55 h3, .font55 {
    font-size: calc(55vw / 19.2);
  }
}
@media (max-width: 767px) {
  .font55 p, .font55 h1, .font55 h2, .font55 h3, .font55 {
    font-size: 22px !important;
    font-size: 40px !important;
  }
}

#h1index, .font95 p, .font95 h1, .font95 h2, .font95 h3, .font95 {
  font-size: calc(95vw / 18);
  line-height: 1.0526315789;
}
@media (min-width: 1400px) {
  #h1index, .font95 p, .font95 h1, .font95 h2, .font95 h3, .font95 {
    font-size: calc(95vw / 19.2);
  }
}
@media (max-width: 767px) {
  #h1index, .font95 p, .font95 h1, .font95 h2, .font95 h3, .font95 {
    font-size: 22px !important;
    font-size: 50px !important;
  }
}

.font100 p, .font100 h1, .font100 h2, .font100 h3, .font100 {
  font-size: calc(100vw / 18);
  line-height: 1.16;
}
@media (min-width: 1400px) {
  .font100 p, .font100 h1, .font100 h2, .font100 h3, .font100 {
    font-size: calc(100vw / 19.2);
  }
}
@media (max-width: 767px) {
  .font100 p, .font100 h1, .font100 h2, .font100 h3, .font100 {
    font-size: 22px !important;
    font-size: 60px !important;
  }
}

/******************/
.uppercase {
  text-transform: uppercase;
}

.uppercasebold strong, .uppercasebold b {
  text-transform: uppercase;
}

.nounderline {
  text-decoration: none;
}
.nounderline a {
  text-decoration: none;
}

.underline {
  text-decoration: underline;
}

.center {
  text-align: center;
}
.center a {
  display: initial;
}

.bold, strong, b {
  font-family: Montserrat-Bold, serif;
  font-weight: 700;
}

.medium {
  font-family: Montserrat-Medium, serif;
}

a {
  text-decoration: none;
  color: inherit;
}

.nowrap {
  white-space: nowrap;
}

.white {
  color: #FFFFFF;
}
.white a {
  color: #FFFFFF;
}

.yellow {
  color: #fff55a;
}

.posh1 {
  position: relative;
  top: 4vw;
  z-index: 4;
}

.historique-header {
  top: 6vw;
}

.postdispobloc {
  margin-bottom: -9vw;
  top: -9vw;
  position: relative;
}
@media (max-width: 767px) {
  .postdispobloc {
    top: 9vw;
    margin-bottom: 0;
  }
}

.poscontact {
  top: -11vw;
  margin-bottom: -17vw;
}

.fullwidthimg .vce-single-image-wrapper {
  width: 100%;
  padding: 0;
  overflow: visible;
  margin-bottom: 0;
}
.fullwidthimg .vce-single-image-wrapper figure {
  width: 100% !important;
  padding: 0;
}
.fullwidthimg .vce-single-image-wrapper figure .vce-single-image-inner {
  width: 100% !important;
}

.z3 {
  z-index: 3;
}

.relative {
  position: relative;
}

.bg4 .vce-asset-background-simple-item {
  background-size: 17% !important;
}

.bg4-2 .vce-asset-background-simple-item {
  background-size: 25% !important;
  background-position: 52% 80% !important;
}

.bg4-3 .vce-asset-background-simple-item {
  background-size: 25% !important;
  background-position: 51% 29% !important;
}

.bg4-4 .vce-asset-background-simple-item {
  background-size: 28% !important;
  background-position: 47% 41% !important;
}

.top2vw {
  top: -5vw;
}

.w105 {
  width: 104%;
  position: relative;
  z-index: 3;
}
@media (max-width: 1099px) {
  .w105 {
    width: 100%;
    position: unset;
  }
}

.w110 {
  width: 109%;
  position: relative;
  z-index: 3;
}
@media (max-width: 1099px) {
  .w110 {
    width: 100%;
    position: unset;
  }
}

.w120 {
  width: 120%;
  position: relative;
  z-index: 3;
}
@media (max-width: 1099px) {
  .w120 {
    width: 100%;
    position: unset;
  }
}

.w125 {
  width: 125%;
  position: absolute;
  z-index: 3;
}
@media (max-width: 1099px) {
  .w125 {
    width: 100%;
    position: unset;
  }
}
.w125.right {
  right: 0;
}

.w140 {
  width: 140%;
  position: relative;
  z-index: 3;
}
@media (max-width: 1099px) {
  .w140 {
    width: 100%;
    position: unset;
  }
}
.w140.right {
  right: 0;
}

.max50 {
  max-width: 50%;
}

.lineb h2:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 30px;
  height: 6px;
  margin: -3.5px 0 0 -12px;
  -webkit-transition: 0.72s cubic-bezier(0.52, 0.01, 0.16, 1);
  -moz-transition: 0.72s cubic-bezier(0.52, 0.01, 0.16, 1);
  transition: 0.72s cubic-bezier(0.52, 0.01, 0.16, 1);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  background-color: #fff55a;
}

/*********** Fonts ***********/
/********** Paddings *************/
figcaption {
  display: none;
}

.nomarginp p {
  margin: 0;
}
@media (max-width: 767px) {
  .nomarginp p {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.nomargintop {
  margin-top: 0 !important;
}
.nomargintop p {
  margin-top: 0;
}
@media (max-width: 767px) {
  .nomargintop {
    margin-top: 25px !important;
  }
  .nomargintop p {
    margin-top: 25px;
  }
}

.nomarginbottom {
  margin-bottom: 0 !important;
}
.nomarginbottom p {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .nomarginbottom {
    margin-bottom: 15px !important;
  }
  .nomarginbottom p {
    margin-bottom: 15px;
  }
}

.vce {
  margin-bottom: 0 !important;
}

.vce-row[data-vce-stretch-content=true] {
  padding-left: 1px;
  padding-right: 1px;
}

.vce-element--has-background > .vce-col-inner > .vce-col-content {
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
}

.vce-row.vce-element--has-background {
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
}

.vce-row.vce-element--has-background.vce-row--has-col-background {
  padding-bottom: 0 !important;
}

.padding425-554x, .padding425-554x.vce-row.vce-element--has-background {
  padding-left: 19.7916666667vw;
  padding-right: 28.8541666667vw;
}
@media (max-width: 1400px) and (min-width: 1100px) {
  .padding425-554x, .padding425-554x.vce-row.vce-element--has-background {
    padding-left: 14.5833333333vw;
    padding-right: 23.6458333333vw;
  }
}
@media (max-width: 1099px) and (min-width: 768px) {
  .padding425-554x, .padding425-554x.vce-row.vce-element--has-background {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .padding425-554x, .padding425-554x.vce-row.vce-element--has-background {
    padding-left: 35px;
    padding-right: 35px;
  }
}

.padding560x, .padding560x.vce-row.vce-element--has-background {
  padding-left: 29.1666666667vw;
  padding-right: 29.1666666667vw;
}
@media (max-width: 1400px) and (min-width: 1100px) {
  .padding560x, .padding560x.vce-row.vce-element--has-background {
    padding-left: 23.9583333333vw;
    padding-right: 23.9583333333vw;
  }
}
@media (max-width: 1099px) and (min-width: 768px) {
  .padding560x, .padding560x.vce-row.vce-element--has-background {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .padding560x, .padding560x.vce-row.vce-element--has-background {
    padding-left: 35px;
    padding-right: 35px;
  }
}

.padding490x, .padding490x.vce-row.vce-element--has-background {
  padding-left: 25.5208333333vw;
  padding-right: 25.5208333333vw;
}
@media (max-width: 1400px) and (min-width: 1100px) {
  .padding490x, .padding490x.vce-row.vce-element--has-background {
    padding-left: 20.3125vw;
    padding-right: 20.3125vw;
  }
}
@media (max-width: 1099px) and (min-width: 768px) {
  .padding490x, .padding490x.vce-row.vce-element--has-background {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .padding490x, .padding490x.vce-row.vce-element--has-background {
    padding-left: 35px;
    padding-right: 35px;
  }
}

.padding476x, .padding476x.vce-row.vce-element--has-background {
  padding-left: 24.7916666667vw;
  padding-right: 24.7916666667vw;
}
@media (max-width: 1400px) and (min-width: 1100px) {
  .padding476x, .padding476x.vce-row.vce-element--has-background {
    padding-left: 19.5833333333vw;
    padding-right: 19.5833333333vw;
  }
}
@media (max-width: 1099px) and (min-width: 768px) {
  .padding476x, .padding476x.vce-row.vce-element--has-background {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .padding476x, .padding476x.vce-row.vce-element--has-background {
    padding-left: 35px;
    padding-right: 35px;
  }
}

.padding437x, .padding437x.vce-row.vce-element--has-background {
  padding-left: 22.7604166667vw;
  padding-right: 22.7604166667vw;
}
@media (max-width: 1400px) and (min-width: 1100px) {
  .padding437x, .padding437x.vce-row.vce-element--has-background {
    padding-left: 17.5520833333vw;
    padding-right: 17.5520833333vw;
  }
}
@media (max-width: 1099px) and (min-width: 768px) {
  .padding437x, .padding437x.vce-row.vce-element--has-background {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .padding437x, .padding437x.vce-row.vce-element--has-background {
    padding-left: 35px;
    padding-right: 35px;
  }
}

.padding416x, .padding416x.vce-row.vce-element--has-background {
  padding-left: 21.6666666667vw;
  padding-right: 21.6666666667vw;
}
@media (max-width: 1400px) and (min-width: 1100px) {
  .padding416x, .padding416x.vce-row.vce-element--has-background {
    padding-left: 16.4583333333vw;
    padding-right: 16.4583333333vw;
  }
}
@media (max-width: 1099px) and (min-width: 768px) {
  .padding416x, .padding416x.vce-row.vce-element--has-background {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .padding416x, .padding416x.vce-row.vce-element--has-background {
    padding-left: 35px;
    padding-right: 35px;
  }
}

.padding400x, .padding400x.vce-row.vce-element--has-background {
  padding-left: 20.8333333333vw;
  padding-right: 20.8333333333vw;
}
@media (max-width: 1400px) and (min-width: 1100px) {
  .padding400x, .padding400x.vce-row.vce-element--has-background {
    padding-left: 15.625vw;
    padding-right: 15.625vw;
  }
}
@media (max-width: 1099px) and (min-width: 768px) {
  .padding400x, .padding400x.vce-row.vce-element--has-background {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .padding400x, .padding400x.vce-row.vce-element--has-background {
    padding-left: 35px;
    padding-right: 35px;
  }
}

.padding342x, .padding342x.vce-row.vce-element--has-background {
  padding-left: 17.8125vw;
  padding-right: 17.8125vw;
}
@media (max-width: 1400px) and (min-width: 1100px) {
  .padding342x, .padding342x.vce-row.vce-element--has-background {
    padding-left: 12.6041666667vw;
    padding-right: 12.6041666667vw;
  }
}
@media (max-width: 1099px) and (min-width: 768px) {
  .padding342x, .padding342x.vce-row.vce-element--has-background {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .padding342x, .padding342x.vce-row.vce-element--has-background {
    padding-left: 35px;
    padding-right: 35px;
  }
}

.padding300x, .padding300x.vce-row.vce-element--has-background {
  padding-left: 15.625vw;
  padding-right: 15.625vw;
}
@media (max-width: 1400px) and (min-width: 1100px) {
  .padding300x, .padding300x.vce-row.vce-element--has-background {
    padding-left: 10.4166666667vw;
    padding-right: 10.4166666667vw;
  }
}
@media (max-width: 1099px) and (min-width: 768px) {
  .padding300x, .padding300x.vce-row.vce-element--has-background {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .padding300x, .padding300x.vce-row.vce-element--has-background {
    padding-left: 35px;
    padding-right: 35px;
  }
}

.padding278x, .padding278x.vce-row.vce-element--has-background {
  padding-left: 14.4791666667vw;
  padding-right: 14.4791666667vw;
}
@media (max-width: 1400px) and (min-width: 1100px) {
  .padding278x, .padding278x.vce-row.vce-element--has-background {
    padding-left: 9.2708333333vw;
    padding-right: 9.2708333333vw;
  }
}
@media (max-width: 1099px) and (min-width: 768px) {
  .padding278x, .padding278x.vce-row.vce-element--has-background {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .padding278x, .padding278x.vce-row.vce-element--has-background {
    padding-left: 35px;
    padding-right: 35px;
  }
}

.padding138x, .padding138x.vce-row.vce-element--has-background {
  padding-left: 7.1875vw;
  padding-right: 7.1875vw;
}
@media (max-width: 1400px) and (min-width: 1100px) {
  .padding138x, .padding138x.vce-row.vce-element--has-background {
    padding-left: 4.0625vw;
    padding-right: 4.0625vw;
  }
}
@media (max-width: 1099px) and (min-width: 768px) {
  .padding138x, .padding138x.vce-row.vce-element--has-background {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .padding138x, .padding138x.vce-row.vce-element--has-background {
    padding-left: 35px;
    padding-right: 35px;
  }
}

.padding75x, .padding75x.vce-row.vce-element--has-background {
  padding-left: 3.90625vw;
  padding-right: 3.90625vw;
}
@media (max-width: 1400px) and (min-width: 1100px) {
  .padding75x, .padding75x.vce-row.vce-element--has-background {
    padding-left: 3.90625vw;
    padding-right: 3.90625vw;
  }
}
@media (max-width: 1099px) and (min-width: 768px) {
  .padding75x, .padding75x.vce-row.vce-element--has-background {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .padding75x, .padding75x.vce-row.vce-element--has-background {
    padding-left: 35px;
    padding-right: 35px;
  }
}

.padding368l, .padding368l.vce-row.vce-element--has-background {
  padding-left: 19.1666666667vw;
}
@media (max-width: 1400px) and (min-width: 1100px) {
  .padding368l, .padding368l.vce-row.vce-element--has-background {
    padding-left: 19.2532942899vw;
  }
}
@media (max-width: 1099px) and (min-width: 768px) {
  .padding368l, .padding368l.vce-row.vce-element--has-background {
    padding-left: 50px;
  }
}
@media (max-width: 767px) {
  .padding368l, .padding368l.vce-row.vce-element--has-background {
    padding-left: 35px;
    padding-right: 35px;
  }
}

.padding310r, .padding310r.vce-row.vce-element--has-background {
  padding-right: 16.1458333333vw;
}
@media (max-width: 1400px) and (min-width: 1100px) {
  .padding310r, .padding310r.vce-row.vce-element--has-background {
    padding-right: 15.3733528551vw;
  }
}
@media (max-width: 1099px) and (min-width: 768px) {
  .padding310r, .padding310r.vce-row.vce-element--has-background {
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .padding310r, .padding310r.vce-row.vce-element--has-background {
    padding-left: 35px;
    padding-right: 35px;
  }
}

.padding278r, .padding278r.vce-row.vce-element--has-background {
  padding-right: 14.4791666667vw;
}
@media (max-width: 1400px) and (min-width: 1100px) {
  .padding278r, .padding278r.vce-row.vce-element--has-background {
    padding-right: 13.0307467057vw;
  }
}
@media (max-width: 1099px) and (min-width: 768px) {
  .padding278r, .padding278r.vce-row.vce-element--has-background {
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .padding278r, .padding278r.vce-row.vce-element--has-background {
    padding-left: 35px;
    padding-right: 35px;
  }
}

.padding238r, .padding238r.vce-row.vce-element--has-background {
  padding-right: 12.3958333333vw;
}
@media (max-width: 1400px) and (min-width: 1100px) {
  .padding238r, .padding238r.vce-row.vce-element--has-background {
    padding-right: 10.102489019vw;
  }
}
@media (max-width: 1099px) and (min-width: 768px) {
  .padding238r, .padding238r.vce-row.vce-element--has-background {
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .padding238r, .padding238r.vce-row.vce-element--has-background {
    padding-left: 35px;
    padding-right: 35px;
  }
}

.padding156r, .padding156r.vce-row.vce-element--has-background {
  padding-right: 8.125vw;
}
@media (max-width: 1400px) and (min-width: 1100px) {
  .padding156r, .padding156r.vce-row.vce-element--has-background {
    padding-right: 4.0995607613vw;
  }
}
@media (max-width: 1099px) and (min-width: 768px) {
  .padding156r, .padding156r.vce-row.vce-element--has-background {
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .padding156r, .padding156r.vce-row.vce-element--has-background {
    padding-left: 35px;
    padding-right: 35px;
  }
}

.padding70r, .padding70r.vce-row.vce-element--has-background {
  padding-right: 3.6458333333vw;
}
@media (max-width: 1400px) and (min-width: 1100px) {
  .padding70r, .padding70r.vce-row.vce-element--has-background {
    padding-right: 3.6603221083vw;
  }
}
@media (max-width: 1099px) and (min-width: 768px) {
  .padding70r, .padding70r.vce-row.vce-element--has-background {
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .padding70r, .padding70r.vce-row.vce-element--has-background {
    padding-left: 35px;
    padding-right: 35px;
  }
}

.padding100t, .padding100t.vce-row.vce-element--has-background {
  padding-top: 5.2083333333vw;
}

.padding75t, .padding75t.vce-row.vce-element--has-background {
  padding-top: 3.90625vw;
}

.padding50t, .padding50t.vce-row.vce-element--has-background {
  padding-top: 2.6041666667vw;
}

.padding30t, .padding30t.vce-row.vce-element--has-background {
  padding-top: 1.5625vw;
}

.padding100b, .padding100b.vce-row.vce-element--has-background {
  padding-bottom: 5.2083333333vw;
}
@media (max-width: 767px) {
  .padding100b, .padding100b.vce-row.vce-element--has-background {
    padding-bottom: 60px;
  }
}

.padding50b, .padding50b.vce-row.vce-element--has-background {
  padding-bottom: 2.6041666667vw;
}
@media (max-width: 767px) {
  .padding50b, .padding50b.vce-row.vce-element--has-background {
    padding-bottom: 50px;
  }
}

/************ Page 404 ********/
.error404 {
  width: 100%;
  margin: 30px auto;
  position: unset;
  display: block;
}

/********************/
.arrow-right a {
  display: block;
  width: fit-content;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  margin: 0 auto;
  line-height: 1.6;
}
.arrow-right a:after {
  content: "";
  width: 1.5vw;
  height: 1.5vw;
  background-image: url(/wp-content/themes/vsc-theme/images/savoir-plus.svg);
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 15px;
  background-position: center;
  display: block;
  float: right;
  min-width: 25px;
  min-height: 25px;
}

.arrow-right-black a {
  display: block;
  width: fit-content;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  margin: 0 auto;
  line-height: 1.6;
}
.arrow-right-black a:after {
  content: "";
  width: 1.5vw;
  height: 1.5vw;
  background-image: url(/wp-content/themes/vsc-theme/images/Arrow-black.svg);
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 15px;
  background-position: center;
  display: block;
  float: right;
  min-width: 25px;
  min-height: 25px;
}
.arrow-right-black.arrow-left a {
  margin: 0;
}

.bg-globe .vce-asset-background-simple {
  background: transparent url("/wp-content/themes/vsc-theme/img/bg-globe.svg") 0% 0% no-repeat padding-box;
  mix-blend-mode: color-burn;
  opacity: 0.65;
}

#h1index {
  color: #fff55a;
  padding: 0 0 20px 0;
  margin: 0;
  /* float: right; */
  text-align: left;
  font-family: "Montserrat-Bold", sans-serif;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media (max-width: 767px) {
  #h1index {
    padding-top: 20vh;
  }
  #h1index.propoh1 {
    padding-top: 0;
  }
}

.figures-wrap {
  width: 0;
  height: 0;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
  opacity: 1;
  -webkit-transition: 0.75s cubic-bezier(0.52, 0.01, 0.16, 1);
  -moz-transition: 0.75s cubic-bezier(0.52, 0.01, 0.16, 1);
  transition: 0.75s cubic-bezier(0.52, 0.01, 0.16, 1);
  -webkit-filter: blur(0);
}

.pos-a-center {
  left: 50%;
  top: 50%;
}

.intro-figures {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 1.85s cubic-bezier(0.52, 0.01, 0.16, 1), opacity 10ms 0s;
  -moz-transition: -moz-transform 1.85s cubic-bezier(0.52, 0.01, 0.16, 1), opacity 10ms 0s;
  transition: transform 1.85s cubic-bezier(0.52, 0.01, 0.16, 1), opacity 10ms 0s;
}

.figure-mover {
  -webkit-transition: -webkit-transform 1.85s cubic-bezier(0.52, 0.01, 0.16, 1), opacity 10ms 1s;
  -moz-transition: -moz-transform 1.85s cubic-bezier(0.52, 0.01, 0.16, 1), opacity 10ms 1s;
  transition: transform 1.85s cubic-bezier(0.52, 0.01, 0.16, 1), opacity 10ms 1s;
  -webkit-perspective: 500px;
  -moz-perspective: 500px;
  perspective: 500px;
}

.intro-figures .figures {
  background: url(/wp-content/uploads/2022/03/Le-talents-sans-frontiere.png) center no-repeat;
  background-size: 85%;
}
@media (max-width: 767px) {
  .intro-figures .figures {
    background-size: 100%;
  }
}

.figures {
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 100s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotate;
  -moz-animation-duration: 100s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
.figures {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  height: 100vh;
  margin: 0;
}

.savoirplus {
  font-family: Montserrat-Medium, sans-serif;
  padding: 0;
  margin: 20px 0;
  text-align: left;
  text-transform: uppercase;
}

.savoirplus img {
  position: relative;
  top: 1px;
  left: 5px;
}

nav {
  margin: 0 auto;
}

#homeh1 {
  margin: 0 auto;
}

.carteglobe {
  text-align: left;
}

.carteglobe img.imgbg {
  position: relative;
  top: -125px;
  left: -75px;
  z-index: 0;
}

.carteglobe img.project-thumb {
  max-width: 431px;
  top: 205px;
  -webkit-transition: 5s cubic-bezier(0.52, 0.01, 0.16, 1);
  -moz-transition: 5s cubic-bezier(0.52, 0.01, 0.16, 1);
  transition: 5s cubic-bezier(0.52, 0.01, 0.16, 1);
}

#nosservice {
  position: relative;
  top: -310px;
}

#nosservice ul li h2 {
  font-size: 25px;
  font-family: "Montserrat-Bold", sans-serif;
  font-weight: 700;
}

#nosservice ul li p {
  font-size: 14px;
  font-family: "Montserrat-Medium", sans-serif;
  font-weight: 500;
  max-width: 200px;
  height: 0;
}

.countdaown {
  padding: 15vw 0;
}

.gigantic-text {
  font-family: "Montserrat-Medium", sans-serif;
  font-weight: 600;
}

.countdaown p {
  color: #4a4b4a;
  font-size: 14px;
}

.who-content .page2c .ledge2 {
  top: -20%;
  z-index: -1;
}

.who-content .content {
  padding: 50px 0;
}

.who-content .ledge::before {
  background-color: #fff;
}

.part3who .ledge {
  top: 0;
}

.who-content section.left-aligned-section {
  padding: 2vw 0;
}

.equipewho {
  color: #333 !important;
  font-size: 1.041vw;
  font-family: "Montserrat-Medium", sans-serif;
  font-weight: 600;
}

.h4who {
  font-size: 35px;
  font-family: "Montserrat-Bold", sans-serif;
  font-weight: 700;
  color: #339999;
  margin-bottom: 50px;
  text-align: left;
}

.pwho {
  color: #000;
  font-size: 14px;
  font-family: "Montserrat-Medium", sans-serif;
  margin-bottom: 15px;
  font-weight: 500;
  width: 100%;
  text-align: left;
}

.who-content .whobottom h1 {
  color: #fff55a;
  font-size: 300px;
  font-family: "Montserrat-Medium", sans-serif;
  font-weight: 600;
  top: 75px;
  position: relative;
  height: 0;
  left: -62%;
}

.who-2parts {
  max-width: 1000px;
  margin: 0 auto;
}

.who-2parts .content {
  width: 50% !important;
  margin: 0 !important;
  float: left;
}

.who-content #h1index {
  height: 160px;
  top: -10%;
}

.who-content .savoirplus {
  top: -10%;
  position: relative;
}

.contact-modal-content {
  max-width: 1195px;
  margin: 0 auto;
  background: #fff;
  display: inline-block;
  top: 150px;
  padding: 110px 155px;
  z-index: 1;
  margin-bottom: 150px;
}

.contact-modal-content .content {
  width: 60% !important;
  margin: 0 !important;
  float: left;
}

.contact-modal-content .content2 {
  width: 40% !important;
  margin: 0 !important;
  float: left;
}

.contact-modal-content .content h1, .contact-modal-content .content2 h1 {
  color: #000;
  font-size: 25px;
  font-family: "Montserrat-Regular", sans-serif;
  font-weight: 600;
  text-align: left;
  line-height: 1.3;
}

.contact-modal-content .content p, .contact-modal-content .content2 p {
  color: #000;
  font-size: 16px;
  font-family: "Montserrat-Medium", sans-serif;
  font-weight: 500;
  text-align: left;
  margin: 40px 0;
}

.wpcf7 input[type=text], input[type=email], input[type=tel], input[type=number], select {
  height: 45px;
  font-family: "Montserrat-Regular", sans-serif;
  color: #333333;
  padding-left: 12px;
  width: 100%;
  border: none;
}

.wpcf7 textarea {
  width: 100%;
  font-family: "Montserrat-Regular", sans-serif;
  padding-left: 12px;
  padding-top: 12px;
}

.wpcf7 input[type=submit] {
  width: 180px;
  height: 50px;
  border: none;
  background-color: #fa6141;
  color: #fff;
  text-align: center;
  font-family: Montserrat-Bold, serif;
  text-transform: uppercase;
  cursor: pointer;
}

.footer-contact p {
  margin: 0;
}
.footer-contact .wpcf7-form {
  margin-bottom: 0;
}
.footer-contact .wpcf7 input[type=submit] {
  width: calc(50% - 6px);
  height: 50px;
  border: none;
  background-color: #fa6141;
  color: #fff;
  text-align: center;
  font-family: Montserrat-Bold, serif;
  text-transform: uppercase;
  cursor: pointer;
  margin-top: 15px;
}
.footer-contact input[type=text] {
  width: calc(50% - 6px);
  float: left;
}
.footer-contact input[type=email] {
  width: calc(50% - 6px);
  float: right;
}

div.wpcf7 {
  text-align: left;
}

.col {
  float: left;
  width: 100%;
  padding: 15px;
}

.col:first-child {
  margin-left: 0;
  padding-left: 0;
}

.col:nth-child(2), .col.m12 {
  margin-right: 0;
  padding-right: 0;
}

.m6, .m12 {
  width: 100%;
}

@media only screen and (min-width: 550px) {
  .m6 {
    width: 50%;
  }
}
@media only screen and (min-width: 550px) {
  .m12 {
    width: 100%;
    margin-left: 0;
  }
}
* {
  box-sizing: border-box;
}

.wpcf7-form {
  margin-bottom: 20px;
}

.contact-temp footer::before {
  background: none;
}

@media screen and (max-width: 767px) {
  .logo-shield-wrap {
    width: 36px;
    height: 44px;
    margin: 0 auto;
  }

  #h1index {
    width: 100%;
  }

  .savoirplus {
    width: 100%;
    margin: 0;
    text-align: center;
  }

  .figures {
    width: 100vw;
    height: 100vw;
    margin: 0;
  }

  .who-figures .figures {
    width: 138vw;
    height: 160vw;
    margin: -65vw 0 0 -88vw;
  }

  .intro-content .savoirplus, .who-content .savoirplus {
    top: -20%;
    position: relative;
  }

  .intro-content #h1index, .who-content #h1index {
    top: -20%;
  }

  .carteglobe img.imgbg {
    width: 100%;
    top: 0;
    left: 0;
    height: auto;
    display: inline-block;
  }

  .carteglobe img.project-thumb {
    display: none;
  }

  #nosservice {
    top: 0;
    margin-bottom: 18vw;
  }

  section p {
    width: 100%;
    margin: 20px 0;
  }

  h3:not(.no-line)::after {
    margin: -3.5px 0 0 -26px;
    width: 53px;
  }

  h3, .equipewho {
    font-size: 4.2857142857vw;
  }

  .who-2parts .content {
    width: 100% !important;
    padding: 0 50px;
    margin: 0;
  }

  .who-content .whobottom h1 {
    display: none;
  }

  .columns {
    width: 100%;
    display: inline-block;
  }

  .columns li {
    width: 100%;
    display: inline-block;
  }

  #nosservice ul li p {
    height: auto;
    display: inline-block;
    margin-bottom: 5vw;
  }

  .intro-content .home-thumb:nth-child(2) {
    display: inline-block;
    left: 0px;
    right: 0px;
  }

  .contact-modal-content {
    width: 90%;
    padding: 50px;
  }

  .contact-modal-content .content {
    width: 100% !important;
  }

  .contact-modal-content .content2 {
    display: none;
  }

  .col:nth-child(2), .col.m12, .col:first-child {
    padding: 15px 0;
  }
}
.footer-contact {
  margin-bottom: 25px;
}

/********** Contact form *******/
.candidature {
  background-color: #FFF55A;
  padding: 4vw;
  width: 100%;
  float: left;
  font-family: Montserrat-Regular, serif;
}
.candidature label {
  line-height: 2;
}
.candidature input, .candidature textarea {
  border: none;
}
.candidature .custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.candidature .custom-file-input::before {
  content: "AJOUTER VOTRE CV";
  width: 100%;
  color: #FFFFFF;
  display: inline-block;
  text-align: left;
  background-color: #3A3939;
  padding: 15px 20px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
}
.candidature .custom-file-input:hover::before {
  border-color: black;
}
.candidature .custom-file-input:active::before {
  background-color: #3A3939;
}
.candidature input[type=file] {
  width: 48%;
}
@media (max-width: 767px) {
  .candidature input[type=file] {
    width: 100%;
  }
}
.candidature input[type=submit] {
  border: none;
  font-family: Montserrat-Bold, serif;
  text-transform: uppercase;
  cursor: pointer;
  background-color: transparent;
  color: #000;
  width: unset;
  height: unset;
  text-align: right;
  float: right;
}
.candidature .row {
  width: 100%;
  float: left;
  margin-bottom: 25px;
}
.candidature .row .part1 {
  width: 48%;
  float: left;
}
@media (max-width: 767px) {
  .candidature .row .part1 {
    width: 100%;
    float: left;
  }
}
.candidature .row .part2 {
  width: 48%;
  float: right;
}
@media (max-width: 767px) {
  .candidature .row .part2 {
    width: 100%;
    float: left;
  }
}
.candidature .row .part3 {
  width: 70%;
  float: left;
}
@media (max-width: 767px) {
  .candidature .row .part3 {
    width: 100%;
    float: left;
  }
}
.candidature .row .part4 {
  width: 30%;
  float: right;
  text-align: right;
}
@media (max-width: 767px) {
  .candidature .row .part4 {
    width: 100%;
    float: left;
  }
}
.candidature .row .part4 .fleche:after {
  content: "";
  width: 1.5vw;
  height: 1.5vw;
  background-image: url(/wp-content/themes/vsc-theme/images/Arrow-black.svg);
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 15px;
  background-position: center;
  display: block;
  float: right;
  cursor: pointer;
  min-width: 20px;
  min-height: 20px;
}
.candidature .wpcf7-list-item {
  margin: 0;
}

.faqfaq .vce-faq-group-item {
  border: none;
}
.faqfaq .vce-faq-group-item-heading {
  padding: 27px 0;
  border-bottom: 1px dotted #3A3939;
}
.faqfaq .vce-faq-group-item-heading-title {
  font-family: Montserrat-Bold, serif;
  max-width: 80%;
}
.faqfaq .vce-faq-group-item-content {
  border-top: none;
}
.faqfaq .vce-faq-group-item-icon:after, .faqfaq .vce-faq-group-item-icon:before {
  width: 1vw;
}
@media (max-width: 767px) {
  .faqfaq .vce-faq-group-item-icon:after, .faqfaq .vce-faq-group-item-icon:before {
    width: 16px;
  }
}
.faqfaq .vce-faq-group-item-icon:after {
  height: 1vw;
  width: 2px;
  left: 0.9vw;
  top: 0.9vw;
}
@media (max-width: 767px) {
  .faqfaq .vce-faq-group-item-icon:after {
    height: 16px;
    left: 15px;
    top: 15px;
  }
}
.faqfaq .vce-faq-group-item-icon {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.faqfaq .vce-faq-group-item--opened .vce-faq-group-item-icon {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

/************* footer vc ************/
ol, ul {
  list-style: none;
}

footer a, footer div, footer h1, footer h2, footer h3, .section {
  position: relative;
}

.pos-a, .pos-a-b-l, .pos-a-b-r, .pos-a-center, .pos-a-t-l, .pos-a-t-r {
  position: absolute;
}

a {
  display: block;
}

i, i.rights {
  font-style: normal;
  display: inline-block;
}

.wiggle, a.arrow-link, a.arrow-link span, a.arrow-link span::before {
  -webkit-transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
  -moz-transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
}

cite {
  font-style: normal;
}

i {
  -webkit-transform: translateY(-25%);
  -moz-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  -o-transform: translateY(-25%);
  transform: translateY(-25%);
  margin-right: 3px;
}

i.rights {
  -webkit-transform: translateY(-20%);
  -moz-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
  -o-transform: translateY(-20%);
  transform: translateY(-20%);
}

.flex-vert, .flex-vert-center {
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-pack: center;
}

.full-size {
  width: 100%;
  height: 100%;
  top: 0;
}

.viewport-full-size {
  width: 100vw;
  height: 100vh;
}

.flex-horiz > *, .full-width {
  /*width:100%*/
}

.flex-vert-center {
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  height: 100vh;
  margin-top: -0.5%;
}

.awards .gigantic-text, .flex-vert {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
}

.flex-vert {
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}

.columns, .flex-horiz {
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
}

.flex-vert > * {
  height: 100%;
}

.flex-horiz {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
}

.pos-a-center {
  left: 50%;
  top: 50%;
}

.pos-a-t-l {
  top: 0;
  left: 0;
}

.pos-a-b-l {
  bottom: 0;
  left: 0;
}

.pos-a-t-r {
  top: 0;
  right: 0;
}

.pos-a-b-r {
  bottom: 0;
  right: 0;
}

.pos-f, .pos-f-bottom, .pos-f-t-l {
  position: fixed;
}

.pos-f-t-l {
  top: 0;
  left: 0;
}

.pos-f-bottom {
  bottom: 0;
  left: 0;
}

.pc-a::after, .pc-b::before {
  content: "";
}

.center-l-t {
  position: absolute;
  left: 50%;
  top: 50%;
}

.mob-only {
  display: none;
}

.desktop-only {
  display: block;
}

@media only screen and (max-width: 800px) {
  .mob-only {
    display: block;
  }

  .desktop-only {
    display: none;
  }
}
.perch-content {
  display: none;
}

.box-arrow-link, .widow-killer, a.arrow-link {
  display: inline-block;
}

a.arrow-link, a.arrow-link span, a.arrow-link span::before {
  transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
}

a.arrow-link {
  padding-right: 10px;
  position: relative;
}

a.arrow-link span {
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -3px;
  width: 60px;
  height: 8px;
  overflow: hidden;
}

.underline-link::after, a.arrow-link span::before {
  width: 100%;
  left: 0;
  content: "";
}

a.arrow-link span::before {
  position: absolute;
  top: 0;
  height: 100%;
  -webkit-transform: translateX(-50px);
  -moz-transform: translateX(-50px);
  -ms-transform: translateX(-50px);
  -o-transform: translateX(-50px);
  transform: translateX(-50px);
  background: url(../img/ui/arrow.svg) center center/100% 100% no-repeat;
}

a.arrow-link:hover {
  -webkit-transform: translateX(-25px);
  -moz-transform: translateX(-25px);
  -ms-transform: translateX(-25px);
  -o-transform: translateX(-25px);
  transform: translateX(-25px);
}

a.arrow-link:hover span {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

a.arrow-link:hover span::before {
  -webkit-transform: translateX(-4px);
  -moz-transform: translateX(-4px);
  -ms-transform: translateX(-4px);
  -o-transform: translateX(-4px);
  transform: translateX(-4px);
}

.underline-link {
  position: relative;
}

.underline-link::after {
  position: absolute;
  bottom: -5%;
  height: 2px;
  z-index: 0;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.underline-link span {
  z-index: 1;
  position: relative;
  -webkit-transition: 0.35s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: 0.35s cubic-bezier(0.7, 0.3, 0, 1);
  transition: 0.35s cubic-bezier(0.7, 0.3, 0, 1);
}

.underline-link::before {
  background-color: #212121;
}

.underline-link::after {
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
  transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
}

.underline-link:hover::after {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}

.arrow-head {
  width: 26px;
  height: 26px;
  overflow: hidden;
}

.arrow-head span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
  transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
}

.arrow-head span::after, .arrow-head span::before {
  content: "";
  position: absolute;
  top: 50%;
}

.arrow-head span::before {
  height: 2px;
  width: 90%;
  left: 0;
  margin-top: -1px;
  background-color: #FFF;
}

.arrow-head span::after {
  right: 0;
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
  background: url(../img/ui/arrow-head-white.svg) center center/100% no-repeat;
}

.arrow-head[data-color=black] span::before {
  background-color: #212121;
}

.arrow-head[data-color=black] span::after {
  background: url(../img/ui/arrow-head-black.svg) center center/100% no-repeat;
}

.box-arrow-link {
  height: 38px;
  border: 2px solid #fff;
  -webkit-transition: 0.52s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: 0.52s cubic-bezier(0.7, 0.3, 0, 1);
  transition: 0.52s cubic-bezier(0.7, 0.3, 0, 1);
  -webkit-transform: translateX(-22px);
  -moz-transform: translateX(-22px);
  -ms-transform: translateX(-22px);
  -o-transform: translateX(-22px);
  transform: translateX(-22px);
}

.box-arrow-link .box-arrow-1::before, .logo-animation .logo-piece div {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  -o-transform-origin: 100% 0;
}

.box-arrow-link .box-text {
  padding: 0 16px;
  line-height: 36px;
}

.box-arrow-link .box-arrow-1, .box-arrow-link .box-arrow-2 {
  position: absolute;
  height: 43px;
  width: 50px;
  top: -2px;
  overflow: hidden;
}

.box-arrow-link .box-arrow-1::before, .box-arrow-link .box-arrow-2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 38px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transition: 0.55s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: 0.55s cubic-bezier(0.7, 0.3, 0, 1);
  transition: 0.55s cubic-bezier(0.7, 0.3, 0, 1);
}

.box-arrow-link .box-arrow-1 .arrow-head, .box-arrow-link .box-arrow-2 .arrow-head {
  left: 50%;
  top: 50%;
  width: 20px;
  margin: -14px 0 0 -10px;
  position: absolute;
}

.box-arrow-link .box-arrow-1 {
  right: 100%;
}

.box-arrow-link .box-arrow-1::before {
  border-left: 2px solid #fff;
  transform-origin: 100% 0;
  background-color: #FFF;
}

.box-arrow-link .box-arrow-2 {
  left: 100%;
}

.box-arrow-link .box-arrow-2::before {
  margin-left: -3px;
  border-right: 2px solid #fff;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
}

.box-arrow-link .box-arrow-1::before {
  -webkit-transform: translateX(105%);
  -moz-transform: translateX(105%);
  -ms-transform: translateX(105%);
  -o-transform: translateX(105%);
  transform: translateX(105%);
}

.box-arrow-link .box-arrow-1 .arrow-head span {
  -webkit-transform: translateX(-105%);
  -moz-transform: translateX(-105%);
  -ms-transform: translateX(-105%);
  -o-transform: translateX(-105%);
  transform: translateX(-105%);
}

.box-arrow-link:hover {
  -webkit-transform: translateX(25px);
  -moz-transform: translateX(25px);
  -ms-transform: translateX(25px);
  -o-transform: translateX(25px);
  transform: translateX(25px);
  -webkit-transition-delay: 0.15s;
  -moz-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.box-arrow-link:hover .box-arrow-1::before {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-delay: 0.22s;
  -moz-transition-delay: 0.22s;
  transition-delay: 0.22s;
}

.box-arrow-link:hover .box-arrow-2::before {
  -webkit-transform: translateX(-105%);
  -moz-transform: translateX(-105%);
  -ms-transform: translateX(-105%);
  -o-transform: translateX(-105%);
  transform: translateX(-105%);
}

.box-arrow-link:hover .box-arrow-1 .arrow-head span {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-delay: 0.22s;
  -moz-transition-delay: 0.22s;
  transition-delay: 0.22s;
}

.box-arrow-link:hover .box-arrow-2 .arrow-head span {
  -webkit-transform: translateX(105%);
  -moz-transform: translateX(105%);
  -ms-transform: translateX(105%);
  -o-transform: translateX(105%);
  transform: translateX(105%);
  -webkit-transition-duration: 0.35s;
  -moz-transition-duration: 0.35s;
  transition-duration: 0.35s;
}

.box-arrow-link.clicked:hover:not(.dark-box-arrow-link), .box-arrow-link.clicked:not(.dark-box-arrow-link) {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: translateX(50px);
  -moz-transform: translateX(50px);
  -ms-transform: translateX(50px);
  -o-transform: translateX(50px);
  transform: translateX(50px);
  opacity: 0;
}

.box-arrow-link.dark-box-arrow-link {
  border-color: #c8c8c8;
  color: #212121;
  margin-top: 32px;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.box-arrow-link.dark-box-arrow-link .box-arrow-1::before, .box-arrow-link.dark-box-arrow-link .box-arrow-2::before {
  border-top: 2px solid #c8c8c8;
  border-bottom: 2px solid #c8c8c8;
}

.box-arrow-link.dark-box-arrow-link .box-arrow-1::before {
  border-left: 2px solid #c8c8c8;
  background-color: #c8c8c8;
}

.box-arrow-link.dark-box-arrow-link .box-arrow-2::before {
  border-right: 2px solid #c8c8c8;
}

.box-arrow-link.dark-box-arrow-link:hover {
  -webkit-transform: translateX(48px);
  -moz-transform: translateX(48px);
  -ms-transform: translateX(48px);
  -o-transform: translateX(48px);
  transform: translateX(48px);
}

.close {
  width: 16px;
  height: 16px;
}

@media screen and (min-width: 1400px) {
  .close {
    width: 22px;
    height: 22px;
  }
}
.close span::after, .close span::before {
  content: "";
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  width: 100%;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 0;
  background-color: #212121;
  margin-top: -1px;
  -webkit-transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
  transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
}

.icon::after, .icon::before, .wiggle::before {
  top: 0;
  content: "";
  position: absolute;
}

.close span:nth-child(2)::after, .close span:nth-child(2)::before, .close:hover span:nth-child(1)::after, .close:hover span:nth-child(1)::before {
  background-color: rgba(33, 33, 33, 0);
}

.close span::before {
  -webkit-transform: rotate(45deg) translateZ(0) scale(1, 1);
  -moz-transform: rotate(45deg) translateZ(0) scale(1, 1);
  -ms-transform: rotate(45deg) translateZ(0) scale(1, 1);
  -o-transform: rotate(45deg) translateZ(0) scale(1, 1);
  transform: rotate(45deg) translateZ(0) scale(1, 1);
}

.close span::after {
  -webkit-transform: rotate(-45deg) translateZ(0) scale(1, 1);
  -moz-transform: rotate(-45deg) translateZ(0) scale(1, 1);
  -ms-transform: rotate(-45deg) translateZ(0) scale(1, 1);
  -o-transform: rotate(-45deg) translateZ(0) scale(1, 1);
  transform: rotate(-45deg) translateZ(0) scale(1, 1);
}

.close span:nth-child(2)::after {
  -webkit-transform: rotate(-45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
  -moz-transform: rotate(-45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
  -ms-transform: rotate(-45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
  -o-transform: rotate(-45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
  transform: rotate(-45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
}

.close span:nth-child(2)::before {
  -webkit-transform: rotate(45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
  -moz-transform: rotate(45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
  -ms-transform: rotate(45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
  -o-transform: rotate(45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
  transform: rotate(45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
}

.close:hover span:nth-child(1)::after {
  -webkit-transition-delay: 0.15s;
  -moz-transition-delay: 0.15s;
  transition-delay: 0.15s;
  -webkit-transform: rotate(-45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
  -moz-transform: rotate(-45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
  -ms-transform: rotate(-45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
  -o-transform: rotate(-45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
  transform: rotate(-45deg) translate3d(-10px, 0, 0) translateZ(0) scale(1, 1);
}

.close:hover span:nth-child(1)::before {
  -webkit-transform: rotate(45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
  -moz-transform: rotate(45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
  -ms-transform: rotate(45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
  -o-transform: rotate(45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
  transform: rotate(45deg) translate3d(10px, 0, 0) translateZ(0) scale(1, 1);
}

.close:hover span:nth-child(2)::after, .close:hover span:nth-child(2)::before {
  background-color: #212121;
}

.close:hover span:nth-child(2)::before {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
  -moz-transform: rotate(45deg) translate3d(0, 0, 0);
  -ms-transform: rotate(45deg) translate3d(0, 0, 0);
  -o-transform: rotate(45deg) translate3d(0, 0, 0);
  transform: rotate(45deg) translate3d(0, 0, 0);
}

.close:hover span:nth-child(2)::after {
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
  -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
  -moz-transform: rotate(-45deg) translate3d(0, 0, 0);
  -ms-transform: rotate(-45deg) translate3d(0, 0, 0);
  -o-transform: rotate(-45deg) translate3d(0, 0, 0);
  transform: rotate(-45deg) translate3d(0, 0, 0);
}

.icon {
  width: 21px;
  height: 21px;
}

footer .icon {
  background-color: #fa6141;
  border-radius: 50%;
  padding: 10px;
  float: left;
  margin-right: 12px;
  width: 45px;
  height: 45px;
  margin-top: 15px;
}

.icon::after, .icon::before {
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.28s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.28s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.28s cubic-bezier(0.62, 0.02, 0.34, 1);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}

.icon::before {
  opacity: 0;
  -webkit-transition: 10ms 0.3s;
  -moz-transition: 10ms 0.3s;
  transition: 10ms 0.3s;
}

.icon.icon-mail::after {
  background: url(../img/ui/icon-mail.svg) center center/100% no-repeat;
}

.icon.icon-twitter::after {
  background: url(../img/ui/icon-twitter.svg) center center/40% no-repeat;
}

.icon.icon-behance::after {
  background: url(../img/ui/icon-behance.svg) center center/40% no-repeat;
}

.icon.icon-dribbble::after {
  background: url(../img/ui/icon-dribbble.svg) center center/40% no-repeat;
}

.icon.icon-linkedin::after {
  background: url(../img/ui/icon-linkedin.svg) center center/40% no-repeat;
}

.icon:hover::before {
  opacity: 1;
  -webkit-transition: 10ms 0s;
  -moz-transition: 10ms 0s;
  transition: 10ms 0s;
}

.icon:hover::after {
  opacity: 1;
}

.letter-split > span, .letter-split > span > span {
  display: inline;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
}

.columns, footer ul li:nth-child(2) {
  display: -webkit-box;
  display: -moz-box;
}

.letter-split > span {
  opacity: 0;
}

.letter-split > span:nth-child(1), .letter-split > span:nth-child(1) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0s;
}

.letter-split > span:nth-child(2), .letter-split > span:nth-child(2) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 20ms;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 20ms;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 20ms;
}

.letter-split > span:nth-child(3), .letter-split > span:nth-child(3) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 40ms;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 40ms;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 40ms;
}

.letter-split > span:nth-child(4), .letter-split > span:nth-child(4) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 60ms;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 60ms;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 60ms;
}

.letter-split > span:nth-child(5), .letter-split > span:nth-child(5) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 80ms;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 80ms;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 80ms;
}

.letter-split > span:nth-child(6), .letter-split > span:nth-child(6) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.1s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.1s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.1s;
}

.letter-split > span:nth-child(7), .letter-split > span:nth-child(7) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.12s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.12s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.12s;
}

.letter-split > span:nth-child(8), .letter-split > span:nth-child(8) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.14s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.14s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.14s;
}

.letter-split > span:nth-child(9), .letter-split > span:nth-child(9) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.16s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.16s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.16s;
}

.letter-split > span:nth-child(10), .letter-split > span:nth-child(10) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.18s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.18s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.18s;
}

.letter-split > span:nth-child(11), .letter-split > span:nth-child(11) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.2s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.2s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.2s;
}

.letter-split > span:nth-child(12), .letter-split > span:nth-child(12) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.22s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.22s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.22s;
}

.letter-split > span:nth-child(13), .letter-split > span:nth-child(13) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.24s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.24s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.24s;
}

.letter-split > span:nth-child(14), .letter-split > span:nth-child(14) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.26s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.26s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.26s;
}

.letter-split > span:nth-child(15), .letter-split > span:nth-child(15) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.28s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.28s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.28s;
}

.letter-split > span:nth-child(16), .letter-split > span:nth-child(16) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.3s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.3s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.3s;
}

.letter-split > span:nth-child(17), .letter-split > span:nth-child(17) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.32s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.32s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.32s;
}

.letter-split > span:nth-child(18), .letter-split > span:nth-child(18) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.34s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.34s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.34s;
}

.letter-split > span:nth-child(19), .letter-split > span:nth-child(19) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.36s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.36s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.36s;
}

.letter-split > span:nth-child(20), .letter-split > span:nth-child(20) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.38s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.38s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.38s;
}

.letter-split > span:nth-child(21), .letter-split > span:nth-child(21) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.4s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.4s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.4s;
}

.letter-split > span:nth-child(22), .letter-split > span:nth-child(22) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.42s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.42s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.42s;
}

.letter-split > span:nth-child(23), .letter-split > span:nth-child(23) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.44s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.44s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.44s;
}

.letter-split > span:nth-child(24), .letter-split > span:nth-child(24) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.46s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.46s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.46s;
}

.letter-split > span:nth-child(25), .letter-split > span:nth-child(25) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.48s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.48s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.48s;
}

.letter-split > span:nth-child(26), .letter-split > span:nth-child(26) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.5s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.5s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.5s;
}

.letter-split > span:nth-child(27), .letter-split > span:nth-child(27) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.52s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.52s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.52s;
}

.letter-split > span:nth-child(28), .letter-split > span:nth-child(28) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.54s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.54s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.54s;
}

.letter-split > span:nth-child(29), .letter-split > span:nth-child(29) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.56s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.56s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.56s;
}

.letter-split > span:nth-child(30), .letter-split > span:nth-child(30) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.58s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.58s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.58s;
}

.letter-split > span:nth-child(31), .letter-split > span:nth-child(31) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.6s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.6s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.6s;
}

.letter-split > span:nth-child(32), .letter-split > span:nth-child(32) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.62s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.62s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.62s;
}

.letter-split > span:nth-child(33), .letter-split > span:nth-child(33) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.64s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.64s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.64s;
}

.letter-split > span:nth-child(34), .letter-split > span:nth-child(34) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.66s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.66s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.66s;
}

.letter-split > span:nth-child(35), .letter-split > span:nth-child(35) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.68s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.68s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.68s;
}

.letter-split > span:nth-child(36), .letter-split > span:nth-child(36) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.7s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.7s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.7s;
}

.letter-split > span:nth-child(37), .letter-split > span:nth-child(37) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.72s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.72s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.72s;
}

.letter-split > span:nth-child(38), .letter-split > span:nth-child(38) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.74s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.74s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.74s;
}

.letter-split > span:nth-child(39), .letter-split > span:nth-child(39) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.76s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.76s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.76s;
}

.letter-split > span:nth-child(40), .letter-split > span:nth-child(40) span {
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.78s;
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.78s;
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.78s;
}

.wiggle-link:hover .wiggle, .wiggle-link:hover .wiggle::before {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.wiggle {
  position: absolute;
  bottom: -7px;
  height: 3px;
  left: 20%;
  width: 60%;
  overflow: hidden;
  -webkit-transform: translateX(-105%);
  -moz-transform: translateX(-105%);
  -ms-transform: translateX(-105%);
  -o-transform: translateX(-105%);
  transform: translateX(-105%);
  transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.wiggle::before {
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(105%);
  -moz-transform: translateX(105%);
  -ms-transform: translateX(105%);
  -o-transform: translateX(105%);
  transform: translateX(105%);
  -webkit-transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
  -moz-transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
  transition: 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
  background: url(../img/ui/wiggle-white.svg) center center/7px 3px repeat-x;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.toyfight-logo-flat {
  width: 660px;
  height: 330px;
  z-index: 99;
  color: #fa6141;
  font-weight: 600;
  position: relative;
  display: inline-block;
  left: 4%;
  top: 40%;
  height: 0;
}

/***********************************************/
@keyframes b {
  0% {
    transform: translateY(0) translateX(0);
  }
  50% {
    transform: translateY(20px) translateX(0);
  }
  to {
    transform: translateY(0) translateX(0);
  }
}
footer #after:hover {
  animation: b 1.4s cubic-bezier(0.645, 0.045, 0.355, 1) infinite !important;
}

/*******************************************/
.scroll-arrow-wrap {
  width: 50px;
  height: 40px;
  margin: -20px 0 0 -25px;
  bottom: 3%;
  left: 50%;
  -webkit-transition: 0.19s linear;
  -moz-transition: 0.19s linear;
  transition: 0.19s linear;
  z-index: 3;
}

.scroll-arrow-wrap[data-active=off], .scroll-arrow-wrap[data-preloading=on] {
  opacity: 0;
  pointer-events: none;
}

.back-to-top-arrow-wrap:hover, .scroll-arrow-wrap:hover {
  cursor: pointer;
}

body[data-state=intro] .back-to-top-arrow-wrap:hover span::after, body[data-state=intro] .back-to-top-arrow-wrap:hover span::before, body[data-state=intro] .scroll-arrow-wrap:hover span::after, body[data-state=intro] .scroll-arrow-wrap:hover span::before {
  background-color: #fff;
}

body[data-state=who] .back-to-top-arrow-wrap:hover span::after, body[data-state=who] .back-to-top-arrow-wrap:hover span::before, body[data-state=who] .scroll-arrow-wrap:hover span::after, body[data-state=who] .scroll-arrow-wrap:hover span::before {
  background-color: #96ffca;
}

body[data-state=what] .back-to-top-arrow-wrap:hover span::after, body[data-state=what] .back-to-top-arrow-wrap:hover span::before, body[data-state=what] .scroll-arrow-wrap:hover span::after, body[data-state=what] .scroll-arrow-wrap:hover span::before {
  background-color: #fff55a;
}

body[data-state=work] .back-to-top-arrow-wrap:hover span::after, body[data-state=work] .back-to-top-arrow-wrap:hover span::before, body[data-state=work] .scroll-arrow-wrap:hover span::after, body[data-state=work] .scroll-arrow-wrap:hover span::before {
  background-color: #fbe10f;
}

.back-to-top-arrow-wrap:hover span::before, .scroll-arrow-wrap:hover span::before {
  -webkit-transform: skewY(32deg);
  -moz-transform: skewY(32deg);
  -ms-transform: skewY(32deg);
  -o-transform: skewY(32deg);
  transform: skewY(32deg);
}

.back-to-top-arrow-wrap:hover span::after, .scroll-arrow-wrap:hover span::after {
  -webkit-transform: skewY(-32deg);
  -moz-transform: skewY(-32deg);
  -ms-transform: skewY(-32deg);
  -o-transform: skewY(-32deg);
  transform: skewY(-32deg);
}

.scroll-arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  width: 20px;
  height: 2px;
  margin: -1px 0 0 -10px;
}

.scroll-arrow span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: arrowpointing forwards infinite 3s cubic-bezier(0.52, 0.01, 0.16, 1);
  -moz-animation: arrowpointing forwards infinite 3s cubic-bezier(0.52, 0.01, 0.16, 1);
  animation: arrowpointing forwards infinite 3s cubic-bezier(0.52, 0.01, 0.16, 1);
}

@media only screen and (max-width: 800px) {
  .scroll-arrow span {
    -webkit-animation: none !important;
    -moz-animation: none !important;
    animation: none !important;
  }
}
.scroll-arrow span::after, .scroll-arrow span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  background-color: #fff;
  -webkit-transform: skewY(22deg);
  -moz-transform: skewY(22deg);
  -ms-transform: skewY(22deg);
  -o-transform: skewY(22deg);
  transform: skewY(22deg);
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition: 0.36s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: 0.36s cubic-bezier(0.7, 0.3, 0, 1);
  transition: 0.36s cubic-bezier(0.7, 0.3, 0, 1);
}

.scroll-arrow span:nth-child(2) {
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.scroll-arrow span::before {
  left: 0;
}

.scroll-arrow span::after {
  left: 50%;
  -webkit-transform: skewY(-22deg);
  -moz-transform: skewY(-22deg);
  -ms-transform: skewY(-22deg);
  -o-transform: skewY(-22deg);
  transform: skewY(-22deg);
}

body[data-state=intro] .scroll-arrow span::after, body[data-state=intro] .scroll-arrow span::before {
  background-color: #212121;
}

.logo-animation .logo-piece {
  position: absolute;
}

.logo-animation .logo-piece.logo-piece-h {
  width: 22.3%;
  height: 6.35%;
  -webkit-transform: rotate(-16deg);
  -moz-transform: rotate(-16deg);
  -ms-transform: rotate(-16deg);
  -o-transform: rotate(-16deg);
  transform: rotate(-16deg);
}

.logo-animation .logo-piece.logo-piece-v {
  width: 25.96%;
  height: 7.93%;
  -webkit-transform: rotate(-65.9deg);
  -moz-transform: rotate(-65.9deg);
  -ms-transform: rotate(-65.9deg);
  -o-transform: rotate(-65.9deg);
  transform: rotate(-65.9deg);
}

.logo-animation .logo-piece.logo-piece-d {
  width: 20.9%;
  height: 7.68%;
  -webkit-transform: rotate(-43.7deg);
  -moz-transform: rotate(-43.7deg);
  -ms-transform: rotate(-43.7deg);
  -o-transform: rotate(-43.7deg);
  transform: rotate(-43.7deg);
}

.logo-animation .logo-piece div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform-origin: 100% 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.logo-animation .logo-piece div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  -o-transform-origin: 100% 0;
  transform-origin: 100% 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.logo-animation .logo-piece:nth-child(1) div, .logo-animation .logo-piece:nth-child(1) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 10ms;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 10ms;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 10ms;
}

.logo-animation .logo-piece:nth-child(2) div, .logo-animation .logo-piece:nth-child(2) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 20ms;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 20ms;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 20ms;
}

.logo-animation .logo-piece:nth-child(3) div, .logo-animation .logo-piece:nth-child(3) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 30ms;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 30ms;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 30ms;
}

.logo-animation .logo-piece:nth-child(4) div, .logo-animation .logo-piece:nth-child(4) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 40ms;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 40ms;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 40ms;
}

.logo-animation .logo-piece:nth-child(5) div, .logo-animation .logo-piece:nth-child(5) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 50ms;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 50ms;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 50ms;
}

.logo-animation .logo-piece:nth-child(6) div, .logo-animation .logo-piece:nth-child(6) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 60ms;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 60ms;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 60ms;
}

.logo-animation .logo-piece:nth-child(7) div, .logo-animation .logo-piece:nth-child(7) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 70ms;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 70ms;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 70ms;
}

.logo-animation .logo-piece:nth-child(8) div, .logo-animation .logo-piece:nth-child(8) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 80ms;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 80ms;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 80ms;
}

.logo-animation .logo-piece:nth-child(9) div, .logo-animation .logo-piece:nth-child(9) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 90ms;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 90ms;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 90ms;
}

.logo-animation .logo-piece:nth-child(10) div, .logo-animation .logo-piece:nth-child(10) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.1s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.1s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.1s;
}

.logo-animation .logo-piece:nth-child(11) div, .logo-animation .logo-piece:nth-child(11) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.11s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.11s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.11s;
}

.logo-animation .logo-piece:nth-child(12) div, .logo-animation .logo-piece:nth-child(12) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.12s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.12s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.12s;
}

.logo-animation .logo-piece:nth-child(13) div, .logo-animation .logo-piece:nth-child(13) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.13s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.13s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.13s;
}

.logo-animation .logo-piece:nth-child(14) div, .logo-animation .logo-piece:nth-child(14) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.14s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.14s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.14s;
}

.logo-animation .logo-piece:nth-child(15) div, .logo-animation .logo-piece:nth-child(15) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.15s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.15s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.15s;
}

.logo-animation .logo-piece:nth-child(16) div, .logo-animation .logo-piece:nth-child(16) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.16s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.16s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.16s;
}

.logo-animation .logo-piece:nth-child(17) div, .logo-animation .logo-piece:nth-child(17) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.17s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.17s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.17s;
}

.logo-animation .logo-piece:nth-child(18) div, .logo-animation .logo-piece:nth-child(18) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.18s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.18s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.18s;
}

.logo-animation .logo-piece:nth-child(19) div, .logo-animation .logo-piece:nth-child(19) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.19s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.19s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.19s;
}

.logo-animation .logo-piece:nth-child(20) div, .logo-animation .logo-piece:nth-child(20) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.2s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.2s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.2s;
}

.logo-animation .logo-piece:nth-child(21) div, .logo-animation .logo-piece:nth-child(21) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.21s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.21s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.21s;
}

.logo-animation .logo-piece:nth-child(22) div, .logo-animation .logo-piece:nth-child(22) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.22s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.22s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.22s;
}

.logo-animation .logo-piece:nth-child(23) div, .logo-animation .logo-piece:nth-child(23) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.23s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.23s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.23s;
}

.logo-animation .logo-piece:nth-child(24) div, .logo-animation .logo-piece:nth-child(24) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.24s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.24s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.24s;
}

.logo-animation .logo-piece:nth-child(25) div, .logo-animation .logo-piece:nth-child(25) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.25s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.25s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.25s;
}

.logo-animation .logo-piece:nth-child(26) div, .logo-animation .logo-piece:nth-child(26) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.26s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.26s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.26s;
}

.logo-animation .logo-piece:nth-child(27) div, .logo-animation .logo-piece:nth-child(27) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.27s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.27s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.27s;
}

.logo-animation .logo-piece:nth-child(28) div, .logo-animation .logo-piece:nth-child(28) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.28s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.28s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.28s;
}

.logo-animation .logo-piece:nth-child(29) div, .logo-animation .logo-piece:nth-child(29) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.29s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.29s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.29s;
}

.logo-animation .logo-piece:nth-child(30) div, .logo-animation .logo-piece:nth-child(30) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.3s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.3s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.3s;
}

.logo-animation .logo-piece:nth-child(31) div, .logo-animation .logo-piece:nth-child(31) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.31s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.31s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.31s;
}

.logo-animation .logo-piece:nth-child(32) div, .logo-animation .logo-piece:nth-child(32) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.32s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.32s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.32s;
}

.logo-animation .logo-piece:nth-child(33) div, .logo-animation .logo-piece:nth-child(33) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.33s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.33s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.33s;
}

.logo-animation .logo-piece:nth-child(34) div, .logo-animation .logo-piece:nth-child(34) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.34s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.34s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.34s;
}

.logo-animation .logo-piece:nth-child(35) div, .logo-animation .logo-piece:nth-child(35) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.35s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.35s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.35s;
}

.logo-animation .logo-piece:nth-child(36) div, .logo-animation .logo-piece:nth-child(36) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.36s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.36s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.36s;
}

.logo-animation .logo-piece:nth-child(37) div, .logo-animation .logo-piece:nth-child(37) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.37s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.37s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.37s;
}

.logo-animation .logo-piece:nth-child(38) div, .logo-animation .logo-piece:nth-child(38) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.38s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.38s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.38s;
}

.logo-animation .logo-piece:nth-child(39) div, .logo-animation .logo-piece:nth-child(39) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.39s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.39s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.39s;
}

.logo-animation .logo-piece:nth-child(40) div, .logo-animation .logo-piece:nth-child(40) div::before {
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.4s;
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.4s;
  transition: transform 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.4s;
}

.page-content[data-active=off] .logo-animation .logo-piece div {
  -webkit-transform: translate3d(-105%, 0, 0);
  -moz-transform: translate3d(-105%, 0, 0);
  -ms-transform: translate3d(-105%, 0, 0);
  -o-transform: translate3d(-105%, 0, 0);
  transform: translate3d(-105%, 0, 0);
}

.page-content[data-active=off] .logo-animation .logo-piece div::before {
  -webkit-transform: translate3d(105%, 0, 0);
  -moz-transform: translate3d(105%, 0, 0);
  -ms-transform: translate3d(105%, 0, 0);
  -o-transform: translate3d(105%, 0, 0);
  transform: translate3d(105%, 0, 0);
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(1) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(1) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 285ms;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 285ms;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 285ms;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(2) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(2) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.37s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.37s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.37s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(3) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(3) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 455ms;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 455ms;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 455ms;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(4) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(4) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.54s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.54s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.54s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(5) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(5) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 625ms;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 625ms;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 625ms;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(6) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(6) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.71s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.71s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.71s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(7) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(7) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 795ms;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 795ms;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 795ms;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(8) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(8) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.88s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.88s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.88s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(9) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(9) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 965ms;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 965ms;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 965ms;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(10) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(10) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.05s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.05s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.05s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(11) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(11) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.135s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.135s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.135s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(12) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(12) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.22s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.22s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.22s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(13) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(13) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.305s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.305s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.305s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(14) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(14) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.39s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.39s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.39s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(15) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(15) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.475s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.475s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.475s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(16) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(16) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.56s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.56s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.56s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(17) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(17) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.645s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.645s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.645s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(18) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(18) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.73s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.73s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.73s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(19) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(19) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.815s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.815s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.815s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(20) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(20) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.9s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.9s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.9s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(21) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(21) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.985s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.985s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.985s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(22) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(22) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.07s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.07s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.07s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(23) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(23) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.155s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.155s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.155s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(24) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(24) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.24s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.24s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.24s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(25) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(25) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.325s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.325s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.325s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(26) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(26) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.41s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.41s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.41s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(27) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(27) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.495s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.495s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.495s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(28) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(28) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.58s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.58s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.58s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(29) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(29) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.665s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.665s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.665s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(30) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(30) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.75s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.75s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.75s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(31) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(31) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.835s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.835s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.835s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(32) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(32) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.92s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.92s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 2.92s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(33) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(33) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.005s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.005s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.005s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(34) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(34) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.09s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.09s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.09s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(35) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(35) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.175s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.175s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.175s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(36) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(36) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.26s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.26s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.26s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(37) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(37) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.345s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.345s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.345s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(38) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(38) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.43s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.43s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.43s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(39) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(39) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.515s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.515s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.515s;
}

.page-content[data-active=on] .logo-animation .logo-piece:nth-child(40) div, .page-content[data-active=on] .logo-animation .logo-piece:nth-child(40) div::before {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.6s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.6s;
  transition: transform 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 3.6s;
}

.logo-animation .logo-piece.t-1 {
  top: 45.3%;
  left: 2.1%;
}

.logo-animation .logo-piece.t-1 div::before {
  background: url(../img/ui/logo/toyfight-word/t/t-h-1.svg) center center no-repeat;
}

.logo-animation .logo-piece.t-2 {
  top: 65.9%;
  left: -5.1%;
}

.logo-animation .logo-piece.t-2 div::before {
  background: url(../img/ui/logo/toyfight-word/t/t-v-1.svg) center center no-repeat;
}

.logo-animation .logo-piece.t-3 {
  top: 73%;
  left: 1.2%;
}

.logo-animation .logo-piece.t-3 div::before {
  background: url(../img/ui/logo/toyfight-word/t/t-d-1.svg) center center no-repeat;
}

.logo-animation .logo-piece.o-1 {
  width: 40%;
  top: 60.5%;
  left: -4.1%;
}

.logo-animation .logo-piece.o-1 div::before {
  background: url(../img/ui/logo/toyfight-word/o/o-v-1.svg) center center no-repeat;
}

.logo-animation .logo-piece.o-2 {
  top: 56%;
  left: 13.8%;
}

.logo-animation .logo-piece.o-2 div::before {
  background: url(../img/ui/logo/toyfight-word/o/o-h-1.svg) center center no-repeat;
}

.logo-animation .logo-piece.o-3 {
  top: 59.5%;
  left: 8.8%;
}

.logo-animation .logo-piece.o-3 div::before {
  background: url(../img/ui/logo/toyfight-word/o/o-v-2.svg) center center no-repeat;
}

.logo-animation .logo-piece.o-4 {
  top: 70.5%;
  left: 9.5%;
}

.logo-animation .logo-piece.o-4 div::before {
  background: url(../img/ui/logo/toyfight-word/o/o-d-1.svg) center center no-repeat;
}

.logo-animation .logo-piece.y-1 {
  top: 52.5%;
  left: 15.1%;
}

.logo-animation .logo-piece.y-1 div::before {
  background: url(../img/ui/logo/toyfight-word/y/y-v-1.svg) center center no-repeat;
}

.logo-animation .logo-piece.y-2 {
  top: 59.9%;
  left: 20.8%;
}

.logo-animation .logo-piece.y-2 div::before {
  background: url(../img/ui/logo/toyfight-word/y/y-d-1.svg) center center no-repeat;
}

.logo-animation .logo-piece.y-3 {
  top: 68.7%;
  left: 17.2%;
}

.logo-animation .logo-piece.y-3 div::before {
  background: url(../img/ui/logo/toyfight-word/y/y-v-2.svg) center center no-repeat;
}

.logo-animation .logo-piece.y-4 {
  top: 76.4%;
  left: 22.7%;
}

.logo-animation .logo-piece.y-4 div::before {
  background: url(../img/ui/logo/toyfight-word/y/y-d-2.svg) center center no-repeat;
}

.logo-animation .logo-piece.f-1 {
  top: 20.9%;
  left: 40.4%;
}

.logo-animation .logo-piece.f-1 div::before {
  background: url(../img/ui/logo/toyfight-word/f/f-h-1.svg) center center no-repeat;
}

.logo-animation .logo-piece.f-2 {
  top: 41.1%;
  left: 32.8%;
}

.logo-animation .logo-piece.f-2 div::before {
  background: url(../img/ui/logo/toyfight-word/f/f-v-1.svg) center center no-repeat;
}

.logo-animation .logo-piece.f-3 {
  top: 39.7%;
  left: 39.8%;
}

.logo-animation .logo-piece.f-3 div::before {
  background: url(../img/ui/logo/toyfight-word/f/f-h-2.svg) center center no-repeat;
}

.logo-animation .logo-piece.i-1 {
  top: 35%;
  left: 42.4%;
}

.logo-animation .logo-piece.i-1 div::before {
  background: url(../img/ui/logo/toyfight-word/i/i-v-1.svg) center center no-repeat;
}

.logo-animation .logo-piece.i-2 {
  top: 43.1%;
  left: 47.8%;
}

.logo-animation .logo-piece.i-2 div::before {
  background: url(../img/ui/logo/toyfight-word/i/i-d-1.svg) center center no-repeat;
}

.logo-animation .logo-piece.g-1 {
  top: 29.5%;
  left: 50.4%;
}

.logo-animation .logo-piece.g-1 div::before {
  background: url(../img/ui/logo/toyfight-word/g/g-v-1.svg) center center no-repeat;
}

.logo-animation .logo-piece.g-2 {
  top: 38.6%;
  left: 55.4%;
}

.logo-animation .logo-piece.g-2 div::before {
  background: url(../img/ui/logo/toyfight-word/g/g-d-1.svg) center center no-repeat;
}

.logo-animation .logo-piece.g-3 {
  top: 23.9%;
  left: 58.2%;
  width: 32%;
  height: 7%;
}

.logo-animation .logo-piece.g-3 div::before {
  background: url(../img/ui/logo/toyfight-word/g/g-h-1.svg) center center no-repeat;
}

.logo-animation .logo-piece.g-4 {
  width: 38%;
  top: 49.1%;
  left: 46%;
}

.logo-animation .logo-piece.g-4 div::before {
  background: url(../img/ui/logo/toyfight-word/g/g-v-2.svg) center center no-repeat;
}

.logo-animation .logo-piece.g-5 {
  top: 64.5%;
  left: 53.2%;
  width: 25.4%;
  height: 6.7%;
}

.logo-animation .logo-piece.g-5 div::before {
  background: url(../img/ui/logo/toyfight-word/g/g-h-2.svg) center center no-repeat;
}

.logo-animation .logo-piece.g-6 {
  top: 38.5%;
  left: 51%;
  width: 34%;
  height: 13%;
}

.logo-animation .logo-piece.g-6 div::before {
  background: url(../img/ui/logo/toyfight-word/g/g-d-2.svg) center center no-repeat;
}

.logo-animation .logo-piece.h-1 {
  top: 20.7%;
  left: 64.6%;
}

.logo-animation .logo-piece.h-1 div::before {
  background: url(../img/ui/logo/toyfight-word/h/h-v-1.svg) center center no-repeat;
}

.logo-animation .logo-piece.h-2 {
  top: 20.2%;
  left: 71.7%;
}

.logo-animation .logo-piece.h-2 div::before {
  background: url(../img/ui/logo/toyfight-word/h/h-d-1.svg) center center no-repeat;
}

.logo-animation .logo-piece.h-3 {
  width: 35%;
  height: 8.3%;
  top: 15.7%;
  left: 66.6%;
}

.logo-animation .logo-piece.h-3 div::before {
  background: url(../img/ui/logo/toyfight-word/h/h-v-2.svg) center center no-repeat;
}

.logo-animation .logo-piece.h-4 {
  top: 25.4%;
  left: 76.6%;
}

.logo-animation .logo-piece.h-4 div::before {
  background: url(../img/ui/logo/toyfight-word/h/h-d-2.svg) center center no-repeat;
}

.logo-animation .logo-piece.t2-1 {
  top: 12.6%;
  left: 78.1%;
}

.logo-animation .logo-piece.t2-1 div::before {
  background: url(../img/ui/logo/toyfight-word/t2/t2-v-1.svg) center center no-repeat;
}

.logo-animation .logo-piece.t2-2 {
  top: 10.6%;
  left: 85.6%;
}

.logo-animation .logo-piece.t2-2 div::before {
  background: url(../img/ui/logo/toyfight-word/t2/t2-h-1.svg) center center no-repeat;
}

.logo-animation .logo-piece.t2-3 {
  top: 20.4%;
  left: 83.8%;
}

.logo-animation .logo-piece.t2-3 div::before {
  background: url(../img/ui/logo/toyfight-word/t2/t2-d-1.svg) center center no-repeat;
}

.logo-animation .logo-piece.logo-piece-dash {
  top: 77.8%;
  left: 29.8%;
  width: 27%;
  height: 6.8%;
  -webkit-transform: rotate(-17deg);
  -moz-transform: rotate(-17deg);
  -ms-transform: rotate(-17deg);
  -o-transform: rotate(-17deg);
  transform: rotate(-17deg);
}

.logo-animation .logo-piece.logo-piece-dash div::before {
  background: url(../img/ui/logo/toyfight-word/slash.svg) center center no-repeat;
}

.logo-animation .logo-piece.logo-piece-rights {
  top: 32%;
  left: 92.4%;
  width: 5%;
  height: 5%;
}

.logo-animation .logo-piece.logo-piece-rights div::before {
  background: url(../img/ui/logo/toyfight-word/rights.svg) center center no-repeat;
}

.preloader-shield {
  z-index: 500;
}

.sound-on-off, nav {
  z-index: 100;
}

.modal {
  z-index: 120;
}

.page-content .masterhead {
  -webkit-transition: 0.65s cubic-bezier(0.62, 0.02, 0.34, 1) 0.15s;
  -moz-transition: 0.65s cubic-bezier(0.62, 0.02, 0.34, 1) 0.15s;
  transition: 0.65s cubic-bezier(0.62, 0.02, 0.34, 1) 0.15s;
}

.page-content .masterhead h1 {
  margin-bottom: 0;
}

.page-content .masterhead[data-active=off] {
  opacity: 0;
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  -ms-transform: translateY(12px);
  -o-transform: translateY(12px);
  transform: translateY(12px);
}

footer::before, .section.white-bg::before {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
}

.intro-content h1 {
  color: #fffade;
}

.intro-content h3::after {
  background-color: #fff55a;
}

.intro-content .ledge::before {
  background-color: #f0f8f1;
}

.apropos .ledge::before {
  background-color: #FFFFFF;
}

.intro-content .ledge2::before {
  background-color: #f97057;
}

.faq .ledge2::before {
  background-color: #4EA6A6;
}

.historique .ledge2::before {
  width: 267vw;
  background-color: #FA6141;
  background-image: url("../img/globe-with-bg.png");
  background-repeat: no-repeat;
  background-size: 16%;
  background-position: 67% 2%;
}

.entreprise .ledge2::before {
  background-color: #00BAFF;
}

.contact .ledge2::before {
  background-color: #00BAFF;
}

.contact .ledge::before {
  background-color: #FFFFFF;
}

.faq.contact .ledge::before {
  background-color: #F0F8F1;
}

.condidat .ledge2::before {
  background-color: #3B44C1;
}

.intro-content .ledge3::before {
  background-color: #fff;
  z-index: 0;
}

.condidat .ledge::before {
  background-color: #fff;
  z-index: 0;
}

.intro-content .ledge5::before {
  background-color: #3100BC;
  z-index: 0;
  border-radius: 160vw 0;
}
@media (max-width: 767px) {
  .intro-content .ledge5::before {
    border-radius: 0;
  }
}

.ledge6::before {
  background-color: #4ea6a6;
}

.who-content .ledge2 {
  top: 75%;
}

body[data-state=intro] .underline-link::after {
  background-color: #ffd42d;
}

body[data-state=intro] .underline-link:hover span {
  color: #ffd42d;
}

body[data-state=intro] .icon-mail::before {
  background: url(../img/ui/colors/intro/icon-mail.svg) center center/40% no-repeat;
}

body[data-state=intro] .icon-twitter::before {
  background: url(../img/ui/colors/intro/icon-twitter.svg) center center/40% no-repeat;
}

body[data-state=intro] .icon-behance::before {
  background: url(../img/ui/colors/intro/icon-behance.svg) center center/40% no-repeat;
}

body[data-state=intro] .icon-dribbble::before {
  background: url(../img/ui/colors/intro/icon-dribbble.svg) center center/40% no-repeat;
}

body[data-state=intro] .icon-linkedin::before {
  background: url(../img/ui/colors/intro/icon-linkedin.svg) center center/40% no-repeat;
}

.who-content h1 {
  color: #96ffca;
}

.who-content h3::after {
  background-color: #fff55a;
}

.who-content .exploded-figures-.section[data-active=off] .ledge::before, .who-content .ledge::before {
  background-color: #214fc6;
}

body[data-state=who] .underline-link::after {
  background-color: #1544c0;
}

body[data-state=who] .underline-link:hover span {
  color: #1544c0;
}

.what-content h1 {
  color: #fff55a;
}

.what-content h3::after {
  background-color: #fff55a;
}

.what-content .white-bg h3::after {
  background-color: #f86449;
}

.what-content .ledge {
  top: -35%;
}

.what-content .ledge::before {
  background-color: rgba(255, 255, 255, 0.08);
}

body[data-state=what] .underline-link::after {
  background-color: #f86449;
}

body[data-state=what] .underline-link:hover span {
  color: #f86449;
}

body[data-state=what] a.icon-mail::before {
  background: url(../img/ui/colors/what/icon-mail.svg) center center/100% no-repeat;
}

body[data-state=what] a.icon-twitter::before {
  background: url(../img/ui/colors/what/icon-twitter.svg) center center/100% no-repeat;
}

body[data-state=what] a.icon-behance::before {
  background: url(../img/ui/colors/what/icon-behance.svg) center center/100% no-repeat;
}

body[data-state=what] a.icon-dribbble::before {
  background: url(../img/ui/colors/what/icon-dribbble.svg) center center/100% no-repeat;
}

body[data-state=what] a.icon-linkedin::before {
  background: url(../img/ui/colors/what/icon-linkedin.svg) center center/100% no-repeat;
}

.work-content h1, .work-content h5 {
  color: #fbe10f;
}

.work-content h3::after {
  background-color: #fbe10f;
}

.work-content .white-bg h3::after {
  background-color: #5210ac;
}

.work-content .masterhead {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

footer::before, .section.white-bg.rule-below::after, .section.white-bg::before {
  position: absolute;
  left: 0;
  content: "";
}

body[data-state=work] .ledge > div, body[data-state=project] .ledge > div {
  background-color: #5817b3;
}

body[data-state=work] .underline-link::after, body[data-state=project] .underline-link::after {
  background-color: #5210ac;
}

body[data-state=work] .underline-link:hover span, body[data-state=project] .underline-link:hover span {
  color: #5210ac;
}

body[data-state=work] a.icon-mail::before, body[data-state=project] a.icon-mail::before {
  background: url(../img/ui/colors/work/icon-mail.svg) center center/100% no-repeat;
}

body[data-state=work] a.icon-twitter::before, body[data-state=project] a.icon-twitter::before {
  background: url(../img/ui/colors/work/icon-twitter.svg) center center/100% no-repeat;
}

body[data-state=work] a.icon-behance::before, body[data-state=project] a.icon-behance::before {
  background: url(../img/ui/colors/work/icon-behance.svg) center center/100% no-repeat;
}

body[data-state=work] a.icon-dribbble::before, body[data-state=project] a.icon-dribbble::before {
  background: url(../img/ui/colors/work/icon-dribbble.svg) center center/100% no-repeat;
}

body[data-state=work] a.icon-linkedin::before, body[data-state=project] a.icon-linkedin::before {
  background: url(../img/ui/colors/work/icon-linkedin.svg) center center/100% no-repeat;
}

.page-content {
  -webkit-transition: 0.27s linear;
  -moz-transition: 0.27s linear;
  transition: 0.27s linear;
  opacity: 1;
  will-change: opacity;
  overflow: hidden;
}

html.safari-browser .page-content {
  opacity: 0.999;
}

.page-content footer, .page-content .section {
  -webkit-transition: 0.4s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
  -moz-transition: 0.4s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
  transition: 0.4s cubic-bezier(0.52, 0.01, 0.16, 1) 0s;
}

.page-content h1 {
  margin-bottom: 0.35em;
}

.page-content[data-active=off] {
  opacity: 0;
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.page-content[data-active=off] .ledge, .page-content[data-active=off] .ledge2, .page-content[data-active=off] .masterhead, .page-content[data-active=off] footer, .page-content[data-active=off] .section, html.safari-browser .page-content[data-active=off] {
  opacity: 0;
}

.page-content .scrolling-content {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.page-content .scrolling-content.work-content {
  overflow-y: hidden;
}

.page-content .scrolling-content-wrap {
  overflow: hidden;
}

.page-content[data-active=on] .letter-split > span {
  opacity: 1;
}

.page-content[data-active=on] .letter-split > span:nth-child(1), .page-content[data-active=on] .letter-split > span:nth-child(1) span {
  -webkit-transition: 0.64s cubic-bezier(0.62, 0.02, 0.34, 1) 0.23s;
  -moz-transition: 0.64s cubic-bezier(0.62, 0.02, 0.34, 1) 0.23s;
  transition: 0.64s cubic-bezier(0.62, 0.02, 0.34, 1) 0.23s;
}

.page-content[data-active=on] .letter-split > span:nth-child(2), .page-content[data-active=on] .letter-split > span:nth-child(2) span {
  -webkit-transition: 0.68s cubic-bezier(0.62, 0.02, 0.34, 1) 0.26s;
  -moz-transition: 0.68s cubic-bezier(0.62, 0.02, 0.34, 1) 0.26s;
  transition: 0.68s cubic-bezier(0.62, 0.02, 0.34, 1) 0.26s;
}

.page-content[data-active=on] .letter-split > span:nth-child(3), .page-content[data-active=on] .letter-split > span:nth-child(3) span {
  -webkit-transition: 0.72s cubic-bezier(0.62, 0.02, 0.34, 1) 0.29s;
  -moz-transition: 0.72s cubic-bezier(0.62, 0.02, 0.34, 1) 0.29s;
  transition: 0.72s cubic-bezier(0.62, 0.02, 0.34, 1) 0.29s;
}

.page-content[data-active=on] .letter-split > span:nth-child(4), .page-content[data-active=on] .letter-split > span:nth-child(4) span {
  -webkit-transition: 0.76s cubic-bezier(0.62, 0.02, 0.34, 1) 0.32s;
  -moz-transition: 0.76s cubic-bezier(0.62, 0.02, 0.34, 1) 0.32s;
  transition: 0.76s cubic-bezier(0.62, 0.02, 0.34, 1) 0.32s;
}

.page-content[data-active=on] .letter-split > span:nth-child(5), .page-content[data-active=on] .letter-split > span:nth-child(5) span {
  -webkit-transition: 0.8s cubic-bezier(0.62, 0.02, 0.34, 1) 0.35s;
  -moz-transition: 0.8s cubic-bezier(0.62, 0.02, 0.34, 1) 0.35s;
  transition: 0.8s cubic-bezier(0.62, 0.02, 0.34, 1) 0.35s;
}

.page-content[data-active=on] .letter-split > span:nth-child(6), .page-content[data-active=on] .letter-split > span:nth-child(6) span {
  -webkit-transition: 0.84s cubic-bezier(0.62, 0.02, 0.34, 1) 0.38s;
  -moz-transition: 0.84s cubic-bezier(0.62, 0.02, 0.34, 1) 0.38s;
  transition: 0.84s cubic-bezier(0.62, 0.02, 0.34, 1) 0.38s;
}

.page-content[data-active=on] .letter-split > span:nth-child(7), .page-content[data-active=on] .letter-split > span:nth-child(7) span {
  -webkit-transition: 0.88s cubic-bezier(0.62, 0.02, 0.34, 1) 0.41s;
  -moz-transition: 0.88s cubic-bezier(0.62, 0.02, 0.34, 1) 0.41s;
  transition: 0.88s cubic-bezier(0.62, 0.02, 0.34, 1) 0.41s;
}

.page-content[data-active=on] .letter-split > span:nth-child(8), .page-content[data-active=on] .letter-split > span:nth-child(8) span {
  -webkit-transition: 0.92s cubic-bezier(0.62, 0.02, 0.34, 1) 0.44s;
  -moz-transition: 0.92s cubic-bezier(0.62, 0.02, 0.34, 1) 0.44s;
  transition: 0.92s cubic-bezier(0.62, 0.02, 0.34, 1) 0.44s;
}

.page-content[data-active=on] .letter-split > span:nth-child(9), .page-content[data-active=on] .letter-split > span:nth-child(9) span {
  -webkit-transition: 0.96s cubic-bezier(0.62, 0.02, 0.34, 1) 0.47s;
  -moz-transition: 0.96s cubic-bezier(0.62, 0.02, 0.34, 1) 0.47s;
  transition: 0.96s cubic-bezier(0.62, 0.02, 0.34, 1) 0.47s;
}

.page-content[data-active=on] .letter-split > span:nth-child(10), .page-content[data-active=on] .letter-split > span:nth-child(10) span {
  -webkit-transition: 1s cubic-bezier(0.62, 0.02, 0.34, 1) 0.5s;
  -moz-transition: 1s cubic-bezier(0.62, 0.02, 0.34, 1) 0.5s;
  transition: 1s cubic-bezier(0.62, 0.02, 0.34, 1) 0.5s;
}

.page-content[data-active=on] .letter-split > span:nth-child(11), .page-content[data-active=on] .letter-split > span:nth-child(11) span {
  -webkit-transition: 1.04s cubic-bezier(0.62, 0.02, 0.34, 1) 0.53s;
  -moz-transition: 1.04s cubic-bezier(0.62, 0.02, 0.34, 1) 0.53s;
  transition: 1.04s cubic-bezier(0.62, 0.02, 0.34, 1) 0.53s;
}

.page-content[data-active=on] .letter-split > span:nth-child(12), .page-content[data-active=on] .letter-split > span:nth-child(12) span {
  -webkit-transition: 1.08s cubic-bezier(0.62, 0.02, 0.34, 1) 0.56s;
  -moz-transition: 1.08s cubic-bezier(0.62, 0.02, 0.34, 1) 0.56s;
  transition: 1.08s cubic-bezier(0.62, 0.02, 0.34, 1) 0.56s;
}

.page-content[data-active=on] .letter-split > span:nth-child(13), .page-content[data-active=on] .letter-split > span:nth-child(13) span {
  -webkit-transition: 1.12s cubic-bezier(0.62, 0.02, 0.34, 1) 0.59s;
  -moz-transition: 1.12s cubic-bezier(0.62, 0.02, 0.34, 1) 0.59s;
  transition: 1.12s cubic-bezier(0.62, 0.02, 0.34, 1) 0.59s;
}

.page-content[data-active=on] .letter-split > span:nth-child(14), .page-content[data-active=on] .letter-split > span:nth-child(14) span {
  -webkit-transition: 1.16s cubic-bezier(0.62, 0.02, 0.34, 1) 0.62s;
  -moz-transition: 1.16s cubic-bezier(0.62, 0.02, 0.34, 1) 0.62s;
  transition: 1.16s cubic-bezier(0.62, 0.02, 0.34, 1) 0.62s;
}

.page-content[data-active=on] .letter-split > span:nth-child(15), .page-content[data-active=on] .letter-split > span:nth-child(15) span {
  -webkit-transition: 1.2s cubic-bezier(0.62, 0.02, 0.34, 1) 0.65s;
  -moz-transition: 1.2s cubic-bezier(0.62, 0.02, 0.34, 1) 0.65s;
  transition: 1.2s cubic-bezier(0.62, 0.02, 0.34, 1) 0.65s;
}

.page-content[data-active=on] .letter-split > span:nth-child(16), .page-content[data-active=on] .letter-split > span:nth-child(16) span {
  -webkit-transition: 1.24s cubic-bezier(0.62, 0.02, 0.34, 1) 0.68s;
  -moz-transition: 1.24s cubic-bezier(0.62, 0.02, 0.34, 1) 0.68s;
  transition: 1.24s cubic-bezier(0.62, 0.02, 0.34, 1) 0.68s;
}

.page-content[data-active=on] .letter-split > span:nth-child(17), .page-content[data-active=on] .letter-split > span:nth-child(17) span {
  -webkit-transition: 1.28s cubic-bezier(0.62, 0.02, 0.34, 1) 0.71s;
  -moz-transition: 1.28s cubic-bezier(0.62, 0.02, 0.34, 1) 0.71s;
  transition: 1.28s cubic-bezier(0.62, 0.02, 0.34, 1) 0.71s;
}

.page-content[data-active=on] .letter-split > span:nth-child(18), .page-content[data-active=on] .letter-split > span:nth-child(18) span {
  -webkit-transition: 1.32s cubic-bezier(0.62, 0.02, 0.34, 1) 0.74s;
  -moz-transition: 1.32s cubic-bezier(0.62, 0.02, 0.34, 1) 0.74s;
  transition: 1.32s cubic-bezier(0.62, 0.02, 0.34, 1) 0.74s;
}

.page-content[data-active=on] .letter-split > span:nth-child(19), .page-content[data-active=on] .letter-split > span:nth-child(19) span {
  -webkit-transition: 1.36s cubic-bezier(0.62, 0.02, 0.34, 1) 0.77s;
  -moz-transition: 1.36s cubic-bezier(0.62, 0.02, 0.34, 1) 0.77s;
  transition: 1.36s cubic-bezier(0.62, 0.02, 0.34, 1) 0.77s;
}

.page-content[data-active=on] .letter-split > span:nth-child(20), .page-content[data-active=on] .letter-split > span:nth-child(20) span {
  -webkit-transition: 1.4s cubic-bezier(0.62, 0.02, 0.34, 1) 0.8s;
  -moz-transition: 1.4s cubic-bezier(0.62, 0.02, 0.34, 1) 0.8s;
  transition: 1.4s cubic-bezier(0.62, 0.02, 0.34, 1) 0.8s;
}

.page-content[data-active=on] .letter-split > span:nth-child(21), .page-content[data-active=on] .letter-split > span:nth-child(21) span {
  -webkit-transition: 1.44s cubic-bezier(0.62, 0.02, 0.34, 1) 0.83s;
  -moz-transition: 1.44s cubic-bezier(0.62, 0.02, 0.34, 1) 0.83s;
  transition: 1.44s cubic-bezier(0.62, 0.02, 0.34, 1) 0.83s;
}

.page-content[data-active=on] .letter-split > span:nth-child(22), .page-content[data-active=on] .letter-split > span:nth-child(22) span {
  -webkit-transition: 1.48s cubic-bezier(0.62, 0.02, 0.34, 1) 0.86s;
  -moz-transition: 1.48s cubic-bezier(0.62, 0.02, 0.34, 1) 0.86s;
  transition: 1.48s cubic-bezier(0.62, 0.02, 0.34, 1) 0.86s;
}

.page-content[data-active=on] .letter-split > span:nth-child(23), .page-content[data-active=on] .letter-split > span:nth-child(23) span {
  -webkit-transition: 1.52s cubic-bezier(0.62, 0.02, 0.34, 1) 0.89s;
  -moz-transition: 1.52s cubic-bezier(0.62, 0.02, 0.34, 1) 0.89s;
  transition: 1.52s cubic-bezier(0.62, 0.02, 0.34, 1) 0.89s;
}

.page-content[data-active=on] .letter-split > span:nth-child(24), .page-content[data-active=on] .letter-split > span:nth-child(24) span {
  -webkit-transition: 1.56s cubic-bezier(0.62, 0.02, 0.34, 1) 0.92s;
  -moz-transition: 1.56s cubic-bezier(0.62, 0.02, 0.34, 1) 0.92s;
  transition: 1.56s cubic-bezier(0.62, 0.02, 0.34, 1) 0.92s;
}

.page-content[data-active=on] .letter-split > span:nth-child(25), .page-content[data-active=on] .letter-split > span:nth-child(25) span {
  -webkit-transition: 1.6s cubic-bezier(0.62, 0.02, 0.34, 1) 0.95s;
  -moz-transition: 1.6s cubic-bezier(0.62, 0.02, 0.34, 1) 0.95s;
  transition: 1.6s cubic-bezier(0.62, 0.02, 0.34, 1) 0.95s;
}

.page-content[data-active=on] .letter-split > span:nth-child(26), .page-content[data-active=on] .letter-split > span:nth-child(26) span {
  -webkit-transition: 1.64s cubic-bezier(0.62, 0.02, 0.34, 1) 0.98s;
  -moz-transition: 1.64s cubic-bezier(0.62, 0.02, 0.34, 1) 0.98s;
  transition: 1.64s cubic-bezier(0.62, 0.02, 0.34, 1) 0.98s;
}

.page-content[data-active=on] .letter-split > span:nth-child(27), .page-content[data-active=on] .letter-split > span:nth-child(27) span {
  -webkit-transition: 1.68s cubic-bezier(0.62, 0.02, 0.34, 1) 1.01s;
  -moz-transition: 1.68s cubic-bezier(0.62, 0.02, 0.34, 1) 1.01s;
  transition: 1.68s cubic-bezier(0.62, 0.02, 0.34, 1) 1.01s;
}

.page-content[data-active=on] .letter-split > span:nth-child(28), .page-content[data-active=on] .letter-split > span:nth-child(28) span {
  -webkit-transition: 1.72s cubic-bezier(0.62, 0.02, 0.34, 1) 1.04s;
  -moz-transition: 1.72s cubic-bezier(0.62, 0.02, 0.34, 1) 1.04s;
  transition: 1.72s cubic-bezier(0.62, 0.02, 0.34, 1) 1.04s;
}

.page-content[data-active=on] .letter-split > span:nth-child(29), .page-content[data-active=on] .letter-split > span:nth-child(29) span {
  -webkit-transition: 1.76s cubic-bezier(0.62, 0.02, 0.34, 1) 1.07s;
  -moz-transition: 1.76s cubic-bezier(0.62, 0.02, 0.34, 1) 1.07s;
  transition: 1.76s cubic-bezier(0.62, 0.02, 0.34, 1) 1.07s;
}

.page-content[data-active=on] .letter-split > span:nth-child(30), .page-content[data-active=on] .letter-split > span:nth-child(30) span {
  -webkit-transition: 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 1.1s;
  -moz-transition: 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 1.1s;
  transition: 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 1.1s;
}

.page-content[data-active=on] .letter-split > span:nth-child(31), .page-content[data-active=on] .letter-split > span:nth-child(31) span {
  -webkit-transition: 1.84s cubic-bezier(0.62, 0.02, 0.34, 1) 1.13s;
  -moz-transition: 1.84s cubic-bezier(0.62, 0.02, 0.34, 1) 1.13s;
  transition: 1.84s cubic-bezier(0.62, 0.02, 0.34, 1) 1.13s;
}

.page-content[data-active=on] .letter-split > span:nth-child(32), .page-content[data-active=on] .letter-split > span:nth-child(32) span {
  -webkit-transition: 1.88s cubic-bezier(0.62, 0.02, 0.34, 1) 1.16s;
  -moz-transition: 1.88s cubic-bezier(0.62, 0.02, 0.34, 1) 1.16s;
  transition: 1.88s cubic-bezier(0.62, 0.02, 0.34, 1) 1.16s;
}

.page-content[data-active=on] .letter-split > span:nth-child(33), .page-content[data-active=on] .letter-split > span:nth-child(33) span {
  -webkit-transition: 1.92s cubic-bezier(0.62, 0.02, 0.34, 1) 1.19s;
  -moz-transition: 1.92s cubic-bezier(0.62, 0.02, 0.34, 1) 1.19s;
  transition: 1.92s cubic-bezier(0.62, 0.02, 0.34, 1) 1.19s;
}

.page-content[data-active=on] .letter-split > span:nth-child(34), .page-content[data-active=on] .letter-split > span:nth-child(34) span {
  -webkit-transition: 1.96s cubic-bezier(0.62, 0.02, 0.34, 1) 1.22s;
  -moz-transition: 1.96s cubic-bezier(0.62, 0.02, 0.34, 1) 1.22s;
  transition: 1.96s cubic-bezier(0.62, 0.02, 0.34, 1) 1.22s;
}

.page-content[data-active=on] .letter-split > span:nth-child(35), .page-content[data-active=on] .letter-split > span:nth-child(35) span {
  -webkit-transition: 2s cubic-bezier(0.62, 0.02, 0.34, 1) 1.25s;
  -moz-transition: 2s cubic-bezier(0.62, 0.02, 0.34, 1) 1.25s;
  transition: 2s cubic-bezier(0.62, 0.02, 0.34, 1) 1.25s;
}

.page-content[data-active=on] .letter-split > span:nth-child(36), .page-content[data-active=on] .letter-split > span:nth-child(36) span {
  -webkit-transition: 2.04s cubic-bezier(0.62, 0.02, 0.34, 1) 1.28s;
  -moz-transition: 2.04s cubic-bezier(0.62, 0.02, 0.34, 1) 1.28s;
  transition: 2.04s cubic-bezier(0.62, 0.02, 0.34, 1) 1.28s;
}

.page-content[data-active=on] .letter-split > span:nth-child(37), .page-content[data-active=on] .letter-split > span:nth-child(37) span {
  -webkit-transition: 2.08s cubic-bezier(0.62, 0.02, 0.34, 1) 1.31s;
  -moz-transition: 2.08s cubic-bezier(0.62, 0.02, 0.34, 1) 1.31s;
  transition: 2.08s cubic-bezier(0.62, 0.02, 0.34, 1) 1.31s;
}

.page-content[data-active=on] .letter-split > span:nth-child(38), .page-content[data-active=on] .letter-split > span:nth-child(38) span {
  -webkit-transition: 2.12s cubic-bezier(0.62, 0.02, 0.34, 1) 1.34s;
  -moz-transition: 2.12s cubic-bezier(0.62, 0.02, 0.34, 1) 1.34s;
  transition: 2.12s cubic-bezier(0.62, 0.02, 0.34, 1) 1.34s;
}

.page-content[data-active=on] .letter-split > span:nth-child(39), .page-content[data-active=on] .letter-split > span:nth-child(39) span {
  -webkit-transition: 2.16s cubic-bezier(0.62, 0.02, 0.34, 1) 1.37s;
  -moz-transition: 2.16s cubic-bezier(0.62, 0.02, 0.34, 1) 1.37s;
  transition: 2.16s cubic-bezier(0.62, 0.02, 0.34, 1) 1.37s;
}

.page-content[data-active=on] .letter-split > span:nth-child(40), .page-content[data-active=on] .letter-split > span:nth-child(40) span {
  -webkit-transition: 2.2s cubic-bezier(0.62, 0.02, 0.34, 1) 1.4s;
  -moz-transition: 2.2s cubic-bezier(0.62, 0.02, 0.34, 1) 1.4s;
  transition: 2.2s cubic-bezier(0.62, 0.02, 0.34, 1) 1.4s;
}

.scrolling-content::-webkit-scrollbar {
  width: 6px;
  background: rgba(0, 0, 0, 0.13);
}

.scrolling-content::-webkit-scrollbar-thumb {
  width: 6px;
  background-color: #FFF;
}

.project-content::-webkit-scrollbar-thumb {
  background: #212121;
}

.intro-content cite::selection, .intro-content h1::selection, .intro-content h2::selection, .intro-content h3::selection, .intro-content h4::selection, .intro-content p::selection {
  background: #212121;
  color: #ffd42d;
}

.scrolling-content {
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
}

.section:not(.scroll-content-shown) .content > * {
  -webkit-transition: 0.52s cubic-bezier(0.52, 0.01, 0.16, 1);
  -moz-transition: 0.52s cubic-bezier(0.52, 0.01, 0.16, 1);
  transition: 0.52s cubic-bezier(0.52, 0.01, 0.16, 1);
}

.section.white-bg {
  padding: 16vw 0 2vw;
}

.section.white-bg h2, .section.white-bg h3, .section.white-bg p {
  color: rgba(33, 33, 33, 0.9);
}

.section.white-bg.rule-below::after {
  width: 100%;
  height: 1px;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.05);
}

.section.white-bg::before {
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #e7eeed;
  transform-origin: 50% 0;
  -webkit-transition: 0.85s cubic-bezier(0.52, 0.01, 0.16, 1);
  -moz-transition: 0.85s cubic-bezier(0.52, 0.01, 0.16, 1);
  transition: 0.85s cubic-bezier(0.52, 0.01, 0.16, 1);
}

.section[data-active=off]:not(.scroll-content-shown) .columns li > *, .section[data-active=off]:not(.scroll-content-shown) .content > *, .section[data-active=off]:not(.scroll-content-shown) .logo-matrix li {
  opacity: 0;
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  -ms-transform: translateY(8px);
  -o-transform: translateY(8px);
  transform: translateY(8px);
}

.section[data-active=off]:not(.scroll-content-shown) h3::after {
  -webkit-transform: skewY(-16deg) scaleX(0);
  -moz-transform: skewY(-16deg) scaleX(0);
  -ms-transform: skewY(-16deg) scaleX(0);
  -o-transform: skewY(-16deg) scaleX(0);
  transform: skewY(-16deg) scaleX(0);
}

.section[data-active=on]:not(.scroll-content-shown) .content > :nth-child(1) {
  -webkit-transition-delay: 0.17s;
  -moz-transition-delay: 0.17s;
  transition-delay: 0.17s;
  -webkit-transition-duration: 0.52s;
  -moz-transition-duration: 0.52s;
  transition-duration: 0.52s;
}

.section[data-active=on]:not(.scroll-content-shown) .content > :nth-child(2) {
  -webkit-transition-delay: 0.34s;
  -moz-transition-delay: 0.34s;
  transition-delay: 0.34s;
  -webkit-transition-duration: 0.64s;
  -moz-transition-duration: 0.64s;
  transition-duration: 0.64s;
}

.section[data-active=on]:not(.scroll-content-shown) .content > :nth-child(3) {
  -webkit-transition-delay: 0.51s;
  -moz-transition-delay: 0.51s;
  transition-delay: 0.51s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s;
}

.section[data-active=on]:not(.scroll-content-shown) .content > :nth-child(4) {
  -webkit-transition-delay: 0.68s;
  -moz-transition-delay: 0.68s;
  transition-delay: 0.68s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s;
}

.section[data-active=on]:not(.scroll-content-shown) .content > :nth-child(5) {
  -webkit-transition-delay: 0.85s;
  -moz-transition-delay: 0.85s;
  transition-delay: 0.85s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s;
}

.section[data-active=on]:not(.scroll-content-shown) .content > :nth-child(6) {
  -webkit-transition-delay: 1.02s;
  -moz-transition-delay: 1.02s;
  transition-delay: 1.02s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s;
}

.section[data-active=on]:not(.scroll-content-shown) .content > :nth-child(7) {
  -webkit-transition-delay: 1.19s;
  -moz-transition-delay: 1.19s;
  transition-delay: 1.19s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s;
}

.section[data-active=on]:not(.scroll-content-shown) .content > :nth-child(8) {
  -webkit-transition-delay: 1.36s;
  -moz-transition-delay: 1.36s;
  transition-delay: 1.36s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s;
}

.section[data-active=on]:not(.scroll-content-shown) .content > :nth-child(9) {
  -webkit-transition-delay: 1.53s;
  -moz-transition-delay: 1.53s;
  transition-delay: 1.53s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s;
}

.section[data-active=on]:not(.scroll-content-shown) .content > :nth-child(10) {
  -webkit-transition-delay: 1.7s;
  -moz-transition-delay: 1.7s;
  transition-delay: 1.7s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(1) > :nth-child(1) {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transition-duration: 0.52s;
  -moz-transition-duration: 0.52s;
  transition-duration: 0.52s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(1) > :nth-child(2) {
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  transition-delay: 0.8s;
  -webkit-transition-duration: 0.52s;
  -moz-transition-duration: 0.52s;
  transition-duration: 0.52s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(1) > :nth-child(3) {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.52s;
  -moz-transition-duration: 0.52s;
  transition-duration: 0.52s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(1) > :nth-child(4) {
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  transition-delay: 1.2s;
  -webkit-transition-duration: 0.52s;
  -moz-transition-duration: 0.52s;
  transition-duration: 0.52s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(1) > :nth-child(5) {
  -webkit-transition-delay: 1.4s;
  -moz-transition-delay: 1.4s;
  transition-delay: 1.4s;
  -webkit-transition-duration: 0.52s;
  -moz-transition-duration: 0.52s;
  transition-duration: 0.52s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(1) > :nth-child(6) {
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  transition-delay: 1.6s;
  -webkit-transition-duration: 0.52s;
  -moz-transition-duration: 0.52s;
  transition-duration: 0.52s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(1) > :nth-child(7) {
  -webkit-transition-delay: 1.8s;
  -moz-transition-delay: 1.8s;
  transition-delay: 1.8s;
  -webkit-transition-duration: 0.52s;
  -moz-transition-duration: 0.52s;
  transition-duration: 0.52s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(1) > :nth-child(8) {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 0.52s;
  -moz-transition-duration: 0.52s;
  transition-duration: 0.52s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(1) > :nth-child(9) {
  -webkit-transition-delay: 2.2s;
  -moz-transition-delay: 2.2s;
  transition-delay: 2.2s;
  -webkit-transition-duration: 0.52s;
  -moz-transition-duration: 0.52s;
  transition-duration: 0.52s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(1) > :nth-child(10) {
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  transition-delay: 2.4s;
  -webkit-transition-duration: 0.52s;
  -moz-transition-duration: 0.52s;
  transition-duration: 0.52s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(2) > :nth-child(1) {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.64s;
  -moz-transition-duration: 0.64s;
  transition-duration: 0.64s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(2) > :nth-child(2) {
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  transition-delay: 1.2s;
  -webkit-transition-duration: 0.64s;
  -moz-transition-duration: 0.64s;
  transition-duration: 0.64s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(2) > :nth-child(3) {
  -webkit-transition-delay: 1.4s;
  -moz-transition-delay: 1.4s;
  transition-delay: 1.4s;
  -webkit-transition-duration: 0.64s;
  -moz-transition-duration: 0.64s;
  transition-duration: 0.64s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(2) > :nth-child(4) {
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  transition-delay: 1.6s;
  -webkit-transition-duration: 0.64s;
  -moz-transition-duration: 0.64s;
  transition-duration: 0.64s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(2) > :nth-child(5) {
  -webkit-transition-delay: 1.8s;
  -moz-transition-delay: 1.8s;
  transition-delay: 1.8s;
  -webkit-transition-duration: 0.64s;
  -moz-transition-duration: 0.64s;
  transition-duration: 0.64s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(2) > :nth-child(6) {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 0.64s;
  -moz-transition-duration: 0.64s;
  transition-duration: 0.64s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(2) > :nth-child(7) {
  -webkit-transition-delay: 2.2s;
  -moz-transition-delay: 2.2s;
  transition-delay: 2.2s;
  -webkit-transition-duration: 0.64s;
  -moz-transition-duration: 0.64s;
  transition-duration: 0.64s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(2) > :nth-child(8) {
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  transition-delay: 2.4s;
  -webkit-transition-duration: 0.64s;
  -moz-transition-duration: 0.64s;
  transition-duration: 0.64s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(2) > :nth-child(9) {
  -webkit-transition-delay: 2.6s;
  -moz-transition-delay: 2.6s;
  transition-delay: 2.6s;
  -webkit-transition-duration: 0.64s;
  -moz-transition-duration: 0.64s;
  transition-duration: 0.64s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(2) > :nth-child(10) {
  -webkit-transition-delay: 2.8s;
  -moz-transition-delay: 2.8s;
  transition-delay: 2.8s;
  -webkit-transition-duration: 0.64s;
  -moz-transition-duration: 0.64s;
  transition-duration: 0.64s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(3) > :nth-child(1) {
  -webkit-transition-delay: 1.4s;
  -moz-transition-delay: 1.4s;
  transition-delay: 1.4s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(3) > :nth-child(2) {
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  transition-delay: 1.6s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(3) > :nth-child(3) {
  -webkit-transition-delay: 1.8s;
  -moz-transition-delay: 1.8s;
  transition-delay: 1.8s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(3) > :nth-child(4) {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(3) > :nth-child(5) {
  -webkit-transition-delay: 2.2s;
  -moz-transition-delay: 2.2s;
  transition-delay: 2.2s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(3) > :nth-child(6) {
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  transition-delay: 2.4s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(3) > :nth-child(7) {
  -webkit-transition-delay: 2.6s;
  -moz-transition-delay: 2.6s;
  transition-delay: 2.6s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(3) > :nth-child(8) {
  -webkit-transition-delay: 2.8s;
  -moz-transition-delay: 2.8s;
  transition-delay: 2.8s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(3) > :nth-child(9) {
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(3) > :nth-child(10) {
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  transition-delay: 3.2s;
  -webkit-transition-duration: 0.76s;
  -moz-transition-duration: 0.76s;
  transition-duration: 0.76s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(4) > :nth-child(1) {
  -webkit-transition-delay: 1.8s;
  -moz-transition-delay: 1.8s;
  transition-delay: 1.8s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(4) > :nth-child(2) {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(4) > :nth-child(3) {
  -webkit-transition-delay: 2.2s;
  -moz-transition-delay: 2.2s;
  transition-delay: 2.2s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(4) > :nth-child(4) {
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  transition-delay: 2.4s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(4) > :nth-child(5) {
  -webkit-transition-delay: 2.6s;
  -moz-transition-delay: 2.6s;
  transition-delay: 2.6s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(4) > :nth-child(6) {
  -webkit-transition-delay: 2.8s;
  -moz-transition-delay: 2.8s;
  transition-delay: 2.8s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(4) > :nth-child(7) {
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(4) > :nth-child(8) {
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  transition-delay: 3.2s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(4) > :nth-child(9) {
  -webkit-transition-delay: 3.4s;
  -moz-transition-delay: 3.4s;
  transition-delay: 3.4s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(4) > :nth-child(10) {
  -webkit-transition-delay: 3.6s;
  -moz-transition-delay: 3.6s;
  transition-delay: 3.6s;
  -webkit-transition-duration: 0.88s;
  -moz-transition-duration: 0.88s;
  transition-duration: 0.88s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(5) > :nth-child(1) {
  -webkit-transition-delay: 2.2s;
  -moz-transition-delay: 2.2s;
  transition-delay: 2.2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(5) > :nth-child(2) {
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  transition-delay: 2.4s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(5) > :nth-child(3) {
  -webkit-transition-delay: 2.6s;
  -moz-transition-delay: 2.6s;
  transition-delay: 2.6s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(5) > :nth-child(4) {
  -webkit-transition-delay: 2.8s;
  -moz-transition-delay: 2.8s;
  transition-delay: 2.8s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(5) > :nth-child(5) {
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(5) > :nth-child(6) {
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  transition-delay: 3.2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(5) > :nth-child(7) {
  -webkit-transition-delay: 3.4s;
  -moz-transition-delay: 3.4s;
  transition-delay: 3.4s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(5) > :nth-child(8) {
  -webkit-transition-delay: 3.6s;
  -moz-transition-delay: 3.6s;
  transition-delay: 3.6s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(5) > :nth-child(9) {
  -webkit-transition-delay: 3.8s;
  -moz-transition-delay: 3.8s;
  transition-delay: 3.8s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(5) > :nth-child(10) {
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  transition-duration: 1s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(6) > :nth-child(1) {
  -webkit-transition-delay: 2.6s;
  -moz-transition-delay: 2.6s;
  transition-delay: 2.6s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(6) > :nth-child(2) {
  -webkit-transition-delay: 2.8s;
  -moz-transition-delay: 2.8s;
  transition-delay: 2.8s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(6) > :nth-child(3) {
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(6) > :nth-child(4) {
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  transition-delay: 3.2s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(6) > :nth-child(5) {
  -webkit-transition-delay: 3.4s;
  -moz-transition-delay: 3.4s;
  transition-delay: 3.4s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(6) > :nth-child(6) {
  -webkit-transition-delay: 3.6s;
  -moz-transition-delay: 3.6s;
  transition-delay: 3.6s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(6) > :nth-child(7) {
  -webkit-transition-delay: 3.8s;
  -moz-transition-delay: 3.8s;
  transition-delay: 3.8s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(6) > :nth-child(8) {
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(6) > :nth-child(9) {
  -webkit-transition-delay: 4.2s;
  -moz-transition-delay: 4.2s;
  transition-delay: 4.2s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(6) > :nth-child(10) {
  -webkit-transition-delay: 4.4s;
  -moz-transition-delay: 4.4s;
  transition-delay: 4.4s;
  -webkit-transition-duration: 1.12s;
  -moz-transition-duration: 1.12s;
  transition-duration: 1.12s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(7) > :nth-child(1) {
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(7) > :nth-child(2) {
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  transition-delay: 3.2s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(7) > :nth-child(3) {
  -webkit-transition-delay: 3.4s;
  -moz-transition-delay: 3.4s;
  transition-delay: 3.4s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(7) > :nth-child(4) {
  -webkit-transition-delay: 3.6s;
  -moz-transition-delay: 3.6s;
  transition-delay: 3.6s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(7) > :nth-child(5) {
  -webkit-transition-delay: 3.8s;
  -moz-transition-delay: 3.8s;
  transition-delay: 3.8s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(7) > :nth-child(6) {
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(7) > :nth-child(7) {
  -webkit-transition-delay: 4.2s;
  -moz-transition-delay: 4.2s;
  transition-delay: 4.2s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(7) > :nth-child(8) {
  -webkit-transition-delay: 4.4s;
  -moz-transition-delay: 4.4s;
  transition-delay: 4.4s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(7) > :nth-child(9) {
  -webkit-transition-delay: 4.6s;
  -moz-transition-delay: 4.6s;
  transition-delay: 4.6s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(7) > :nth-child(10) {
  -webkit-transition-delay: 4.8s;
  -moz-transition-delay: 4.8s;
  transition-delay: 4.8s;
  -webkit-transition-duration: 1.24s;
  -moz-transition-duration: 1.24s;
  transition-duration: 1.24s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(8) > :nth-child(1) {
  -webkit-transition-delay: 3.4s;
  -moz-transition-delay: 3.4s;
  transition-delay: 3.4s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(8) > :nth-child(2) {
  -webkit-transition-delay: 3.6s;
  -moz-transition-delay: 3.6s;
  transition-delay: 3.6s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(8) > :nth-child(3) {
  -webkit-transition-delay: 3.8s;
  -moz-transition-delay: 3.8s;
  transition-delay: 3.8s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(8) > :nth-child(4) {
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(8) > :nth-child(5) {
  -webkit-transition-delay: 4.2s;
  -moz-transition-delay: 4.2s;
  transition-delay: 4.2s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(8) > :nth-child(6) {
  -webkit-transition-delay: 4.4s;
  -moz-transition-delay: 4.4s;
  transition-delay: 4.4s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(8) > :nth-child(7) {
  -webkit-transition-delay: 4.6s;
  -moz-transition-delay: 4.6s;
  transition-delay: 4.6s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(8) > :nth-child(8) {
  -webkit-transition-delay: 4.8s;
  -moz-transition-delay: 4.8s;
  transition-delay: 4.8s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(8) > :nth-child(9) {
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  transition-delay: 5s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(8) > :nth-child(10) {
  -webkit-transition-delay: 5.2s;
  -moz-transition-delay: 5.2s;
  transition-delay: 5.2s;
  -webkit-transition-duration: 1.36s;
  -moz-transition-duration: 1.36s;
  transition-duration: 1.36s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(9) > :nth-child(1) {
  -webkit-transition-delay: 3.8s;
  -moz-transition-delay: 3.8s;
  transition-delay: 3.8s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(9) > :nth-child(2) {
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(9) > :nth-child(3) {
  -webkit-transition-delay: 4.2s;
  -moz-transition-delay: 4.2s;
  transition-delay: 4.2s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(9) > :nth-child(4) {
  -webkit-transition-delay: 4.4s;
  -moz-transition-delay: 4.4s;
  transition-delay: 4.4s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(9) > :nth-child(5) {
  -webkit-transition-delay: 4.6s;
  -moz-transition-delay: 4.6s;
  transition-delay: 4.6s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(9) > :nth-child(6) {
  -webkit-transition-delay: 4.8s;
  -moz-transition-delay: 4.8s;
  transition-delay: 4.8s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(9) > :nth-child(7) {
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  transition-delay: 5s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(9) > :nth-child(8) {
  -webkit-transition-delay: 5.2s;
  -moz-transition-delay: 5.2s;
  transition-delay: 5.2s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(9) > :nth-child(9) {
  -webkit-transition-delay: 5.4s;
  -moz-transition-delay: 5.4s;
  transition-delay: 5.4s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(9) > :nth-child(10) {
  -webkit-transition-delay: 5.6s;
  -moz-transition-delay: 5.6s;
  transition-delay: 5.6s;
  -webkit-transition-duration: 1.48s;
  -moz-transition-duration: 1.48s;
  transition-duration: 1.48s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(10) > :nth-child(1) {
  -webkit-transition-delay: 4.2s;
  -moz-transition-delay: 4.2s;
  transition-delay: 4.2s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(10) > :nth-child(2) {
  -webkit-transition-delay: 4.4s;
  -moz-transition-delay: 4.4s;
  transition-delay: 4.4s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(10) > :nth-child(3) {
  -webkit-transition-delay: 4.6s;
  -moz-transition-delay: 4.6s;
  transition-delay: 4.6s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(10) > :nth-child(4) {
  -webkit-transition-delay: 4.8s;
  -moz-transition-delay: 4.8s;
  transition-delay: 4.8s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(10) > :nth-child(5) {
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  transition-delay: 5s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(10) > :nth-child(6) {
  -webkit-transition-delay: 5.2s;
  -moz-transition-delay: 5.2s;
  transition-delay: 5.2s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(10) > :nth-child(7) {
  -webkit-transition-delay: 5.4s;
  -moz-transition-delay: 5.4s;
  transition-delay: 5.4s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(10) > :nth-child(8) {
  -webkit-transition-delay: 5.6s;
  -moz-transition-delay: 5.6s;
  transition-delay: 5.6s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(10) > :nth-child(9) {
  -webkit-transition-delay: 5.8s;
  -moz-transition-delay: 5.8s;
  transition-delay: 5.8s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s;
}

.section[data-active=on]:not(.scroll-content-shown) .columns li:nth-child(10) > :nth-child(10) {
  -webkit-transition-delay: 6s;
  -moz-transition-delay: 6s;
  transition-delay: 6s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  transition-duration: 1.6s;
}

.section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(1) {
  -webkit-transition: opacity 0.35s cubic-bezier(0.62, 0.02, 0.34, 1) 0.35s;
  -moz-transition: opacity 0.35s cubic-bezier(0.62, 0.02, 0.34, 1) 0.35s;
  transition: opacity 0.35s cubic-bezier(0.62, 0.02, 0.34, 1) 0.35s;
}

.section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(2) {
  -webkit-transition: opacity 0.4s cubic-bezier(0.62, 0.02, 0.34, 1) 0.4s;
  -moz-transition: opacity 0.4s cubic-bezier(0.62, 0.02, 0.34, 1) 0.4s;
  transition: opacity 0.4s cubic-bezier(0.62, 0.02, 0.34, 1) 0.4s;
}

.section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(3) {
  -webkit-transition: opacity 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.45s;
  -moz-transition: opacity 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.45s;
  transition: opacity 0.45s cubic-bezier(0.62, 0.02, 0.34, 1) 0.45s;
}

.section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(4) {
  -webkit-transition: opacity 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.5s;
  -moz-transition: opacity 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.5s;
  transition: opacity 0.5s cubic-bezier(0.62, 0.02, 0.34, 1) 0.5s;
}

.section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(5) {
  -webkit-transition: opacity 0.55s cubic-bezier(0.62, 0.02, 0.34, 1) 0.55s;
  -moz-transition: opacity 0.55s cubic-bezier(0.62, 0.02, 0.34, 1) 0.55s;
  transition: opacity 0.55s cubic-bezier(0.62, 0.02, 0.34, 1) 0.55s;
}

.section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(6) {
  -webkit-transition: opacity 0.6s cubic-bezier(0.62, 0.02, 0.34, 1) 0.6s;
  -moz-transition: opacity 0.6s cubic-bezier(0.62, 0.02, 0.34, 1) 0.6s;
  transition: opacity 0.6s cubic-bezier(0.62, 0.02, 0.34, 1) 0.6s;
}

.section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(7) {
  -webkit-transition: opacity 0.65s cubic-bezier(0.62, 0.02, 0.34, 1) 0.65s;
  -moz-transition: opacity 0.65s cubic-bezier(0.62, 0.02, 0.34, 1) 0.65s;
  transition: opacity 0.65s cubic-bezier(0.62, 0.02, 0.34, 1) 0.65s;
}

.section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(8) {
  -webkit-transition: opacity 0.7s cubic-bezier(0.62, 0.02, 0.34, 1) 0.7s;
  -moz-transition: opacity 0.7s cubic-bezier(0.62, 0.02, 0.34, 1) 0.7s;
  transition: opacity 0.7s cubic-bezier(0.62, 0.02, 0.34, 1) 0.7s;
}

.section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(9) {
  -webkit-transition: opacity 0.75s cubic-bezier(0.62, 0.02, 0.34, 1) 0.75s;
  -moz-transition: opacity 0.75s cubic-bezier(0.62, 0.02, 0.34, 1) 0.75s;
  transition: opacity 0.75s cubic-bezier(0.62, 0.02, 0.34, 1) 0.75s;
}

.section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(10) {
  -webkit-transition: opacity 0.8s cubic-bezier(0.62, 0.02, 0.34, 1) 0.8s;
  -moz-transition: opacity 0.8s cubic-bezier(0.62, 0.02, 0.34, 1) 0.8s;
  transition: opacity 0.8s cubic-bezier(0.62, 0.02, 0.34, 1) 0.8s;
}

.section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(11) {
  -webkit-transition: opacity 0.85s cubic-bezier(0.62, 0.02, 0.34, 1) 0.85s;
  -moz-transition: opacity 0.85s cubic-bezier(0.62, 0.02, 0.34, 1) 0.85s;
  transition: opacity 0.85s cubic-bezier(0.62, 0.02, 0.34, 1) 0.85s;
}

.section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(12) {
  -webkit-transition: opacity 0.9s cubic-bezier(0.62, 0.02, 0.34, 1) 0.9s;
  -moz-transition: opacity 0.9s cubic-bezier(0.62, 0.02, 0.34, 1) 0.9s;
  transition: opacity 0.9s cubic-bezier(0.62, 0.02, 0.34, 1) 0.9s;
}

.section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(13) {
  -webkit-transition: opacity 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.95s;
  -moz-transition: opacity 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.95s;
  transition: opacity 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.95s;
}

.section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(14) {
  -webkit-transition: opacity 1s cubic-bezier(0.62, 0.02, 0.34, 1) 1s;
  -moz-transition: opacity 1s cubic-bezier(0.62, 0.02, 0.34, 1) 1s;
  transition: opacity 1s cubic-bezier(0.62, 0.02, 0.34, 1) 1s;
}

.section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(15) {
  -webkit-transition: opacity 1.05s cubic-bezier(0.62, 0.02, 0.34, 1) 1.05s;
  -moz-transition: opacity 1.05s cubic-bezier(0.62, 0.02, 0.34, 1) 1.05s;
  transition: opacity 1.05s cubic-bezier(0.62, 0.02, 0.34, 1) 1.05s;
}

.section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(16) {
  -webkit-transition: opacity 1.1s cubic-bezier(0.62, 0.02, 0.34, 1) 1.1s;
  -moz-transition: opacity 1.1s cubic-bezier(0.62, 0.02, 0.34, 1) 1.1s;
  transition: opacity 1.1s cubic-bezier(0.62, 0.02, 0.34, 1) 1.1s;
}

.section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(17) {
  -webkit-transition: opacity 1.15s cubic-bezier(0.62, 0.02, 0.34, 1) 1.15s;
  -moz-transition: opacity 1.15s cubic-bezier(0.62, 0.02, 0.34, 1) 1.15s;
  transition: opacity 1.15s cubic-bezier(0.62, 0.02, 0.34, 1) 1.15s;
}

.section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(18) {
  -webkit-transition: opacity 1.2s cubic-bezier(0.62, 0.02, 0.34, 1) 1.2s;
  -moz-transition: opacity 1.2s cubic-bezier(0.62, 0.02, 0.34, 1) 1.2s;
  transition: opacity 1.2s cubic-bezier(0.62, 0.02, 0.34, 1) 1.2s;
}

.section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(19) {
  -webkit-transition: opacity 1.25s cubic-bezier(0.62, 0.02, 0.34, 1) 1.25s;
  -moz-transition: opacity 1.25s cubic-bezier(0.62, 0.02, 0.34, 1) 1.25s;
  transition: opacity 1.25s cubic-bezier(0.62, 0.02, 0.34, 1) 1.25s;
}

.section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(20) {
  -webkit-transition: opacity 1.3s cubic-bezier(0.62, 0.02, 0.34, 1) 1.3s;
  -moz-transition: opacity 1.3s cubic-bezier(0.62, 0.02, 0.34, 1) 1.3s;
  transition: opacity 1.3s cubic-bezier(0.62, 0.02, 0.34, 1) 1.3s;
}

.section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(21) {
  -webkit-transition: opacity 1.35s cubic-bezier(0.62, 0.02, 0.34, 1) 1.35s;
  -moz-transition: opacity 1.35s cubic-bezier(0.62, 0.02, 0.34, 1) 1.35s;
  transition: opacity 1.35s cubic-bezier(0.62, 0.02, 0.34, 1) 1.35s;
}

.section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(22) {
  -webkit-transition: opacity 1.4s cubic-bezier(0.62, 0.02, 0.34, 1) 1.4s;
  -moz-transition: opacity 1.4s cubic-bezier(0.62, 0.02, 0.34, 1) 1.4s;
  transition: opacity 1.4s cubic-bezier(0.62, 0.02, 0.34, 1) 1.4s;
}

.section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(23) {
  -webkit-transition: opacity 1.45s cubic-bezier(0.62, 0.02, 0.34, 1) 1.45s;
  -moz-transition: opacity 1.45s cubic-bezier(0.62, 0.02, 0.34, 1) 1.45s;
  transition: opacity 1.45s cubic-bezier(0.62, 0.02, 0.34, 1) 1.45s;
}

.section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(24) {
  -webkit-transition: opacity 1.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.5s;
  -moz-transition: opacity 1.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.5s;
  transition: opacity 1.5s cubic-bezier(0.62, 0.02, 0.34, 1) 1.5s;
}

.section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(25) {
  -webkit-transition: opacity 1.55s cubic-bezier(0.62, 0.02, 0.34, 1) 1.55s;
  -moz-transition: opacity 1.55s cubic-bezier(0.62, 0.02, 0.34, 1) 1.55s;
  transition: opacity 1.55s cubic-bezier(0.62, 0.02, 0.34, 1) 1.55s;
}

.section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(26) {
  -webkit-transition: opacity 1.6s cubic-bezier(0.62, 0.02, 0.34, 1) 1.6s;
  -moz-transition: opacity 1.6s cubic-bezier(0.62, 0.02, 0.34, 1) 1.6s;
  transition: opacity 1.6s cubic-bezier(0.62, 0.02, 0.34, 1) 1.6s;
}

.section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(27) {
  -webkit-transition: opacity 1.65s cubic-bezier(0.62, 0.02, 0.34, 1) 1.65s;
  -moz-transition: opacity 1.65s cubic-bezier(0.62, 0.02, 0.34, 1) 1.65s;
  transition: opacity 1.65s cubic-bezier(0.62, 0.02, 0.34, 1) 1.65s;
}

.section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(28) {
  -webkit-transition: opacity 1.7s cubic-bezier(0.62, 0.02, 0.34, 1) 1.7s;
  -moz-transition: opacity 1.7s cubic-bezier(0.62, 0.02, 0.34, 1) 1.7s;
  transition: opacity 1.7s cubic-bezier(0.62, 0.02, 0.34, 1) 1.7s;
}

.section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(29) {
  -webkit-transition: opacity 1.75s cubic-bezier(0.62, 0.02, 0.34, 1) 1.75s;
  -moz-transition: opacity 1.75s cubic-bezier(0.62, 0.02, 0.34, 1) 1.75s;
  transition: opacity 1.75s cubic-bezier(0.62, 0.02, 0.34, 1) 1.75s;
}

.section[data-active=on]:not(.scroll-content-shown) .logo-matrix li:nth-child(30) {
  -webkit-transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 1.8s;
  -moz-transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 1.8s;
  transition: opacity 1.8s cubic-bezier(0.62, 0.02, 0.34, 1) 1.8s;
}

.section[data-active=on]:not(.scroll-content-shown) h3::after {
  -webkit-transition-delay: 0.51s;
  -moz-transition-delay: 0.51s;
  transition-delay: 0.51s;
}

.columns {
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
}

.columns p {
  margin-bottom: 0.6em;
}

.columns li {
  width: 100%;
}

.logo-matrix {
  overflow: hidden;
  margin-top: 40px;
}

.logo-matrix li {
  width: 9.9vw;
  height: 4.95vw;
  float: left;
  margin-bottom: 0.5em;
  -webkit-backface-visibility: hidden;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}

@media screen and (max-width: 900px) {
  .logo-matrix li {
    width: 33%;
    height: 25vw;
  }
}
footer {
  width: 100%;
  position: relative;
  height: 83vw;
  max-height: 1260px;
  color: #fff;
  overflow: hidden;
}

footer::before {
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transform-origin: 50% 0;
  -webkit-transition: -webkit-transform 0.62s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: -moz-transform 0.62s cubic-bezier(0.7, 0.3, 0, 1);
  transition: transform 0.62s cubic-bezier(0.7, 0.3, 0, 1);
}

.ledge, .ledge2, .ledge3, .ledge5, footer #after {
  left: 50%;
  position: absolute;
}

footer #after {
  content: "";
  background: url(../img/footer-rock.png) center center/100% no-repeat;
  width: 300px;
  height: 700px;
  top: 210px;
  margin-left: -135px;
  -webkit-transition: 0.95s cubic-bezier(1, 0, 0, 1);
  -moz-transition: 0.95s cubic-bezier(1, 0, 0, 1);
  transition: 0.95s cubic-bezier(1, 0, 0, 1);
}
@media (max-width: 1099px) {
  footer #after {
    top: 110px;
  }
}

footer .toyfight-logo-flat {
  margin-top: -200px;
  -webkit-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.2s;
  -moz-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.2s;
  transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.2s;
}

footer .footer-footer {
  width: 100%;
  background-color: #000;
  -webkit-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.73s;
  -moz-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.73s;
  transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.73s;
}

footer .footer-footer cite {
  display: block;
  -webkit-transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
  -moz-transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
  transition: 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
}

footer[data-active=on]::before {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
}

footer[data-active=on]::after {
  -webkit-transition-delay: 0.25s;
  -moz-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

footer[data-active=off] .toyfight-logo-flat {
  opacity: 0;
  -webkit-transform: translateY(20%);
  -moz-transform: translateY(20%);
  -ms-transform: translateY(20%);
  -o-transform: translateY(20%);
  transform: translateY(20%);
}

footer[data-active=off]::after {
  -webkit-transform: translateY(105%);
  -moz-transform: translateY(105%);
  -ms-transform: translateY(105%);
  -o-transform: translateY(105%);
  transform: translateY(105%);
}

footer[data-active=off] .footer-footer, footer[data-active=off] #after {
  -webkit-transform: translateY(105%);
  -moz-transform: translateY(105%);
  -ms-transform: translateY(105%);
  -o-transform: translateY(105%);
  transform: translateY(105%);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
}

footer ul li:nth-child(1) {
  width: 37%;
  margin-right: 90px;
}

.menuf li {
  padding-bottom: 10px;
  width: 100% !important;
}

footer.condensed {
  height: 51px;
}

@media only screen and (max-width: 800px) {
  footer.condensed {
    height: auto;
  }
}
footer.condensed[data-active=off] .footer-footer, footer.condensed[data-active=on] .footer-footer {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ledge {
  top: 34%;
  width: 0;
  height: 0;
  -webkit-transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
}

.postedispo .ledge {
  top: 125%;
}

.contact .ledge {
  top: 64%;
}

.faq.contact .ledge {
  top: 34%;
}

.ledge2 {
  top: 34%;
  width: 0;
  height: 0;
  -webkit-transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
}

.historique .ledge2 {
  top: 0;
}

.faq .ledge2 {
  top: -16%;
}

.postedispo .ledge2 {
  top: 1%;
}

.ledge3 {
  top: 58%;
  width: 0;
  height: 0;
  -webkit-transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
}

.ledge5 {
  top: 65%;
  width: 0;
  height: 0;
  -webkit-transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
}

.ledge6 {
  top: 65%;
  width: 0;
  height: 0;
  -webkit-transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
}

.entreprise .ledge2 {
  top: 0;
  width: 0;
  height: 0;
  -webkit-transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
}

.contact .ledge2 {
  top: -1.6%;
  width: 0;
  height: 0;
  -webkit-transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
}

.condidat .ledge2 {
  top: 0;
  width: 0;
  height: 0;
  -webkit-transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.55s cubic-bezier(0.62, 0.02, 0.34, 1);
}

.ledge2::before, .ledge2 > div {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.52, 0.01, 0.16, 1), background 0.26s linear;
  -moz-transition: -moz-transform 0.9s cubic-bezier(0.52, 0.01, 0.16, 1), background 0.26s linear;
  transition: transform 0.9s cubic-bezier(0.52, 0.01, 0.16, 1), background 0.26s linear;
  width: 300vw;
  height: 300vw;
  margin-left: -150vw;
}

.apropos .ledge2::before, .ledge2 > div {
  width: 263vw;
}

.condidat .ledge2::before, .ledge2 > div {
  width: 268vw;
}

.ledge::before, .ledge > div, .ledge3::before, .ledge3 > div {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.52, 0.01, 0.16, 1), background 0.26s linear;
  -moz-transition: -moz-transform 0.9s cubic-bezier(0.52, 0.01, 0.16, 1), background 0.26s linear;
  transition: transform 0.9s cubic-bezier(0.52, 0.01, 0.16, 1), background 0.26s linear;
  width: 337vw;
  height: 300vw;
  margin-left: -150vw;
}

.homehome .ledge::before, .homehome .ledge > div {
  width: 376vw;
}
@media (max-width: 767px) {
  .homehome .ledge::before, .homehome .ledge > div {
    width: 270vw;
  }
}

.entreprise .ledge::before, .entreprise .ledge > div {
  width: 300vw;
}

.condidat .ledge::before, .condidat .ledge > div {
  width: 300vw;
}

.apropos .ledge::before, .apropos .ledge > div {
  width: 310vw;
}

.historique .ledge::before, .historique .ledge > div {
  width: 242vw;
}

.ledge5::before, .ledge5 > div {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.52, 0.01, 0.16, 1), background 0.26s linear;
  -moz-transition: -moz-transform 0.9s cubic-bezier(0.52, 0.01, 0.16, 1), background 0.26s linear;
  transition: transform 0.9s cubic-bezier(0.52, 0.01, 0.16, 1), background 0.26s linear;
  width: 250vw;
  height: 300vw;
  margin-left: -150vw;
}

.ledge6::before, .ledge5 > div {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.52, 0.01, 0.16, 1), background 0.26s linear;
  -moz-transition: -moz-transform 0.9s cubic-bezier(0.52, 0.01, 0.16, 1), background 0.26s linear;
  transition: transform 0.9s cubic-bezier(0.52, 0.01, 0.16, 1), background 0.26s linear;
  width: 300vw;
  height: 300vw;
  margin-left: -150vw;
}

.entreprise .ledge2::before, .entreprise .ledge2 > div {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.52, 0.01, 0.16, 1), background 0.26s linear;
  -moz-transition: -moz-transform 0.9s cubic-bezier(0.52, 0.01, 0.16, 1), background 0.26s linear;
  transition: transform 0.9s cubic-bezier(0.52, 0.01, 0.16, 1), background 0.26s linear;
  width: 254vw;
  height: 300vw;
  margin-left: -150vw;
}

.candidat .ledge2::before, .condidat .ledge2 > div {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.52, 0.01, 0.16, 1), background 0.26s linear;
  -moz-transition: -moz-transform 0.9s cubic-bezier(0.52, 0.01, 0.16, 1), background 0.26s linear;
  transition: transform 0.9s cubic-bezier(0.52, 0.01, 0.16, 1), background 0.26s linear;
  width: 254vw;
  height: 300vw;
  margin-left: -150vw;
}

.ledge-27-deg::before {
  -webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  transform: rotate(15deg);
}

.ledge-27-deg2::before {
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg);
}

.who-content .ledge-27-deg::before {
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  transform: rotate(5deg);
}

.who-content .ledge-27-deg2::before {
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

.ledge-minus-5-deg::before {
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

.ledge-minus-16-deg::before {
  -webkit-transform: rotate(-16deg);
  -moz-transform: rotate(-16deg);
  -ms-transform: rotate(-16deg);
  -o-transform: rotate(-16deg);
  transform: rotate(-16deg);
}

.awards ul {
  max-width: 940px;
  margin-top: 60px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.awards li {
  width: auto;
  text-align: left;
  z-index: 1;
}

.awards li h4 {
  width: 100%;
  margin-bottom: 1.2em;
}

.footer-footer ul {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.footer-footer ul li {
  text-align: left;
}

.footer-footer ul > :nth-child(3) {
  width: 50%;
}

.footer-footer ul li .ftext {
  width: 100%;
}

.footer-footer .infolettre {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 1160px;
  margin-top: 30px;
  text-align: right;
  padding-bottom: 100px;
}

.mailpoet_form input[type=text], .mailpoet_form input[type=email] {
  background-color: #fff;
  color: #000;
  height: 50px;
  border: none;
  border-radius: 3px;
  padding: 0 0 0 12px;
}

.mailpoet_form input[type=text] {
  width: 200px;
}

.mailpoet_form input[type=email] {
  width: 340px;
  margin: 0 5px;
}

.mailpoet_form input[type=submit] {
  border-radius: 3px;
  width: 180px;
  height: 50px;
  background-color: #fa6141;
  border: none;
  color: #fff;
  padding-left: 15px;
  font-weight: 500;
  text-transform: uppercase;
  cursor: pointer;
}

@media screen and (max-width: 1260px) {
  .awards li h4 {
    width: 90%;
  }
}
.awards .gigantic-text {
  position: absolute;
  top: 25px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  color: #fff55a;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin-top: -3%;
}

.project-thumb-hover-inner, .work-project-content {
  -webkit-box-pack: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
}

.awards .gigantic-text span.award-count {
  line-height: 1em;
  position: relative;
}

.awards .gigantic-text #award-counter, .awards .gigantic-text .asterik {
  -webkit-transform: translateX(-2vw);
  -moz-transform: translateX(-2vw);
  -ms-transform: translateX(-2vw);
  -o-transform: translateX(-2vw);
  transform: translateX(-2vw);
  display: inline-block;
}

.awards .gigantic-text span.asterik {
  -webkit-transform: scale(0.25);
  -moz-transform: scale(0.25);
  -ms-transform: scale(0.25);
  -o-transform: scale(0.25);
  transform: scale(0.25);
  -webkit-transform-origin: 0 16%;
  -moz-transform-origin: 0 16%;
  -ms-transform-origin: 0 16%;
  -o-transform-origin: 0 16%;
  transform-origin: 0 16%;
  position: absolute;
}

.awards .gigantic-text span.asterik, .awards .gigantic-text span.disclaimer {
  opacity: 0;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
}

.gigantic-text.counted span.asterik, .awards .gigantic-text.counted span.award-count::before {
  opacity: 1;
}

.exploded-figures-.section[data-active=off] .exploded-figures > div, .work-scroll-ledge, .section.profile-.section[data-active=off] .profile-figure div {
  opacity: 0;
}

@media screen and (max-width: 960px) {
  .awards ul {
    display: block;
  }

  .awards ul li {
    text-align: center;
  }

  .awards ul li h4 {
    width: 100%;
  }

  .awards .gigantic-text {
    display: none;
  }
}
.project-thumb, .project-thumb .thumb-p-1, .project-thumb .thumb-p-2 {
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.project-thumb-hover {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25vw;
  height: 25vw;
  margin: -12.5vw 0 0 -12.5vw;
}

.project-thumb-hover cite, .project-thumb-hover h2 {
  color: rgba(255, 255, 255, 0);
  -webkit-transform: translateX(-5px);
  -moz-transform: translateX(-5px);
  -ms-transform: translateX(-5px);
  -o-transform: translateX(-5px);
  transform: translateX(-5px);
  -webkit-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.45s cubic-bezier(0.62, 0.02, 0.34, 1);
}

.project-thumb-hover h2 {
  width: 68%;
  margin-left: 13%;
  text-align: left;
  margin-bottom: 0.5em;
}

.project-thumb-hover cite {
  text-transform: uppercase;
  left: 13%;
  bottom: 13%;
}

.project-thumb-hover .arrow-head, .project-thumb-hover cite {
  position: absolute;
}

.project-thumb-hover .arrow-head {
  right: 14%;
  bottom: 11.5%;
  margin: 0 -4px -4px 0;
}

.project-thumb-hover .arrow-head span {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-thumb-hover:hover .project-thumb-hover-inner::before {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}

.project-thumb-hover:hover .project-thumb-hover-inner cite, .project-thumb-hover:hover .project-thumb-hover-inner h2 {
  color: #fff;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.project-thumb-hover:hover .project-thumb-hover-inner h2 {
  -webkit-transition-delay: 0.26s;
  -moz-transition-delay: 0.26s;
  transition-delay: 0.26s;
}

.project-thumb-hover:hover .project-thumb-hover-inner cite {
  -webkit-transition-delay: 0.44s;
  -moz-transition-delay: 0.44s;
  transition-delay: 0.44s;
}

.project-thumb-hover:hover .project-thumb-hover-inner .arrow-head span {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-delay: 0.53s;
  -moz-transition-delay: 0.53s;
  transition-delay: 0.53s;
}

.project-thumb-hover-inner {
  position: absolute;
  width: 60%;
  height: 60%;
  left: 20%;
  top: 20%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}

.project-thumb-hover-inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #212121;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: 0.65s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: 0.65s cubic-bezier(0.7, 0.3, 0, 1);
  transition: 0.65s cubic-bezier(0.7, 0.3, 0, 1);
}

@media screen and (max-width: 800px) {
  .intro-content .project-thumbs {
    margin-top: -60px;
    margin-bottom: 50px;
  }

  .intro-content .home-thumb {
    display: none;
  }
}
.intro-content .project-thumb {
  margin: 0vw 0 0 30vw;
  position: relative;
  -webkit-transition: 0.67s cubic-bezier(0.52, 0.01, 0.16, 1);
  -moz-transition: 0.67s cubic-bezier(0.52, 0.01, 0.16, 1);
  transition: 0.67s cubic-bezier(0.52, 0.01, 0.16, 1);
}

.carteglobe .project-thumb {
  margin: -13.332vw 0 0 43vw;
}

.intro-content .section[data-active=off] .ledge::before, .intro-content .section[data-active=off] .ledge2::before {
  background-color: transparent;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}

.intro-content .section[data-active=off] .project-thumb {
  opacity: 0;
  -webkit-transform: translate3d(-60px, -30.5px, 0);
  -moz-transform: translate3d(-60px, -30.5px, 0);
  -ms-transform: translate3d(-60px, -30.5px, 0);
  -o-transform: translate3d(-60px, -30.5px, 0);
  transform: translate3d(-60px, -30.5px, 0);
}

.intro-content .section[data-active=on] .project-thumbs > :nth-child(1) {
  -webkit-transition-delay: 0.62s;
  -moz-transition-delay: 0.62s;
  transition-delay: 0.62s;
}

.intro-content .section[data-active=on] .project-thumbs > :nth-child(2) {
  -webkit-transition-delay: 0.84s;
  -moz-transition-delay: 0.84s;
  transition-delay: 0.84s;
}

.intro-content .section[data-active=on] .project-thumbs > :nth-child(3) {
  -webkit-transition-delay: 1.06s;
  -moz-transition-delay: 1.06s;
  transition-delay: 1.06s;
}

.intro-content .section[data-active=on] .project-thumbs > :nth-child(4) {
  -webkit-transition-delay: 1.28s;
  -moz-transition-delay: 1.28s;
  transition-delay: 1.28s;
}

.intro-content .home-thumb:nth-child(1) {
  top: -8.55vw;
  left: -27.6vw;
}

@media screen and (min-width: 1400px) {
  .intro-content .home-thumb:nth-child(1) {
    top: -9.85vw;
  }
}
.intro-content .home-thumb:nth-child(2) {
  left: -9vw;
}

.intro-content .mobile-thumb {
  display: none;
  top: auto;
  left: auto;
}

.exploded-figures-.section {
  margin-bottom: 30vw;
  margin-top: 25vw;
}

@media only screen and (max-width: 800px) {
  .project-thumb-hover-inner {
    display: none;
  }

  .exploded-figures-.section {
    padding-top: 30vw;
  }
}
.exploded-figures-.section .ledge, .exploded-figures-.section .ledge2 {
  margin-top: -14vw;
}

.exploded-figures-.section[data-active=off] .exploded-figures .jonny-exploded {
  -webkit-transform: translate3d(30px, 22px, 0);
  -moz-transform: translate3d(30px, 22px, 0);
  -ms-transform: translate3d(30px, 22px, 0);
  -o-transform: translate3d(30px, 22px, 0);
  transform: translate3d(30px, 22px, 0);
}

.exploded-figures-.section[data-active=off] .exploded-figures .leigh-exploded {
  -webkit-transform: translate3d(-30px, -22px, 0);
  -moz-transform: translate3d(-30px, -22px, 0);
  -ms-transform: translate3d(-30px, -22px, 0);
  -o-transform: translate3d(-30px, -22px, 0);
  transform: translate3d(-30px, -22px, 0);
}

@media screen and (max-width: 800px) {
  .intro-content .mobile-thumb {
    display: block;
  }

  .exploded-figures {
    display: none;
  }
}
.exploded-figures > div {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1);
  -moz-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1);
  transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1);
  width: 40vw;
  height: 40vw;
  margin: -20vw 0 0 -20vw;
}

.exploded-figures .jonny-exploded {
  left: -25vw;
  background: url(../img/figures/jonny-exploded.png) center center/100% 100% no-repeat;
  top: 7vw;
  -webkit-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
  -moz-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
  transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.4s;
}

.exploded-figures .leigh-exploded {
  left: 23vw;
  top: -6vw;
  background: url(../img/figures/leigh-exploded.png) center center/100% 100% no-repeat;
  -webkit-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.65s;
  -moz-transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.65s;
  transition: 0.65s cubic-bezier(0.52, 0.01, 0.16, 1) 0.65s;
}

.section.left-aligned-.section {
  padding: 20vw 0 10vw;
}

.section.left-aligned-.section .content {
  margin: 1vw 0 12vw 15%;
  width: 33%;
}

@media only screen and (max-width: 800px) {
  .section.left-aligned-.section {
    padding-top: 25vw;
  }

  .section.left-aligned-.section .content {
    margin: 1vw auto 20vw;
    width: 80%;
  }
}
.section.left-aligned-.section .content > * {
  text-align: left;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

.section.left-aligned-.section .content h1 {
  margin-bottom: 0.5em;
}

.section.profile-.section h1, .section.profile-.section h3 {
  color: #1544c0;
}

.section.profile-.section .social-list {
  margin-top: 1.7em;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
}

@media only screen and (max-width: 800px) {
  .section.left-aligned-.section .content > * {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .section.profile-.section .social-list {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
  }

  .section.profile-.section .profile-figure {
    display: none;
  }
}
.section.profile-.section .profile-figure {
  right: 26%;
  top: 50%;
  width: 42vw;
  height: 42vw;
  margin-top: -21vw;
  margin-right: -20vw;
}

.section.profile-.section .profile-figure div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.section.profile-.section .profile-figure div:nth-child(1) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.23s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.23s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.23s;
}

.section.profile-.section .profile-figure div:nth-child(2) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.46s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.46s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.46s;
}

.section.profile-.section .profile-figure div:nth-child(3) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.69s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.69s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.69s;
}

.section.profile-.section .profile-figure div:nth-child(4) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.92s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.92s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 0.92s;
}

.section.profile-.section .profile-figure div:nth-child(5) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.15s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.15s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.15s;
}

.section.profile-.section .profile-figure div:nth-child(6) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.38s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.38s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.38s;
}

.section.profile-.section .profile-figure div:nth-child(7) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.61s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.61s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.61s;
}

.section.profile-.section .profile-figure div:nth-child(8) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.84s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.84s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 1.84s;
}

.section.profile-.section .profile-figure div:nth-child(9) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.07s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.07s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.07s;
}

.section.profile-.section .profile-figure div:nth-child(10) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.3s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.3s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.3s;
}

.section.profile-.section .profile-figure div:nth-child(11) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.53s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.53s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.53s;
}

.section.profile-.section .profile-figure div:nth-child(12) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.76s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.76s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.76s;
}

.section.profile-.section .profile-figure div:nth-child(13) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.99s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.99s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 2.99s;
}

.section.profile-.section .profile-figure div:nth-child(14) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.22s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.22s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.22s;
}

.section.profile-.section .profile-figure div:nth-child(15) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.45s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.45s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.45s;
}

.section.profile-.section .profile-figure div:nth-child(16) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.68s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.68s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.68s;
}

.section.profile-.section .profile-figure div:nth-child(17) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.91s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.91s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 3.91s;
}

.section.profile-.section .profile-figure div:nth-child(18) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.14s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.14s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.14s;
}

.section.profile-.section .profile-figure div:nth-child(19) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.37s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.37s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.37s;
}

.section.profile-.section .profile-figure div:nth-child(20) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.6s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.6s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.6s;
}

.section.profile-.section .profile-figure div:nth-child(21) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.83s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.83s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 4.83s;
}

.section.profile-.section .profile-figure div:nth-child(22) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.06s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.06s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.06s;
}

.section.profile-.section .profile-figure div:nth-child(23) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.29s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.29s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.29s;
}

.section.profile-.section .profile-figure div:nth-child(24) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.52s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.52s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.52s;
}

.section.profile-.section .profile-figure div:nth-child(25) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.75s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.75s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.75s;
}

.section.profile-.section .profile-figure div:nth-child(26) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.98s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.98s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 5.98s;
}

.section.profile-.section .profile-figure div:nth-child(27) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.21s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.21s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.21s;
}

.section.profile-.section .profile-figure div:nth-child(28) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.44s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.44s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.44s;
}

.section.profile-.section .profile-figure div:nth-child(29) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.67s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.67s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.67s;
}

.section.profile-.section .profile-figure div:nth-child(30) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.9s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.9s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 6.9s;
}

.section.profile-.section .profile-figure div:nth-child(31) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.13s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.13s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.13s;
}

.section.profile-.section .profile-figure div:nth-child(32) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.36s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.36s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.36s;
}

.section.profile-.section .profile-figure div:nth-child(33) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.59s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.59s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.59s;
}

.section.profile-.section .profile-figure div:nth-child(34) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.82s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.82s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 7.82s;
}

.section.profile-.section .profile-figure div:nth-child(35) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.05s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.05s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.05s;
}

.section.profile-.section .profile-figure div:nth-child(36) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.28s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.28s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.28s;
}

.section.profile-.section .profile-figure div:nth-child(37) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.51s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.51s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.51s;
}

.section.profile-.section .profile-figure div:nth-child(38) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.74s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.74s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.74s;
}

.section.profile-.section .profile-figure div:nth-child(39) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.97s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.97s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 8.97s;
}

.section.profile-.section .profile-figure div:nth-child(40) {
  -webkit-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 9.2s;
  -moz-transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 9.2s;
  transition: 0.95s cubic-bezier(0.62, 0.02, 0.34, 1) 9.2s;
}

@media only screen and (max-width: 800px) {
  .section.profile-.section {
    padding-bottom: 250px;
  }

  .section.profile-.section .mob-figure {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 300px;
  }

  .section.profile-.section .mob-jon {
    background: url(../img/figures/mob/jon-mob.png) center bottom/380px no-repeat;
  }

  .section.profile-.section .mob-leigh {
    background: url(../img/figures/mob/leigh-mob.png) center bottom/380px no-repeat;
  }
}
.jon-profile-figure div:nth-child(1) {
  background: url(../img/black-cam.jpg) center center/100% no-repeat;
}

.jon-profile-figure div:nth-child(2) {
  background: url(../img/figures/jon-exploded-face-on-2.png) center center/100% no-repeat;
}

.jon-profile-figure div:nth-child(3) {
  background: url(../img/figures/jon-exploded-face-on-3.png) center center/100% no-repeat;
}

.jon-profile-figure div:nth-child(4) {
  background: url(../img/figures/jon-exploded-face-on-4.png) center center/100% no-repeat;
}

.leigh-profile-figure div:nth-child(1) {
  background: url(../img/figures/leigh-exploded-face-on-1.png) center center/100% no-repeat;
}

.leigh-profile-figure div:nth-child(2) {
  background: url(../img/figures/leigh-exploded-face-on-2.png) center center/100% no-repeat;
}

.leigh-profile-figure div:nth-child(3) {
  background: url(../img/figures/leigh-exploded-face-on-3.png) center center/100% no-repeat;
}

.leigh-profile-figure div:nth-child(4) {
  background: url(../img/figures/leigh-exploded-face-on-4.png) center center/100% no-repeat;
}

.full-screen-image .img-fill, .project-carousel .carousel-img-wrap li div, .project-footer .project-footer-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.work-project {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.work-project .cta-wrap {
  position: fixed;
  bottom: 16%;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}

@media screen and (max-width: 800px) {
  .work-project .cta-wrap {
    bottom: 50px;
  }
}
.work-scroll-ledge {
  position: fixed;
}

.work-scroll-ledge div {
  -webkit-transition: 0.75s cubic-bezier(0.7, 0.3, 0, 1) 0.3s;
  -moz-transition: 0.75s cubic-bezier(0.7, 0.3, 0, 1) 0.3s;
  transition: 0.75s cubic-bezier(0.7, 0.3, 0, 1) 0.3s;
}

.work-scroll-ledge[data-active=on] {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.work-project-content {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin-top: -30px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-transition: 0.26s linear;
  -moz-transition: 0.26s linear;
  transition: 0.26s linear;
}

.work-project-content h4 {
  margin-bottom: 40px;
}

.js-work-scroll-ledge.force-out, .work-project-content.force-out {
  opacity: 0 !important;
  -webkit-transition: 0.26s linear 0s !important;
  -moz-transition: 0.26s linear 0s !important;
  transition: 0.26s linear 0s !important;
}

.project-thumb {
  margin: 0 auto;
}

.work-project-monitor .work-project h4, .work-project-monitor .work-project h5 {
  opacity: 0;
  -webkit-transform: translateY(3px);
  -moz-transform: translateY(3px);
  -ms-transform: translateY(3px);
  -o-transform: translateY(3px);
  transform: translateY(3px);
  -webkit-transition: 0.6s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.6s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.6s cubic-bezier(0.62, 0.02, 0.34, 1);
}

.work-project-monitor .work-project h4 {
  color: #fff;
}

.work-project-monitor .work-project .cta-wrap {
  opacity: 0;
  -webkit-transform: translateY(6px);
  -moz-transform: translateY(6px);
  -ms-transform: translateY(6px);
  -o-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: 0.28s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.28s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.28s cubic-bezier(0.62, 0.02, 0.34, 1);
}

.work-project-monitor .work-project .project-thumb {
  opacity: 0;
  -webkit-transition: 0.4s cubic-bezier(0.62, 0.02, 0.34, 1) 0s;
  -moz-transition: 0.4s cubic-bezier(0.62, 0.02, 0.34, 1) 0s;
  transition: 0.4s cubic-bezier(0.62, 0.02, 0.34, 1) 0s;
}

.work-project-monitor .work-project .thumb-mover {
  -webkit-transition: 0.75s cubic-bezier(0.52, 0.01, 0.16, 1);
  -moz-transition: 0.75s cubic-bezier(0.52, 0.01, 0.16, 1);
  transition: 0.75s cubic-bezier(0.52, 0.01, 0.16, 1);
}

.work-project-monitor .work-project .thumb-mover:nth-child(1) {
  -webkit-transition-delay: 80ms;
  -moz-transition-delay: 80ms;
  transition-delay: 80ms;
}

.work-project-monitor[data-active-project="1"] .masterhead {
  opacity: 0;
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  -ms-transform: translateY(12px);
  -o-transform: translateY(12px);
  transform: translateY(12px);
}

.work-project-monitor[data-active-project="1"] .work-scroll-ledge {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
  opacity: 1;
}

.work-project-monitor[data-active-project="2"] .masterhead {
  opacity: 0;
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  -ms-transform: translateY(12px);
  -o-transform: translateY(12px);
  transform: translateY(12px);
}

.work-project-monitor[data-active-project="2"] .work-scroll-ledge {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
  opacity: 1;
}

.work-project-monitor[data-active-project="3"] .masterhead {
  opacity: 0;
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  -ms-transform: translateY(12px);
  -o-transform: translateY(12px);
  transform: translateY(12px);
}

.work-project-monitor[data-active-project="3"] .work-scroll-ledge {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
  opacity: 1;
}

.work-project-monitor[data-active-project="4"] .masterhead {
  opacity: 0;
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  -ms-transform: translateY(12px);
  -o-transform: translateY(12px);
  transform: translateY(12px);
}

.work-project-monitor[data-active-project="4"] .work-scroll-ledge {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
  opacity: 1;
}

.work-project-monitor[data-active-project="5"] .masterhead {
  opacity: 0;
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  -ms-transform: translateY(12px);
  -o-transform: translateY(12px);
  transform: translateY(12px);
}

.work-project-monitor[data-active-project="5"] .work-scroll-ledge {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
  opacity: 1;
}

.work-project-monitor[data-active-project="6"] .masterhead {
  opacity: 0;
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  -ms-transform: translateY(12px);
  -o-transform: translateY(12px);
  transform: translateY(12px);
}

.work-project-monitor[data-active-project="6"] .work-scroll-ledge {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
  opacity: 1;
}

.work-project-monitor[data-active-project="7"] .masterhead {
  opacity: 0;
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  -ms-transform: translateY(12px);
  -o-transform: translateY(12px);
  transform: translateY(12px);
}

.work-project-monitor[data-active-project="7"] .work-scroll-ledge {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
  opacity: 1;
}

.work-project-monitor[data-active-project="8"] .masterhead {
  opacity: 0;
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  -ms-transform: translateY(12px);
  -o-transform: translateY(12px);
  transform: translateY(12px);
}

.work-project-monitor[data-active-project="8"] .work-scroll-ledge {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
  opacity: 1;
}

.work-project-monitor[data-active-project="9"] .masterhead {
  opacity: 0;
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  -ms-transform: translateY(12px);
  -o-transform: translateY(12px);
  transform: translateY(12px);
}

.work-project-monitor[data-active-project="9"] .work-scroll-ledge {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
  opacity: 1;
}

.work-project-monitor[data-active-project="10"] .masterhead {
  opacity: 0;
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  -ms-transform: translateY(12px);
  -o-transform: translateY(12px);
  transform: translateY(12px);
}

.work-project-monitor[data-active-project="10"] .work-scroll-ledge {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
  opacity: 1;
}

.work-project-monitor[data-active-project="11"] .masterhead {
  opacity: 0;
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  -ms-transform: translateY(12px);
  -o-transform: translateY(12px);
  transform: translateY(12px);
}

.work-project-monitor[data-active-project="11"] .work-scroll-ledge {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
  opacity: 1;
}

.work-project-monitor[data-active-project="12"] .masterhead {
  opacity: 0;
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  -ms-transform: translateY(12px);
  -o-transform: translateY(12px);
  transform: translateY(12px);
}

.work-project-monitor[data-active-project="12"] .work-scroll-ledge {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
  opacity: 1;
}

.work-project-monitor[data-active-project="13"] .masterhead {
  opacity: 0;
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  -ms-transform: translateY(12px);
  -o-transform: translateY(12px);
  transform: translateY(12px);
}

.work-project-monitor[data-active-project="13"] .work-scroll-ledge {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
  opacity: 1;
}

.work-project-monitor[data-active-project="14"] .masterhead {
  opacity: 0;
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  -ms-transform: translateY(12px);
  -o-transform: translateY(12px);
  transform: translateY(12px);
}

.work-project-monitor[data-active-project="14"] .work-scroll-ledge {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
  opacity: 1;
}

.work-project-monitor[data-active-project="15"] .masterhead {
  opacity: 0;
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  -ms-transform: translateY(12px);
  -o-transform: translateY(12px);
  transform: translateY(12px);
}

.work-project-monitor[data-active-project="15"] .work-scroll-ledge {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
  opacity: 1;
}

.work-project-monitor[data-active-project="16"] .masterhead {
  opacity: 0;
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  -ms-transform: translateY(12px);
  -o-transform: translateY(12px);
  transform: translateY(12px);
}

.work-project-monitor[data-active-project="16"] .work-scroll-ledge {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
  opacity: 1;
}

.work-project-monitor[data-active-project="17"] .masterhead {
  opacity: 0;
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  -ms-transform: translateY(12px);
  -o-transform: translateY(12px);
  transform: translateY(12px);
}

.work-project-monitor[data-active-project="17"] .work-scroll-ledge {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
  opacity: 1;
}

.work-project-monitor[data-active-project="18"] .masterhead {
  opacity: 0;
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  -ms-transform: translateY(12px);
  -o-transform: translateY(12px);
  transform: translateY(12px);
}

.work-project-monitor[data-active-project="18"] .work-scroll-ledge {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
  opacity: 1;
}

.work-project-monitor[data-active-project="19"] .masterhead {
  opacity: 0;
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  -ms-transform: translateY(12px);
  -o-transform: translateY(12px);
  transform: translateY(12px);
}

.work-project-monitor[data-active-project="19"] .work-scroll-ledge {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
  opacity: 1;
}

.work-project-monitor[data-active-project="20"] .masterhead {
  opacity: 0;
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  -ms-transform: translateY(12px);
  -o-transform: translateY(12px);
  transform: translateY(12px);
}

.work-project-monitor[data-active-project="20"] .work-scroll-ledge {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
  opacity: 1;
}

.work-project-monitor .work-projects-scroll[data-direction=backwards] .work-project[data-active=on] .thumb-mover {
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.work-project-monitor .work-projects-scroll[data-direction=backwards] .work-project[data-active=on] .thumb-mover:nth-child(1) {
  -webkit-transition-delay: 0.35s;
  -moz-transition-delay: 0.35s;
  transition-delay: 0.35s;
}

.work-project-monitor[data-active-project="1"] .work-project[data-work-project="1"], .work-project-monitor[data-active-project="2"] .work-project[data-work-project="2"], .work-project-monitor[data-active-project="3"] .work-project[data-work-project="3"], .work-project-monitor[data-active-project="4"] .work-project[data-work-project="4"], .work-project-monitor[data-active-project="5"] .work-project[data-work-project="5"], .work-project-monitor[data-active-project="6"] .work-project[data-work-project="6"], .work-project-monitor[data-active-project="7"] .work-project[data-work-project="7"], .work-project-monitor[data-active-project="8"] .work-project[data-work-project="8"], .work-project-monitor[data-active-project="9"] .work-project[data-work-project="9"], .work-project-monitor[data-active-project="10"] .work-project[data-work-project="10"], .work-project-monitor[data-active-project="11"] .work-project[data-work-project="11"], .work-project-monitor[data-active-project="12"] .work-project[data-work-project="12"], .work-project-monitor[data-active-project="13"] .work-project[data-work-project="13"], .work-project-monitor[data-active-project="14"] .work-project[data-work-project="14"], .work-project-monitor[data-active-project="15"] .work-project[data-work-project="15"] {
  pointer-events: auto;
}

.work-project-monitor[data-active-project="1"] .work-project[data-work-project="1"] .cta-wrap, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="1"] .project-thumb, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="1"] h4, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="1"] h5, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="2"] .cta-wrap, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="2"] .project-thumb, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="2"] h4, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="2"] h5, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="3"] .cta-wrap, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="3"] .project-thumb, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="3"] h4, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="3"] h5, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="4"] .cta-wrap, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="4"] .project-thumb, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="4"] h4, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="4"] h5, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="5"] .cta-wrap, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="5"] .project-thumb, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="5"] h4, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="5"] h5, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="6"] .cta-wrap, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="6"] .project-thumb, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="6"] h4, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="6"] h5, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="7"] .cta-wrap, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="7"] .project-thumb, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="7"] h4, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="7"] h5, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="8"] .cta-wrap, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="8"] .project-thumb, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="8"] h4, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="8"] h5, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="9"] .cta-wrap, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="9"] .project-thumb, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="9"] h4, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="9"] h5, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="10"] .cta-wrap, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="10"] .project-thumb, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="10"] h4, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="10"] h5, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="11"] .cta-wrap, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="11"] .project-thumb, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="11"] h4, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="11"] h5, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="12"] .cta-wrap, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="12"] .project-thumb, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="12"] h4, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="12"] h5, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="13"] .cta-wrap, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="13"] .project-thumb, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="13"] h4, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="13"] h5, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="14"] .cta-wrap, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="14"] .project-thumb, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="14"] h4, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="14"] h5, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="15"] .cta-wrap, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="15"] .project-thumb, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="15"] h4, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="15"] h5 {
  opacity: 1;
}

.work-project-monitor[data-active-project="1"] .work-project[data-work-project="1"] .cta-wrap, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="2"] .cta-wrap, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="3"] .cta-wrap, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="4"] .cta-wrap, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="5"] .cta-wrap, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="6"] .cta-wrap, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="7"] .cta-wrap, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="8"] .cta-wrap, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="9"] .cta-wrap, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="10"] .cta-wrap, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="11"] .cta-wrap, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="12"] .cta-wrap, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="13"] .cta-wrap, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="14"] .cta-wrap, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="15"] .cta-wrap {
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.work-project-monitor[data-active-project="1"] .work-project[data-work-project="1"] .cta-wrap, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="1"] h4, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="1"] h5, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="2"] .cta-wrap, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="2"] h4, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="2"] h5, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="3"] .cta-wrap, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="3"] h4, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="3"] h5, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="4"] .cta-wrap, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="4"] h4, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="4"] h5, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="5"] .cta-wrap, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="5"] h4, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="5"] h5, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="6"] .cta-wrap, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="6"] h4, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="6"] h5, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="7"] .cta-wrap, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="7"] h4, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="7"] h5, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="8"] .cta-wrap, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="8"] h4, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="8"] h5, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="9"] .cta-wrap, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="9"] h4, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="9"] h5, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="10"] .cta-wrap, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="10"] h4, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="10"] h5, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="11"] .cta-wrap, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="11"] h4, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="11"] h5, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="12"] .cta-wrap, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="12"] h4, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="12"] h5, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="13"] .cta-wrap, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="13"] h4, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="13"] h5, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="14"] .cta-wrap, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="14"] h4, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="14"] h5, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="15"] .cta-wrap, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="15"] h4, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="15"] h5 {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.work-project-monitor[data-active-project="1"] .work-project[data-work-project="1"] h5, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="2"] h5, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="3"] h5, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="4"] h5, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="5"] h5, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="6"] h5, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="7"] h5, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="8"] h5, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="9"] h5, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="10"] h5, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="11"] h5, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="12"] h5, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="13"] h5, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="14"] h5, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="15"] h5 {
  -webkit-transition-delay: 0.95s;
  -moz-transition-delay: 0.95s;
  transition-delay: 0.95s;
}

.work-project-monitor[data-active-project="1"] .work-project[data-work-project="1"] h4, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="2"] h4, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="3"] h4, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="4"] h4, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="5"] h4, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="6"] h4, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="7"] h4, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="8"] h4, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="9"] h4, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="10"] h4, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="11"] h4, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="12"] h4, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="13"] h4, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="14"] h4, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="15"] h4 {
  -webkit-transition-delay: 1.1s;
  -moz-transition-delay: 1.1s;
  transition-delay: 1.1s;
}

.work-project-monitor[data-active-project="1"] .work-project[data-work-project="1"] .project-thumb, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="2"] .project-thumb, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="3"] .project-thumb, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="4"] .project-thumb, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="5"] .project-thumb, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="6"] .project-thumb, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="7"] .project-thumb, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="8"] .project-thumb, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="9"] .project-thumb, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="10"] .project-thumb, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="11"] .project-thumb, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="12"] .project-thumb, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="13"] .project-thumb, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="14"] .project-thumb, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="15"] .project-thumb {
  -webkit-transition-delay: 0.65s;
  -moz-transition-delay: 0.65s;
  transition-delay: 0.65s;
}

.work-project-monitor[data-active-project="1"] .work-project[data-work-project="1"] .thumb-mover, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="2"] .thumb-mover, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="3"] .thumb-mover, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="4"] .thumb-mover, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="5"] .thumb-mover, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="6"] .thumb-mover, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="7"] .thumb-mover, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="8"] .thumb-mover, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="9"] .thumb-mover, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="10"] .thumb-mover, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="11"] .thumb-mover, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="12"] .thumb-mover, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="13"] .thumb-mover, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="14"] .thumb-mover, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="15"] .thumb-mover {
  -webkit-transition: 0.9s cubic-bezier(0.62, 0.02, 0.34, 1) 0.35s;
  -moz-transition: 0.9s cubic-bezier(0.62, 0.02, 0.34, 1) 0.35s;
  transition: 0.9s cubic-bezier(0.62, 0.02, 0.34, 1) 0.35s;
}

.work-project-monitor[data-active-project="1"] .work-project[data-work-project="1"] .thumb-mover:nth-child(1), .work-project-monitor[data-active-project="2"] .work-project[data-work-project="2"] .thumb-mover:nth-child(1), .work-project-monitor[data-active-project="3"] .work-project[data-work-project="3"] .thumb-mover:nth-child(1), .work-project-monitor[data-active-project="4"] .work-project[data-work-project="4"] .thumb-mover:nth-child(1), .work-project-monitor[data-active-project="5"] .work-project[data-work-project="5"] .thumb-mover:nth-child(1), .work-project-monitor[data-active-project="6"] .work-project[data-work-project="6"] .thumb-mover:nth-child(1), .work-project-monitor[data-active-project="7"] .work-project[data-work-project="7"] .thumb-mover:nth-child(1), .work-project-monitor[data-active-project="8"] .work-project[data-work-project="8"] .thumb-mover:nth-child(1), .work-project-monitor[data-active-project="9"] .work-project[data-work-project="9"] .thumb-mover:nth-child(1), .work-project-monitor[data-active-project="10"] .work-project[data-work-project="10"] .thumb-mover:nth-child(1), .work-project-monitor[data-active-project="11"] .work-project[data-work-project="11"] .thumb-mover:nth-child(1), .work-project-monitor[data-active-project="12"] .work-project[data-work-project="12"] .thumb-mover:nth-child(1), .work-project-monitor[data-active-project="13"] .work-project[data-work-project="13"] .thumb-mover:nth-child(1), .work-project-monitor[data-active-project="14"] .work-project[data-work-project="14"] .thumb-mover:nth-child(1), .work-project-monitor[data-active-project="15"] .work-project[data-work-project="15"] .thumb-mover:nth-child(1) {
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.work-project-monitor[data-active-project="2"] .work-project[data-work-project="1"] .thumb-mover, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="1"] .thumb-mover, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="2"] .thumb-mover, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="1"] .thumb-mover, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="2"] .thumb-mover, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="3"] .thumb-mover, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="1"] .thumb-mover, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="2"] .thumb-mover, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="3"] .thumb-mover, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="4"] .thumb-mover, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="1"] .thumb-mover, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="2"] .thumb-mover, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="3"] .thumb-mover, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="4"] .thumb-mover, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="5"] .thumb-mover, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="1"] .thumb-mover, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="2"] .thumb-mover, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="3"] .thumb-mover, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="4"] .thumb-mover, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="5"] .thumb-mover, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="6"] .thumb-mover, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="1"] .thumb-mover, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="2"] .thumb-mover, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="3"] .thumb-mover, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="4"] .thumb-mover, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="5"] .thumb-mover, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="6"] .thumb-mover, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="7"] .thumb-mover, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="1"] .thumb-mover, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="2"] .thumb-mover, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="3"] .thumb-mover, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="4"] .thumb-mover, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="5"] .thumb-mover, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="6"] .thumb-mover, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="7"] .thumb-mover, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="8"] .thumb-mover, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="1"] .thumb-mover, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="2"] .thumb-mover, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="3"] .thumb-mover, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="4"] .thumb-mover, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="5"] .thumb-mover, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="6"] .thumb-mover, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="7"] .thumb-mover, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="8"] .thumb-mover, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="9"] .thumb-mover, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="1"] .thumb-mover, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="2"] .thumb-mover, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="3"] .thumb-mover, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="4"] .thumb-mover, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="5"] .thumb-mover, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="6"] .thumb-mover, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="7"] .thumb-mover, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="8"] .thumb-mover, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="9"] .thumb-mover, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="10"] .thumb-mover, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="1"] .thumb-mover, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="2"] .thumb-mover, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="3"] .thumb-mover, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="4"] .thumb-mover, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="5"] .thumb-mover, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="6"] .thumb-mover, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="7"] .thumb-mover, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="8"] .thumb-mover, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="9"] .thumb-mover, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="10"] .thumb-mover, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="11"] .thumb-mover, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="1"] .thumb-mover, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="2"] .thumb-mover, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="3"] .thumb-mover, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="4"] .thumb-mover, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="5"] .thumb-mover, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="6"] .thumb-mover, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="7"] .thumb-mover, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="8"] .thumb-mover, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="9"] .thumb-mover, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="10"] .thumb-mover, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="11"] .thumb-mover, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="12"] .thumb-mover, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="1"] .thumb-mover, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="2"] .thumb-mover, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="3"] .thumb-mover, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="4"] .thumb-mover, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="5"] .thumb-mover, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="6"] .thumb-mover, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="7"] .thumb-mover, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="8"] .thumb-mover, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="9"] .thumb-mover, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="10"] .thumb-mover, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="11"] .thumb-mover, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="12"] .thumb-mover, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="13"] .thumb-mover, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="1"] .thumb-mover, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="2"] .thumb-mover, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="3"] .thumb-mover, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="4"] .thumb-mover, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="5"] .thumb-mover, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="6"] .thumb-mover, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="7"] .thumb-mover, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="8"] .thumb-mover, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="9"] .thumb-mover, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="10"] .thumb-mover, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="11"] .thumb-mover, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="12"] .thumb-mover, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="13"] .thumb-mover, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="14"] .thumb-mover {
  -webkit-transform: translateX(30%);
  -moz-transform: translateX(30%);
  -ms-transform: translateX(30%);
  -o-transform: translateX(30%);
  transform: translateX(30%);
}

.work-project-monitor[data-active-project="2"] .work-project[data-work-project="1"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="1"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="2"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="1"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="2"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="3"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="1"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="2"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="3"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="4"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="1"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="2"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="3"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="4"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="5"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="1"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="2"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="3"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="4"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="5"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="6"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="1"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="2"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="3"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="4"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="5"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="6"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="7"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="1"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="2"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="3"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="4"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="5"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="6"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="7"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="8"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="1"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="2"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="3"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="4"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="5"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="6"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="7"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="8"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="9"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="1"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="2"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="3"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="4"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="5"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="6"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="7"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="8"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="9"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="10"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="1"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="2"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="3"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="4"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="5"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="6"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="7"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="8"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="9"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="10"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="11"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="1"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="2"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="3"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="4"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="5"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="6"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="7"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="8"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="9"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="10"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="11"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="12"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="1"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="2"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="3"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="4"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="5"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="6"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="7"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="8"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="9"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="10"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="11"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="12"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="13"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="1"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="2"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="3"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="4"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="5"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="6"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="7"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="8"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="9"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="10"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="11"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="12"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="13"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="15"] .work-project[data-work-project="14"] .thumb-mover.negative-angle {
  -webkit-transform: translateX(-30%);
  -moz-transform: translateX(-30%);
  -ms-transform: translateX(-30%);
  -o-transform: translateX(-30%);
  transform: translateX(-30%);
}

.work-project-monitor[data-active-project="1"] .work-project[data-work-project="2"] .thumb-mover, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="3"] .thumb-mover, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="4"] .thumb-mover, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="5"] .thumb-mover, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="6"] .thumb-mover, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="7"] .thumb-mover, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="8"] .thumb-mover, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="9"] .thumb-mover, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="10"] .thumb-mover, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="11"] .thumb-mover, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="12"] .thumb-mover, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="13"] .thumb-mover, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="14"] .thumb-mover, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="15"] .thumb-mover, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="3"] .thumb-mover, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="4"] .thumb-mover, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="5"] .thumb-mover, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="6"] .thumb-mover, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="7"] .thumb-mover, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="8"] .thumb-mover, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="9"] .thumb-mover, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="10"] .thumb-mover, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="11"] .thumb-mover, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="12"] .thumb-mover, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="13"] .thumb-mover, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="14"] .thumb-mover, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="15"] .thumb-mover, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="4"] .thumb-mover, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="5"] .thumb-mover, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="6"] .thumb-mover, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="7"] .thumb-mover, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="8"] .thumb-mover, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="9"] .thumb-mover, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="10"] .thumb-mover, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="11"] .thumb-mover, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="12"] .thumb-mover, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="13"] .thumb-mover, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="14"] .thumb-mover, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="15"] .thumb-mover, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="5"] .thumb-mover, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="6"] .thumb-mover, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="7"] .thumb-mover, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="8"] .thumb-mover, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="9"] .thumb-mover, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="10"] .thumb-mover, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="11"] .thumb-mover, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="12"] .thumb-mover, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="13"] .thumb-mover, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="14"] .thumb-mover, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="15"] .thumb-mover, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="6"] .thumb-mover, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="7"] .thumb-mover, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="8"] .thumb-mover, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="9"] .thumb-mover, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="10"] .thumb-mover, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="11"] .thumb-mover, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="12"] .thumb-mover, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="13"] .thumb-mover, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="14"] .thumb-mover, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="15"] .thumb-mover, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="7"] .thumb-mover, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="8"] .thumb-mover, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="9"] .thumb-mover, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="10"] .thumb-mover, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="11"] .thumb-mover, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="12"] .thumb-mover, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="13"] .thumb-mover, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="14"] .thumb-mover, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="15"] .thumb-mover, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="8"] .thumb-mover, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="9"] .thumb-mover, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="10"] .thumb-mover, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="11"] .thumb-mover, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="12"] .thumb-mover, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="13"] .thumb-mover, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="14"] .thumb-mover, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="15"] .thumb-mover, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="9"] .thumb-mover, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="10"] .thumb-mover, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="11"] .thumb-mover, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="12"] .thumb-mover, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="13"] .thumb-mover, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="14"] .thumb-mover, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="15"] .thumb-mover, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="10"] .thumb-mover, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="11"] .thumb-mover, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="12"] .thumb-mover, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="13"] .thumb-mover, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="14"] .thumb-mover, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="15"] .thumb-mover, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="11"] .thumb-mover, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="12"] .thumb-mover, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="13"] .thumb-mover, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="14"] .thumb-mover, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="15"] .thumb-mover, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="12"] .thumb-mover, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="13"] .thumb-mover, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="14"] .thumb-mover, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="15"] .thumb-mover, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="13"] .thumb-mover, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="14"] .thumb-mover, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="15"] .thumb-mover, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="14"] .thumb-mover, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="15"] .thumb-mover, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="15"] .thumb-mover, .work-project-monitor[data-active-project="0"] .work-project[data-work-project="1"] .thumb-mover {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.work-project-monitor[data-active-project="1"] .work-project[data-work-project="2"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="3"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="4"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="5"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="6"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="7"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="8"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="9"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="10"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="11"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="12"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="13"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="14"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="1"] .work-project[data-work-project="15"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="3"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="4"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="5"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="6"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="7"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="8"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="9"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="10"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="11"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="12"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="13"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="14"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="2"] .work-project[data-work-project="15"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="4"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="5"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="6"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="7"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="8"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="9"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="10"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="11"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="12"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="13"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="14"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="3"] .work-project[data-work-project="15"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="5"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="6"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="7"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="8"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="9"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="10"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="11"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="12"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="13"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="14"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="4"] .work-project[data-work-project="15"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="6"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="7"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="8"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="9"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="10"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="11"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="12"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="13"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="14"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="5"] .work-project[data-work-project="15"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="7"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="8"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="9"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="10"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="11"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="12"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="13"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="14"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="6"] .work-project[data-work-project="15"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="8"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="9"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="10"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="11"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="12"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="13"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="14"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="7"] .work-project[data-work-project="15"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="9"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="10"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="11"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="12"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="13"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="14"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="8"] .work-project[data-work-project="15"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="10"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="11"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="12"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="13"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="14"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="9"] .work-project[data-work-project="15"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="11"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="12"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="13"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="14"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="10"] .work-project[data-work-project="15"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="12"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="13"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="14"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="11"] .work-project[data-work-project="15"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="13"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="14"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="12"] .work-project[data-work-project="15"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="14"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="13"] .work-project[data-work-project="15"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="14"] .work-project[data-work-project="15"] .thumb-mover.negative-angle, .work-project-monitor[data-active-project="0"] .work-project[data-work-project="1"] .thumb-mover.negative-angle {
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
  transform: translateX(50%);
}

.work-project-monitor .work-projects-nav {
  right: 2.7%;
  top: 0;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}

.work-project-monitor .work-projects-nav li {
  margin-bottom: 35px;
}

.work-project-monitor .work-projects-nav li:last-child {
  margin-bottom: 0;
}

.work-project-monitor .work-projects-nav a {
  color: rgba(255, 255, 255, 0.2);
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  transition: 0.35s;
  padding: 0 10px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.work-project-monitor .work-projects-nav a:hover {
  color: #fff;
}

.work-project-monitor[data-active-project="1"] .work-projects-nav li:nth-child(1) a, .work-project-monitor[data-active-project="2"] .work-projects-nav li:nth-child(2) a, .work-project-monitor[data-active-project="3"] .work-projects-nav li:nth-child(3) a, .work-project-monitor[data-active-project="4"] .work-projects-nav li:nth-child(4) a, .work-project-monitor[data-active-project="5"] .work-projects-nav li:nth-child(5) a, .work-project-monitor[data-active-project="6"] .work-projects-nav li:nth-child(6) a, .work-project-monitor[data-active-project="7"] .work-projects-nav li:nth-child(7) a, .work-project-monitor[data-active-project="8"] .work-projects-nav li:nth-child(8) a, .work-project-monitor[data-active-project="9"] .work-projects-nav li:nth-child(9) a, .work-project-monitor[data-active-project="10"] .work-projects-nav li:nth-child(10) a, .work-project-monitor[data-active-project="11"] .work-projects-nav li:nth-child(11) a, .work-project-monitor[data-active-project="12"] .work-projects-nav li:nth-child(12) a, .work-project-monitor[data-active-project="13"] .work-projects-nav li:nth-child(13) a, .work-project-monitor[data-active-project="14"] .work-projects-nav li:nth-child(14) a, .work-project-monitor[data-active-project="15"] .work-projects-nav li:nth-child(15) a {
  color: #fff;
  -webkit-transition: 0.45s 0.2s;
  -moz-transition: 0.45s 0.2s;
  transition: 0.45s 0.2s;
}

.corner-project-back {
  position: fixed;
  top: 3vw;
  right: 3vw;
}

html.safari-browser .corner-project-back span.text {
  color: #212121 !important;
}

.lone-arrow {
  width: 18px;
  height: 20px;
}

.lone-arrow span.arrow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.lone-arrow .arrow-length {
  position: absolute;
  top: 50%;
  left: 16%;
  width: 80%;
  height: 2px;
  background-color: #fff;
}

.lone-arrow .arrow-tip {
  position: absolute;
  left: 0;
  top: 50%;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-right: 3px solid #fff;
  margin-top: -2px;
}

.lone-arrow span.arrow span {
  -webkit-transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
  transition: 0.45s cubic-bezier(0.7, 0.3, 0, 1);
}

.lone-arrow span.arrow:nth-child(2) span {
  -webkit-transform: translateX(22px);
  -moz-transform: translateX(22px);
  -ms-transform: translateX(22px);
  -o-transform: translateX(22px);
  transform: translateX(22px);
}

.lone-arrow span.text {
  right: 200%;
  top: 50%;
  position: absolute;
  white-space: nowrap;
  -webkit-transform: translateX(0) translateY(-50%);
  -moz-transform: translateX(0) translateY(-50%);
  -ms-transform: translateX(0) translateY(-50%);
  -o-transform: translateX(0) translateY(-50%);
  transform: translateX(0) translateY(-50%);
}

.lone-arrow:hover span.arrow:nth-child(1) span {
  -webkit-transform: translateX(-22px);
  -moz-transform: translateX(-22px);
  -ms-transform: translateX(-22px);
  -o-transform: translateX(-22px);
  transform: translateX(-22px);
}

.lone-arrow:hover span.arrow:nth-child(2) span {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-delay: 0.16s;
  -moz-transition-delay: 0.16s;
  transition-delay: 0.16s;
}

.project-back-reverse span.text {
  right: auto;
  left: 200%;
}

.player-elapsed, .player-timeline {
  left: 0;
  bottom: 0;
  position: absolute;
}

.right-arrow .arrow {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.project-blocks {
  width: 100vw;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  flex-flow: row wrap;
}

.project-blocks h2, .project-blocks h3, .project-blocks p {
  color: #212121;
}

.project-block {
  width: 100%;
  order: 100;
}

.project-block img {
  display: block;
}

.project-video-block {
  width: 100vw;
  height: 100vh;
}

.image-alone-full-width-block img {
  width: 100%;
}

.image-with-space-content-width img {
  margin: 0 auto;
  width: 60%;
}

@media only screen and (max-width: 800px) {
  .image-with-space-content-width img {
    width: 75%;
  }
}
.header-with-space {
  padding: 8vw 0 1vw;
}

.header-with-space > * {
  width: 60%;
  margin: 0 auto;
}

.header-with-space[data-align=center] {
  text-align: center;
}

.header-with-space[data-align=left] {
  text-align: left;
}

.header-with-space[data-align=right] {
  text-align: right;
}

.full-screen-image {
  height: 100vh;
}

@media only screen and (max-width: 800px) {
  .header-with-space > * {
    width: 75%;
  }

  .full-screen-image, .project-carousel {
    height: 70vw !important;
  }
}
.image-with-space-content-width, .video-content-width {
  padding: 4vw 0 7vw;
}

.project-content-block, .project-intro-block {
  text-align: left;
  padding: 6vw 0 6.5vw;
}

.project-content-block .content, .project-intro-block .content {
  width: 60%;
  margin: 0 auto;
}

@media only screen and (max-width: 800px) {
  .project-content-block .content, .project-intro-block .content {
    width: 75%;
  }

  .video-content-width {
    display: none;
  }
}
@media screen and (max-width: 1280px) {
  .project-content-block .content, .project-intro-block .content {
    width: 75%;
  }
}
.video-with-space-content-width {
  padding: 7vw 0;
}

.video-with-space-content-width .vimeo-embed-wrap {
  width: 80vw;
  height: 44.96vw;
  margin: 0 auto;
}

.video-with-space-content-width .vimeo-embed-wrap iframe {
  width: 100%;
  height: 100%;
}

.player-timeline {
  width: 100%;
  height: 4px;
}

.player-elapsed {
  width: 40%;
  height: 100%;
}

.video-content-width video {
  width: 60%;
  margin: 0 auto;
}

.project-intro-block {
  padding: 18vh 0;
}

.project-intro-block .project-text-block {
  margin-top: -5px;
}

.project-intro-block .project-text-block h2 {
  margin-bottom: 0.95em;
}

.mini-info {
  float: left;
  width: 22%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
}

.mini-info li {
  margin-bottom: 2.3em;
}

@media only screen and (max-width: 1100px) {
  .mini-info {
    width: 28%;
  }
}
@media only screen and (max-width: 800px) {
  .mini-info {
    float: none;
    width: 53%;
    margin-bottom: 40px;
  }
}
.project-content-block p, .project-text-block {
  float: right;
  width: 60%;
}

@media only screen and (max-width: 800px) {
  .project-content-block p, .project-text-block {
    width: 75%;
  }
}
.project-content-block h2 {
  float: left;
  width: 26%;
}

.image-overhang-content {
  padding: 10vw 0;
}

.image-overhang-content img {
  position: absolute;
  bottom: 0;
  left: 43%;
  height: 108%;
}

.image-overhang-content .content {
  text-align: left;
  width: 60%;
  margin: 0 auto;
}

@media only screen and (max-width: 800px) {
  .image-overhang-content .content {
    width: 75%;
    margin: 0 auto 0 12%;
  }
}
.image-overhang-content .content h2 {
  width: 35%;
}

.image-overhang-content .content p {
  width: 44%;
}

@media only screen and (max-width: 800px) {
  .image-overhang-content img {
    display: none;
  }

  .image-overhang-content img .content {
    width: 75%;
  }
}
.project-footer {
  width: 100%;
  height: 30vw;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}

.project-footer a {
  position: absolute;
}

.project-footer a.project-footer-prev-project {
  top: 49%;
  left: 15%;
}

.project-footer a.project-footer-next-project {
  top: 49%;
  right: 15%;
}

@media only screen and (max-width: 800px) {
  .project-footer a .arrow:nth-child(2), .project-footer h1 {
    display: none;
  }

  .project-footer {
    height: 42vw;
  }

  .project-footer a.project-footer-prev-project {
    left: 7%;
    top: 45%;
  }

  .project-footer a.project-footer-next-project {
    right: 7%;
    top: 45%;
  }
}
.project-carousel {
  width: 100%;
  height: 100vh;
}

.project-carousel .carousel-img-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.project-carousel .carousel-img-wrap li, .project-carousel .carousel-img-wrap li div, .project-carousel .carousel-img-wrap ul {
  position: absolute;
  width: 100%;
  height: 100%;
}

.project-carousel .carousel-img-wrap li {
  width: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -webkit-transition: 0.72s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: 0.72s cubic-bezier(0.7, 0.3, 0, 1);
  transition: 0.72s cubic-bezier(0.7, 0.3, 0, 1);
  will-change: transform;
}

.project-carousel .carousel-img-wrap li div {
  -webkit-transition: 0.72s cubic-bezier(0.7, 0.3, 0, 1);
  -moz-transition: 0.72s cubic-bezier(0.7, 0.3, 0, 1);
  transition: 0.72s cubic-bezier(0.7, 0.3, 0, 1);
  will-change: transform;
}

.project-carousel a {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
}

.project-carousel a.carousel-left {
  left: 0;
}

.project-carousel a.carousel-left:hover {
  cursor: w-resize;
}

.project-carousel a.carousel-right {
  right: 0;
}

.project-carousel a.carousel-right:hover {
  cursor: e-resize;
}

.project-carousel .carousel-nav-wrap {
  position: absolute;
  bottom: 10%;
  width: 100%;
  z-index: 10;
}

@media screen and (max-width: 800px) {
  .project-carousel .carousel-nav-wrap {
    bottom: 20%;
  }
}
.project-carousel .carousel-nav {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin-left: -24px;
}

.project-carousel .carousel-nav li {
  margin: 0 14px;
}

.project-carousel .carousel-nav li a {
  width: 20px;
  height: 20px;
}

.project-carousel .carousel-nav li a::before {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  left: 5px;
  top: 5px;
  -webkit-transition: 0.32s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.32s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.32s cubic-bezier(0.62, 0.02, 0.34, 1);
  border-radius: 100%;
  background-color: rgba(33, 33, 33, 0.16);
}

.project-carousel .carousel-nav li a::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  left: 7px;
  top: 7px;
  -webkit-transition: 0.32s cubic-bezier(0.62, 0.02, 0.34, 1);
  -moz-transition: 0.32s cubic-bezier(0.62, 0.02, 0.34, 1);
  transition: 0.32s cubic-bezier(0.62, 0.02, 0.34, 1);
  border-radius: 100%;
  background-color: #fff;
}

.project-carousel[data-carousel-current-img="1"] .carousel-nav li:nth-child(1) a::before {
  background-color: #fff;
}

.project-carousel[data-carousel-current-img="1"] .carousel-nav li:nth-child(1) a::after {
  background-color: #212121;
}

.project-carousel[data-carousel-current-img="2"] .carousel-nav li:nth-child(2) a::before {
  background-color: #fff;
}

.project-carousel[data-carousel-current-img="2"] .carousel-nav li:nth-child(2) a::after {
  background-color: #212121;
}

.project-carousel[data-carousel-current-img="3"] .carousel-nav li:nth-child(3) a::before {
  background-color: #fff;
}

.project-carousel[data-carousel-current-img="3"] .carousel-nav li:nth-child(3) a::after {
  background-color: #212121;
}

.project-carousel[data-carousel-current-img="4"] .carousel-nav li:nth-child(4) a::before {
  background-color: #fff;
}

.project-carousel[data-carousel-current-img="4"] .carousel-nav li:nth-child(4) a::after {
  background-color: #212121;
}

.project-carousel[data-carousel-current-img="5"] .carousel-nav li:nth-child(5) a::before {
  background-color: #fff;
}

.project-carousel[data-carousel-current-img="5"] .carousel-nav li:nth-child(5) a::after {
  background-color: #212121;
}

.project-carousel[data-carousel-current-img="6"] .carousel-nav li:nth-child(6) a::before {
  background-color: #fff;
}

.project-carousel[data-carousel-current-img="6"] .carousel-nav li:nth-child(6) a::after {
  background-color: #212121;
}

.project-carousel[data-carousel-current-img="7"] .carousel-nav li:nth-child(7) a::before {
  background-color: #fff;
}

.project-carousel[data-carousel-current-img="7"] .carousel-nav li:nth-child(7) a::after {
  background-color: #212121;
}

.project-carousel[data-carousel-current-img="8"] .carousel-nav li:nth-child(8) a::before {
  background-color: #fff;
}

.project-carousel[data-carousel-current-img="8"] .carousel-nav li:nth-child(8) a::after {
  background-color: #212121;
}

.project-carousel[data-carousel-current-img="9"] .carousel-nav li:nth-child(9) a::before {
  background-color: #fff;
}

.project-carousel[data-carousel-current-img="9"] .carousel-nav li:nth-child(9) a::after {
  background-color: #212121;
}

.project-carousel[data-carousel-current-img="10"] .carousel-nav li:nth-child(10) a::before {
  background-color: #fff;
}

.project-carousel[data-carousel-current-img="10"] .carousel-nav li:nth-child(10) a::after {
  background-color: #212121;
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(2) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(2) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(3) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(3) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(4) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(4) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(5) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(5) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(6) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(6) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(7) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(7) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(8) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(8) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(9) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(9) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(10) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="1"] .carousel-img-wrap li:nth-child(10) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(1) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(1) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(3) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(3) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(4) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(4) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(5) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(5) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(6) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(6) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(7) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(7) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(8) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(8) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(9) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(9) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(10) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="2"] .carousel-img-wrap li:nth-child(10) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(1) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(1) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(2) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(2) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(4) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(4) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(5) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(5) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(6) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(6) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(7) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(7) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(8) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(8) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(9) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(9) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(10) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="3"] .carousel-img-wrap li:nth-child(10) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(1) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(1) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(2) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(2) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(3) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(3) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(5) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(5) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(6) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(6) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(7) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(7) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(8) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(8) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(9) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(9) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(10) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="4"] .carousel-img-wrap li:nth-child(10) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(1) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(1) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(2) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(2) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(3) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(3) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(4) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(4) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(6) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(6) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(7) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(7) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(8) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(8) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(9) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(9) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(10) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="5"] .carousel-img-wrap li:nth-child(10) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(1) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(1) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(2) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(2) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(3) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(3) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(4) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(4) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(5) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(5) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(7) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(7) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(8) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(8) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(9) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(9) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(10) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="6"] .carousel-img-wrap li:nth-child(10) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(1) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(1) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(2) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(2) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(3) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(3) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(4) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(4) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(5) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(5) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(6) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(6) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(8) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(8) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(9) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(9) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(10) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="7"] .carousel-img-wrap li:nth-child(10) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(1) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(1) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(2) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(2) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(3) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(3) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(4) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(4) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(5) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(5) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(6) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(6) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(7) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(7) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(9) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(9) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(10) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="8"] .carousel-img-wrap li:nth-child(10) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(1) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(1) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(2) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(2) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(3) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(3) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(4) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(4) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(5) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(5) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(6) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(6) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(7) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(7) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(8) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(8) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(10) {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.project-carousel[data-carousel-current-img="9"] .carousel-img-wrap li:nth-child(10) div {
  -webkit-transform: translateX(-90%);
  -moz-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  -o-transform: translateX(-90%);
  transform: translateX(-90%);
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(1) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(1) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(2) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(2) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(3) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(3) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(4) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(4) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(5) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(5) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(6) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(6) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(7) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(7) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(8) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(8) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(9) {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-carousel[data-carousel-current-img="10"] .carousel-img-wrap li:nth-child(9) div {
  -webkit-transform: translateX(90%);
  -moz-transform: translateX(90%);
  -ms-transform: translateX(90%);
  -o-transform: translateX(90%);
  transform: translateX(90%);
}

.project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(10), .project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(2), .project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(3), .project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(4), .project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(5), .project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(6), .project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(7), .project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(8), .project-carousel[data-total-carousel-imgs="1"] .carousel-nav li:nth-child(9), .project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(10), .project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(3), .project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(4), .project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(5), .project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(6), .project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(7), .project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(8), .project-carousel[data-total-carousel-imgs="2"] .carousel-nav li:nth-child(9), .project-carousel[data-total-carousel-imgs="3"] .carousel-nav li:nth-child(10), .project-carousel[data-total-carousel-imgs="3"] .carousel-nav li:nth-child(4), .project-carousel[data-total-carousel-imgs="3"] .carousel-nav li:nth-child(5), .project-carousel[data-total-carousel-imgs="3"] .carousel-nav li:nth-child(6), .project-carousel[data-total-carousel-imgs="3"] .carousel-nav li:nth-child(7), .project-carousel[data-total-carousel-imgs="3"] .carousel-nav li:nth-child(8), .project-carousel[data-total-carousel-imgs="3"] .carousel-nav li:nth-child(9), .project-carousel[data-total-carousel-imgs="4"] .carousel-nav li:nth-child(10), .project-carousel[data-total-carousel-imgs="4"] .carousel-nav li:nth-child(5), .project-carousel[data-total-carousel-imgs="4"] .carousel-nav li:nth-child(6), .project-carousel[data-total-carousel-imgs="4"] .carousel-nav li:nth-child(7), .project-carousel[data-total-carousel-imgs="4"] .carousel-nav li:nth-child(8), .project-carousel[data-total-carousel-imgs="4"] .carousel-nav li:nth-child(9), .project-carousel[data-total-carousel-imgs="5"] .carousel-nav li:nth-child(10), .project-carousel[data-total-carousel-imgs="5"] .carousel-nav li:nth-child(6), .project-carousel[data-total-carousel-imgs="5"] .carousel-nav li:nth-child(7), .project-carousel[data-total-carousel-imgs="5"] .carousel-nav li:nth-child(8), .project-carousel[data-total-carousel-imgs="5"] .carousel-nav li:nth-child(9), .project-carousel[data-total-carousel-imgs="6"] .carousel-nav li:nth-child(10), .project-carousel[data-total-carousel-imgs="6"] .carousel-nav li:nth-child(7), .project-carousel[data-total-carousel-imgs="6"] .carousel-nav li:nth-child(8), .project-carousel[data-total-carousel-imgs="6"] .carousel-nav li:nth-child(9), .project-carousel[data-total-carousel-imgs="7"] .carousel-nav li:nth-child(10), .project-carousel[data-total-carousel-imgs="7"] .carousel-nav li:nth-child(8), .project-carousel[data-total-carousel-imgs="7"] .carousel-nav li:nth-child(9), .project-carousel[data-total-carousel-imgs="8"] .carousel-nav li:nth-child(10), .project-carousel[data-total-carousel-imgs="8"] .carousel-nav li:nth-child(9), .project-carousel[data-total-carousel-imgs="9"] .carousel-nav li:nth-child(10) {
  display: none;
}

@media screen and (max-width: 767px) {
  .intro-content .project-thumb, .intro-content .project-thumbs {
    position: relative;
    left: auto;
    top: auto;
  }

  .intro-content .project-thumb-hover {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
  }

  .intro-content .project-thumb {
    margin: 0 auto;
  }

  .intro-content .project-thumb, .project-thumb {
    width: 88vw;
    height: 58.6608vw;
  }

  .work-project-content {
    margin-top: -7%;
  }

  .work-project-content .project-thumb {
    margin-top: 7%;
  }

  .project-content-block .content, .project-intro-block .content {
    width: 75%;
  }

  .project-content-block p, .project-text-block {
    width: 100%;
    float: none;
  }

  .image-overhang-content .content h2, .image-overhang-content .content p, .project-content-block h2 {
    width: 100%;
  }

  .image-overhang-content img {
    left: 70%;
  }
}
@-webkit-keyframes arrowpointing {
  0%, 30% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(8px);
    opacity: 0;
  }
  85% {
    -webkit-transform: translateY(-7px);
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes arrowpointing {
  0%, 30% {
    -moz-transform: translateY(0);
    opacity: 1;
  }
  50% {
    -moz-transform: translateY(8px);
    opacity: 0;
  }
  85% {
    -moz-transform: translateY(-7px);
    opacity: 0;
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@keyframes arrowpointing {
  0%, 30% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
    opacity: 0;
  }
  85% {
    -webkit-transform: translateY(-7px);
    -moz-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    -o-transform: translateY(-7px);
    transform: translateY(-7px);
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
.connect {
  display: block;
  float: left;
  width: 100%;
  color: #FA6141;
}

footer .menufooter {
  display: inline-block;
  width: 20%;
  margin-right: 45px;
}

/************ mobile ****************/
@media (max-width: 767px) {
  .robot-poste {
    max-width: 60%;
    float: right;
  }

  .vce-row[data-vce-stretch-content=true] {
    min-height: 56vh !important;
  }

  .home .vce-row[data-vce-stretch-content=true] {
    min-height: 80vh !important;
  }

  .candidature {
    margin: 0 -35px;
    width: calc(100% + 70px);
    padding: 35px;
  }

  .faq {
    margin: 0 -35px;
  }

  #map1 {
    height: 300px !important;
  }

  header {
    z-index: 9;
  }
  header .main-navigation .current_page_item > a:after {
    display: none;
  }

  .bgmobileF0F8F1 {
    background-color: #F0F8F1;
  }

  .bgmobileFFFFFF {
    background-color: #FFFFFF;
  }

  footer {
    height: auto;
  }
  footer .nomobile {
    display: none;
  }
  footer img {
    margin: 30px 0;
  }
  footer .footer-footer {
    position: relative;
    float: left;
    width: 100%;
    display: block;
    z-index: 3;
  }
  footer .footer-footer > ul {
    display: block;
  }
  footer .footer-footer > ul > li {
    width: 100% !important;
    margin-bottom: 30px;
  }
}
@media (min-height: 767px) and (min-width: 768px) and (max-width: 1100px) {
  .vce-row[data-vce-stretch-content=true] {
    min-height: 50vh !important;
  }
}
/*# sourceMappingURL=../css/style.css.map */