@font-face {
  font-family: "iCiel Rukola";
  src: url("../fonts/iCiel_Rukola.otf") format("opentype"), url("../fonts/iCiel_Rukola.ttf") format("truetype"); }

@font-face {
  font-family: "Myriad-Pro";
  src: url("../fonts/MyriadPro-Regular.otf") format("opentype"); }

a:hover {
  text-decoration: none; }

.flex {
  display: flex; }

.container {
  margin: 0 auto;
  padding: 0;
  min-width: 1200px; }
  @media (min-width: 1200px) {
    .container {
      max-width: 100%; } }
  @media (min-width: 1440px) {
    .container {
      max-width: 1440px; } }

.content {
  position: relative;
  margin: 0 auto;
  padding: 0 60px;
  overflow: hidden;
  max-width: 1140px; }
  @media (min-width: 1440px) {
    .content {
      max-width: 100%; } }

.section1 .container {
  background-image: url(../images/_section1_bg.png);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative; }
  .section1 .container::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 235px;
    background-color: #f06eaa;
    z-index: -1; }
    @media (min-width: 1440px) {
      .section1 .container::before {
        bottom: 250px; } }

.section1 .content {
  min-height: 850px; }
  @media (min-width: 1440px) {
    .section1 .content {
      min-height: 1010px; } }

.section1 .header {
  padding-top: 54px; }
  .section1 .header .content {
    display: flex;
    min-height: initial;
    padding: 0; }
    .section1 .header .content .logo {
      background-image: url(../images/_logo.png);
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block;
      margin-top: -14px;
      width: 300px;
      margin-right: 15px; }
      @media (min-width: 1440px) {
        .section1 .header .content .logo {
          width: 435px;
          background-position: 30px 0; } }
    .section1 .header .content .menu {
      flex-grow: 1;
      background-color: #e91170;
      padding-left: 12px; }
      .section1 .header .content .menu a {
        line-height: 50px;
        height: 50px;
        color: #fff;
        padding: 0 12px;
        font-size: 10pt;
        display: inline-block; }
        @media (min-width: 1440px) {
          .section1 .header .content .menu a {
            font-size: 11pt; } }
        .section1 .header .content .menu a.active {
          font-weight: 600; }
        .section1 .header .content .menu a:hover {
          background-color: rgba(255, 255, 255, 0.25); }

.section1 .is-sticky .header {
  background-color: #e91170;
  padding-top: 0;
  box-shadow: 0 0 5px #999; }
  .section1 .is-sticky .header .logo {
    margin-top: 5px;
    height: 40px; }

.section1 .text-content {
  color: #fff;
  padding-top: 75px; }
  .section1 .text-content .l1 {
    font-family: "Open Sans";
    font-size: 32px;
    text-align: right; }
    @media (min-width: 1440px) {
      .section1 .text-content .l1 {
        font-size: 42px; } }
  .section1 .text-content .l2 {
    font-family: "Open Sans";
    text-shadow: 0 3px 5px #444;
    text-align: right;
    padding-bottom: 30px;
    width: 50%;
    margin-left: 50%;
    border-bottom: 1px solid #fff;
    font-size: 100px;
    line-height: 100px; }
    @media (min-width: 1440px) {
      .section1 .text-content .l2 {
        font-size: 125px;
        line-height: 120px; } }
  .section1 .text-content .l3 {
    font-family: "iCiel Rukola";
    font-size: 30px;
    text-align: right;
    padding-top: 14px; }
    @media (min-width: 1440px) {
      .section1 .text-content .l3 {
        font-size: 44px; } }
  .section1 .text-content .buttons {
    text-align: right; }
    .section1 .text-content .buttons a {
      display: inline-block;
      background-color: #e91170;
      color: #fff;
      font-family: "Open Sans";
      font-weight: 600;
      padding: 12px 30px;
      border-radius: 20px;
      font-size: 24px;
      position: relative;
      overflow: hidden; }
      @media (min-width: 1440px) {
        .section1 .text-content .buttons a {
          padding: 20px 36px;
          font-size: 30px; } }
      .section1 .text-content .buttons a:after {
        background: #fff;
        content: "";
        height: 185px;
        left: -75px;
        opacity: 0.2;
        position: absolute;
        top: -50px;
        transform: rotate(35deg);
        transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
        width: 50px;
        z-index: 1;
        animation-name: slash-button;
        animation-duration: 5s;
        animation-iteration-count: infinite; }

.section1 .image-content {
  position: absolute;
  bottom: 65px;
  left: 0;
  right: 0;
  z-index: 1; }
  @media (min-width: 1440px) {
    .section1 .image-content {
      bottom: 80px; } }
  .section1 .image-content .girl {
    position: absolute;
    background-image: url(../images/_nguoi_mau.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    display: block;
    bottom: 0;
    left: 75px;
    width: 35%;
    height: 620px; }
    @media (min-width: 1440px) {
      .section1 .image-content .girl {
        height: 788px; } }
  .section1 .image-content .product {
    position: absolute;
    background-image: url(../images/_anh_sp_1.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    display: block;
    right: 60px;
    width: 55%;
    height: 300px;
    bottom: 0; }
    @media (min-width: 1440px) {
      .section1 .image-content .product {
        width: 830px;
        height: 400px;
        bottom: -90px; } }

.section2 .container {
  position: relative;
  overflow: hidden; }

.section2 .product-feature {
  background-image: url("../images/_section_f.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  min-height: 580px;
  position: relative; }
  .section2 .product-feature .product {
    background-image: url("../images/_section_f_img.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2; }
  .section2 .product-feature .feature-info {
    display: table-row;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    cursor: pointer; }
    .section2 .product-feature .feature-info .img-bounder {
      display: table-cell; }
      .section2 .product-feature .feature-info .img-bounder .image {
        width: 94px;
        height: 94px;
        border-radius: 100%;
        overflow: hidden;
        border: 10px solid #f06eaa; }
        .section2 .product-feature .feature-info .img-bounder .image img {
          transition: transform 0.25s;
          /* Animation */ }
    .section2 .product-feature .feature-info .text {
      display: table-cell;
      color: #f06eaa;
      transition: transform 0.25s;
      /* Animation */
      padding-left: 30px; }
    .section2 .product-feature .feature-info:hover img {
      transform: scale(1.2); }
    .section2 .product-feature .feature-info:hover .text {
      font-size: 1.2em; }
    .section2 .product-feature .feature-info.f1 {
      top: 30px;
      left: calc(50% + 77px); }
    .section2 .product-feature .feature-info.f2 {
      top: 168px;
      left: calc(50% + 185px); }
    .section2 .product-feature .feature-info.f3 {
      top: 334px;
      left: calc(50% + 185px); }
    .section2 .product-feature .feature-info.f4 {
      top: 140px;
      right: calc(50% + 185px);
      left: auto; }
      .section2 .product-feature .feature-info.f4 .text {
        padding-left: 0;
        padding-right: 30px;
        text-align: right; }
    .section2 .product-feature .feature-info.f5 {
      top: 287px;
      right: calc(50% + 207px);
      left: auto; }
      .section2 .product-feature .feature-info.f5 .text {
        padding-left: 0;
        padding-right: 30px;
        text-align: right; }
    .section2 .product-feature .feature-info.f6 {
      top: 425px;
      right: calc(50% + 130px);
      left: auto; }
      .section2 .product-feature .feature-info.f6 .text {
        padding-left: 0;
        padding-right: 30px;
        text-align: right; }

.section2 img {
  max-width: 100%; }

.section2 .l1 {
  text-align: center;
  font-family: "Myriad-Pro";
  font-size: 60px;
  font-weight: 600;
  color: #e30066;
  line-height: 60px; }

.section2 .l2 {
  text-align: center; }
  .section2 .l2 span {
    display: inline-block;
    font-family: "Myriad-Pro";
    margin: 0 auto -5px;
    background-color: #e30066;
    font-size: 30px;
    line-height: 1em;
    padding: 5px 50px 2px;
    border-radius: 30px;
    color: #fff; }

.section2 .separator {
  text-align: center;
  display: block;
  height: 5px;
  margin-top: 25px; }
  .section2 .separator::after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 195px;
    height: 5px;
    background-color: #f06eaa; }

.section2 .l-feature {
  text-align: center;
  margin-top: 40px; }
  .section2 .l-feature ul {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    list-style: none; }
    .section2 .l-feature ul li {
      color: #e30066;
      text-align: left;
      font-family: "Myriad-Pro";
      font-size: 20px;
      position: relative;
      padding-left: 20px; }
      .section2 .l-feature ul li::after {
        content: "";
        position: absolute;
        left: 0;
        top: 8px;
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 100%;
        background-color: #f06eaa; }

.section2 .circle1 {
  position: absolute;
  background-image: url(../images/_circle_l.png);
  background-repeat: no-repeat;
  display: block;
  width: 173px;
  height: 162px;
  z-index: 3;
  bottom: 0;
  left: 10px; }

.section2 .circle2 {
  position: absolute;
  background-image: url(../images/_circle_r.png);
  background-repeat: no-repeat;
  display: block;
  width: 269px;
  height: 253px;
  z-index: 3;
  bottom: 200px;
  right: -60px; }

.section3 .container {
  background-image: url(../images/_section_2_bg.png);
  background-position: bottom right;
  background-repeat: no-repeat; }

.section3 .content {
  padding-top: 60px;
  padding-bottom: 300px; }

.section3 .gia {
  color: #f06eaa;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: italic;
  padding-top: 154px;
  text-align: center; }
  @media (min-width: 1440px) {
    .section3 .gia {
      font-size: 20px; } }
  .section3 .gia img {
    display: block;
    margin-bottom: 10px;
    max-width: 100%; }
  .section3 .gia b {
    font-weight: 600; }

.section3 .arrow {
  background: url(../images/_arrow.png) no-repeat top left;
  display: block;
  position: absolute;
  z-index: 3;
  width: 281px;
  height: 109px;
  top: 0115px;
  left: 480px; }

.section3 .hoa1 {
  background: url(../images/_canh_hoa_1.png) no-repeat top left;
  display: block;
  position: absolute;
  z-index: 3;
  width: 67px;
  height: 48px;
  left: 390px;
  top: 30px; }

.section3 .hoa2 {
  background: url(../images/_canh_hoa_2.png) no-repeat top left;
  display: block;
  position: absolute;
  z-index: 3;
  width: 87px;
  height: 118px;
  left: 500px;
  top: 250px; }

.section3 .hoa3 {
  background: url(../images/_canh_hoa_3.png) no-repeat top left;
  display: block;
  position: absolute;
  z-index: 3;
  width: 151px;
  height: 101px;
  left: 650px;
  bottom: 300px; }

.section3 .hoa4 {
  background: url(../images/_canh_hoa_4.png) no-repeat top left;
  display: block;
  position: absolute;
  z-index: 3;
  width: 184px;
  height: 129px;
  bottom: 230px;
  left: 110px; }

.section3 .product2 {
  padding-left: 54px;
  padding-right: 36px; }

.section3 .s-4-tt {
  display: flex;
  position: absolute;
  bottom: 50px;
  right: 40px; }
  @media (min-width: 1440px) {
    .section3 .s-4-tt {
      right: 200px; } }
  .section3 .s-4-tt .number {
    display: block;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    border: 5px solid #fff;
    color: #fff;
    font-family: "Open Sans";
    font-size: 85px;
    text-align: center;
    font-weight: bold;
    background-color: #e91170; }
  .section3 .s-4-tt .text {
    font-family: "Open Sans";
    font-size: 42px;
    color: #fff;
    padding-left: 20px; }
    .section3 .s-4-tt .text .l1 {
      font-weight: normal; }
    .section3 .s-4-tt .text .l2 {
      font-weight: bold; }

.section4 .container {
  background-color: #f06eaa; }

.section4 .content .features {
  padding: 20px 30px 0 60px; }
  @media (min-width: 1440px) {
    .section4 .content .features {
      padding: 20px 40px 0 120px; } }
  .section4 .content .features .f-item {
    background-color: #e91170;
    color: #fff;
    font-family: "Myriad-Pro";
    font-weight: bold;
    border-radius: 40px;
    position: relative;
    padding: 10px 30px;
    font-size: 16px;
    line-height: 20px; }
    @media (min-width: 1440px) {
      .section4 .content .features .f-item {
        font-size: 20px;
        line-height: 24px;
        padding: 10px 30px; } }
    .section4 .content .features .f-item::after {
      position: absolute;
      content: "";
      background-color: #fff;
      display: block;
      width: 24px;
      height: 24px;
      left: -12px;
      top: calc(50% - 12px);
      border-radius: 100%; }
    .section4 .content .features .f-item + .f-item {
      margin-top: 15px; }

.section4 .content .product3 {
  text-align: right; }

.section5 .container {
  background-image: url(../images/_wave_t.png);
  background-repeat: repeat-x;
  background-position: center bottom; }

.section5 .content {
  padding-bottom: 150px;
  overflow: visible; }

.section5 .tt {
  font-family: "Myriad-Pro";
  font-size: 52px;
  color: #e91170;
  font-weight: 600;
  text-align: center;
  padding: 30px 0 50px; }

.section5 .t-item {
  font-family: "Open Sans";
  color: #f06eaa;
  background-image: url(../images/_testimonial_circle.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 280px;
  min-height: 400px;
  margin: 0 auto;
  text-align: center;
  padding: 80px 30px 0; }
  @media (min-width: 1440px) {
    .section5 .t-item {
      width: 340px;
      min-height: 400px;
      padding: 130px 30px 0; } }
  .section5 .t-item .ct {
    font-size: 12px;
    height: 120px;
    overflow: auto;
    text-align: justify; }
  .section5 .t-item .img {
    margin-top: 35px; }
    .section5 .t-item .img img {
      max-width: 50%; }
  .section5 .t-item .name {
    padding: 10px 0 0px;
    font-size: 16px;
    font-weight: bold; }
  .section5 .t-item .job {
    font-size: 14px;
    font-weight: 500; }

.section5 .swiper-button-prev,
.section5 .swiper-button-next {
  top: 43%; }

.section5 .swiper-button-prev,
.section5 .swiper-container-rtl .swiper-button-next {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAyCAYAAABcfPsmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDOUIyNzc2RkFGRDYxMUVBQkM1NDg5NUM4M0EyQzlBMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDOUIyNzc3MEFGRDYxMUVBQkM1NDg5NUM4M0EyQzlBMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM5QjI3NzZEQUZENjExRUFCQzU0ODk1QzgzQTJDOUEzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM5QjI3NzZFQUZENjExRUFCQzU0ODk1QzgzQTJDOUEzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+QDXpKwAAAqFJREFUeNqkl9lOVEEURW+L2BgwzkjirEQeJASJqCjGdkKNH+Ij/+Dv+GgcAXEiiiNO0TgSp6igiSjIfN0nWTe5IXRz+1QlK/0AvbPrVJ19qnNxHEe/O89FjrVcdIoz4qo4KwYXRb6VE03iqJgSz8SQiL2CK8QJ0Siei+ti1P7gEbTv7BMd4p/oFq/NnVdwrTgpdoiHojdx5xFcLPbg8Ke4IN4k7jyCdeK4WC/ui9tibG49sq5K0SraxB+uyvv5Cpx11YpjuLTa3RLjXkFzt1fsFyOiR3wsdgWy1s7cbRMPxA0x4RW0kz2E4Hdq97nUJV1obeRkN+Psppj0CuZx10o3XBJfFmqjUmsLW12Fu34x6xWsEgdFCzWznv2RpdGLra24qxF94hFR5RJM3O2mZl3ia9Yomm/Vk3fLxF3u3rRXsAYx64xPdMVQOWE5N9ot5w7jroeTnfEKViNm0f5EXBTD5cZ52l2DKHAodk0G0uFZrmAN7myavSLaRzwDJ3FXS4tZVN0RT8t1lxaMU1TymfPM1/SWh+mGCWK+MVTwL7H+UjSLU4SCW3CWV8BlJlmBmlZ4BSOmWTetZtF1RKwJEbT1lpi3idbO9itCBEeJ+QHi3yJsdYigrXdsfZwR0JLVZTHBMTrFrtH21BhwC0Y8MyxtfiHYlmVKlvqHKWppJ76Te1kXImjt94F7OciJt9Oa7jE6iUtjHUm+IUQwYkjZvfzG0LJaLgkRNJf3GFYrOaBNIYIRg76LREqexPkQwSmewP10TQdd5BZMu7Qn3QE6qCpEcJrR0Mej/TQP0JxXMOKxdF68ELsYavkQwRlqeYWfZwWeLW7BiN7uYdQ247I6RDBmxFoaLeVe1ocIJi57SaQmtl4dImi1fCyuMdwakrz8L8AAaj+iXgi9XlIAAAAASUVORK5CYII=); }

.section5 .swiper-button-next,
.section5 .swiper-container-rtl .swiper-button-prev {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAyCAYAAABcfPsmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDOUIyNzc3M0FGRDYxMUVBQkM1NDg5NUM4M0EyQzlBMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDOUIyNzc3NEFGRDYxMUVBQkM1NDg5NUM4M0EyQzlBMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM5QjI3NzcxQUZENjExRUFCQzU0ODk1QzgzQTJDOUEzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM5QjI3NzcyQUZENjExRUFCQzU0ODk1QzgzQTJDOUEzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+XP5AxgAAAp9JREFUeNqkl1tLlFEUhr9vdNQ0C8o0coqyA0bntFLsrNmJLvsb3fczgv5Bd92HWVMqWVlGRdhFYWUHwc4DGR1Gm94Fz8AwlMy39oaHmY+Bd9Zee693rS/Onbscaa0W58VxcUlcFJ+ihGvphbNRiu9fxDNhz0fFLlEVOVZR8LsYFk9EmzgiloUI2poUWfEDwe0iDhG0KIfEY9Euej1RpsqeJ9l6jgPakzSX5YK/iPKR2CLOiOYQwYJ4Ka6IadEjukW1V9DWTzEibosWcUxkQgRtvRXXxGexj1ymQwQtl2PivmhKEmVqgd/ecC+/ii6xV9SECP4Wd8UDsVL0i9YQQVvvxKB4Lw5CTYhgXozCWnFCrFuoJFMV5HlGDIinopMo0yGCf8hlltruxZHcgkW/NMEXYjduVB8iOC8eUkF1ok+sDxGMqJosVbSTXDaECM7jlaNEafdyQ4hgROO6KaY4cdt6Y4igRTmOCddzL7eW6iQVLJ74ANvfLA6IxSGCtia4m7Vco6ZQwQLll+eziEswpsV2I2g5/cCfuASXUCntDAbW1Ga9W4651H30nmFGmIJX0JJ/SuzgYIYYEFz3sIqGZW7zDbHnpdElFVyBmI1+93DyWW/pVVNqXUQ3yNjidptVtNJWmtYtDsUlmKYaetiiWdirEMdu5ppkMNn/RleJYIqTPVTSBqZC2qjl7KTYRImNMKa4BGuweYvutbiO/bsnhww238JWLbo5r2AtkXUygGZp+O7paw1VYc5yh8rIewXrsPUOosrid+4Jto3cNWLz45VG9y9B62T7GYGnOdmZJP6WKjPPjeK0WF4yEs95BRuw9g587qr46H2TiqkGq9lFvAGMMcq5BC26w0wBE/hdzvs2GuPG27CqG3SzgkfwrwADAJjbmnApHH1NAAAAAElFTkSuQmCC); }

.section6 .container {
  background-image: url(../images/_wave_b.png);
  background-repeat: repeat-x;
  background-position: center bottom;
  background-color: #f06eaa; }

.section6 .content {
  padding-bottom: 145px;
  padding-top: 30px; }
  .section6 .content .tt {
    text-align: center;
    font-family: "Open Sans";
    font-size: 48px;
    color: #fff;
    margin-bottom: 30px; }
    @media (min-width: 1440px) {
      .section6 .content .tt {
        font-size: 60px; } }
  .section6 .content .images {
    margin: 0 -60px; }
    .section6 .content .images .img {
      display: block;
      width: 100%;
      height: calc(1140px / 4);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: 50% 50%;
      position: relative; }
      @media (min-width: 1440px) {
        .section6 .content .images .img {
          height: calc(1440px / 4); } }
      .section6 .content .images .img::before {
        display: block;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.25); }
      .section6 .content .images .img.img-1 {
        background-image: url(../images/e_1.jpg); }
      .section6 .content .images .img.img-2 {
        background-image: url(../images/e_2.jpg); }
      .section6 .content .images .img.img-3 {
        background-image: url(../images/e_3.jpg); }
      .section6 .content .images .img.img-4 {
        background-image: url(../images/e_5.jpg); }
      .section6 .content .images .img.img-5 {
        background-image: url(../images/e_6.jpg); }
      .section6 .content .images .img.img-6 {
        background-image: url(../images/e_7.jpg); }
      .section6 .content .images .img.img-7 {
        background-image: url(../images/e_8.jpg); }
      .section6 .content .images .img.img-8 {
        background-image: url(../images/e_4.jpg); }
    .section6 .content .images .swiper-slide:hover .img::before {
      background-color: rgba(255, 255, 255, 0.25); }
    .section6 .content .images .swiper-slide:hover .img::after {
      display: block;
      content: "+";
      font-size: 60px;
      color: #fff;
      text-align: center;
      position: absolute;
      top: 20px;
      left: 20px;
      right: 20px;
      bottom: 20px;
      border: 2px solid #fff;
      z-index: 2;
      line-height: calc(1140px / 4 - 45px);
      font-weight: 300; }
      @media (min-width: 1440px) {
        .section6 .content .images .swiper-slide:hover .img::after {
          line-height: calc(1440px / 4 - 45px); } }

.footer {
  text-align: center;
  font-family: "Open Sans";
  font-size: 16px;
  color: #f06eaa; }
  .footer .container {
    border-bottom: 30px solid #f06eaa; }
  .footer .content {
    padding-bottom: 30px; }
  .footer .logo {
    margin-bottom: 30px; }
  .footer .partner {
    display: flex;
    margin: 0 -60px; }
    .footer .partner div {
      flex: 1 1 0px; }
    .footer .partner img {
      max-width: 100%; }
      .footer .partner img + img {
        margin-left: 10px; }
  .footer .icon-call {
    position: fixed;
    left: 30px;
    bottom: 80px;
    cursor: pointer;
    z-index: 1000; }
    .footer .icon-call a {
      display: flex; }
      .footer .icon-call a img {
        animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
        display: block;
        height: 60px; }
      .footer .icon-call a .tel-number {
        display: block;
        font-size: 1.2em;
        font-weight: 600;
        transition-duration: 0.25s;
        width: 0;
        overflow: hidden;
        color: #e91170;
        line-height: 60px;
        white-space: nowrap; }
      .footer .icon-call a:hover .tel-number {
        padding-left: 0px;
        width: 130px; }
  .footer .contact-form {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    right: calc(50% - 570px);
    text-align: left;
    color: #444;
    box-shadow: 0 0 10px #999; }
    @media (min-width: 1440px) {
      .footer .contact-form {
        right: calc(50% - 720px); } }
    .footer .contact-form .tt {
      background-color: #e91170;
      color: #fff;
      font-family: "Open Sans";
      font-size: 16px;
      padding: 0 15px;
      line-height: 45px; }
      .footer .contact-form .tt::after {
        content: "+";
        padding-left: 40px; }
    .footer .contact-form .input {
      background-color: white;
      padding: 0;
      border: 0px solid #ccc;
      height: 0;
      overflow: hidden; }
      .footer .contact-form .input > div {
        padding: 5px 0; }
      .footer .contact-form .input label {
        font-size: 10pt;
        display: block;
        color: #555; }
      .footer .contact-form .input input {
        width: 100%;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 5px 10px; }
      .footer .contact-form .input button {
        border: 1px solid #9e0045;
        color: #fff;
        border-radius: 5px;
        background-color: #e91170;
        width: 100%; }
    .footer .contact-form.show .input {
      padding: 15px;
      border: 1px solid #ccc;
      height: auto; }
    .footer .contact-form.show .tt::after {
      content: "-"; }

.section-cert .content {
  padding-top: 40px;
  padding-bottom: 40px; }
  .section-cert .content .tt {
    font-family: "Myriad-Pro";
    font-size: 52px;
    color: #e91170;
    font-weight: 600;
    text-align: center;
    padding: 30px 0 50px; }
    @media (min-width: 1440px) {
      .section-cert .content .tt {
        font-size: 60px; } }
  .section-cert .content img {
    max-height: 250px; }

@keyframes ring-alo-circle-img-anim {
  0% {
    transform: rotate(0deg) scale(1) skew(1deg); }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg); }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg); }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg); }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg); }
  50% {
    transform: rotate(0deg) scale(1) skew(1deg); }
  100% {
    transform: rotate(0deg) scale(1) skew(1deg); } }

@keyframes slash-button {
  0% {
    left: -75px; }
  20% {
    left: 120%; }
  100% {
    left: 120%; } }