* {
  -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_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); } }

[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); }

::-webkit-input-placeholder, ::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.25);
  font-size: 16px;
  font-family: "Avenir Next LT Pro";
  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: rgba(0, 0, 0, 0.25);
  font-size: 16px;
  font-family: "Avenir Next LT Pro";
  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: rgba(0, 0, 0, 0.25);
  font-size: 16px;
  font-family: "Avenir Next LT Pro";
  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; } }

.nowrap {
  white-space: nowrap; }

h2 {
  color: #2A2A2A;
  font-size: 60px; }
  @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: #2A2A2A;
  font-weight: 500;
  font-size: 22px;
  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: #2A2A2A;
  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 rgba(255, 255, 255, 0.5);
  font-weight: bold;
  padding: 15px 30px;
  text-decoration: none;
  text-transform: uppercase; }
.btn_blue {
  font-size: 14px;
  color: #fff;
  border: 1px solid #2840B8;
  background: #2840B8;
  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: #F8F8FB; }

.m_pt_120 {
  padding-top: 120px; }

.faq-section {
  float: left;
  position: relative;
  width: 100%;
  margin-top: 0vw;
  margin-bottom: 30px;
  z-index: 3; }
  @media only screen and (max-width: 767px) {
    .faq-section {
      width: calc(100% + 12vw);
      margin-left: -6vw; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .faq-section {
      width: calc(100% + 12vw);
      margin-left: -6vw; } }
  .faq-section.m60 {
    margin-top: -60px; }
  .faq-section .faq-item {
    float: left;
    position: relative;
    width: 100%;
    text-align: left;
    margin-bottom: 3px;
    color: #000; }
    .faq-section .faq-item .question {
      float: left;
      position: relative;
      width: 100%;
      background: #fff;
      padding: 30px 45px 25px;
      cursor: pointer;
      transition: all .3s; }
      @media only screen and (max-width: 767px) {
        .faq-section .faq-item .question {
          padding: 5.3vw 20vw 5.3vw 5vw; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .faq-section .faq-item .question {
          padding: 4.3vw 20vw 4.3vw 5vw; } }
      @media (min-width: 991px) {
        .faq-section .faq-item .question:hover {
          background: #fff;
          color: #2840B8; }
          .faq-section .faq-item .question:hover .open-question {
            color: #2840B8; } }
      .faq-section .faq-item .question .data {
        float: left;
        position: relative;
        width: 97%;
        font-weight: 500;
        font-size: 18px; }
        @media only screen and (max-width: 767px) {
          .faq-section .faq-item .question .data {
            font-size: 3.6vw;
            line-height: 5.5vw;
            font-weight: bold;
            width: 87%; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .faq-section .faq-item .question .data {
            font-size: 3.6vw;
            line-height: 5.5vw;
            font-weight: bold;
            width: 87%; } }
      .faq-section .faq-item .question .open-question {
        position: absolute;
        color: #000;
        font-size: 24px;
        top: 30px;
        transition: all .3s;
        text-decoration: none;
        pointer-events: none; }
        @media only screen and (max-width: 767px) {
          .faq-section .faq-item .question .open-question {
            font-size: 8vw;
            right: 4%;
            top: 30%; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .faq-section .faq-item .question .open-question {
            font-size: 8vw;
            right: 4%;
            top: 30%; } }
        .faq-section .faq-item .question .open-question:hover {
          text-decoration: none; }
    .faq-section .faq-item .answer {
      float: left;
      position: relative;
      width: 100%;
      padding: 0 45px 15px 45px;
      color: #fff;
      background: #fff;
      font-size: 16px;
      display: none; }
      @media only screen and (max-width: 767px) {
        .faq-section .faq-item .answer {
          font-size: 3.6vw;
          padding: 2vw 6vw; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .faq-section .faq-item .answer {
          font-size: 3.6vw;
          padding: 2vw 6vw; } }
      .faq-section .faq-item .answer a {
        color: #2840B8;
        text-decoration: underline; }
        @media only screen and (max-width: 767px) {
          .faq-section .faq-item .answer a {
            font-size: 3.6vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .faq-section .faq-item .answer a {
            font-size: 3.6vw; } }

@media (max-width: 991px) {
  .only_desktop {
    display: none !important; } }
@media (min-width: 992px) {
  .only_desktop {
    display: inline-block !important; } }

@media (max-width: 991px) {
  .only_mobile {
    display: inline-block !important; } }
@media (min-width: 992px) {
  .only_mobile {
    display: none !important; } }

body {
  font-family: "Avenir Next LT Pro";
  font-weight: normal;
  font-style: normal;
  margin: 0;
  padding: 0;
  font-size: 16px;
  background: #fff;
  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 header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    padding: 30px;
    z-index: 10; }
    @media only screen and (min-width: 992px) {
      body header {
        display: flex;
        align-items: center;
        justify-items: center; } }
    @media only screen and (max-width: 767px) {
      body header {
        padding: 30px 6vw; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      body header {
        padding: 30px 6vw; } }
    body header .data_content {
      margin: 0 auto;
      width: 1700px;
      display: block;
      float: none; }
      @media (max-width: 1370px) {
        body header .data_content {
          width: 100%; } }
      @media (min-width: 992px) and (max-width: 1370px) {
        body header .data_content {
          padding: 0 5vw; } }
      body header .data_content .logo {
        float: left;
        position: relative;
        margin-top: 8px; }
        @media only screen and (max-width: 767px) {
          body header .data_content .logo {
            z-index: 10;
            width: 57%; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body header .data_content .logo {
            z-index: 10;
            width: 57%; } }
        body header .data_content .logo img {
          width: 207px; }
          @media only screen and (max-width: 767px) {
            body header .data_content .logo img {
              width: 80%;
              margin-top: 6px; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body header .data_content .logo img {
              width: 80%;
              margin-top: 6px; } }
          @media only screen and (min-width: 1025px) and (max-width: 1280px) {
            body header .data_content .logo img {
              width: 12vw; } }
          @media only screen and (min-width: 1281px) and (max-width: 1366px) {
            body header .data_content .logo img {
              width: 12vw; } }
          @media only screen and (min-width: 992px) and (max-width: 1024px) {
            body header .data_content .logo img {
              width: 12vw; } }
      body header .data_content .mobile_btn {
        float: left;
        position: relative;
        color: #2840B8;
        background: #fff;
        border: 1px solid #2840B8;
        padding: 10px 20px;
        margin-top: 4px;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        z-index: 10;
        transform: translateX(-10px);
        display: none; }
        @media only screen and (max-width: 992px) {
          body header .data_content .mobile_btn {
            display: block; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body header .data_content .mobile_btn {
            float: right;
            margin-right: 10vw; } }
      body header .data_content .main-menu {
        float: left;
        position: relative;
        list-style: none;
        padding: 0;
        margin-left: 50px;
        margin-bottom: 0; }
        @media only screen and (max-width: 992px) {
          body header .data_content .main-menu {
            display: none; } }
        @media only screen and (min-width: 992px) and (max-width: 1024px) {
          body header .data_content .main-menu {
            width: 75%;
            margin-top: 0.5vw; } }
        @media only screen and (min-width: 1025px) and (max-width: 1280px) {
          body header .data_content .main-menu {
            margin-left: 6vw;
            margin-top: 1vw; } }
        @media only screen and (min-width: 1281px) and (max-width: 1366px) {
          body header .data_content .main-menu {
            margin-left: 55px;
            margin-top: 1vw; } }
        @media only screen and (min-width: 1367px) and (max-width: 1440px) {
          body header .data_content .main-menu {
            margin-left: 55px; } }
        body header .data_content .main-menu li {
          float: left;
          position: relative;
          margin-right: 45px; }
          @media only screen and (min-width: 1025px) and (max-width: 1280px) {
            body header .data_content .main-menu li {
              margin-right: 7px; } }
          @media only screen and (min-width: 992px) and (max-width: 1024px) {
            body header .data_content .main-menu li {
              margin-right: 7px; } }
          @media only screen and (min-width: 1281px) and (max-width: 1366px) {
            body header .data_content .main-menu li {
              margin-right: 16px; } }
          @media only screen and (min-width: 1367px) and (max-width: 1440px) {
            body header .data_content .main-menu li {
              margin-right: 20px; } }
          @media only screen and (min-width: 1441px) and (max-width: 1600px) {
            body header .data_content .main-menu li {
              margin-right: 2vw; } }
          @media (min-width: 1441px) and (max-width: 1700px) {
            body header .data_content .main-menu li {
              margin-right: 2vw; } }
          body header .data_content .main-menu li:last-child {
            margin-right: 0; }
          body header .data_content .main-menu li.active a {
            color: #2840B8; }
          body header .data_content .main-menu li a {
            font-size: 13px;
            font-weight: bold;
            color: #2A2A2A;
            text-decoration: none;
            transition: all .3s; }
            body header .data_content .main-menu li a:hover, body header .data_content .main-menu li a:focus {
              color: #2840B8;
              text-decoration: none; }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body header .data_content .main-menu li a {
                font-size: 1vw; } }
            @media only screen and (min-width: 992px) and (max-width: 1024px) {
              body header .data_content .main-menu li a {
                font-size: 1vw; } }
            body header .data_content .main-menu li a.btn {
              color: #2840B8;
              background: #fff;
              border: 1px solid #2840B8;
              padding: 10px 20px; }
              body header .data_content .main-menu li a.btn:hover, body header .data_content .main-menu li a.btn:focus {
                color: #fff;
                text-decoration: none;
                background: #2840B8; }
      body header .data_content .socials {
        float: right;
        position: relative;
        list-style: none;
        padding: 0;
        margin-bottom: 0;
        /*@include response(only_desktop) {
          float: left;
          margin-left: 30px;
        }*/ }
        @media only screen and (max-width: 992px) {
          body header .data_content .socials {
            display: none; } }
        @media only screen and (min-width: 992px) and (max-width: 1024px) {
          body header .data_content .socials {
            display: none; } }
        @media only screen and (min-width: 1025px) and (max-width: 1280px) {
          body header .data_content .socials {
            display: none; } }
        @media only screen and (min-width: 1281px) and (max-width: 1366px) {
          body header .data_content .socials {
            display: none; } }
        @media (min-width: 1366px) and (max-width: 1600px) {
          body header .data_content .socials {
            display: none; } }
        body header .data_content .socials li {
          float: left;
          position: relative;
          margin-right: 25px; }
          @media only screen and (min-width: 1367px) and (max-width: 1440px) {
            body header .data_content .socials li {
              margin-right: 15px; } }
          body header .data_content .socials li a {
            font-size: 14px;
            font-weight: bold;
            color: #2A2A2A;
            text-decoration: none; }
            body header .data_content .socials li a img.Youtube {
              transform: translateY(2px); }
      body header .data_content .burger {
        z-index: 10;
        display: none; }
        @media only screen and (max-width: 767px) {
          body header .data_content .burger {
            position: absolute;
            right: -3vw;
            width: 13vw;
            height: 10vw;
            top: 1vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body header .data_content .burger {
            position: absolute;
            right: -3vw;
            width: 13vw;
            height: 10vw;
            top: -1.5vw; } }
        @media only screen and (max-width: 992px) {
          body header .data_content .burger {
            display: block; } }
        @media only screen and (max-width: 767px) {
          body header .data_content .burger.open .line-1 {
            transform: rotate(-45deg);
            top: 4vw !important; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body header .data_content .burger.open .line-1 {
            transform: rotate(-45deg);
            top: 4vw !important; } }
        @media only screen and (max-width: 767px) {
          body header .data_content .burger.open .line-2 {
            opacity: 0; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body header .data_content .burger.open .line-2 {
            opacity: 0; } }
        @media only screen and (max-width: 767px) {
          body header .data_content .burger.open .line-3 {
            transform: rotate(45deg);
            top: 4vw !important; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body header .data_content .burger.open .line-3 {
            transform: rotate(45deg);
            top: 4vw !important; } }
        @media only screen and (max-width: 767px) {
          body header .data_content .burger .line {
            position: absolute;
            width: 53%;
            height: 2px;
            background: #2840B8;
            left: 25%;
            transition: all .4s; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body header .data_content .burger .line {
            position: absolute;
            width: 53%;
            height: 2px;
            background: #2840B8;
            left: 25%;
            transition: all .4s; } }
        @media only screen and (max-width: 767px) {
          body header .data_content .burger .line.line-1 {
            top: 2.1vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body header .data_content .burger .line.line-1 {
            top: 2.1vw; } }
        @media only screen and (max-width: 767px) {
          body header .data_content .burger .line.line-2 {
            top: 4.1vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body header .data_content .burger .line.line-2 {
            top: 4.1vw; } }
        @media only screen and (max-width: 767px) {
          body header .data_content .burger .line.line-3 {
            top: 6vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body header .data_content .burger .line.line-3 {
            top: 6vw; } }
    body header .mobile-main-menu {
      position: absolute;
      left: 0;
      top: 0;
      width: 100vw;
      height: 100vh;
      background: #fff;
      padding: 100px 6vw;
      transform: translateX(100%);
      transition: all .4s; }
      body header .mobile-main-menu.open {
        transform: translateX(0); }
      body header .mobile-main-menu .menu {
        float: right;
        position: relative;
        list-style: none;
        padding: 0;
        margin-left: 75px;
        margin-bottom: 0; }
        @media only screen and (min-width: 992px) {
          body header .mobile-main-menu .menu {
            display: none; } }
        body header .mobile-main-menu .menu li {
          float: right;
          position: relative;
          width: 100%;
          margin-bottom: 30px;
          text-align: right; }
          body header .mobile-main-menu .menu li.active a {
            color: #2840B8; }
          body header .mobile-main-menu .menu li a {
            font-size: 24px;
            font-weight: bold;
            color: #2A2A2A;
            text-decoration: none;
            transition: all .3s; }
            body header .mobile-main-menu .menu li a:hover, body header .mobile-main-menu .menu li a:focus {
              color: #2840B8;
              text-decoration: none; }
      body header .mobile-main-menu .socials {
        float: right;
        position: relative;
        list-style: none;
        padding: 0;
        margin-bottom: 0; }
        body header .mobile-main-menu .socials li {
          float: left;
          position: relative;
          margin-left: 30px; }
          body header .mobile-main-menu .socials li a {
            font-size: 14px;
            font-weight: bold;
            color: #2A2A2A;
            text-decoration: none; }
            body header .mobile-main-menu .socials li a img.Youtube {
              transform: translateY(2px); }
  body .universal_bg {
    position: absolute;
    top: 466px;
    left: 0;
    z-index: -1; }
  body .universal_bg_2 {
    position: absolute;
    top: 514px;
    left: -30px;
    z-index: -1; }
    @media only screen and (max-width: 767px) {
      body .universal_bg_2 {
        display: none; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      body .universal_bg_2 {
        display: none; } }
  body .sections {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 30px;
    position: relative;
    float: left;
    overflow: hidden;
    z-index: 2; }
    body .sections .section {
      float: left;
      position: relative;
      width: 100%;
      z-index: 2; }
      body .sections .section.s_hero {
        position: fixed; }
        @media (min-width: 992px) {
          body .sections .section.s_hero {
            top: 80px; } }
        body .sections .section.s_hero .hero_slider img {
          width: 100%; }
        @media (max-width: 991px) {
          body .sections .section.s_hero .mobile_image {
            margin-top: 50px; } }
        body .sections .section.s_hero .header_content {
          text-align: center; }
          body .sections .section.s_hero .header_content a {
            float: none !important;
            border: 1px solid #2840B8;
            background: #2840B8;
            color: #fff; }
            @media (max-width: 767px) {
              body .sections .section.s_hero .header_content a {
                width: 100%;
                display: block;
                padding: 20px 0; } }
        body .sections .section.s_hero .overlay {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: auto;
          z-index: 2; }
          @media (max-width: 767px) {
            body .sections .section.s_hero .overlay {
              height: auto;
              left: -214vw;
              width: auto; } }
          @media (min-width: 768px) and (max-width: 1024px) {
            body .sections .section.s_hero .overlay {
              height: auto;
              width: auto; } }
        body .sections .section.s_hero #header-video {
          width: 100%;
          height: 100vh;
          z-index: 1;
          position: relative; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_hero #header-video {
              width: 400%;
              margin-left: -150%; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_hero #header-video {
              width: 300vw;
              margin-left: -150%; } }
        body .sections .section.s_hero .volume {
          position: absolute;
          top: 36%;
          z-index: 3;
          right: 8vw;
          cursor: pointer; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_hero .volume {
              top: 90px;
              right: 3.5%; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_hero .volume {
              top: 7.5%;
              right: 2.5%; } }
        body .sections .section.s_hero .data_content_container {
          position: absolute;
          left: calc(50% - 682px);
          top: 77%;
          z-index: 3; }
          @media only screen and (min-width: 1025px) and (max-width: 1280px) {
            body .sections .section.s_hero .data_content_container {
              top: 77%;
              left: 0; } }
          @media only screen and (min-width: 992px) and (max-width: 1024px) {
            body .sections .section.s_hero .data_content_container {
              top: 77%;
              left: 0;
              text-align: left; } }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_hero .data_content_container {
              top: 77%;
              left: 0;
              text-align: center; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_hero .data_content_container {
              top: 63%;
              left: 0;
              text-align: right; } }
          body .sections .section.s_hero .data_content_container h1 {
            font-size: 100px;
            color: #fff;
            margin-bottom: 30px; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_hero .data_content_container h1 {
                font-size: 17.5vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_hero .data_content_container h1 {
                font-size: 12.5vw;
                margin-top: auto; } }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_hero .data_content_container h1 {
                font-size: 7vw;
                margin-top: -4vw; } }
            @media only screen and (min-width: 992px) and (max-width: 1024px) {
              body .sections .section.s_hero .data_content_container h1 {
                font-size: 6vw;
                margin-top: 4vw; } }
          body .sections .section.s_hero .data_content_container p {
            font-size: 28px;
            color: #fff;
            margin-bottom: 30px; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_hero .data_content_container p {
                margin-top: 2.5vw;
                line-height: 35px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_hero .data_content_container p {
                margin-top: 10vw;
                line-height: 35px; } }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_hero .data_content_container p {
                font-size: 1.8vw;
                margin-top: -1vw; } }
            @media only screen and (min-width: 992px) and (max-width: 1024px) {
              body .sections .section.s_hero .data_content_container p {
                font-size: 1.8vw;
                margin-top: -1vw; } }
          body .sections .section.s_hero .data_content_container a {
            float: left; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_hero .data_content_container a {
                width: 100%;
                margin-top: 5vw;
                margin-bottom: 5vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_hero .data_content_container a {
                width: 100%;
                margin-top: 3.5vw;
                margin-bottom: 5vw; } }
      body .sections .section.s_header {
        background: #fff;
        z-index: 5;
        padding-top: 75px; }
        body .sections .section.s_header > img {
          /*@include response(mobile) {
            margin-left: -166%;
          }
          @include response(tablet) {
            margin-left: -135%;
          }*/ }
          @media (min-width: 1600px) {
            body .sections .section.s_header > img {
              width: 100%; } }
        body .sections .section.s_header .data {
          position: absolute;
          top: 200px;
          left: calc(50% - 682px);
          text-align: center;
          width: 1364px; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_header .data {
              width: 100%;
              padding: 6vw;
              left: 0; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_header .data {
              width: 100%;
              padding: 6vw;
              left: 0; } }
          body .sections .section.s_header .data h1 {
            font-size: 72px;
            color: #fff;
            margin-bottom: 0; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_header .data h1 {
                font-size: 11vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_header .data h1 {
                font-size: 56px; } }
          body .sections .section.s_header .data h5 {
            font-size: 28px;
            color: #fff; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_header .data h5 {
                font-size: 23px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_header .data h5 {
                font-size: 23px; } }
      body .sections .section.s_map {
        background: #F8F8FB;
        z-index: 5;
        padding-top: 75px; }
        body .sections .section.s_map #map {
          width: 100%;
          height: 636px; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_map #map {
              height: 50%; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_map #map {
              height: 50%; } }
          @media only screen and (min-width: 992px) and (max-width: 1024px) {
            body .sections .section.s_map #map {
              height: 50%; } }
          @media only screen and (min-width: 1025px) and (max-width: 1280px) {
            body .sections .section.s_map #map {
              height: 60%; } }
          @media only screen and (min-width: 1281px) and (max-width: 1366px) {
            body .sections .section.s_map #map {
              height: 65%; } }
        body .sections .section.s_map .blue-box {
          float: left;
          position: relative;
          width: 100%;
          background: #2840B8;
          display: grid;
          grid-template-columns: repeat(5, 1fr);
          grid-template-rows: 1fr;
          grid-column-gap: 0;
          grid-row-gap: 0;
          margin-top: -90px; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_map .blue-box {
              display: grid;
              grid-template-columns: repeat(1, 1fr);
              grid-template-rows: 1fr; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_map .blue-box {
              display: grid;
              grid-template-columns: repeat(1, 1fr);
              grid-template-rows: 1fr; } }
          @media only screen and (min-width: 992px) and (max-width: 1024px) {
            body .sections .section.s_map .blue-box {
              display: grid;
              grid-template-columns: repeat(1, 1fr);
              grid-template-rows: 1fr; } }
          body .sections .section.s_map .blue-box .item {
            border-right: 1px solid rgba(255, 255, 255, 0.25);
            text-align: center;
            padding: 30px; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_map .blue-box .item {
                border-right: none;
                border-bottom: 1px solid rgba(255, 255, 255, 0.25); } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_map .blue-box .item {
                border-right: none;
                border-bottom: 1px solid rgba(255, 255, 255, 0.25); } }
            body .sections .section.s_map .blue-box .item.cbox img {
              margin-bottom: 30px;
              height: 27px; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_map .blue-box .item.cbox img {
                  float: left;
                  position: relative;
                  margin-bottom: 0;
                  height: auto; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_map .blue-box .item.cbox img {
                  float: left;
                  position: relative;
                  margin-bottom: 0;
                  height: auto; } }
            body .sections .section.s_map .blue-box .item.cbox p, body .sections .section.s_map .blue-box .item.cbox a {
              font-size: 16px;
              font-weight: 500;
              color: #fff;
              display: block;
              margin-top: 0;
              margin-bottom: 0; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_map .blue-box .item.cbox p, body .sections .section.s_map .blue-box .item.cbox a {
                  margin-left: 62px;
                  text-align: left; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_map .blue-box .item.cbox p, body .sections .section.s_map .blue-box .item.cbox a {
                  margin-left: 62px;
                  text-align: left; } }
            body .sections .section.s_map .blue-box .item.cbox a {
              text-decoration: underline; }
              body .sections .section.s_map .blue-box .item.cbox a:hover, body .sections .section.s_map .blue-box .item.cbox a:focus {
                color: #fff;
                text-decoration: none; }
            body .sections .section.s_map .blue-box .item.sc .socials {
              float: right;
              position: relative;
              list-style: none;
              padding: 0;
              margin-top: 40px;
              margin-bottom: 0; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_map .blue-box .item.sc .socials {
                  width: 100%;
                  margin-top: 0;
                  display: flex;
                  justify-content: space-between; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_map .blue-box .item.sc .socials {
                  width: 100%;
                  margin-top: 0;
                  display: flex;
                  justify-content: space-between; } }
              @media only screen and (min-width: 992px) and (max-width: 1024px) {
                body .sections .section.s_map .blue-box .item.sc .socials {
                  width: 100%;
                  margin-top: 0;
                  display: flex;
                  justify-content: space-between; } }
              body .sections .section.s_map .blue-box .item.sc .socials li {
                float: left;
                position: relative;
                margin-right: 20px;
                /*@include response(mobile) {
                  margin-right: 20%;
                }
                @include response(tablet) {
                  margin-right: 20%;
                }*/ }
                @media only screen and (min-width: 1025px) and (max-width: 1280px) {
                  body .sections .section.s_map .blue-box .item.sc .socials li {
                    margin-right: 12.5px; } }
                @media only screen and (min-width: 1281px) and (max-width: 1366px) {
                  body .sections .section.s_map .blue-box .item.sc .socials li {
                    margin-right: 15px; } }
                @media only screen and (max-width: 767px) {
                  body .sections .section.s_map .blue-box .item.sc .socials li:last-child {
                    margin-right: 0; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_map .blue-box .item.sc .socials li:last-child {
                    margin-right: 0; } }
                body .sections .section.s_map .blue-box .item.sc .socials li a {
                  font-size: 14px;
                  font-weight: bold;
                  color: #2A2A2A;
                  text-decoration: none; }
                  body .sections .section.s_map .blue-box .item.sc .socials li a img {
                    width: 18px;
                    height: 18px; }
                    body .sections .section.s_map .blue-box .item.sc .socials li a img.Youtube {
                      transform: translateY(2px); }
      body .sections .section.s_1 {
        margin-top: 100vh;
        background: #fff; }
        @media only screen and (max-width: 767px) {
          body .sections .section.s_1 {
            margin-top: 100vh; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_1 {
            margin-top: 100vh; } }
        body .sections .section.s_1 .gray-overlay {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 94%;
          background: #F8F8FB;
          pointer-events: none; }
        body .sections .section.s_1 .left-side {
          float: left;
          position: relative;
          width: 40%;
          padding: 60px 120px 120px 0; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_1 .left-side {
              width: 100%;
              padding: 35px 0; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_1 .left-side {
              width: 100%;
              padding: 35px 0; } }
          @media only screen and (min-width: 1025px) and (max-width: 1280px) {
            body .sections .section.s_1 .left-side {
              width: 55%; } }
          @media only screen and (min-width: 992px) and (max-width: 1024px) {
            body .sections .section.s_1 .left-side {
              width: 55%; } }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_1 .left-side p {
              text-align: center; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_1 .left-side p {
              text-align: center; } }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_1 .left-side h2, body .sections .section.s_1 .left-side h5 {
              text-align: center; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_1 .left-side h2, body .sections .section.s_1 .left-side h5 {
              text-align: center; } }
        body .sections .section.s_1 .right-side {
          position: absolute;
          left: 43%;
          height: 100%;
          background: url(/assets/img/section_1_img.jpg);
          width: 60%;
          padding: 20% 15% 0% 13%;
          color: #fff; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_1 .right-side {
              float: left;
              position: relative;
              width: calc(100% + 12vw);
              height: auto;
              left: -6vw;
              margin-top: 5vw;
              padding: 20% 10% 0% 13%; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_1 .right-side {
              float: left;
              position: relative;
              width: calc(100% + 12vw);
              height: auto;
              left: -6vw;
              margin-top: 5vw;
              padding: 20% 10% 0% 13%; } }
          @media only screen and (min-width: 1025px) and (max-width: 1280px) {
            body .sections .section.s_1 .right-side {
              padding: 31% 2% 0% 10%;
              left: 54%;
              width: 46%; } }
          @media only screen and (min-width: 992px) and (max-width: 1024px) {
            body .sections .section.s_1 .right-side {
              padding: 31% 2% 0% 10%;
              left: 54%;
              width: 46%; } }
          @media only screen and (min-width: 1281px) and (max-width: 1366px) {
            body .sections .section.s_1 .right-side {
              padding: 29% 3% 0% 13%; } }
          @media only screen and (min-width: 1367px) and (max-width: 1440px) {
            body .sections .section.s_1 .right-side {
              padding: 25% 6% 0% 13%; } }
          @media only screen and (min-width: 1441px) and (max-width: 1600px) {
            body .sections .section.s_1 .right-side {
              padding: 22% 10% 0% 13%; } }
          body .sections .section.s_1 .right-side .sd_top {
            float: left;
            position: relative;
            width: 100%; }
            body .sections .section.s_1 .right-side .sd_top .sd_left {
              float: left;
              position: relative;
              width: 50%; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_1 .right-side .sd_top .sd_left {
                  width: 100%;
                  text-align: center; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_1 .right-side .sd_top .sd_left {
                  width: 100%;
                  text-align: center; } }
            body .sections .section.s_1 .right-side .sd_top .sd_right {
              float: left;
              position: relative;
              width: 50%; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_1 .right-side .sd_top .sd_right {
                  width: 100%;
                  text-align: center; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_1 .right-side .sd_top .sd_right {
                  width: 100%;
                  text-align: center; } }
              @media only screen and (min-width: 1025px) and (max-width: 1280px) {
                body .sections .section.s_1 .right-side .sd_top .sd_right {
                  font-size: 12vw; } }
              @media only screen and (min-width: 992px) and (max-width: 1024px) {
                body .sections .section.s_1 .right-side .sd_top .sd_right {
                  font-size: 12vw; } }
              body .sections .section.s_1 .right-side .sd_top .sd_right h3 {
                font-size: 38px; }
          body .sections .section.s_1 .right-side .sd_bottom {
            float: left;
            position: relative;
            width: 100%; }
          body .sections .section.s_1 .right-side h2 {
            position: relative;
            font-size: 201px;
            line-height: 0;
            margin-top: 0;
            float: left;
            color: #fff; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_1 .right-side h2 {
                font-size: 137px;
                float: none;
                margin-bottom: 30px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_1 .right-side h2 {
                font-size: 137px;
                float: none;
                margin-bottom: 30px; } }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_1 .right-side h2 {
                font-size: 12vw;
                margin-top: -1vw; } }
            @media only screen and (min-width: 992px) and (max-width: 1024px) {
              body .sections .section.s_1 .right-side h2 {
                font-size: 12vw;
                margin-top: -1vw; } }
            body .sections .section.s_1 .right-side h2::before {
              content: '';
              width: 249px;
              height: 2px;
              background: #2840B8;
              position: absolute;
              left: -300px; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_1 .right-side h2::before {
                  display: none; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_1 .right-side h2::before {
                  display: none; } }
              @media only screen and (min-width: 1025px) and (max-width: 1280px) {
                body .sections .section.s_1 .right-side h2::before {
                  left: -180px;
                  width: 130px; } }
              @media only screen and (min-width: 992px) and (max-width: 1024px) {
                body .sections .section.s_1 .right-side h2::before {
                  left: -180px;
                  width: 130px; } }
              @media only screen and (min-width: 1281px) and (max-width: 1366px) {
                body .sections .section.s_1 .right-side h2::before {
                  left: -260px;
                  width: 209px; } }
              @media only screen and (min-width: 1367px) and (max-width: 1440px) {
                body .sections .section.s_1 .right-side h2::before {
                  left: -260px;
                  width: 209px; } }
            body .sections .section.s_1 .right-side h2 sup {
              font-size: 64px;
              display: none;
              margin-left: -7vw; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_1 .right-side h2 sup {
                  display: inline-block;
                  margin-left: -5vw; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_1 .right-side h2 sup {
                  display: inline-block;
                  margin-left: -4vw; } }
          body .sections .section.s_1 .right-side h3 {
            font-size: 44px;
            font-weight: 500;
            line-height: 33px;
            margin-left: -17px;
            margin-top: 52.5px; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_1 .right-side h3 {
                font-size: 36px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_1 .right-side h3 {
                font-size: 36px; } }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_1 .right-side h3 {
                font-size: 2.5vw;
                margin-left: 0vw; } }
            @media only screen and (min-width: 992px) and (max-width: 1024px) {
              body .sections .section.s_1 .right-side h3 {
                font-size: 2.5vw;
                margin-left: 0vw; } }
            @media (min-width: 992px) and (max-width: 1280px) {
              body .sections .section.s_1 .right-side h3 {
                margin-top: 15px; } }
            body .sections .section.s_1 .right-side h3 small {
              font-size: 24px; }
              @media only screen and (min-width: 1025px) and (max-width: 1280px) {
                body .sections .section.s_1 .right-side h3 small {
                  font-size: 1.5vw;
                  margin-left: 0vw; } }
              @media only screen and (min-width: 992px) and (max-width: 1024px) {
                body .sections .section.s_1 .right-side h3 small {
                  font-size: 1.5vw;
                  margin-left: 0vw; } }
          body .sections .section.s_1 .right-side h4 {
            font-size: 73px;
            margin-bottom: 0;
            line-height: 0;
            margin-top: -45px;
            margin-left: -20px; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_1 .right-side h4 {
                display: none; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_1 .right-side h4 {
                display: none; } }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_1 .right-side h4 {
                font-size: 4vw;
                margin-left: 0vw;
                margin-top: -50px; } }
            @media only screen and (min-width: 992px) and (max-width: 1024px) {
              body .sections .section.s_1 .right-side h4 {
                font-size: 4vw;
                margin-left: 0vw; } }
          body .sections .section.s_1 .right-side .btn_blue {
            float: left;
            clear: both;
            margin-top: -61px;
            width: 46%;
            text-align: center; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_1 .right-side .btn_blue {
                display: none; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_1 .right-side .btn_blue {
                display: none; } }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_1 .right-side .btn_blue {
                margin-top: -2vw; } }
            @media only screen and (min-width: 992px) and (max-width: 1024px) {
              body .sections .section.s_1 .right-side .btn_blue {
                margin-top: -2vw;
                width: auto; } }
      body .sections .section.s_2 {
        padding-top: 120px;
        background: #fff;
        padding-bottom: 200px;
        z-index: 5; }
        @media only screen and (max-width: 767px) {
          body .sections .section.s_2 {
            padding-top: 45px;
            padding-bottom: 45px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_2 {
            padding-top: 45px;
            padding-bottom: 45px; } }
        @media only screen and (min-width: 992px) and (max-width: 1024px) {
          body .sections .section.s_2 {
            padding-top: 45px;
            padding-bottom: 45px; } }
        body .sections .section.s_2 .top_side {
          float: left;
          position: relative;
          width: 100%;
          margin-bottom: 35px; }
          body .sections .section.s_2 .top_side .left-side {
            float: left;
            position: relative;
            width: 50%; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_2 .top_side .left-side {
                width: 100%;
                text-align: center; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_2 .top_side .left-side {
                width: 100%;
                text-align: center; } }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_2 .top_side .left-side {
                width: 48%; } }
            @media only screen and (min-width: 1281px) and (max-width: 1366px) {
              body .sections .section.s_2 .top_side .left-side {
                width: 52%; } }
            body .sections .section.s_2 .top_side .left-side h2 {
              margin-top: 0; }
          body .sections .section.s_2 .top_side .right-side {
            float: left;
            position: relative;
            width: 50%;
            padding-left: 10%; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_2 .top_side .right-side {
                width: 100%;
                text-align: center;
                padding: 0; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_2 .top_side .right-side {
                width: 100%;
                text-align: center;
                padding: 0; } }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_2 .top_side .right-side {
                width: 50%;
                padding-left: 7%; } }
            @media only screen and (min-width: 1281px) and (max-width: 1366px) {
              body .sections .section.s_2 .top_side .right-side {
                width: 48%; } }
            body .sections .section.s_2 .top_side .right-side h5 {
              margin-top: 0;
              width: 63%;
              margin-bottom: 16px; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_2 .top_side .right-side h5 {
                  width: 100%; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_2 .top_side .right-side h5 {
                  width: 100%; } }
              @media only screen and (min-width: 1025px) and (max-width: 1280px) {
                body .sections .section.s_2 .top_side .right-side h5 {
                  width: 95%; } }
        body .sections .section.s_2 .switch_box {
          float: left;
          position: relative;
          width: 100%; }
          body .sections .section.s_2 .switch_box .box_images {
            float: left;
            position: relative;
            width: 100%; }
            body .sections .section.s_2 .switch_box .box_images img {
              width: 100%;
              display: none; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_2 .switch_box .box_images img {
                  width: 250vw;
                  margin-left: -56vw; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_2 .switch_box .box_images img {
                  width: 150vw;
                  margin-left: -56vw; } }
              @media only screen and (min-width: 992px) and (max-width: 1024px) {
                body .sections .section.s_2 .switch_box .box_images img {
                  width: 125%; } }
              body .sections .section.s_2 .switch_box .box_images img.active {
                display: block; }
        body .sections .section.s_2 .box_white_line {
          float: left;
          position: relative;
          width: 80%;
          margin-left: 10%;
          margin-top: -44px;
          background: #fff;
          -webkit-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
          -moz-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1); }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_2 .box_white_line {
              width: 100%;
              overflow: scroll; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_2 .box_white_line {
              width: 100%;
              overflow: scroll; } }
          @media only screen and (min-width: 992px) and (max-width: 1024px) {
            body .sections .section.s_2 .box_white_line {
              width: 100%;
              overflow: scroll; } }
          @media only screen and (min-width: 1025px) and (max-width: 1280px) {
            body .sections .section.s_2 .box_white_line {
              width: 99%;
              margin-left: .5%; } }
          @media only screen and (min-width: 1281px) and (max-width: 1366px) {
            body .sections .section.s_2 .box_white_line {
              width: 95%;
              margin-left: 2.5%; } }
          @media only screen and (min-width: 1367px) and (max-width: 1440px) {
            body .sections .section.s_2 .box_white_line {
              width: 95%;
              margin-left: 2.5%; } }
          body .sections .section.s_2 .box_white_line .box_navigate {
            float: left;
            position: relative;
            width: 77.5%; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_2 .box_white_line .box_navigate {
                width: 315%;
                position: absolute; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_2 .box_white_line .box_navigate {
                width: 155%;
                position: absolute; } }
            @media only screen and (min-width: 992px) and (max-width: 1024px) {
              body .sections .section.s_2 .box_white_line .box_navigate {
                width: 120%; } }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_2 .box_white_line .box_navigate {
                width: 85%; } }
            @media only screen and (min-width: 1200px) {
              body .sections .section.s_2 .box_white_line .box_navigate {
                width: 85%; } }
            body .sections .section.s_2 .box_white_line .box_navigate a {
              float: left;
              font-size: 12px;
              font-weight: bold;
              color: rgba(0, 0, 0, 0.4);
              padding: 45px 30px;
              text-decoration: none;
              border-right: 1px solid rgba(112, 112, 112, 0.16); }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_2 .box_white_line .box_navigate a {
                  padding: 25px 30px; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_2 .box_white_line .box_navigate a {
                  padding: 25px 30px; } }
              @media only screen and (min-width: 1025px) and (max-width: 1280px) {
                body .sections .section.s_2 .box_white_line .box_navigate a {
                  font-size: 0.7vw;
                  padding: 2.5vw 2vw; } }
              @media only screen and (min-width: 1281px) and (max-width: 1366px) {
                body .sections .section.s_2 .box_white_line .box_navigate a {
                  font-size: 0.7vw;
                  padding: 2.5vw 2vw; } }
              body .sections .section.s_2 .box_white_line .box_navigate a.active {
                color: #fff;
                background: #2840B8; }
          body .sections .section.s_2 .box_white_line .btn_place {
            float: left;
            position: relative;
            width: 25%;
            text-align: center;
            padding-top: 46px; }
            @media (max-width: 500px) {
              body .sections .section.s_2 .box_white_line .btn_place {
                right: -850px;
                top: -22.5px; } }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_2 .box_white_line .btn_place {
                right: -910px;
                top: -22.5px; } }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_2 .box_white_line .btn_place {
                right: -925px;
                top: -22.5px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_2 .box_white_line .btn_place {
                right: -925px;
                top: -22.5px; } }
            @media only screen and (min-width: 992px) and (max-width: 1024px) {
              body .sections .section.s_2 .box_white_line .btn_place {
                display: none; } }
            @media only screen and (min-width: 992px) {
              body .sections .section.s_2 .box_white_line .btn_place {
                width: 15%; } }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_2 .box_white_line .btn_place {
                right: 3vw;
                padding-top: 2.5vw;
                width: 15%; } }
            @media only screen and (min-width: 1281px) and (max-width: 1366px) {
              body .sections .section.s_2 .box_white_line .btn_place {
                padding-top: 2.5vw;
                right: 1.75vw;
                width: 15%; } }
            @media only screen and (min-width: 1367px) and (max-width: 1440px) {
              body .sections .section.s_2 .box_white_line .btn_place {
                padding-top: 3vw;
                right: 10vw;
                width: 15%; } }
            @media only screen and (min-width: 1441px) and (max-width: 1600px) {
              body .sections .section.s_2 .box_white_line .btn_place {
                padding-top: 3vw;
                right: 1.5vw;
                width: 15%; } }
            body .sections .section.s_2 .box_white_line .btn_place a {
              padding: 16px 37px; }
        body .sections .section.s_2 .mobile-side {
          float: left;
          position: relative;
          display: none; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_2 .mobile-side {
              width: 100%;
              display: block;
              text-align: center; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_2 .mobile-side {
              width: 100%;
              display: block;
              text-align: center; } }
      body .sections .section.s_3 {
        padding-top: 30px;
        padding-bottom: 200px;
        z-index: 5; }
        @media only screen and (max-width: 767px) {
          body .sections .section.s_3 {
            padding-bottom: 0; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_3 {
            padding-bottom: 0; } }
        @media only screen and (min-width: 992px) and (max-width: 1024px) {
          body .sections .section.s_3 {
            padding-bottom: 0; } }
        @media only screen and (min-width: 1200px) {
          body .sections .section.s_3 {
            padding-bottom: 0; } }
        body .sections .section.s_3 .left-side {
          float: left;
          position: relative;
          width: 50%;
          padding-right: 14%; }
          @media (min-width: 992px) {
            body .sections .section.s_3 .left-side {
              padding-bottom: 5%; } }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_3 .left-side {
              width: 100%;
              padding-right: 0;
              text-align: center; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_3 .left-side {
              width: 100%;
              padding-right: 0;
              text-align: center; } }
          @media only screen and (min-width: 1025px) and (max-width: 1280px) {
            body .sections .section.s_3 .left-side {
              padding-right: 8%; } }
          @media only screen and (min-width: 1281px) and (max-width: 1366px) {
            body .sections .section.s_3 .left-side {
              padding-right: 8%; } }
          @media only screen and (min-width: 1367px) and (max-width: 1440px) {
            body .sections .section.s_3 .left-side {
              padding-right: 8%; } }
          body .sections .section.s_3 .left-side h2 {
            margin-top: 0; }
          body .sections .section.s_3 .left-side h5 {
            position: relative;
            margin-top: 0;
            padding-left: 50px; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_3 .left-side h5 {
                padding-left: 0; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_3 .left-side h5 {
                padding-left: 0; } }
            body .sections .section.s_3 .left-side h5::before {
              content: '';
              position: absolute;
              width: 32px;
              height: 4px;
              background: #2840B8;
              left: 0;
              margin-top: 10px; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_3 .left-side h5::before {
                  display: none; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_3 .left-side h5::before {
                  display: none; } }
        body .sections .section.s_3 .right-side {
          position: absolute;
          left: 50%;
          width: 50%; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_3 .right-side {
              position: relative;
              width: 100%;
              left: 0; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_3 .right-side {
              position: relative;
              width: 100%;
              left: 0; } }
          body .sections .section.s_3 .right-side img {
            width: 100%; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_3 .right-side img {
                width: 220vw;
                margin-left: -55vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_3 .right-side img {
                width: 220vw;
                margin-left: -55vw; } }
      body .sections .section.s_4 {
        padding-top: 30px;
        z-index: 5; }
        @media only screen and (max-width: 767px) {
          body .sections .section.s_4 {
            padding-top: 0;
            margin-top: -85vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_4 {
            padding-top: 0;
            margin-top: -85vw; } }
        @media only screen and (min-width: 1200px) {
          body .sections .section.s_4 {
            margin-top: 0;
            padding-top: 0; } }
        @media only screen and (max-width: 767px) {
          body .sections .section.s_4.special {
            padding-top: 0;
            margin-top: 0;
            background: url(/assets/img/s_18_img_4.jpg);
            background-repeat: no-repeat; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_4.special {
            padding-top: 0;
            margin-top: 0;
            background: url(/assets/img/s_18_img_4.jpg);
            background-repeat: no-repeat; } }
        @media only screen and (min-width: 992px) {
          body .sections .section.s_4.special {
            margin-top: 0;
            padding-top: 0; } }
        @media only screen and (max-width: 767px) {
          body .sections .section.s_4 h3.only_mobile {
            font-size: 50px;
            text-align: center;
            color: #fff; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_4 h3.only_mobile {
            font-size: 50px;
            text-align: center;
            color: #fff; } }
        body .sections .section.s_4 .boxes {
          float: left;
          position: relative;
          width: 100%;
          background: #fff;
          display: grid;
          grid-template-columns: repeat(5, 1fr);
          grid-template-rows: 1fr;
          grid-column-gap: 0;
          grid-row-gap: 0;
          -webkit-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.08);
          -moz-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.08); }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_4 .boxes {
              display: grid;
              grid-template-columns: repeat(2, 1fr);
              grid-template-rows: 1fr;
              z-index: 20; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_4 .boxes {
              display: grid;
              grid-template-columns: repeat(2, 1fr);
              grid-template-rows: 1fr;
              z-index: 20; } }
          @media only screen and (min-width: 992px) and (max-width: 1024px) {
            body .sections .section.s_4 .boxes {
              width: calc(100% + 10vw);
              margin-left: -5vw; } }
          @media only screen and (min-width: 1025px) and (max-width: 1280px) {
            body .sections .section.s_4 .boxes {
              width: calc(100% + 10vw);
              margin-left: -5vw; } }
          @media only screen and (min-width: 1281px) and (max-width: 1366px) {
            body .sections .section.s_4 .boxes {
              width: calc(100% + 10vw);
              margin-left: -5vw; } }
          body .sections .section.s_4 .boxes div {
            text-align: center;
            padding: 40px 30px;
            border-right: 1px solid #eee; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_4 .boxes div {
                border-top: 1px solid #eee;
                padding: 35px 15px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_4 .boxes div {
                border-top: 1px solid #eee;
                padding: 35px 15px; } }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_4 .boxes div:first-child {
                display: none; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_4 .boxes div:first-child {
                display: none; } }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_4 .boxes div:nth-child(2), body .sections .section.s_4 .boxes div:nth-child(3) {
                border-top: none; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_4 .boxes div:nth-child(2), body .sections .section.s_4 .boxes div:nth-child(3) {
                border-top: none; } }
            body .sections .section.s_4 .boxes div:last-child {
              border-right: none; }
            body .sections .section.s_4 .boxes div h3 {
              float: left;
              text-align: left;
              margin-left: 25px;
              margin-top: 10px;
              margin-bottom: 0;
              font-size: 30px;
              color: #2A2A2A; }
            body .sections .section.s_4 .boxes div h4 {
              margin-top: 0;
              margin-bottom: 0;
              font-size: 36px;
              color: #2840B8; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_4 .boxes div h4 {
                  font-size: 5vw; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_4 .boxes div h4 {
                  font-size: 42px; } }
              @media only screen and (min-width: 1025px) and (max-width: 1280px) {
                body .sections .section.s_4 .boxes div h4 {
                  font-size: 2vw; } }
              @media only screen and (min-width: 992px) and (max-width: 1024px) {
                body .sections .section.s_4 .boxes div h4 {
                  font-size: 2vw; } }
              body .sections .section.s_4 .boxes div h4 small {
                font-size: 20px; }
                @media only screen and (max-width: 767px) {
                  body .sections .section.s_4 .boxes div h4 small {
                    font-size: 3vw; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_4 .boxes div h4 small {
                    font-size: 18px; } }
                @media only screen and (min-width: 992px) and (max-width: 1024px) {
                  body .sections .section.s_4 .boxes div h4 small {
                    font-size: 18px; } }
            body .sections .section.s_4 .boxes div h5 {
              margin-top: 0;
              margin-bottom: 0;
              color: rgba(51, 51, 51, 0.31); }
              @media (max-width: 767px) {
                body .sections .section.s_4 .boxes div h5 {
                  font-size: 2.5vw;
                  line-height: 4vw; } }
              @media only screen and (min-width: 1025px) and (max-width: 1280px) {
                body .sections .section.s_4 .boxes div h5 {
                  font-size: 1.3vw;
                  line-height: 1.5vw;
                  margin-top: 1vw; } }
        body .sections .section.s_4 .mobile-side {
          float: left;
          position: relative;
          display: none; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_4 .mobile-side {
              width: calc(100% + 12vw);
              margin-left: -6vw;
              display: block;
              margin-top: -100px;
              background: #F8F8FB;
              padding: 140px 6vw 6vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_4 .mobile-side {
              width: calc(100% + 12vw);
              margin-left: -6vw;
              display: block;
              margin-top: 30px;
              background: #F8F8FB;
              padding: 6vw; } }
        body .sections .section.s_4 .megabox {
          float: left;
          position: relative;
          width: 100%;
          margin-top: -97px;
          z-index: -1; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_4 .megabox {
              margin-top: 0; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_4 .megabox {
              margin-top: 0; } }
          body .sections .section.s_4 .megabox img {
            width: 100%; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_4 .megabox img {
                width: 300%;
                margin-left: -100%; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_4 .megabox img {
                width: 150%;
                margin-left: -50%; } }
            @media only screen and (min-width: 992px) and (max-width: 1024px) {
              body .sections .section.s_4 .megabox img {
                height: 125%; } }
          body .sections .section.s_4 .megabox .dt {
            position: absolute;
            top: 33%;
            left: calc(50% - 682px);
            text-align: center;
            width: 1364px; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_4 .megabox .dt {
                width: 100vw;
                left: 0;
                padding: 0 6vw;
                top: 15%; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_4 .megabox .dt {
                width: 100vw;
                left: 0;
                padding: 0 6vw;
                top: 15%; } }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_4 .megabox .dt {
                padding: 0 6%; } }
            @media only screen and (min-width: 1281px) and (max-width: 1366px) {
              body .sections .section.s_4 .megabox .dt {
                padding: 0 6%; } }
            body .sections .section.s_4 .megabox .dt h2, body .sections .section.s_4 .megabox .dt h5 {
              color: #fff; }
              @media only screen and (min-width: 992px) and (max-width: 1024px) {
                body .sections .section.s_4 .megabox .dt h2, body .sections .section.s_4 .megabox .dt h5 {
                  font-size: 1vw;
                  margin-top: 0; } }
              @media only screen and (min-width: 1025px) and (max-width: 1280px) {
                body .sections .section.s_4 .megabox .dt h2, body .sections .section.s_4 .megabox .dt h5 {
                  margin-top: 0; } }
              @media only screen and (min-width: 1281px) and (max-width: 1366px) {
                body .sections .section.s_4 .megabox .dt h2, body .sections .section.s_4 .megabox .dt h5 {
                  margin-top: 0; } }
            body .sections .section.s_4 .megabox .dt h2 {
              font-size: 55px; }
              @media only screen and (min-width: 992px) and (max-width: 1024px) {
                body .sections .section.s_4 .megabox .dt h2 {
                  font-size: 5vw;
                  margin-top: 0; } }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_4 .megabox .dt h2 {
                  font-size: 8vw;
                  margin-top: 0; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_4 .megabox .dt h2 {
                  margin-top: 0; } }
            @media only screen and (min-width: 992px) and (max-width: 1024px) {
              body .sections .section.s_4 .megabox .dt h5 {
                font-size: 3vw;
                margin-top: 0; } }
            @media (max-width: 450px) {
              body .sections .section.s_4 .megabox .dt h5 {
                margin-bottom: 0; } }
            body .sections .section.s_4 .megabox .dt a {
              margin-top: 30px;
              display: inline-block; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_4 .megabox .dt a {
                  width: 100%; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_4 .megabox .dt a {
                  width: 100%; } }
              @media (min-width: 992px) {
                body .sections .section.s_4 .megabox .dt a {
                  margin-top: 0; } }
      body .sections .section.s_5 {
        padding-top: 120px;
        background: #fff;
        z-index: 5; }
        @media only screen and (max-width: 767px) {
          body .sections .section.s_5 {
            padding-top: 45px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_5 {
            padding-top: 45px; } }
        body .sections .section.s_5::before {
          content: '';
          position: absolute;
          background: #F8F8FB;
          left: 0;
          top: 600px;
          width: 100%;
          height: 500px; }
        body .sections .section.s_5 .top_side {
          float: left;
          position: relative;
          width: 100%; }
          body .sections .section.s_5 .top_side .left-side {
            float: left;
            position: relative;
            width: 50%; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_5 .top_side .left-side {
                width: 100%;
                text-align: center; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_5 .top_side .left-side {
                width: 100%;
                text-align: center; } }
            body .sections .section.s_5 .top_side .left-side h2 {
              margin-top: 0; }
          body .sections .section.s_5 .top_side .right-side {
            float: left;
            position: relative;
            width: 50%;
            padding-left: 10%;
            text-align: right; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_5 .top_side .right-side {
                display: none; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_5 .top_side .right-side {
                display: none; } }
            body .sections .section.s_5 .top_side .right-side h5 {
              margin-top: 0; }
              body .sections .section.s_5 .top_side .right-side h5.after {
                position: relative;
                margin-right: 40px; }
                body .sections .section.s_5 .top_side .right-side h5.after::after {
                  content: "";
                  position: absolute;
                  background: #2840B8;
                  width: 32px;
                  height: 4px;
                  right: -40px;
                  bottom: 10px; }
        body .sections .section.s_5 .switch_box {
          float: left;
          position: relative;
          width: 100%; }
          body .sections .section.s_5 .switch_box .box_images {
            float: left;
            position: relative;
            width: 100%; }
            body .sections .section.s_5 .switch_box .box_images img {
              width: 100%;
              display: none; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_5 .switch_box .box_images img {
                  width: 250vw;
                  margin-left: -56vw; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_5 .switch_box .box_images img {
                  width: 250vw;
                  margin-left: -56vw; } }
              @media only screen and (min-width: 992px) and (max-width: 1024px) {
                body .sections .section.s_5 .switch_box .box_images img {
                  width: 250vw;
                  margin-left: -56vw; } }
              body .sections .section.s_5 .switch_box .box_images img.active {
                display: block; }
        body .sections .section.s_5 .box_white_line {
          float: left;
          position: relative;
          width: 80%;
          margin-left: 10%;
          margin-top: -44px;
          background: #fff;
          -webkit-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
          -moz-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1); }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_5 .box_white_line {
              width: 100%;
              overflow: scroll; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_5 .box_white_line {
              width: 100%;
              overflow: scroll; } }
          @media only screen and (min-width: 992px) and (max-width: 1024px) {
            body .sections .section.s_5 .box_white_line {
              width: 100%;
              overflow: scroll; } }
          @media only screen and (min-width: 1025px) and (max-width: 1280px) {
            body .sections .section.s_5 .box_white_line {
              width: 95%;
              margin-left: 2.5%; } }
          @media only screen and (min-width: 1281px) and (max-width: 1366px) {
            body .sections .section.s_5 .box_white_line {
              width: 90%;
              margin-left: 5%; } }
          body .sections .section.s_5 .box_white_line .box_navigate {
            float: left;
            position: relative;
            width: 100%; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_5 .box_white_line .box_navigate {
                width: 205vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_5 .box_white_line .box_navigate {
                width: 205vw; } }
            @media only screen and (min-width: 992px) and (max-width: 1024px) {
              body .sections .section.s_5 .box_white_line .box_navigate {
                width: 205vw; } }
            @media only screen and (min-width: 1281px) and (max-width: 1366px) {
              body .sections .section.s_5 .box_white_line .box_navigate {
                width: 100%; } }
            body .sections .section.s_5 .box_white_line .box_navigate a {
              float: left;
              font-size: 13px;
              font-weight: bold;
              color: rgba(0, 0, 0, 0.4);
              padding: 25px 20px;
              text-decoration: none;
              text-align: center;
              border-right: 1px solid rgba(112, 112, 112, 0.16);
              width: calc(100% / 9); }
              body .sections .section.s_5 .box_white_line .box_navigate a:last-of-type {
                border-right: none; }
              body .sections .section.s_5 .box_white_line .box_navigate a img {
                display: block;
                width: 100%;
                margin-bottom: 15px; }
              body .sections .section.s_5 .box_white_line .box_navigate a.active[data-pair="s5_1"] {
                color: #fff;
                background: #000; }
              body .sections .section.s_5 .box_white_line .box_navigate a.active[data-pair="s5_2"] {
                color: #fff;
                background: #4f4f54; }
              body .sections .section.s_5 .box_white_line .box_navigate a.active[data-pair="s5_3"] {
                color: #fff;
                background: #b1aca7; }
              body .sections .section.s_5 .box_white_line .box_navigate a.active[data-pair="s5_4"] {
                color: #fff;
                background: #cf7d2b; }
              body .sections .section.s_5 .box_white_line .box_navigate a.active[data-pair="s5_5"] {
                color: #fff;
                background: #c3423f; }
              body .sections .section.s_5 .box_white_line .box_navigate a.active[data-pair="s5_6"] {
                color: #fff;
                background: #dddddd; }
              body .sections .section.s_5 .box_white_line .box_navigate a.active[data-pair="s5_7"] {
                color: #fff;
                background: #3b65b8; }
              body .sections .section.s_5 .box_white_line .box_navigate a.active[data-pair="s5_8"] {
                color: #fff;
                background: #d7c53f; }
              body .sections .section.s_5 .box_white_line .box_navigate a.active[data-pair="s5_9"] {
                color: #fff;
                background: #b0b0b0; }
          body .sections .section.s_5 .box_white_line .btn_place {
            float: left;
            position: relative;
            width: 25%;
            text-align: center;
            padding-top: 46px; }
            body .sections .section.s_5 .box_white_line .btn_place a {
              padding: 16px 37px; }
        body .sections .section.s_5 .mobile-side {
          float: left;
          position: relative;
          display: none; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_5 .mobile-side {
              width: 100%;
              display: block;
              text-align: center; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_5 .mobile-side {
              width: 100%;
              display: block;
              text-align: center; } }
      body .sections .section.s_6 {
        padding-top: 220px;
        padding-bottom: 120px;
        background: #F8F8FB;
        z-index: 5; }
        @media only screen and (max-width: 767px) {
          body .sections .section.s_6 {
            padding-top: 110px;
            padding-bottom: 45px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_6 {
            padding-top: 110px;
            padding-bottom: 45px; } }
        body .sections .section.s_6 .top {
          float: left;
          position: relative;
          width: 100%; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_6 .top .mobile_box {
              width: 106px;
              margin: 0 auto 56px; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_6 .top .mobile_box {
              width: 106px;
              margin: 0 auto 56px; } }
          body .sections .section.s_6 .top .left-side {
            float: left;
            position: relative;
            width: 24%; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_6 .top .left-side {
                width: 100%;
                text-align: center; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_6 .top .left-side {
                width: 100%;
                text-align: center; } }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_6 .top .left-side {
                width: 28%; } }
            @media only screen and (min-width: 1281px) and (max-width: 1366px) {
              body .sections .section.s_6 .top .left-side {
                width: 28%; } }
            body .sections .section.s_6 .top .left-side h2 {
              margin-top: 0; }
          body .sections .section.s_6 .top .middle-side {
            float: left;
            position: relative;
            width: 51%;
            padding: 0 4%; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_6 .top .middle-side {
                width: 100%;
                padding: 0; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_6 .top .middle-side {
                width: 100%;
                padding: 0; } }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_6 .top .middle-side {
                width: 49%; } }
            @media only screen and (min-width: 1281px) and (max-width: 1366px) {
              body .sections .section.s_6 .top .middle-side {
                width: 49%; } }
            body .sections .section.s_6 .top .middle-side img {
              width: 100%; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_6 .top .middle-side img {
                  margin-top: -30px; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_6 .top .middle-side img {
                  margin-top: -30px; } }
          body .sections .section.s_6 .top .right-side {
            float: left;
            position: relative;
            width: 25%; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_6 .top .right-side {
                display: none; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_6 .top .right-side {
                display: none; } }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_6 .top .right-side {
                width: 23%; } }
            @media only screen and (min-width: 1281px) and (max-width: 1366px) {
              body .sections .section.s_6 .top .right-side {
                width: 23%; } }
            body .sections .section.s_6 .top .right-side img {
              margin-bottom: 5vw;
              margin-top: 5%; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_6 .top .right-side img {
                  display: none; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_6 .top .right-side img {
                  display: none; } }
              @media only screen and (min-width: 1025px) and (max-width: 1280px) {
                body .sections .section.s_6 .top .right-side img {
                  margin-bottom: 1vw; } }
              @media only screen and (min-width: 1281px) and (max-width: 1366px) {
                body .sections .section.s_6 .top .right-side img {
                  margin-bottom: 50px; } }
            body .sections .section.s_6 .top .right-side a {
              font-size: 13px;
              margin-top: 30px;
              display: inline-block; }
        @media only screen and (max-width: 767px) {
          body .sections .section.s_6 .mobile-scroll-container {
            float: left;
            position: relative;
            width: calc(100% + 6vw);
            overflow: scroll; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_6 .mobile-scroll-container {
            float: left;
            position: relative;
            width: calc(100% + 6vw);
            overflow: scroll; } }
        body .sections .section.s_6 .bottom {
          float: left;
          position: relative;
          width: 100%;
          margin-top: 60px;
          display: grid;
          grid-template-columns: repeat(6, 1fr);
          grid-template-rows: 1fr;
          grid-column-gap: 30px;
          grid-row-gap: 0; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_6 .bottom {
              margin-top: 0px;
              width: 244vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_6 .bottom {
              margin-top: 0px;
              width: 244vw; } }
          body .sections .section.s_6 .bottom .item h3 {
            position: absolute;
            font-size: 45px;
            color: #2840B8; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_6 .bottom .item h3 {
                font-size: 39px;
                color: #000; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_6 .bottom .item h3 {
                font-size: 39px;
                color: #000; } }
            body .sections .section.s_6 .bottom .item h3 small {
              font-size: 26px; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_6 .bottom .item h3 small {
                  font-size: 22px; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_6 .bottom .item h3 small {
                  font-size: 22px; } }
          body .sections .section.s_6 .bottom .item img {
            width: 50%;
            margin-left: 20%; }
          body .sections .section.s_6 .bottom .item p {
            font-size: 18px;
            font-weight: 500;
            color: #333333; }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_6 .bottom .item p {
                font-size: 1.2vw;
                margin-bottom: 0vw;
                margin-top: 0; } }
            body .sections .section.s_6 .bottom .item p span {
              color: #BCBCBC; }
          body .sections .section.s_6 .bottom .item .lbl {
            float: left;
            position: relative;
            width: 100%;
            margin-top: 15px; }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_6 .bottom .item .lbl {
                margin-top: 3vw; } }
        body .sections .section.s_6 .mobile-side {
          float: left;
          position: relative;
          display: none; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_6 .mobile-side {
              width: 100%;
              display: block;
              text-align: center;
              margin-top: 30px;
              margin-bottom: 30px; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_6 .mobile-side {
              width: 100%;
              display: block;
              text-align: center;
              margin-top: 30px;
              margin-bottom: 30px; } }
          body .sections .section.s_6 .mobile-side a {
            display: inline-block;
            width: 100%;
            margin-top: 15px; }
      body .sections .section.s_7 {
        background: #F8F8FB;
        z-index: 5;
        padding-bottom: 130px; }
        @media only screen and (max-width: 767px) {
          body .sections .section.s_7 {
            padding-bottom: 0px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_7 {
            padding-bottom: 0px; } }
        body .sections .section.s_7 .top {
          float: left;
          position: relative;
          width: 100%; }
          body .sections .section.s_7 .top > img {
            width: 100%; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_7 .top > img {
                width: 500%;
                margin-left: -250%; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_7 .top > img {
                width: 225%;
                margin-left: -50%; } }
          body .sections .section.s_7 .top .data {
            position: absolute;
            text-align: center;
            top: 100px;
            width: 50%;
            left: 25%; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_7 .top .data {
                width: 100%;
                left: 0;
                padding: 0 6vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_7 .top .data {
                width: 100%;
                left: 0;
                padding: 0 6vw; } }
            @media only screen and (min-width: 992px) and (max-width: 1024px) {
              body .sections .section.s_7 .top .data {
                top: 15px; } }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_7 .top .data {
                top: 15px; } }
            @media only screen and (min-width: 1281px) and (max-width: 1366px) {
              body .sections .section.s_7 .top .data {
                top: 15px; } }
            body .sections .section.s_7 .top .data h2, body .sections .section.s_7 .top .data h5 {
              color: #fff; }
            @media only screen and (min-width: 992px) and (max-width: 1024px) {
              body .sections .section.s_7 .top .data h2 {
                font-size: 4vw; } }
            @media only screen and (min-width: 992px) and (max-width: 1024px) {
              body .sections .section.s_7 .top .data h5 {
                line-height: 2.2vw;
                font-size: 1.8vw; } }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_7 .top .data .mobile-place {
                float: left;
                position: relative;
                width: 100%;
                text-align: center; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_7 .top .data .mobile-place {
                float: left;
                position: relative;
                width: 100%;
                text-align: center; } }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_7 .top .data .mobile-place img.play {
                float: left;
                position: relative;
                width: 64px;
                margin-left: calc(50% - 32px); } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_7 .top .data .mobile-place img.play {
                float: left;
                position: relative;
                width: 64px;
                margin-left: calc(50% - 32px); } }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_7 .top .data .mobile-place a.btn_blue {
                display: inline-block;
                width: 100%;
                margin-top: 30px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_7 .top .data .mobile-place a.btn_blue {
                display: inline-block;
                width: 100%;
                margin-top: 30px; } }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_7 .top .data .mobile-place a.download {
                display: inline-block;
                width: 100%;
                margin-top: 30px;
                text-align: center;
                color: #fff;
                font-size: 16px;
                text-decoration: none; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_7 .top .data .mobile-place a.download {
                display: inline-block;
                width: 100%;
                margin-top: 30px;
                text-align: center;
                color: #fff;
                font-size: 16px;
                text-decoration: none; } }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_7 .top .data .mobile-place a.download img {
                display: block;
                width: 22px;
                margin-left: calc(50% - 11px);
                margin-bottom: 7px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_7 .top .data .mobile-place a.download img {
                display: block;
                width: 22px;
                margin-left: calc(50% - 11px);
                margin-bottom: 7px; } }
        body .sections .section.s_7 .video-place {
          float: left;
          position: relative;
          width: 100%;
          margin-top: -200px; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_7 .video-place {
              display: none; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_7 .video-place {
              display: none; } }
          @media only screen and (min-width: 992px) and (max-width: 1024px) {
            body .sections .section.s_7 .video-place {
              margin-top: -75px; } }
          @media only screen and (min-width: 1025px) and (max-width: 1280px) {
            body .sections .section.s_7 .video-place {
              margin-top: -55px; } }
          @media only screen and (min-width: 1281px) and (max-width: 1366px) {
            body .sections .section.s_7 .video-place {
              margin-top: -40px; } }
          @media only screen and (min-width: 1367px) and (max-width: 1440px) {
            body .sections .section.s_7 .video-place {
              margin-top: -30px; } }
          body .sections .section.s_7 .video-place .video-data {
            width: 100%; }
            body .sections .section.s_7 .video-place .video-data video {
              width: 100%; }
          body .sections .section.s_7 .video-place img.video_img {
            width: 100%; }
          body .sections .section.s_7 .video-place img.play {
            position: absolute;
            top: 16vw;
            left: calc(50% - 32px); }
            @media only screen and (min-width: 992px) and (max-width: 1024px) {
              body .sections .section.s_7 .video-place img.play {
                margin-top: -30px; } }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_7 .video-place img.play {
                margin-top: -30px; } }
          body .sections .section.s_7 .video-place img.police {
            width: 120%;
            margin-left: -10%;
            margin-top: -135px;
            z-index: -1;
            position: relative; }
            @media only screen and (min-width: 992px) and (max-width: 1024px) {
              body .sections .section.s_7 .video-place img.police {
                width: 110%;
                margin-left: -5%;
                margin-top: -108px; } }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_7 .video-place img.police {
                width: 110%;
                margin-left: -5%;
                margin-top: -108px; } }
            @media only screen and (min-width: 1281px) and (max-width: 1366px) {
              body .sections .section.s_7 .video-place img.police {
                width: 110%;
                margin-left: -5%;
                margin-top: -108px; } }
        body .sections .section.s_7 .bottom-place {
          float: left;
          position: relative;
          width: 100%;
          margin-top: 10px;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_7 .bottom-place {
              display: none; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_7 .bottom-place {
              display: none; } }
          body .sections .section.s_7 .bottom-place .download {
            position: absolute;
            right: 0;
            font-size: 18px;
            font-weight: 500;
            color: #2A2A2A;
            text-decoration: none;
            margin-top: -15px; }
            body .sections .section.s_7 .bottom-place .download img {
              margin-left: 15px; }
      body .sections .section.s_8 {
        background: white;
        z-index: 5;
        padding-bottom: 120px; }
        @media only screen and (max-width: 767px) {
          body .sections .section.s_8 {
            padding-bottom: 45px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_8 {
            padding-bottom: 45px; } }
        body .sections .section.s_8 .centered {
          float: left;
          position: relative;
          width: 100%;
          padding: 15% 13% 10% 13%;
          padding-top: 80px;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_8 .centered {
              padding-top: 0; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_8 .centered {
              padding-top: 0; } }
          body .sections .section.s_8 .centered::before {
            content: '';
            position: absolute;
            left: 50%;
            top: -50px;
            width: 1px;
            height: 146px;
            background: #2840B8; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_8 .centered::before {
                display: none; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_8 .centered::before {
                display: none; } }
          body .sections .section.s_8 .centered h2 {
            margin-bottom: 0; }
        @media only screen and (max-width: 767px) {
          body .sections .section.s_8 .mobile-scroll-container {
            float: left;
            position: relative;
            width: calc(100% + 6vw);
            overflow: scroll; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_8 .mobile-scroll-container {
            float: left;
            position: relative;
            width: calc(100% + 6vw);
            overflow: scroll; } }
        body .sections .section.s_8 .s_navigate {
          float: left;
          position: relative;
          width: 100%;
          display: grid;
          grid-template-columns: repeat(5, 1fr);
          grid-template-rows: 1fr;
          grid-column-gap: 0;
          grid-row-gap: 0;
          background: #fff;
          -webkit-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.08);
          -moz-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.08); }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_8 .s_navigate {
              width: 300vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_8 .s_navigate {
              width: 300vw; } }
          body .sections .section.s_8 .s_navigate .section_navigate {
            border-right: 1px solid #eee;
            text-align: center;
            padding: 41px 45px 45px 45px;
            border-top: 4px solid #fff;
            cursor: pointer; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_8 .s_navigate .section_navigate {
                padding: 15px 45px 20px 45px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_8 .s_navigate .section_navigate {
                padding: 15px 45px 20px 45px; } }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_8 .s_navigate .section_navigate {
                padding: 2vw 45px 2vw 45px; } }
            body .sections .section.s_8 .s_navigate .section_navigate.active {
              border-top: 4px solid #2840B8; }
            body .sections .section.s_8 .s_navigate .section_navigate a {
              text-decoration: none;
              pointer-events: none; }
              body .sections .section.s_8 .s_navigate .section_navigate a img {
                height: 90px; }
              body .sections .section.s_8 .s_navigate .section_navigate a span {
                display: block;
                font-size: 13px;
                font-weight: bold;
                color: #2A2A2A;
                margin-top: 15px; }
            body .sections .section.s_8 .s_navigate .section_navigate:last-of-type {
              border-right: none; }
        body .sections .section.s_8 .sections_container {
          float: left;
          position: relative;
          width: 100%;
          margin-top: 60px; }
          body .sections .section.s_8 .sections_container .section_item {
            float: left;
            position: relative;
            width: 100%;
            display: none; }
            body .sections .section.s_8 .sections_container .section_item.active {
              display: block; }
            body .sections .section.s_8 .sections_container .section_item .left-item-side {
              float: left;
              position: relative;
              width: 50%; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_8 .sections_container .section_item .left-item-side {
                  width: 100%; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_8 .sections_container .section_item .left-item-side {
                  width: 100%; } }
              @media only screen and (min-width: 1025px) and (max-width: 1280px) {
                body .sections .section.s_8 .sections_container .section_item .left-item-side {
                  width: 40%; } }
              body .sections .section.s_8 .sections_container .section_item .left-item-side img {
                width: 100%; }
            body .sections .section.s_8 .sections_container .section_item .right-item-side {
              float: left;
              position: relative;
              width: 50%;
              padding-left: 6%; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_8 .sections_container .section_item .right-item-side {
                  width: 100%;
                  padding-left: 0; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_8 .sections_container .section_item .right-item-side {
                  width: 100%;
                  padding-left: 0; } }
              @media only screen and (min-width: 1025px) and (max-width: 1280px) {
                body .sections .section.s_8 .sections_container .section_item .right-item-side {
                  width: 60%; } }
              body .sections .section.s_8 .sections_container .section_item .right-item-side h3 {
                font-size: 48px; }
                @media only screen and (max-width: 767px) {
                  body .sections .section.s_8 .sections_container .section_item .right-item-side h3 {
                    text-align: center; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_8 .sections_container .section_item .right-item-side h3 {
                    text-align: center; } }
              body .sections .section.s_8 .sections_container .section_item .right-item-side h5 {
                margin-top: 0; }
              body .sections .section.s_8 .sections_container .section_item .right-item-side a {
                margin-top: 30px;
                display: inline-block; }
                @media only screen and (max-width: 767px) {
                  body .sections .section.s_8 .sections_container .section_item .right-item-side a {
                    width: 100%;
                    text-align: center; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_8 .sections_container .section_item .right-item-side a {
                    width: 100%;
                    text-align: center; } }
            body .sections .section.s_8 .sections_container .section_item .shop-data {
              float: left;
              position: relative;
              width: 100%;
              margin-top: 60px; }
      body .sections .section.s_9 {
        background: #F8F8FB;
        z-index: 5;
        padding-top: 120px;
        padding-bottom: 120px; }
        @media only screen and (max-width: 767px) {
          body .sections .section.s_9 {
            padding-top: 45px;
            padding-bottom: 45px;
            height: 225vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_9 {
            padding-top: 45px;
            padding-bottom: 45px;
            height: 160vw; } }
        @media only screen and (min-width: 1025px) and (max-width: 1280px) {
          body .sections .section.s_9 {
            padding-top: 0; } }
        body .sections .section.s_9 > img {
          width: 100%; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_9 > img {
              width: 400%;
              margin-left: -200%; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_9 > img {
              width: 400%;
              margin-left: -200%; } }
        body .sections .section.s_9 .data_content_container {
          position: absolute;
          top: 190px;
          left: calc(50% - 682px); }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_9 .data_content_container {
              float: left;
              position: relative;
              top: -120vw;
              left: 0;
              text-align: center; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_9 .data_content_container {
              float: left;
              position: relative;
              top: -120vw;
              left: 0;
              text-align: center; } }
          @media only screen and (min-width: 1025px) and (max-width: 1280px) {
            body .sections .section.s_9 .data_content_container {
              top: 9vw;
              left: calc(50% - 49vw); } }
          body .sections .section.s_9 .data_content_container .left-side {
            float: left;
            position: relative;
            width: 30%;
            bottom: 2vw; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_9 .data_content_container .left-side {
                width: 100%; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_9 .data_content_container .left-side {
                width: 100%; } }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_9 .data_content_container .left-side {
                width: 40%; } }
            body .sections .section.s_9 .data_content_container .left-side h2 {
              color: #fff;
              font-size: 3.5vw; }
              @media only screen and (min-width: 1025px) and (max-width: 1280px) {
                body .sections .section.s_9 .data_content_container .left-side h2 {
                  margin-top: -20px; } }
              @media only screen and (min-width: 1281px) and (max-width: 1366px) {
                body .sections .section.s_9 .data_content_container .left-side h2 {
                  margin-top: 0; } }
          body .sections .section.s_9 .data_content_container .middle-side {
            float: left;
            position: relative;
            width: 40%; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_9 .data_content_container .middle-side {
                width: 100%; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_9 .data_content_container .middle-side {
                width: 100%; } }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_9 .data_content_container .middle-side {
                width: 27%; } }
            body .sections .section.s_9 .data_content_container .middle-side img {
              width: 150%;
              margin-left: -42%;
              margin-top: -315px; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_9 .data_content_container .middle-side img {
                  width: 100%;
                  margin-left: 0;
                  margin-top: -30px; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_9 .data_content_container .middle-side img {
                  width: 100%;
                  margin-left: 0;
                  margin-top: -30px; } }
              @media only screen and (min-width: 1025px) and (max-width: 1280px) {
                body .sections .section.s_9 .data_content_container .middle-side img {
                  width: 191%;
                  margin-left: -81%;
                  margin-top: -16vw; } }
              @media only screen and (min-width: 1281px) and (max-width: 1366px) {
                body .sections .section.s_9 .data_content_container .middle-side img {
                  width: 125%;
                  margin-left: -24%;
                  margin-top: -150px; } }
              @media only screen and (min-width: 1367px) and (max-width: 1440px) {
                body .sections .section.s_9 .data_content_container .middle-side img {
                  width: 125%;
                  margin-left: -24%;
                  margin-top: -301px; } }
              @media only screen and (min-width: 1441px) and (max-width: 1600px) {
                body .sections .section.s_9 .data_content_container .middle-side img {
                  width: 125%;
                  margin-left: -15%; } }
              @media (min-width: 1601px) {
                body .sections .section.s_9 .data_content_container .middle-side img {
                  width: 125%;
                  margin-left: -10%;
                  margin-top: -225px; } }
          body .sections .section.s_9 .data_content_container .right-side {
            float: left;
            position: relative;
            width: 30%;
            margin-top: 84px; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_9 .data_content_container .right-side {
                width: 100%;
                margin-top: 0; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_9 .data_content_container .right-side {
                width: 100%;
                margin-top: 0; } }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_9 .data_content_container .right-side {
                margin-top: -5vw; } }
            @media only screen and (min-width: 1281px) and (max-width: 1366px) {
              body .sections .section.s_9 .data_content_container .right-side {
                margin-top: 0; } }
            @media only screen and (min-width: 1367px) and (max-width: 1440px) {
              body .sections .section.s_9 .data_content_container .right-side {
                margin-top: 42px; } }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_9 .data_content_container .right-side img {
                display: none; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_9 .data_content_container .right-side img {
                display: none; } }
            body .sections .section.s_9 .data_content_container .right-side h5, body .sections .section.s_9 .data_content_container .right-side p {
              color: #fff; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_9 .data_content_container .right-side h5, body .sections .section.s_9 .data_content_container .right-side p {
                  color: #333333; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_9 .data_content_container .right-side h5, body .sections .section.s_9 .data_content_container .right-side p {
                  color: #333333; } }
            @media (min-width: 992px) and (max-width: 1440px) {
              body .sections .section.s_9 .data_content_container .right-side h5 {
                font-size: 1.5vw; } }
            @media (min-width: 992px) and (max-width: 1440px) {
              body .sections .section.s_9 .data_content_container .right-side p {
                font-size: 1.2vw; } }
      body .sections .section.s_10 {
        background: #F8F8FB;
        z-index: 5;
        padding-top: 120px;
        padding-bottom: 120px; }
        @media only screen and (max-width: 767px) {
          body .sections .section.s_10 {
            padding-top: 90px;
            padding-bottom: 45px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_10 {
            padding-top: 90px;
            padding-bottom: 45px; } }
        body .sections .section.s_10 .top {
          float: left;
          position: relative;
          width: 100%; }
          body .sections .section.s_10 .top .left {
            float: left;
            position: relative;
            width: 50%; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_10 .top .left {
                width: 100%;
                text-align: center; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_10 .top .left {
                width: 100%;
                text-align: center; } }
            body .sections .section.s_10 .top .left h2 {
              margin-top: 0;
              position: relative; }
              body .sections .section.s_10 .top .left h2::after {
                content: "";
                background: url(/assets/img/youtube.svg);
                width: 61px;
                height: 43px;
                position: relative;
                display: inline-block;
                margin-left: 0.2vw; }
                @media only screen and (max-width: 767px) {
                  body .sections .section.s_10 .top .left h2::after {
                    position: absolute;
                    top: -55px;
                    left: calc(50% - 22.5px);
                    margin-left: 0; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_10 .top .left h2::after {
                    position: absolute;
                    top: -55px;
                    left: calc(50% - 22.5px);
                    margin-left: 0; } }
          body .sections .section.s_10 .top .right {
            float: left;
            position: relative;
            width: 50%;
            text-align: right; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_10 .top .right {
                width: 100%;
                text-align: center; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_10 .top .right {
                width: 100%;
                text-align: center; } }
            body .sections .section.s_10 .top .right h5 {
              position: relative;
              margin-right: 50px; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_10 .top .right h5 {
                  margin-right: 0; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_10 .top .right h5 {
                  margin-right: 0; } }
              body .sections .section.s_10 .top .right h5::after {
                content: "";
                position: absolute;
                background: #2840B8;
                width: 32px;
                height: 4px;
                right: -50px;
                bottom: 13px; }
                @media only screen and (max-width: 767px) {
                  body .sections .section.s_10 .top .right h5::after {
                    display: none; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_10 .top .right h5::after {
                    display: none; } }
            body .sections .section.s_10 .top .right a {
              margin-top: 15px;
              display: inline-block; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_10 .top .right a {
                  display: none; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_10 .top .right a {
                  display: none; } }
        body .sections .section.s_10 .bottom {
          float: left;
          position: relative;
          width: 100%;
          margin-top: 30px;
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          grid-template-rows: 1fr;
          grid-column-gap: 15px;
          grid-row-gap: 0; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_10 .bottom {
              display: block;
              width: 190%;
              margin-top: 0;
              height: 75vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_10 .bottom {
              width: 100%;
              margin-top: 0;
              height: fit-content; } }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_10 .bottom .video-item {
              float: left;
              position: relative;
              margin-right: 10px; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_10 .bottom .video-item {
              float: left;
              position: relative;
              width: 100%;
              margin-bottom: 7.5%; } }
          body .sections .section.s_10 .bottom .video-item a {
            text-decoration: none;
            font-size: 16px;
            line-height: 24px;
            font-weight: 500;
            color: #2A2A2A; }
            body .sections .section.s_10 .bottom .video-item a img {
              width: 100%; }
            body .sections .section.s_10 .bottom .video-item a span {
              display: inline-block; }
        body .sections .section.s_10 .mobile-side {
          display: none; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_10 .mobile-side {
              float: left;
              position: relative;
              width: 100%;
              margin-top: 30px;
              margin-bottom: 30px;
              display: block; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_10 .mobile-side {
              float: left;
              position: relative;
              width: 100%;
              margin-top: 30px;
              margin-bottom: 30px;
              display: block; } }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_10 .mobile-side a {
              display: inline-block;
              width: 100%;
              text-align: center; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_10 .mobile-side a {
              display: inline-block;
              width: 100%;
              text-align: center; } }
      body .sections .section.s_11 {
        background: #F8F8FB;
        z-index: 5;
        padding-bottom: 120px; }
        body .sections .section.s_11 .left-side {
          float: left;
          position: relative;
          width: 50%;
          padding-right: 10%; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_11 .left-side {
              display: none; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_11 .left-side {
              display: none; } }
          body .sections .section.s_11 .left-side img {
            width: 100%; }
        body .sections .section.s_11 .right-side {
          float: left;
          position: relative;
          width: 50%; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_11 .right-side {
              width: 100%;
              text-align: center; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_11 .right-side {
              width: 100%;
              text-align: center; } }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_11 .right-side img {
              width: 100%; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_11 .right-side img {
              width: 100%; } }
          body .sections .section.s_11 .right-side h5 {
            position: relative;
            margin-left: 50px; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_11 .right-side h5 {
                margin-left: 0; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_11 .right-side h5 {
                margin-left: 0; } }
            body .sections .section.s_11 .right-side h5::before {
              content: "";
              position: absolute;
              background: #2840B8;
              width: 32px;
              height: 4px;
              left: -50px;
              top: 13px; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_11 .right-side h5::before {
                  display: none; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_11 .right-side h5::before {
                  display: none; } }
          body .sections .section.s_11 .right-side a {
            margin-top: 40px;
            display: inline-block; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_11 .right-side a {
                width: 100%;
                text-align: center;
                margin-top: 40px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_11 .right-side a {
                width: 100%;
                text-align: center;
                margin-top: 40px; } }
      body .sections .section.s_12 {
        background: #fff;
        z-index: 5;
        padding-top: 90px;
        padding-bottom: 120px; }
        @media only screen and (max-width: 767px) {
          body .sections .section.s_12 {
            padding-top: 45px;
            padding-bottom: 45px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_12 {
            padding-top: 45px;
            padding-bottom: 45px; } }
        body .sections .section.s_12 .centered {
          float: left;
          position: relative;
          width: 100%;
          text-align: center; }
          body .sections .section.s_12 .centered h2 {
            font-size: 45px;
            margin-bottom: 40px; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_12 .centered h2 {
                font-size: 32px;
                margin-bottom: 42px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_12 .centered h2 {
                font-size: 32px;
                margin-bottom: 42px; } }
        body .sections .section.s_12 .slick-track {
          height: 100%; }
        body .sections .section.s_12 .posts {
          float: left;
          position: relative;
          width: 100%;
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          grid-template-rows: 1fr;
          grid-column-gap: 80px;
          grid-row-gap: 0;
          margin-top: 30px;
          margin-bottom: 90px; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_12 .posts {
              display: block;
              width: 190%;
              margin-top: 0;
              margin-bottom: 45px;
              height: 115vw; } }
          @media (max-width: 550px) {
            body .sections .section.s_12 .posts {
              height: 125vw; } }
          @media (max-width: 450px) {
            body .sections .section.s_12 .posts {
              height: 150vw; } }
          @media (max-width: 375px) {
            body .sections .section.s_12 .posts {
              height: 175vw; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_12 .posts {
              grid-column-gap: 10px;
              margin-top: 0;
              margin-bottom: 45px;
              height: 90vw; } }
          @media only screen and (min-width: 1025px) and (max-width: 1280px) {
            body .sections .section.s_12 .posts {
              grid-column-gap: 1.5vw; } }
          @media only screen and (min-width: 992px) and (max-width: 1024px) {
            body .sections .section.s_12 .posts {
              grid-column-gap: 10px; } }
          body .sections .section.s_12 .posts .post {
            -webkit-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1); }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_12 .posts .post {
                float: left;
                position: relative;
                margin-right: 10px;
                height: 100%; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_12 .posts .post {
                float: left;
                position: relative;
                margin-right: 10px; } }
            body .sections .section.s_12 .posts .post img {
              width: 100%; }
            body .sections .section.s_12 .posts .post .data {
              padding: 30px; }
              body .sections .section.s_12 .posts .post .data h5 {
                font-size: 18px;
                margin-top: 0; }
              body .sections .section.s_12 .posts .post .data a {
                color: #2840B8; }
      body .sections .section.s_13 {
        background: white;
        z-index: 5;
        padding-top: 120px; }
        @media only screen and (max-width: 767px) {
          body .sections .section.s_13 {
            padding-top: 45px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_13 {
            padding-top: 45px; } }
        body .sections .section.s_13 .top-side {
          float: left;
          position: relative;
          width: 100%; }
          body .sections .section.s_13 .top-side .left-side {
            float: left;
            position: relative;
            width: 50%;
            padding-right: 8%; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_13 .top-side .left-side {
                width: 100%;
                padding-right: 0;
                text-align: center; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_13 .top-side .left-side {
                width: 100%;
                padding-right: 0;
                text-align: center; } }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_13 .top-side .left-side img {
                width: 100%; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_13 .top-side .left-side img {
                width: 100%; } }
            body .sections .section.s_13 .top-side .left-side h5 {
              position: relative;
              padding-left: 50px; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_13 .top-side .left-side h5 {
                  padding-left: 0;
                  padding-top: 45px; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_13 .top-side .left-side h5 {
                  padding-left: 0;
                  padding-top: 45px; } }
              body .sections .section.s_13 .top-side .left-side h5::before {
                content: '';
                position: absolute;
                width: 32px;
                height: 4px;
                background: #2840B8;
                left: 0;
                margin-top: 10px; }
                @media only screen and (max-width: 767px) {
                  body .sections .section.s_13 .top-side .left-side h5::before {
                    width: 2px;
                    height: 32px;
                    left: 50%;
                    top: -20px; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_13 .top-side .left-side h5::before {
                    width: 2px;
                    height: 32px;
                    left: 50%;
                    top: -20px; } }
            body .sections .section.s_13 .top-side .left-side a {
              margin-top: 30px;
              display: inline-block; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_13 .top-side .left-side a {
                  width: 100%;
                  text-align: center; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_13 .top-side .left-side a {
                  width: 100%;
                  text-align: center; } }
          body .sections .section.s_13 .top-side .right-side {
            float: left;
            position: relative;
            width: 50%;
            padding-left: 5%; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_13 .top-side .right-side {
                display: none; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_13 .top-side .right-side {
                display: none; } }
            body .sections .section.s_13 .top-side .right-side img {
              width: 100%; }
        body .sections .section.s_13 .video-place {
          float: left;
          position: relative;
          width: 100%;
          margin-top: 90px; }
          body .sections .section.s_13 .video-place .video-data {
            width: 100%; }
            body .sections .section.s_13 .video-place .video-data video {
              width: 100%; }
          body .sections .section.s_13 .video-place img.video_img {
            width: 100%; }
          body .sections .section.s_13 .video-place img.play {
            position: absolute;
            top: 270px;
            left: calc(50% - 32px); }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_13 .video-place img.play {
                top: 60px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_13 .video-place img.play {
                top: 60px; } }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_13 .video-place img.play {
                top: 180px; } }
            @media only screen and (min-width: 1281px) and (max-width: 1366px) {
              body .sections .section.s_13 .video-place img.play {
                top: 180px; } }
          body .sections .section.s_13 .video-place .download {
            font-size: 18px;
            font-weight: 500;
            color: #2840B8;
            text-decoration: none;
            text-align: center;
            margin-top: 35px; }
            body .sections .section.s_13 .video-place .download img {
              float: left;
              position: relative;
              width: 27px;
              margin-left: calc(50% - 13.5px); }
            body .sections .section.s_13 .video-place .download span {
              float: left;
              position: relative;
              width: 100%;
              margin-top: 15px; }
        body .sections .section.s_13 .manual-place {
          float: left;
          position: relative;
          width: 100%;
          margin-top: 60px; }
          body .sections .section.s_13 .manual-place .title-place {
            float: left;
            position: relative;
            width: 100%; }
            body .sections .section.s_13 .manual-place .title-place .left-side {
              float: left;
              position: relative;
              width: 50%; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_13 .manual-place .title-place .left-side {
                  width: 100%;
                  text-align: center; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_13 .manual-place .title-place .left-side {
                  width: 100%;
                  text-align: center; } }
              body .sections .section.s_13 .manual-place .title-place .left-side h3 {
                font-size: 28px;
                margin-top: 0; }
                @media only screen and (max-width: 767px) {
                  body .sections .section.s_13 .manual-place .title-place .left-side h3 {
                    position: relative;
                    font-size: 22px; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_13 .manual-place .title-place .left-side h3 {
                    position: relative;
                    font-size: 22px; } }
                @media only screen and (max-width: 767px) {
                  body .sections .section.s_13 .manual-place .title-place .left-side h3::before {
                    content: '';
                    width: 2px;
                    height: 32px;
                    background: #2840B8;
                    position: absolute;
                    left: 50%;
                    top: -45px; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_13 .manual-place .title-place .left-side h3::before {
                    content: '';
                    width: 2px;
                    height: 32px;
                    background: #2840B8;
                    position: absolute;
                    left: 50%;
                    top: -45px; } }
            body .sections .section.s_13 .manual-place .title-place .right-side {
              float: right;
              position: relative;
              width: 50%;
              text-align: right; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_13 .manual-place .title-place .right-side {
                  display: none; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_13 .manual-place .title-place .right-side {
                  display: none; } }
              body .sections .section.s_13 .manual-place .title-place .right-side .download {
                font-size: 18px;
                font-weight: 500;
                color: #2840B8;
                text-decoration: none;
                margin-top: -15px; }
                body .sections .section.s_13 .manual-place .title-place .right-side .download img {
                  margin-left: 15px; }
          body .sections .section.s_13 .manual-place .necessary {
            float: left;
            position: relative;
            width: 100%;
            padding-right: 12.5%;
            margin-top: 30px;
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            grid-template-rows: 1fr;
            grid-column-gap: 60px;
            grid-row-gap: 0; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_13 .manual-place .necessary {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-template-rows: 1fr;
                grid-column-gap: 1px;
                grid-row-gap: 1px;
                padding-right: 0; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_13 .manual-place .necessary {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-template-rows: 1fr;
                grid-column-gap: 1px;
                grid-row-gap: 1px;
                padding-right: 0; } }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_13 .manual-place .necessary {
                padding-right: 0;
                grid-column-gap: 1%; } }
            @media only screen and (min-width: 1281px) and (max-width: 1366px) {
              body .sections .section.s_13 .manual-place .necessary {
                padding-right: 0;
                grid-column-gap: 50px; } }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_13 .manual-place .necessary .item {
                background: #fff;
                text-align: center;
                padding: 40px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_13 .manual-place .necessary .item {
                background: #fff;
                text-align: center;
                padding: 40px; } }
            body .sections .section.s_13 .manual-place .necessary .item img {
              float: left;
              margin-right: 15px;
              width: 25px;
              height: 25px; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_13 .manual-place .necessary .item img {
                  margin: 0 auto;
                  display: inline;
                  float: none;
                  width: 30px;
                  height: 30px; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_13 .manual-place .necessary .item img {
                  display: inline;
                  margin: 0 auto;
                  float: none;
                  width: 30px;
                  height: 30px; } }
            body .sections .section.s_13 .manual-place .necessary .item p {
              float: left;
              font-size: 20px;
              font-weight: 500;
              margin-top: 0; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_13 .manual-place .necessary .item p {
                  display: block;
                  width: 100%;
                  text-align: center;
                  margin-top: 15px;
                  font-size: 13.5px; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_13 .manual-place .necessary .item p {
                  display: block;
                  width: 100%;
                  text-align: center;
                  margin-top: 15px; } }
              @media (min-width: 992px) {
                body .sections .section.s_13 .manual-place .necessary .item p {
                  font-size: 16px; } }
          body .sections .section.s_13 .manual-place .steps-place {
            float: left;
            position: relative;
            width: 100%;
            margin-top: 30px;
            padding-top: 30px;
            border-top: 1px solid rgba(255, 255, 255, 0.17); }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_13 .manual-place .steps-place {
                margin-top: 60px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_13 .manual-place .steps-place {
                margin-top: 60px; } }
            body .sections .section.s_13 .manual-place .steps-place .top {
              float: left;
              position: relative;
              width: 100%; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_13 .manual-place .steps-place .top {
                  text-align: center; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_13 .manual-place .steps-place .top {
                  text-align: center; } }
              body .sections .section.s_13 .manual-place .steps-place .top h3 {
                font-size: 28px;
                margin-top: 0; }
                @media only screen and (max-width: 767px) {
                  body .sections .section.s_13 .manual-place .steps-place .top h3 {
                    position: relative;
                    font-size: 22px;
                    font-weight: 500;
                    color: #2840B8; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_13 .manual-place .steps-place .top h3 {
                    position: relative;
                    font-size: 22px;
                    font-weight: 500;
                    color: #2840B8; } }
                @media only screen and (max-width: 767px) {
                  body .sections .section.s_13 .manual-place .steps-place .top h3::before {
                    content: '';
                    width: 2px;
                    height: 32px;
                    background: #2840B8;
                    position: absolute;
                    left: 50%;
                    top: -60px; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_13 .manual-place .steps-place .top h3::before {
                    content: '';
                    width: 2px;
                    height: 32px;
                    background: #2840B8;
                    position: absolute;
                    left: 50%;
                    top: -60px; } }
            body .sections .section.s_13 .manual-place .steps-place .steps {
              float: left;
              position: relative;
              width: 100%;
              display: grid;
              grid-template-columns: repeat(4, 1fr);
              grid-template-rows: 1fr;
              grid-column-gap: 30px;
              grid-row-gap: 0; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_13 .manual-place .steps-place .steps {
                  display: block;
                  width: 100%;
                  margin-top: 0;
                  height: 100vw; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_13 .manual-place .steps-place .steps {
                  display: block;
                  width: 100%;
                  margin-top: 0; } }
              body .sections .section.s_13 .manual-place .steps-place .steps .slick-dots {
                position: absolute;
                bottom: 0;
                display: block;
                width: 100%;
                padding: 0;
                margin: 0;
                list-style: none;
                text-align: center;
                display: none; }
                @media only screen and (max-width: 767px) {
                  body .sections .section.s_13 .manual-place .steps-place .steps .slick-dots {
                    display: block; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_13 .manual-place .steps-place .steps .slick-dots {
                    display: block; } }
                body .sections .section.s_13 .manual-place .steps-place .steps .slick-dots li {
                  position: relative;
                  display: inline-block;
                  width: 20px;
                  height: 20px;
                  margin: 0 5px;
                  padding: 0;
                  cursor: pointer; }
                  body .sections .section.s_13 .manual-place .steps-place .steps .slick-dots li:last-of-type {
                    display: none; }
                  body .sections .section.s_13 .manual-place .steps-place .steps .slick-dots li.slick-active button {
                    background: #2840B8;
                    border: 1px solid #2840B8; }
                  body .sections .section.s_13 .manual-place .steps-place .steps .slick-dots li button {
                    font-size: 0;
                    line-height: 0;
                    display: block;
                    width: 10px;
                    height: 10px;
                    padding: 5px;
                    cursor: pointer;
                    outline: none;
                    border: 1px solid #C8C8C8;
                    background: transparent;
                    border-radius: 50%; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_13 .manual-place .steps-place .steps .step {
                  text-align: center; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_13 .manual-place .steps-place .steps .step {
                  text-align: center; } }
              body .sections .section.s_13 .manual-place .steps-place .steps .step img {
                width: 100%; }
              body .sections .section.s_13 .manual-place .steps-place .steps .step h5 {
                font-size: 20px;
                font-weight: 500;
                margin-bottom: 0; }
        body .sections .section.s_13 .recommendation {
          float: left;
          position: relative;
          width: 100%;
          margin-top: 90px;
          background-color: #f8f8fb;
          padding-bottom: 80px;
          padding-top: 80px; }
          body .sections .section.s_13 .recommendation .top {
            float: left;
            position: relative;
            width: 100%; }
            body .sections .section.s_13 .recommendation .top h4 {
              font-size: 28px;
              font-weight: bold;
              margin-top: 0;
              margin-bottom: 0;
              color: #2840B8; }
          body .sections .section.s_13 .recommendation .items {
            float: left;
            position: relative;
            width: 100%;
            margin-top: 30px;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-template-rows: 1fr;
            grid-column-gap: 30px;
            grid-row-gap: 0; }
            body .sections .section.s_13 .recommendation .items .item h5 {
              font-size: 20px;
              font-weight: 500; }
        @media only screen and (max-width: 767px) {
          body .sections .section.s_13 .mobile-title {
            float: left;
            position: relative;
            width: 100%;
            text-align: center;
            margin-top: 30px;
            margin-bottom: 30px;
            padding: 0 6vw; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_13 .mobile-title {
            float: left;
            position: relative;
            width: 100%;
            text-align: center;
            margin-top: 30px;
            margin-bottom: 30px;
            padding: 0 6vw; } }
        body .sections .section.s_13 .mobile-title h4 {
          font-size: 22px;
          font-weight: 500;
          color: #2840B8;
          width: 80%;
          margin-left: 10%; }
        @media only screen and (max-width: 767px) {
          body .sections .section.s_13 .faq-section {
            width: 100%;
            margin-left: 0; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_13 .faq-section {
            width: 100%;
            margin-left: 0; } }
      body .sections .section.s_14 {
        background: #F8F8FB;
        z-index: 5;
        padding-bottom: 60px; }
        body .sections .section.s_14 .top {
          float: left;
          position: relative;
          width: 100%; }
          body .sections .section.s_14 .top > img {
            width: 100%; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_14 .top > img {
                width: 450%;
                margin-left: -152%; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_14 .top > img {
                width: 200%;
                margin-left: -52%; } }
          body .sections .section.s_14 .top .data_content_container {
            position: absolute;
            top: 16%;
            z-index: 3; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_14 .top .data_content_container {
                left: 0;
                top: 10%; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_14 .top .data_content_container {
                left: 0;
                top: 10%; } }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_14 .top .data_content_container {
                top: 17%; } }
            @media only screen and (min-width: 1281px) and (max-width: 1366px) {
              body .sections .section.s_14 .top .data_content_container {
                top: 17%; } }
            @media only screen and (min-width: 1367px) and (max-width: 1440px) {
              body .sections .section.s_14 .top .data_content_container {
                top: 17%; } }
            @media only screen and (min-width: 1441px) and (max-width: 1600px) {
              body .sections .section.s_14 .top .data_content_container {
                top: 17%; } }
            @media (min-width: 1366px) {
              body .sections .section.s_14 .top .data_content_container {
                left: calc(50% - 682px); } }
          body .sections .section.s_14 .top .left {
            float: left;
            position: relative;
            width: 65%;
            padding-right: 7vw; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_14 .top .left {
                width: 100%;
                text-align: center; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_14 .top .left {
                width: 100%;
                text-align: center; } }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_14 .top .left {
                padding-right: 2%; } }
            body .sections .section.s_14 .top .left h2 {
              color: #fff;
              margin-top: 0;
              font-size: 3.8vw; }
            body .sections .section.s_14 .top .left h5 {
              color: #fff; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_14 .top .left h5 {
                  display: none; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_14 .top .left h5 {
                  display: none; } }
              @media only screen and (min-width: 1025px) and (max-width: 1280px) {
                body .sections .section.s_14 .top .left h5 {
                  margin-top: 30px; } }
              @media only screen and (min-width: 1281px) and (max-width: 1366px) {
                body .sections .section.s_14 .top .left h5 {
                  margin-top: 60px; } }
              @media only screen and (min-width: 1367px) and (max-width: 1440px) {
                body .sections .section.s_14 .top .left h5 {
                  margin-top: 60px; } }
              @media only screen and (min-width: 1441px) and (max-width: 1600px) {
                body .sections .section.s_14 .top .left h5 {
                  margin-top: 60px; } }
              @media (min-width: 1601px) {
                body .sections .section.s_14 .top .left h5 {
                  margin-top: 120px; } }
          body .sections .section.s_14 .top .right {
            float: left;
            position: relative;
            width: 30%; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_14 .top .right {
                width: 100%;
                text-align: center; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_14 .top .right {
                width: 100%;
                text-align: center; } }
            body .sections .section.s_14 .top .right img {
              margin-bottom: 30px; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_14 .top .right img {
                  margin-top: 15px;
                  width: 32px;
                  margin-left: calc(50% - 16px); } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_14 .top .right img {
                  margin-top: 15px;
                  width: 32px;
                  margin-left: calc(50% - 16px); } }
              @media only screen and (min-width: 1025px) and (max-width: 1280px) {
                body .sections .section.s_14 .top .right img {
                  margin-top: 20px;
                  margin-bottom: 15px; } }
              @media only screen and (min-width: 1281px) and (max-width: 1366px) {
                body .sections .section.s_14 .top .right img {
                  margin-top: 20px;
                  margin-bottom: 15px; } }
              @media only screen and (min-width: 1367px) and (max-width: 1440px) {
                body .sections .section.s_14 .top .right img {
                  margin-top: 20px; } }
              @media only screen and (min-width: 1441px) and (max-width: 1600px) {
                body .sections .section.s_14 .top .right img {
                  margin-top: 20px; } }
            body .sections .section.s_14 .top .right h5 {
              font-size: 24px;
              font-weight: 500;
              color: #fff; }
              @media (min-width: 992px) and (max-width: 1366px) {
                body .sections .section.s_14 .top .right h5 {
                  font-size: 1.5vw;
                  line-height: 20px; } }
            body .sections .section.s_14 .top .right .btn-place {
              float: left;
              position: relative;
              width: 100%; }
              body .sections .section.s_14 .top .right .btn-place a {
                float: left;
                font-size: 12px; }
                @media only screen and (max-width: 767px) {
                  body .sections .section.s_14 .top .right .btn-place a {
                    display: inline-block;
                    width: 100%;
                    text-align: center;
                    font-size: 14px; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_14 .top .right .btn-place a {
                    display: inline-block;
                    width: 100%;
                    text-align: center;
                    font-size: 14px; } }
                body .sections .section.s_14 .top .right .btn-place a.link {
                  color: #2840B8;
                  margin-left: 30px;
                  margin-top: 15px; }
                  @media only screen and (max-width: 767px) {
                    body .sections .section.s_14 .top .right .btn-place a.link {
                      margin-left: 0;
                      margin-top: 30px; } }
                  @media only screen and (min-width: 768px) and (max-width: 991px) {
                    body .sections .section.s_14 .top .right .btn-place a.link {
                      margin-left: 0;
                      margin-top: 30px; } }
        @media only screen and (max-width: 767px) {
          body .sections .section.s_14 .faq-section.m60 {
            margin-top: 60px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_14 .faq-section.m60 {
            margin-top: 60px; } }
        @media only screen and (max-width: 767px) {
          body .sections .section.s_14 .faq-section.m60::before {
            content: '';
            width: 1px;
            height: 91px;
            background: #2840B8;
            position: absolute;
            left: 50%;
            top: -110px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_14 .faq-section.m60::before {
            content: '';
            width: 1px;
            height: 91px;
            background: #2840B8;
            position: absolute;
            left: 50%;
            top: -110px; } }
        body .sections .section.s_14 .map-place {
          float: left;
          position: relative;
          width: 100%;
          margin-top: 180px;
          text-align: center; }
          body .sections .section.s_14 .map-place .data_content_container {
            border-bottom: 1px solid rgba(112, 112, 112, 0.16);
            padding-bottom: 200px; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_14 .map-place .data_content_container {
                margin-top: 0;
                padding-bottom: 45px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_14 .map-place .data_content_container {
                margin-top: 0;
                padding-bottom: 45px; } }
          body .sections .section.s_14 .map-place img {
            position: absolute;
            left: calc(50% - 243px);
            top: -75px;
            z-index: -1; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_14 .map-place img {
                width: 90%;
                left: 5%; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_14 .map-place img {
                width: 90%;
                left: 5%; } }
          body .sections .section.s_14 .map-place h2 {
            width: 60%;
            margin-left: 20%;
            font-size: 34px;
            margin-bottom: 120px; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_14 .map-place h2 {
                width: 100%;
                font-size: 22px;
                margin-left: 0;
                margin-top: -9px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_14 .map-place h2 {
                width: 100%;
                font-size: 22px;
                margin-left: 0;
                margin-top: -9px; } }
          body .sections .section.s_14 .map-place p {
            width: 60%;
            margin-left: 20%;
            margin-bottom: 60px; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_14 .map-place p {
                width: 100%;
                margin-left: 0; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_14 .map-place p {
                width: 100%;
                margin-left: 0; } }
          body .sections .section.s_14 .map-place .btn-place {
            float: left;
            position: relative;
            width: 20%;
            margin-left: 40%; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_14 .map-place .btn-place {
                width: 100%;
                margin-left: 0; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_14 .map-place .btn-place {
                width: 100%;
                margin-left: 0; } }
            body .sections .section.s_14 .map-place .btn-place a {
              display: block;
              margin-bottom: 30px; }
              body .sections .section.s_14 .map-place .btn-place a.link {
                color: #2840B8; }
        body .sections .section.s_14 .title-place {
          float: left;
          position: relative;
          width: 100%;
          margin-top: 90px;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_14 .title-place {
              margin-top: 0; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_14 .title-place {
              margin-top: 0; } }
          body .sections .section.s_14 .title-place h2 {
            font-size: 34px;
            margin-bottom: 60px; }
      body .sections .section.s_15 {
        background: #F8F8FB;
        z-index: 5;
        padding-bottom: 114px;
        text-align: center; }
        @media only screen and (min-width: 992px) {
          body .sections .section.s_15 .data_content_container {
            padding: 0 2vw; } }
        @media only screen and (min-width: 1281px) and (max-width: 1366px) {
          body .sections .section.s_15 .data_content_container {
            padding: 0 6vw; } }
        body .sections .section.s_15 .s_navigate {
          float: left;
          position: relative;
          width: 100%;
          margin-top: -95px;
          display: grid;
          grid-template-columns: repeat(5, 1fr);
          grid-template-rows: 1fr;
          grid-column-gap: 0;
          grid-row-gap: 0;
          background: #fff; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_15 .s_navigate {
              display: grid;
              grid-template-columns: repeat(2, 1fr);
              grid-template-rows: 1fr;
              grid-column-gap: 1px;
              grid-row-gap: 1px; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_15 .s_navigate {
              display: grid;
              grid-template-columns: repeat(2, 1fr);
              grid-template-rows: 1fr;
              grid-column-gap: 1px;
              grid-row-gap: 1px; } }
          body .sections .section.s_15 .s_navigate .section_navigate {
            border-right: 1px solid #eee;
            text-align: center;
            padding: 41px 45px 45px 45px;
            border-top: 4px solid #fff;
            cursor: pointer; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_15 .s_navigate .section_navigate {
                padding: 15px;
                border-top: 1px solid #eee; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_15 .s_navigate .section_navigate {
                padding: 15px;
                border-top: 1px solid #eee; } }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_15 .s_navigate .section_navigate:last-child {
                grid-column-start: 1;
                grid-column-end: 3; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_15 .s_navigate .section_navigate:last-child {
                grid-column-start: 1;
                grid-column-end: 3; } }
            body .sections .section.s_15 .s_navigate .section_navigate a {
              text-decoration: none;
              pointer-events: none; }
              body .sections .section.s_15 .s_navigate .section_navigate a img {
                height: 90px; }
              body .sections .section.s_15 .s_navigate .section_navigate a span {
                display: block;
                font-size: 13px;
                font-weight: bold;
                color: #2A2A2A;
                margin-top: 15px; }
            body .sections .section.s_15 .s_navigate .section_navigate:last-of-type {
              border-right: none; }
        body .sections .section.s_15 h2 {
          float: left;
          font-size: 48px;
          line-height: 64px;
          width: 100%;
          margin-top: 120px; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_15 h2 {
              font-size: 50px;
              line-height: 60px; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_15 h2 {
              font-size: 50px;
              line-height: 60px; } }
          @media (min-width: 992px) {
            body .sections .section.s_15 h2 {
              font-size: 32px; } }
          body .sections .section.s_15 h2 span {
            margin-top: -61px; }
        body .sections .section.s_15 h5 {
          float: left;
          position: relative;
          margin-top: 0;
          padding-top: 50px;
          font-weight: 500; }
          body .sections .section.s_15 h5::before {
            content: '';
            position: absolute;
            width: 2px;
            height: 32px;
            background: #2840B8;
            left: 50%;
            top: -15px; }
      body .sections .section#haky {
        margin-top: 100px !important; }
      body .sections .section.s_16 {
        background: #ffffff;
        z-index: 5;
        padding-bottom: 150px;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          body .sections .section.s_16 {
            padding-bottom: 0;
            margin-top: 0px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_16 {
            padding-bottom: 0;
            margin-top: 0px; } }
        body .sections .section.s_16:first-child {
          margin-top: 100px !important; }
        body .sections .section.s_16::before {
          content: '';
          position: absolute;
          width: 2px;
          height: 75px;
          background: #22B2E8;
          left: 50%;
          top: -75px; }
        body .sections .section.s_16 .data_content_container:not(:last-child) {
          border-bottom: 1px solid rgba(112, 112, 112, 0.16); }
        @media only screen and (max-width: 767px) {
          body .sections .section.s_16 img {
            display: block;
            margin: 15px auto 30px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_16 img {
            display: block;
            margin: 15px auto 30px; } }
        body .sections .section.s_16 h2 {
          float: left;
          font-size: 48px;
          width: 100%;
          margin-top: 0; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_16 h2 {
              font-size: 50px; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_16 h2 {
              font-size: 50px; } }
        body .sections .section.s_16 p {
          width: 50%;
          margin-left: 25%;
          font-size: 24px;
          line-height: 32px; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_16 p {
              float: left;
              position: relative;
              width: 100%;
              margin-left: 0;
              font-size: 17px;
              line-height: 24px; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_16 p {
              float: left;
              position: relative;
              width: 100%;
              margin-left: 0;
              font-size: 17px;
              line-height: 24px; } }
          body .sections .section.s_16 p::after {
            content: '';
            position: absolute;
            width: 2px;
            height: 32px;
            background: #2840B8;
            left: 50%;
            bottom: -45px; }
        body .sections .section.s_16 .data-place {
          float: left;
          position: relative;
          width: 100%;
          margin-top: 45px;
          margin-bottom: 90px; }
        body .sections .section.s_16 .btn_blue {
          margin-bottom: 90px;
          display: inline-block; }
      body .sections .section.s_17 {
        background: #fff;
        z-index: 5;
        padding-bottom: 150px; }
        @media only screen and (max-width: 767px) {
          body .sections .section.s_17 .mobile-scroll-navigate {
            float: left;
            position: relative;
            width: calc(100% + 6vw);
            overflow: scroll; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_17 .mobile-scroll-navigate {
            float: left;
            position: relative;
            width: 100%;
            overflow: scroll; } }
        body .sections .section.s_17 .gallery_navigate {
          float: left;
          position: relative;
          width: 100%;
          list-style: none;
          padding: 0;
          margin-top: 45px; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_17 .gallery_navigate {
              width: 400%; } }
          @media (max-width: 400px) {
            body .sections .section.s_17 .gallery_navigate {
              width: 450%; } }
          @media (min-width: 420px) {
            body .sections .section.s_17 .gallery_navigate {
              width: 450%; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_17 .gallery_navigate {
              width: 270%; } }
          body .sections .section.s_17 .gallery_navigate li {
            float: left;
            margin-right: 60px; }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_17 .gallery_navigate li {
                margin-right: 30px;
                margin-bottom: 20px; } }
            @media only screen and (min-width: 1281px) and (max-width: 1366px) {
              body .sections .section.s_17 .gallery_navigate li {
                margin-right: 35px;
                margin-bottom: 20px; } }
            body .sections .section.s_17 .gallery_navigate li.active a {
              color: #2840B8; }
            body .sections .section.s_17 .gallery_navigate li a {
              color: #333333;
              font-weight: bold;
              text-decoration: none;
              text-transform: uppercase;
              transition: all .3s; }
              body .sections .section.s_17 .gallery_navigate li a:hover {
                text-decoration: none;
                color: #2840B8; }
              body .sections .section.s_17 .gallery_navigate li a:focus {
                text-decoration: none; }
        body .sections .section.s_17 .gallery {
          float: left;
          position: relative;
          width: 100%;
          margin-top: 30px;
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          grid-template-rows: 1fr;
          grid-column-gap: 15px;
          grid-row-gap: 15px; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_17 .gallery {
              display: grid;
              grid-template-columns: repeat(1, 1fr);
              grid-template-rows: 1fr; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_17 .gallery {
              display: grid;
              grid-template-columns: repeat(1, 1fr);
              grid-template-rows: 1fr; } }
          body .sections .section.s_17 .gallery .item {
            display: none; }
            body .sections .section.s_17 .gallery .item.active {
              display: block; }
            body .sections .section.s_17 .gallery .item img {
              width: 100%; }
      body .sections .section.s_18 {
        background: #F8F8FB;
        z-index: 5;
        padding-top: 90px;
        padding-bottom: 120px; }
        body .sections .section.s_18 .part_1 {
          float: left;
          position: relative;
          width: 100%;
          padding-bottom: 120px;
          background-position: right;
          background-repeat: no-repeat;
          background-size: 40%;
          background-position-x: 121%;
          background-position-y: 575%; }
          body .sections .section.s_18 .part_1 .top {
            float: left;
            position: relative;
            width: 100%; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_18 .part_1 .top {
                text-align: center; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_18 .part_1 .top {
                text-align: center; } }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_18 .part_1 .top .data h2 {
                float: left;
                position: relative;
                width: 100%;
                margin-top: -17vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_18 .part_1 .top .data h2 {
                float: left;
                position: relative;
                width: 100%;
                margin-top: -17vw; } }
          body .sections .section.s_18 .part_1 .bottom {
            float: left;
            position: relative;
            width: 100%;
            margin-top: 90px; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_18 .part_1 .bottom {
                margin-top: 30px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_18 .part_1 .bottom {
                margin-top: 30px; } }
            body .sections .section.s_18 .part_1 .bottom .left-side {
              float: left;
              position: relative;
              width: 50%; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_18 .part_1 .bottom .left-side {
                  width: 100%;
                  text-align: center; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_18 .part_1 .bottom .left-side {
                  width: 100%;
                  text-align: center; } }
              body .sections .section.s_18 .part_1 .bottom .left-side h5 {
                margin-top: 0; }
            body .sections .section.s_18 .part_1 .bottom .right-side {
              float: left;
              position: relative;
              width: 50%;
              padding-left: 8%; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_18 .part_1 .bottom .right-side {
                  width: 100%;
                  padding-left: 0;
                  text-align: center; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_18 .part_1 .bottom .right-side {
                  width: 100%;
                  padding-left: 0;
                  text-align: center; } }
              body .sections .section.s_18 .part_1 .bottom .right-side p {
                margin-top: 0; }
          body .sections .section.s_18 .part_1 img {
            position: absolute;
            right: -23%;
            top: -33%; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_18 .part_1 img {
                float: left;
                position: relative;
                width: 150%;
                right: 25%;
                margin-top: -34vw; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_18 .part_1 img {
                float: left;
                position: relative;
                width: 150%;
                right: 25%;
                margin-top: -34vw; } }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_18 .part_1 img {
                right: -45%;
                width: 97vw;
                top: -30%; } }
            @media only screen and (min-width: 1281px) and (max-width: 1366px) {
              body .sections .section.s_18 .part_1 img {
                right: -50%;
                width: 89vw;
                top: -21%; } }
            @media only screen and (min-width: 1367px) and (max-width: 1440px) {
              body .sections .section.s_18 .part_1 img {
                right: -49%; } }
            @media (min-width: 1441px) {
              body .sections .section.s_18 .part_1 img {
                right: -41%; } }
        body .sections .section.s_18 .part_2 {
          float: left;
          position: relative;
          width: 100%;
          padding-bottom: 120px;
          margin-top: -70px; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_18 .part_2 {
              padding-bottom: 30px; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_18 .part_2 {
              padding-bottom: 30px; } }
          body .sections .section.s_18 .part_2 img {
            width: 55%;
            position: absolute; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_18 .part_2 img {
                width: 190%;
                position: relative;
                margin-left: -83%; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_18 .part_2 img {
                width: 115%;
                position: relative;
                margin-left: -10%; } }
          body .sections .section.s_18 .part_2 .white-box {
            position: absolute;
            width: 100%;
            background: #fff;
            margin-top: 70px;
            padding-left: 52%;
            padding-right: 20%;
            z-index: -1;
            height: 700px;
            top: 0; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_18 .part_2 .white-box {
                display: none; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_18 .part_2 .white-box {
                display: none; } }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_18 .part_2 .white-box {
                height: 600px; } }
            @media only screen and (min-width: 1281px) and (max-width: 1366px) {
              body .sections .section.s_18 .part_2 .white-box {
                height: 600px; } }
            @media only screen and (min-width: 1367px) and (max-width: 1440px) {
              body .sections .section.s_18 .part_2 .white-box {
                height: 600px; } }
          body .sections .section.s_18 .part_2 .data {
            float: left;
            position: relative;
            width: 100%;
            padding: 7% 0% 5% 68%;
            text-align: right; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_18 .part_2 .data {
                position: absolute;
                top: 0;
                left: 0;
                padding: 10vw 6vw;
                text-align: center; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_18 .part_2 .data {
                position: absolute;
                top: 0;
                left: 0;
                padding: 10vw 6vw;
                text-align: center; } }
            body .sections .section.s_18 .part_2 .data h2 {
              position: relative;
              font-size: 50px; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_18 .part_2 .data h2 {
                  color: #fff;
                  width: 80%;
                  margin-left: 10%;
                  font-size: 9vw; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_18 .part_2 .data h2 {
                  color: #fff;
                  width: 80%;
                  margin-left: 10%; } }
              body .sections .section.s_18 .part_2 .data h2::before {
                content: '';
                width: 291px;
                height: 1px;
                background: #2840B8;
                position: absolute;
                left: -315px;
                top: 92px; }
                @media only screen and (max-width: 767px) {
                  body .sections .section.s_18 .part_2 .data h2::before {
                    display: none; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_18 .part_2 .data h2::before {
                    display: none; } }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_18 .part_2 .data h5 {
                color: #fff; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_18 .part_2 .data h5 {
                color: #fff; } }
            body .sections .section.s_18 .part_2 .data a {
              display: inline-block;
              width: 260px;
              text-align: center; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_18 .part_2 .data a {
                  width: 100%; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_18 .part_2 .data a {
                  width: 100%; } }
        body .sections .section.s_18 .part_3 {
          float: left;
          position: relative;
          width: 100%;
          margin-top: 60px; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_18 .part_3 {
              margin-top: 0; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_18 .part_3 {
              margin-top: 0; } }
          body .sections .section.s_18 .part_3 .data {
            float: left;
            position: relative;
            width: 50%; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_18 .part_3 .data {
                width: 100%;
                text-align: center; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_18 .part_3 .data {
                width: 100%;
                text-align: center; } }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_18 .part_3 .data h2 {
                float: left;
                position: relative;
                width: 100%; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_18 .part_3 .data h2 {
                float: left;
                position: relative;
                width: 100%; } }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_18 .part_3 .data h2::before {
                content: '';
                position: absolute;
                width: 2px;
                height: 92px;
                background: #2840B8;
                left: 50%;
                top: -120px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_18 .part_3 .data h2::before {
                content: '';
                position: absolute;
                width: 2px;
                height: 92px;
                background: #2840B8;
                left: 50%;
                top: -120px; } }
            body .sections .section.s_18 .part_3 .data h5 {
              position: relative;
              margin-top: 0;
              padding-left: 50px; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_18 .part_3 .data h5 {
                  padding-left: 0; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_18 .part_3 .data h5 {
                  padding-left: 0; } }
              body .sections .section.s_18 .part_3 .data h5::before {
                content: '';
                position: absolute;
                width: 32px;
                height: 4px;
                background: #2840B8;
                left: 0;
                margin-top: 10px; }
                @media only screen and (max-width: 767px) {
                  body .sections .section.s_18 .part_3 .data h5::before {
                    display: none; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_18 .part_3 .data h5::before {
                    display: none; } }
          body .sections .section.s_18 .part_3 img {
            position: absolute;
            right: 0;
            top: 43px; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_18 .part_3 img {
                display: none; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_18 .part_3 img {
                display: none; } }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_18 .part_3 img {
                right: -16%; } }
            @media only screen and (min-width: 1281px) and (max-width: 1366px) {
              body .sections .section.s_18 .part_3 img {
                right: -16%; } }
            @media only screen and (min-width: 1367px) and (max-width: 1440px) {
              body .sections .section.s_18 .part_3 img {
                right: -16%; } }
            @media only screen and (min-width: 1441px) and (max-width: 1600px) {
              body .sections .section.s_18 .part_3 img {
                right: -10%; } }
      body .sections .section.s_19 {
        background: #F8F8FB;
        z-index: 6; }
        body .sections .section.s_19 .part_1 {
          float: left;
          position: relative;
          width: 100%;
          padding-bottom: 120px; }
          body .sections .section.s_19 .part_1 .top {
            float: left;
            position: relative;
            width: 100%; }
            body .sections .section.s_19 .part_1 .top .data {
              float: left;
              position: relative;
              width: 50%;
              padding-top: 60px; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_19 .part_1 .top .data {
                  width: 100%;
                  text-align: center; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_19 .part_1 .top .data {
                  width: 100%;
                  text-align: center; } }
              body .sections .section.s_19 .part_1 .top .data h5 {
                width: 80%; }
                @media only screen and (max-width: 767px) {
                  body .sections .section.s_19 .part_1 .top .data h5 {
                    float: left;
                    position: relative;
                    width: 100%;
                    padding-top: 0; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_19 .part_1 .top .data h5 {
                    float: left;
                    position: relative;
                    width: 100%;
                    padding-top: 0; } }
                @media only screen and (max-width: 767px) {
                  body .sections .section.s_19 .part_1 .top .data h5::before {
                    content: '';
                    width: 2px;
                    height: 32px;
                    background: #2840B8;
                    position: absolute;
                    left: 50%;
                    top: -50px; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_19 .part_1 .top .data h5::before {
                    content: '';
                    width: 2px;
                    height: 32px;
                    background: #2840B8;
                    position: absolute;
                    left: 50%;
                    top: -50px; } }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_19 .part_1 .top .right {
                float: left;
                position: relative;
                width: 100%; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_19 .part_1 .top .right {
                float: left;
                position: relative;
                width: 100%; } }
            body .sections .section.s_19 .part_1 .top .right img {
              position: absolute;
              right: 0;
              max-width: 43vw; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_19 .part_1 .top .right img {
                  float: left;
                  position: relative;
                  width: 100%;
                  max-width: 100%; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_19 .part_1 .top .right img {
                  float: left;
                  position: relative;
                  width: 100%;
                  max-width: 100%; } }
          body .sections .section.s_19 .part_1 .bottom {
            float: left;
            position: relative;
            width: 100%;
            margin-top: 150px; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_19 .part_1 .bottom {
                margin-top: 45px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_19 .part_1 .bottom {
                margin-top: 45px; } }
            body .sections .section.s_19 .part_1 .bottom .items {
              float: left;
              position: relative;
              width: 100%;
              display: grid;
              grid-template-columns: repeat(5, 1fr);
              grid-template-rows: 1fr;
              grid-column-gap: 90px;
              grid-row-gap: 90px; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_19 .part_1 .bottom .items {
                  display: grid;
                  grid-template-columns: repeat(1, 1fr);
                  grid-template-rows: 1fr;
                  grid-row-gap: 45px;
                  margin-top: 15px; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_19 .part_1 .bottom .items {
                  display: grid;
                  grid-template-columns: repeat(1, 1fr);
                  grid-template-rows: 1fr;
                  grid-row-gap: 45px;
                  margin-top: 15px; } }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_19 .part_1 .bottom .items::before {
                  content: '';
                  position: absolute;
                  top: -30px;
                  width: 32px;
                  height: 2px;
                  background: #2840B8; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_19 .part_1 .bottom .items::before {
                  content: '';
                  position: absolute;
                  top: -30px;
                  width: 32px;
                  height: 2px;
                  background: #2840B8; } }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_19 .part_1 .bottom .items .item {
                  border-bottom: 1px solid #D6D6D6; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_19 .part_1 .bottom .items .item {
                  border-bottom: 1px solid #D6D6D6; } }
              body .sections .section.s_19 .part_1 .bottom .items .item p {
                position: relative;
                font-size: 20px;
                font-weight: 500; }
                @media only screen and (max-width: 767px) {
                  body .sections .section.s_19 .part_1 .bottom .items .item p {
                    margin-top: 0;
                    margin-bottom: 30px; } }
                @media only screen and (min-width: 768px) and (max-width: 991px) {
                  body .sections .section.s_19 .part_1 .bottom .items .item p {
                    margin-top: 0;
                    margin-bottom: 30px; } }
                body .sections .section.s_19 .part_1 .bottom .items .item p::before {
                  content: '';
                  position: absolute;
                  top: -30px;
                  width: 32px;
                  height: 1px;
                  background: #2840B8; }
                  @media only screen and (max-width: 767px) {
                    body .sections .section.s_19 .part_1 .bottom .items .item p::before {
                      display: none; } }
                  @media only screen and (min-width: 768px) and (max-width: 991px) {
                    body .sections .section.s_19 .part_1 .bottom .items .item p::before {
                      display: none; } }
        body .sections .section.s_19 .part_2 {
          float: left;
          position: relative;
          width: 100%;
          padding-bottom: 120px;
          z-index: 2; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_19 .part_2 {
              padding-bottom: 0; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_19 .part_2 {
              padding-bottom: 0; } }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_19 .part_2 .left {
              float: left;
              position: relative;
              width: 100%; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_19 .part_2 .left {
              float: left;
              position: relative;
              width: 100%; } }
          body .sections .section.s_19 .part_2 .left img {
            position: absolute;
            left: 0;
            max-width: 43vw; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_19 .part_2 .left img {
                float: left;
                position: relative;
                width: 150%;
                max-width: 150%; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_19 .part_2 .left img {
                float: left;
                position: relative;
                width: 150%;
                max-width: 150%; } }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_19 .part_2 .data_content_container {
              position: absolute;
              text-align: center;
              padding-top: 45px; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_19 .part_2 .data_content_container {
              position: absolute;
              text-align: center;
              padding-top: 45px; } }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_19 .part_2 .data_content_container h2, body .sections .section.s_19 .part_2 .data_content_container h5 {
              color: #fff; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_19 .part_2 .data_content_container h2, body .sections .section.s_19 .part_2 .data_content_container h5 {
              color: #fff; } }
          body .sections .section.s_19 .part_2 .right {
            padding-left: 50%; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_19 .part_2 .right {
                padding-left: 0; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_19 .part_2 .right {
                padding-left: 0; } }
            @media (max-width: 768px) {
              body .sections .section.s_19 .part_2 .right h2 {
                font-size: 7.5vw; } }
            @media (max-width: 768px) {
              body .sections .section.s_19 .part_2 .right h5 {
                font-size: 4vw; } }
            @media (max-width: 600px) {
              body .sections .section.s_19 .part_2 .right a.btn_blue {
                font-size: 3vw; } }
        body .sections .section.s_19 .part_3 {
          float: left;
          position: relative;
          width: 100%;
          padding-top: 180px;
          padding-bottom: 60px;
          background: #fff; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_19 .part_3 {
              padding-top: 60px; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_19 .part_3 {
              padding-top: 60px; } }
          body .sections .section.s_19 .part_3 .points {
            float: left;
            position: relative;
            width: 100%;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-template-rows: 1fr;
            grid-column-gap: 90px;
            grid-row-gap: 90px; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_19 .part_3 .points {
                display: grid;
                grid-template-columns: repeat(1, 1fr);
                grid-template-rows: 1fr;
                grid-row-gap: 30px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_19 .part_3 .points {
                display: grid;
                grid-template-columns: repeat(1, 1fr);
                grid-template-rows: 1fr;
                grid-row-gap: 30px; } }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_19 .part_3 .points .point {
                border-bottom: 1px solid #D6D6D6; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_19 .part_3 .points .point {
                border-bottom: 1px solid #D6D6D6; } }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_19 .part_3 .points img {
                float: left; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_19 .part_3 .points img {
                float: left; } }
            body .sections .section.s_19 .part_3 .points h4 {
              font-size: 26px; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_19 .part_3 .points h4 {
                  float: left;
                  width: 80%;
                  margin-top: 0;
                  padding-left: 7%; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_19 .part_3 .points h4 {
                  float: left;
                  width: 80%;
                  margin-top: 0;
                  padding-left: 7%; } }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_19 .part_3 .points p {
                float: left;
                padding-bottom: 30px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_19 .part_3 .points p {
                float: left;
                padding-bottom: 30px; } }
      body .sections .section.s_20 {
        background: #F8F8FB;
        z-index: 5;
        padding-top: 60px;
        padding-bottom: 120px; }
        body .sections .section.s_20 .data {
          float: left;
          position: relative;
          width: 40%; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_20 .data {
              width: 100%;
              text-align: center; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_20 .data {
              width: 100%;
              text-align: center; } }
          body .sections .section.s_20 .data h5 {
            position: relative;
            margin-top: 0;
            padding-left: 50px; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_20 .data h5 {
                padding-left: 0;
                padding-top: 50px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_20 .data h5 {
                padding-left: 0;
                padding-top: 50px; } }
            body .sections .section.s_20 .data h5::before {
              content: '';
              position: absolute;
              width: 32px;
              height: 4px;
              background: #2840B8;
              left: 0;
              margin-top: 10px; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_20 .data h5::before {
                  width: 2px;
                  height: 32px;
                  left: 50%;
                  top: -20px; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_20 .data h5::before {
                  width: 2px;
                  height: 32px;
                  left: 50%;
                  top: -20px; } }
        body .sections .section.s_20 .right img {
          position: absolute;
          max-width: 75vw;
          top: 0;
          left: 47.5vw;
          z-index: -1; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_20 .right img {
              display: none; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_20 .right img {
              display: none; } }
      body .sections .section.s_21 {
        background: #F8F8FB;
        z-index: 6;
        padding-bottom: 0;
        overflow: hidden; }
        body .sections .section.s_21 .img-place img {
          position: absolute;
          width: 50vw;
          left: 0; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_21 .img-place img {
              float: left;
              position: relative;
              width: 100%; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_21 .img-place img {
              float: left;
              position: relative;
              width: 100%; } }
        body .sections .section.s_21 .data {
          float: left;
          position: relative;
          width: 100%;
          height: calc(100% - 60px);
          padding-left: 56%;
          padding-top: 90px;
          overflow: hidden; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_21 .data {
              height: auto;
              padding-left: 0;
              padding-top: 30px; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_21 .data {
              height: auto;
              padding-left: 0;
              padding-top: 30px; } }
          @media only screen and (min-width: 1025px) and (max-width: 1280px) {
            body .sections .section.s_21 .data {
              height: calc(100% - 100px); } }
          @media only screen and (min-width: 1367px) and (max-width: 1440px) {
            body .sections .section.s_21 .data {
              height: calc(100% - 126px); } }
          @media only screen and (min-width: 1441px) and (max-width: 1600px) {
            body .sections .section.s_21 .data {
              height: calc(100% - 207px); } }
          body .sections .section.s_21 .data h2 {
            position: relative; }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_21 .data h2 {
                margin-top: 0; } }
            @media only screen and (min-width: 1281px) and (max-width: 1366px) {
              body .sections .section.s_21 .data h2 {
                margin-top: 0; } }
            body .sections .section.s_21 .data h2::before {
              content: '';
              position: absolute;
              left: -250px;
              width: 216px;
              height: 1px;
              background: #2840B8;
              top: 40px; }
          body .sections .section.s_21 .data p {
            font-size: 18px; }
          body .sections .section.s_21 .data ul {
            float: left;
            list-style: none;
            padding: 0;
            margin-top: 30px; }
            body .sections .section.s_21 .data ul li {
              position: relative;
              margin-left: 30px;
              font-size: 18px;
              margin-bottom: 15px; }
              body .sections .section.s_21 .data ul li::before {
                content: "";
                position: absolute;
                left: -30px;
                background: url(/assets/img/nike_ico.svg);
                width: 17px;
                height: 13px;
                top: 5px; }
      body .sections .section.s_22 {
        background: #F8F8FB;
        z-index: 6;
        padding-bottom: 0;
        overflow: hidden; }
        body .sections .section.s_22 .img-place img {
          position: absolute;
          width: 49vw;
          right: 0; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_22 .img-place img {
              float: left;
              position: relative;
              width: 100%; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_22 .img-place img {
              float: left;
              position: relative;
              width: 100%; } }
        body .sections .section.s_22 .data {
          float: left;
          position: relative;
          width: 100%;
          height: calc(100% - 60px);
          padding-right: 56%;
          padding-top: 90px;
          overflow: hidden; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_22 .data {
              height: auto;
              padding-right: 0;
              padding-top: 30px;
              padding-bottom: 30px; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_22 .data {
              height: auto;
              padding-right: 0;
              padding-top: 30px;
              padding-bottom: 30px; } }
          @media only screen and (min-width: 1025px) and (max-width: 1280px) {
            body .sections .section.s_22 .data {
              height: calc(100% - 100px); } }
          @media only screen and (min-width: 1367px) and (max-width: 1440px) {
            body .sections .section.s_22 .data {
              height: calc(100% - 126px); } }
          @media only screen and (min-width: 1441px) and (max-width: 1600px) {
            body .sections .section.s_22 .data {
              height: calc(100% - 207px); } }
          body .sections .section.s_22 .data h2 {
            position: relative; }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body .sections .section.s_22 .data h2 {
                margin-top: 0; } }
            @media only screen and (min-width: 1281px) and (max-width: 1366px) {
              body .sections .section.s_22 .data h2 {
                margin-top: 0; } }
            body .sections .section.s_22 .data h2::before {
              content: '';
              position: absolute;
              left: -250px;
              width: 216px;
              height: 1px;
              background: #2840B8;
              top: 40px; }
          body .sections .section.s_22 .data p {
            font-size: 18px; }
          body .sections .section.s_22 .data ul {
            float: left;
            list-style: none;
            padding: 0;
            margin-top: 30px; }
            body .sections .section.s_22 .data ul li {
              position: relative;
              margin-left: 30px;
              font-size: 18px;
              margin-bottom: 15px; }
              body .sections .section.s_22 .data ul li::before {
                content: "";
                position: absolute;
                left: -30px;
                background: url(/assets/img/nike_ico.svg);
                width: 17px;
                height: 13px;
                top: 5px; }
      body .sections .section.s_23 {
        background: #fff;
        z-index: 6;
        padding-top: 120px;
        padding-bottom: 120px;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          body .sections .section.s_23 {
            padding-top: 45px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_23 {
            padding-top: 45px; } }
        body .sections .section.s_23 h3 {
          font-size: 34px; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_23 h3 {
              font-size: 28px; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_23 h3 {
              font-size: 28px; } }
        @media only screen and (max-width: 767px) {
          body .sections .section.s_23 img {
            width: 100%; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_23 img {
            width: 100%; } }
        body .sections .section.s_23 p {
          font-size: 18px;
          color: #333333; }
        body .sections .section.s_23 a {
          display: inline-block;
          margin-top: 30px; }
      body .sections .section.s_contact {
        background: #F8F8FB;
        z-index: 5;
        padding-top: 120px; }
        @media only screen and (max-width: 767px) {
          body .sections .section.s_contact {
            padding-top: 45px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body .sections .section.s_contact {
            padding-top: 45px; } }
        body .sections .section.s_contact .left-side {
          float: left;
          position: relative;
          width: 50%; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_contact .left-side {
              width: 100%;
              text-align: center; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_contact .left-side {
              width: 100%;
              text-align: center; } }
          body .sections .section.s_contact .left-side h1 {
            font-size: 70px;
            color: #2A2A2A;
            margin-top: 0; }
            @media only screen and (max-width: 767px) {
              body .sections .section.s_contact .left-side h1 {
                font-size: 44px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body .sections .section.s_contact .left-side h1 {
                font-size: 44px; } }
          body .sections .section.s_contact .left-side img {
            width: 100%;
            margin-left: -49px; }
        body .sections .section.s_contact .right-side {
          float: left;
          position: relative;
          width: 50%;
          padding-top: 15px;
          padding-left: 90px; }
          @media only screen and (max-width: 767px) {
            body .sections .section.s_contact .right-side {
              width: 100%;
              padding-left: 0; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body .sections .section.s_contact .right-side {
              width: 100%;
              padding-left: 0; } }
          body .sections .section.s_contact .right-side .step_1 {
            display: none; }
            body .sections .section.s_contact .right-side .step_1.active {
              display: block; }
            body .sections .section.s_contact .right-side .step_1 input, body .sections .section.s_contact .right-side .step_1 textarea {
              float: left;
              position: relative;
              width: 100%;
              height: 48px;
              color: #2A2A2A;
              padding: 15px;
              font-size: 16px;
              font-family: "Avenir Next LT Pro";
              font-weight: normal;
              font-style: normal;
              border: 1px solid #E8E8E8;
              margin-bottom: 15px;
              transition: all .3s; }
              body .sections .section.s_contact .right-side .step_1 input:focus, body .sections .section.s_contact .right-side .step_1 textarea:focus {
                outline: none;
                border: 1px solid #b0b0b0; }
            body .sections .section.s_contact .right-side .step_1 textarea {
              resize: none;
              height: 160px; }
            body .sections .section.s_contact .right-side .step_1 .terms-place {
              float: left;
              position: relative;
              width: 100%;
              margin-top: 15px;
              margin-bottom: 15px; }
              body .sections .section.s_contact .right-side .step_1 .terms-place .chck {
                float: left;
                position: relative;
                width: 16px;
                height: 16px;
                background: #fff;
                border: 1px solid #E8E8E8;
                cursor: pointer;
                transition: all .3s; }
                body .sections .section.s_contact .right-side .step_1 .terms-place .chck.active {
                  background: #2840B8;
                  border: 1px solid #2840B8; }
              body .sections .section.s_contact .right-side .step_1 .terms-place p {
                float: left;
                position: relative;
                width: 90%;
                margin-top: 0;
                margin-left: 15px; }
              body .sections .section.s_contact .right-side .step_1 .terms-place a {
                color: #2840B8; }
            body .sections .section.s_contact .right-side .step_1 .send_form {
              float: left;
              position: relative;
              width: 247px;
              text-align: center; }
              @media only screen and (max-width: 767px) {
                body .sections .section.s_contact .right-side .step_1 .send_form {
                  width: 100%; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body .sections .section.s_contact .right-side .step_1 .send_form {
                  width: 100%; } }
          body .sections .section.s_contact .right-side .step_2 {
            display: none;
            text-align: center; }
            body .sections .section.s_contact .right-side .step_2.active {
              margin-top: 27.5%;
              margin-bottom: 27.5%;
              display: block; }
            body .sections .section.s_contact .right-side .step_2 img {
              width: 40%;
              margin-left: 10%; }
            body .sections .section.s_contact .right-side .step_2 h5 {
              margin-top: -30px; }
          body .sections .section.s_contact .right-side > img {
            float: left;
            position: relative;
            width: 100%;
            margin-top: 30px; }
      body .sections .section.s_404 {
        background: #fff;
        z-index: 5;
        padding-top: 120px;
        padding-bottom: 741px;
        text-align: center; }
        body .sections .section.s_404 h1 {
          font-size: 100px;
          margin-top: 60px;
          margin-bottom: 0; }
        body .sections .section.s_404 h5 {
          margin-top: 30px;
          margin-bottom: 60px; }
  body .prefooter {
    float: left;
    position: relative;
    width: 100%;
    background: #F8F8FB;
    z-index: 6;
    padding-bottom: 0;
    text-align: center; }
    body .prefooter.contact {
      top: 340px;
      margin-top: -340px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        body .prefooter.contact {
          margin-top: -320px; } }
    body .prefooter img {
      width: 100%;
      float: left; }
      @media only screen and (min-width: 992px) {
        body .prefooter img {
          height: 269px;
          object-fit: cover; } }
    body .prefooter h2 {
      color: #fff;
      position: absolute;
      width: 100%;
      margin-top: 95px; }
      @media (max-width: 450px) {
        body .prefooter h2 {
          font-size: 8vw; } }
      @media only screen and (max-width: 767px) {
        body .prefooter h2 {
          margin-top: 15vw; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        body .prefooter h2 {
          margin-top: 15vw; } }
  body footer {
    float: left;
    position: relative;
    width: 100%;
    background: #333333;
    padding: 60px 45px;
    z-index: 6; }
    @media only screen and (max-width: 767px) {
      body footer {
        padding: 60px 0; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      body footer {
        padding: 60px 0; } }
    @media only screen and (min-width: 1367px) and (max-width: 1440px) {
      body footer .data_content_container {
        width: 100%; } }
    body footer.contact {
      top: 340px;
      margin-top: -75px;
      /* margin-top: -4vw;
      @include response(mobile) {
        margin-top: 0;
      }
      @include response(tablet) {
        margin-top: 0;
      }
      @include response(desktop_1280) {
        margin-top: -6vw;
      }
      @include response(desktop_1366) {
        margin-top: -6vw;
      }
      @include response(desktop_1440) {
        margin-top: -5vw;
      }
      @media (min-width: 1500px) and (max-width: 1560px) {
        margin-top: -123px !important;
      }
      @include response(desktop_1600) {
        margin-top: -111px;
      } */ }
      @media only screen and (max-width: 767px) {
        body footer.contact {
          margin-top: 37.5%;
          top: unset; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        body footer.contact {
          margin-top: 0; } }
    body footer .top {
      float: left;
      position: relative;
      width: 100%; }
      @media only screen and (max-width: 767px) {
        body footer .top {
          border-bottom: 1px solid #707070;
          padding-bottom: 30px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        body footer .top {
          border-bottom: 1px solid #707070;
          padding-bottom: 30px; } }
      body footer .top .left {
        float: left;
        position: relative;
        width: 60%; }
        @media only screen and (max-width: 767px) {
          body footer .top .left {
            width: 50%; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body footer .top .left {
            width: 50%; } }
        @media only screen and (min-width: 1025px) and (max-width: 1280px) {
          body footer .top .left {
            width: 50%; } }
        @media only screen and (min-width: 1281px) and (max-width: 1366px) {
          body footer .top .left {
            width: 50%; } }
        @media only screen and (max-width: 767px) {
          body footer .top .left a img {
            width: 100%; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body footer .top .left a img {
            width: 100%; } }
      body footer .top .right {
        float: left;
        position: relative;
        width: 30%; }
        @media only screen and (max-width: 767px) {
          body footer .top .right {
            width: 50%; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body footer .top .right {
            width: 50%; } }
        @media only screen and (min-width: 1025px) and (max-width: 1280px) {
          body footer .top .right {
            width: 40%; } }
        @media only screen and (min-width: 1281px) and (max-width: 1366px) {
          body footer .top .right {
            width: 40%; } }
        body footer .top .right .socials {
          float: right;
          position: relative;
          list-style: none;
          margin-top: 0;
          width: 60%;
          display: flex;
          gap: 27.5%; }
          @media only screen and (max-width: 767px) {
            body footer .top .right .socials {
              display: none; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body footer .top .right .socials {
              display: none; } }
          @media only screen and (min-width: 1281px) and (max-width: 1366px) {
            body footer .top .right .socials {
              width: 50%; } }
          body footer .top .right .socials li {
            float: left;
            position: relative;
            height: 24px;
            width: 24px; }
            body footer .top .right .socials li a {
              font-size: 14px;
              font-weight: bold;
              color: #2A2A2A;
              text-decoration: none; }
              body footer .top .right .socials li a img {
                height: 24px;
                /*&.Youtube {
                  transform: translateY(2px);
                }*/ }
                @media only screen and (min-width: 1025px) and (max-width: 1280px) {
                  body footer .top .right .socials li a img {
                    height: 24px; } }
        body footer .top .right .btn {
          color: #2840B8;
          background: transparent;
          border: 1px solid #2840B8;
          padding: 10px 20px;
          font-size: 14px;
          font-weight: bold;
          text-decoration: none;
          float: right;
          margin-top: -5px;
          margin-right: 15px; }
          @media only screen and (max-width: 767px) {
            body footer .top .right .btn {
              margin-right: 0; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body footer .top .right .btn {
              margin-right: 0; } }
    body footer .bottom {
      float: left;
      position: relative;
      width: 100%;
      margin-top: 45px; }
      @media only screen and (max-width: 767px) {
        body footer .bottom {
          margin-top: 0; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        body footer .bottom {
          margin-top: 0; } }
      body footer .bottom .left {
        float: left;
        position: relative;
        width: 70%; }
        @media only screen and (max-width: 767px) {
          body footer .bottom .left {
            width: 100%; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body footer .bottom .left {
            width: 100%; } }
        @media only screen and (min-width: 1025px) and (max-width: 1280px) {
          body footer .bottom .left {
            width: 80%; } }
        body footer .bottom .left .main-menu {
          float: left;
          position: relative;
          list-style: none;
          padding: 0;
          margin-top: 0;
          margin-bottom: 0; }
          body footer .bottom .left .main-menu li {
            float: left;
            position: relative;
            margin-right: 45px; }
            @media only screen and (max-width: 767px) {
              body footer .bottom .left .main-menu li {
                margin-right: 0;
                width: 100%;
                margin-top: 30px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              body footer .bottom .left .main-menu li {
                margin-right: 0;
                width: 100%;
                margin-top: 30px; } }
            @media only screen and (min-width: 1025px) and (max-width: 1280px) {
              body footer .bottom .left .main-menu li {
                margin-right: 2vw; } }
            @media only screen and (min-width: 1281px) and (max-width: 1366px) {
              body footer .bottom .left .main-menu li {
                margin-right: 1.5vw; } }
            @media only screen and (min-width: 1367px) and (max-width: 1440px) {
              body footer .bottom .left .main-menu li {
                margin-right: 2vw; } }
            body footer .bottom .left .main-menu li:last-child {
              margin-right: 0; }
            body footer .bottom .left .main-menu li a {
              font-size: 13px;
              font-weight: bold;
              color: #fff;
              text-decoration: none;
              transition: all .3s; }
              @media only screen and (max-width: 767px) {
                body footer .bottom .left .main-menu li a {
                  font-weight: 500; } }
              @media only screen and (min-width: 768px) and (max-width: 991px) {
                body footer .bottom .left .main-menu li a {
                  font-weight: 500; } }
              @media only screen and (min-width: 1025px) and (max-width: 1280px) {
                body footer .bottom .left .main-menu li a {
                  font-size: .9vw; } }
              body footer .bottom .left .main-menu li a:hover, body footer .bottom .left .main-menu li a:focus {
                color: #2840B8;
                text-decoration: none; }
              body footer .bottom .left .main-menu li a.btn {
                color: #2840B8;
                background: #fff;
                border: 1px solid #2840B8;
                padding: 10px 20px; }
                body footer .bottom .left .main-menu li a.btn:hover, body footer .bottom .left .main-menu li a.btn:focus {
                  color: #fff;
                  text-decoration: none;
                  background: #2840B8; }
      body footer .bottom .mobile-socials {
        float: left;
        position: relative;
        width: 100%;
        margin-top: 30px;
        padding-top: 30px;
        padding-bottom: 23px;
        border-top: 1px solid #707070;
        border-bottom: 1px solid #707070; }
        body footer .bottom .mobile-socials .socials {
          float: left;
          position: relative;
          display: flex;
          justify-content: space-between;
          list-style: none;
          padding: 0;
          margin-top: 0;
          margin-bottom: 0;
          margin-left: 5%;
          width: 90%; }
          body footer .bottom .mobile-socials .socials li {
            float: left;
            position: relative;
            width: 30px;
            height: 30px;
            text-align: center; }
            body footer .bottom .mobile-socials .socials li a {
              font-size: 14px;
              font-weight: bold;
              color: #2A2A2A;
              text-decoration: none; }
              body footer .bottom .mobile-socials .socials li a img {
                width: 30px;
                height: 30px;
                /*&.Youtube {
                  transform: translateY(2px);
                }*/ }
      body footer .bottom .right {
        float: left;
        position: relative;
        width: 30%; }
        @media only screen and (max-width: 767px) {
          body footer .bottom .right {
            width: 100%;
            margin-top: 30px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          body footer .bottom .right {
            width: 100%;
            margin-top: 30px; } }
        @media only screen and (min-width: 1025px) and (max-width: 1280px) {
          body footer .bottom .right {
            width: 20%; } }
        body footer .bottom .right p {
          float: right;
          position: relative;
          font-size: 14px;
          color: #fff;
          width: 100%;
          text-align: right;
          margin-top: 0; }
          @media only screen and (max-width: 767px) {
            body footer .bottom .right p {
              float: left;
              position: relative;
              text-align: left;
              margin-bottom: 0; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            body footer .bottom .right p {
              float: left;
              position: relative;
              text-align: left;
              margin-bottom: 0; } }

.js-imagine-product-widget {
  margin-left: 5%; }
  @media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .js-imagine-product-widget {
      margin-left: 1%; } }

.lang_switcher {
  float: left;
  position: relative;
  margin-left: 32px;
  margin-top: 8px; }
  @media (max-width: 991px) {
    .lang_switcher {
      display: none; } }
  .lang_switcher:hover .actual_lang {
    border: 1px solid #ECECEC; }
    .lang_switcher:hover .actual_lang img.arr {
      transform: rotate(180deg); }
  .lang_switcher:hover .lang_list {
    display: flex; }
  .lang_switcher .actual_lang {
    float: left;
    border: 1px solid transparent;
    padding: 8px;
    cursor: pointer;
    transition: all .3s;
    display: flex;
    align-items: center;
    justify-items: center; }
    .lang_switcher .actual_lang img {
      float: left; }
      .lang_switcher .actual_lang img.lng {
        width: 18px;
        height: 18px; }
      .lang_switcher .actual_lang img.arr {
        margin-left: 16px; }
  .lang_switcher .lang_list {
    background: #fff;
    border: 1px solid #ECECEC;
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    width: 100%;
    padding: 8px;
    transition: all .3s;
    align-items: center;
    justify-items: center;
    display: none; }
    .lang_switcher .lang_list a {
      display: flex;
      align-items: center; }
    .lang_switcher .lang_list img {
      float: left; }
    .lang_switcher .lang_list p {
      float: left;
      margin: 0 0 0 12px;
      font-size: 9px;
      font-weight: 500; }

.mobile_lang_switcher {
  position: absolute;
  margin-top: 9px; }
  .mobile_lang_switcher ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .mobile_lang_switcher ul li {
      float: left;
      margin-right: 32px;
      margin-top: 4px; }
      .mobile_lang_switcher ul li.active {
        margin-top: 0; }
        .mobile_lang_switcher ul li.active a img {
          border: 4px solid #22B2E8;
          box-sizing: content-box; }
      .mobile_lang_switcher ul li a {
        border-radius: 50%; }
        .mobile_lang_switcher ul li a img {
          border-radius: 50%;
          width: 24px; }

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