@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;900&display=swap");
#wrapper-scroll {
  display: table;
  width: 10vw;
  height: 10vw;
  position: absolute;
  left: calc(50% - 5vw);
  bottom: 1vw;
  z-index: 10;
  cursor: pointer;
  transform: scale(1.2); }
  @media only screen and (max-width: 767px) {
    #wrapper-scroll {
      bottom: 25vw; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #wrapper-scroll {
      bottom: 25vw; } }

#wrapper-inner {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%; }

#scroll-down {
  display: block;
  position: relative;
  padding-top: 79px;
  text-align: center; }

.arrow-down {
  display: block;
  margin: 0 auto;
  width: 10px;
  height: 38px; }

.arrow-down:before {
  content: '';
  width: 30px;
  height: 30px;
  position: absolute;
  border: 2px solid #000;
  border-radius: 50%;
  opacity: .5;
  left: calc(50% - 17px);
  top: 51%; }
  @media only screen and (max-width: 767px) {
    .arrow-down:before {
      top: 60%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .arrow-down:before {
      top: 60%; } }

.arrow-down:after {
  content: '';
  display: block;
  margin: 0;
  padding: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  behavior: url(-ms-transform.htc);
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg); }

#scroll-title {
  display: block;
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
  letter-spacing: .1em; }
  @media only screen and (max-width: 767px) {
    #scroll-title {
      display: none; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #scroll-title {
      display: none; } }

#scroll-down::before {
  -webkit-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  /* Safari 4+ */
  -moz-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  /* Fx 5+ */
  -o-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  /* Opera 12+ */
  animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  /* IE 10+, Fx 29+ */
  position: absolute;
  bottom: 48px;
  left: 50%;
  margin-left: -1px;
  width: 2px;
  height: 30px;
  background: #fff;
  content: ' '; }
  @media only screen and (max-width: 767px) {
    #scroll-down::before {
      bottom: 29px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #scroll-down::before {
      bottom: 29px; } }

@-webkit-keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0); }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0); } }
@-moz-keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0); }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0); } }
@-o-keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0); }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0); } }
@keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0); }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0); } }
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.z-top {
  z-index: 9999999; }

.z-top-1 {
  z-index: 999999; }

.w_100 {
  width: 100%; }

.w_50 {
  width: 50%; }

.clear {
  clear: both; }

.only_mobile {
  display: none; }
  @media only screen and (max-width: 992px) {
    .only_mobile {
      display: block; } }

.only_mobile_exact {
  display: none; }
  @media only screen and (max-width: 767px) {
    .only_mobile_exact {
      display: block; } }

.only_tablet_exact {
  display: none; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .only_tablet_exact {
      display: block; } }

.only_desktop {
  display: block; }
  @media only screen and (max-width: 992px) {
    .only_desktop {
      display: none; } }

.no-side-padding {
  padding-left: 0;
  padding-right: 0; }

.no-padding-left {
  padding-left: 0; }

.no-padding-right {
  padding-right: 0; }

@media only screen and (max-width: 992px) {
  .mt_no-padding-left {
    padding-left: 0; } }

@media only screen and (max-width: 992px) {
  .mt_no-padding-right {
    padding-right: 0; } }

@media only screen and (max-width: 992px) {
  .mt_no-side-padding {
    padding-left: 0;
    padding-right: 0; } }

@media only screen and (max-width: 992px) {
  .mt_text-center {
    text-align: center; } }

@media only screen and (max-width: 992px) {
  .mt_100 {
    width: 100%; } }

.hidden {
  display: none !important; }

@media only screen and (min-width: 1200px) {
  .hidden-lg {
    display: none; } }

@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .hidden-md {
    display: none; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none; } }

@media only screen and (max-width: 767px) {
  .hidden-xs {
    display: none; } }

@media only screen and (max-width: 320px) {
  .hidden-xss {
    display: none; } }

@media only screen and (max-width: 992px) {
  .mt_grid {
    grid-template-columns: repeat(1, 1fr); } }

.fixed_top {
  position: fixed;
  z-index: 101;
  top: 0;
  left: 0;
  width: 100%;
  height: 4vw;
  padding-top: 2vw;
  background: transparent;
  transition: all .3s;
  display: none;
  /* &.listing {
    // background: $black;
    .header_logo {
      top: 1.1vw;
    }
    .menu {
      transform: scale(0.6);
      top: .4vw;
    }
  } */ }
  @media only screen and (max-width: 767px) {
    .fixed_top {
      height: 15vw; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .fixed_top {
      height: 10vw; } }
  .fixed_top.main {
    display: block; }
    .fixed_top.main .header_logo {
      opacity: 1 !important; }
      .fixed_top.main .header_logo img {
        float: left; }
  .fixed_top.open {
    background: transparent; }
    .fixed_top.open .header_logo {
      opacity: 0; }
  .fixed_top .header_logo {
    position: absolute;
    left: 6vw;
    top: 1.1vw;
    transition: all .3s; }
    @media only screen and (max-width: 767px) {
      .fixed_top .header_logo {
        top: 4vw;
        left: 4vw; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .fixed_top .header_logo {
        top: 3vw;
        left: 4vw; } }
    .fixed_top .header_logo.open {
      opacity: 0; }
  .fixed_top .menu {
    cursor: pointer;
    transform: scale(0.8);
    position: absolute;
    top: .3vw;
    right: 5.7vw;
    display: block;
    width: 60px;
    height: 60px;
    transition: all .3s; }
    @media only screen and (max-width: 767px) {
      .fixed_top .menu {
        transform: scale(0.6);
        top: 0;
        right: 1vw; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .fixed_top .menu {
        transform: scale(0.6);
        top: 1vw;
        right: 1vw; } }
    @media (min-width: 1921px) {
      .fixed_top .menu {
        right: 5.8vw; } }
    .fixed_top .menu.open .icon-left {
      transition-duration: 0.5s;
      background: transparent; }
      .fixed_top .menu.open .icon-left::before {
        transform: rotateZ(45deg) scaleX(1.4) translate(4px, 4px); }
      .fixed_top .menu.open .icon-left::after {
        transform: rotateZ(-45deg) scaleX(1.4) translate(4px, -4px); }
    .fixed_top .menu.open .icon-right {
      transition-duration: 0.5s;
      background: transparent; }
      .fixed_top .menu.open .icon-right::before {
        transform: rotateZ(-45deg) scaleX(1.4) translate(-4px, 4px); }
      .fixed_top .menu.open .icon-right::after {
        transform: rotateZ(45deg) scaleX(1.4) translate(-4px, -4px); }
    .fixed_top .menu .icon-left {
      transition-duration: 0.5s;
      position: absolute;
      height: 5px;
      width: 15px;
      top: 30px;
      background-color: #fff;
      left: 16px;
      border-top-left-radius: 7px;
      border-bottom-left-radius: 7px; }
      .fixed_top .menu .icon-left::before {
        transition-duration: 0.5s;
        position: absolute;
        width: 30px;
        height: 5px;
        background-color: #fff;
        content: "";
        top: -20px;
        left: -15px;
        border-top-left-radius: 7px;
        border-bottom-left-radius: 7px; }
      .fixed_top .menu .icon-left::after {
        transition-duration: 0.5s;
        position: absolute;
        width: 30px;
        height: 5px;
        background-color: #fff;
        content: "";
        top: 20px;
        left: -15px;
        border-top-left-radius: 7px;
        border-bottom-left-radius: 7px; }
    .fixed_top .menu .icon-right {
      transition-duration: 0.5s;
      position: absolute;
      height: 5px;
      width: 30px;
      top: 30px;
      background-color: #fff;
      left: 30px;
      border-top-right-radius: 7px;
      border-bottom-right-radius: 7px; }
      .fixed_top .menu .icon-right::before {
        transition-duration: 0.5s;
        position: absolute;
        width: 30px;
        height: 5px;
        background-color: #fff;
        content: "";
        top: -20px;
        border-top-right-radius: 7px;
        border-bottom-right-radius: 7px; }
      .fixed_top .menu .icon-right::after {
        transition-duration: 0.5s;
        position: absolute;
        width: 30px;
        height: 5px;
        background-color: #fff;
        content: "";
        top: 20px;
        border-top-right-radius: 7px;
        border-bottom-right-radius: 7px; }

.main-menu {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  background: #000;
  transform: translateY(-100vh);
  transition: all .7s;
  /* .main-items {
    @include relative_float;
    width: 100%;
    margin-top: 4vw;
    text-align: center;
    @include response(mobile) {
      margin-top: 14vw;
    }
    @include response(tablet) {
      margin-top: 14vw;
    }
    ul {
      list-style: none;
      padding: 0;
      li {
        @include response(mobile) {
          margin-bottom: 3vw;
        }
        @include response(tablet) {
          margin-bottom: 3vw;
        }
        a {
          color: transparent;
          -webkit-text-stroke-width: 1px;
          -webkit-text-stroke-color: #fff;
          font-weight: 600;
          font-style: normal;
          font-size: 5vw;
          margin-top: 6%;
          text-transform: uppercase;
          margin-left: 0px;
          transition: all 0.25s ease-in-out;
          text-decoration: none;
          @include response(mobile) {
            font-size: 9vw;
          }
          @include response(tablet) {
            font-size: 9vw;
          }
          &:hover {
            color: $white;
            text-decoration: none;
          }
          &:focus {
            text-decoration: none;
          }
        }
      }
    }
  } */ }
  .main-menu.open {
    transform: translateY(0); }
  .main-menu.listing .top {
    padding-top: 1vw; }
  .main-menu .top {
    float: left;
    position: relative;
    width: 100%;
    padding-top: 1vw;
    padding-left: 6vw;
    padding-right: 6vw; }
    @media only screen and (max-width: 767px) {
      .main-menu .top a img {
        width: 27vw;
        margin-top: 3vw;
        display: none; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .main-menu .top a img {
        width: 27vw;
        margin-top: 3vw;
        display: none; } }
  .main-menu .menu-items {
    z-index: 20;
    position: relative;
    width: 100%;
    margin-top: 13vh; }
    @media only screen and (max-width: 767px) {
      .main-menu .menu-items {
        position: absolute; } }
    .main-menu .menu-items a {
      text-decoration: none; }
    .main-menu .menu-items .menu-item {
      text-transform: uppercase;
      color: rgba(0, 0, 0, 0);
      -webkit-text-stroke-width: 0.6px;
      -webkit-text-stroke-color: #fff;
      font-weight: 700;
      font-style: normal;
      opacity: .7;
      font-size: 5vw;
      cursor: pointer;
      text-align: center;
      margin-bottom: -2vh;
      transition: all .25s ease; }
      .main-menu .menu-items .menu-item:hover {
        opacity: 1;
        color: #fff; }
      @media only screen and (max-width: 767px) {
        .main-menu .menu-items .menu-item {
          margin-bottom: 6vw;
          -webkit-text-stroke-width: 0px;
          color: white;
          font-size: 8vw;
          opacity: 1; } }
  .main-menu .bottom-items {
    float: left;
    position: relative;
    width: 50%;
    margin-left: 25%;
    margin-top: 3vw; }
    @media only screen and (max-width: 767px) {
      .main-menu .bottom-items {
        width: 100%;
        margin-left: 0;
        padding: 0 6vw;
        text-align: center; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .main-menu .bottom-items {
        width: 100%;
        margin-left: 0;
        padding: 0 6vw;
        text-align: center; } }
    .main-menu .bottom-items .left {
      float: left;
      position: relative;
      width: 40%; }
      @media only screen and (max-width: 767px) {
        .main-menu .bottom-items .left {
          width: 100%; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .main-menu .bottom-items .left {
          width: 100%; } }
      .main-menu .bottom-items .left p {
        font-weight: 600;
        font-size: 1.3vw;
        color: #fff; }
        @media only screen and (max-width: 767px) {
          .main-menu .bottom-items .left p {
            font-size: 5vw;
            margin-bottom: 0; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .main-menu .bottom-items .left p {
            font-size: 5vw;
            margin-bottom: 0; } }
        .main-menu .bottom-items .left p span {
          color: #ff31c1; }
    .main-menu .bottom-items .right {
      float: left;
      position: relative;
      width: 60%; }
      @media only screen and (max-width: 767px) {
        .main-menu .bottom-items .right {
          width: 100%; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .main-menu .bottom-items .right {
          width: 100%; } }
      .main-menu .bottom-items .right ul {
        list-style: none;
        padding: 0; }
        .main-menu .bottom-items .right ul li {
          float: left;
          position: relative;
          margin: 0 1.5vw; }
          @media only screen and (max-width: 767px) {
            .main-menu .bottom-items .right ul li {
              float: none;
              width: 100%;
              margin: 0 0 2vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .main-menu .bottom-items .right ul li {
              float: none;
              width: 100%;
              margin: 0 0 2vw; } }
          .main-menu .bottom-items .right ul li:nth-child(2)::before {
            content: '';
            position: absolute;
            top: 20%;
            left: -1.5vw;
            width: 2px;
            height: 65%;
            background: rgba(255, 255, 255, 0.25); }
            @media only screen and (max-width: 767px) {
              .main-menu .bottom-items .right ul li:nth-child(2)::before {
                display: none; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              .main-menu .bottom-items .right ul li:nth-child(2)::before {
                display: none; } }
          .main-menu .bottom-items .right ul li:nth-child(2)::after {
            content: '';
            position: absolute;
            top: 20%;
            right: -1.5vw;
            width: 2px;
            height: 65%;
            background: rgba(255, 255, 255, 0.25); }
            @media only screen and (max-width: 767px) {
              .main-menu .bottom-items .right ul li:nth-child(2)::after {
                display: none; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              .main-menu .bottom-items .right ul li:nth-child(2)::after {
                display: none; } }
          .main-menu .bottom-items .right ul li a {
            font-weight: 300;
            font-size: 1.3vw;
            color: #fff;
            text-decoration: none;
            transition: all .25s; }
            @media only screen and (max-width: 767px) {
              .main-menu .bottom-items .right ul li a {
                font-size: 4vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              .main-menu .bottom-items .right ul li a {
                font-size: 4vw; } }
            .main-menu .bottom-items .right ul li a:hover {
              color: #ff31c1;
              text-decoration: none; }
            .main-menu .bottom-items .right ul li a:focus {
              color: #fff;
              text-decoration: none; }

.share-place {
  position: fixed;
  background: #fff;
  z-index: 15;
  right: 6vw;
  bottom: 5vw;
  width: 75px;
  height: 75px;
  padding: 7px 25px;
  border-radius: 40px;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  opacity: 0;
  transform: translateY(9vw);
  transition: all 1s; }
  @media only screen and (max-width: 767px) {
    .share-place {
      bottom: 22vw;
      transform: scale(0.85); } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .share-place {
      bottom: 22vw;
      transform: scale(0.85); } }
  .share-place.show {
    opacity: 1;
    transform: translateY(0) scale(0.85); }
  .share-place.animation {
    transition: all .4s; }
  .share-place.second {
    transform: translateY(-5.5vw); }
    @media only screen and (max-width: 767px) {
      .share-place.second {
        transform: translateY(-27.5vw) scale(0.85); } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .share-place.second {
        transform: translateY(-14.5vw) scale(0.85); } }
  .share-place.slow {
    transition: all 1.35s !important; }
  .share-place.end {
    transform: translateY(-9vw); }
    @media only screen and (max-width: 767px) {
      .share-place.end {
        transform: translateY(-40vw) scale(0.85); } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .share-place.end {
        transform: translateY(-40vw) scale(0.85); } }
  .share-place.open {
    cursor: default;
    height: 288px; }
    .share-place.open ul {
      margin-top: 19px; }
    .share-place.open .control p.open {
      display: none; }
    .share-place.open .control p.close {
      display: block; }
  .share-place ul {
    list-style: none;
    padding: 0;
    margin-top: -194px;
    transition: all .4s; }
    .share-place ul li {
      margin-bottom: 20px; }
      .share-place ul li a {
        text-decoration: none; }
        .share-place ul li a:hover, .share-place ul li a:focus {
          text-decoration: none; }
        .share-place ul li a.share_fb:hover img {
          filter: invert(63%) sepia(81%) saturate(7039%) hue-rotate(203deg) brightness(99%) contrast(92%); }
        .share-place ul li a.share_ins:hover img {
          filter: invert(39%) sepia(91%) saturate(516%) hue-rotate(300deg) brightness(87%) contrast(109%); }
        .share-place ul li a.share_in:hover img {
          filter: invert(26%) sepia(60%) saturate(2302%) hue-rotate(196deg) brightness(96%) contrast(97%); }
        .share-place ul li a.share_tw:hover img {
          filter: invert(48%) sepia(46%) saturate(2211%) hue-rotate(177deg) brightness(101%) contrast(90%); }
        .share-place ul li a.share_mail:hover img {
          filter: invert(38%) sepia(38%) saturate(1642%) hue-rotate(298deg) brightness(88%) contrast(83%); }
        .share-place ul li a img {
          transition: all .15s; }
  .share-place .control {
    float: left;
    position: relative;
    width: calc(100% + 50px);
    margin-left: -25px;
    cursor: pointer; }
    .share-place .control p {
      font-family: 'Mevea';
      font-weight: 600;
      font-style: normal;
      color: #000;
      font-size: 18px;
      cursor: pointer;
      display: none; }
      .share-place .control p.open {
        display: block; }
      .share-place .control p.close {
        display: none; }

.next-place {
  position: fixed;
  background: #ff31c1;
  z-index: 10;
  right: 6vw;
  bottom: 5vw;
  width: 75px;
  height: 75px;
  padding: 3px 0px;
  border-radius: 40px;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  opacity: 0;
  transform: translateY(9vw);
  transition: all 1s;
  text-decoration: none; }
  @media only screen and (max-width: 767px) {
    .next-place {
      bottom: 25vw;
      transform: scale(0.85); } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .next-place {
      bottom: 25vw;
      transform: scale(0.85); } }
  .next-place:hover, .next-place:focus {
    color: #fff;
    text-decoration: none; }
    .next-place:hover p, .next-place:focus p {
      opacity: 0; }
    .next-place:hover img, .next-place:focus img {
      transform: translateX(0) scale(0.85); }
  .next-place.show {
    opacity: 1;
    transform: translateY(0); }
    @media only screen and (max-width: 767px) {
      .next-place.show {
        transform: translateY(0) scale(0.85); } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .next-place.show {
        transform: translateY(0) scale(0.85); } }
  .next-place p {
    font-family: 'Mevea';
    font-weight: 600;
    font-style: normal;
    line-height: 18px;
    font-size: 16px;
    transition: all .2s; }
  .next-place img {
    filter: brightness(0) invert(1);
    position: absolute;
    top: 26px;
    left: 20px;
    transform: translateX(-70px);
    transition: all .6s; }

body {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }
  body::-webkit-scrollbar {
    display: none; }
  body.main header {
    float: left;
    position: relative;
    width: 100vw;
    height: 100vh; }
    body.main header video {
      width: 100%;
      height: 100vh;
      object-fit: cover;
      margin-top: 0; }
  body.main .offset_text {
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke-width: 0.4px;
    -webkit-text-stroke-color: #fff;
    font-weight: 700;
    font-style: normal;
    opacity: 0.7;
    margin-top: 64vw;
    line-height: 0vw;
    font-size: 13vw;
    letter-spacing: 5px;
    left: -3vw;
    position: absolute;
    pointer-events: none;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      body.main .offset_text {
        display: none; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      body.main .offset_text {
        display: none; } }
  body.main .sections {
    float: left;
    position: relative;
    width: 100%;
    padding: 10vw; }
    body.main .sections .cursor-holder:hover {
      cursor: none; }
    body.main .sections .custom-cursor {
      -webkit-transform: scale(0);
      transform: scale(0);
      width: 150px;
      height: 150px;
      margin-top: -60px;
      margin-left: -60px;
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 100%;
      position: absolute;
      border-radius: 100%;
      background: var(--highlight-color, #ff31c1);
      z-index: 910;
      pointer-events: none;
      transition: -webkit-transform ease .25s;
      transition: transform ease .25s;
      transition: transform ease .25s, -webkit-transform ease .25s;
      font-weight: 500;
      color: #fff;
      text-decoration: none; }
    body.main .sections .cursor-holder:hover .custom-cursor {
      -webkit-transform: scale(1) !important;
      transform: scale(1) !important; }
    body.main .sections .s_about_us {
      float: left;
      position: relative;
      width: 100%;
      padding-bottom: 6vw; }
      body.main .sections .s_about_us .data {
        float: left;
        position: relative;
        width: 56%;
        margin-left: 12%; }
        @media only screen and (max-width: 767px) {
          body.main .sections .s_about_us .data {
            width: 100%;
            margin-left: 0; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body.main .sections .s_about_us .data {
            width: 100%;
            margin-left: 0; } }
        body.main .sections .s_about_us .data h3 {
          color: #fff;
          font-size: 5vw;
          margin-top: 0;
          margin-bottom: 0; }
          @media only screen and (max-width: 767px) {
            body.main .sections .s_about_us .data h3 {
              font-size: 9vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body.main .sections .s_about_us .data h3 {
              font-size: 9vw; } }
          body.main .sections .s_about_us .data h3 small {
            font-size: 100%;
            color: #ff31c1; }
        body.main .sections .s_about_us .data p {
          color: #fff;
          font-weight: 300;
          font-size: 1.3vw;
          line-height: 1.9vw; }
          @media only screen and (max-width: 767px) {
            body.main .sections .s_about_us .data p {
              font-size: 4vw;
              line-height: 5.5vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body.main .sections .s_about_us .data p {
              font-size: 4vw;
              line-height: 5.5vw; } }
    body.main .sections .s_list {
      float: left;
      position: relative;
      width: calc(100% + 8vw);
      margin-left: -4vw; }
      body.main .sections .s_list .item {
        float: left;
        position: relative;
        width: 100%;
        margin-bottom: 8vw; }
        @media only screen and (max-width: 767px) {
          body.main .sections .s_list .item {
            margin-bottom: 7vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body.main .sections .s_list .item {
            margin-bottom: 14vw; } }
        body.main .sections .s_list .item:hover a {
          opacity: 1;
          transform: translateY(0); }
        body.main .sections .s_list .item img {
          position: relative;
          z-index: 2;
          width: 100%;
          height: auto;
          object-fit: cover; }
          @media only screen and (max-width: 767px) {
            body.main .sections .s_list .item img {
              height: 63vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body.main .sections .s_list .item img {
              height: 63vw; } }
        body.main .sections .s_list .item .mobile_vc {
          position: absolute;
          width: 13vw;
          height: auto;
          object-fit: unset;
          right: 2vw;
          bottom: 2vw; }
        body.main .sections .s_list .item a.open-case {
          position: absolute;
          left: calc(50% - 4vw);
          bottom: 5vw;
          width: 8vw;
          height: 8vw;
          color: #fff;
          padding: 3.2vw 0;
          text-decoration: none;
          text-align: center;
          font-family: 'Mevea';
          font-weight: bold;
          font-style: normal;
          font-size: 1.1vw;
          z-index: 3;
          opacity: 0;
          transform: translateY(9vw);
          transition: all .4s; }
          @media only screen and (max-width: 767px) {
            body.main .sections .s_list .item a.open-case {
              left: calc(50% - 10vw);
              bottom: 10vw;
              width: 20vw;
              height: 20vw;
              padding: 7.5vw 0;
              font-size: 3vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body.main .sections .s_list .item a.open-case {
              left: calc(50% - 10vw);
              bottom: 10vw;
              width: 20vw;
              height: 20vw;
              padding: 7.5vw 0;
              font-size: 3vw; } }
          body.main .sections .s_list .item a.open-case::before {
            content: '';
            background: #000;
            border-radius: 50%;
            width: 8vw;
            height: 8vw;
            position: absolute;
            z-index: -1;
            left: 0;
            top: 0;
            transition: all .4s; }
            @media only screen and (max-width: 767px) {
              body.main .sections .s_list .item a.open-case::before {
                width: 20vw;
                height: 20vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body.main .sections .s_list .item a.open-case::before {
                width: 20vw;
                height: 20vw; } }
          body.main .sections .s_list .item a.open-case:hover::before {
            content: '';
            background: #ff31c1;
            border-radius: 50%;
            width: 9vw;
            height: 9vw;
            position: absolute;
            z-index: -1;
            left: -.5vw;
            top: -.5vw; }
    body.main .sections .s_horizontal_slider {
      float: left;
      position: relative;
      width: calc(100% + 20vw);
      margin-left: -10vw;
      overflow-x: hidden; }
      body.main .sections .s_horizontal_slider .mask {
        position: absolute;
        height: 101%;
        object-fit: cover;
        top: -5px; }
        body.main .sections .s_horizontal_slider .mask.left {
          right: 20%; }
        body.main .sections .s_horizontal_slider .mask.right {
          right: -20%; }
      body.main .sections .s_horizontal_slider .background {
        position: absolute;
        width: 20vw;
        height: 101%;
        background: #000; }
        body.main .sections .s_horizontal_slider .background.left {
          right: 0; }
        body.main .sections .s_horizontal_slider .background.right {
          left: 0; }
      body.main .sections .s_horizontal_slider .data_content {
        position: absolute;
        top: 0;
        padding: 15vw 6vw;
        width: 50%; }
        body.main .sections .s_horizontal_slider .data_content.left {
          right: 0; }
        body.main .sections .s_horizontal_slider .data_content.right {
          left: 0; }
        body.main .sections .s_horizontal_slider .data_content h2 {
          font-size: 1.25rem;
          font-family: "Montserrat";
          font-weight: 500;
          font-style: normal;
          text-transform: uppercase;
          color: #7c7c7c;
          margin-bottom: 0;
          text-align: left; }
        body.main .sections .s_horizontal_slider .data_content h3 {
          font-size: 4vw;
          color: #fff;
          width: 35vw;
          font-family: "Montserrat";
          font-weight: bold;
          font-style: normal;
          margin-top: 6px;
          transition: all 1s; }
        body.main .sections .s_horizontal_slider .data_content a {
          transition: all 0.3s ease-in-out;
          margin-top: -3vw;
          width: 203px;
          height: 46px;
          border: 1px solid #be456e;
          color: #fff;
          font-family: "Montserrat";
          font-weight: 500;
          font-style: normal;
          font-size: 1.25rem;
          text-transform: uppercase;
          z-index: 4;
          float: left;
          position: relative;
          margin-left: 0;
          text-align: center;
          padding-top: 0.7rem;
          text-decoration: none; }
          body.main .sections .s_horizontal_slider .data_content a:hover {
            background: #be456e; }
      body.main .sections .s_horizontal_slider .data {
        float: left;
        position: relative;
        transition: all .7s ease-in-out; }
      body.main .sections .s_horizontal_slider .item {
        float: left;
        position: relative;
        overflow: hidden; }
        body.main .sections .s_horizontal_slider .item img {
          width: 100%; }
        body.main .sections .s_horizontal_slider .item .item_bg_image {
          transition: all .7s;
          transition-delay: .1s;
          margin-left: -25%; }
          body.main .sections .s_horizontal_slider .item .item_bg_image.open {
            margin-left: 0; }
        body.main .sections .s_horizontal_slider .item a.open-case {
          position: absolute;
          left: calc(50% - 4vw);
          top: 20%;
          width: 8vw;
          height: 8vw;
          color: #fff;
          padding: 3.2vw 0;
          text-decoration: none;
          text-align: center;
          font-family: 'Mevea';
          font-weight: bold;
          font-style: normal;
          font-size: 1.1vw;
          z-index: 3;
          opacity: 1;
          transform: translateY(9vw);
          transition: all .4s; }
          @media only screen and (max-width: 767px) {
            body.main .sections .s_horizontal_slider .item a.open-case {
              left: calc(50% - 10vw);
              bottom: 10vw;
              width: 20vw;
              height: 20vw;
              padding: 7.5vw 0;
              font-size: 3vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body.main .sections .s_horizontal_slider .item a.open-case {
              left: calc(50% - 10vw);
              bottom: 10vw;
              width: 20vw;
              height: 20vw;
              padding: 7.5vw 0;
              font-size: 3vw; } }
          body.main .sections .s_horizontal_slider .item a.open-case::before {
            content: '';
            background: #000;
            border-radius: 50%;
            width: 8vw;
            height: 8vw;
            position: absolute;
            z-index: -1;
            left: 0;
            top: 0;
            transition: all .4s; }
            @media only screen and (max-width: 767px) {
              body.main .sections .s_horizontal_slider .item a.open-case::before {
                width: 20vw;
                height: 20vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body.main .sections .s_horizontal_slider .item a.open-case::before {
                width: 20vw;
                height: 20vw; } }
          body.main .sections .s_horizontal_slider .item a.open-case:hover::before {
            content: '';
            background: #ff31c1;
            border-radius: 50%;
            width: 9vw;
            height: 9vw;
            position: absolute;
            z-index: -1;
            left: -.5vw;
            top: -.5vw; }
    body.main .sections .s_clients {
      float: left;
      position: relative;
      width: 100%;
      padding-top: 6vw;
      margin-bottom: 6vw; }
      body.main .sections .s_clients .data {
        float: left;
        position: relative;
        width: 100%; }
        body.main .sections .s_clients .data h3 {
          color: #fff;
          font-size: 5vw;
          margin-top: 0;
          margin-bottom: 0; }
          @media only screen and (max-width: 767px) {
            body.main .sections .s_clients .data h3 {
              font-size: 9vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body.main .sections .s_clients .data h3 {
              font-size: 9vw; } }
          body.main .sections .s_clients .data h3 small {
            font-size: 100%;
            color: #ff31c1; }
        body.main .sections .s_clients .data .clients-content {
          float: left;
          position: relative;
          width: 100%; }
          body.main .sections .s_clients .data .clients-content .clients-slide {
            float: left;
            position: relative;
            width: 100%;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-template-rows: 1fr; }
            @media (max-width: 768px) {
              body.main .sections .s_clients .data .clients-content .clients-slide {
                display: grid;
                grid-template-columns: repeat(1, 1fr);
                grid-template-rows: 1fr; } }
            @media (min-width: 1025px) and (max-width: 1320px) {
              body.main .sections .s_clients .data .clients-content .clients-slide {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-template-rows: 1fr; } }
          body.main .sections .s_clients .data .clients-content .client-cell {
            padding: 10px;
            overflow: hidden;
            position: relative;
            z-index: 2;
            margin: 20px; }
            body.main .sections .s_clients .data .clients-content .client-cell a img {
              width: 100%; }
    body.main .sections .s_banner {
      float: left;
      position: relative;
      width: 100vw;
      margin-top: 9vw;
      margin-bottom: 9vw;
      margin-left: -10vw; }
      body.main .sections .s_banner img {
        width: 100%; }
    body.main .sections .s_form {
      float: left;
      position: relative;
      width: 100%;
      margin-top: 7vw;
      margin-bottom: 6vw;
      padding: 0; }
      @media only screen and (max-width: 767px) {
        body.main .sections .s_form {
          width: calc(100% + 8vw);
          margin-left: -4vw; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        body.main .sections .s_form {
          width: calc(100% + 8vw);
          margin-left: -4vw; } }
      body.main .sections .s_form.sent .data {
        display: none; }
      body.main .sections .s_form.sent .sended_info {
        display: block; }
      body.main .sections .s_form.sent .box {
        transform: rotate(30deg); }
      body.main .sections .s_form .top {
        float: left;
        position: relative;
        width: 100%;
        text-align: center; }
        body.main .sections .s_form .top h2 {
          position: relative;
          font-size: 5vw;
          line-height: 6.5vw;
          z-index: 1; }
          @media only screen and (max-width: 767px) {
            body.main .sections .s_form .top h2 {
              font-size: 8vw;
              margin-left: 0vw;
              margin-top: 3vw;
              line-height: 17vw;
              margin-bottom: 9vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body.main .sections .s_form .top h2 {
              font-size: 8vw;
              margin-left: 0vw;
              margin-top: 3vw;
              line-height: 17vw;
              margin-bottom: 9vw; } }
        body.main .sections .s_form .top img {
          width: auto;
          position: absolute;
          top: 8.2vw;
          margin-left: 0.5vw; }
          @media only screen and (max-width: 767px) {
            body.main .sections .s_form .top img {
              width: 47vw;
              top: 14vw;
              margin-left: -5.6vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body.main .sections .s_form .top img {
              width: 47vw;
              top: 14vw;
              margin-left: -5.6vw; } }
      body.main .sections .s_form .data {
        display: block;
        float: left;
        position: relative;
        width: 66%;
        margin-top: 4vw;
        margin-left: 17%; }
        @media only screen and (max-width: 767px) {
          body.main .sections .s_form .data {
            width: 90%;
            margin-left: 5%; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body.main .sections .s_form .data {
            width: 90%;
            margin-left: 5%; } }
        body.main .sections .s_form .data .data_row {
          float: left;
          position: relative;
          width: 100%;
          margin-bottom: 1vw; }
          @media only screen and (max-width: 767px) {
            body.main .sections .s_form .data .data_row {
              margin-left: 0 !important;
              margin-bottom: 5vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body.main .sections .s_form .data .data_row {
              margin-left: 0 !important;
              margin-bottom: 5vw; } }
          body.main .sections .s_form .data .data_row[data-row="1"] {
            margin-top: 2vw; }
            body.main .sections .s_form .data .data_row[data-row="1"] input {
              width: 16vw; }
          body.main .sections .s_form .data .data_row[data-row="2"] {
            margin-left: 5vw; }
            body.main .sections .s_form .data .data_row[data-row="2"] input {
              width: 20vw; }
          body.main .sections .s_form .data .data_row[data-row="3"] {
            margin-left: 10vw; }
            body.main .sections .s_form .data .data_row[data-row="3"] textarea {
              width: 32vw;
              font-family: 'Poppins', sans-serif;
              font-weight: normal;
              font-style: normal; }
          body.main .sections .s_form .data .data_row h4 {
            float: left;
            position: relative;
            color: #fff;
            font-size: 3vw;
            margin-top: 0;
            margin-bottom: 0;
            transition: all .8s; }
            @media only screen and (max-width: 767px) {
              body.main .sections .s_form .data .data_row h4 {
                font-size: 8vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body.main .sections .s_form .data .data_row h4 {
                font-size: 8vw; } }
          body.main .sections .s_form .data .data_row input, body.main .sections .s_form .data .data_row textarea {
            float: left;
            position: relative;
            border-top: none;
            border-left: none;
            border-right: none;
            border-bottom: 1px solid #fff;
            color: #fff;
            background: transparent;
            height: 2vw;
            padding: 0 1vw;
            margin-left: 2vw;
            margin-right: 2vw;
            margin-top: 1vw;
            font-size: 1vw;
            transition: all .3s; }
            @media only screen and (max-width: 767px) {
              body.main .sections .s_form .data .data_row input, body.main .sections .s_form .data .data_row textarea {
                width: 92% !important;
                height: 8vw;
                font-size: 4vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body.main .sections .s_form .data .data_row input, body.main .sections .s_form .data .data_row textarea {
                width: 92% !important;
                height: 8vw;
                font-size: 4vw; } }
            body.main .sections .s_form .data .data_row input:focus, body.main .sections .s_form .data .data_row textarea:focus {
              outline: none; }
          body.main .sections .s_form .data .data_row .slide-submit {
            position: relative;
            float: right;
            margin-right: 5vw;
            width: 250px;
            height: 60px;
            line-height: 50px;
            background: transparent;
            padding: 4px;
            border: 1px solid #ff31c1; }
            @media only screen and (max-width: 767px) {
              body.main .sections .s_form .data .data_row .slide-submit {
                width: 100%;
                margin-left: 0vw;
                float: left;
                margin-top: 5vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body.main .sections .s_form .data .data_row .slide-submit {
                width: 100%;
                margin-left: 0vw;
                float: left;
                margin-top: 5vw; } }
            body.main .sections .s_form .data .data_row .slide-submit button {
              position: absolute;
              top: 0;
              left: 0;
              bottom: 0;
              z-index: 10;
              margin: 0px;
              width: 26%;
              background: #ff31c1;
              font-weight: bold;
              color: white;
              border: none;
              padding: 0;
              border-radius: 2px;
              transition: all 200ms linear;
              cursor: pointer; }
              body.main .sections .s_form .data .data_row .slide-submit button.submitted {
                width: 100%;
                opacity: 1; }
              body.main .sections .s_form .data .data_row .slide-submit button.submitted + label {
                display: none; }
            body.main .sections .s_form .data .data_row .slide-submit label {
              position: absolute;
              z-index: 8;
              top: 4px;
              right: 0px;
              width: 74%;
              font-size: 14px;
              text-align: center;
              color: #fff;
              font-weight: 400; }
      body.main .sections .s_form .sended_info {
        float: left;
        position: relative;
        display: none;
        width: 80%;
        margin-top: 3vw;
        margin-left: 10%; }
        body.main .sections .s_form .sended_info h3 {
          font-size: 3vw;
          color: #fff;
          text-align: center;
          margin-top: 1vw;
          margin-bottom: 2vw; }
        body.main .sections .s_form .sended_info p {
          font-weight: 400;
          font-size: 1vw;
          line-height: 1.9vw;
          text-align: center; }
      body.main .sections .s_form .box {
        position: absolute;
        top: 6vw;
        right: 17vw;
        z-index: -1;
        width: 29vw;
        transition: all .8s; }
        @media only screen and (max-width: 767px) {
          body.main .sections .s_form .box {
            top: 29vw;
            right: 16vw;
            width: 47vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body.main .sections .s_form .box {
            top: 29vw;
            right: 16vw;
            width: 47vw; } }
        body.main .sections .s_form .box img {
          width: 51vw; }
          @media only screen and (max-width: 767px) {
            body.main .sections .s_form .box img {
              width: 71vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body.main .sections .s_form .box img {
              width: 71vw; } }
  body.main footer {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 7vw;
    padding: 0 6vw 3vw; }
    body.main footer .left {
      float: left;
      position: relative;
      width: 25%; }
      @media only screen and (max-width: 767px) {
        body.main footer .left {
          width: 100%; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        body.main footer .left {
          width: 100%; } }
    body.main footer .right {
      float: left;
      position: relative;
      width: 75%;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 2vw; }
      @media only screen and (max-width: 767px) {
        body.main footer .right {
          width: 100%;
          display: grid;
          grid-template-columns: repeat(1, 1fr);
          grid-template-rows: 1fr; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        body.main footer .right {
          width: 100%;
          display: grid;
          grid-template-columns: repeat(1, 1fr);
          grid-template-rows: 1fr; } }
      @media only screen and (max-width: 767px) {
        body.main footer .right .item {
          margin-top: 6vw;
          padding-left: 5vw; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        body.main footer .right .item {
          margin-top: 6vw;
          padding-left: 5vw; } }
      body.main footer .right .item h5 {
        position: relative;
        margin-top: 0;
        font-size: 1.1vw;
        font-weight: 700;
        margin-bottom: 1.1vw; }
        @media only screen and (max-width: 767px) {
          body.main footer .right .item h5 {
            font-size: 5vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body.main footer .right .item h5 {
            font-size: 5vw; } }
        body.main footer .right .item h5::before {
          content: '';
          position: absolute;
          top: .52vw;
          left: -1.5vw;
          width: .65vw;
          height: .65vw;
          border-radius: 50%;
          background: #ff31c1; }
          @media only screen and (max-width: 767px) {
            body.main footer .right .item h5::before {
              top: 2.52vw;
              left: -4.5vw;
              width: 2.65vw;
              height: 2.65vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body.main footer .right .item h5::before {
              top: 2.52vw;
              left: -4.5vw;
              width: 2.65vw;
              height: 2.65vw; } }
      body.main footer .right .item p {
        font-size: .85vw;
        margin-top: 0;
        margin-bottom: .4vw; }
        @media only screen and (max-width: 767px) {
          body.main footer .right .item p {
            font-size: 4vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body.main footer .right .item p {
            font-size: 4vw; } }
      body.main footer .right .item a {
        color: #fff;
        font-size: .85vw;
        margin-top: 0;
        margin-bottom: .5vw;
        text-decoration: none;
        display: block;
        transition: all .3s; }
        @media only screen and (max-width: 767px) {
          body.main footer .right .item a {
            font-size: 4vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body.main footer .right .item a {
            font-size: 4vw; } }
        body.main footer .right .item a:hover {
          color: #ff31c1;
          text-decoration: none; }
        body.main footer .right .item a:focus {
          text-decoration: none; }
      body.main footer .right .item .socials_grid {
        float: left;
        position: relative;
        width: 52%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 1.5vw; }
        @media only screen and (max-width: 767px) {
          body.main footer .right .item .socials_grid {
            margin-top: 5vw;
            margin-bottom: 25vw;
            grid-column-gap: 4vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body.main footer .right .item .socials_grid {
            margin-top: 5vw;
            margin-bottom: 25vw;
            grid-column-gap: 4vw; } }
        @media only screen and (max-width: 767px) {
          body.main footer .right .item .socials_grid div a.share_fb img {
            height: 8vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body.main footer .right .item .socials_grid div a.share_fb img {
            height: 8vw; } }
        body.main footer .right .item .socials_grid div a.share_fb:hover img {
          filter: invert(63%) sepia(81%) saturate(7039%) hue-rotate(203deg) brightness(99%) contrast(92%); }
        @media only screen and (max-width: 767px) {
          body.main footer .right .item .socials_grid div a.share_ins img {
            height: 8vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body.main footer .right .item .socials_grid div a.share_ins img {
            height: 8vw; } }
        body.main footer .right .item .socials_grid div a.share_ins:hover img {
          filter: invert(39%) sepia(91%) saturate(516%) hue-rotate(300deg) brightness(87%) contrast(109%); }
        @media only screen and (max-width: 767px) {
          body.main footer .right .item .socials_grid div a.share_in img {
            height: 8vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body.main footer .right .item .socials_grid div a.share_in img {
            height: 8vw; } }
        body.main footer .right .item .socials_grid div a.share_in:hover img {
          filter: invert(26%) sepia(60%) saturate(2302%) hue-rotate(196deg) brightness(96%) contrast(97%); }
        @media only screen and (max-width: 767px) {
          body.main footer .right .item .socials_grid div a.share_tw img {
            height: 8vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body.main footer .right .item .socials_grid div a.share_tw img {
            height: 8vw; } }
        body.main footer .right .item .socials_grid div a.share_tw:hover img {
          filter: invert(48%) sepia(46%) saturate(2211%) hue-rotate(177deg) brightness(101%) contrast(90%); }
        @media only screen and (max-width: 767px) {
          body.main footer .right .item .socials_grid div a.share_mail img {
            height: 8vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body.main footer .right .item .socials_grid div a.share_mail img {
            height: 8vw; } }
        body.main footer .right .item .socials_grid div a.share_mail:hover img {
          filter: invert(38%) sepia(38%) saturate(1642%) hue-rotate(298deg) brightness(88%) contrast(83%); }
        @media only screen and (max-width: 767px) {
          body.main footer .right .item .socials_grid div a.share_be img {
            height: 7vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body.main footer .right .item .socials_grid div a.share_be img {
            height: 7vw; } }
        @media only screen and (max-width: 767px) {
          body.main footer .right .item .socials_grid div a.share_be {
            margin-top: .25vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body.main footer .right .item .socials_grid div a.share_be {
            margin-top: .25vw; } }
        body.main footer .right .item .socials_grid div a.share_be:hover img {
          filter: invert(31%) sepia(97%) saturate(4085%) hue-rotate(217deg) brightness(105%) contrast(101%); }
        body.main footer .right .item .socials_grid div a img {
          transition: all .15s; }
          body.main footer .right .item .socials_grid div a img.sp {
            margin-top: .25vw; }

section {
  height: 100vh;
  position: relative;
  /* timhle si nejsem jisty */ }

section .inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.horizontal-scroll {
  overflow: hidden;
  clear: both;
  width: 100vw;
  margin-left: -10vw; }

.horizontal-scroll .horizontal-scroll-group section {
  width: 100vw; }
  .horizontal-scroll .horizontal-scroll-group section .mask {
    position: absolute;
    height: 101%;
    object-fit: cover;
    top: -5px;
    z-index: 10; }
    .horizontal-scroll .horizontal-scroll-group section .mask.left {
      right: 20%; }
    .horizontal-scroll .horizontal-scroll-group section .mask.right {
      right: -20%; }
    @media (max-width: 767px) {
      .horizontal-scroll .horizontal-scroll-group section .mask {
        height: 100vw !important;
        left: 0vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .horizontal-scroll .horizontal-scroll-group section .mask {
        height: 100vw !important;
        left: 0vw; } }
  .horizontal-scroll .horizontal-scroll-group section .background {
    position: absolute;
    width: 21vw;
    height: 101%;
    background: #000;
    z-index: 10; }
    .horizontal-scroll .horizontal-scroll-group section .background.left {
      right: -1px; }
    .horizontal-scroll .horizontal-scroll-group section .background.right {
      left: -1px; }
    @media (max-width: 767px) {
      .horizontal-scroll .horizontal-scroll-group section .background {
        top: 96vw;
        width: 101vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .horizontal-scroll .horizontal-scroll-group section .background {
        top: 96vw;
        width: 100vw; } }
  .horizontal-scroll .horizontal-scroll-group section .data_content {
    position: absolute;
    top: 0;
    padding: 15vw 6vw;
    width: 50%;
    white-space: normal;
    z-index: 11; }
    .horizontal-scroll .horizontal-scroll-group section .data_content.left {
      right: 0; }
    .horizontal-scroll .horizontal-scroll-group section .data_content.right {
      left: 0; }
    @media (max-width: 767px) {
      .horizontal-scroll .horizontal-scroll-group section .data_content {
        top: 90vw;
        width: 100%; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .horizontal-scroll .horizontal-scroll-group section .data_content {
        top: 90vw;
        width: 100%; } }
    .horizontal-scroll .horizontal-scroll-group section .data_content h2 {
      font-size: 1.25rem;
      font-family: "Montserrat";
      font-weight: 500;
      font-style: normal;
      text-transform: uppercase;
      color: #7c7c7c;
      margin-bottom: 0;
      text-align: left; }
      @media (max-width: 767px) {
        .horizontal-scroll .horizontal-scroll-group section .data_content h2 {
          font-size: 6vw; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .horizontal-scroll .horizontal-scroll-group section .data_content h2 {
          font-size: 6vw; } }
    .horizontal-scroll .horizontal-scroll-group section .data_content h3 {
      font-size: 4vw;
      color: #fff;
      width: 35vw;
      font-family: "Montserrat";
      font-weight: bold;
      font-style: normal;
      margin-top: 6px;
      transition: all 1s; }
      @media (max-width: 767px) {
        .horizontal-scroll .horizontal-scroll-group section .data_content h3 {
          font-size: 10vw;
          width: 100%; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .horizontal-scroll .horizontal-scroll-group section .data_content h3 {
          font-size: 10vw;
          width: 100%; } }
    .horizontal-scroll .horizontal-scroll-group section .data_content a {
      transition: all 0.3s ease-in-out;
      margin-top: -3vw;
      width: 203px;
      height: 46px;
      border: 1px solid #be456e;
      color: #fff;
      font-family: "Montserrat";
      font-weight: 500;
      font-style: normal;
      font-size: 1.25rem;
      text-transform: uppercase;
      z-index: 4;
      float: left;
      position: relative;
      margin-left: 0;
      text-align: center;
      padding-top: 0.7rem;
      text-decoration: none; }
      .horizontal-scroll .horizontal-scroll-group section .data_content a:hover {
        background: #be456e; }
  .horizontal-scroll .horizontal-scroll-group section .data {
    float: left;
    position: relative;
    transition: all .7s ease-in-out; }
  .horizontal-scroll .horizontal-scroll-group section .inner {
    float: left;
    position: relative;
    overflow: hidden; }
    .horizontal-scroll .horizontal-scroll-group section .inner img {
      width: 100%;
      height: 101%;
      object-fit: cover; }
    .horizontal-scroll .horizontal-scroll-group section .inner a.open-case {
      position: absolute;
      left: calc(50% - 4vw);
      top: 20%;
      width: 8vw;
      height: 8vw;
      color: #fff;
      padding: 3.2vw 0;
      text-decoration: none;
      text-align: center;
      font-family: 'Mevea';
      font-weight: bold;
      font-style: normal;
      font-size: 1.1vw;
      z-index: 3;
      opacity: 1;
      transform: translateY(9vw);
      transition: all .4s; }
      @media only screen and (max-width: 767px) {
        .horizontal-scroll .horizontal-scroll-group section .inner a.open-case {
          left: calc(50% - 10vw);
          bottom: 10vw;
          width: 20vw;
          height: 20vw;
          padding: 7.5vw 0;
          font-size: 3vw; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .horizontal-scroll .horizontal-scroll-group section .inner a.open-case {
          left: calc(50% - 10vw);
          bottom: 10vw;
          width: 20vw;
          height: 20vw;
          padding: 7.5vw 0;
          font-size: 3vw; } }
      .horizontal-scroll .horizontal-scroll-group section .inner a.open-case::before {
        content: '';
        background: #000;
        border-radius: 50%;
        width: 8vw;
        height: 8vw;
        position: absolute;
        z-index: -1;
        left: 0;
        top: 0;
        transition: all .4s; }
        @media only screen and (max-width: 767px) {
          .horizontal-scroll .horizontal-scroll-group section .inner a.open-case::before {
            width: 20vw;
            height: 20vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .horizontal-scroll .horizontal-scroll-group section .inner a.open-case::before {
            width: 20vw;
            height: 20vw; } }
      .horizontal-scroll .horizontal-scroll-group section .inner a.open-case:hover::before {
        content: '';
        background: #ff31c1;
        border-radius: 50%;
        width: 9vw;
        height: 9vw;
        position: absolute;
        z-index: -1;
        left: -.5vw;
        top: -.5vw; }

.horizontal-scroll .locked {
  position: fixed;
  z-index: 1;
  top: 0;
  height: 100vh;
  white-space: nowrap; }

.horizontal-scroll .locked section {
  display: inline-block; }

body.main .sections .s_contacts {
  float: left;
  position: relative;
  width: calc(100% + 20vw);
  margin-left: -10vw; }
  @media only screen and (max-width: 767px) {
    body.main .sections .s_contacts {
      margin-top: 20vw; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    body.main .sections .s_contacts {
      margin-top: 20vw; } }
  body.main .sections .s_contacts .top_place {
    float: left;
    position: relative;
    width: 100%; }
    body.main .sections .s_contacts .top_place > h3 {
      color: #fff;
      font-size: 4vw;
      margin-top: 0;
      margin-bottom: 0;
      text-transform: uppercase;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        body.main .sections .s_contacts .top_place > h3 {
          font-size: 8vw; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        body.main .sections .s_contacts .top_place > h3 {
          font-size: 8vw; } }
      body.main .sections .s_contacts .top_place > h3 small {
        font-size: 100%;
        color: #ff31c1; }
    body.main .sections .s_contacts .top_place .top_grid {
      float: left;
      position: relative;
      width: 60%;
      margin-left: 23.5%;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: 1fr;
      grid-column-gap: 10%;
      margin-top: 5vw; }
      @media only screen and (max-width: 767px) {
        body.main .sections .s_contacts .top_place .top_grid {
          width: 100%;
          margin-left: 0;
          display: grid;
          grid-template-columns: repeat(1, 1fr);
          grid-template-rows: 1fr; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        body.main .sections .s_contacts .top_place .top_grid {
          width: 100%;
          margin-left: 0;
          display: grid;
          grid-template-columns: repeat(1, 1fr);
          grid-template-rows: 1fr; } }
      body.main .sections .s_contacts .top_place .top_grid .left_side h3, body.main .sections .s_contacts .top_place .top_grid .right_side h3 {
        position: absolute;
        color: transparent;
        -webkit-text-stroke-width: 0.4px;
        -webkit-text-stroke-color: #fff;
        font-weight: 700;
        font-style: normal;
        opacity: 0.7;
        margin-top: 2%;
        line-height: 0vw;
        width: 110%;
        font-size: 4vw;
        pointer-events: none;
        left: -1vw;
        top: 0.4vw; }
        @media only screen and (max-width: 767px) {
          body.main .sections .s_contacts .top_place .top_grid .left_side h3, body.main .sections .s_contacts .top_place .top_grid .right_side h3 {
            font-size: 18vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body.main .sections .s_contacts .top_place .top_grid .left_side h3, body.main .sections .s_contacts .top_place .top_grid .right_side h3 {
            font-size: 18vw; } }
      body.main .sections .s_contacts .top_place .top_grid .left_side h5, body.main .sections .s_contacts .top_place .top_grid .right_side h5 {
        font-size: 1vw;
        font-weight: bold;
        margin-top: 1.2vw;
        margin-bottom: .5vw; }
        @media only screen and (max-width: 767px) {
          body.main .sections .s_contacts .top_place .top_grid .left_side h5, body.main .sections .s_contacts .top_place .top_grid .right_side h5 {
            font-size: 4vw;
            margin-bottom: 4vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body.main .sections .s_contacts .top_place .top_grid .left_side h5, body.main .sections .s_contacts .top_place .top_grid .right_side h5 {
            font-size: 4vw;
            margin-bottom: 4vw; } }
      body.main .sections .s_contacts .top_place .top_grid .left_side .top {
        float: left;
        position: relative;
        width: 80%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 0; }
        @media only screen and (max-width: 767px) {
          body.main .sections .s_contacts .top_place .top_grid .left_side .top {
            margin-top: 12vw;
            padding-left: 6vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body.main .sections .s_contacts .top_place .top_grid .left_side .top {
            margin-top: 12vw;
            padding-left: 6vw; } }
        body.main .sections .s_contacts .top_place .top_grid .left_side .top a {
          color: #fff;
          font-size: .9vw;
          line-height: 1.4vw;
          text-decoration: none;
          transition: all .3s; }
          @media only screen and (max-width: 767px) {
            body.main .sections .s_contacts .top_place .top_grid .left_side .top a {
              font-size: 3.5vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body.main .sections .s_contacts .top_place .top_grid .left_side .top a {
              font-size: 3.5vw; } }
          body.main .sections .s_contacts .top_place .top_grid .left_side .top a:hover {
            color: #ff31c1;
            text-decoration: none; }
          body.main .sections .s_contacts .top_place .top_grid .left_side .top a:focus {
            text-decoration: none; }
      body.main .sections .s_contacts .top_place .top_grid .left_side .bottom {
        float: left;
        position: relative;
        width: 100%;
        margin-top: 4vw; }
        @media only screen and (max-width: 767px) {
          body.main .sections .s_contacts .top_place .top_grid .left_side .bottom {
            margin-top: 16vw;
            padding-left: 6vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body.main .sections .s_contacts .top_place .top_grid .left_side .bottom {
            margin-top: 16vw;
            padding-left: 6vw; } }
        body.main .sections .s_contacts .top_place .top_grid .left_side .bottom .data_content {
          float: left;
          position: relative;
          width: 100%; }
          body.main .sections .s_contacts .top_place .top_grid .left_side .bottom .data_content p {
            float: left;
            position: relative;
            color: #fff;
            font-size: .9vw;
            line-height: 1.4vw;
            margin-top: 0;
            margin-right: 1vw; }
            @media only screen and (max-width: 767px) {
              body.main .sections .s_contacts .top_place .top_grid .left_side .bottom .data_content p {
                font-size: 3.5vw;
                margin-right: 7vw;
                margin-bottom: 5vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body.main .sections .s_contacts .top_place .top_grid .left_side .bottom .data_content p {
                font-size: 3.5vw;
                margin-right: 7vw;
                margin-bottom: 5vw; } }
      body.main .sections .s_contacts .top_place .top_grid .right_side {
        position: relative;
        padding-left: 7vw; }
        @media only screen and (max-width: 767px) {
          body.main .sections .s_contacts .top_place .top_grid .right_side {
            padding-left: 6vw;
            margin-top: 12vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body.main .sections .s_contacts .top_place .top_grid .right_side {
            padding-left: 6vw;
            margin-top: 12vw; } }
        body.main .sections .s_contacts .top_place .top_grid .right_side h3 {
          left: 6vw; }
          @media only screen and (max-width: 767px) {
            body.main .sections .s_contacts .top_place .top_grid .right_side h3 {
              left: 0; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body.main .sections .s_contacts .top_place .top_grid .right_side h3 {
              left: 0; } }
        body.main .sections .s_contacts .top_place .top_grid .right_side p {
          float: left;
          position: relative;
          color: #fff;
          font-size: .9vw;
          line-height: 1.4vw;
          margin-top: 0;
          margin-right: 1vw; }
          @media only screen and (max-width: 767px) {
            body.main .sections .s_contacts .top_place .top_grid .right_side p {
              font-size: 3.5vw;
              line-height: 5vw;
              width: 88%; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body.main .sections .s_contacts .top_place .top_grid .right_side p {
              font-size: 3.5vw;
              line-height: 5vw;
              width: 88%; } }
          body.main .sections .s_contacts .top_place .top_grid .right_side p::after {
            bottom: -11vw;
            content: '';
            position: absolute;
            width: 1px;
            height: 7vw;
            background: #ff31c1;
            left: 50%; }
            @media only screen and (max-width: 767px) {
              body.main .sections .s_contacts .top_place .top_grid .right_side p::after {
                bottom: -25vw;
                height: 15vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body.main .sections .s_contacts .top_place .top_grid .right_side p::after {
                bottom: -25vw;
                height: 15vw; } }
body.main .sections .s_form_v2 {
  float: left;
  position: relative;
  width: 100%;
  margin-top: 3vw;
  margin-bottom: -3vw;
  padding: 0; }
  @media only screen and (max-width: 767px) {
    body.main .sections .s_form_v2 {
      width: calc(100% + 8vw);
      margin-left: -4vw;
      margin-top: 22vw; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    body.main .sections .s_form_v2 {
      width: calc(100% + 8vw);
      margin-left: -4vw;
      margin-top: 22vw; } }
  body.main .sections .s_form_v2.sent .data {
    display: none; }
  body.main .sections .s_form_v2.sent .sended_info {
    display: block; }
  body.main .sections .s_form_v2.sent .box {
    transform: rotate(30deg); }
  body.main .sections .s_form_v2 .data {
    display: block;
    float: left;
    position: relative;
    width: 66%;
    margin-top: 4vw;
    margin-left: 17%; }
    @media only screen and (max-width: 767px) {
      body.main .sections .s_form_v2 .data {
        width: 90%;
        margin-left: 5%; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      body.main .sections .s_form_v2 .data {
        width: 90%;
        margin-left: 5%; } }
    body.main .sections .s_form_v2 .data .data_row {
      float: left;
      position: relative;
      width: 100%;
      margin-bottom: 1vw; }
      @media only screen and (max-width: 767px) {
        body.main .sections .s_form_v2 .data .data_row {
          margin-left: 0 !important;
          margin-bottom: 5vw; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        body.main .sections .s_form_v2 .data .data_row {
          margin-left: 0 !important;
          margin-bottom: 5vw; } }
      body.main .sections .s_form_v2 .data .data_row[data-row="1"] {
        margin-top: 2vw; }
        body.main .sections .s_form_v2 .data .data_row[data-row="1"] input {
          width: 16vw; }
      body.main .sections .s_form_v2 .data .data_row[data-row="2"] {
        margin-left: 5vw; }
        body.main .sections .s_form_v2 .data .data_row[data-row="2"] input {
          width: 20vw; }
      body.main .sections .s_form_v2 .data .data_row[data-row="3"] {
        margin-left: 10vw; }
        body.main .sections .s_form_v2 .data .data_row[data-row="3"] textarea {
          width: 32vw;
          font-family: 'Poppins', sans-serif;
          font-weight: normal;
          font-style: normal; }
      body.main .sections .s_form_v2 .data .data_row h4 {
        float: left;
        position: relative;
        color: #fff;
        font-size: 3vw;
        margin-top: 0;
        margin-bottom: 0;
        transition: all .8s; }
        @media only screen and (max-width: 767px) {
          body.main .sections .s_form_v2 .data .data_row h4 {
            font-size: 8vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body.main .sections .s_form_v2 .data .data_row h4 {
            font-size: 8vw; } }
      body.main .sections .s_form_v2 .data .data_row input, body.main .sections .s_form_v2 .data .data_row textarea {
        float: left;
        position: relative;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #fff;
        color: #fff;
        background: transparent;
        height: 2vw;
        padding: 0 1vw;
        margin-left: 2vw;
        margin-right: 2vw;
        margin-top: 1vw;
        font-size: 1vw;
        transition: all .3s; }
        @media only screen and (max-width: 767px) {
          body.main .sections .s_form_v2 .data .data_row input, body.main .sections .s_form_v2 .data .data_row textarea {
            width: 92% !important;
            height: 8vw;
            font-size: 4vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body.main .sections .s_form_v2 .data .data_row input, body.main .sections .s_form_v2 .data .data_row textarea {
            width: 92% !important;
            height: 8vw;
            font-size: 4vw; } }
        body.main .sections .s_form_v2 .data .data_row input:focus, body.main .sections .s_form_v2 .data .data_row textarea:focus {
          outline: none; }
      body.main .sections .s_form_v2 .data .data_row .slide-submit {
        position: relative;
        float: right;
        margin-right: 5vw;
        width: 250px;
        height: 60px;
        line-height: 50px;
        background: transparent;
        padding: 4px;
        border: 1px solid #ff31c1; }
        @media only screen and (max-width: 767px) {
          body.main .sections .s_form_v2 .data .data_row .slide-submit {
            width: 100%;
            margin-left: 0vw;
            float: left;
            margin-top: 5vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body.main .sections .s_form_v2 .data .data_row .slide-submit {
            width: 100%;
            margin-left: 0vw;
            float: left;
            margin-top: 5vw; } }
        body.main .sections .s_form_v2 .data .data_row .slide-submit button {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          z-index: 10;
          margin: 0px;
          width: 26%;
          background: #ff31c1;
          font-weight: bold;
          color: white;
          border: none;
          padding: 0;
          border-radius: 2px;
          transition: all 200ms linear;
          cursor: pointer; }
          body.main .sections .s_form_v2 .data .data_row .slide-submit button.submitted {
            width: 100%;
            opacity: 1; }
          body.main .sections .s_form_v2 .data .data_row .slide-submit button.submitted + label {
            display: none; }
        body.main .sections .s_form_v2 .data .data_row .slide-submit label {
          position: absolute;
          z-index: 8;
          top: 4px;
          right: 0px;
          width: 74%;
          font-size: 14px;
          text-align: center;
          color: #fff;
          font-weight: 400; }
  body.main .sections .s_form_v2 .sended_info {
    float: left;
    position: relative;
    display: none;
    width: 80%;
    margin-top: 3vw;
    margin-left: 10%; }
    body.main .sections .s_form_v2 .sended_info h3 {
      font-size: 3vw;
      color: #fff;
      text-align: center;
      margin-top: 1vw;
      margin-bottom: 2vw; }
    body.main .sections .s_form_v2 .sended_info p {
      font-weight: 400;
      font-size: 1vw;
      line-height: 1.9vw;
      text-align: center; }
  body.main .sections .s_form_v2 .box {
    position: absolute;
    top: 6vw;
    right: 20vw;
    z-index: -1;
    width: 29vw;
    transition: all .8s; }
    @media only screen and (max-width: 767px) {
      body.main .sections .s_form_v2 .box {
        top: 14vw;
        right: -14vw;
        width: 47vw; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      body.main .sections .s_form_v2 .box {
        top: 14vw;
        right: -14vw;
        width: 47vw; } }
    body.main .sections .s_form_v2 .box img {
      width: 29vw; }
      @media only screen and (max-width: 767px) {
        body.main .sections .s_form_v2 .box img {
          width: 42vw; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        body.main .sections .s_form_v2 .box img {
          width: 42vw; } }
body.main .sections .s_map {
  float: left;
  position: relative;
  width: calc(100% + 20vw);
  margin-left: -10vw;
  margin-top: 6vw;
  margin-bottom: -10vw; }
  @media only screen and (max-width: 767px) {
    body.main .sections .s_map {
      margin-top: 8vw;
      margin-bottom: -6vw; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    body.main .sections .s_map {
      margin-top: 8vw;
      margin-bottom: -6vw; } }
  body.main .sections .s_map .map_place {
    float: left;
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 3vw; }
    @media only screen and (max-width: 767px) {
      body.main .sections .s_map .map_place {
        margin-top: 6vw; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      body.main .sections .s_map .map_place {
        margin-top: 6vw; } }
    body.main .sections .s_map .map_place::before {
      content: '';
      position: absolute;
      left: 0;
      top: -4vw;
      width: 100%;
      height: 9vw;
      z-index: 1;
      background: #000;
      background: linear-gradient(180deg, #000 50%, transparent 100%); }
      @media only screen and (max-width: 767px) {
        body.main .sections .s_map .map_place::before {
          top: -3vw;
          height: 11vw; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        body.main .sections .s_map .map_place::before {
          top: -3vw;
          height: 11vw; } }
    body.main .sections .s_map .map_place::after {
      content: '';
      position: absolute;
      left: 0;
      top: 23vw;
      width: 100%;
      height: 9vw;
      z-index: 1;
      background: #000;
      background: linear-gradient(0deg, #000 50%, transparent 100%); }
      @media only screen and (max-width: 767px) {
        body.main .sections .s_map .map_place::after {
          top: 88vw;
          height: 11vw; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        body.main .sections .s_map .map_place::after {
          top: 88vw;
          height: 11vw; } }
    body.main .sections .s_map .map_place h4 {
      color: #fff;
      font-size: 3vw;
      margin-top: 0;
      margin-bottom: 0;
      text-transform: uppercase;
      position: relative;
      z-index: 2; }
      @media only screen and (max-width: 767px) {
        body.main .sections .s_map .map_place h4 {
          font-size: 7vw; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        body.main .sections .s_map .map_place h4 {
          font-size: 7vw; } }
      body.main .sections .s_map .map_place h4 small {
        font-size: 100%;
        color: #ff31c1; }
    body.main .sections .s_map .map_place #map {
      position: relative;
      width: 100%;
      height: 30vw;
      margin-top: -2vw; }
      @media only screen and (max-width: 767px) {
        body.main .sections .s_map .map_place #map {
          height: 100vw; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        body.main .sections .s_map .map_place #map {
          height: 100vw; } }

[data-aos="opacity-slide-right"].aos-animate {
  opacity: 1;
  transform: initial !important; }

[data-aos="opacity-in"] {
  opacity: 0;
  transition-property: transform, opacity; }
  [data-aos="opacity-in"].aos-animate {
    opacity: 1; }

[data-aos="opacity-slide-up"] {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
  transition-property: transform, opacity; }
  [data-aos="opacity-slide-up"].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

[data-aos="opacity-slide-down"] {
  opacity: 0;
  transform: translate3d(0, -100%, 0);
  transition-property: transform, opacity; }
  [data-aos="opacity-slide-down"].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

[data-aos="opacity-slide-left"] {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
  transition-property: transform, opacity; }
  [data-aos="opacity-slide-left"].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

[data-aos="opacity-slide-left-mobile"] {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
  transition-property: transform, opacity; }
  @media (max-width: 991px) {
    [data-aos="opacity-slide-left-mobile"] {
      transform: translate3d(0, 100%, 0); } }
  [data-aos="opacity-slide-left-mobile"].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

[data-aos="opacity-slide-right"] {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
  transition-property: transform, opacity; }
  [data-aos="opacity-slide-right"].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

[data-aos="opacity-slide-right-mobile"] {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
  transition-property: transform, opacity; }
  @media (max-width: 991px) {
    [data-aos="opacity-slide-right-mobile"] {
      transform: translate3d(0, 100%, 0); } }
  [data-aos="opacity-slide-right-mobile"].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

[data-aos="opacity-slide-up"] {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
  transition-property: transform, opacity; }
  [data-aos="opacity-slide-up"].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

[data-aos="open-image"] {
  clip-path: inset(0 100% 0 0);
  -webkit-clip-path: inset(0 100% 0 0);
  transition: clip-path 1s;
  -webkit-transition: -webkit-clip-path 1s; }

[data-aos="open-image"].aos-animate {
  clip-path: inset(0 0% 0 0);
  -webkit-clip-path: inset(0 0% 0 0); }

[data-aos="open-image-verticaly-from-bottom"] {
  clip-path: inset(100% 0 0 0);
  -webkit-clip-path: inset(100% 0 0 0);
  transition: clip-path 1s;
  -webkit-transition: -webkit-clip-path 1s; }

[data-aos="open-image-verticaly-from-bottom"].aos-animate {
  clip-path: inset(0% 0 0 0);
  -webkit-clip-path: inset(0% 0 0 0); }

@media (min-width: 992px) {
  .mobile_only {
    display: none; } }

@media (max-width: 991px) {
  .desktop_only {
    display: none; } }

::-webkit-input-placeholder, ::-webkit-input-placeholder {
  color: #8E8E8E;
  font-size: 1vw;
  font-family: 'Poppins', sans-serif;
  font-weight: normal;
  font-style: normal; }
  @media only screen and (max-width: 767px) {
    ::-webkit-input-placeholder, ::-webkit-input-placeholder {
      font-size: 3.5vw; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    ::-webkit-input-placeholder, ::-webkit-input-placeholder {
      font-size: 2.5vw; } }

::-moz-placeholder, ::-moz-placeholder {
  color: #8E8E8E;
  font-size: 1vw;
  font-family: 'Poppins', sans-serif;
  font-weight: normal;
  font-style: normal; }
  @media only screen and (max-width: 767px) {
    ::-moz-placeholder, ::-moz-placeholder {
      font-size: 3.5vw; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    ::-moz-placeholder, ::-moz-placeholder {
      font-size: 2.5vw; } }

::-ms-input-placeholder, :-ms-input-placeholder {
  color: #8E8E8E;
  font-size: 1vw;
  font-family: 'Poppins', sans-serif;
  font-weight: normal;
  font-style: normal; }
  @media only screen and (max-width: 767px) {
    ::-ms-input-placeholder, :-ms-input-placeholder {
      font-size: 3.5vw; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    ::-ms-input-placeholder, :-ms-input-placeholder {
      font-size: 2.5vw; } }

h2 {
  color: #fff;
  font-size: 70px; }
  @media only screen and (max-width: 767px) {
    h2 {
      font-size: 40px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    h2 {
      font-size: 40px; } }
  @media only screen and (min-width: 1025px) and (max-width: 1280px) {
    h2 {
      font-size: 4vw; } }

h5 {
  color: #fff;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px; }
  @media only screen and (max-width: 767px) {
    h5 {
      font-size: 22px;
      line-height: 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    h5 {
      font-size: 22px;
      line-height: 30px; } }
  @media only screen and (min-width: 1025px) and (max-width: 1280px) {
    h5 {
      font-size: 1.8vw;
      line-height: 2.2vw; } }

p {
  color: #fff;
  font-size: 16px;
  line-height: 24px; }

.data_content {
  float: left;
  position: relative;
  width: 100%; }
  .data_content_container {
    margin: 0 auto;
    width: 1364px;
    display: block; }
    @media (max-width: 991px) {
      .data_content_container {
        padding: 0 6vw; } }
    @media (max-width: 1370px) {
      .data_content_container {
        width: 100%; } }
    @media (min-width: 992px) and (max-width: 1370px) {
      .data_content_container {
        padding: 0 12vw; } }

.btn_transparent {
  font-size: 14px;
  color: #fff;
  border: 1px solid #8E8E8E;
  font-weight: bold;
  padding: 15px 30px;
  text-decoration: none;
  text-transform: uppercase; }
.btn_blue {
  font-size: 14px;
  color: #fff;
  border: 1px solid #8E8E8E;
  background: #8E8E8E;
  font-weight: bold;
  padding: 15px 30px;
  text-decoration: none;
  text-transform: uppercase; }
  @media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .btn_blue {
      font-size: .95vw;
      padding: 1vw 2vw; } }
.btn:hover, .btn:focus {
  text-decoration: none; }

.m_bg_gray {
  background: #8E8E8E; }

html.blocked, body.blocked {
  overflow: hidden !important; }

body {
  font-family: 'Poppins', sans-serif;
  font-weight: normal;
  font-style: normal;
  margin: 0;
  padding: 0;
  font-size: 16px;
  background: #000;
  overflow-x: hidden; }
  @media only screen and (max-width: 767px) {
    body {
      font-size: 16px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    body {
      font-size: 16px; } }
  body.main header {
    float: left;
    position: relative;
    width: 100vw;
    height: 100vh; }
    body.main header .frame {
      position: absolute;
      text-align: left;
      z-index: 0;
      top: 0;
      left: 0;
      width: 100%;
      max-width: none;
      height: 100vh; }
      body.main header .frame #gl {
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        position: absolute; }
    body.main header .content {
      width: 100%;
      margin-left: 0;
      height: auto;
      margin-top: 21vw; }
      @media (max-width: 991px) {
        body.main header .content {
          margin-top: 7vh;
          width: 100vw;
          margin-left: 0; } }
      @media (max-width: 767px) {
        body.main header .content {
          overflow: hidden;
          height: auto; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body.main header .content {
          overflow: hidden;
          height: auto; } }
      body.main header .content .we-are {
        color: transparent;
        -webkit-text-stroke-width: 0.4px;
        -webkit-text-stroke-color: #fff;
        font-family: "Montserrat";
        font-weight: 800;
        font-style: normal;
        /* font-size: 22rem; */
        font-size: 17vw;
        opacity: 0.7;
        letter-spacing: 1rem;
        margin-left: -70px;
        margin-top: 4%; }
        @media (max-width: 767px) {
          body.main header .content .we-are {
            width: 209vw;
            font-size: 51vw;
            line-height: 24vh;
            margin-left: -20px;
            margin-top: 4%;
            opacity: 0.4; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body.main header .content .we-are {
            width: 209vw;
            font-size: 51vw;
            line-height: 24vh;
            margin-left: -20px;
            margin-top: 4%;
            opacity: 0.4; } }
      body.main header .content .creative-agency {
        font-family: "Montserrat";
        font-weight: bold;
        font-style: normal;
        color: #fff;
        font-size: 4.7vw;
        margin-left: 13%;
        margin-top: -20.5%;
        z-index: 3;
        position: relative;
        line-height: 5vw; }
        @media (max-width: 767px) {
          body.main header .content .creative-agency {
            text-align: left;
            font-size: 14vw;
            line-height: 16vw;
            margin-left: 14vw;
            margin-top: -113%; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body.main header .content .creative-agency {
            text-align: left;
            font-size: 14vw;
            line-height: 16vw;
            margin-left: 14vw;
            margin-top: -113%; } }
      body.main header .content .transparent-btn {
        transition: all 0.3s ease-in-out;
        width: 203px;
        max-height: 46px;
        border: 1px solid #fff;
        color: #fff;
        font-family: "Montserrat";
        font-weight: 500;
        font-style: normal;
        font-size: 1rem;
        text-transform: uppercase;
        z-index: 4;
        float: left;
        position: relative;
        margin-left: 13%;
        text-align: center;
        margin-top: -1%;
        padding-top: 15px;
        padding-bottom: 15px;
        text-decoration: none; }
        @media (max-width: 768px) {
          body.main header .content .transparent-btn {
            display: block;
            padding: 11px;
            width: 70vw;
            margin: 0 auto;
            font-size: 4vw;
            position: absolute;
            /* left: 50%; */
            margin: auto 15vw;
            margin-top: 5vh; } }
        body.main header .content .transparent-btn:hover {
          text-decoration: none;
          background: #fff;
          color: #000; }
    body.main header .socials {
      position: absolute;
      right: 4%;
      bottom: 4%; }
      @media (max-width: 768px) {
        body.main header .socials {
          bottom: 0%;
          right: 4vw;
          width: 40%; } }
      body.main header .socials ul {
        list-style: none;
        padding: 0; }
        @media (max-width: 768px) {
          body.main header .socials ul {
            list-style: none;
            padding: 0; } }
        body.main header .socials ul li {
          margin-bottom: 30px; }
          @media (max-width: 768px) {
            body.main header .socials ul li {
              margin-bottom: 30px;
              display: inline-block;
              width: 30%;
              text-align: right; } }
          body.main header .socials ul li img {
            width: 30px; }
    body.main header .scroll-to-content {
      width: 15px;
      float: left;
      position: absolute;
      margin-left: 5%;
      bottom: 2%;
      left: 0;
      z-index: 3; }
      @media (max-width: 415px) {
        body.main header .scroll-to-content {
          display: none; } }
      @media (max-width: 768px) {
        body.main header .scroll-to-content {
          left: 50%;
          margin-left: -15px; } }
  body .modules {
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden; }
    body .modules .module {
      float: left;
      position: relative;
      width: 100%; }
      body .modules .module.m_header {
        margin-bottom: 4vw;
        overflow: hidden; }
        @media only screen and (max-width: 767px) {
          body .modules .module.m_header {
            overflow: visible;
            padding-bottom: 44vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .modules .module.m_header {
            overflow: visible;
            padding-bottom: 44vw; } }
        body .modules .module.m_header.open {
          /* .hero_img {
            height: auto;
            @include response(mobile) {
              height: 100vh;
            }
            @include response(tablet) {
              height: 100vh;
            }
            img {
              height: auto;
              @include response(mobile) {
                height: 100vh;
              }
              @include response(tablet) {
                height: 100vh;
              }
            }
          } */ }
          body .modules .module.m_header.open .hero_overlay {
            transform: scale(1);
            opacity: 1; }
        body .modules .module.m_header .go-back {
          position: absolute;
          z-index: 222;
          top: 2vw;
          left: 6vw; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_header .go-back {
              top: 5vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_header .go-back {
              top: 5vw; } }
          body .modules .module.m_header .go-back svg {
            float: left; }
          body .modules .module.m_header .go-back span {
            text-transform: uppercase;
            color: #fff;
            font-size: 14px;
            letter-spacing: .1em;
            margin-left: 1vw;
            transform: translateY(2px);
            float: left; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_header .go-back span {
                display: none; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_header .go-back span {
                display: none; } }
        body .modules .module.m_header .hero_img {
          width: 100%;
          height: 100vh;
          object-fit: cover;
          transition: all .6s; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_header .hero_img {
              width: auto;
              height: 100vh;
              transition: all 0s; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_header .hero_img {
              width: auto;
              height: 100vh;
              transition: all 0s; } }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_header .hero_img.activated {
              transition: all 2.5s; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_header .hero_img.activated {
              transition: all 2.5s; } }
          body .modules .module.m_header .hero_img img {
            width: 100%;
            height: 100vh;
            object-fit: cover; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_header .hero_img img {
                width: auto;
                height: 100vh; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_header .hero_img img {
                width: auto;
                height: 100vh; } }
        body .modules .module.m_header .hero_overlay {
          position: absolute;
          z-index: 2;
          left: 0;
          top: 0;
          width: 100%;
          height: 100vh;
          border-top: 84px solid #000;
          border-left: 6vw solid #000;
          border-right: 6vw solid #000;
          transform: scale(2);
          opacity: 0;
          transition: all .6s; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_header .hero_overlay {
              border-top: 16vw solid #000;
              border-left: 0;
              border-right: 0;
              height: 130vh; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_header .hero_overlay {
              border-top: 10vw solid #000;
              border-left: 0;
              border-right: 0;
              height: 130vh; } }
          body .modules .module.m_header .hero_overlay .top {
            position: absolute;
            top: -4.5vw;
            width: 100%; }
            body .modules .module.m_header .hero_overlay .top .header_logo {
              float: left; }
              body .modules .module.m_header .hero_overlay .top .header_logo img {
                width: 2.45vw; }
            body .modules .module.m_header .hero_overlay .top .close_overlay {
              float: right; }
              body .modules .module.m_header .hero_overlay .top .close_overlay img {
                width: 2.1vw; }
          body .modules .module.m_header .hero_overlay .data {
            position: absolute;
            left: 5vw;
            bottom: 0;
            /* @include response(desktop_1280) {
              top: 10vw;
            }
            @include response(desktop_1366) {
              top: 9vw;
            }
            @include response(desktop_1440) {
              top: 11vw;
            }
            @include response(desktop_1600) {
              top: 13vw;
            }
            @media (min-width: 1921px) and (max-width: 2050px) {
              top: 17vw;
            }
            @media (min-width: 2051px) and (max-width: 2560px) {
              top: 19vw;
            }
            @media (min-width: 2561px) {
              top: 21vw;
            } */ }
            @media (max-width: 375px) {
              body .modules .module.m_header .hero_overlay .data {
                top: calc(100vh - 40vw); } }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_header .hero_overlay .data {
                left: 7vw;
                top: calc(100vh - 43vw); } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_header .hero_overlay .data {
                left: 7vw;
                top: calc(100vh - 30vw); } }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_header .hero_overlay .data .points .point {
                float: left;
                position: relative; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_header .hero_overlay .data .points .point {
                float: left;
                position: relative; } }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_header .hero_overlay .data .points .main-info {
                float: left;
                position: relative;
                width: 80vw;
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-template-rows: 1fr;
                transform: translateY(16vw); } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_header .hero_overlay .data .points .main-info {
                float: left;
                position: relative;
                width: 66vw;
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-template-rows: 1fr;
                transform: translateY(6vw); } }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_header .hero_overlay .data .points .main-info.mobile-2-lines {
                transform: translateY(5vw); } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_header .hero_overlay .data .points .main-info.mobile-2-lines {
                transform: translateY(5vw); } }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_header .hero_overlay .data .points .services-info {
                float: left;
                position: relative;
                width: 80vw;
                transform: translateY(18vw); } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_header .hero_overlay .data .points .services-info {
                float: left;
                position: relative;
                width: 80vw;
                transform: translateY(8vw);
                margin-top: 2vw; } }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_header .hero_overlay .data .points .services-info.mobile-2-lines {
                transform: translateY(10vw); } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_header .hero_overlay .data .points .services-info.mobile-2-lines {
                transform: translateY(10vw); } }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_header .hero_overlay .data .points .services-info .services-data {
                float: left;
                position: relative;
                width: 80vw;
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: 1fr; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_header .hero_overlay .data .points .services-info .services-data {
                float: left;
                position: relative;
                width: 66vw;
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: 1fr; } }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_header .hero_overlay .data .points .services-info .services-data.g_2 {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-template-rows: 1fr; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_header .hero_overlay .data .points .services-info .services-data.g_2 {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-template-rows: 1fr; } }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_header .hero_overlay .data .points .services-info .services-data.g_3 {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: 1fr; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_header .hero_overlay .data .points .services-info .services-data.g_3 {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: 1fr; } }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_header .hero_overlay .data .points .services-info .services-data.g_4 {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: 1fr;
                width: 90vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_header .hero_overlay .data .points .services-info .services-data.g_4 {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: 1fr;
                width: 90vw; } }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_header .hero_overlay .data .points .services-info .services-data p {
                font-size: 3.5vw;
                margin-top: 0; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_header .hero_overlay .data .points .services-info .services-data p {
                font-size: 2.5vw;
                margin-top: 2vw; } }
            body .modules .module.m_header .hero_overlay .data h5 {
              position: relative;
              font-size: 1vw;
              font-weight: 700;
              margin-top: 0;
              margin-bottom: 0; }
              @media only screen and (max-width: 767px) {
                body .modules .module.m_header .hero_overlay .data h5 {
                  font-size: 5vw; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .modules .module.m_header .hero_overlay .data h5 {
                  font-size: 4vw; } }
              body .modules .module.m_header .hero_overlay .data h5::before {
                content: '';
                width: 3.5vw;
                height: 1px;
                background: rgba(255, 255, 255, 0.5);
                position: absolute;
                left: -5vw;
                top: 0.9vw; }
                @media only screen and (max-width: 767px) {
                  body .modules .module.m_header .hero_overlay .data h5::before {
                    width: 4.5vw;
                    left: -7vw;
                    top: 3.5vw; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .modules .module.m_header .hero_overlay .data h5::before {
                    width: 4.5vw;
                    left: -7vw;
                    top: 2vw; } }
                @media (min-width: 2051px) and (max-width: 2560px) {
                  body .modules .module.m_header .hero_overlay .data h5::before {
                    top: .7vw; } }
            body .modules .module.m_header .hero_overlay .data ul {
              list-style: none;
              padding: 0;
              margin-top: 0; }
              body .modules .module.m_header .hero_overlay .data ul li {
                margin-bottom: .4vw; }
                @media only screen and (max-width: 767px) {
                  body .modules .module.m_header .hero_overlay .data ul li {
                    margin-bottom: 1.5vw; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .modules .module.m_header .hero_overlay .data ul li {
                    margin-bottom: 1.5vw; } }
                body .modules .module.m_header .hero_overlay .data ul li p {
                  font-size: .85vw;
                  font-weight: 400;
                  margin-top: 0;
                  margin-bottom: 0; }
                  @media only screen and (max-width: 767px) {
                    body .modules .module.m_header .hero_overlay .data ul li p {
                      font-size: 3.5vw; } }
                  @media only screen and (min-width: 768px) and (max-width: 991px) {
                    body .modules .module.m_header .hero_overlay .data ul li p {
                      font-size: 2.5vw;
                      margin-top: 2vw; } }
                  body .modules .module.m_header .hero_overlay .data ul li p span {
                    font-weight: 300; }
            body .modules .module.m_header .hero_overlay .data h1 {
              color: #fff;
              font-size: 3vw;
              margin-top: 3vw; }
              @media only screen and (max-width: 767px) {
                body .modules .module.m_header .hero_overlay .data h1 {
                  font-size: 8vw;
                  max-width: 92%; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .modules .module.m_header .hero_overlay .data h1 {
                  font-size: 8vw;
                  max-width: 92%; } }
              @media (min-width: 1600px) and (max-width: 2021px) {
                body .modules .module.m_header .hero_overlay .data h1 {
                  margin-top: 4vw; } }
              @media (min-width: 2022px) {
                body .modules .module.m_header .hero_overlay .data h1 {
                  margin-top: 3vw; } }
      body .modules .module.m_header_new {
        margin-bottom: 4vw;
        overflow: hidden; }
        @media only screen and (max-width: 767px) {
          body .modules .module.m_header_new {
            overflow: visible;
            padding-bottom: 10vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .modules .module.m_header_new {
            overflow: visible;
            padding-bottom: 10vw; } }
        body .modules .module.m_header_new.open {
          /* .hero_img {
            height: auto;
            @include response(mobile) {
              height: 100vh;
            }
            @include response(tablet) {
              height: 100vh;
            }
            img {
              height: auto;
              @include response(mobile) {
                height: 100vh;
              }
              @include response(tablet) {
                height: 100vh;
              }
            }
          } */ }
          body .modules .module.m_header_new.open .hero_overlay {
            transform: scale(1);
            opacity: 1; }
        body .modules .module.m_header_new .go-back {
          position: fixed;
          z-index: 222;
          top: 1.45vw;
          left: 10vw; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_header_new .go-back {
              top: 5vw;
              left: 18vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_header_new .go-back {
              top: 3.8vw;
              left: 13vw; } }
          body .modules .module.m_header_new .go-back svg {
            float: left; }
          body .modules .module.m_header_new .go-back span {
            text-transform: uppercase;
            color: #fff;
            font-size: 14px;
            letter-spacing: .1em;
            margin-left: 1vw;
            transform: translateY(2px);
            float: left; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_header_new .go-back span {
                display: none; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_header_new .go-back span {
                display: none; } }
        body .modules .module.m_header_new #hero_video {
          width: 100%;
          height: 100vh;
          object-fit: cover;
          transition: all .6s; }
          @media (min-width: 320px) and (max-width: 320px) {
            body .modules .module.m_header_new #hero_video {
              height: 212vw; } }
          @media (min-width: 350px) and (max-width: 360px) {
            body .modules .module.m_header_new #hero_video {
              height: 190vw; } }
          @media (min-width: 350px) and (max-width: 360px) {
            body .modules .module.m_header_new #hero_video {
              height: 190vw; } }
          @media (min-width: 375px) and (max-height: 548px) {
            body .modules .module.m_header_new #hero_video {
              height: 183vw; } }
          @media (min-width: 380px) and (max-width: 390px) {
            body .modules .module.m_header_new #hero_video {
              height: 176vw; } }
          @media (min-width: 380px) and (max-width: 390px) {
            body .modules .module.m_header_new #hero_video {
              height: 176vw; } }
          @media (min-width: 391px) and (max-width: 450px) {
            body .modules .module.m_header_new #hero_video {
              height: 174vw; } }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_header_new #hero_video {
              width: auto;
              transition: all 0s; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_header_new #hero_video {
              width: auto;
              height: 100vh;
              transition: all 0s; } }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_header_new #hero_video.activated {
              transition: all 2.5s; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_header_new #hero_video.activated {
              transition: all 2.5s; } }
        body .modules .module.m_header_new .hero_img {
          width: 100%;
          height: 100vh;
          object-fit: cover;
          transition: all .6s; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_header_new .hero_img {
              width: auto;
              height: 100vh;
              transition: all 0s; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_header_new .hero_img {
              width: auto;
              height: 100vh;
              transition: all 0s; } }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_header_new .hero_img.activated {
              transition: all 2.5s; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_header_new .hero_img.activated {
              transition: all 2.5s; } }
          body .modules .module.m_header_new .hero_img img {
            width: 100%;
            height: 100vh;
            object-fit: cover; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_header_new .hero_img img {
                width: auto;
                height: 100vh; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_header_new .hero_img img {
                width: auto;
                height: 100vh; } }
        body .modules .module.m_header_new .mobile_fade_slider {
          max-height: 82vh; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_header_new .mobile_fade_slider div img {
              width: 100%; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_header_new .mobile_fade_slider div img {
              width: 100%; } }
        body .modules .module.m_header_new .mobile_case_info {
          margin-top: 30px; }
          body .modules .module.m_header_new .mobile_case_info h5 {
            float: left;
            margin-right: 5vw;
            color: #fff !important; }
            body .modules .module.m_header_new .mobile_case_info h5::before {
              display: none; }
            body .modules .module.m_header_new .mobile_case_info h5.light {
              font-weight: 400; }
        body .modules .module.m_header_new .hero_overlay {
          position: absolute;
          z-index: 2;
          left: 0;
          top: 0;
          width: 100%;
          height: 100vh;
          border-top: 84px solid #000;
          border-left: 6vw solid #000;
          border-right: 6vw solid #000;
          transform: scale(2);
          opacity: 0;
          transition: all .6s; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_header_new .hero_overlay {
              border-top: 0;
              border-left: 0;
              border-right: 0;
              height: 130vh; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_header_new .hero_overlay {
              border-top: 0;
              border-left: 0;
              border-right: 0;
              height: 130vh; } }
          body .modules .module.m_header_new .hero_overlay .top {
            position: absolute;
            top: -4.5vw;
            width: 100%; }
            body .modules .module.m_header_new .hero_overlay .top .header_logo {
              float: left; }
              body .modules .module.m_header_new .hero_overlay .top .header_logo img {
                width: 2.45vw; }
            body .modules .module.m_header_new .hero_overlay .top .close_overlay {
              float: right; }
              body .modules .module.m_header_new .hero_overlay .top .close_overlay img {
                width: 2.1vw; }
          body .modules .module.m_header_new .hero_overlay .data {
            position: absolute;
            left: 5vw;
            bottom: 0;
            /* @include response(desktop_1280) {
              top: 10vw;
            }
            @include response(desktop_1366) {
              top: 9vw;
            }
            @include response(desktop_1440) {
              top: 11vw;
            }
            @include response(desktop_1600) {
              top: 13vw;
            }
            @media (min-width: 1921px) and (max-width: 2050px) {
              top: 17vw;
            }
            @media (min-width: 2051px) and (max-width: 2560px) {
              top: 19vw;
            }
            @media (min-width: 2561px) {
              top: 21vw;
            } */ }
            @media (max-width: 375px) {
              body .modules .module.m_header_new .hero_overlay .data {
                top: calc(100vh - 40vw);
                width: 100%; } }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_header_new .hero_overlay .data {
                left: 7vw;
                top: calc(100vh - 41vw);
                width: 100%; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_header_new .hero_overlay .data {
                left: 7vw;
                top: calc(100vh - 30vw);
                width: 100%; } }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_header_new .hero_overlay .data .points .point {
                float: left;
                position: relative; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_header_new .hero_overlay .data .points .point {
                float: left;
                position: relative; } }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_header_new .hero_overlay .data .points .main-info {
                float: left;
                position: relative;
                width: 80vw;
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-template-rows: 1fr;
                transform: translateY(16vw); } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_header_new .hero_overlay .data .points .main-info {
                float: left;
                position: relative;
                width: 66vw;
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-template-rows: 1fr;
                transform: translateY(6vw); } }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_header_new .hero_overlay .data .points .main-info.mobile-2-lines {
                transform: translateY(5vw); } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_header_new .hero_overlay .data .points .main-info.mobile-2-lines {
                transform: translateY(5vw); } }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_header_new .hero_overlay .data .points .services-info {
                float: left;
                position: relative;
                width: 80vw;
                transform: translateY(18vw); } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_header_new .hero_overlay .data .points .services-info {
                float: left;
                position: relative;
                width: 80vw;
                transform: translateY(8vw);
                margin-top: 2vw; } }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_header_new .hero_overlay .data .points .services-info.mobile-2-lines {
                transform: translateY(10vw); } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_header_new .hero_overlay .data .points .services-info.mobile-2-lines {
                transform: translateY(10vw); } }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_header_new .hero_overlay .data .points .services-info .services-data {
                float: left;
                position: relative;
                width: 80vw;
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: 1fr; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_header_new .hero_overlay .data .points .services-info .services-data {
                float: left;
                position: relative;
                width: 66vw;
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: 1fr; } }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_header_new .hero_overlay .data .points .services-info .services-data.g_2 {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-template-rows: 1fr; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_header_new .hero_overlay .data .points .services-info .services-data.g_2 {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-template-rows: 1fr; } }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_header_new .hero_overlay .data .points .services-info .services-data.g_3 {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: 1fr; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_header_new .hero_overlay .data .points .services-info .services-data.g_3 {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: 1fr; } }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_header_new .hero_overlay .data .points .services-info .services-data.g_4 {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: 1fr;
                width: 90vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_header_new .hero_overlay .data .points .services-info .services-data.g_4 {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: 1fr;
                width: 90vw; } }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_header_new .hero_overlay .data .points .services-info .services-data p {
                font-size: 3.5vw;
                margin-top: 0; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_header_new .hero_overlay .data .points .services-info .services-data p {
                font-size: 2.5vw;
                margin-top: 2vw; } }
            body .modules .module.m_header_new .hero_overlay .data h5 {
              position: relative;
              font-size: 1vw;
              font-weight: 700;
              margin-top: 0;
              margin-bottom: 0; }
              @media only screen and (max-width: 767px) {
                body .modules .module.m_header_new .hero_overlay .data h5 {
                  font-size: 5vw; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .modules .module.m_header_new .hero_overlay .data h5 {
                  font-size: 4vw; } }
              body .modules .module.m_header_new .hero_overlay .data h5::before {
                content: '';
                width: 3.5vw;
                height: 1px;
                background: rgba(255, 255, 255, 0.5);
                position: absolute;
                left: -5vw;
                top: 0.9vw; }
                @media only screen and (max-width: 767px) {
                  body .modules .module.m_header_new .hero_overlay .data h5::before {
                    width: 4.5vw;
                    left: -7vw;
                    top: 3.5vw; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .modules .module.m_header_new .hero_overlay .data h5::before {
                    width: 4.5vw;
                    left: -7vw;
                    top: 2vw; } }
                @media (min-width: 2051px) and (max-width: 2560px) {
                  body .modules .module.m_header_new .hero_overlay .data h5::before {
                    top: .7vw; } }
            body .modules .module.m_header_new .hero_overlay .data ul {
              list-style: none;
              padding: 0;
              margin-top: 0; }
              body .modules .module.m_header_new .hero_overlay .data ul li {
                margin-bottom: .4vw; }
                @media only screen and (max-width: 767px) {
                  body .modules .module.m_header_new .hero_overlay .data ul li {
                    margin-bottom: 1.5vw; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .modules .module.m_header_new .hero_overlay .data ul li {
                    margin-bottom: 1.5vw; } }
                body .modules .module.m_header_new .hero_overlay .data ul li p {
                  font-size: .85vw;
                  font-weight: 400;
                  margin-top: 0;
                  margin-bottom: 0; }
                  @media only screen and (max-width: 767px) {
                    body .modules .module.m_header_new .hero_overlay .data ul li p {
                      font-size: 3.5vw; } }
                  @media only screen and (min-width: 768px) and (max-width: 991px) {
                    body .modules .module.m_header_new .hero_overlay .data ul li p {
                      font-size: 2.5vw;
                      margin-top: 2vw; } }
                  body .modules .module.m_header_new .hero_overlay .data ul li p span {
                    font-weight: 300; }
            body .modules .module.m_header_new .hero_overlay .data h1 {
              color: #fff;
              font-size: 3vw;
              margin-top: 3vw; }
              @media only screen and (max-width: 767px) {
                body .modules .module.m_header_new .hero_overlay .data h1 {
                  font-size: 8vw;
                  max-width: 86%; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .modules .module.m_header_new .hero_overlay .data h1 {
                  font-size: 8vw;
                  max-width: 86%; } }
              @media (min-width: 1600px) and (max-width: 2021px) {
                body .modules .module.m_header_new .hero_overlay .data h1 {
                  margin-top: 4vw; } }
              @media (min-width: 2022px) {
                body .modules .module.m_header_new .hero_overlay .data h1 {
                  margin-top: 3vw; } }
      body .modules .module.m_header_video .main {
        position: relative; }
        body .modules .module.m_header_video .main .overlay {
          z-index: 3;
          position: absolute;
          right: 0;
          bottom: 0;
          width: 100%;
          height: 100%; }
          body .modules .module.m_header_video .main .overlay .content {
            position: absolute;
            right: 7.5%;
            bottom: -1px; }
            body .modules .module.m_header_video .main .overlay .content h2 {
              text-align: right;
              text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
              font-size: 3vw;
              line-height: 76px; }
              @media only screen and (max-width: 767px) {
                body .modules .module.m_header_video .main .overlay .content h2 {
                  padding: 0 6vw;
                  text-align: left;
                  font-size: 8vw; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .modules .module.m_header_video .main .overlay .content h2 {
                  padding: 0 6vw;
                  text-align: left;
                  font-size: 8vw; } }
            body .modules .module.m_header_video .main .overlay .content picture {
              z-index: 3; }
              @media only screen and (max-width: 767px) {
                body .modules .module.m_header_video .main .overlay .content picture img {
                  width: 70%;
                  position: relative;
                  top: 12.5vw;
                  margin-left: 35vw; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .modules .module.m_header_video .main .overlay .content picture img {
                  width: 60%;
                  position: relative;
                  top: 14vw;
                  margin-left: 45vw; } }
            body .modules .module.m_header_video .main .overlay .content .background-block {
              z-index: -2;
              position: absolute;
              bottom: 0;
              right: -30%;
              width: 145%;
              height: 10vw; }
              @media only screen and (max-width: 767px) {
                body .modules .module.m_header_video .main .overlay .content .background-block {
                  width: 100%; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .modules .module.m_header_video .main .overlay .content .background-block {
                  width: 100%; } }
        body .modules .module.m_header_video .main video {
          width: 100%; }
          body .modules .module.m_header_video .main video source {
            width: 100%; }
      @media only screen and (max-width: 767px) {
        body .modules .module.m_1 {
          margin-bottom: 7vw; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        body .modules .module.m_1 {
          margin-bottom: 7vw; } }
      @media (min-width: 992px) {
        body .modules .module.m_1 {
          margin-top: 3vw; } }
      body .modules .module.m_1 .data {
        float: left;
        position: relative;
        width: 100%;
        padding: 0 6vw; }
        body .modules .module.m_1 .data .left {
          float: left;
          position: relative;
          width: 50%;
          padding-right: 10%;
          padding-left: 11%; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_1 .data .left {
              width: 100%;
              padding-right: 0;
              padding-left: 0; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_1 .data .left {
              width: 100%;
              padding-right: 0;
              padding-left: 0; } }
          body .modules .module.m_1 .data .left h2 {
            font-size: 5vw;
            line-height: 6vw;
            margin-bottom: 2vw;
            color: #fff; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_1 .data .left h2 {
                font-size: 14vw;
                line-height: 18vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_1 .data .left h2 {
                font-size: 14vw;
                line-height: 18vw; } }
            body .modules .module.m_1 .data .left h2 small {
              font-size: 100%;
              color: #ff31c1; }
          body .modules .module.m_1 .data .left p {
            font-weight: 300;
            font-size: 1.3vw;
            line-height: 1.9vw; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_1 .data .left p {
                font-weight: 300;
                font-size: 3.5vw;
                line-height: 6vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_1 .data .left p {
                font-weight: 300;
                font-size: 3.5vw;
                line-height: 6vw; } }
        body .modules .module.m_1 .data .right {
          float: left;
          position: relative;
          width: 50%;
          padding-left: 5%;
          padding-top: 5.5%; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_1 .data .right {
              width: 100%;
              padding-left: 0; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_1 .data .right {
              width: 100%;
              padding-left: 0; } }
          body .modules .module.m_1 .data .right .linked {
            text-transform: uppercase;
            color: transparent;
            -webkit-text-stroke-width: 0.4px;
            -webkit-text-stroke-color: #fff;
            font-weight: 700;
            font-style: normal;
            opacity: 0.53;
            margin-top: 7vw;
            line-height: 0vw;
            font-size: 9.5vw;
            letter-spacing: 9px;
            margin-left: -7vw;
            position: absolute;
            pointer-events: none;
            z-index: -1; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_1 .data .right .linked {
                margin-top: 17vw;
                font-size: 17.5vw;
                margin-left: -1vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_1 .data .right .linked {
                margin-top: 17vw;
                font-size: 17.5vw;
                margin-left: -1vw; } }
          body .modules .module.m_1 .data .right picture img {
            width: 31.5vw; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_1 .data .right picture img {
                width: 100%; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_1 .data .right picture img {
                width: 100%; } }
      body .modules .module.m_2 {
        margin-top: 8vw;
        margin-bottom: 8vw;
        padding: 0; }
        body .modules .module.m_2 .hero_img {
          width: 100%; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_2 .hero_img {
              width: 200vw;
              transition: none !important; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_2 .hero_img {
              width: 200vw;
              transition: none !important; } }
          body .modules .module.m_2 .hero_img img {
            width: 100%; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_2 .hero_img img {
                width: 200vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_2 .hero_img img {
                width: 200vw; } }
      body .modules .module.m_3 {
        margin-top: 5vw;
        margin-bottom: 9vw;
        padding: 0 6vw; }
        @media only screen and (max-width: 767px) {
          body .modules .module.m_3 {
            margin-top: 20vw;
            height: 115vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .modules .module.m_3 {
            margin-top: 20vw;
            height: 115vw; } }
        body .modules .module.m_3 .rotated {
          width: 130%;
          margin-left: -15%;
          transform: rotate(-3deg); }
          body .modules .module.m_3 .rotated h2 {
            color: transparent;
            -webkit-text-stroke-width: 0.4px;
            -webkit-text-stroke-color: #fff;
            font-weight: 700;
            font-style: normal;
            opacity: 0.7;
            margin-top: 2%;
            line-height: 0vw;
            width: 110%; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_3 .rotated h2 {
                display: none; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_3 .rotated h2 {
                display: none; } }
          body .modules .module.m_3 .rotated .slider {
            width: 100%;
            margin-top: -4vw; }
            body .modules .module.m_3 .rotated .slider .slick-dots {
              position: absolute;
              top: 35vw;
              display: block;
              width: 100%;
              padding: 0;
              margin: 0;
              list-style: none;
              text-align: center;
              right: -28vw; }
              @media only screen and (max-width: 767px) {
                body .modules .module.m_3 .rotated .slider .slick-dots {
                  display: none !important; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .modules .module.m_3 .rotated .slider .slick-dots {
                  display: none !important; } }
              body .modules .module.m_3 .rotated .slider .slick-dots li {
                position: relative;
                display: inline-block;
                width: 1vw;
                height: 1vw;
                margin: 0;
                padding: 0;
                cursor: pointer; }
                @media only screen and (max-width: 767px) {
                  body .modules .module.m_3 .rotated .slider .slick-dots li {
                    width: 6vw; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .modules .module.m_3 .rotated .slider .slick-dots li {
                    width: 6vw; } }
                body .modules .module.m_3 .rotated .slider .slick-dots li:first-child button {
                  border-left: 2px solid #545454; }
                body .modules .module.m_3 .rotated .slider .slick-dots li:last-child button {
                  border-right: 2px solid #545454; }
                body .modules .module.m_3 .rotated .slider .slick-dots li.slick-active button, body .modules .module.m_3 .rotated .slider .slick-dots li:not(.slick-active ~ *) button {
                  background: #545454; }
                body .modules .module.m_3 .rotated .slider .slick-dots li button {
                  font-size: 0;
                  line-height: 0;
                  display: block;
                  width: 2.05vw;
                  height: 0vw;
                  padding: 3px;
                  cursor: pointer;
                  outline: none;
                  border-top: 2px solid #545454;
                  border-bottom: 2px solid #545454;
                  border-left: none;
                  border-right: none;
                  background: transparent; }
                  @media only screen and (max-width: 767px) {
                    body .modules .module.m_3 .rotated .slider .slick-dots li button {
                      width: 6.1vw; } }
                  @media only screen and (min-width: 768px) and (max-width: 991px) {
                    body .modules .module.m_3 .rotated .slider .slick-dots li button {
                      width: 6.1vw; } }
            body .modules .module.m_3 .rotated .slider .box {
              margin-right: 1vw; }
              body .modules .module.m_3 .rotated .slider .box picture {
                width: 100%; }
                body .modules .module.m_3 .rotated .slider .box picture img {
                  width: 100%; }
      body .modules .module.m_4 {
        margin-top: -13vw;
        margin-bottom: 8vw;
        height: 42vw;
        padding: 0 10vw; }
        @media only screen and (max-width: 767px) {
          body .modules .module.m_4 {
            height: 170vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .modules .module.m_4 {
            height: 170vw; } }
        body .modules .module.m_4 .img_1 {
          position: absolute;
          left: 10vw;
          width: 18.75vw;
          top: 15vw; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_4 .img_1 {
              top: 113vw;
              left: 6vw;
              width: 40vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_4 .img_1 {
              top: 113vw;
              left: 6vw;
              width: 40vw; } }
          body .modules .module.m_4 .img_1 img {
            width: 18.75vw; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_4 .img_1 img {
                width: 40vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_4 .img_1 img {
                width: 40vw; } }
        body .modules .module.m_4 .img_2 {
          position: absolute;
          left: 31vw;
          width: 38.4vw;
          top: 11vw; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_4 .img_2 {
              left: 6vw;
              width: 88vw;
              top: 2vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_4 .img_2 {
              left: 6vw;
              width: 88vw;
              top: 2vw; } }
          body .modules .module.m_4 .img_2 img {
            width: 38.4vw; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_4 .img_2 img {
                width: 88vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_4 .img_2 img {
                width: 88vw; } }
        body .modules .module.m_4 .img_3 {
          position: absolute;
          right: 9.8vw;
          width: 18.75vw;
          top: 20vw; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_4 .img_3 {
              top: 110vw;
              left: auto;
              width: 42vw;
              right: 6vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_4 .img_3 {
              top: 110vw;
              left: auto;
              width: 42vw;
              right: 6vw; } }
          body .modules .module.m_4 .img_3 img {
            width: 18.75vw; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_4 .img_3 img {
                width: 42vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_4 .img_3 img {
                width: 42vw; } }
        body .modules .module.m_4 h2 {
          font-size: 3vw;
          margin-top: 38vw;
          position: relative;
          z-index: 2;
          margin-left: 7vw; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_4 h2 {
              font-size: 9vw;
              margin-left: 0vw;
              margin-top: 83vw;
              line-height: 12vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_4 h2 {
              font-size: 9vw;
              margin-left: 0vw;
              margin-top: 83vw;
              line-height: 12vw; } }
          body .modules .module.m_4 h2 small {
            font-size: 100%;
            color: #ff31c1; }
      body .modules .module.m_5 {
        margin-top: 4vw;
        margin-bottom: 8vw; }
        @media only screen and (max-width: 767px) {
          body .modules .module.m_5 {
            padding: 0 6vw;
            margin-bottom: 0; } }
        body .modules .module.m_5 .data {
          float: left;
          position: relative;
          width: 45%;
          margin-left: 20vw; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_5 .data {
              width: 100%;
              margin-left: 0;
              padding: 0 6vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_5 .data {
              width: 100%;
              margin-left: 0;
              padding: 0 6vw; } }
          body .modules .module.m_5 .data h2 {
            font-size: 5vw;
            line-height: 6.5vw;
            margin-bottom: 1vw; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_5 .data h2 {
                font-size: 14vw;
                margin-left: 0vw;
                margin-top: 3vw;
                line-height: 18vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_5 .data h2 {
                font-size: 14vw;
                margin-left: 0vw;
                margin-top: 3vw;
                line-height: 18vw; } }
            body .modules .module.m_5 .data h2 small {
              font-size: 100%;
              color: #ff31c1; }
          body .modules .module.m_5 .data p {
            font-weight: 300;
            font-size: 1.3vw;
            line-height: 1.9vw;
            margin-bottom: 5vw; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_5 .data p {
                font-weight: 300;
                font-size: 3.5vw;
                line-height: 6vw;
                margin-bottom: 10vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_5 .data p {
                font-weight: 300;
                font-size: 3.5vw;
                line-height: 6vw;
                margin-bottom: 8vw; } }
        body .modules .module.m_5 picture {
          width: 100%; }
          body .modules .module.m_5 picture img {
            width: 100%; }
      body .modules .module.m_6 {
        margin-top: 4vw;
        margin-bottom: 8vw;
        padding: 0 6vw; }
        @media only screen and (max-width: 767px) {
          body .modules .module.m_6 {
            margin-top: 11vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .modules .module.m_6 {
            margin-top: 11vw; } }
        body .modules .module.m_6 .data_row {
          float: left;
          position: relative;
          width: 100%;
          height: 29.35vw; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_6 .data_row {
              height: auto; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_6 .data_row {
              height: auto; } }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_6 .data_row[data-row="2"] {
              display: flex;
              flex-direction: column-reverse; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_6 .data_row[data-row="2"] {
              display: flex;
              flex-direction: column-reverse; } }
          body .modules .module.m_6 .data_row .place_image {
            float: left;
            position: relative;
            width: 50%; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_6 .data_row .place_image {
                width: 100%; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_6 .data_row .place_image {
                width: 100%; } }
            body .modules .module.m_6 .data_row .place_image picture {
              width: 100%; }
              body .modules .module.m_6 .data_row .place_image picture img {
                width: 100%; }
          body .modules .module.m_6 .data_row .data {
            float: left;
            position: relative;
            width: 50%; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_6 .data_row .data {
                width: 100%;
                padding: 7vw 0; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_6 .data_row .data {
                width: 100%;
                padding: 7vw 0; } }
            body .modules .module.m_6 .data_row .data h2 {
              font-size: 3vw;
              margin-bottom: 1.5vw; }
              @media only screen and (max-width: 767px) {
                body .modules .module.m_6 .data_row .data h2 {
                  font-size: 8vw;
                  margin-left: 0vw;
                  margin-top: 3vw;
                  line-height: 10vw; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .modules .module.m_6 .data_row .data h2 {
                  font-size: 8vw;
                  margin-left: 0vw;
                  margin-top: 3vw;
                  line-height: 11vw; } }
              @media only screen and (max-width: 767px) {
                body .modules .module.m_6 .data_row .data h2 .ctb-h2 {
                  font-size: 6vw !important; } }
            body .modules .module.m_6 .data_row .data p {
              font-size: 1vw;
              font-weight: 300;
              line-height: 1.5vw; }
              @media only screen and (max-width: 767px) {
                body .modules .module.m_6 .data_row .data p {
                  font-weight: 300;
                  font-size: 3.5vw;
                  line-height: 6vw; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .modules .module.m_6 .data_row .data p {
                  font-weight: 300;
                  font-size: 3.5vw;
                  line-height: 6vw; } }
              body .modules .module.m_6 .data_row .data p span {
                font-weight: 500; }
      body .modules .module.m_7 {
        margin-top: 11vw;
        margin-bottom: 8vw;
        padding: 0; }
        @media only screen and (max-width: 767px) {
          body .modules .module.m_7 {
            margin-top: 10vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .modules .module.m_7 {
            margin-top: 10vw; } }
        body .modules .module.m_7 picture {
          position: absolute; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_7 picture {
              position: relative; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_7 picture {
              position: relative; } }
          body .modules .module.m_7 picture img {
            width: 52.13vw; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_7 picture img {
                width: 100%; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_7 picture img {
                width: 100%; } }
        body .modules .module.m_7 .data {
          float: left;
          position: relative;
          width: 100%;
          padding: 12vw 6vw 0 50vw; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_7 .data {
              padding: 6vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_7 .data {
              padding: 6vw; } }
          body .modules .module.m_7 .data h2 {
            text-transform: uppercase;
            color: transparent;
            -webkit-text-stroke-width: 0.4px;
            -webkit-text-stroke-color: #fff;
            font-weight: 700;
            font-style: normal;
            opacity: 0.7;
            margin-top: -5%;
            line-height: 11vw;
            font-size: 11vw;
            letter-spacing: 4px;
            margin-left: 16vw;
            position: absolute;
            pointer-events: none; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_7 .data h2 {
                font-size: 20vw;
                margin-top: 1vw;
                margin-left: 43vw;
                line-height: 21vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_7 .data h2 {
                font-size: 20vw;
                margin-top: 1vw;
                margin-left: 43vw;
                line-height: 21vw; } }
          body .modules .module.m_7 .data .dt h3 {
            color: #fff;
            font-size: 5vw;
            line-height: 6.5vw;
            margin-bottom: 1vw; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_7 .data .dt h3 {
                font-size: 15vw;
                margin-left: 0vw;
                margin-top: 3vw;
                line-height: 17vw;
                margin-bottom: 9vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_7 .data .dt h3 {
                font-size: 15vw;
                margin-left: 0vw;
                margin-top: 3vw;
                line-height: 17vw;
                margin-bottom: 9vw; } }
            body .modules .module.m_7 .data .dt h3 small {
              font-size: 100%;
              color: #ff31c1; }
          body .modules .module.m_7 .data .dt p {
            font-size: 1.3vw;
            line-height: 1.9vw;
            font-weight: 300;
            width: 53%; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_7 .data .dt p {
                font-weight: 300;
                font-size: 3.5vw;
                line-height: 6vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_7 .data .dt p {
                font-weight: 300;
                font-size: 3.5vw;
                line-height: 6vw; } }
        body .modules .module.m_7 .box_place {
          float: left;
          position: relative;
          width: 50%;
          margin-top: -15vw; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_7 .box_place {
              width: 100%;
              margin-top: -6vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_7 .box_place {
              width: 100%;
              margin-top: -6vw; } }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_7 .box_place div {
              display: none; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_7 .box_place div {
              display: none; } }
          body .modules .module.m_7 .box_place picture {
            position: absolute;
            width: 100%;
            right: -3vw; }
            body .modules .module.m_7 .box_place picture:hover.hover {
              opacity: 1; }
            body .modules .module.m_7 .box_place picture.original {
              z-index: 1; }
            body .modules .module.m_7 .box_place picture.hover {
              z-index: 2;
              opacity: 0;
              transition: all .3s; }
            body .modules .module.m_7 .box_place picture img {
              width: 71%; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_7 .box_place img {
              width: 100%; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_7 .box_place img {
              width: 100%; } }
      body .modules .module.m_8 {
        margin-top: -2vw;
        margin-bottom: 0;
        padding: 0 14vw;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          body .modules .module.m_8 {
            margin-top: 0vw;
            padding: 0 6vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .modules .module.m_8 {
            margin-top: -6vw;
            padding: 0 6vw; } }
        body .modules .module.m_8 .data h2 {
          position: relative;
          font-size: 3vw; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_8 .data h2 {
              font-size: 8vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_8 .data h2 {
              font-size: 8vw; } }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_8 .data h2 br {
              display: none; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_8 .data h2 br {
              display: none; } }
          body .modules .module.m_8 .data h2 small {
            font-size: 100%;
            color: #ff31c1; }
          body .modules .module.m_8 .data h2::before {
            content: '';
            position: absolute;
            left: 50%;
            top: -12vw;
            width: 1px;
            height: 9vw;
            background: rgba(255, 255, 255, 0.33); }
        body .modules .module.m_8 .data p {
          font-size: 1vw;
          font-weight: 400; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_8 .data p {
              font-size: 4vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_8 .data p {
              font-size: 4vw; } }
      body .modules .module.m_9 {
        margin-top: 1vw;
        margin-bottom: 3vw;
        padding: 0 6vw;
        text-align: center; }
        body .modules .module.m_9 .data {
          float: left;
          position: relative;
          width: 70%;
          margin-left: 15%; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_9 .data {
              width: 100%;
              margin-left: 0; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_9 .data {
              width: 100%;
              margin-left: 0; } }
          body .modules .module.m_9 .data h2 {
            font-size: 5vw;
            line-height: 6.5vw;
            margin-bottom: 3vw; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_9 .data h2 {
                font-size: 15vw;
                margin-left: 0vw;
                margin-top: 3vw;
                line-height: 17vw;
                margin-bottom: 9vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_9 .data h2 {
                font-size: 15vw;
                margin-left: 0vw;
                margin-top: 3vw;
                line-height: 17vw;
                margin-bottom: 9vw; } }
            body .modules .module.m_9 .data h2 small {
              font-size: 100%;
              color: #ff31c1; }
          body .modules .module.m_9 .data .cols {
            float: left;
            position: relative;
            width: 100%;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-template-rows: 1fr;
            grid-column-gap: 4vw; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_9 .data .cols {
                display: grid;
                grid-template-columns: repeat(1, 1fr);
                grid-template-rows: 1fr; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_9 .data .cols {
                display: grid;
                grid-template-columns: repeat(1, 1fr);
                grid-template-rows: 1fr; } }
            body .modules .module.m_9 .data .cols .col h3 {
              font-size: 4vw;
              line-height: 6vw;
              color: #fff;
              margin-top: 0;
              margin-bottom: .5vw; }
              @media only screen and (max-width: 767px) {
                body .modules .module.m_9 .data .cols .col h3 {
                  font-size: 13vw;
                  margin-left: 0vw;
                  margin-top: 3vw;
                  line-height: 17vw;
                  margin-bottom: 3vw; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .modules .module.m_9 .data .cols .col h3 {
                  font-size: 13vw;
                  margin-left: 0vw;
                  margin-top: 3vw;
                  line-height: 17vw;
                  margin-bottom: 3vw; } }
              @media only screen and (min-width: 992px) {
                body .modules .module.m_9 .data .cols .col h3 {
                  height: 10.5vw; } }
              body .modules .module.m_9 .data .cols .col h3 sup {
                font-size: 3vw;
                font-weight: 400;
                color: #ff31c1;
                transform: translate(0.5vw, 0.6vw);
                display: inline-block; }
                @media only screen and (max-width: 767px) {
                  body .modules .module.m_9 .data .cols .col h3 sup {
                    font-size: 8vw;
                    transform: translate(1.5vw, 1vw); } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .modules .module.m_9 .data .cols .col h3 sup {
                    font-size: 8vw;
                    transform: translate(1.5vw, 1vw); } }
                @media only screen and (min-width: 992px) {
                  body .modules .module.m_9 .data .cols .col h3 sup {
                    height: 5vw; } }
            body .modules .module.m_9 .data .cols .col p {
              font-size: 1.3vw;
              line-height: 1.9vw;
              font-weight: 500;
              margin-top: 0; }
              @media only screen and (max-width: 767px) {
                body .modules .module.m_9 .data .cols .col p {
                  font-size: 5vw;
                  line-height: 6vw; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .modules .module.m_9 .data .cols .col p {
                  font-size: 5vw;
                  line-height: 6vw; } }
          body .modules .module.m_9 .data > p {
            float: left;
            position: relative;
            font-weight: 400;
            font-size: 1vw;
            line-height: 1.9vw;
            margin-bottom: 2.5vw;
            width: 70%;
            margin-left: 15%;
            margin-top: 3vw; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_9 .data > p {
                font-size: 4vw;
                line-height: 6vw;
                width: 100%;
                margin-left: 0;
                margin-top: 7vw;
                margin-bottom: 7vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_9 .data > p {
                font-size: 4vw;
                line-height: 6vw;
                width: 100%;
                margin-left: 0;
                margin-top: 7vw;
                margin-bottom: 7vw; } }
          body .modules .module.m_9 .data h4 {
            float: left;
            position: relative;
            color: #fff;
            font-size: 2vw;
            width: 100%;
            font-weight: 300;
            margin-top: 0; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_9 .data h4 {
                font-size: 7vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_9 .data h4 {
                font-size: 7vw; } }
            body .modules .module.m_9 .data h4 img {
              width: 3.41vw;
              margin-left: .7vw;
              margin-right: .7vw;
              transform: translateY(0.7vw); }
              @media only screen and (max-width: 767px) {
                body .modules .module.m_9 .data h4 img {
                  display: block;
                  text-align: center;
                  float: none;
                  width: 100%;
                  margin: 0 auto; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .modules .module.m_9 .data h4 img {
                  display: block;
                  text-align: center;
                  float: none;
                  width: 100%;
                  margin: 0 auto; } }
      body .modules .module.m_10 {
        margin-top: 2vw;
        margin-bottom: 6vw;
        padding: 0 6vw; }
        body .modules .module.m_10.sent .data {
          display: none; }
        body .modules .module.m_10.sent .sended_info {
          display: block; }
        body .modules .module.m_10.sent .box {
          transform: rotate(30deg); }
        body .modules .module.m_10 .top {
          float: left;
          position: relative;
          width: 100%;
          text-align: center; }
          body .modules .module.m_10 .top h2 {
            position: relative;
            font-size: 5vw;
            line-height: 6.5vw;
            z-index: 1; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_10 .top h2 {
                font-size: 8vw;
                margin-left: 0vw;
                margin-top: 3vw;
                line-height: 17vw;
                margin-bottom: 9vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_10 .top h2 {
                font-size: 8vw;
                margin-left: 0vw;
                margin-top: 3vw;
                line-height: 17vw;
                margin-bottom: 9vw; } }
            @media (min-width: 992px) {
              body .modules .module.m_10 .top h2 {
                text-transform: uppercase; } }
          body .modules .module.m_10 .top img {
            width: 14vw;
            position: absolute;
            top: 8.2vw;
            margin-left: .5vw; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_10 .top img {
                width: 47vw;
                top: 14vw;
                margin-left: -5.6vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_10 .top img {
                width: 47vw;
                top: 14vw;
                margin-left: -5.6vw; } }
        body .modules .module.m_10 .data {
          display: block;
          float: left;
          position: relative;
          width: 66%;
          margin-top: 4vw;
          margin-left: 17%; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_10 .data {
              width: 90%;
              margin-left: 5%; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_10 .data {
              width: 90%;
              margin-left: 5%; } }
          body .modules .module.m_10 .data .data_row {
            float: left;
            position: relative;
            width: 100%;
            margin-bottom: 1vw; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_10 .data .data_row {
                margin-left: 0 !important;
                margin-bottom: 5vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_10 .data .data_row {
                margin-left: 0 !important;
                margin-bottom: 5vw; } }
            body .modules .module.m_10 .data .data_row[data-row="1"] {
              margin-top: 2vw; }
              body .modules .module.m_10 .data .data_row[data-row="1"] input {
                width: 16vw; }
            body .modules .module.m_10 .data .data_row[data-row="2"] {
              margin-left: 5vw; }
              body .modules .module.m_10 .data .data_row[data-row="2"] input {
                width: 20vw; }
            body .modules .module.m_10 .data .data_row[data-row="3"] {
              margin-left: 10vw; }
              body .modules .module.m_10 .data .data_row[data-row="3"] textarea {
                width: 32vw;
                font-family: 'Poppins', sans-serif;
                font-weight: normal;
                font-style: normal; }
            body .modules .module.m_10 .data .data_row h4 {
              float: left;
              position: relative;
              color: #fff;
              font-size: 3vw;
              margin-top: 0;
              margin-bottom: 0;
              transition: all .8s; }
              @media only screen and (max-width: 767px) {
                body .modules .module.m_10 .data .data_row h4 {
                  font-size: 8vw; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .modules .module.m_10 .data .data_row h4 {
                  font-size: 8vw; } }
            body .modules .module.m_10 .data .data_row input, body .modules .module.m_10 .data .data_row textarea {
              float: left;
              position: relative;
              border-top: none;
              border-left: none;
              border-right: none;
              border-bottom: 1px solid #fff;
              color: #fff;
              background: transparent;
              height: 2vw;
              padding: 0 1vw;
              margin-left: 2vw;
              margin-right: 2vw;
              margin-top: 1vw;
              font-size: 1vw;
              transition: all .3s; }
              @media only screen and (max-width: 767px) {
                body .modules .module.m_10 .data .data_row input, body .modules .module.m_10 .data .data_row textarea {
                  width: 92% !important;
                  height: 8vw;
                  font-size: 4vw; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .modules .module.m_10 .data .data_row input, body .modules .module.m_10 .data .data_row textarea {
                  width: 92% !important;
                  height: 8vw;
                  font-size: 4vw; } }
              body .modules .module.m_10 .data .data_row input:focus, body .modules .module.m_10 .data .data_row textarea:focus {
                outline: none; }
            body .modules .module.m_10 .data .data_row .slide-submit {
              position: relative;
              float: right;
              margin-right: 5vw;
              width: 250px;
              height: 60px;
              line-height: 50px;
              background: transparent;
              padding: 4px;
              border: 1px solid #ff31c1; }
              @media only screen and (max-width: 767px) {
                body .modules .module.m_10 .data .data_row .slide-submit {
                  width: 100%;
                  margin-left: 0vw;
                  float: left;
                  margin-top: 5vw; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .modules .module.m_10 .data .data_row .slide-submit {
                  width: 100%;
                  margin-left: 0vw;
                  float: left;
                  margin-top: 5vw; } }
              body .modules .module.m_10 .data .data_row .slide-submit button {
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                z-index: 10;
                margin: 0px;
                width: 26%;
                background: #ff31c1;
                font-weight: bold;
                color: white;
                border: none;
                padding: 0;
                border-radius: 2px;
                transition: all 200ms linear;
                cursor: pointer; }
                body .modules .module.m_10 .data .data_row .slide-submit button.submitted {
                  width: 100%;
                  opacity: 1; }
                body .modules .module.m_10 .data .data_row .slide-submit button.submitted + label {
                  display: none; }
              body .modules .module.m_10 .data .data_row .slide-submit label {
                position: absolute;
                z-index: 8;
                top: 4px;
                right: 0px;
                width: 74%;
                font-size: 14px;
                text-align: center;
                color: #fff;
                font-weight: 400; }
        body .modules .module.m_10 .sended_info {
          float: left;
          position: relative;
          display: none;
          width: 80%;
          margin-top: 3vw;
          margin-left: 10%; }
          body .modules .module.m_10 .sended_info h3 {
            font-size: 3vw;
            color: #fff;
            text-align: center;
            margin-top: 1vw;
            margin-bottom: 2vw; }
          body .modules .module.m_10 .sended_info p {
            font-weight: 400;
            font-size: 1vw;
            line-height: 1.9vw;
            text-align: center; }
        body .modules .module.m_10 .box {
          position: absolute;
          top: 6vw;
          right: 29vw;
          z-index: -1;
          width: 29vw;
          transition: all .8s; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_10 .box {
              top: 29vw;
              right: 16vw;
              width: 47vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_10 .box {
              top: 29vw;
              right: 16vw;
              width: 47vw; } }
          body .modules .module.m_10 .box img {
            width: 51vw; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_10 .box img {
                width: 71vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_10 .box img {
                width: 71vw; } }
      body .modules .module.m_11 {
        padding: 0 16vw;
        text-align: center; }
        body .modules .module.m_11 .top {
          float: left;
          position: relative;
          width: 100%; }
          body .modules .module.m_11 .top h4 {
            color: #fff;
            font-weight: 600;
            font-size: 2.5vw;
            margin-bottom: 0; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_11 .top h4 {
                font-size: 10vw;
                line-height: 1.3; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_11 .top h4 {
                font-size: 10vw;
                line-height: 1.3; } }
        body .modules .module.m_11 .middle {
          float: left;
          position: relative;
          width: 100%; }
          body .modules .module.m_11 .middle h5 {
            font-weight: 400;
            font-size: 1.5vw;
            margin-top: 3vw;
            margin-bottom: 0; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_11 .middle h5 {
                font-size: 5vw;
                margin-top: 5vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_11 .middle h5 {
                font-size: 5vw;
                margin-top: 5vw; } }
            body .modules .module.m_11 .middle h5 small {
              font-size: 100%;
              color: #ff31c1; }
        body .modules .module.m_11 .bottom {
          float: left;
          position: relative;
          width: 100%; }
          body .modules .module.m_11 .bottom p {
            position: relative;
            font-size: 1.2vw;
            font-weight: 300;
            line-height: 1.5vw;
            margin-top: 3vw;
            /*
            &::before {
              content: '';
              position: absolute;
              left: 50%;
              top: -4vw;
              width: 1px;
              height: 3vw;
              background: $white-33;
              @include response(mobile) {
                top: -9vw;
                height: 6vw;
              }
              @include response(tablet) {
                top: -9vw;
                height: 6vw;
              }
            }*/ }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_11 .bottom p {
                font-style: italic;
                font-size: 4.5vw;
                line-height: 5vw;
                margin-top: 7vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_11 .bottom p {
                font-style: italic;
                font-size: 4.5vw;
                line-height: 5vw;
                margin-top: 7vw; } }
      body .modules .module.m_12 {
        margin-top: 6vw;
        padding: 0 6vw; }
        body .modules .module.m_12 .top {
          float: left;
          position: relative;
          width: 100%;
          text-align: center; }
          body .modules .module.m_12 .top h2 {
            font-size: 3vw; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_12 .top h2 {
                font-size: 8vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_12 .top h2 {
                font-size: 8vw; } }
            body .modules .module.m_12 .top h2 small {
              font-size: 100%;
              color: #ff31c1; }
        body .modules .module.m_12 .img_grid {
          float: left;
          position: relative;
          width: 100%;
          margin-top: 2.5vw; }
          body .modules .module.m_12 .img_grid .top {
            float: left;
            position: relative;
            width: 100%;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-template-rows: 1fr;
            grid-column-gap: .5vw;
            margin-bottom: 1.5vw; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_12 .img_grid .top {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: 1fr; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_12 .img_grid .top {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: 1fr; } }
            body .modules .module.m_12 .img_grid .top .item img {
              width: 100%; }
          body .modules .module.m_12 .img_grid .bottom {
            float: left;
            position: relative;
            width: 80%;
            margin-left: 10%;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-template-rows: 1fr;
            grid-column-gap: .5vw; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_12 .img_grid .bottom {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: 1fr;
                width: 100%;
                margin-left: 0; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_12 .img_grid .bottom {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: 1fr;
                width: 100%;
                margin-left: 0; } }
            body .modules .module.m_12 .img_grid .bottom .item img {
              width: 100%; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_12 .img_grid .lst {
              float: left;
              position: relative;
              width: 100%;
              margin-top: 2vw;
              margin-left: 0;
              display: grid;
              grid-template-columns: repeat(3, 1fr);
              grid-template-rows: 1fr; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_12 .img_grid .lst {
              width: 100%;
              margin-top: 2vw;
              margin-left: 0;
              display: grid;
              grid-template-columns: repeat(3, 1fr);
              grid-template-rows: 1fr; } }
          body .modules .module.m_12 .img_grid .lst .item img {
            width: 100%; }
      body .modules .module.m_13 {
        margin: 10vw 0 1vw;
        padding: 0 6vw; }
        @media only screen and (max-width: 767px) {
          body .modules .module.m_13 {
            margin: 15vw 0 7vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .modules .module.m_13 {
            margin: 15vw 0 7vw; } }
        body .modules .module.m_13 img {
          width: 42%;
          margin-left: 29%; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_13 img {
              width: 100%;
              margin-left: 0; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_13 img {
              width: 100%;
              margin-left: 0; } }
      body .modules .module.m_14 {
        margin: 13vw 0 0;
        padding: 0 6vw; }
        @media only screen and (max-width: 767px) {
          body .modules .module.m_14 {
            overflow-x: hidden; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .modules .module.m_14 {
            overflow-x: hidden; } }
        body .modules .module.m_14 .data {
          float: left;
          position: relative;
          width: 70%;
          margin-left: 15%;
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          grid-template-rows: 1fr;
          grid-column-gap: 7vw; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_14 .data {
              width: 150%;
              padding-top: 9vw;
              grid-column-gap: 11vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_14 .data {
              width: 150%;
              padding-top: 9vw;
              grid-column-gap: 11vw; } }
          body .modules .module.m_14 .data .item[data-item="1"] h2 {
            opacity: .33; }
          body .modules .module.m_14 .data .item[data-item="2"] h2 {
            opacity: .66; }
          body .modules .module.m_14 .data .item[data-item="3"] h2 {
            opacity: 1;
            margin-left: 1.5vw; }
          body .modules .module.m_14 .data .item h2 {
            color: transparent;
            -webkit-text-stroke-width: 0.4px;
            -webkit-text-stroke-color: #fff;
            font-weight: 700;
            font-style: normal;
            margin-top: -3%;
            line-height: 0vw;
            font-size: 8vw;
            letter-spacing: 4px;
            margin-left: 0.5vw;
            position: absolute;
            pointer-events: none;
            z-index: -1; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_14 .data .item h2 {
                font-size: 20vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_14 .data .item h2 {
                font-size: 20vw; } }
          body .modules .module.m_14 .data .item .item_img {
            width: 100%; }
          body .modules .module.m_14 .data .item .bottom {
            float: left;
            position: relative;
            width: 70%;
            margin-top: 2vw;
            margin-left: 15%; }
            body .modules .module.m_14 .data .item .bottom .text_before {
              float: left;
              position: relative;
              width: 3vw; }
              @media only screen and (max-width: 767px) {
                body .modules .module.m_14 .data .item .bottom .text_before {
                  width: 13vw; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .modules .module.m_14 .data .item .bottom .text_before {
                  width: 13vw; } }
            body .modules .module.m_14 .data .item .bottom p {
              float: left;
              position: relative;
              margin-left: 1vw;
              font-size: 1.1vw;
              line-height: 1.4vw;
              margin-top: 0.2vw;
              font-weight: 100; }
              @media only screen and (max-width: 767px) {
                body .modules .module.m_14 .data .item .bottom p {
                  margin-left: 3vw;
                  font-size: 4.5vw;
                  line-height: 5.5vw;
                  margin-top: 1vw; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .modules .module.m_14 .data .item .bottom p {
                  margin-left: 3vw;
                  font-size: 4.5vw;
                  line-height: 5.5vw;
                  margin-top: 1vw; } }
              body .modules .module.m_14 .data .item .bottom p strong {
                font-weight: 700; }
      body .modules .module.m_15 {
        margin: 6vw 0 0;
        padding: 0 6vw; }
        body .modules .module.m_15 .data {
          float: left;
          position: relative;
          width: 80%;
          margin-left: 10%;
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          grid-template-rows: 1fr;
          grid-column-gap: 2vw; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_15 .data {
              width: 100%;
              margin-left: 0;
              display: grid;
              grid-template-columns: repeat(1, 1fr);
              grid-template-rows: 1fr; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_15 .data {
              width: 100%;
              margin-left: 0;
              display: grid;
              grid-template-columns: repeat(1, 1fr);
              grid-template-rows: 1fr; } }
          body .modules .module.m_15 .data .left div {
            float: left;
            position: relative; }
            body .modules .module.m_15 .data .left div:hover img.hover_img {
              opacity: 1; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_15 .data .left div:nth-child(2) img {
                margin-left: 10%; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_15 .data .left div:nth-child(2) img {
                margin-left: 10%; } }
            body .modules .module.m_15 .data .left div img {
              width: 100%;
              margin-bottom: 2vw; }
              @media only screen and (max-width: 767px) {
                body .modules .module.m_15 .data .left div img {
                  width: 90%;
                  margin-bottom: 6vw; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .modules .module.m_15 .data .left div img {
                  width: 90%;
                  margin-bottom: 6vw; } }
              body .modules .module.m_15 .data .left div img.hover_img {
                position: absolute !important;
                left: 0;
                top: 0;
                opacity: 0;
                transition: all .4s; }
          body .modules .module.m_15 .data .right {
            margin-top: 6vw; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_15 .data .right {
                margin-top: 0; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_15 .data .right {
                margin-top: 0; } }
            body .modules .module.m_15 .data .right div {
              float: left;
              position: relative; }
              body .modules .module.m_15 .data .right div:hover img.hover_img {
                opacity: 1; }
              @media only screen and (max-width: 767px) {
                body .modules .module.m_15 .data .right div:nth-child(2) img {
                  margin-left: 10%; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .modules .module.m_15 .data .right div:nth-child(2) img {
                  margin-left: 10%; } }
              body .modules .module.m_15 .data .right div img {
                width: 100%;
                margin-bottom: 2vw; }
                @media only screen and (max-width: 767px) {
                  body .modules .module.m_15 .data .right div img {
                    width: 90%;
                    margin-bottom: 6vw; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .modules .module.m_15 .data .right div img {
                    width: 90%;
                    margin-bottom: 6vw; } }
                body .modules .module.m_15 .data .right div img.hover_img {
                  position: absolute !important;
                  left: 0;
                  top: 0;
                  opacity: 0;
                  transition: all .4s; }
      body .modules .module.m_16 {
        margin-top: 8vw;
        margin-bottom: 8vw;
        padding: 0; }
        @media only screen and (max-width: 767px) {
          body .modules .module.m_16 {
            height: 100vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .modules .module.m_16 {
            height: 100vw; } }
        body .modules .module.m_16 #progressCircle {
          width: 3vw;
          height: 3vw;
          position: absolute;
          z-index: 2;
          right: 6vw;
          top: 3vw; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_16 #progressCircle {
              width: 8vw;
              height: 8vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_16 #progressCircle {
              width: 8vw;
              height: 8vw; } }
        body .modules .module.m_16 .slide_counter {
          position: absolute;
          right: 6.5vw;
          top: 6.7vw;
          color: #fff;
          z-index: 2; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_16 .slide_counter {
              right: 7vw;
              top: 12vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_16 .slide_counter {
              right: 7vw;
              top: 12vw; } }
          body .modules .module.m_16 .slide_counter span {
            font-size: 1.1vw; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_16 .slide_counter span {
                font-size: 3vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_16 .slide_counter span {
                font-size: 3vw; } }
            body .modules .module.m_16 .slide_counter span.item_number {
              font-weight: 700; }
            body .modules .module.m_16 .slide_counter span.item_slash {
              font-weight: 300; }
            body .modules .module.m_16 .slide_counter span.item_count {
              font-weight: 300; }
        body .modules .module.m_16 .fade_slider {
          float: left;
          position: relative;
          width: 100%; }
          body .modules .module.m_16 .fade_slider img {
            width: 100%; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_16 .fade_slider img {
                height: 100vw;
                object-fit: cover; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_16 .fade_slider img {
                height: 100vw;
                object-fit: cover; } }
      body .modules .module.m_17 {
        margin-top: 8vw;
        margin-bottom: 15vw;
        padding: 0 20vw;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          body .modules .module.m_17 {
            padding: 0 6vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .modules .module.m_17 {
            padding: 0 6vw; } }
        body .modules .module.m_17 h2 {
          font-size: 3vw; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_17 h2 {
              font-size: 8vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_17 h2 {
              font-size: 8vw; } }
          body .modules .module.m_17 h2 small {
            font-size: 100%;
            color: #ff31c1; }
        body .modules .module.m_17 .words {
          float: left;
          position: relative;
          width: 100%;
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          grid-template-rows: 1fr;
          grid-column-gap: 2vw; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_17 .words {
              display: grid;
              grid-template-columns: repeat(3, 1fr);
              grid-template-rows: 1fr;
              grid-column-gap: 4vw;
              grid-row-gap: 4vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_17 .words {
              display: grid;
              grid-template-columns: repeat(3, 1fr);
              grid-template-rows: 1fr;
              grid-column-gap: 4vw;
              grid-row-gap: 4vw; } }
          body .modules .module.m_17 .words .item p {
            font-size: 1.1vw; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_17 .words .item p {
                font-size: 5vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_17 .words .item p {
                font-size: 5vw; } }
        body .modules .module.m_17 .bottom_overlay {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 60%;
          background: black;
          background: linear-gradient(0deg, black 0%, transparent 100%); }
      body .modules .module.m_18 {
        margin-top: 14vw;
        margin-bottom: 5vw;
        padding: 0 15vw; }
        @media only screen and (max-width: 767px) {
          body .modules .module.m_18 {
            padding: 0 6vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .modules .module.m_18 {
            padding: 0 6vw; } }
        body .modules .module.m_18 h2 {
          text-transform: uppercase;
          color: transparent;
          -webkit-text-stroke-width: 0.4px;
          -webkit-text-stroke-color: #fff;
          font-weight: 700;
          font-style: normal;
          opacity: 0.7;
          margin-top: 7%;
          line-height: 0vw;
          font-size: 24.5vw;
          letter-spacing: 5px;
          margin-left: -23.5vw;
          position: absolute;
          pointer-events: none; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_18 h2 {
              margin-left: -12.5vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_18 h2 {
              margin-left: -12.5vw; } }
        body .modules .module.m_18 .data {
          float: left;
          position: relative;
          width: 100%; }
          body .modules .module.m_18 .data .left {
            float: left;
            position: relative;
            width: 50%;
            padding-right: 10%;
            text-align: left; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_18 .data .left {
                width: 100%;
                padding-right: 0; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_18 .data .left {
                width: 100%;
                padding-right: 0; } }
            body .modules .module.m_18 .data .left h3 {
              color: #fff;
              font-size: 5vw;
              line-height: 6.5vw;
              margin-top: 0;
              margin-bottom: 1vw; }
              @media only screen and (max-width: 767px) {
                body .modules .module.m_18 .data .left h3 {
                  font-size: 9vw;
                  line-height: 12vw;
                  margin-top: 8vw;
                  text-align: center; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .modules .module.m_18 .data .left h3 {
                  font-size: 9vw;
                  line-height: 12vw;
                  margin-top: 8vw;
                  text-align: center; } }
              body .modules .module.m_18 .data .left h3 small {
                font-size: 100%;
                color: #ff31c1; }
            body .modules .module.m_18 .data .left p {
              font-weight: 300;
              font-size: 1.3vw;
              line-height: 1.9vw;
              margin-bottom: 5vw; }
              @media only screen and (max-width: 767px) {
                body .modules .module.m_18 .data .left p {
                  font-size: 4vw;
                  line-height: 5.5vw;
                  text-align: center; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .modules .module.m_18 .data .left p {
                  font-size: 4vw;
                  line-height: 5.5vw;
                  text-align: center; } }
            body .modules .module.m_18 .data .left a {
              color: #fff;
              text-decoration: none;
              font-weight: 400;
              font-size: 1vw;
              border: 2px solid #ff31c1;
              padding: 0.7vw 3vw;
              transition: all .3s; }
              @media only screen and (min-width: 992px) {
                body .modules .module.m_18 .data .left a {
                  display: inline-block !important; } }
              body .modules .module.m_18 .data .left a:hover {
                background: #ff31c1;
                text-decoration: none; }
              body .modules .module.m_18 .data .left a:focus {
                color: #fff;
                text-decoration: none; }
          body .modules .module.m_18 .data .right {
            float: left;
            position: relative;
            width: 50%; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_18 .data .right {
                width: 70%;
                margin-left: 15%; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_18 .data .right {
                width: 70%;
                margin-left: 15%; } }
            body .modules .module.m_18 .data .right img {
              width: 100%; }
              @media only screen and (max-width: 767px) {
                body .modules .module.m_18 .data .right img {
                  margin-top: 6vw;
                  width: 100%; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .modules .module.m_18 .data .right img {
                  margin-top: 6vw;
                  width: 100%; } }
            body .modules .module.m_18 .data .right a {
              color: #fff;
              text-decoration: none;
              font-weight: 400;
              font-size: 1vw;
              border: 2px solid #ff31c1;
              padding: 0.7vw 3vw;
              transition: all .3s; }
              @media only screen and (max-width: 767px) {
                body .modules .module.m_18 .data .right a {
                  margin-top: 9vw;
                  text-align: center;
                  font-size: 3.5vw;
                  padding: 3vw; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .modules .module.m_18 .data .right a {
                  margin-top: 9vw;
                  text-align: center;
                  font-size: 3.5vw;
                  padding: 3vw; } }
              body .modules .module.m_18 .data .right a:hover {
                background: #ff31c1;
                text-decoration: none; }
              body .modules .module.m_18 .data .right a:focus {
                color: #fff;
                text-decoration: none; }
      body .modules .module.m_19 {
        margin-top: 4vw;
        margin-bottom: 5vw;
        padding: 0 6vw; }
        body .modules .module.m_19 .grid_images {
          float: left;
          position: relative;
          width: 100%; }
          body .modules .module.m_19 .grid_images .item img {
            width: 100%; }
      body .modules .module.m_20 {
        margin-top: 8vw;
        margin-bottom: 8vw;
        padding: 0 6vw; }
        @media only screen and (max-width: 767px) {
          body .modules .module.m_20 {
            padding: 0; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .modules .module.m_20 {
            padding: 0; } }
        body .modules .module.m_20 .hero_img {
          width: 100%; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_20 .hero_img {
              width: 200vw;
              transition: none !important; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_20 .hero_img {
              width: 200vw;
              transition: none !important; } }
      body .modules .module.m_21 {
        margin: 6vw 0 1vw;
        padding: 0 6vw; }
      body .modules .module.m_22 {
        margin: 0;
        padding: 0; }
        body .modules .module.m_22 iframe {
          float: left;
          position: relative;
          width: 100vw;
          height: 100vh;
          border: none; }
      body .modules .module.m_23 {
        margin-top: 8vw;
        margin-bottom: 8vw;
        padding: 0 6vw; }
        body .modules .module.m_23 .data {
          float: left;
          position: relative;
          width: 100%; }
          body .modules .module.m_23 .data .left, body .modules .module.m_23 .data .right {
            float: left;
            position: relative;
            width: 50%; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_23 .data .left, body .modules .module.m_23 .data .right {
                width: 100%; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_23 .data .left, body .modules .module.m_23 .data .right {
                width: 100%; } }
            body .modules .module.m_23 .data .left .img, body .modules .module.m_23 .data .right .img {
              width: 100%; }
          body .modules .module.m_23 .data .left {
            padding-right: 1vw; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_23 .data .left {
                padding-right: 0;
                padding-bottom: 2vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_23 .data .left {
                padding-right: 0;
                padding-bottom: 2vw; } }
          body .modules .module.m_23 .data .right {
            padding-left: 1vw; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_23 .data .right {
                padding-left: 0;
                padding-bottom: 2vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_23 .data .right {
                padding-left: 0;
                padding-bottom: 2vw; } }
        body .modules .module.m_23 .hero_img {
          width: 100%; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_23 .hero_img {
              width: 200vw;
              transition: none !important; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_23 .hero_img {
              width: 200vw;
              transition: none !important; } }
      body .modules .module.m_24 {
        z-index: -1; }
        body .modules .module.m_24 .data {
          text-align: center;
          margin-top: 7.5vw; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_24 .data {
              margin-top: 45vw;
              padding: 0 6vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_24 .data {
              margin-top: 45vw;
              padding: 0 6vw; } }
          body .modules .module.m_24 .data h3 {
            font-size: 3vw; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_24 .data h3 {
                font-size: 10vw;
                line-height: 70px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_24 .data h3 {
                font-size: 10vw;
                line-height: 70px; } }
          body .modules .module.m_24 .data h4 {
            font-size: 2vw;
            font-weight: 400; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_24 .data h4 {
                font-size: 6.5vw;
                line-height: 40px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_24 .data h4 {
                font-size: 6.5vw;
                line-height: 40px; } }
          body .modules .module.m_24 .data p {
            font-size: 1vw;
            font-style: italic; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_24 .data p {
                font-size: 6.5vw;
                line-height: 40px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_24 .data p {
                font-size: 6.5vw;
                line-height: 40px; } }
      body .modules .module.m_25 .data {
        margin-top: 2.5vw;
        margin-bottom: 2.5vw;
        padding: 0; }
        body .modules .module.m_25 .data .middle {
          width: 100%;
          padding: 2.5% 6vw;
          position: relative; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_25 .data .middle {
              padding: 5% 0; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_25 .data .middle {
              padding: 5% 0; } }
          body .modules .module.m_25 .data .middle .mute-btn {
            position: absolute;
            right: 8vw;
            top: 4vw;
            display: flex;
            z-index: 3;
            align-items: center;
            justify-content: center;
            height: 4vw;
            width: 4vw;
            border-radius: 50%;
            cursor: pointer;
            transition: .3s all; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_25 .data .middle .mute-btn {
                font-size: 4vw;
                height: 15vw;
                width: 15vw;
                top: 8vw;
                right: 5vw; }
                body .modules .module.m_25 .data .middle .mute-btn img {
                  width: 50%; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_25 .data .middle .mute-btn {
                font-size: 4vw;
                height: 15vw;
                width: 15vw;
                top: 8vw;
                right: 5vw; }
                body .modules .module.m_25 .data .middle .mute-btn img {
                  width: 50%; } }
          body .modules .module.m_25 .data .middle video {
            width: 100%; }
            body .modules .module.m_25 .data .middle video source {
              width: 100%; }
      body .modules .module.m_25 .bottom p {
        font-size: 1.2vw;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          body .modules .module.m_25 .bottom p {
            font-size: 4vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .modules .module.m_25 .bottom p {
            font-size: 4vw; } }
      body .modules .module.m_25:first-of-type .data {
        margin-top: 8vw !important; }
      body .modules .module.m_26 .data {
        text-align: center; }
        @media only screen and (max-width: 767px) {
          body .modules .module.m_26 .data {
            padding: 0 6vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .modules .module.m_26 .data {
            padding: 0 6vw; } }
        @media (min-width: 992px) {
          body .modules .module.m_26 .data .mobile_only {
            display: none; } }
        @media (max-width: 991px) {
          body .modules .module.m_26 .data .desktop_only {
            display: none; } }
        body .modules .module.m_26 .data .linked {
          text-transform: uppercase;
          color: transparent;
          -webkit-text-stroke-width: 0.4px;
          -webkit-text-stroke-color: #fff;
          font-weight: 700;
          font-style: normal;
          opacity: 0.53;
          margin-top: 3vw;
          line-height: 0vw;
          font-size: 9.5vw;
          letter-spacing: 9px;
          right: 0;
          left: 0;
          position: absolute;
          pointer-events: none;
          z-index: -1; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_26 .data .linked {
              font-size: 17.5vw;
              margin-left: -1vw;
              line-height: 60px;
              margin-top: 0;
              margin-bottom: 0; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_26 .data .linked {
              font-size: 17.5vw;
              line-height: 60px;
              margin-left: -1vw;
              padding-top: 9vw;
              margin-top: 0;
              margin-bottom: 0; } }
        body .modules .module.m_26 .data h1 {
          margin-top: 5vw;
          font-size: 5vw; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_26 .data h1 {
              padding-top: 3vw;
              font-size: 10vw;
              line-height: 12vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_26 .data h1 {
              font-size: 10vw;
              padding-top: 3vw;
              line-height: 12vw; } }
          @media (min-width: 992px) {
            body .modules .module.m_26 .data h1 {
              margin-bottom: 0; } }
        body .modules .module.m_26 .data p {
          font-size: .9vw;
          font-weight: 600; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_26 .data p {
              font-size: 4vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_26 .data p {
              font-size: 4vw; } }
      body .modules .module.m_27 .data {
        padding: 10vw 6vw; }
        body .modules .module.m_27 .data .images .row img {
          width: 100%; }
          @media (min-width: 992px) {
            body .modules .module.m_27 .data .images .row img {
              padding: 2vw; }
              body .modules .module.m_27 .data .images .row img:nth-of-type(1) {
                grid-column: 1 / 2; }
              body .modules .module.m_27 .data .images .row img:nth-of-type(2) {
                grid-column: 2 / 3; }
              body .modules .module.m_27 .data .images .row img:nth-of-type(3) {
                grid-column: 3 / 4; } }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_27 .data .images .row img {
              padding: 5vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_27 .data .images .row img {
              padding: 5vw; } }
        @media (min-width: 992px) {
          body .modules .module.m_27 .data .images .row:nth-of-type(2) {
            margin-top: 8vw; } }
        body .modules .module.m_27 .data .images .linked {
          text-transform: uppercase;
          color: transparent;
          -webkit-text-stroke-width: 0.4px;
          -webkit-text-stroke-color: #fff;
          font-weight: 700;
          font-style: normal;
          opacity: 0.53;
          margin-top: 3vw;
          line-height: 0vw;
          font-size: 9.5vw;
          letter-spacing: 9px;
          text-align: center;
          right: 0;
          left: 0;
          position: absolute;
          pointer-events: none;
          z-index: -1; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_27 .data .images .linked {
              font-size: 17.5vw;
              margin-left: -1vw;
              line-height: 60px;
              margin-top: 0;
              margin-bottom: 0; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_27 .data .images .linked {
              font-size: 17.5vw;
              line-height: 60px;
              margin-left: -1vw;
              padding-top: 9vw;
              margin-top: 0;
              margin-bottom: 0; } }
        body .modules .module.m_27 .data .images h3.mobile_only {
          color: #FFF;
          text-align: center;
          font-size: 8vw; }
      body .modules .module.m_28 .data {
        padding: 0 6vw;
        margin-bottom: 10vw; }
        body .modules .module.m_28 .data .left {
          position: relative; }
          body .modules .module.m_28 .data .left .linked {
            text-transform: uppercase;
            color: transparent;
            -webkit-text-stroke-width: 0.4px;
            -webkit-text-stroke-color: #fff;
            font-weight: 700;
            font-style: normal;
            opacity: 0.53;
            margin-top: 3vw;
            line-height: 9vw;
            font-size: 9.5vw;
            letter-spacing: 9px;
            text-align: left;
            right: 0;
            left: 0;
            position: absolute;
            pointer-events: none;
            z-index: -1; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_28 .data .left .linked {
                font-size: 17.5vw;
                margin-left: -1vw;
                line-height: 60px;
                margin-top: 0;
                margin-bottom: 0; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_28 .data .left .linked {
                font-size: 17.5vw;
                line-height: 60px;
                margin-left: -1vw;
                padding-top: 9vw;
                margin-top: 0;
                margin-bottom: 0; } }
          body .modules .module.m_28 .data .left h2 {
            margin-top: 15vw;
            font-size: 3vw;
            text-align: left; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_28 .data .left h2 {
                font-size: 8vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_28 .data .left h2 {
                font-size: 8vw; } }
            body .modules .module.m_28 .data .left h2 small {
              font-size: inherit; }
          body .modules .module.m_28 .data .left p {
            font-size: 1vw;
            font-weight: 300;
            text-align: left;
            line-height: 28px; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_28 .data .left p {
                font-size: 4vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_28 .data .left p {
                font-size: 4vw; } }
          body .modules .module.m_28 .data .left .text {
            padding-left: 6vw; }
        body .modules .module.m_28 .data .right {
          position: inherit; }
          body .modules .module.m_28 .data .right img {
            position: absolute; }
      body .modules .module.m_29 .data {
        padding: 0 6vw;
        margin-bottom: 0;
        position: relative; }
        @media only screen and (max-width: 767px) {
          body .modules .module.m_29 .data {
            margin-bottom: 10vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .modules .module.m_29 .data {
            margin-bottom: 10vw; } }
        body .modules .module.m_29 .data .right {
          position: relative;
          margin-top: 15%; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_29 .data .right {
              margin-top: 0; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_29 .data .right {
              margin-top: 0; } }
          body .modules .module.m_29 .data .right .linked {
            text-transform: uppercase;
            color: transparent;
            -webkit-text-stroke-width: 0.4px;
            -webkit-text-stroke-color: #fff;
            font-weight: 700;
            font-style: normal;
            opacity: 0.53;
            margin-top: 3vw;
            line-height: 9vw;
            font-size: 9.5vw;
            letter-spacing: 9px;
            text-align: right;
            right: 0;
            left: 0;
            position: absolute;
            pointer-events: none;
            z-index: -1; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_29 .data .right .linked {
                font-size: 17.5vw;
                margin-left: -1vw;
                line-height: 60px;
                margin-top: 0;
                margin-bottom: 0; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_29 .data .right .linked {
                font-size: 17.5vw;
                line-height: 60px;
                margin-left: -1vw;
                padding-top: 9vw;
                margin-top: 0;
                margin-bottom: 0; } }
          body .modules .module.m_29 .data .right h2 {
            margin-top: 15vw;
            font-size: 3vw;
            text-align: right; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_29 .data .right h2 {
                font-size: 8vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_29 .data .right h2 {
                font-size: 8vw; } }
            body .modules .module.m_29 .data .right h2 small {
              font-size: inherit; }
          body .modules .module.m_29 .data .right p {
            font-size: 1vw;
            font-weight: 300;
            text-align: right;
            line-height: 28px; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_29 .data .right p {
                font-size: 4vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_29 .data .right p {
                font-size: 4vw; } }
          body .modules .module.m_29 .data .right .text {
            padding-right: 6vw; }
        body .modules .module.m_29 .data .left img {
          width: 100%; }
      body .modules .module.m_30 .data {
        position: relative;
        padding: 2vw 6vw; }
        @media only screen and (max-width: 767px) {
          body .modules .module.m_30 .data {
            padding: 0 0 20vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .modules .module.m_30 .data {
            padding: 0 0 20vw; } }
        body .modules .module.m_30 .data picture {
          /*
          -ms-overflow-style: none;
          scrollbar-width: none;
          &::-webkit-scrollbar {
            display: none;
          }
          @include response(mobile) {
            overflow-x: scroll;
          }
          @include response(tablet) {
            overflow-x: scroll;
          }*/ }
          body .modules .module.m_30 .data picture img {
            width: 100%; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_30 .data picture img {
                width: 75%; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_30 .data picture img {
                width: 75%; } }
        body .modules .module.m_30 .data .hero_img {
          width: 100%; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_30 .data .hero_img {
              width: 400vw;
              transition: none !important; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_30 .data .hero_img {
              width: 400vw;
              transition: none !important; } }
        @media only screen and (max-width: 767px) {
          body .modules .module.m_30 .data .text {
            padding: 0 6vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .modules .module.m_30 .data .text {
            padding: 0 6vw; } }
        body .modules .module.m_30 .data .text h2 {
          font-size: 3vw; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_30 .data .text h2 {
              font-size: 9vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_30 .data .text h2 {
              font-size: 9vw; } }
        body .modules .module.m_30 .data .text p {
          font-size: 1vw;
          line-height: 28px;
          font-weight: 200; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_30 .data .text p {
              font-size: 4vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_30 .data .text p {
              font-size: 4vw; } }
      body .modules .module.m_30:last-of-type .data {
        padding: 2vw 6vw 10vw; }
      body .modules .module.m_31 {
        margin-bottom: 4vw; }
        body .modules .module.m_31 .data {
          position: relative; }
          body .modules .module.m_31 .data .top {
            margin-bottom: 10vw; }
            body .modules .module.m_31 .data .top h2 {
              font-size: 3vw;
              text-align: center; }
              @media only screen and (max-width: 767px) {
                body .modules .module.m_31 .data .top h2 {
                  font-size: 8vw; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .modules .module.m_31 .data .top h2 {
                  font-size: 8vw; } }
          body .modules .module.m_31 .data .bottom .slider {
            z-index: 3;
            position: absolute;
            top: 6vw;
            left: 0;
            right: 0;
            width: 100%; }
            body .modules .module.m_31 .data .bottom .slider img {
              object-fit: cover;
              width: 100%;
              height: 100%;
              margin: 0 .5vw; }
      body .modules .module.m_footer {
        margin-top: 9vw;
        margin-bottom: 2vw;
        padding: 0 6vw;
        background: #000;
        z-index: 10; }
        @media only screen and (max-width: 767px) {
          body .modules .module.m_footer {
            padding: 0; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .modules .module.m_footer {
            padding: 0; } }
        body .modules .module.m_footer .line {
          float: left;
          position: relative;
          width: 100%;
          border-top: 1px solid rgba(255, 255, 255, 0.5); }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_footer .line {
              display: none; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_footer .line {
              display: none; } }
        body .modules .module.m_footer .data {
          float: left;
          position: relative;
          width: 100%; }
          @media only screen and (max-width: 767px) {
            body .modules .module.m_footer .data {
              padding: 0 6vw;
              display: flex;
              flex-direction: column-reverse; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .modules .module.m_footer .data {
              padding: 0 6vw;
              display: flex;
              flex-direction: column-reverse; } }
          body .modules .module.m_footer .data .left {
            float: left;
            position: relative;
            width: 60%; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_footer .data .left {
                width: 100%; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_footer .data .left {
                width: 100%; } }
            body .modules .module.m_footer .data .left .left_side {
              float: left;
              position: relative;
              width: 25%;
              margin-top: 2.5vw;
              margin-bottom: 1.5vw; }
              @media only screen and (max-width: 767px) {
                body .modules .module.m_footer .data .left .left_side {
                  width: 100%;
                  margin-top: 8vw;
                  margin-bottom: 4vw;
                  padding-top: 8vw; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .modules .module.m_footer .data .left .left_side {
                  width: 100%;
                  margin-top: 8vw;
                  margin-bottom: 1vw;
                  padding-top: 8vw; } }
              @media only screen and (max-width: 767px) {
                body .modules .module.m_footer .data .left .left_side::before {
                  content: '';
                  position: absolute;
                  width: 100vw;
                  height: 1px;
                  left: -6vw;
                  top: 0;
                  background: rgba(255, 255, 255, 0.5); } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .modules .module.m_footer .data .left .left_side::before {
                  content: '';
                  position: absolute;
                  width: 100vw;
                  height: 1px;
                  left: -6vw;
                  top: 0;
                  background: rgba(255, 255, 255, 0.5); } }
              body .modules .module.m_footer .data .left .left_side img {
                width: 9vw; }
                @media only screen and (max-width: 767px) {
                  body .modules .module.m_footer .data .left .left_side img {
                    width: 45vw; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .modules .module.m_footer .data .left .left_side img {
                    width: 26vw; } }
            body .modules .module.m_footer .data .left .right_side {
              float: left;
              position: relative;
              width: 70%;
              margin-top: 2.5vw;
              margin-bottom: 1.5vw; }
              @media only screen and (max-width: 767px) {
                body .modules .module.m_footer .data .left .right_side {
                  margin-top: 4vw;
                  margin-bottom: 4vw;
                  width: 100%; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .modules .module.m_footer .data .left .right_side {
                  margin-top: 4vw;
                  margin-bottom: 4vw;
                  width: 100%; } }
              body .modules .module.m_footer .data .left .right_side::before {
                content: '';
                position: absolute;
                left: -2vw;
                top: 5%;
                width: 1px;
                height: 90%;
                background: rgba(255, 255, 255, 0.5); }
                @media only screen and (max-width: 767px) {
                  body .modules .module.m_footer .data .left .right_side::before {
                    display: none; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .modules .module.m_footer .data .left .right_side::before {
                    display: none; } }
              body .modules .module.m_footer .data .left .right_side .top_place {
                float: left;
                position: relative;
                width: 100%; }
                body .modules .module.m_footer .data .left .right_side .top_place h5 {
                  color: #fff;
                  font-size: 1.2vw;
                  font-weight: 700;
                  margin-top: 0;
                  margin-bottom: .5vw; }
                  @media only screen and (max-width: 767px) {
                    body .modules .module.m_footer .data .left .right_side .top_place h5 {
                      font-size: 5vw; } }
                  @media only screen and (min-width: 768px) and (max-width: 991px) {
                    body .modules .module.m_footer .data .left .right_side .top_place h5 {
                      font-size: 3.5vw; } }
                  body .modules .module.m_footer .data .left .right_side .top_place h5 span {
                    color: #ff31c1; }
              body .modules .module.m_footer .data .left .right_side .bottom_place {
                float: left;
                position: relative;
                width: 89%;
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: 1fr;
                grid-column-gap: 0; }
                @media only screen and (max-width: 767px) {
                  body .modules .module.m_footer .data .left .right_side .bottom_place {
                    display: grid;
                    grid-template-columns: repeat(1, 1fr);
                    grid-template-rows: 1fr;
                    width: 90%; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .modules .module.m_footer .data .left .right_side .bottom_place {
                    display: grid;
                    grid-template-columns: repeat(1, 1fr);
                    grid-template-rows: 1fr;
                    width: 90%; } }
                @media only screen and (max-width: 767px) {
                  body .modules .module.m_footer .data .left .right_side .bottom_place .phone {
                    display: none; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .modules .module.m_footer .data .left .right_side .bottom_place .phone {
                    display: none; } }
                body .modules .module.m_footer .data .left .right_side .bottom_place .mail {
                  position: relative; }
                  @media only screen and (max-width: 767px) {
                    body .modules .module.m_footer .data .left .right_side .bottom_place .mail {
                      display: none; } }
                  @media only screen and (min-width: 768px) and (max-width: 991px) {
                    body .modules .module.m_footer .data .left .right_side .bottom_place .mail {
                      display: none; } }
                  body .modules .module.m_footer .data .left .right_side .bottom_place .mail::before {
                    content: '';
                    position: absolute;
                    left: -1vw;
                    top: 10%;
                    width: 1px;
                    height: 80%;
                    background: rgba(255, 255, 255, 0.5); }
                  body .modules .module.m_footer .data .left .right_side .bottom_place .mail::after {
                    content: '';
                    position: absolute;
                    right: 1.5vw;
                    top: 10%;
                    width: 1px;
                    height: 80%;
                    background: rgba(255, 255, 255, 0.5); }
                body .modules .module.m_footer .data .left .right_side .bottom_place .socials {
                  float: left;
                  position: relative;
                  width: 50%;
                  display: grid;
                  grid-template-columns: repeat(3, 1fr);
                  grid-template-rows: 1fr;
                  grid-column-gap: 1.5vw; }
                  @media only screen and (max-width: 767px) {
                    body .modules .module.m_footer .data .left .right_side .bottom_place .socials {
                      display: grid;
                      grid-template-columns: repeat(5, 1fr);
                      grid-template-rows: 1fr;
                      width: 100%;
                      margin-top: 6vw; } }
                  @media only screen and (min-width: 768px) and (max-width: 991px) {
                    body .modules .module.m_footer .data .left .right_side .bottom_place .socials {
                      display: grid;
                      grid-template-columns: repeat(5, 1fr);
                      grid-template-rows: 1fr;
                      width: 70%;
                      margin-top: 6vw; } }
                  body .modules .module.m_footer .data .left .right_side .bottom_place .socials div a.share_fb:hover img {
                    filter: invert(63%) sepia(81%) saturate(7039%) hue-rotate(203deg) brightness(99%) contrast(92%); }
                  body .modules .module.m_footer .data .left .right_side .bottom_place .socials div a.share_ins:hover img {
                    filter: invert(39%) sepia(91%) saturate(516%) hue-rotate(300deg) brightness(87%) contrast(109%); }
                  body .modules .module.m_footer .data .left .right_side .bottom_place .socials div a.share_in:hover img {
                    filter: invert(26%) sepia(60%) saturate(2302%) hue-rotate(196deg) brightness(96%) contrast(97%); }
                  body .modules .module.m_footer .data .left .right_side .bottom_place .socials div a.share_tw:hover img {
                    filter: invert(48%) sepia(46%) saturate(2211%) hue-rotate(177deg) brightness(101%) contrast(90%); }
                  body .modules .module.m_footer .data .left .right_side .bottom_place .socials div a.share_mail:hover img {
                    filter: invert(38%) sepia(38%) saturate(1642%) hue-rotate(298deg) brightness(88%) contrast(83%); }
                  body .modules .module.m_footer .data .left .right_side .bottom_place .socials div a.share_be img {
                    transform: scale(1.4); }
                    @media only screen and (max-width: 767px) {
                      body .modules .module.m_footer .data .left .right_side .bottom_place .socials div a.share_be img {
                        transform: scale(0.8); } }
                    @media only screen and (min-width: 768px) and (max-width: 991px) {
                      body .modules .module.m_footer .data .left .right_side .bottom_place .socials div a.share_be img {
                        transform: scale(0.8); } }
                  body .modules .module.m_footer .data .left .right_side .bottom_place .socials div a.share_be:hover img {
                    filter: invert(29%) sepia(92%) saturate(1578%) hue-rotate(207deg) brightness(99%) contrast(111%); }
                  body .modules .module.m_footer .data .left .right_side .bottom_place .socials div a img {
                    transition: all .15s; }
                    @media only screen and (max-width: 767px) {
                      body .modules .module.m_footer .data .left .right_side .bottom_place .socials div a img {
                        height: 8vw; } }
                    @media only screen and (min-width: 768px) and (max-width: 991px) {
                      body .modules .module.m_footer .data .left .right_side .bottom_place .socials div a img {
                        height: 5vw; } }
                    body .modules .module.m_footer .data .left .right_side .bottom_place .socials div a img.sp {
                      margin-top: .25vw; }
                body .modules .module.m_footer .data .left .right_side .bottom_place a {
                  font-size: 1vw;
                  color: #fff;
                  text-decoration: none;
                  transition: all .3s; }
                  body .modules .module.m_footer .data .left .right_side .bottom_place a:hover {
                    text-decoration: none;
                    color: #ff31c1; }
                  body .modules .module.m_footer .data .left .right_side .bottom_place a:focus {
                    text-decoration: none;
                    color: #fff; }
          body .modules .module.m_footer .data .right {
            float: right;
            position: relative;
            width: 40%; }
            @media only screen and (max-width: 767px) {
              body .modules .module.m_footer .data .right {
                float: left;
                width: 100%;
                margin-top: 7vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .modules .module.m_footer .data .right {
                float: left;
                width: 100%;
                margin-top: 7vw; } }
            body .modules .module.m_footer .data .right a {
              float: right;
              position: relative;
              text-decoration: none;
              color: #fff;
              margin-top: 2vw;
              margin-right: 1vw; }
              @media only screen and (max-width: 767px) {
                body .modules .module.m_footer .data .right a {
                  float: left;
                  margin-right: auto;
                  margin-left: 0; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .modules .module.m_footer .data .right a {
                  float: left;
                  margin-right: auto;
                  margin-left: 0; } }
              body .modules .module.m_footer .data .right a:hover::before {
                height: 9vw; }
              body .modules .module.m_footer .data .right a:hover img {
                filter: brightness(0) invert(1); }
              body .modules .module.m_footer .data .right a:hover .point {
                background: #fff; }
              body .modules .module.m_footer .data .right a::before {
                content: '';
                position: absolute;
                left: -2vw;
                width: calc(100% + 3vw);
                height: .3vw;
                background: #ff31c1;
                top: -2vw;
                z-index: -1;
                transition: all .4s; }
                @media only screen and (max-width: 767px) {
                  body .modules .module.m_footer .data .right a::before {
                    left: -6vw;
                    height: 1.3vw;
                    top: -9vw;
                    width: 100vw; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .modules .module.m_footer .data .right a::before {
                    left: -6vw;
                    height: 1.3vw;
                    top: -9vw;
                    width: 100vw; } }
              body .modules .module.m_footer .data .right a .next {
                font-size: 2vw;
                font-weight: 600;
                margin-right: 3vw; }
                @media only screen and (max-width: 767px) {
                  body .modules .module.m_footer .data .right a .next {
                    font-size: 8vw; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .modules .module.m_footer .data .right a .next {
                    font-size: 6vw; } }
              body .modules .module.m_footer .data .right a img {
                position: absolute;
                top: .9vw;
                right: 0;
                transition: all .3s; }
                @media only screen and (max-width: 767px) {
                  body .modules .module.m_footer .data .right a img {
                    right: -11vw;
                    top: 3vw; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .modules .module.m_footer .data .right a img {
                    right: -11vw;
                    top: 3vw; } }
              body .modules .module.m_footer .data .right a .num {
                color: transparent;
                -webkit-text-stroke-width: 1px;
                -webkit-text-stroke-color: #fff;
                font-weight: 700;
                font-style: normal;
                font-size: 1.2vw; }
                @media only screen and (max-width: 767px) {
                  body .modules .module.m_footer .data .right a .num {
                    font-size: 6vw; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .modules .module.m_footer .data .right a .num {
                    font-size: 6vw; } }
              body .modules .module.m_footer .data .right a .point {
                width: .3vw;
                height: .3vw;
                background: #ff31c1;
                display: inline-block;
                border-radius: 50%;
                transition: all .3s; }
                @media only screen and (max-width: 767px) {
                  body .modules .module.m_footer .data .right a .point {
                    width: 1.2vw;
                    height: 1.2vw; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .modules .module.m_footer .data .right a .point {
                    width: 1.2vw;
                    height: 1.2vw; } }
              body .modules .module.m_footer .data .right a .project {
                font-size: 1.2vw;
                font-weight: 500; }
                @media only screen and (max-width: 767px) {
                  body .modules .module.m_footer .data .right a .project {
                    font-size: 5vw; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .modules .module.m_footer .data .right a .project {
                    font-size: 5vw; } }

html, body {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%; }

/*# sourceMappingURL=styles.css.map */