.about-main {
  position: relative;
  padding: 80px 0; }
  @media only screen and (max-width: 991px) {
    .about-main {
      padding: 60px 0; } }
  @media only screen and (max-width: 767px) {
    .about-main {
      padding: 40px 0; } }
  .about-main__top {
    position: relative;
    font: 300 35px/130% "Stem", sans-serif;
    text-align: right;
    display: table;
    text-transform: uppercase;
    opacity: 0;
    width: 100%; }
    @media only screen and (max-width: 991px) {
      .about-main__top {
        font: 300 18px/100% "Stem", sans-serif; } }
    @media only screen and (max-width: 767px) {
      .about-main__top {
        font: 300 16px/117% "Stem", sans-serif; } }
    .about-main__top span {
      text-align: left;
      display: block; }
      .about-main__top span:nth-child(2) {
        padding-left: 241px; }
        @media only screen and (max-width: 1200px) {
          .about-main__top span:nth-child(2) {
            padding-left: 241px; } }
        @media only screen and (max-width: 991px) {
          .about-main__top span:nth-child(2) {
            padding-left: 105px; } }
        @media only screen and (max-width: 767px) {
          .about-main__top span:nth-child(2) {
            padding-left: 94px; } }
  .about-main__title {
    position: relative;
    font: bold 91.5px/98px "Stem", sans-serif;
    text-transform: uppercase;
    color: #4bbdcf;
    opacity: 0;
    margin-top: 5px;
    margin-left: 40px; }
    @media only screen and (max-width: 1200px) {
      .about-main__title {
        font: bold 90px/100% "Stem", sans-serif; } }
    @media only screen and (max-width: 991px) {
      .about-main__title {
        margin-left: 0;
        font: bold 63px/100% "Stem", sans-serif; } }
    @media only screen and (max-width: 767px) {
      .about-main__title {
        font: bold 56px/100% "Stem", sans-serif; } }
    .about-main__title span {
      color: #253746; }
  .about-main__color-text {
    position: relative;
    font: bold 36px/43px "Stem", sans-serif;
    color: #9aaebe;
    margin: 0 0 8px 0;
    opacity: 0; }
    @media only screen and (max-width: 991px) {
      .about-main__color-text {
        font: bold 30px/120% "Stem", sans-serif;
        margin: 0; } }
    @media only screen and (max-width: 767px) {
      .about-main__color-text {
        font: bold 24px/133% "Stem", sans-serif; } }
  .about-main__text {
    position: relative;
    font: 300 26px/154% "Stem", sans-serif;
    margin: 20px 0;
    opacity: 0; }
    @media only screen and (max-width: 991px) {
      .about-main__text {
        font: 300 20px/160% "Stem", sans-serif; } }
    @media only screen and (max-width: 767px) {
      .about-main__text {
        font: 300 16px/150% "Stem", sans-serif;
        margin: 10px 0 20px; } }
  .about-main__btn {
    position: relative;
    display: block;
    opacity: 0; }
    .about-main__btn .button {
      margin: 0; }

.about-main__top,
.about-main__title {
  -webkit-animation-name: animRight;
  animation-name: animRight;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }

.about-main__color-text {
  -webkit-animation-name: animLeft;
  animation-name: animLeft;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }

.about-main__text,
.about-main__btn {
  -webkit-animation-name: animBot;
  animation-name: animBot;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease; }

.about-main__text {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s; }

.about-main__btn {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s; }

.button .pl-none {
  padding-left: 0;
  line-height: 9px;
  padding-top: 7px; }

.button .pl-btn {
  padding-left: 9px;
  display: inline-block; }

@-webkit-keyframes animRight {
  0% {
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px);
    opacity: 0; }
  50% {
    opacity: 0.5; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

@keyframes animRight {
  0% {
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px);
    opacity: 0; }
  50% {
    opacity: 0.5; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

@-webkit-keyframes animLeft {
  0% {
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
    opacity: 0; }
  50% {
    opacity: 0.5; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

@keyframes animLeft {
  0% {
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
    opacity: 0; }
  50% {
    opacity: 0.5; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

@-webkit-keyframes animBot {
  0% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0; }
  50% {
    opacity: 0.5; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes animBot {
  0% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0; }
  50% {
    opacity: 0.5; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

.figures-block {
  position: relative;
  padding: 80px 0 100px;
  background: #f2fbfd; }
  @media only screen and (max-width: 1200px) {
    .figures-block {
      padding: 80px 0 90px; } }
  @media only screen and (max-width: 991px) {
    .figures-block {
      padding: 60px 0 70px; } }
  @media only screen and (max-width: 767px) {
    .figures-block {
      padding: 30px 0 40px; } }

.figures-block.readable--modif {
  position: relative;
  padding: 140px 0 140px 0;
}
@media (max-width: 750px) {
  .figures-block.readable--modif {
    padding: 100px 0 110px 0;
  }
}
@media (max-width: 650px) {
  .figures-block.readable--modif {
    padding: 80px 0 90px 0;
  }
}
@media (max-width: 550px) {
  .figures-block.readable--modif {
    padding: 70px 0 80px 0;
  }
}
@media (max-width: 450px) {
  .figures-block.readable--modif {
    padding: 60px 0;
  }
}
@media (max-width: 350px) {
  .figures-block.readable--modif {
    padding: 50px 0 40px 0;;
  }
}
.figures-block.readable--modif:before {
  content: '';
  position: absolute;
  background-image: url(/local/static/build/img/svg/price-fond-decor--up.svg);
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  right: 0;
  width: 60vw;
  height: 100px;
  background-position-y: 0%;
  background-position-x: 100%;

}
.figures-block.readable--modif:after {
  content: '';
  position: absolute;
  background-image: url(/local/static/build/img/svg/price-fond-decor--bottom.svg);
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  left: 0;
  width: 80vw;
  height: 131px;
  background-position-y: 100%;

}


  .figures-block.zg .figures-block__text-top {
    color: #00a9dc; margin: 30px 0 0px; }
  .figures-block.zg .figures-block__right:before {
    background-image: url("/local/static/build/img/svg/decor-tab-blue.svg"); }
  .figures-block.zg .figures-block__number-min {
    padding: 50px 0 0; }
  @media only screen and (max-width: 767px) {
    .figures-block.zg .figures-block__number-min {
      padding: 30px 0 0; }
  }
  
  .figures-block.zg-final .figures-block__text-top {
    color: #00a9dc; margin: 30px 0 0px; }
  .figures-block.zg-final .figures-block__right:before {
    background-image: url("/local/static/build/img/svg/decor-tab-blue.svg"); }
  .figures-block.zg-final .figures-block__number-min {
    padding: 50px 0 0; }
  @media only screen and (max-width: 767px) {
    .figures-block.zg-final .figures-block__number-min {
      padding: 30px 0 0; }
  }  
  
  
  .figures-block__wrapper {
    position: relative;
    padding: 0 80px;
    margin: 0 auto; }
    @media only screen and (max-width: 991px) {
      .figures-block__wrapper {
        padding: 0 47px; } }
    @media only screen and (max-width: 767px) {
      .figures-block__wrapper {
        padding: 16px; } }
  .figures-block__right {
    position: absolute;
    top: 0;
    right: 80px;
    width: 37px;
    height: 36px;
    opacity: 0; }
    @media only screen and (max-width: 991px) {
      .figures-block__right {
        right: 0; } }
    @media only screen and (max-width: 767px) {
      .figures-block__right {
        width: 19px;
        height: 18px; } }
    .figures-block__right:before {
      content: '';
      position: absolute;
      background-image: url("/local/static/build/img/svg/decor.svg");
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: contain;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0; }
    .figures-block__right.readable--modif:before {
      background-image: url("/local/static/build/img/svg/decor-orange.svg") !important;
    }
  .figures-block__left {
    position: absolute;
    bottom: 0;
    left: 70px;
    width: 37px;
    height: 36px;
    opacity: 0; }
    @media only screen and (max-width: 991px) {
      .figures-block__left {
        left: 0; } }
    @media only screen and (max-width: 767px) {
      .figures-block__left {
        width: 19px;
        height: 18px;
        bottom: -10px; } }
    .figures-block__left:before {
      content: '';
      position: absolute;
      background-image: url("/local/static/build/img/svg/decor-blue-zg.svg");
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: contain;

      top: 0;
      left: 0;
      bottom: 0;
      right: 0; }
    .figures-block--ai .figures-block__left:before {
      background-image: url("/local/static/build/img/svg/decor-blue-ai.svg"); }      
  .figures-block__grid {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 -16px; }
    @media only screen and (max-width: 1060px) {
      .figures-block__grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column; } }
  .figures-block__item {
    position: relative;
    display: block;
    padding: 0 16px;
    width: 30%; }
    .figures-block__item--fond {
      width: 27%; }
    @media only screen and (max-width: 991px) {
      .figures-block__item {
        width: 100%;
        margin: -2px 0 -14px; } }
    @media only screen and (max-width: 767px) {
      .figures-block__item {
        padding: 0;
        margin: 5px 0 0; } }
    .figures-block__item:last-child {
      width: 70%; }
      @media only screen and (max-width: 991px) {
        .figures-block__item:last-child {
          width: 100%; } }
  .figures-block__text {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-align: right;
    text-transform: uppercase;
    opacity: 0;
    max-width: 260px; }
    @media only screen and (max-width: 991px) {
      .figures-block__text {
        text-align: left;
        max-width: 100%; } }
  .figures-block__text-top {
    position: relative;
    font: bold 36px/105% "Stem", sans-serif;
    padding-top: 5px;
    color: #4bbdcf;
    margin: 0 0 5px; }
    @media only screen and (max-width: 1200px) {
      .figures-block__text-top {
        font: bold 28px/105% "Stem", sans-serif; } }
    @media only screen and (max-width: 991px) {
      .figures-block__text-top {
        margin: 0;
        font: bold 36px/105% "Stem", sans-serif; } }
    @media only screen and (max-width: 767px) {
      .figures-block__text-top {
        font: bold 26px/105% "Stem", sans-serif;
        margin: 0 0 4px; } }
  .figures-block__text-bottom {
    position: relative;
    font: 300 26px/114% "Stem", sans-serif;
    color: #9aaebe; }
    @media only screen and (max-width: 1200px) {
      .figures-block__text-bottom {
        font: 300 18px/114% "Stem", sans-serif; } }
    @media only screen and (max-width: 991px) {
      .figures-block__text-bottom {
        font: 300 26px/114% "Stem", sans-serif; } }
    @media only screen and (max-width: 767px) {
      .figures-block__text-bottom {
        font: 300 18px/114% "Stem", sans-serif; } }
  .figures-block__number {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    top: 12px; }
  .figures-block__number-item {
    position: relative; }
    .figures-block__number-item:last-child {
      padding: 0 0 0 20px; }
      @media only screen and (max-width: 767px) {
        .figures-block__number-item:last-child {
          padding: 0 0 0 7px; } }
  .figures-block__number-big {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end; }
  .figures-block__number-text {
    position: relative;
    font: 300 54px/100% "Stem", sans-serif;
    padding: 0 10px 49px 0; }
    @media only screen and (max-width: 1200px) {
      .figures-block__number-text {
        font: 300 50px/100% "Stem", sans-serif; } }
    @media only screen and (max-width: 991px) {
      .figures-block__number-text {
        font: 300 46px/122% "Stem", sans-serif;
        padding: 0 20px 35px 0; } }
    @media only screen and (max-width: 767px) {
      .figures-block__number-text {
        font: 300 24px/100% "Stem", sans-serif;
        padding: 0 10px 10px 0; } }
  .figures-block__number-numb {
    font: bold 170px/122% "Stem", sans-serif; }
    @media only screen and (max-width: 1200px) {
      .figures-block__number-numb {
        font: bold 150px/122% "Stem", sans-serif; } }
    @media only screen and (max-width: 991px) {
      .figures-block__number-numb {
        font: bold 140px/122% "Stem", sans-serif; } }
    @media only screen and (max-width: 767px) {
      .figures-block__number-numb {
        font: bold 80px/90% "Stem", sans-serif; } }
  .figures-block__number-min {
    position: relative;
    font: 300 54px/100% "Stem", sans-serif;
    padding: 0 0 31px; }
    @media only screen and (max-width: 1200px) {
      .figures-block__number-min {
        font: 300 46px/100% "Stem", sans-serif;
        padding: 0 0 27px; } }
    @media only screen and (max-width: 767px) {
      .figures-block__number-min {
        font: 300 24px/100% "Stem", sans-serif;
        padding: 0 0 15px; } }
    .figures-block__number-min span {
      display: block; }
  .figures-block__number-min-bold {
    position: relative;
    font: bold 107px/81% "Stem", sans-serif; }
    @media only screen and (max-width: 1200px) {
      .figures-block__number-min-bold {
        font: bold 102px/81% "Stem", sans-serif; } }
    @media only screen and (max-width: 991px) {
      .figures-block__number-min-bold {
        font: bold 90px/81% "Stem", sans-serif; } }
    @media only screen and (max-width: 767px) {
      .figures-block__number-min-bold {
        font: bold 46px/81% "Stem", sans-serif; } }

.figures-block.active {
  -webkit-animation-name: animOpacity;
  animation-name: animOpacity;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s; }

.figures-block__right.active {
  -webkit-animation-name: animRightDecor;
  animation-name: animRightDecor;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

.figures-block__left.active {
  -webkit-animation-name: animLeftDecor;
  animation-name: animLeftDecor;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

.figures-block__text.active {
  -webkit-animation-name: animLeft;
  animation-name: animLeft;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }

.figures-block__number.active {
  -webkit-animation-name: animScaleMin;
  animation-name: animScaleMin;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s; }

@-webkit-keyframes animScale {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes animScale {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes animScaleMin {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes animScaleMin {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes animRightDecor {
  0% {
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px);
    opacity: 0; }
  50% {
    opacity: 0.5; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

@keyframes animRightDecor {
  0% {
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px);
    opacity: 0; }
  50% {
    opacity: 0.5; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

@-webkit-keyframes animLeftDecor {
  0% {
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
    opacity: 0; }
  50% {
    opacity: 0.5; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

@keyframes animLeftDecor {
  0% {
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
    opacity: 0; }
  50% {
    opacity: 0.5; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

.video-block {
  position: relative;
  margin: 80px 0; }
  @media only screen and (max-width: 991px) {
    .video-block {
      margin: 60px 0; } }
  @media only screen and (max-width: 767px) {
    .video-block {
      margin: 40px 0; } }
  .video-block--in-content {
    margin: 0; }
    .video-block--in-content .video-block__grid {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      justify-content: center; }
  .video-block.el {
    margin: 0 0 80px; }
    @media only screen and (max-width: 991px) {
      .video-block.el {
        margin: 0 0 60px; } }
    @media only screen and (max-width: 767px) {
      .video-block.el {
        margin: 0 0 40px; } }
  .video-block__wrapper {
    position: relative;
    display: block;
    margin: 0 auto;
    max-width: 880px;
    width: 100%;
    height: 480px;
    padding: 0 10px; }
    @media only screen and (max-width: 991px) {
      .video-block__wrapper {
        height: 370px; } }
    @media only screen and (max-width: 767px) {
      .video-block__wrapper {
        height: 160px; } }
  .video-block__wrap {
    position: relative;
    display: block;
    margin: 0 -16px; }
  .video-block__grid {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin-bottom: 28px;
	justify-content: center; }
    @media only screen and (max-width: 767px) {
      .video-block__grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column; } }
  .video-block__btn {
    position: relative;
    opacity: 0; }
    .video-block__btn.active {
      -webkit-animation-name: animBot;
      animation-name: animBot;
      -webkit-animation-duration: 0.4s;
      animation-duration: 0.4s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-timing-function: ease;
      animation-timing-function: ease;
      -webkit-animation-delay: 0.5s;
      animation-delay: 0.5s; }
  .video-block__item {
    position: relative;
    width: 33.33333%;
    padding: 0 16px;
    margin: 0 0 32px 0;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      .video-block__item {
        width: 100%; } }
    .video-block__item.alone {
      width: 55%; }
      @media only screen and (max-width: 767px) {
        .video-block__item.alone {
          width: 100%; } }
      .video-block__item.alone iframe {
        height: 340px; }
        @media only screen and (max-width: 767px) {
          .video-block__item.alone iframe {
            height: 220px; } }
    .video-block__item.active {
      -webkit-animation-name: animScaleMin;
      animation-name: animScaleMin;
      -webkit-animation-duration: 1.2s;
      animation-duration: 1.2s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-timing-function: ease;
      animation-timing-function: ease;
      -webkit-animation-delay: 0.8s;
      animation-delay: 0.8s; }
  .video-block__item-wrap {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%; }
    .video-block__item-wrap iframe {
      width: 100%;
      max-height: 100%;
      position: relative;
      height: 145px; }
      @media only screen and (max-width: 767px) {
        .video-block__item-wrap iframe {
          height: 160px; } }
  .video-block__name {
    position: relative;
    display: block;
    margin: 8px 0 0 0;
    text-align: center;
    font: 300 20px/150% "Stem", sans-serif; }
    @media only screen and (max-width: 991px) {
      .video-block__name {
        font: 300 16px/160% "Stem", sans-serif; } }
    @media only screen and (max-width: 767px) {
      .video-block__name {
        font: 300 16px/150% "Stem", sans-serif; } }
  .video-block.zg .video-block__name {
    font: 300 18px/156% "Stem", sans-serif; }
    @media only screen and (max-width: 991px) {
      .video-block.zg .video-block__name {
        font: 300 16px/156% "Stem", sans-serif; } }
    @media only screen and (max-width: 767px) {
      .video-block.zg .video-block__name {
        font: 300 16px/156% "Stem", sans-serif; } }
  .video-block.el .video-block__name {
    font: 300 18px/156% "Stem", sans-serif; }
    @media only screen and (max-width: 991px) {
      .video-block.el .video-block__name {
        font: 300 16px/156% "Stem", sans-serif; } }
    @media only screen and (max-width: 767px) {
      .video-block.el .video-block__name {
        font: 300 16px/156% "Stem", sans-serif; } }
  .video-block .video-anim {
    top: 100px;
    opacity: 0;
    -webkit-transition: opacity 1s ease, top 1s ease;
    transition: opacity 1s ease, top 1s ease;
    width: 100%;
    height: 480px;
    position: relative;
    z-index: 1; }
    @media only screen and (max-width: 991px) {
      .video-block .video-anim {
        height: 370px; } }
    @media only screen and (max-width: 767px) {
      .video-block .video-anim {
        height: 160px; } }
    .video-block .video-anim.active {
      opacity: 1;
      top: 0; }
    .video-block .video-anim__preview {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      cursor: pointer;
      -webkit-transition: opacity .3s ease;
      transition: opacity .3s ease; }
      @media only screen and (max-width: 767px) {
        .video-block .video-anim__preview {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          flex-direction: column; } }
      .video-block .video-anim__preview:hover {
        opacity: .98; }
      .video-block .video-anim__preview.down {
        opacity: 0;
        z-index: -1; }
      @media only screen and (max-width: 767px) {
        .video-block .video-anim__preview img {
          max-width: 40px; } }
    @media only screen and (max-width: 991px) {
      .video-block .video-anim__preview-item img {
        max-width: 78px; } }
    @media only screen and (max-width: 767px) {
      .video-block .video-anim__preview-item img {
        max-width: 55px; } }
    .video-block .video-anim__bg {
      position: absolute;
      background: #253746;
      opacity: .98;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0; }
    .video-block .video-anim__preview-text {
      position: relative;
      font: 300 30px/127% "Stem", sans-serif;
      color: #78cfd8;
      max-width: 460px;
      padding: 0 0 0 20px; }
      @media only screen and (max-width: 991px) {
        .video-block .video-anim__preview-text {
          font: 300 24px/127% "Stem", sans-serif;
          padding: 0 0 0 16px; } }
      @media only screen and (max-width: 767px) {
        .video-block .video-anim__preview-text {
          padding: 0 16px;
          margin: 10px 0 0 0;
          text-align: center;
          font: 300 16px/150% "Stem", sans-serif; } }
    .video-block .video-anim iframe {
      width: 100%;
      height: 100%;
      position: relative; }
  .video-block img {
    position: relative;
    display: block;
    margin: 0 auto; }

.video-block-finalists {
  padding-top: 80px; }
  @media only screen and (max-width: 767px) {
    .video-block-finalists {
      padding-top: 40px; } }
  .video-block-finalists .video-block.el {
    margin: 0; }
    
.figures-block.zg .prize-note { font: 300 11px/150% "Stem", sans-serif; color: #253746; padding: 0 80px; text-align: right; }
@media only screen and (max-width: 991px) {
	.figures-block.zg .prize-note { padding: 0; text-align: center; }
}
.figures-block.zg-final .prize-note { font: 300 11px/150% "Stem", sans-serif; color: #253746; padding: 0 80px; text-align: right; }
@media only screen and (max-width: 991px) {
	.figures-block.zg-final .prize-note { padding: 0; text-align: center; }
}