@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/NunitoSans/nunito-sans-v3-latin-300.eot");
  src: local("Nunito Sans Light"), local("NunitoSans-Light"), url("../fonts/NunitoSans/nunito-sans-v3-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/NunitoSans/nunito-sans-v3-latin-300.woff2") format("woff2"), url("../fonts/NunitoSans/nunito-sans-v3-latin-300.woff") format("woff"), url("../fonts/NunitoSans/nunito-sans-v3-latin-300.ttf") format("truetype"), url("../fonts/NunitoSans/nunito-sans-v3-latin-300.svg#NunitoSans") format("svg"); }

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NunitoSans/nunito-sans-v3-latin-regular.eot");
  src: local("Nunito Sans Regular"), local("NunitoSans-Regular"), url("../fonts/NunitoSans/nunito-sans-v3-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/NunitoSans/nunito-sans-v3-latin-regular.woff2") format("woff2"), url("../fonts/NunitoSans/nunito-sans-v3-latin-regular.woff") format("woff"), url("../fonts/NunitoSans/nunito-sans-v3-latin-regular.ttf") format("truetype"), url("../fonts/NunitoSans/nunito-sans-v3-latin-regular.svg#NunitoSans") format("svg"); }

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/NunitoSans/nunito-sans-v3-latin-600.eot");
  src: local("Nunito Sans SemiBold"), local("NunitoSans-SemiBold"), url("../fonts/NunitoSans/nunito-sans-v3-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/NunitoSans/nunito-sans-v3-latin-600.woff2") format("woff2"), url("../fonts/NunitoSans/nunito-sans-v3-latin-600.woff") format("woff"), url("../fonts/NunitoSans/nunito-sans-v3-latin-600.ttf") format("truetype"), url("../fonts/NunitoSans/nunito-sans-v3-latin-600.svg#NunitoSans") format("svg"); }

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/NunitoSans/nunito-sans-v3-latin-700.eot");
  src: local("Nunito Sans Bold"), local("NunitoSans-Bold"), url("../fonts/NunitoSans/nunito-sans-v3-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/NunitoSans/nunito-sans-v3-latin-700.woff2") format("woff2"), url("../fonts/NunitoSans/nunito-sans-v3-latin-700.woff") format("woff"), url("../fonts/NunitoSans/nunito-sans-v3-latin-700.ttf") format("truetype"), url("../fonts/NunitoSans/nunito-sans-v3-latin-700.svg#NunitoSans") format("svg"); }

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/NunitoSans/nunito-sans-v3-latin-800.eot");
  src: local("Nunito Sans ExtraBold"), local("NunitoSans-ExtraBold"), url("../fonts/NunitoSans/nunito-sans-v3-latin-800.eot?#iefix") format("embedded-opentype"), url("../fonts/NunitoSans/nunito-sans-v3-latin-800.woff2") format("woff2"), url("../fonts/NunitoSans/nunito-sans-v3-latin-800.woff") format("woff"), url("../fonts/NunitoSans/nunito-sans-v3-latin-800.ttf") format("truetype"), url("../fonts/NunitoSans/nunito-sans-v3-latin-800.svg#NunitoSans") format("svg"); }

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/NunitoSans/nunito-sans-v3-latin-900.eot");
  src: local("Nunito Sans Black"), local("NunitoSans-Black"), url("../fonts/NunitoSans/nunito-sans-v3-latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/NunitoSans/nunito-sans-v3-latin-900.woff2") format("woff2"), url("../fonts/NunitoSans/nunito-sans-v3-latin-900.woff") format("woff"), url("../fonts/NunitoSans/nunito-sans-v3-latin-900.ttf") format("truetype"), url("../fonts/NunitoSans/nunito-sans-v3-latin-900.svg#NunitoSans") format("svg"); }

.section-title h2, .section-title p, .modal.modal-package .modal-package-title h3, .header-logo a h1, .header-menu .nav .nav-list .dropdown-menu-wrapper a p, .header-menu .nav .nav-list .dropdown-menu-group h3, .header-menu .nav .nav-list .dropdown-menu-group ul, .header-phone p, .footer-logo a h2, .footer-menu-wrapper h3, .footer-menu-wrapper ul, .footer-copyright p, .hero-text h2, .hero-text p, .service-detail h3, .service-detail p, .feature-detail h3, .feature-detail p, .feature-list ul, .card-item h3, .help-detail p, .bundle-detail p, .card-member-service h3, .card-member-service p, .member-service-package .mobile-package-tabs ul, .card-service-package h3, .card-service-package ul, .card-service-package .service-package-pricing p, .service-package-text p, .service-package-list h3, .service-package-list ul, .service-package-list ul li p, .service-main-detail h3, .service-main-detail p, .member-package-feature-title h3, .member-package-feature-list ul, .member-package-feature-price h4, .member-package-about h3, .member-package-about-text p, .customize-package-title h3, .customize-package-title h4, .range-slider-label h3, .range-slider-feature ul, .range-slider-form .range-control .range-value p, .range-slider-form p, .faq-wrapper .card-body p, .faq-cta h3, .customer-story-title h2, .customer-story-title p, .customer-story-description h4, .customer-story-description p {
  margin: 0;
  padding: 0; }

.range-slider-form .range-control input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

html,
body {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #404852;
  -moz-osx-font-smoothings: grayscale;
  -webkit-font-smoothing: antialiased; }

section.hero-banner-section {
  background-image: -webkit-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E);
  background-image: -moz-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E);
  background-image: -ms-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E);
  background-image: -o-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E);
  background-image: linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E);
  position: relative;
  overflow: hidden;
  padding: 150px 0 240px; }
  @media (min-width: 576px) {
    section.hero-banner-section {
      padding: 180px 0 320px; } }
  @media (min-width: 768px) {
    section.hero-banner-section {
      padding: 180px 0 400px; } }
  @media (min-width: 992px) {
    section.hero-banner-section {
      padding: 200px 0 480px; } }
  @media (min-width: 1200px) {
    section.hero-banner-section {
      padding: 240px 0 560px; } }
  @media (min-width: 1440px) {
    section.hero-banner-section {
      padding: 264px 0 600px; } }

section.hero-service-section {
  background-image: -webkit-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E);
  background-image: -moz-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E);
  background-image: -ms-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E);
  background-image: -o-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E);
  background-image: linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E);
  position: relative;
  overflow: hidden;
  padding: 150px 0 160px; }
  @media (min-width: 576px) {
    section.hero-service-section {
      padding: 180px 0 240px; } }
  @media (min-width: 768px) {
    section.hero-service-section {
      padding: 180px 0 320px; } }
  @media (min-width: 992px) {
    section.hero-service-section {
      padding: 200px 0 400px; } }
  @media (min-width: 1200px) {
    section.hero-service-section {
      padding: 240px 0 500px; } }
  @media (min-width: 1440px) {
    section.hero-service-section {
      padding: 264px 0 540px; } }

section.hero-contact-section {
  background-image: -webkit-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E);
  background-image: -moz-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E);
  background-image: -ms-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E);
  background-image: -o-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E);
  background-image: linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E);
  position: relative;
  overflow: hidden;
  padding: 150px 0 160px; }
  @media (min-width: 576px) {
    section.hero-contact-section {
      padding: 180px 0 240px; } }
  @media (min-width: 768px) {
    section.hero-contact-section {
      padding: 180px 0 300px; } }
  @media (min-width: 992px) {
    section.hero-contact-section {
      padding: 200px 0 360px; } }
  @media (min-width: 1200px) {
    section.hero-contact-section {
      padding: 240px 0 420px; } }
  @media (min-width: 1440px) {
    section.hero-contact-section {
      padding: 264px 0 420px; } }

section.hero-tos-section {
  background-image: -webkit-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E);
  background-image: -moz-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E);
  background-image: -ms-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E);
  background-image: -o-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E);
  background-image: linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E);
  position: relative;
  overflow: hidden;
  padding: 150px 0 380px; }
  @media (min-width: 576px) {
    section.hero-tos-section {
      padding: 180px 0 460px; } }
  @media (min-width: 768px) {
    section.hero-tos-section {
      padding: 180px 0 520px; } }
  @media (min-width: 992px) {
    section.hero-tos-section {
      padding: 200px 0 620px; } }
  @media (min-width: 1200px) {
    section.hero-tos-section {
      padding: 240px 0 680px; } }
  @media (min-width: 1440px) {
    section.hero-tos-section {
      padding: 264px 0 680px; } }
      
section.hero-pricing-section {
  background-image: -webkit-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E);
  background-image: -moz-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E);
  background-image: -ms-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E);
  background-image: -o-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E);
  background-image: linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E);
  position: relative;
  overflow: hidden;
  padding: 150px 0 380px; }
  @media (min-width: 576px) {
    section.hero-pricing-section {
      padding: 150px 0 400px; } }
  @media (min-width: 768px) {
    section.hero-pricing-section {
      padding: 150px 0 460px; } }
  @media (min-width: 992px) {
    section.hero-pricing-section {
      padding: 180px 0 660px; } }
  @media (min-width: 1200px) {
    section.hero-pricing-section {
      padding: 180px 0 680px; } }
  @media (min-width: 1440px) {
    section.hero-pricing-section {
      padding: 200px 0 680px; } }

section.package-detail-banner {
  padding: 132px 0 240px; }
  @media (min-width: 576px) {
    section.package-detail-banner {
      padding: 132px 0 320px; } }
  @media (min-width: 768px) {
    section.package-detail-banner {
      padding: 132px 0 600px; } }
  @media (min-width: 992px) {
    section.package-detail-banner {
      padding: 132px 0 600px; } }
  @media (min-width: 1200px) {
    section.package-detail-banner {
      padding: 176px 0 600px; } }

section.hero-illustration-section {
  position: relative; }

section.service-section {
  position: relative;
  overflow: hidden;
  padding: 68px 0 88px; }
  section.service-section:before {
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(180deg, rgba(245, 246, 248, 0), #f5f6f8, white);
    background-image: -moz-linear-gradient(180deg, rgba(245, 246, 248, 0), #f5f6f8, white);
    background-image: -ms-linear-gradient(180deg, rgba(245, 246, 248, 0), #f5f6f8, white);
    background-image: -o-linear-gradient(180deg, rgba(245, 246, 248, 0), #f5f6f8, white);
    background-image: linear-gradient(180deg, rgba(245, 246, 248, 0), #f5f6f8, white);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0; }
  @media (min-width: 576px) {
    section.service-section {
      padding: 68px 0 148px; } }

section.help-section {
  background-image: -webkit-linear-gradient(180deg, #6EF1D9, #4772C8, #4F209E 180%);
  background-image: -moz-linear-gradient(180deg, #6EF1D9, #4772C8, #4F209E 180%);
  background-image: -ms-linear-gradient(180deg, #6EF1D9, #4772C8, #4F209E 180%);
  background-image: -o-linear-gradient(180deg, #6EF1D9, #4772C8, #4F209E 180%);
  background-image: linear-gradient(180deg, #6EF1D9, #4772C8, #4F209E 180%);
  position: relative;
  overflow: hidden;
  padding: 0 0 250px; }

section.grow-section {
  -webkit-clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%);
  -moz-clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%);
  -o-clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%);
  background-image: -webkit-linear-gradient(175deg, #78fffd -75%, #155daa 135%);
  background-image: -moz-linear-gradient(175deg, #78fffd -75%, #155daa 135%);
  background-image: -ms-linear-gradient(175deg, #78fffd -75%, #155daa 135%);
  background-image: -o-linear-gradient(175deg, #78fffd -75%, #155daa 135%);
  background-image: linear-gradient(175deg, #78fffd -75%, #155daa 135%);
  position: relative;
  overflow: hidden;
  margin: -200px 0 0;
  padding: 160px 0 296px; }
  @media (min-width: 768px) {
    section.grow-section {
      -webkit-clip-path: polygon(0 0, 100% 200px, 100% 100%, 0 100%);
      -moz-clip-path: polygon(0 0, 100% 200px, 100% 100%, 0 100%);
      -o-clip-path: polygon(0 0, 100% 200px, 100% 100%, 0 100%);
      clip-path: polygon(0 0, 100% 200px, 100% 100%, 0 100%);
      padding: 272px 0 296px; } }

section.member-service-section {
  position: relative;
  overflow: hidden;
  padding: 20px 0 300px; }
  @media (min-width: 768px) {
    section.member-service-section {
      padding: 90px 0 300px; } }
  @media (min-width: 992px) {
    section.member-service-section {
      padding: 160px 0 300px; } }

section.member-package-section {
  position: relative;
  padding: 0 0 300px; }

section.customer-story-banner {
  position: relative;
  padding: 150px 0 260px; }
  @media (min-width: 576px) {
    section.customer-story-banner {
      padding: 180px 0 380px; } }
  @media (min-width: 768px) {
    section.customer-story-banner {
      padding: 180px 0 540px; } }
  @media (min-width: 992px) {
    section.customer-story-banner {
      padding: 200px 0 600px; } }
  @media (min-width: 1200px) {
    section.customer-story-banner {
      padding: 240px 0 680px; } }
  @media (min-width: 1440px) {
    section.customer-story-banner {
      padding: 264px 0 700px; } }
  @media (min-width: 1600px) {
    section.customer-story-banner {
      padding: 264px 0 780px; } }

section.customer-story-section {
  position: relative;
  overflow: hidden;
  padding: 0 0 320px; }

section.contact-section {
  position: relative;
  overflow: hidden;
  padding: 40px 0 320px; }

section.contact-service {
  margin-top: 60px; }
  @media (min-width: 992px) {
    section.contact-service {
      margin-top: -320px; } }
  @media (min-width: 1200px) {
    section.contact-service {
      margin-top: -400px; } }

section.tos-section {
  position: relative;
  overflow: hidden;
  margin-top: -320px;
  padding: 0 0 320px; }
  @media (min-width: 576px) {
    section.tos-section {
      margin-top: -360px; } }
  @media (min-width: 768px) {
    section.tos-section {
      margin-top: -420px; } }
  @media (min-width: 992px) {
    section.tos-section {
      margin-top: -560px; } }
      
section.pricing-section {
  position: relative;
  overflow: hidden;
  margin-top: -320px;
  padding: 0 30px 320px; }
  section.pricing-section:before {
    width: 261px;
    height: 261px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    content: '';
    position: absolute;
    bottom: 0;
    right: -150px;
    z-index: 0;
    border: 50px solid rgba(255, 153, 170, 0.05); }
    @media (min-width: 768px) {
      section.pricing-section:before {
        width: 522px;
        height: 522px;
        bottom: -100px;
        right: -300px;
        border-width: 100px; } }
  @media (min-width: 576px) {
    section.pricing-section {
      margin-top: -360px; } }
  @media (min-width: 768px) {
    section.pricing-section {
      margin-top: -420px;
      padding: 0 50px 320px; } }
  @media (min-width: 992px) {
    section.pricing-section {
      margin-top: -560px; } }
      
.full-container {
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto; }

.container {
  position: relative;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 30px; }
  @media (min-width: 768px) {
    .container {
      padding: 0 40px; } }
  @media (min-width: 768px) {
    .container {
      padding: 0 50px; } }

.section-title h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: .4px; }
  @media (min-width: 576px) {
    .section-title h2 {
      font-size: 32px;
      line-height: 40px; } }
  @media (min-width: 768px) {
    .section-title h2 {
      font-size: 36px;
      line-height: 45px; } }
  @media (min-width: 1200px) {
    .section-title h2 {
      font-size: 42px;
      line-height: 48px; } }
  @media (min-width: 1440px) {
    .section-title h2 {
      font-size: 48px;
      line-height: 60px;
      letter-spacing: .53px; } }

.section-title p {
  margin-top: 30px;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  letter-spacing: .6px; }
  @media (min-width: 1200px) {
    .section-title p {
      font-size: 18px;
      line-height: 30px;
      letter-spacing: .6px; } }
  @media (min-width: 1440px) {
    .section-title p {
      font-size: 22px;
      line-height: 35px;
      letter-spacing: .85px; } }

.section-title.grow-title h2 {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: #fff; }
  .section-title.grow-title h2 span {
    font-weight: 800; }
  @media (min-width: 1200px) {
    .section-title.grow-title h2 {
      font-size: 30px;
      line-height: 42px;
      letter-spacing: 2.7px; } }
  @media (min-width: 1440px) {
    .section-title.grow-title h2 {
      font-size: 35px;
      line-height: 58px;
      letter-spacing: 3px; } }

.section-title.service-marketing-title h2 {
  max-width: 680px;
  margin: 0 auto; }

.section-title.service-marketing-title p {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: .6px; }

.section-title.service-package-title h2 {
  max-width: 620px; }

.section-title.service-package-title p {
  max-width: 800px;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: .6px; }

.app {
  position: relative; }
  .app.fixed {
    position: fixed;
    overflow: hidden;
    width: 100%; }
    .app.fixed .header-container {
      background-color: #fff; }

.modal.modal-package .modal-dialog {
  width: calc(100% - 40px);
  max-width: 1200px;
  margin: 40px 20px; }
  @media (min-width: 768px) {
    .modal.modal-package .modal-dialog {
      width: calc(100% - 60px);
      margin: 60px auto; } }

.modal.modal-package .modal-content {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  position: relative; }

.modal.modal-package .modal-body {
  padding: 31px 25px; }
  .modal.modal-package .modal-body .close {
    position: absolute;
    top: 20px;
    right: 28px;
    font-size: 40px;
    font-weight: 400; }
    .modal.modal-package .modal-body .close:focus {
      outline: none; }
    @media (min-width: 576px) {
      .modal.modal-package .modal-body .close {
        top: 32px;
        right: 40px; } }
  .modal.modal-package .modal-body .member-package-feature-list {
    margin-top: 30px; }
    @media (min-width: 576px) {
      .modal.modal-package .modal-body .member-package-feature-list {
        margin-top: 64px; } }
  @media (min-width: 768px) {
    .modal.modal-package .modal-body {
      padding: 42px 75px 84px; } }
  @media (min-width: 992px) {
    .modal.modal-package .modal-body {
      padding: 56px 100px 112px; } }

.modal.modal-package .modal-package-title h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-align: center; }
  @media (min-width: 576px) {
    .modal.modal-package .modal-package-title h3 {
      font-size: 29px;
      line-height: 19px;
      letter-spacing: 2px; } }

.popover {
  -webkit-box-shadow: 0 0 9px 3px rgba(201, 210, 247, 0.33);
  -moz-box-shadow: 0 0 9px 3px rgba(201, 210, 247, 0.33);
  -ms-box-shadow: 0 0 9px 3px rgba(201, 210, 247, 0.33);
  -o-box-shadow: 0 0 9px 3px rgba(201, 210, 247, 0.33);
  box-shadow: 0 0 9px 3px rgba(201, 210, 247, 0.33);
  border: 0; }
  .popover .arrow:before {
    border-top-color: transparent;
    border-bottom-color: transparent; }
  .popover .arrow:after {
    border-top-color: #636f83;
    border-bottom-color: #636f83; }
  .popover .popover-body {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
    font-family: "Nunito Sans", sans-serif;
    font-size: .75rem;
    font-weight: 600;
    color: #fff;
    background-color: #636f83; }
    @media (min-width: 768px) {
      .popover .popover-body {
        padding: 20px;
        font-size: 1.25rem; } }
  @media (min-width: 576px) {
    .popover {
      -webkit-box-shadow: 0 0 15px 4px rgba(201, 210, 247, 0.33);
      -moz-box-shadow: 0 0 15px 4px rgba(201, 210, 247, 0.33);
      -ms-box-shadow: 0 0 15px 4px rgba(201, 210, 247, 0.33);
      -o-box-shadow: 0 0 15px 4px rgba(201, 210, 247, 0.33);
      box-shadow: 0 0 15px 4px rgba(201, 210, 247, 0.33); } }
  @media (min-width: 768px) {
    .popover {
      -webkit-box-shadow: 0 0 21px 5px rgba(201, 210, 247, 0.33);
      -moz-box-shadow: 0 0 21px 5px rgba(201, 210, 247, 0.33);
      -ms-box-shadow: 0 0 21px 5px rgba(201, 210, 247, 0.33);
      -o-box-shadow: 0 0 21px 5px rgba(201, 210, 247, 0.33);
      box-shadow: 0 0 21px 5px rgba(201, 210, 247, 0.33); } }
  @media (min-width: 992px) {
    .popover {
      -webkit-box-shadow: 0 0 27px 6px rgba(201, 210, 247, 0.33);
      -moz-box-shadow: 0 0 27px 6px rgba(201, 210, 247, 0.33);
      -ms-box-shadow: 0 0 27px 6px rgba(201, 210, 247, 0.33);
      -o-box-shadow: 0 0 27px 6px rgba(201, 210, 247, 0.33);
      box-shadow: 0 0 27px 6px rgba(201, 210, 247, 0.33); } }
  @media (min-width: 1200px) {
    .popover {
      -webkit-box-shadow: 0 0 33px 7px rgba(201, 210, 247, 0.33);
      -moz-box-shadow: 0 0 33px 7px rgba(201, 210, 247, 0.33);
      -ms-box-shadow: 0 0 33px 7px rgba(201, 210, 247, 0.33);
      -o-box-shadow: 0 0 33px 7px rgba(201, 210, 247, 0.33);
      box-shadow: 0 0 33px 7px rgba(201, 210, 247, 0.33); } }

@-webkit-keyframes chartLine {
  from {
    stroke-dashoffset: 1040; }
  to {
    stroke-dashoffset: 0; } }

@-moz-keyframes chartLine {
  from {
    stroke-dashoffset: 1040; }
  to {
    stroke-dashoffset: 0; } }

@-o-keyframes chartLine {
  from {
    stroke-dashoffset: 1040; }
  to {
    stroke-dashoffset: 0; } }

@keyframes chartLine {
  from {
    stroke-dashoffset: 1040; }
  to {
    stroke-dashoffset: 0; } }

@-webkit-keyframes longResultChartLine {
  from {
    stroke-dashoffset: 100; }
  to {
    stroke-dashoffset: 0; } }

@-moz-keyframes longResultChartLine {
  from {
    stroke-dashoffset: 100; }
  to {
    stroke-dashoffset: 0; } }

@-o-keyframes longResultChartLine {
  from {
    stroke-dashoffset: 100; }
  to {
    stroke-dashoffset: 0; } }

@keyframes longResultChartLine {
  from {
    stroke-dashoffset: 100; }
  to {
    stroke-dashoffset: 0; } }

@-webkit-keyframes briefcaseCover {
  0% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    z-index: 5; }
  20% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    z-index: 2; }
  80% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    z-index: 2; }
  100% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    z-index: 5; } }

@-moz-keyframes briefcaseCover {
  0% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    z-index: 5; }
  20% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    z-index: 2; }
  80% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    z-index: 2; }
  100% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    z-index: 5; } }

@-o-keyframes briefcaseCover {
  0% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    z-index: 5; }
  20% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    z-index: 2; }
  80% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    z-index: 2; }
  100% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    z-index: 5; } }

@keyframes briefcaseCover {
  0% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    z-index: 5; }
  20% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    z-index: 2; }
  80% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    z-index: 2; }
  100% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    z-index: 5; } }

@-webkit-keyframes briefcasePaper {
  0% {
    top: 50%; }
  25% {
    top: 36%; }
  50% {
    top: 36%; }
  75% {
    top: 50%; }
  100% {
    top: 50%; } }

@-moz-keyframes briefcasePaper {
  0% {
    top: 50%; }
  25% {
    top: 36%; }
  50% {
    top: 36%; }
  75% {
    top: 50%; }
  100% {
    top: 50%; } }

@-o-keyframes briefcasePaper {
  0% {
    top: 50%; }
  25% {
    top: 36%; }
  50% {
    top: 36%; }
  75% {
    top: 50%; }
  100% {
    top: 50%; } }

@keyframes briefcasePaper {
  0% {
    top: 50%; }
  25% {
    top: 36%; }
  50% {
    top: 36%; }
  75% {
    top: 50%; }
  100% {
    top: 50%; } }

@-webkit-keyframes briefcaseRibbon {
  0% {
    top: 16.6%; }
  20% {
    top: 18.6%; }
  40% {
    top: 14.6%; }
  60% {
    top: 17.6%; }
  80% {
    top: 15.6%; }
  100% {
    top: 16.6%; } }

@-moz-keyframes briefcaseRibbon {
  0% {
    top: 16.6%; }
  20% {
    top: 18.6%; }
  40% {
    top: 14.6%; }
  60% {
    top: 17.6%; }
  80% {
    top: 15.6%; }
  100% {
    top: 16.6%; } }

@-o-keyframes briefcaseRibbon {
  0% {
    top: 16.6%; }
  20% {
    top: 18.6%; }
  40% {
    top: 14.6%; }
  60% {
    top: 17.6%; }
  80% {
    top: 15.6%; }
  100% {
    top: 16.6%; } }

@keyframes briefcaseRibbon {
  0% {
    top: 16.6%; }
  20% {
    top: 18.6%; }
  40% {
    top: 14.6%; }
  60% {
    top: 17.6%; }
  80% {
    top: 15.6%; }
  100% {
    top: 16.6%; } }

@-webkit-keyframes packageFloatUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  25% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px); }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  75% {
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes packageFloatUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  25% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px); }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  75% {
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes packageFloatUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  25% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px); }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  75% {
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes packageFloatUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  25% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px); }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  75% {
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes packageFloatDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  25% {
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px); }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  75% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes packageFloatDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  25% {
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px); }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  75% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes packageFloatDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  25% {
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px); }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  75% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes packageFloatDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  25% {
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px); }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  75% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes patternFloatUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  25% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px); }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  75% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes patternFloatUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  25% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px); }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  75% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes patternFloatUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  25% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px); }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  75% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes patternFloatUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  25% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px); }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  75% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes patternFloatDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  25% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px); }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  75% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes patternFloatDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  25% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px); }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  75% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes patternFloatDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  25% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px); }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  75% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes patternFloatDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  25% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px); }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  75% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes patternFloatFooter {
  0% {
    -webkit-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -moz-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -ms-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -o-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    transform: rotateZ(20deg) translateX(-50%) translateY(0); }
  25% {
    -webkit-transform: rotateZ(20deg) translateX(-50%) translateY(15px);
    -moz-transform: rotateZ(20deg) translateX(-50%) translateY(15px);
    -ms-transform: rotateZ(20deg) translateX(-50%) translateY(15px);
    -o-transform: rotateZ(20deg) translateX(-50%) translateY(15px);
    transform: rotateZ(20deg) translateX(-50%) translateY(15px); }
  50% {
    -webkit-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -moz-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -ms-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -o-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    transform: rotateZ(20deg) translateX(-50%) translateY(0); }
  75% {
    -webkit-transform: rotateZ(20deg) translateX(-50%) translateY(-15px);
    -moz-transform: rotateZ(20deg) translateX(-50%) translateY(-15px);
    -ms-transform: rotateZ(20deg) translateX(-50%) translateY(-15px);
    -o-transform: rotateZ(20deg) translateX(-50%) translateY(-15px);
    transform: rotateZ(20deg) translateX(-50%) translateY(-15px); }
  100% {
    -webkit-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -moz-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -ms-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -o-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    transform: rotateZ(20deg) translateX(-50%) translateY(0); } }

@-moz-keyframes patternFloatFooter {
  0% {
    -webkit-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -moz-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -ms-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -o-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    transform: rotateZ(20deg) translateX(-50%) translateY(0); }
  25% {
    -webkit-transform: rotateZ(20deg) translateX(-50%) translateY(15px);
    -moz-transform: rotateZ(20deg) translateX(-50%) translateY(15px);
    -ms-transform: rotateZ(20deg) translateX(-50%) translateY(15px);
    -o-transform: rotateZ(20deg) translateX(-50%) translateY(15px);
    transform: rotateZ(20deg) translateX(-50%) translateY(15px); }
  50% {
    -webkit-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -moz-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -ms-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -o-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    transform: rotateZ(20deg) translateX(-50%) translateY(0); }
  75% {
    -webkit-transform: rotateZ(20deg) translateX(-50%) translateY(-15px);
    -moz-transform: rotateZ(20deg) translateX(-50%) translateY(-15px);
    -ms-transform: rotateZ(20deg) translateX(-50%) translateY(-15px);
    -o-transform: rotateZ(20deg) translateX(-50%) translateY(-15px);
    transform: rotateZ(20deg) translateX(-50%) translateY(-15px); }
  100% {
    -webkit-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -moz-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -ms-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -o-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    transform: rotateZ(20deg) translateX(-50%) translateY(0); } }

@-o-keyframes patternFloatFooter {
  0% {
    -webkit-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -moz-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -ms-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -o-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    transform: rotateZ(20deg) translateX(-50%) translateY(0); }
  25% {
    -webkit-transform: rotateZ(20deg) translateX(-50%) translateY(15px);
    -moz-transform: rotateZ(20deg) translateX(-50%) translateY(15px);
    -ms-transform: rotateZ(20deg) translateX(-50%) translateY(15px);
    -o-transform: rotateZ(20deg) translateX(-50%) translateY(15px);
    transform: rotateZ(20deg) translateX(-50%) translateY(15px); }
  50% {
    -webkit-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -moz-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -ms-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -o-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    transform: rotateZ(20deg) translateX(-50%) translateY(0); }
  75% {
    -webkit-transform: rotateZ(20deg) translateX(-50%) translateY(-15px);
    -moz-transform: rotateZ(20deg) translateX(-50%) translateY(-15px);
    -ms-transform: rotateZ(20deg) translateX(-50%) translateY(-15px);
    -o-transform: rotateZ(20deg) translateX(-50%) translateY(-15px);
    transform: rotateZ(20deg) translateX(-50%) translateY(-15px); }
  100% {
    -webkit-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -moz-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -ms-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -o-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    transform: rotateZ(20deg) translateX(-50%) translateY(0); } }

@keyframes patternFloatFooter {
  0% {
    -webkit-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -moz-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -ms-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -o-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    transform: rotateZ(20deg) translateX(-50%) translateY(0); }
  25% {
    -webkit-transform: rotateZ(20deg) translateX(-50%) translateY(15px);
    -moz-transform: rotateZ(20deg) translateX(-50%) translateY(15px);
    -ms-transform: rotateZ(20deg) translateX(-50%) translateY(15px);
    -o-transform: rotateZ(20deg) translateX(-50%) translateY(15px);
    transform: rotateZ(20deg) translateX(-50%) translateY(15px); }
  50% {
    -webkit-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -moz-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -ms-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -o-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    transform: rotateZ(20deg) translateX(-50%) translateY(0); }
  75% {
    -webkit-transform: rotateZ(20deg) translateX(-50%) translateY(-15px);
    -moz-transform: rotateZ(20deg) translateX(-50%) translateY(-15px);
    -ms-transform: rotateZ(20deg) translateX(-50%) translateY(-15px);
    -o-transform: rotateZ(20deg) translateX(-50%) translateY(-15px);
    transform: rotateZ(20deg) translateX(-50%) translateY(-15px); }
  100% {
    -webkit-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -moz-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -ms-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    -o-transform: rotateZ(20deg) translateX(-50%) translateY(0);
    transform: rotateZ(20deg) translateX(-50%) translateY(0); } }

.btn.btn-medium {
  width: 248px;
  height: 62px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  padding: 19px 24px 18px;
  font-size: 15px;
  font-weight: 800;
  line-height: 21px;
  letter-spacing: .9px;
  text-transform: uppercase;
  border-width: 2px;
  border-style: solid; }
  @media (min-width: 1200px) {
    .btn.btn-medium {
      padding: 19px 24px 18px;
      font-size: 15px;
      line-height: 21px;
      letter-spacing: .9px; } }
  @media (min-width: 1440px) {
    .btn.btn-medium {
      width: 276px;
      height: 68px;
      padding: 21px 24px 20px;
      font-size: 17px;
      line-height: 23px;
      letter-spacing: 1px; } }

.btn.btn-large {
  width: 306px;
  height: 62px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  padding: 19px 24px 18px;
  font-size: 15px;
  font-weight: 800;
  line-height: 20px;
  letter-spacing: .8px;
  text-transform: uppercase;
  border-width: 2px;
  border-style: solid; }
  @media (min-width: 1200px) {
    .btn.btn-large {
      padding: 19px 24px 18px;
      font-size: 15px;
      line-height: 20px;
      letter-spacing: .8px; } }
  @media (min-width: 1440px) {
    .btn.btn-large {
      width: 340px;
      height: 68px;
      padding: 21px 24px 20px;
      font-size: 17px;
      line-height: 23px;
      letter-spacing: 1px; } }

.btn.btn-outline {
  color: #404852;
  background-color: transparent;
  border: 1px solid #404852; }
  .btn.btn-outline:hover {
    color: #fff;
    background-color: #404852; }

.btn.btn-green {
  color: #fff;
  background-color: #4ec40e;
  border-color: #4ec40e; }
  .btn.btn-green:hover {
    color: #4ec40e;
    background-color: #fff;
    border-color: #fff; }

.btn.btn-white {
  color: #6772e5;
  background-color: #fff;
  border-color: #fff; }
  .btn.btn-white:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1); }

.btn.btn-blue {
  color: #fff;
  background-color: #486ec6;
  border-color: #486ec6; }
  .btn.btn-blue:hover {
    color: #486ec6;
    background-color: #fff;
    border-color: #fff; }

.btn.btn-started {
  width: 160px;
  height: 50px;
  -webkit-border-radius: 7.2px;
  -moz-border-radius: 7.2px;
  -ms-border-radius: 7.2px;
  -o-border-radius: 7.2px;
  border-radius: 7.2px;
  display: block;
  padding: 16px 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 1.61px;
  text-transform: uppercase;
  color: #fff;
  border: 2px solid #fff;
  background-color: rgba(255, 255, 255, 0.1); }
  .btn.btn-started:hover {
    color: #486ec6;
    background-color: #fff; }
  @media (min-width: 1200px) {
    .btn.btn-started {
      width: 188px;
      height: 54px;
      padding: 15px 24px;
      font-size: 16px;
      line-height: 22px; } }
  @media (min-width: 1440px) {
    .btn.btn-started {
      width: 208px;
      height: 60px;
      padding: 16px 24px;
      font-size: 18px;
      line-height: 24px; } }

.btn.btn-package {
  width: 208px;
  height: 54px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  padding: 17px 24px 16px;
  font-size: 13px;
  font-weight: 800;
  line-height: 17px;
  text-transform: uppercase;
  border-width: 2px;
  border-style: solid; }
  @media (min-width: 1200px) {
    .btn.btn-package {
      padding: 17px 24px 16px;
      font-size: 13px;
      line-height: 17px; } }
  @media (min-width: 1440px) {
    .btn.btn-package {
      width: 230px;
      height: 60px;
      padding: 19px 24px 18px;
      font-size: 14px;
      line-height: 19px; } }

.btn.btn-testimonial {
  width: 115px;
  height: 30px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  padding: 7px 24px;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: .6px;
  color: #ff7fac;
  border-color: #ff7fac; }
  .btn.btn-testimonial:hover {
    background-color: #ff7fac; }

.btn.btn-question {
  padding: 21px 24px 20px;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-width: 2px;
  border-color: #fff; }
  .btn.btn-question:hover {
    color: #486ec6;
    background-color: #fff; }

.btn.btn-pricing {
  width: 100%;
  height: auto;
  -webkit-box-shadow: 0 26px 65px 0 rgba(49, 99, 22, 0.28);
  -moz-box-shadow: 0 26px 65px 0 rgba(49, 99, 22, 0.28);
  -ms-box-shadow: 0 26px 65px 0 rgba(49, 99, 22, 0.28);
  -o-box-shadow: 0 26px 65px 0 rgba(49, 99, 22, 0.28);
  box-shadow: 0 26px 65px 0 rgba(49, 99, 22, 0.28);
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 700;
  line-height: 19px;
  letter-spacing: .5px;
  text-transform: uppercase; }
  .btn.btn-pricing span {
    padding-right: 16px; }
    .btn.btn-pricing span i {
      font-style: normal;
      font-weight: 400;
      text-transform: initial; }
    .btn.btn-pricing span + span {
      padding-left: 16px;
      padding-right: 0;
      border-left: 1px solid #fff; }
      @media (min-width: 576px) {
        .btn.btn-pricing span + span {
          padding-left: 40px; } }
    @media (min-width: 576px) {
      .btn.btn-pricing span {
        padding-right: 40px; } }
  .btn.btn-pricing:hover span + span {
    border-left-color: #4ec40e; }
  @media (min-width: 480px) {
    .btn.btn-pricing {
      width: auto;
      height: auto;
      padding: 16px 40px;
      font-size: 17px;
      line-height: 23px;
      letter-spacing: 1px; } }

.btn:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none; }

header.main_head {
  width: 100%;
  height: 108px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9; }
  @media (min-width: 1200px) {
    header.main_head {
      height: 146px; } }
  @media (min-width: 1440px) {
    header.main_head {
      height: 176px; } }

.header-container {
  width: 100%;
  height: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 30px; }
  @media (min-width: 768px) {
    .header-container {
      padding: 0 50px; } }

.header-wrapper {
  width: 100%;
  height: 100%; }
  .header-wrapper.open .header-logo {
    position: relative;
    z-index: 1; }
    .header-wrapper.open .header-logo a {
      color: #6772e5; }
  .header-wrapper.open .header-menu {
    width: 100%;
    height: calc(100vh - 248px);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    display: block;
    position: fixed;
    overflow: auto;
    top: 0;
    left: 0;
    margin: 100px 0 150px;
    padding: 0 30px;
    background-color: #fff; }
    .header-wrapper.open .header-menu .nav {
      min-height: 100%;
      padding: 30px 0; }
      .header-wrapper.open .header-menu .nav .nav-list .nav-items {
        color: #6772e5; }
        .header-wrapper.open .header-menu .nav .nav-list .nav-items i.caret-down {
          margin-bottom: 8px;
          border-bottom-color: #6772e5;
          border-left-color: #6772e5; }
      .header-wrapper.open .header-menu .nav .nav-list + .nav-list {
        margin: 20px 0 0; }
        @media (min-width: 768px) {
          .header-wrapper.open .header-menu .nav .nav-list + .nav-list {
            margin: 30px 0 0; } }
    @media (min-width: 768px) {
      .header-wrapper.open .header-menu {
        padding: 130px 50px 200px; } }
  .header-wrapper.open .header-shortcut {
    position: fixed;
    display: block !important;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 0;
    background-color: #fff; }
  .header-wrapper.open .header-phone {
    max-width: 146px;
    margin: 0 auto; }
    .header-wrapper.open .header-phone p {
      color: #6772e5; }
    .header-wrapper.open .header-phone a {
      color: #6772e5; }
    .header-wrapper.open .header-phone #Phone-Shape {
      fill: #6772e5; }
    @media (min-width: 768px) {
      .header-wrapper.open .header-phone {
        max-width: 166px; } }
  .header-wrapper.open .header-button {
    margin: 20px 0 0; }
    .header-wrapper.open .header-button .btn-started {
      margin: 0 auto;
      color: #6772e5;
      border-color: #6772e5; }
      .header-wrapper.open .header-button .btn-started:hover {
        color: #fff;
        background-color: #6772e5; }
    @media (min-width: 768px) {
      .header-wrapper.open .header-button {
        margin: 30px 0 0; } }

.header-logo a {
  color: #fff; }
  .header-logo a h1 {
    font-size: 28px;
    font-weight: 800;
    line-height: 40px;
    letter-spacing: 3px;
    text-transform: uppercase; }
    @media (min-width: 1200px) {
      .header-logo a h1 {
        font-size: 28px;
        line-height: 40px;
        letter-spacing: 3px; } }
    @media (min-width: 1440px) {
      .header-logo a h1 {
        font-size: 35px;
        line-height: 47px;
        letter-spacing: 3.89px; } }
  .header-logo a:hover {
    text-decoration: none; }

.mobile-menu {
  width: 28px;
  height: 14px;
  display: block;
  position: relative;
  z-index: 2;
  cursor: pointer; }
  .mobile-menu span {
    width: 28px;
    height: 3px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    display: block;
    background-color: #fff; }
    .mobile-menu span + span {
      margin-top: 8px; }
  .mobile-menu.mobile span {
    background-color: #6772e5; }
    .mobile-menu.mobile span:first-child {
      -webkit-transform: rotate(45deg) translate(3px, 3px);
      -moz-transform: rotate(45deg) translate(3px, 3px);
      -ms-transform: rotate(45deg) translate(3px, 3px);
      -o-transform: rotate(45deg) translate(3px, 3px);
      transform: rotate(45deg) translate(3px, 3px);
      -webkit-transition: 0.25s ease-in-out;
      -moz-transition: 0.25s ease-in-out;
      -ms-transition: 0.25s ease-in-out;
      -o-transition: 0.25s ease-in-out;
      transition: 0.25s ease-in-out; }
    .mobile-menu.mobile span:last-child {
      -webkit-transform: rotate(-45deg) translate(5px, -5px);
      -moz-transform: rotate(-45deg) translate(5px, -5px);
      -ms-transform: rotate(-45deg) translate(5px, -5px);
      -o-transform: rotate(-45deg) translate(5px, -5px);
      transform: rotate(-45deg) translate(5px, -5px);
      -webkit-transition: 0.25s ease-in-out;
      -moz-transition: 0.25s ease-in-out;
      -ms-transition: 0.25s ease-in-out;
      -o-transition: 0.25s ease-in-out;
      transition: 0.25s ease-in-out; }
  @media (min-width: 1200px) {
    .mobile-menu {
      display: none; } }

.header-menu {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  display: none; }
  .header-menu .nav .nav-list {
    position: relative;
    width: 100%;
    text-align: center;
    -webkit-perspective: 2000px;
    perspective: 2000px; }
    .header-menu .nav .nav-list .nav-items {
      display: block;
      position: relative;
      width: 100%;
      font-size: 16px;
      line-height: 20px;
      letter-spacing: .5px;
      color: #fff;
      cursor: pointer; }
      .header-menu .nav .nav-list .nav-items:hover {
        opacity: .75;
        text-decoration: none; }
        .header-menu .nav .nav-list .nav-items:hover + .dropdown-menu {
          display: block;
          opacity: 1;
          visibility: visible; }
          @media (min-width: 1200px) {
            .header-menu .nav .nav-list .nav-items:hover + .dropdown-menu {
              -webkit-transform: translateX(-50%) rotateX(0deg);
              -moz-transform: translateX(-50%) rotateX(0deg);
              -ms-transform: translateX(-50%) rotateX(0deg);
              -o-transform: translateX(-50%) rotateX(0deg);
              transform: translateX(-50%) rotateX(0deg);
              -webkit-transition: 0.25s;
              -moz-transition: 0.25s;
              -ms-transition: 0.25s;
              -o-transition: 0.25s;
              transition: 0.25s; } }
      .header-menu .nav .nav-list .nav-items i.caret-down {
        width: 9px;
        height: 9px;
        -webkit-transform: rotateZ(-45deg);
        -moz-transform: rotateZ(-45deg);
        -ms-transform: rotateZ(-45deg);
        -o-transform: rotateZ(-45deg);
        transform: rotateZ(-45deg);
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 6px;
        border-bottom: 2px solid #fff;
        border-left: 2px solid #fff; }
      @media (min-width: 768px) {
        .header-menu .nav .nav-list .nav-items {
          font-size: 18px;
          line-height: 24px;
          letter-spacing: 1px; } }
      @media (min-width: 1440px) {
        .header-menu .nav .nav-list .nav-items {
          font-size: 20px;
          line-height: 27px;
          letter-spacing: 1.37px; } }
    .header-menu .nav .nav-list .dropdown-menu {
      display: block;
      opacity: 1;
      visibility: visible;
      position: relative;
      top: 0;
      width: 100%;
      margin: 0;
      padding: 16px 0 0;
      background-color: transparent;
      border: 0; }
      .header-menu .nav .nav-list .dropdown-menu:hover {
        display: block;
        opacity: 1;
        visibility: visible; }
        @media (min-width: 1200px) {
          .header-menu .nav .nav-list .dropdown-menu:hover {
            -webkit-transform: translateX(-50%) rotateX(0deg);
            -moz-transform: translateX(-50%) rotateX(0deg);
            -ms-transform: translateX(-50%) rotateX(0deg);
            -o-transform: translateX(-50%) rotateX(0deg);
            transform: translateX(-50%) rotateX(0deg);
            -webkit-transition: 0.25s;
            -moz-transition: 0.25s;
            -ms-transition: 0.25s;
            -o-transition: 0.25s;
            transition: 0.25s; } }
      @media (min-width: 1200px) {
        .header-menu .nav .nav-list .dropdown-menu {
          -webkit-transform: translateX(-50%) rotateX(-15deg);
          -moz-transform: translateX(-50%) rotateX(-15deg);
          -ms-transform: translateX(-50%) rotateX(-15deg);
          -o-transform: translateX(-50%) rotateX(-15deg);
          transform: translateX(-50%) rotateX(-15deg);
          -webkit-transition: 0.25s;
          -moz-transition: 0.25s;
          -ms-transition: 0.25s;
          -o-transition: 0.25s;
          transition: 0.25s;
          transform-origin: 50% 0;
          opacity: 0;
          visibility: hidden;
          position: absolute;
          top: 27px;
          left: 50%;
          width: 420px; } }
    .header-menu .nav .nav-list .dropdown-menu-wrapper {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -ms-box-shadow: none;
      -o-box-shadow: none;
      box-shadow: none;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      position: relative;
      background-color: #fafaff; }
      .header-menu .nav .nav-list .dropdown-menu-wrapper a {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        position: relative;
        align-items: center;
        padding: 6px 0;
        font-size: 14px;
        line-height: 1;
        letter-spacing: .5px;
        color: #636f83; }
        .header-menu .nav .nav-list .dropdown-menu-wrapper a img {
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%);
          position: absolute;
          top: 50%;
          left: 0;
          max-width: 48px;
          margin-right: 15px; }
        .header-menu .nav .nav-list .dropdown-menu-wrapper a p {
          margin-left: 58px;
          font-weight: 700;
          text-transform: uppercase; }
          .header-menu .nav .nav-list .dropdown-menu-wrapper a p span {
            display: block;
            margin-top: 6px;
            font-size: 13px;
            font-weight: 400;
            line-height: 1.25;
            text-transform: initial; }
            @media (min-width: 768px) {
              .header-menu .nav .nav-list .dropdown-menu-wrapper a p span {
                font-size: 14px; } }
            @media (min-width: 1440px) {
              .header-menu .nav .nav-list .dropdown-menu-wrapper a p span {
                font-size: 15px; } }
        .header-menu .nav .nav-list .dropdown-menu-wrapper a.overview img {
          max-width: 38px; }
        .header-menu .nav .nav-list .dropdown-menu-wrapper a.essentials img {
          max-width: 32px; }
        .header-menu .nav .nav-list .dropdown-menu-wrapper a.competitive img {
          max-width: 32px; }
        .header-menu .nav .nav-list .dropdown-menu-wrapper a.competitive-plus img {
          max-width: 38px; }
        .header-menu .nav .nav-list .dropdown-menu-wrapper a.complete img {
          max-width: 34px; }
        .header-menu .nav .nav-list .dropdown-menu-wrapper a:hover {
          text-decoration: none;
          color: #4a4a4a; }
          .header-menu .nav .nav-list .dropdown-menu-wrapper a:hover img {
            filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
            filter: gray;
            -webkit-filter: grayscale(100%); }
        @media (min-width: 768px) {
          .header-menu .nav .nav-list .dropdown-menu-wrapper a {
            font-size: 15px;
            letter-spacing: 1px; } }
        @media (min-width: 1440px) {
          .header-menu .nav .nav-list .dropdown-menu-wrapper a {
            font-size: 16px;
            letter-spacing: 1.37px; } }
      .header-menu .nav .nav-list .dropdown-menu-wrapper:before {
        width: 20px;
        height: 10px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        content: '';
        position: absolute;
        top: -10px;
        left: 50%;
        border-top: 0 solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        border-left: 10px solid transparent; }
      @media (min-width: 1200px) {
        .header-menu .nav .nav-list .dropdown-menu-wrapper {
          -webkit-box-shadow: 0 20px 40px 0 rgba(9, 12, 15, 0.15);
          -moz-box-shadow: 0 20px 40px 0 rgba(9, 12, 15, 0.15);
          -ms-box-shadow: 0 20px 40px 0 rgba(9, 12, 15, 0.15);
          -o-box-shadow: 0 20px 40px 0 rgba(9, 12, 15, 0.15);
          box-shadow: 0 20px 40px 0 rgba(9, 12, 15, 0.15);
          -webkit-border-radius: 6px;
          -moz-border-radius: 6px;
          -ms-border-radius: 6px;
          -o-border-radius: 6px;
          border-radius: 6px;
          background-color: rgba(255, 255, 255, 0.96); } }
    .header-menu .nav .nav-list .dropdown-menu-sparator {
      width: 100%;
      height: 1px;
      display: block;
      margin: 10px 0 20px;
      background-color: #e7e7ef; }
      @media (min-width: 1200px) {
        .header-menu .nav .nav-list .dropdown-menu-sparator {
          background-color: #f1f1f1; } }
    .header-menu .nav .nav-list .dropdown-menu-group {
      padding: 35px 30px; }
      .header-menu .nav .nav-list .dropdown-menu-group h3 {
        font-size: 17px;
        font-weight: 700;
        text-align: center;
        color: #6772e5; }
        @media (min-width: 768px) {
          .header-menu .nav .nav-list .dropdown-menu-group h3 {
            font-size: 19px; } }
        @media (min-width: 1200px) {
          .header-menu .nav .nav-list .dropdown-menu-group h3 {
            text-align: left; } }
        @media (min-width: 1440px) {
          .header-menu .nav .nav-list .dropdown-menu-group h3 {
            font-size: 21px; } }
      .header-menu .nav .nav-list .dropdown-menu-group ul {
        list-style: none; }
        .header-menu .nav .nav-list .dropdown-menu-group ul li + li {
          margin-top: 15px; }
      @media (min-width: 1200px) {
        .header-menu .nav .nav-list .dropdown-menu-group {
          padding: 45px 40px; } }
      .header-menu .nav .nav-list .dropdown-menu-group.menu-grey {
        background-color: #fafaff; }
    .header-menu .nav .nav-list + .nav-list {
      margin-left: 26px; }
      @media (min-width: 1200px) {
        .header-menu .nav .nav-list + .nav-list {
          margin-left: 20px; } }
      @media (min-width: 1440) {
        .header-menu .nav .nav-list + .nav-list {
          margin-left: 26px; } }
    @media (min-width: 1200px) {
      .header-menu .nav .nav-list {
        width: auto; } }
  @media (min-width: 1200px) {
    .header-menu {
      display: block; } }

.header-shortcut {
  display: none !important; }
  @media (min-width: 1200px) {
    .header-shortcut {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important; } }

.header-phone {
  position: relative;
  padding-left: 30px; }
  .header-phone svg {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0;
    max-width: 24px; }
    @media (min-width: 1200px) {
      .header-phone svg {
        max-width: 24px; } }
    @media (min-width: 1440px) {
      .header-phone svg {
        max-width: 28px; } }
  .header-phone p {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .5px;
    color: #fff; }
    @media (min-width: 768px) {
      .header-phone p {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 1px; } }
    @media (min-width: 1440px) {
      .header-phone p {
        font-size: 20px;
        line-height: 27px;
        letter-spacing: 1.37px; } }
  @media (min-width: 1200px) {
    .header-phone {
      padding-left: 38px; } }
  @media (min-width: 1440px) {
    .header-phone {
      padding-left: 46px; } }

.header-button {
  margin-left: 20px; }
  @media (min-width: 1200px) {
    .header-button {
      margin-left: 18px; } }
  @media (min-width: 1440) {
    .header-button {
      margin-left: 20px; } }

footer.fl-page-footer-wrap {
  -webkit-clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%);
  -moz-clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%);
  -o-clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%);
  background-image: -webkit-linear-gradient(135deg, #6EF1D9, #4772C8, #4F209E 100%);
  background-image: -moz-linear-gradient(135deg, #6EF1D9, #4772C8, #4F209E 100%);
  background-image: -ms-linear-gradient(135deg, #6EF1D9, #4772C8, #4F209E 100%);
  background-image: -o-linear-gradient(135deg, #6EF1D9, #4772C8, #4F209E 100%);
  background-image: linear-gradient(135deg, #6EF1D9, #4772C8, #4F209E 100%);
  position: relative;
  overflow: hidden;
  margin: -200px 0 0;
  padding: 160px 30px 240px; }
  @media (min-width: 768px) {
    footer.fl-page-footer-wrap {
      -webkit-clip-path: polygon(0 0, 100% 200px, 100% 100%, 0 100%);
      -moz-clip-path: polygon(0 0, 100% 200px, 100% 100%, 0 100%);
      -o-clip-path: polygon(0 0, 100% 200px, 100% 100%, 0 100%);
      clip-path: polygon(0 0, 100% 200px, 100% 100%, 0 100%);
      padding: 308px 50px 368px; } }

.footer-illustration {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  bottom: -10px;
  left: 50%;
  z-index: 0;
  width: 100%;
  max-width: 1064px; }
  .footer-illustration svg {
    width: 100%; }

.footer-bg {
  width: 100%;
  height: 505px;
  position: absolute;
  bottom: 2px;
  left: 0;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: 1440px auto;
  background-position: center bottom; }

.footer-bg-square {
  -webkit-transform: rotateZ(20deg) translateX(-50%);
  -moz-transform: rotateZ(20deg) translateX(-50%);
  -ms-transform: rotateZ(20deg) translateX(-50%);
  -o-transform: rotateZ(20deg) translateX(-50%);
  transform: rotateZ(20deg) translateX(-50%);
  -webkit-animation-name: patternFloatFooter;
  -moz-animation-name: patternFloatFooter;
  -o-animation-name: patternFloatFooter;
  animation-name: patternFloatFooter;
  -webkit-animation-duration: 8s;
  -moz-animation-duration: 8s;
  -o-animation-duration: 8s;
  animation-duration: 8s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  animation-direction: normal;
  position: absolute;
  bottom: 0;
  left: 50%; }
  .footer-bg-square img {
    max-width: 247px; }
    @media (min-width: 768px) {
      .footer-bg-square img {
        max-width: 370px; } }
    @media (min-width: 1200px) {
      .footer-bg-square img {
        max-width: 494px; } }

.footer-container {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto; }

.footer-wrapper {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto; }

.footer-logo {
  text-align: center; }
  .footer-logo a h2 {
    font-size: 28px;
    font-weight: 800;
    line-height: 40px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #fff; }
    @media (min-width: 1200px) {
      .footer-logo a h2 {
        font-size: 28px;
        line-height: 40px;
        letter-spacing: 3px; } }
    @media (min-width: 1440px) {
      .footer-logo a h2 {
        font-size: 34px;
        line-height: 45px;
        letter-spacing: 3.78px; } }
  .footer-logo a:hover {
    text-decoration: none; }

.footer-contact {
  margin-top: 25px;
  text-align: center; }
  .footer-contact a {
    font-size: 14px;
    font-weight: 800;
    line-height: 35px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: #fff; }
    .footer-contact a:hover {
      text-decoration: none;
      opacity: .75; }
    .footer-contact a + a {
      margin-left: 0; }
      @media (min-width: 576px) {
        .footer-contact a + a {
          margin-left: 45px; } }
      @media (min-width: 1440px) {
        .footer-contact a + a {
          margin-left: 50px; } }
    @media (min-width: 1200px) {
      .footer-contact a {
        font-size: 16px;
        line-height: 40px;
        letter-spacing: 1.8px; } }
    @media (min-width: 1440px) {
      .footer-contact a {
        font-size: 18px;
        line-height: 45px;
        letter-spacing: 2px; } }

.footer-social {
  margin-top: 60px;
  vertical-align: middle; }
  .footer-social a {
    width: 42px;
    height: 42px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #fff;
    opacity: .3; }
    .footer-social a:hover {
      opacity: 1;
      background-color: #fff; }
      .footer-social a:hover .social-icon-fill {
        fill: #404852; }
      .footer-social a:hover .social-icon-stroke {
        stroke: #404852; }
    .footer-social a + a {
      margin-left: 30px; }

.footer-menu {
  margin-top: 95px; }

.footer-menu-wrapper {
  margin-bottom: 50px; }
  .footer-menu-wrapper h3 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 800;
    line-height: 45px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    color: #fff; }
    @media (min-width: 576px) {
      .footer-menu-wrapper h3 {
        text-align: left; } }
  .footer-menu-wrapper ul {
    list-style: none; }
    .footer-menu-wrapper ul li {
      text-align: center; }
      .footer-menu-wrapper ul li a {
        font-size: 15px;
        font-weight: 300;
        line-height: 25px;
        letter-spacing: .5px;
        color: #fff; }
        .footer-menu-wrapper ul li a:hover {
          text-decoration: none;
          opacity: .75; }
      .footer-menu-wrapper ul li + li {
        margin-top: 10px; }
      @media (min-width: 576px) {
        .footer-menu-wrapper ul li {
          text-align: left; } }

.footer-copyright {
  margin-top: 40px;
  text-align: center;
  color: #fff; }
  .footer-copyright p {
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 2px; }
    .footer-copyright p a {
      color: #fff; }
      .footer-copyright p a:hover {
        text-decoration: none;
        opacity: .75; }

.hero-container {
  padding: 0 30px; }
  @media (min-width: 768px) {
    .hero-container {
      padding: 0 50px; } }

.hero-text {
  position: relative;
  z-index: 8;
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
  text-align: center;
  color: #fff; }
  .hero-text h2 {
    max-width: 312px;
    margin: 0 auto;
    font-size: 21px;
    font-weight: 900;
    line-height: 28px;
    letter-spacing: 1.6px;
    text-transform: uppercase; }
    @media (min-width: 576px) {
      .hero-text h2 {
        max-width: 436px;
        margin: 0 auto;
        font-size: 28px;
        line-height: 36px;
        letter-spacing: 2.6px; } }
    @media (min-width: 768px) {
      .hero-text h2 {
        max-width: 100%;
        font-size: 32px;
        line-height: 40px;
        letter-spacing: 3px; } }
    @media (min-width: 1200px) {
      .hero-text h2 {
        font-size: 36px;
        line-height: 45px;
        letter-spacing: 3.6px; } }
    @media (min-width: 1440px) {
      .hero-text h2 {
        font-size: 41px;
        line-height: 50px;
        letter-spacing: 4px; } }
  .hero-text p {
    width: 100%;
    max-width: 758px;
    margin: 22px auto 0;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .36px;
    opacity: .7; }
    @media (min-width: 768px) {
      .hero-text p {
        font-size: 18px;
        line-height: 28px;
        letter-spacing: .42px; } }
    @media (min-width: 1200px) {
      .hero-text p {
        font-size: 20px;
        line-height: 32px;
        letter-spacing: .58px; } }
    @media (min-width: 1440px) {
      .hero-text p {
        font-size: 23px;
        line-height: 35px;
        letter-spacing: .64px; } }
        
  .hero-text.hero-package-text p {
    max-width: 830px; }
  .hero-text.hero-customer-text p {
    max-width: 830px; }
    @media (min-width: 1440px) {
      .hero-text.hero-customer-text p {
        font-size: 20px; } }
  .hero-text.hero-tos-text p {
    max-width: 830px; }
    @media (min-width: 1440px) {
      .hero-text.hero-tos-text p {
        font-size: 20px; } }
  .hero-text.pricing-hero-text {
    max-width: 980px; }
    
    .hero-text.pricing-hero-text h2 {
    max-width: 312px;
    margin: 0 auto;
    font-size: 21px;
    font-weight: 900;
    line-height: 28px;
    letter-spacing: 1.6px;
    text-transform: uppercase; }
    @media (min-width: 576px) {
      .hero-text.pricing-hero-text h2 {
        max-width: 436px;
        margin: 0 auto;
        font-size: 28px;
        line-height: 36px;
        letter-spacing: 2.6px; } }
    @media (min-width: 768px) {
      .hero-text.pricing-hero-text h2 {
        max-width: 100%;
        font-size: 32px;
        line-height: 40px;
        letter-spacing: 3px; } }
    @media (min-width: 1200px) {
      .hero-text.pricing-hero-text h2 {
        font-size: 36px;
        line-height: 45px;
        letter-spacing: 3.6px; } }
    @media (min-width: 1440px) {
      .hero-text.pricing-hero-text h2 {
        font-size: 41px;
        line-height: 50px;
        letter-spacing: 4px; } }
    /*.hero-text.pricing-hero-text h2 {*/
    /*  font-size: 20px;*/
    /*  line-height: 30px; }*/
    /*  @media (min-width: 768px) {*/
    /*    .hero-text.pricing-hero-text h2 {*/
    /*      font-size: 38px;*/
    /*      line-height: 50px; } }*/
          
    /*.hero-text.pricing-hero-text p {*/
    /*  max-width: 830px;*/
    /*  font-size: 16px;*/
    /*  line-height: 1.33;*/
    /*  letter-spacing: .56px; }*/
    /*  @media (min-width: 1440px) {*/
    /*    .hero-text.pricing-hero-text p {*/
    /*      font-size: 20px; } }*/
          
          .hero-text.pricing-hero-text p {
    width: 100%;
    max-width: 758px;
    margin: 22px auto 0;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .36px;
    opacity: .7; }
    @media (min-width: 768px) {
      .hero-text.pricing-hero-text p {
        font-size: 18px;
        line-height: 28px;
        letter-spacing: .42px; } }
    @media (min-width: 1200px) {
      .hero-text.pricing-hero-text p {
        font-size: 20px;
        line-height: 32px;
        letter-spacing: .58px; } }
    @media (min-width: 1440px) {
      .hero-text.pricing-hero-text p {
        font-size: 23px;
        line-height: 35px;
        letter-spacing: .64px; } }

.hero-buttons {
  margin-top: 45px; }
  .hero-buttons .btn {
    width: calc(50% - 8px);
    height: 45px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    max-width: 192px;
    padding: 16px 0 14px;
    font-size: 11px;
    line-height: 1;
    letter-spacing: .5px; }
    .hero-buttons .btn.btn-pricing {
      width: auto;
      max-width: 100%;
      padding: 12px 16px;
      font-size: 14px;
      font-weight: 700;
      line-height: 19px;
      letter-spacing: .5px; }
      @media (min-width: 480px) {
        .hero-buttons .btn.btn-pricing {
          width: auto;
          height: auto;
          padding: 16px 40px;
          font-size: 17px;
          line-height: 23px;
          letter-spacing: 1px; } }
    .hero-buttons .btn + .btn {
      margin-left: 16px; }
      @media (min-width: 768px) {
        .hero-buttons .btn + .btn {
          margin-left: 40px; } }
    @media (min-width: 768px) {
      .hero-buttons .btn {
        width: 248px;
        height: 62px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        border-radius: 8px;
        max-width: 248px;
        padding: 19px 24px 18px;
        font-size: 15px;
        line-height: 21px;
        letter-spacing: .9px; } }
    @media (min-width: 1440px) {
      .hero-buttons .btn {
        width: 276px;
        height: 68px;
        max-width: 276px;
        padding: 21px 24px 20px;
        font-size: 17px;
        line-height: 23px;
        letter-spacing: 1px; } }
  @media (min-width: 576px) {
    .hero-buttons {
      margin-top: 65px; } }

.hero-bg {
  width: 100%;
  height: 624px;
  position: absolute;
  bottom: -2px;
  left: 0;
  background-repeat: no-repeat;
  background-size: 1440px auto;
  background-position: center bottom; }

.hero-pattern-o {
  width: 155px;
  height: 155px;
  -webkit-animation-name: patternFloatUp;
  -moz-animation-name: patternFloatUp;
  -o-animation-name: patternFloatUp;
  animation-name: patternFloatUp;
  -webkit-animation-duration: 8s;
  -moz-animation-duration: 8s;
  -o-animation-duration: 8s;
  animation-duration: 8s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  animation-direction: normal;
  position: absolute;
  top: -35px;
  right: -70px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom; }
  @media (min-width: 768px) {
    .hero-pattern-o {
      width: 230px;
      height: 230px;
      top: -50px;
      right: -105px; } }
  @media (min-width: 1200px) {
    .hero-pattern-o {
      width: 310px;
      height: 310px;
      top: -70px;
      right: -140px; } }

.hero-pattern-c {
  width: 120px;
  height: 120px;
  -webkit-animation-name: patternFloatDown;
  -moz-animation-name: patternFloatDown;
  -o-animation-name: patternFloatDown;
  animation-name: patternFloatDown;
  -webkit-animation-duration: 8s;
  -moz-animation-duration: 8s;
  -o-animation-duration: 8s;
  animation-duration: 8s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  animation-direction: normal;
  position: absolute;
  top: 60px;
  left: -60px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom; }
  @media (min-width: 768px) {
    .hero-pattern-c {
      width: 180px;
      height: 180px;
      top: 90px;
      left: -90px; } }
  @media (min-width: 1200px) {
    .hero-pattern-c {
      width: 240px;
      height: 240px;
      top: 120px;
      left: -120px; } }

.bg-hero-white {
  width: 100%;
  height: 181px;
  position: absolute;
  bottom: -2px;
  left: 0;
  background-repeat: no-repeat;
  background-size: 1440px auto;
  background-position: center bottom; }

.chart-illustration {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  z-index: 0;
  bottom: 60px;
  left: 50%;
  width: calc(100%);
  max-width: 260px; }
  .chart-illustration svg {
    overflow: hidden; }
  .chart-illustration.animation #chartLine {
    -webkit-animation-name: chartLine;
    -moz-animation-name: chartLine;
    -o-animation-name: chartLine;
    animation-name: chartLine;
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -o-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    -o-animation-direction: normal;
    animation-direction: normal;
    stroke-dasharray: 1040;
    stroke-dashoffset: 1040; }
  @media (min-width: 480px) {
    .chart-illustration {
      bottom: 80px;
      max-width: 360px; } }
  @media (min-width: 576px) {
    .chart-illustration {
      bottom: 120px;
      max-width: 480px; } }
  @media (min-width: 768px) {
    .chart-illustration {
      bottom: 160px;
      max-width: 576px; } }
  @media (min-width: 992px) {
    .chart-illustration {
      bottom: 180px;
      max-width: 768px; } }
  @media (min-width: 1440px) {
    .chart-illustration {
      bottom: 200px;
      max-width: 948px; } }

.illustration-container {
  width: 100%;
  margin: -142px auto 0; }
  .illustration-container svg {
    width: 100%; }
  .illustration-container.service-illustration-container {
    margin: -142px auto 0; }
    @media (min-width: 360px) {
      .illustration-container.service-illustration-container {
        margin: -120px auto 0; } }
    @media (min-width: 480px) {
      .illustration-container.service-illustration-container {
        max-width: 480px;
        margin: -120px auto 0; } }
    @media (min-width: 576px) {
      .illustration-container.service-illustration-container {
        max-width: 576px;
        margin: -200px auto 0; } }
    @media (min-width: 768px) {
      .illustration-container.service-illustration-container {
        max-width: 768px;
        margin: -280px auto 0; } }
    @media (min-width: 992px) {
      .illustration-container.service-illustration-container {
        max-width: 992px;
        margin: -360px auto 0; } }
    @media (min-width: 1200px) {
      .illustration-container.service-illustration-container {
        max-width: 1200px;
        margin: -440px auto 0; } }
    @media (min-width: 1440px) {
      .illustration-container.service-illustration-container {
        max-width: 1340px;
        margin: -480px auto 0; } }
  @media (min-width: 360px) {
    .illustration-container {
      margin: -156px auto 0; } }
  @media (min-width: 480px) {
    .illustration-container {
      max-width: 480px;
      margin: -184px auto 0; } }
  @media (min-width: 576px) {
    .illustration-container {
      max-width: 576px;
      margin: -244px auto 0; } }
  @media (min-width: 768px) {
    .illustration-container {
      max-width: 768px;
      margin: -326px auto 0; } }
  @media (min-width: 992px) {
    .illustration-container {
      max-width: 992px;
      margin: -408px auto 0; } }
  @media (min-width: 1200px) {
    .illustration-container {
      max-width: 1200px;
      margin: -492px auto 0; } }
  @media (min-width: 1440px) {
    .illustration-container {
      max-width: 1340px;
      margin: -536px auto 0; } }

.illustration-subpage {
  text-align: center;
  padding: 0 10px; }
  .illustration-subpage img {
    width: 100%;
    max-width: 1396px; }

#HeroLeftActivity {
  -webkit-transform: translate(80px, 347px);
  -moz-transform: translate(80px, 347px);
  -ms-transform: translate(80px, 347px);
  -o-transform: translate(80px, 347px);
  transform: translate(80px, 347px); }
  @media (min-width: 576px) {
    #HeroLeftActivity {
      -webkit-transform: translate(0px, 347px);
      -moz-transform: translate(0px, 347px);
      -ms-transform: translate(0px, 347px);
      -o-transform: translate(0px, 347px);
      transform: translate(0px, 347px); } }

#HeroCenterActivity {
  -webkit-transform: translate(280px, 419px);
  -moz-transform: translate(280px, 419px);
  -ms-transform: translate(280px, 419px);
  -o-transform: translate(280px, 419px);
  transform: translate(280px, 419px); }
  @media (min-width: 576px) {
    #HeroCenterActivity {
      -webkit-transform: translate(354px, 419px);
      -moz-transform: translate(354px, 419px);
      -ms-transform: translate(354px, 419px);
      -o-transform: translate(354px, 419px);
      transform: translate(354px, 419px); } }

#HeroRightActivity {
  -webkit-transform: translate(820px, 193px);
  -moz-transform: translate(820px, 193px);
  -ms-transform: translate(820px, 193px);
  -o-transform: translate(820px, 193px);
  transform: translate(820px, 193px); }
  @media (min-width: 576px) {
    #HeroRightActivity {
      -webkit-transform: translate(932px, 193px);
      -moz-transform: translate(932px, 193px);
      -ms-transform: translate(932px, 193px);
      -o-transform: translate(932px, 193px);
      transform: translate(932px, 193px); } }

.service-container {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 30px; }
  @media (min-width: 768px) {
    .service-container {
      padding: 0 50px; } }
  @media (min-width: 1200px) {
    .service-container {
      max-width: 1068px; } }
  @media (min-width: 1440px) {
    .service-container {
      max-width: 1220px; } }

.service-wrapper {
  margin: 56px auto;
  max-width: 100%; }
  @media (min-width: 576px) {
    .service-wrapper {
      margin: 92px auto 56px;
      max-width: 516px; } }
  @media (min-width: 768px) {
    .service-wrapper {
      max-width: 668px; } }
  @media (min-width: 1080px) {
    .service-wrapper {
      max-width: 978px; } }

.service-item {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: row;
  width: 100%; }
  .service-item:nth-child(2) {
    flex-flow: row-reverse nowrap;
    text-align: right; }
    @media (min-width: 1080px) {
      .service-item:nth-child(2) {
        flex-flow: column nowrap;
        text-align: left; } }
  @media (min-width: 576px) {
    .service-item {
      flex-flow: row nowrap;
      width: 100%; } }
  @media (min-width: 1080px) {
    .service-item {
      flex-flow: column nowrap;
      align-items: initial;
      justify-content: initial; } }
  @media (min-width: 1200px) {
    .service-item {
      width: 296px; } }
  @media (min-width: 1440) {
    .service-item {
      width: 340px; } }

.expert-team-icon {
  position: relative; }

.expert-team-bg {
  position: relative;
  width: 185px;
  cursor: pointer; }
  .expert-team-bg img {
    display: block;
    width: 100%; }
  .expert-team-bg.animate .expert-team-top-cover {
    -webkit-animation-name: briefcaseCover;
    -moz-animation-name: briefcaseCover;
    -o-animation-name: briefcaseCover;
    animation-name: briefcaseCover;
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -o-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    -o-animation-direction: normal;
    animation-direction: normal; }
  .expert-team-bg.animate .expert-team-paper {
    -webkit-animation-name: briefcasePaper;
    -moz-animation-name: briefcasePaper;
    -o-animation-name: briefcasePaper;
    animation-name: briefcasePaper;
    -webkit-animation-duration: 4s;
    -moz-animation-duration: 4s;
    -o-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    -o-animation-direction: normal;
    animation-direction: normal; }
  .expert-team-bg.animate .expert-team-ribbon {
    -webkit-animation-name: briefcaseRibbon;
    -moz-animation-name: briefcaseRibbon;
    -o-animation-name: briefcaseRibbon;
    animation-name: briefcaseRibbon;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    -o-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    -o-animation-direction: normal;
    animation-direction: normal; }

.expert-team-ribbon {
  position: absolute;
  top: 16.6%;
  left: 29.2%;
  z-index: 1;
  width: 17.3%; }
  .expert-team-ribbon img {
    display: block;
    width: 100%; }

.expert-team-top-cover {
  transform-origin: 50% 3%;
  position: absolute;
  top: 47.4%;
  left: 37.9%;
  z-index: 5;
  width: 45.7%; }
  .expert-team-top-cover img {
    display: block;
    width: 100%; }

.expert-team-paper {
  position: absolute;
  top: 50%;
  left: 44%;
  z-index: 3;
  width: 32.4%; }
  .expert-team-paper img {
    display: block;
    width: 100%; }

.expert-team-bottom-cover {
  position: absolute;
  top: 60.8%;
  left: 37.9%;
  z-index: 4;
  width: 44.8%; }
  .expert-team-bottom-cover img {
    width: 100%; }

.long-last-service {
  margin-top: 60px; }
  @media (min-width: 768px) {
    .long-last-service {
      margin-top: 80px; } }
  @media (min-width: 1080px) {
    .long-last-service {
      margin-top: 81px; } }

.long-result-icon.animation #LongResultChartLine {
  -webkit-animation-name: longResultChartLine;
  -moz-animation-name: longResultChartLine;
  -o-animation-name: longResultChartLine;
  animation-name: longResultChartLine;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  animation-direction: normal;
  stroke-dasharray: 100;
  stroke-dashoffset: 100; }

.look-awesome-service {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .look-awesome-service {
      margin-top: 80px; } }
  @media (min-width: 1080px) {
    .look-awesome-service {
      margin-top: 18px; } }

.service-illustration {
  width: calc(50% - 10px);
  height: auto;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 20px 50px 0 rgba(220, 225, 236, 0.5);
  -moz-box-shadow: 0 20px 50px 0 rgba(220, 225, 236, 0.5);
  -ms-box-shadow: 0 20px 50px 0 rgba(220, 225, 236, 0.5);
  -o-box-shadow: 0 20px 50px 0 rgba(220, 225, 236, 0.5);
  box-shadow: 0 20px 50px 0 rgba(220, 225, 236, 0.5);
  background-color: #fff; }
  .service-illustration:hover {
    -webkit-box-shadow: 0 20px 50px 0 rgba(220, 225, 236, 0.8);
    -moz-box-shadow: 0 20px 50px 0 rgba(220, 225, 236, 0.8);
    -ms-box-shadow: 0 20px 50px 0 rgba(220, 225, 236, 0.8);
    -o-box-shadow: 0 20px 50px 0 rgba(220, 225, 236, 0.8);
    box-shadow: 0 20px 50px 0 rgba(220, 225, 236, 0.8);
    cursor: pointer; }
  @media (min-width: 576px) {
    .service-illustration {
      width: 243px;
      height: 243px; } }
  @media (min-width: 768px) {
    .service-illustration {
      width: 309px;
      height: 309px; } }
  @media (min-width: 1200px) {
    .service-illustration {
      width: 296px;
      height: 296px; } }
  @media (min-width: 1440) {
    .service-illustration {
      width: 340px;
      height: 340px; } }

.expert-team-icon .expert-team-bg {
  width: 100%;
  max-width: 86px; }
  @media (min-width: 576px) {
    .expert-team-icon .expert-team-bg {
      max-width: 120px; } }
  @media (min-width: 768px) {
    .expert-team-icon .expert-team-bg {
      max-width: 166px; } }
  @media (min-width: 1440) {
    .expert-team-icon .expert-team-bg {
      max-width: 185px; } }

.long-result-icon svg {
  width: 100%;
  max-width: 90px; }
  @media (min-width: 576px) {
    .long-result-icon svg {
      max-width: 126px; } }
  @media (min-width: 768px) {
    .long-result-icon svg {
      max-width: 174px; } }
  @media (min-width: 1440) {
    .long-result-icon svg {
      max-width: 193px; } }

.look-awesome-icon svg {
  max-width: 82px; }
  @media (min-width: 576px) {
    .look-awesome-icon svg {
      max-width: 114px; } }
  @media (min-width: 768px) {
    .look-awesome-icon svg {
      max-width: 164px; } }
  @media (min-width: 1440) {
    .look-awesome-icon svg {
      max-width: 182px; } }

.service-detail {
  margin-top: 0;
  width: calc(50% - 10px); }
  .service-detail h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: .5px; }
    @media (min-width: 768px) {
      .service-detail h3 {
        font-size: 18px;
        line-height: 32px;
        letter-spacing: 1px; } }
    @media (min-width: 1440px) {
      .service-detail h3 {
        font-size: 22px;
        line-height: 38px;
        letter-spacing: 1.22px; } }
  .service-detail p {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: .4px; }
    @media (min-width: 768px) {
      .service-detail p {
        font-size: 18px;
        line-height: 28px;
        letter-spacing: .4px; } }
    @media (min-width: 1440px) {
      .service-detail p {
        font-size: 22px;
        line-height: 35px;
        letter-spacing: .5px; } }
  @media (min-width: 576px) {
    .service-detail {
      margin: 0;
      width: 243px; } }
  @media (min-width: 768px) {
    .service-detail {
      margin: 0;
      width: 309px; } }
  @media (min-width: 1080px) {
    .service-detail {
      margin-top: 40px;
      padding: 0 32px; } }

.feature-section {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding-top: 16px; }
  @media (min-width: 360px) {
    .feature-section {
      padding-top: 48px; } }
  @media (min-width: 576px) {
    .feature-section {
      padding-top: 72px; } }
  @media (min-width: 992px) {
    .feature-section {
      padding-top: 104px; } }
  @media (min-width: 1200px) {
    .feature-section {
      padding-top: 125px; } }
  @media (min-width: 1440px) {
    .feature-section {
      padding-top: 154px; } }

.feature-container {
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 30px; }
  @media (min-width: 768px) {
    .feature-container {
      padding: 0 50px; } }
  @media (min-width: 1200px) {
    .feature-container {
      max-width: 1120px; } }
  @media (min-width: 1440px) {
    .feature-container {
      max-width: 1220px; } }

.feature-illustration {
  -webkit-transform: translateX(calc(-58%));
  -moz-transform: translateX(calc(-58%));
  -ms-transform: translateX(calc(-58%));
  -o-transform: translateX(calc(-58%));
  transform: translateX(calc(-58%));
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%; }
  .feature-illustration svg {
    width: 100%; }
  @media (min-width: 576px) {
    .feature-illustration {
      -webkit-transform: translateX(-58%);
      -moz-transform: translateX(-58%);
      -ms-transform: translateX(-58%);
      -o-transform: translateX(-58%);
      transform: translateX(-58%);
      max-width: 576px; } }
  @media (min-width: 768px) {
    .feature-illustration {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .feature-illustration {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
      left: -280px; } }
  @media (min-width: 1080px) {
    .feature-illustration {
      left: -300px;
      max-width: 780px; } }
  @media (min-width: 1440px) {
    .feature-illustration {
      left: -336px;
      max-width: 946px; } }

.feature-detail {
  margin-top: 300px; }
  .feature-detail h3 {
    margin-bottom: 40px;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: .42px; }
    @media (min-width: 1200px) {
      .feature-detail h3 {
        margin-bottom: 36px;
        font-size: 28px;
        line-height: 34px;
        letter-spacing: .56px; } }
    @media (min-width: 1440px) {
      .feature-detail h3 {
        margin-bottom: 40px;
        font-size: 32px;
        line-height: 37px;
        letter-spacing: .64px; } }
  .feature-detail p {
    margin-bottom: 40px;
    font-size: 14px;
    font-weight: 300;
    line-height: 19px;
    letter-spacing: .4px; }
    @media (min-width: 1200px) {
      .feature-detail p {
        margin-bottom: 36px;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: .4px; } }
    @media (min-width: 1440px) {
      .feature-detail p {
        margin-bottom: 40px;
        font-size: 22px;
        line-height: 35px;
        letter-spacing: .5px; } }
  @media (min-width: 360px) {
    .feature-detail {
      margin-top: 380px; } }
  @media (min-width: 480px) {
    .feature-detail {
      margin-top: 450px; } }
  @media (min-width: 576px) {
    .feature-detail {
      margin-top: 520px; } }
  @media (min-width: 768px) {
    .feature-detail {
      margin-top: 660px; } }
  @media (min-width: 992px) {
    .feature-detail {
      margin-top: 0; } }

.feature-list ul {
  list-style: none;
  margin-bottom: 24px; }
  .feature-list ul li {
    position: relative;
    padding-top: 5px;
    padding-left: 41px;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: .42px; }
    .feature-list ul li:before {
      width: 28px;
      height: 28px;
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      background-image: url("../icons/feature-list.png");
      background-repeat: no-repeat;
      background-size: 100%; }
      @media (min-width: 1200px) {
        .feature-list ul li:before {
          width: 32px;
          height: 32px; } }
      @media (min-width: 1440px) {
        .feature-list ul li:before {
          width: 35px;
          height: 35px; } }
    .feature-list ul li + li {
      margin-top: 24px; }
      @media (min-width: 1440px) {
        .feature-list ul li + li {
          margin-top: 28px; } }
    @media (min-width: 576px) {
      .feature-list ul li {
        min-height: 52px;
        padding-left: 51px; } }
    @media (min-width: 1200px) {
      .feature-list ul li {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: .48px; } }
    @media (min-width: 1440px) {
      .feature-list ul li {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .67px; } }
  @media (min-width: 768px) {
    .feature-list ul {
      margin-bottom: 0; } }

.card-list.package-list {
  margin-top: 72px; }
  @media (min-width: 1200px) {
    .card-list.package-list {
      margin-top: 124px; } }

.card-item {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 13px 15px 0 rgba(19, 25, 32, 0.06);
  -moz-box-shadow: 0 13px 15px 0 rgba(19, 25, 32, 0.06);
  -ms-box-shadow: 0 13px 15px 0 rgba(19, 25, 32, 0.06);
  -o-box-shadow: 0 13px 15px 0 rgba(19, 25, 32, 0.06);
  box-shadow: 0 13px 15px 0 rgba(19, 25, 32, 0.06);
  width: calc(50% - 15px);
  max-width: 160px;
  min-height: 210px;
  margin-bottom: 30px;
  padding: 15px 20px;
  background-color: #fff; }
  .card-item h3 {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: .5px;
    text-align: center; }
    @media (min-width: 768px) {
      .card-item h3 {
        font-size: 15px;
        line-height: 20px;
        letter-spacing: 1px; } }
    @media (min-width: 1440px) {
      .card-item h3 {
        font-size: 17px;
        line-height: 22px;
        letter-spacing: 1.31px; } }
  .card-item + .card-item {
    margin-left: 30px; }
  .card-item:hover {
    -webkit-box-shadow: 0 13px 15px 0 rgba(19, 25, 32, 0.1);
    -moz-box-shadow: 0 13px 15px 0 rgba(19, 25, 32, 0.1);
    -ms-box-shadow: 0 13px 15px 0 rgba(19, 25, 32, 0.1);
    -o-box-shadow: 0 13px 15px 0 rgba(19, 25, 32, 0.1);
    box-shadow: 0 13px 15px 0 rgba(19, 25, 32, 0.1);
    cursor: pointer; }
  @media (min-width: 576px) {
    .card-item {
      width: 180px;
      max-width: 180px;
      min-height: 225px;
      padding: 35px 25px; } }
  @media (min-width: 1440px) {
    .card-item {
      width: 200px;
      max-width: 200px;
      min-height: 250px; } }

.card-break.help-break:nth-child(2) {
  width: 100%; }
  @media (min-width: 360px) {
    .card-break.help-break:nth-child(2) {
      width: 30px; } }

.card-break.help-break:nth-child(4) {
  width: 100%; }
  @media (min-width: 768px) {
    .card-break.help-break:nth-child(4) {
      width: 30px; } }
  @media (min-width: 1200px) {
    .card-break.help-break:nth-child(4) {
      width: 100%; } }

.card-break.help-break:nth-child(6) {
  width: 100%; }
  @media (min-width: 360px) {
    .card-break.help-break:nth-child(6) {
      width: 30px; } }
  @media (min-width: 768px) {
    .card-break.help-break:nth-child(6) {
      width: 100%; } }
  @media (min-width: 992px) {
    .card-break.help-break:nth-child(6) {
      width: 30px; } }

.card-break.help-break:nth-child(8) {
  width: 100%; }
  @media (min-width: 768px) {
    .card-break.help-break:nth-child(8) {
      width: 30px; } }
  @media (min-width: 992px) {
    .card-break.help-break:nth-child(8) {
      width: 100%; } }
  @media (min-width: 1200px) {
    .card-break.help-break:nth-child(8) {
      width: 30px; } }

.card-break.help-break:nth-child(10) {
  width: 100%; }
  @media (min-width: 360px) {
    .card-break.help-break:nth-child(10) {
      width: 30px; } }
  @media (min-width: 1200px) {
    .card-break.help-break:nth-child(10) {
      width: 100%; } }

.card-break.help-break:nth-child(12) {
  width: 100%; }
  @media (min-width: 992px) {
    .card-break.help-break:nth-child(12) {
      width: 30px; } }

.card-break.help-break:nth-child(14) {
  width: 100%; }
  @media (min-width: 360px) {
    .card-break.help-break:nth-child(14) {
      width: 30px; } }

.card-break.package-break:nth-child(2) {
  width: 30px; }

.card-break.package-break:nth-child(4) {
  width: 30px; }
  @media (min-width: 360px) {
    .card-break.package-break:nth-child(4) {
      width: 100%; } }
  @media (min-width: 768px) {
    .card-break.package-break:nth-child(4) {
      width: 30px; } }

.card-break.package-break:nth-child(6) {
  width: 30px; }
  @media (min-width: 768px) {
    .card-break.package-break:nth-child(6) {
      width: 100%; } }
  @media (min-width: 992px) {
    .card-break.package-break:nth-child(6) {
      width: 30px; } }

.card-break.package-break:nth-child(8) {
  width: 30px; }
  @media (min-width: 360px) {
    .card-break.package-break:nth-child(8) {
      width: 100%; } }
  @media (min-width: 768px) {
    .card-break.package-break:nth-child(8) {
      width: 30px; } }
  @media (min-width: 992px) {
    .card-break.package-break:nth-child(8) {
      width: 100%; } }
  @media (min-width: 1200px) {
    .card-break.package-break:nth-child(8) {
      width: 30px; } }

.card-break.package-break:nth-child(10) {
  width: 30px; }
  @media (min-width: 1200px) {
    .card-break.package-break:nth-child(10) {
      width: 100%; } }

.card-break.package-break:nth-child(12) {
  width: 30px; }
  @media (min-width: 360px) {
    .card-break.package-break:nth-child(12) {
      width: 100%; } }
  @media (min-width: 992px) {
    .card-break.package-break:nth-child(12) {
      width: 30px; } }

.card-break.package-break:nth-child(14) {
  width: 30px; }

.card-break.package-break:nth-child(16) {
  width: 30px; }
  @media (min-width: 360px) {
    .card-break.package-break:nth-child(16) {
      width: 100%; } }
  @media (min-width: 768px) {
    .card-break.package-break:nth-child(16) {
      width: 30px; } }
  @media (min-width: 992px) {
    .card-break.package-break:nth-child(16) {
      width: 100%; } }
  @media (min-width: 1200px) {
    .card-break.package-break:nth-child(16) {
      width: 30px; } }

.card-break.package-break:nth-child(18) {
  width: 30px; }
  @media (min-width: 768px) {
    .card-break.package-break:nth-child(18) {
      width: 100%; } }
  @media (min-width: 992px) {
    .card-break.package-break:nth-child(18) {
      width: 30px; } }

.help-bg-square {
  -webkit-transform: translateY(calc(-50% - 600px));
  -moz-transform: translateY(calc(-50% - 600px));
  -ms-transform: translateY(calc(-50% - 600px));
  -o-transform: translateY(calc(-50% - 600px));
  transform: translateY(calc(-50% - 600px));
  right: -133px;
  position: absolute;
  top: 50%; }
  .help-bg-square img {
    max-width: 310px; }
    @media (min-width: 768px) {
      .help-bg-square img {
        max-width: 465px; } }
    @media (min-width: 1200px) {
      .help-bg-square img {
        max-width: 620px; } }
  @media (min-width: 768px) {
    .help-bg-square {
      right: -200px; } }
  @media (min-width: 1200px) {
    .help-bg-square {
      right: -267px; } }

.help-bg-circle {
  position: absolute;
  top: 50%; }
  .help-bg-circle img {
    max-width: 200px; }
    @media (min-width: 768px) {
      .help-bg-circle img {
        max-width: 300px; } }
    @media (min-width: 1200px) {
      .help-bg-circle img {
        max-width: 400px; } }
  .help-bg-circle.help-right {
    -webkit-transform: translateY(calc(-50% + 200px));
    -moz-transform: translateY(calc(-50% + 200px));
    -ms-transform: translateY(calc(-50% + 200px));
    -o-transform: translateY(calc(-50% + 200px));
    transform: translateY(calc(-50% + 200px));
    right: -133px; }
    @media (min-width: 768px) {
      .help-bg-circle.help-right {
        right: -200px; } }
    @media (min-width: 1200px) {
      .help-bg-circle.help-right {
        right: -267px; } }
  .help-bg-circle.help-left {
    -webkit-transform: translateY(calc(-50% - 400px));
    -moz-transform: translateY(calc(-50% - 400px));
    -ms-transform: translateY(calc(-50% - 400px));
    -o-transform: translateY(calc(-50% - 400px));
    transform: translateY(calc(-50% - 400px));
    left: -133px; }
    @media (min-width: 768px) {
      .help-bg-circle.help-left {
        left: -200px; } }
    @media (min-width: 1200px) {
      .help-bg-circle.help-left {
        left: -267px; } }

.help-diagonal-section {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  border-top: 343px solid #fff;
  border-right: 0 solid transparent;
  border-bottom: 343px solid transparent;
  border-left: 0 solid #fff; }

.help-container {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1230px;
  margin: 0 auto;
  padding: 0 30px; }
  @media (min-width: 768px) {
    .help-container {
      padding: 0 50px; } }
  @media (min-width: 1200px) {
    .help-container {
      max-width: 1120px; } }
  @media (min-width: 1440px) {
    .help-container {
      max-width: 1230px; } }

.help-detail {
  width: 100%;
  flex: 0 0 100%;
  margin-bottom: 72px;
  text-align: center; }
  .help-detail .sparator {
    width: 300px;
    height: 1px;
    margin: 36px auto 0;
    background-color: #404852;
    opacity: .1; }
    @media (min-width: 1200px) {
      .help-detail .sparator {
        width: 300px;
        margin: 68px auto 0 0; } }
    @media (min-width: 1440px) {
      .help-detail .sparator {
        width: 348px; } }
  .help-detail p {
    max-width: 100%;
    margin-top: 36px;
    font-size: 14px;
    font-weight: 300;
    line-height: 19px;
    letter-spacing: .4px; }
    @media (min-width: 1200px) {
      .help-detail p {
        max-width: 310px;
        margin-top: 68px;
        font-size: 18px;
        line-height: 30px;
        letter-spacing: .4px; } }
    @media (min-width: 1440px) {
      .help-detail p {
        max-width: 370px;
        font-size: 22px;
        line-height: 35px;
        letter-spacing: .5px; } }
  @media (min-width: 1200px) {
    .help-detail {
      width: 400px;
      flex: 0 0 400px;
      margin-bottom: 0;
      text-align: left; } }
  @media (min-width: 1440px) {
    .help-detail {
      width: 470px;
      flex: 0 0 470px; } }

.help-image {
  height: 90px;
  margin-bottom: 25px; }
  .help-image img {
    position: relative;
    width: 100%; }
  .help-image.animate img {
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    -o-animation-direction: normal;
    animation-direction: normal; }
  .help-image.hospitality img {
    max-width: 90px; }
  .help-image.hospitality.animate img {
    -webkit-animation-name: packageFloatUp;
    -moz-animation-name: packageFloatUp;
    -o-animation-name: packageFloatUp;
    animation-name: packageFloatUp; }
  .help-image.service img {
    max-width: 106px; }
  .help-image.service.animate img {
    -webkit-animation-name: packageFloatUp;
    -moz-animation-name: packageFloatUp;
    -o-animation-name: packageFloatUp;
    animation-name: packageFloatUp; }
  .help-image.franchise img {
    max-width: 90px; }
  .help-image.franchise.animate img {
    -webkit-animation-name: packageFloatUp;
    -moz-animation-name: packageFloatUp;
    -o-animation-name: packageFloatUp;
    animation-name: packageFloatUp; }
  .help-image.catering img {
    max-width: 70px; }
  .help-image.catering.animate img {
    -webkit-animation-name: packageFloatUp;
    -moz-animation-name: packageFloatUp;
    -o-animation-name: packageFloatUp;
    animation-name: packageFloatUp; }
  .help-image.bars img {
    max-width: 67px; }
  .help-image.bars.animate img {
    -webkit-animation-name: packageFloatUp;
    -moz-animation-name: packageFloatUp;
    -o-animation-name: packageFloatUp;
    animation-name: packageFloatUp; }
  .help-image.fast img {
    max-width: 47px; }
  .help-image.fast.animate img {
    -webkit-animation-name: packageFloatUp;
    -moz-animation-name: packageFloatUp;
    -o-animation-name: packageFloatUp;
    animation-name: packageFloatUp; }
  .help-image.deliver img {
    max-width: 69px; }
  .help-image.deliver.animate img {
    -webkit-animation-name: packageFloatUp;
    -moz-animation-name: packageFloatUp;
    -o-animation-name: packageFloatUp;
    animation-name: packageFloatUp; }
  .help-image.all img {
    max-width: 78px; }
  .help-image.all.animate img {
    -webkit-animation-name: packageFloatUp;
    -moz-animation-name: packageFloatUp;
    -o-animation-name: packageFloatUp;
    animation-name: packageFloatUp; }

.package-container {
  width: 100%;
  max-width: 1120px;
  margin: 68px auto 0;
  padding: 0 30px; }
  @media (min-width: 576px) {
    .package-container {
      margin: 128px auto 0; } }
  @media (min-width: 768px) {
    .package-container {
      padding: 0 50px; } }
  @media (min-width: 1200px) {
    .package-container {
      max-width: 1120px; } }
  @media (min-width: 1440px) {
    .package-container {
      max-width: 1220px; } }

.package-detail {
  color: #fff; }
  .package-detail .section-title {
    width: 100%;
    text-align: center; }
    @media (min-width: 992px) {
      .package-detail .section-title {
        width: 396px;
        text-align: left; } }
    @media (min-width: 1440px) {
      .package-detail .section-title {
        width: 440px; } }

.package-description {
  width: 100%;
  margin-top: 30px; }
  .package-description p {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: .6px;
    text-align: center; }
    @media (min-width: 992px) {
      .package-description p {
        text-align: left;
        max-width: 362px; } }
    @media (min-width: 1200px) {
      .package-description p {
        max-width: 362px;
        font-size: 18px;
        line-height: 30px;
        letter-spacing: .6px; } }
    @media (min-width: 1440px) {
      .package-description p {
        max-width: 402px;
        font-size: 22px;
        line-height: 35px;
        letter-spacing: .85px; } }
  @media (min-width: 992px) {
    .package-description {
      width: 446px;
      margin-top: 0; } }
  @media (min-width: 1440px) {
    .package-description {
      width: 495px; } }

.package-buttons {
  margin-top: 32px;
  text-align: center; }
  .package-buttons .btn {
    width: calc(50% - 10px);
    height: 45px;
    -webkit-border-radius: 22.5px;
    -moz-border-radius: 22.5px;
    -ms-border-radius: 22.5px;
    -o-border-radius: 22.5px;
    border-radius: 22.5px;
    max-width: 230px;
    padding: 16px 0 14px;
    font-size: 11px;
    line-height: 1; }
    .package-buttons .btn + .btn {
      margin-left: 20px; }
      @media (min-width: 1440px) {
        .package-buttons .btn + .btn {
          margin-left: 35px; } }
    @media (min-width: 1200px) {
      .package-buttons .btn {
        width: 208px;
        height: 54px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
        border-radius: 30px;
        padding: 17px 24px 16px;
        font-size: 13px;
        line-height: 17px; } }
  @media (min-width: 992px) {
    .package-buttons {
      text-align: left; } }
  @media (min-width: 1200px) {
    .package-buttons {
      margin-top: 46px; } }
  @media (min-width: 1440px) {
    .package-buttons {
      margin-top: 52px; } }

.package-image {
  height: 90px;
  margin-bottom: 25px; }
  .package-image img {
    position: relative;
    width: 100%; }
  .package-image.animate img {
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    -o-animation-direction: normal;
    animation-direction: normal; }
  .package-image.account img {
    max-width: 78px; }
  .package-image.account.animate img {
    -webkit-animation-name: packageFloatUp;
    -moz-animation-name: packageFloatUp;
    -o-animation-name: packageFloatUp;
    animation-name: packageFloatUp; }
  .package-image.website img {
    max-width: 79px; }
  .package-image.website.animate img {
    -webkit-animation-name: packageFloatUp;
    -moz-animation-name: packageFloatUp;
    -o-animation-name: packageFloatUp;
    animation-name: packageFloatUp; }
  .package-image.online img {
    max-width: 70px; }
  .package-image.online.animate img {
    -webkit-animation-name: packageFloatUp;
    -moz-animation-name: packageFloatUp;
    -o-animation-name: packageFloatUp;
    animation-name: packageFloatUp; }
  .package-image.mobile img {
    max-width: 47px; }
  .package-image.mobile.animate img {
    -webkit-animation-name: packageFloatUp;
    -moz-animation-name: packageFloatUp;
    -o-animation-name: packageFloatUp;
    animation-name: packageFloatUp; }
  .package-image.reputation img {
    max-width: 90px; }
  .package-image.reputation.animate img {
    -webkit-animation-name: packageFloatUp;
    -moz-animation-name: packageFloatUp;
    -o-animation-name: packageFloatUp;
    animation-name: packageFloatUp; }
  .package-image.marketing img {
    max-width: 118px; }
  .package-image.marketing.animate img {
    -webkit-animation-name: packageFloatUp;
    -moz-animation-name: packageFloatUp;
    -o-animation-name: packageFloatUp;
    animation-name: packageFloatUp; }
  .package-image.newsletter img {
    max-width: 61px; }
  .package-image.newsletter.animate img {
    -webkit-animation-name: packageFloatUp;
    -moz-animation-name: packageFloatUp;
    -o-animation-name: packageFloatUp;
    animation-name: packageFloatUp; }
  .package-image.custom img {
    max-width: 73px; }
  .package-image.custom.animate img {
    -webkit-animation-name: packageFloatUp;
    -moz-animation-name: packageFloatUp;
    -o-animation-name: packageFloatUp;
    animation-name: packageFloatUp; }
  .package-image.social img {
    max-width: 80px; }
  .package-image.social.animate img {
    -webkit-animation-name: packageFloatUp;
    -moz-animation-name: packageFloatUp;
    -o-animation-name: packageFloatUp;
    animation-name: packageFloatUp; }
  .package-image.seo img {
    max-width: 73px; }
  .package-image.seo.animate img {
    -webkit-animation-name: packageFloatUp;
    -moz-animation-name: packageFloatUp;
    -o-animation-name: packageFloatUp;
    animation-name: packageFloatUp; }

.trusted-container {
  width: 100%;
  max-width: 968px;
  margin: 88px auto 0;
  padding: 0 30px; }
  @media (min-width: 576px) {
    .trusted-container {
      margin: 158px auto 0; } }
  @media (min-width: 768px) {
    .trusted-container {
      padding: 0 50px; } }
  @media (min-width: 1200px) {
    .trusted-container {
      max-width: 968px; } }
  @media (min-width: 1440px) {
    .trusted-container {
      max-width: 1064px; } }

.trusted-detail {
  color: #fff; }

.trusted-image {
  margin: 40px auto 0; }
  .trusted-image svg {
    width: 100%; }
  @media (min-width: 992px) {
    .trusted-image {
      max-width: 680px; } }
  @media (min-width: 1080px) {
    .trusted-image {
      max-width: 100%; } }

.testimonial-container {
  width: 100%;
  max-width: 1120px;
  margin: 100px auto 0;
  padding: 0 30px; }
  @media (min-width: 576px) {
    .testimonial-container {
      margin: 200px auto 0; } }
  @media (min-width: 768px) {
    .testimonial-container {
      padding: 0 50px; } }
  @media (min-width: 1200px) {
    .testimonial-container {
      max-width: 1120px; } }
  @media (min-width: 1440px) {
    .testimonial-container {
      max-width: 1240px; } }

.testimonial-row + .testimonial-row {
  margin-top: 88px; }

.testimonial-item {
  width: 100%;
  max-width: 412px; }
  .testimonial-item + .testimonial-item {
    margin-top: 88px; }
    @media (min-width: 992px) {
      .testimonial-item + .testimonial-item {
        margin-top: 0; } }
  @media (min-width: 992px) {
    .testimonial-item {
      max-width: 412px; } }
  @media (min-width: 1080px) {
    .testimonial-item {
      max-width: 448px; } }
  @media (min-width: 1440px) {
    .testimonial-item {
      max-width: 497px; } }

.testimonial-bg img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 8px 22px 0 rgba(39, 44, 50, 0.1);
  -moz-box-shadow: 0 8px 22px 0 rgba(39, 44, 50, 0.1);
  -ms-box-shadow: 0 8px 22px 0 rgba(39, 44, 50, 0.1);
  -o-box-shadow: 0 8px 22px 0 rgba(39, 44, 50, 0.1);
  box-shadow: 0 8px 22px 0 rgba(39, 44, 50, 0.1);
  max-width: 100%; }
  @media (min-width: 1200px) {
    .testimonial-bg img {
      max-width: 412px; } }
  @media (min-width: 1440px) {
    .testimonial-bg img {
      max-width: 458px; } }

.testimonial-detail {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 8px 22px 0 rgba(39, 44, 50, 0.1);
  -moz-box-shadow: 0 8px 22px 0 rgba(39, 44, 50, 0.1);
  -ms-box-shadow: 0 8px 22px 0 rgba(39, 44, 50, 0.1);
  -o-box-shadow: 0 8px 22px 0 rgba(39, 44, 50, 0.1);
  box-shadow: 0 8px 22px 0 rgba(39, 44, 50, 0.1);
  position: relative;
  width: calc(100% - 30px);
  max-width: 300px;
  margin: -126px auto 0;
  padding: 60px 30px 30px;
  background-color: #fff; }
  .testimonial-detail img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-shadow: 0 8px 12px 0 #e6e6e6;
    -moz-box-shadow: 0 8px 12px 0 #e6e6e6;
    -ms-box-shadow: 0 8px 12px 0 #e6e6e6;
    -o-box-shadow: 0 8px 12px 0 #e6e6e6;
    box-shadow: 0 8px 12px 0 #e6e6e6;
    position: absolute;
    top: -36px;
    left: 50%;
    width: 72px; }
  .testimonial-detail .btn {
    margin-top: 20px; }
  @media (min-width: 576px) {
    .testimonial-detail {
      max-width: 340px; } }
  @media (min-width: 992px) {
    .testimonial-detail {
      margin: -126px auto 0; } }
  @media (min-width: 1080px) {
    .testimonial-detail {
      margin: -126px 0 0 auto; } }

.testimonial-text {
  position: relative;
  padding-top: 15px;
  font-size: 14px;
  font-weight: 300;
  font-style: italic;
  line-height: 22px;
  letter-spacing: .47px; }
  .testimonial-text:before {
    width: 41px;
    height: 32px;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("../icons/quote-icon.png");
    background-repeat: no-repeat;
    background-size: 100%; }

.testimonial-user {
  position: relative;
  margin-top: 10px;
  padding-left: 32px;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: .47px; }
  .testimonial-user:before {
    width: 20px;
    height: 1px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #404852; }

.bundle-section {
  position: relative;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 30px 320px; }
  @media (min-width: 576px) {
    .bundle-section {
      padding: 0 30px 450px; } }
  @media (min-width: 768px) {
    .bundle-section {
      padding: 0 50px 540px; } }
  @media (min-width: 992px) {
    .bundle-section {
      padding: 0 50px 140px; } }
  @media (min-width: 1200px) {
    .bundle-section {
      max-width: 1120px; } }
  @media (min-width: 1440px) {
    .bundle-section {
      max-width: 1440px; } }

.bundle-illustration {
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
  transform: translateX(50%);
  position: absolute;
  right: 50%;
  bottom: 0;
  width: 320px;
  max-width: 721px; }
  .bundle-illustration svg {
    width: 100%; }
  @media (min-width: 576px) {
    .bundle-illustration {
      right: 50%;
      width: 100%;
      max-width: 450px; } }
  @media (min-width: 768px) {
    .bundle-illustration {
      width: 100%;
      max-width: 540px; } }
  @media (min-width: 992px) {
    .bundle-illustration {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
      top: 120px;
      right: -80px; } }
  @media (min-width: 1080px) {
    .bundle-illustration {
      max-width: 620px; } }
  @media (min-width: 1200px) {
    .bundle-illustration {
      top: 144px;
      max-width: 686px; } }
  @media (min-width: 1440px) {
    .bundle-illustration {
      top: 172px;
      right: -117px;
      max-width: 783px; } }

.bundle-container {
  width: 100%;
  max-width: 1220px;
  margin: 120px auto 0; }
  @media (min-width: 768px) {
    .bundle-container {
      margin: 180px auto 0; } }
  @media (min-width: 1200px) {
    .bundle-container {
      margin: 234px auto 0; } }

.bundle-detail {
  width: 100%;
  max-width: 660px;
  color: #fff; }
  .bundle-detail .sparator {
    width: 300px;
    height: 1px;
    margin: 36px auto 0;
    background-color: #fff;
    opacity: .2; }
    @media (min-width: 992px) {
      .bundle-detail .sparator {
        margin: 36px auto 0 0; } }
    @media (min-width: 1200px) {
      .bundle-detail .sparator {
        width: 300px;
        margin: 68px auto 0 0; } }
    @media (min-width: 1440px) {
      .bundle-detail .sparator {
        width: 348px; } }
  .bundle-detail p {
    margin: 36px auto 0;
    max-width: 423px;
    font-size: 14px;
    font-weight: 300;
    line-height: 19px;
    letter-spacing: .4px;
    text-align: center; }
    .bundle-detail p + p {
      margin-top: 36px; }
      @media (min-width: 1200px) {
        .bundle-detail p + p {
          margin-top: 36px; } }
      @media (min-width: 1440px) {
        .bundle-detail p + p {
          margin-top: 40px; } }
    @media (min-width: 992px) {
      .bundle-detail p {
        margin: 36px 0 0;
        text-align: left; } }
    @media (min-width: 1200px) {
      .bundle-detail p {
        margin: 68px 0 0;
        max-width: 423px;
        font-size: 18px;
        line-height: 30px;
        letter-spacing: .6px; } }
    @media (min-width: 1440px) {
      .bundle-detail p {
        max-width: 470px;
        font-size: 22px;
        line-height: 35px;
        letter-spacing: .85px; } }

.grow-container {
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto; }

.grow-bg-square {
  -webkit-animation-name: patternFloatUp;
  -moz-animation-name: patternFloatUp;
  -o-animation-name: patternFloatUp;
  animation-name: patternFloatUp;
  -webkit-animation-duration: 8s;
  -moz-animation-duration: 8s;
  -o-animation-duration: 8s;
  animation-duration: 8s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  animation-direction: normal;
  position: absolute;
  top: -166px;
  left: -150px; }
  .grow-bg-square img {
    max-width: 350px; }
    @media (min-width: 768px) {
      .grow-bg-square img {
        max-width: 525px; } }
    @media (min-width: 1200px) {
      .grow-bg-square img {
        max-width: 700px; } }
  @media (min-width: 768px) {
    .grow-bg-square {
      top: -254px;
      left: -225px; } }
  @media (min-width: 1200px) {
    .grow-bg-square {
      top: -332px;
      left: -300px; } }

.grow-bg-circle {
  -webkit-animation-name: patternFloatDown;
  -moz-animation-name: patternFloatDown;
  -o-animation-name: patternFloatDown;
  animation-name: patternFloatDown;
  -webkit-animation-duration: 8s;
  -moz-animation-duration: 8s;
  -o-animation-duration: 8s;
  animation-duration: 8s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  animation-direction: normal;
  position: absolute;
  right: -133px;
  bottom: -325px; }
  .grow-bg-circle img {
    max-width: 323px; }
    @media (min-width: 768px) {
      .grow-bg-circle img {
        max-width: 647px; } }
    @media (min-width: 1200px) {
      .grow-bg-circle img {
        max-width: 647px; } }
  @media (min-width: 768px) {
    .grow-bg-circle {
      right: -200px;
      bottom: -488px; } }
  @media (min-width: 1200px) {
    .grow-bg-circle {
      right: -267px;
      bottom: -650px; } }

.grow-content {
  width: 100%;
  max-width: 786px;
  margin: 0 auto;
  padding: 0 30px; }
  @media (min-width: 768px) {
    .grow-content {
      padding: 0 50px; } }
  @media (min-width: 1200px) {
    .grow-content {
      max-width: 786px; } }
  @media (min-width: 1440px) {
    .grow-content {
      max-width: 908px; } }

.grow-wrapper {
  margin-top: 40px; }
  .grow-wrapper p {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: .4px;
    text-align: center;
    color: #fff; }
    @media (min-width: 1200px) {
      .grow-wrapper p {
        font-size: 18px;
        line-height: 30px;
        letter-spacing: .6px; } }
    @media (min-width: 1440px) {
      .grow-wrapper p {
        font-size: 22px;
        line-height: 35px;
        letter-spacing: .85px; } }

.customer-story-button {
  margin-top: 50px;
  text-align: center; }

.question-wrapper {
  margin-top: 40px;
  text-align: center;
  color: #fff; }
  .question-wrapper h3 {
    font-size: 18px;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 1.24px;
    text-transform: uppercase; }

.question-buttons {
  margin-top: 40px; }
  .question-buttons span {
    display: inline-block;
    margin: 10px 0;
    font-size: 18px;
    letter-spacing: 2px; }
    @media (min-width: 992px) {
      .question-buttons span {
        margin: 0 25px; } }

.member-service-container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }

.member-service-illustration {
  -webkit-transform: translateX(calc(-50% - 100px));
  -moz-transform: translateX(calc(-50% - 100px));
  -ms-transform: translateX(calc(-50% - 100px));
  -o-transform: translateX(calc(-50% - 100px));
  transform: translateX(calc(-50% - 100px));
  position: absolute;
  top: 0;
  left: 50%;
  width: 466px; }
  .member-service-illustration img,
  .member-service-illustration svg {
    width: 100%; }
  @media (min-width: 768px) {
    .member-service-illustration {
      -webkit-transform: translateX(calc(-50% - 200px));
      -moz-transform: translateX(calc(-50% - 200px));
      -ms-transform: translateX(calc(-50% - 200px));
      -o-transform: translateX(calc(-50% - 200px));
      transform: translateX(calc(-50% - 200px));
      width: 932px; } }
  @media (min-width: 992px) {
    .member-service-illustration {
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
      transform: translateX(0%);
      left: -509px; } }

.member-feature-container {
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  padding: 400px 30px 0; }
  @media (min-width: 768px) {
    .member-feature-container {
      padding: 800px 50px 0; } }
  @media (min-width: 992px) {
    .member-feature-container {
      padding: 0 50px; } }
  @media (min-width: 1200px) {
    .member-feature-container {
      max-width: 1120px; } }
  @media (min-width: 1440px) {
    .member-feature-container {
      max-width: 1220px; } }

.member-service-wrapper {
  position: relative;
  z-index: 1;
  margin-top: 15px; }

.card-member-service {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
  -moz-box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
  -ms-box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
  -o-box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
  box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
  height: calc(100% - 20px);
  margin-top: 20px;
  padding: 25px;
  border: 0; }
  .card-member-service h3 {
    margin-top: 15px;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .5px; }
    @media (min-width: 768px) {
      .card-member-service h3 {
        font-size: 22px;
        line-height: 32px;
        letter-spacing: .5px; } }
  .card-member-service p {
    margin-top: 12px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .4px;
    color: #636f83; }
    @media (min-width: 768px) {
      .card-member-service p {
        font-size: 18px;
        line-height: 27px;
        letter-spacing: .53px; } }
  .card-member-service .member-service-number {
    width: 35px;
    height: 35px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-image: -webkit-linear-gradient(150deg, #65ffe3, #6228c2 200%);
    background-image: -moz-linear-gradient(150deg, #65ffe3, #6228c2 200%);
    background-image: -ms-linear-gradient(150deg, #65ffe3, #6228c2 200%);
    background-image: -o-linear-gradient(150deg, #65ffe3, #6228c2 200%);
    background-image: linear-gradient(150deg, #65ffe3, #6228c2 200%);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center; }
    .card-member-service .member-service-number span {
      font-size: 18px;
      font-weight: 700;
      line-height: 38px;
      letter-spacing: 1px;
      color: #fff; }
  @media (min-width: 768px) {
    .card-member-service {
      height: calc(100% - 30px);
      margin-top: 30px; } }

.member-service-marketing {
  position: relative;
  width: 100%;
  margin: 100px auto 0;
  padding: 0 30px; }
  .member-service-marketing .section-title {
    position: relative;
    z-index: 1; }
  @media (min-width: 768px) {
    .member-service-marketing {
      margin: 200px auto 0;
      padding: 0 50px; } }
  @media (min-width: 992px) {
    .member-service-marketing {
      max-width: 1200px; } }

.member-marketing-wrapper {
  width: 100%;
  max-width: 900px;
  margin: 0 auto; }

.member-marketing-illustration {
  margin-top: 150px; }

.member-marketing-icon {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 9px 3px rgba(201, 210, 247, 0.33);
  -moz-box-shadow: 0 0 9px 3px rgba(201, 210, 247, 0.33);
  -ms-box-shadow: 0 0 9px 3px rgba(201, 210, 247, 0.33);
  -o-box-shadow: 0 0 9px 3px rgba(201, 210, 247, 0.33);
  box-shadow: 0 0 9px 3px rgba(201, 210, 247, 0.33);
  position: absolute;
  z-index: 1;
  background-color: #fff;
  cursor: pointer; }
  .member-marketing-icon img {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 50%;
    max-height: 50%; }
  .member-marketing-icon span {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    top: 100%;
    left: 50%;
    width: 200%;
    padding-top: 12.5%;
    font-size: .5rem;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: .75px;
    text-align: center;
    color: #636f83; }
    @media (min-width: 576px) {
      .member-marketing-icon span {
        width: 130%;
        font-size: .625rem; } }
    @media (min-width: 768px) {
      .member-marketing-icon span {
        font-size: .75rem; } }
    @media (min-width: 992px) {
      .member-marketing-icon span {
        font-size: 1.125rem; } }
    @media (min-width: 1200px) {
      .member-marketing-icon span {
        font-size: 1.125rem; } }
  .member-marketing-icon:before {
    content: '';
    display: block;
    padding-bottom: 100%; }
  .member-marketing-icon:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -ms-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s; }
  .member-marketing-icon:focus {
    outline: 0; }
  @media (min-width: 576px) {
    .member-marketing-icon {
      -webkit-box-shadow: 0 0 15px 4px rgba(201, 210, 247, 0.33);
      -moz-box-shadow: 0 0 15px 4px rgba(201, 210, 247, 0.33);
      -ms-box-shadow: 0 0 15px 4px rgba(201, 210, 247, 0.33);
      -o-box-shadow: 0 0 15px 4px rgba(201, 210, 247, 0.33);
      box-shadow: 0 0 15px 4px rgba(201, 210, 247, 0.33); } }
  @media (min-width: 768px) {
    .member-marketing-icon {
      -webkit-box-shadow: 0 0 21px 5px rgba(201, 210, 247, 0.33);
      -moz-box-shadow: 0 0 21px 5px rgba(201, 210, 247, 0.33);
      -ms-box-shadow: 0 0 21px 5px rgba(201, 210, 247, 0.33);
      -o-box-shadow: 0 0 21px 5px rgba(201, 210, 247, 0.33);
      box-shadow: 0 0 21px 5px rgba(201, 210, 247, 0.33); } }
  @media (min-width: 992px) {
    .member-marketing-icon {
      -webkit-box-shadow: 0 0 27px 6px rgba(201, 210, 247, 0.33);
      -moz-box-shadow: 0 0 27px 6px rgba(201, 210, 247, 0.33);
      -ms-box-shadow: 0 0 27px 6px rgba(201, 210, 247, 0.33);
      -o-box-shadow: 0 0 27px 6px rgba(201, 210, 247, 0.33);
      box-shadow: 0 0 27px 6px rgba(201, 210, 247, 0.33); } }
  @media (min-width: 1200px) {
    .member-marketing-icon {
      -webkit-box-shadow: 0 0 33px 7px rgba(201, 210, 247, 0.33);
      -moz-box-shadow: 0 0 33px 7px rgba(201, 210, 247, 0.33);
      -ms-box-shadow: 0 0 33px 7px rgba(201, 210, 247, 0.33);
      -o-box-shadow: 0 0 33px 7px rgba(201, 210, 247, 0.33);
      box-shadow: 0 0 33px 7px rgba(201, 210, 247, 0.33); } }

.member-marketing-circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 9px 8px rgba(201, 210, 247, 0.16);
  -moz-box-shadow: 0 0 9px 8px rgba(201, 210, 247, 0.16);
  -ms-box-shadow: 0 0 9px 8px rgba(201, 210, 247, 0.16);
  -o-box-shadow: 0 0 9px 8px rgba(201, 210, 247, 0.16);
  box-shadow: 0 0 9px 8px rgba(201, 210, 247, 0.16);
  position: relative;
  background-color: #fff; }
  .member-marketing-circle:before {
    content: '';
    display: block;
    padding-bottom: 100%; }
  .member-marketing-circle.xl {
    width: 100%;
    height: auto;
    max-width: 837px;
    margin: 0 auto; }
    .member-marketing-circle.xl > .member-marketing-icon {
      width: 12.904%;
      height: auto;
      -webkit-box-shadow: 0 0 33px 7px rgba(201, 210, 247, 0.33);
      -moz-box-shadow: 0 0 33px 7px rgba(201, 210, 247, 0.33);
      -ms-box-shadow: 0 0 33px 7px rgba(201, 210, 247, 0.33);
      -o-box-shadow: 0 0 33px 7px rgba(201, 210, 247, 0.33);
      box-shadow: 0 0 33px 7px rgba(201, 210, 247, 0.33); }
      .member-marketing-circle.xl > .member-marketing-icon.cus {
        top: -0.35%;
        left: 16.12%; }
      .member-marketing-circle.xl > .member-marketing-icon.onl {
        top: -5.97%;
        left: 50.77%; }
      .member-marketing-circle.xl > .member-marketing-icon.seo {
        width: 10.276%;
        height: auto;
        top: 23.3%;
        left: -0.71%; }
      .member-marketing-circle.xl > .member-marketing-icon.ins {
        width: 10.276%;
        height: auto;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
        top: 21.74%;
        right: .12%;
        background-image: -webkit-linear-gradient(180deg, #7024c4, #c21975, #c74c4d, #e09b3d);
        background-image: -moz-linear-gradient(180deg, #7024c4, #c21975, #c74c4d, #e09b3d);
        background-image: -ms-linear-gradient(180deg, #7024c4, #c21975, #c74c4d, #e09b3d);
        background-image: -o-linear-gradient(180deg, #7024c4, #c21975, #c74c4d, #e09b3d);
        background-image: linear-gradient(180deg, #7024c4, #c21975, #c74c4d, #e09b3d); }
      .member-marketing-circle.xl > .member-marketing-icon.ema {
        bottom: 22.46%;
        left: .84%; }
      .member-marketing-circle.xl > .member-marketing-icon.loc {
        bottom: 25.08%;
        right: -1.43%; }
  .member-marketing-circle.lg {
    width: 71.458%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%; }
    .member-marketing-circle.lg > .member-marketing-icon {
      width: 18.058%;
      height: auto;
      -webkit-box-shadow: 0 0 33px 7px rgba(201, 210, 247, 0.33);
      -moz-box-shadow: 0 0 33px 7px rgba(201, 210, 247, 0.33);
      -ms-box-shadow: 0 0 33px 7px rgba(201, 210, 247, 0.33);
      -o-box-shadow: 0 0 33px 7px rgba(201, 210, 247, 0.33);
      box-shadow: 0 0 33px 7px rgba(201, 210, 247, 0.33); }
      .member-marketing-circle.lg > .member-marketing-icon.mob {
        top: 3.33%;
        right: 10.35%; }
      .member-marketing-circle.lg > .member-marketing-icon.soc {
        top: 37.4%;
        left: -7.35%; }
      .member-marketing-circle.lg > .member-marketing-icon.gra {
        bottom: 1%;
        left: 16.7%; }
      .member-marketing-circle.lg > .member-marketing-icon.vid {
        width: 14.38%;
        height: auto;
        right: 26.21%;
        bottom: -3.5%;
        background-color: #f44336; }
  .member-marketing-circle.md {
    width: 60.1%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%; }
    .member-marketing-circle.md > .member-marketing-icon {
      width: 30.048%;
      height: auto;
      -webkit-box-shadow: 0 0 33px 7px rgba(201, 210, 247, 0.33);
      -moz-box-shadow: 0 0 33px 7px rgba(201, 210, 247, 0.33);
      -ms-box-shadow: 0 0 33px 7px rgba(201, 210, 247, 0.33);
      -o-box-shadow: 0 0 33px 7px rgba(201, 210, 247, 0.33);
      box-shadow: 0 0 33px 7px rgba(201, 210, 247, 0.33); }
      .member-marketing-circle.md > .member-marketing-icon.fac {
        width: 23.928%;
        height: auto;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
        top: -4.44%;
        left: 12.22%;
        background-color: #385c8e; }
      .member-marketing-circle.md > .member-marketing-icon.rep {
        top: 41.66%;
        right: -12.77%; }
  .member-marketing-circle.sm {
    width: 48.05%;
    height: auto;
    -webkit-box-shadow: 0 0 33px 8px rgba(201, 210, 247, 0.16);
    -moz-box-shadow: 0 0 33px 8px rgba(201, 210, 247, 0.16);
    -ms-box-shadow: 0 0 33px 8px rgba(201, 210, 247, 0.16);
    -o-box-shadow: 0 0 33px 8px rgba(201, 210, 247, 0.16);
    box-shadow: 0 0 33px 8px rgba(201, 210, 247, 0.16);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%; }
    .member-marketing-circle.sm h3 {
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      position: absolute;
      top: 50%;
      left: 50%;
      font-size: .5rem;
      font-weight: 800;
      line-height: 1.33;
      letter-spacing: .4px;
      text-transform: uppercase;
      color: #486ec6; }
      @media (min-width: 576px) {
        .member-marketing-circle.sm h3 {
          font-size: .625rem;
          letter-spacing: .8px; } }
      @media (min-width: 768px) {
        .member-marketing-circle.sm h3 {
          font-size: .75rem;
          letter-spacing: 1.2px; } }
      @media (min-width: 992px) {
        .member-marketing-circle.sm h3 {
          font-size: 1.125rem;
          letter-spacing: 1.6px; } }
      @media (min-width: 1200px) {
        .member-marketing-circle.sm h3 {
          font-size: 1.125rem;
          letter-spacing: 2px; } }
    @media (min-width: 576px) {
      .member-marketing-circle.sm {
        -webkit-box-shadow: 0 0 15px 11px rgba(201, 210, 247, 0.16);
        -moz-box-shadow: 0 0 15px 11px rgba(201, 210, 247, 0.16);
        -ms-box-shadow: 0 0 15px 11px rgba(201, 210, 247, 0.16);
        -o-box-shadow: 0 0 15px 11px rgba(201, 210, 247, 0.16);
        box-shadow: 0 0 15px 11px rgba(201, 210, 247, 0.16); } }
    @media (min-width: 768px) {
      .member-marketing-circle.sm {
        -webkit-box-shadow: 0 0 21px 10px rgba(201, 210, 247, 0.16);
        -moz-box-shadow: 0 0 21px 10px rgba(201, 210, 247, 0.16);
        -ms-box-shadow: 0 0 21px 10px rgba(201, 210, 247, 0.16);
        -o-box-shadow: 0 0 21px 10px rgba(201, 210, 247, 0.16);
        box-shadow: 0 0 21px 10px rgba(201, 210, 247, 0.16); } }
    @media (min-width: 992px) {
      .member-marketing-circle.sm {
        -webkit-box-shadow: 0 0 27px 13px rgba(201, 210, 247, 0.16);
        -moz-box-shadow: 0 0 27px 13px rgba(201, 210, 247, 0.16);
        -ms-box-shadow: 0 0 27px 13px rgba(201, 210, 247, 0.16);
        -o-box-shadow: 0 0 27px 13px rgba(201, 210, 247, 0.16);
        box-shadow: 0 0 27px 13px rgba(201, 210, 247, 0.16); } }
    @media (min-width: 1200px) {
      .member-marketing-circle.sm {
        -webkit-box-shadow: 0 0 33px 16px rgba(201, 210, 247, 0.16);
        -moz-box-shadow: 0 0 33px 16px rgba(201, 210, 247, 0.16);
        -ms-box-shadow: 0 0 33px 16px rgba(201, 210, 247, 0.16);
        -o-box-shadow: 0 0 33px 16px rgba(201, 210, 247, 0.16);
        box-shadow: 0 0 33px 16px rgba(201, 210, 247, 0.16); } }
  @media (min-width: 576px) {
    .member-marketing-circle {
      -webkit-box-shadow: 0 0 15px 14px rgba(201, 210, 247, 0.16);
      -moz-box-shadow: 0 0 15px 14px rgba(201, 210, 247, 0.16);
      -ms-box-shadow: 0 0 15px 14px rgba(201, 210, 247, 0.16);
      -o-box-shadow: 0 0 15px 14px rgba(201, 210, 247, 0.16);
      box-shadow: 0 0 15px 14px rgba(201, 210, 247, 0.16); } }
  @media (min-width: 768px) {
    .member-marketing-circle {
      -webkit-box-shadow: 0 0 21px 20px rgba(201, 210, 247, 0.16);
      -moz-box-shadow: 0 0 21px 20px rgba(201, 210, 247, 0.16);
      -ms-box-shadow: 0 0 21px 20px rgba(201, 210, 247, 0.16);
      -o-box-shadow: 0 0 21px 20px rgba(201, 210, 247, 0.16);
      box-shadow: 0 0 21px 20px rgba(201, 210, 247, 0.16); } }
  @media (min-width: 992px) {
    .member-marketing-circle {
      -webkit-box-shadow: 0 0 27px 26px rgba(201, 210, 247, 0.16);
      -moz-box-shadow: 0 0 27px 26px rgba(201, 210, 247, 0.16);
      -ms-box-shadow: 0 0 27px 26px rgba(201, 210, 247, 0.16);
      -o-box-shadow: 0 0 27px 26px rgba(201, 210, 247, 0.16);
      box-shadow: 0 0 27px 26px rgba(201, 210, 247, 0.16); } }
  @media (min-width: 1200px) {
    .member-marketing-circle {
      -webkit-box-shadow: 0 0 33px 32px rgba(201, 210, 247, 0.16);
      -moz-box-shadow: 0 0 33px 32px rgba(201, 210, 247, 0.16);
      -ms-box-shadow: 0 0 33px 32px rgba(201, 210, 247, 0.16);
      -o-box-shadow: 0 0 33px 32px rgba(201, 210, 247, 0.16);
      box-shadow: 0 0 33px 32px rgba(201, 210, 247, 0.16); } }

.member-service-package {
  position: relative;
  width: 100%;
  max-width: 1120px;
  margin: 60px auto 110px;
  padding: 0 30px; }
  .member-service-package nav {
    -webkit-box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
    -moz-box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
    -ms-box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
    -o-box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
    box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
    padding: 5px;
    background-color: #fff; }
    .member-service-package nav .nav-tabs {
      border: 0; }
    .member-service-package nav .nav-item {
      width: 100%;
      padding: 15px 0;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: .5px;
      text-align: center;
      color: #636f83;
      border: 0; }
      .member-service-package nav .nav-item.active {
        font-weight: 700;
        color: #3e93df;
        background-color: #f5f6f8; }
        .member-service-package nav .nav-item.active:hover {
          color: #3e93df;
          background-color: #f5f6f8; }
      .member-service-package nav .nav-item:hover {
        color: #3e93df;
        background-color: #fafbfd; }
      @media (min-width: 576px) {
        .member-service-package nav .nav-item + .nav-item {
          margin-left: 5px; } }
      @media (min-width: 576px) {
        .member-service-package nav .nav-item {
          width: calc(calc(100% - 15px) / 4);
          padding: 15px 0;
          font-size: 17px;
          line-height: 25px;
          letter-spacing: .62px; } }
      @media (min-width: 768px) {
        .member-service-package nav .nav-item {
          padding: 20px 0;
          font-size: 21px;
          line-height: 28px;
          letter-spacing: .62px; } }
  .member-service-package .mobile-package-tabs {
    -webkit-box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
    -moz-box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
    -ms-box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
    -o-box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
    box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
    display: block;
    margin-top: 60px;
    padding: 5px;
    background-color: #fff; }
    .member-service-package .mobile-package-tabs ul {
      list-style: none; }
      .member-service-package .mobile-package-tabs ul li span {
        display: block;
        width: 100%;
        padding: 15px 0;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .5px;
        text-align: center;
        color: #636f83;
        cursor: pointer; }
      .member-service-package .mobile-package-tabs ul li.active span {
        font-weight: 700;
        color: #3e93df;
        background-color: #f5f6f8; }
        .member-service-package .mobile-package-tabs ul li.active span:hover {
          color: #3e93df;
          background-color: #f5f6f8; }
    @media (min-width: 576px) {
      .member-service-package .mobile-package-tabs {
        display: none; } }
  .member-service-package .tab-content {
    margin-top: 500px; }
    @media (min-width: 768px) {
      .member-service-package .tab-content {
        margin-top: 980px; } }
    @media (min-width: 992px) {
      .member-service-package .tab-content {
        margin-top: 80px; } }
  .member-service-package + .member-service-package {
    margin-top: 80px;
    margin-bottom: 0; }
  @media (min-width: 768px) {
    .member-service-package {
      padding: 0 40px;
      margin: 60px auto 150px; } }
  @media (min-width: 768px) {
    .member-service-package {
      padding: 0 50px;
      margin: 60px auto 200px; } }

.service-package-illustration {
  position: absolute;
  z-index: 0; }
  .service-package-illustration img,
  .service-package-illustration svg {
    width: 100%; }
  .service-package-illustration.bg {
    -webkit-transform: translateX(calc(50% + 180px));
    -moz-transform: translateX(calc(50% + 180px));
    -ms-transform: translateX(calc(50% + 180px));
    -o-transform: translateX(calc(50% + 180px));
    transform: translateX(calc(50% + 180px));
    top: 200px;
    right: 50%;
    width: 514px; }
    @media (min-width: 576px) {
      .service-package-illustration.bg {
        top: 40px; } }
    @media (min-width: 768px) {
      .service-package-illustration.bg {
        -webkit-transform: translateX(calc(50% + 360px));
        -moz-transform: translateX(calc(50% + 360px));
        -ms-transform: translateX(calc(50% + 360px));
        -o-transform: translateX(calc(50% + 360px));
        transform: translateX(calc(50% + 360px));
        width: 1028px; } }
    @media (min-width: 992px) {
      .service-package-illustration.bg {
        -webkit-transform: translateX(calc(50%));
        -moz-transform: translateX(calc(50%));
        -ms-transform: translateX(calc(50%));
        -o-transform: translateX(calc(50%));
        transform: translateX(calc(50%));
        top: 48px;
        right: 0;
        width: 771px; } }
    @media (min-width: 1200px) {
      .service-package-illustration.bg {
        -webkit-transform: translateX(calc(50% + 80px));
        -moz-transform: translateX(calc(50% + 80px));
        -ms-transform: translateX(calc(50% + 80px));
        -o-transform: translateX(calc(50% + 80px));
        transform: translateX(calc(50% + 80px));
        top: 44px;
        width: 925px; } }
    @media (min-width: 1440px) {
      .service-package-illustration.bg {
        -webkit-transform: translateX(calc(50% + 120px));
        -moz-transform: translateX(calc(50% + 120px));
        -ms-transform: translateX(calc(50% + 120px));
        -o-transform: translateX(calc(50% + 120px));
        transform: translateX(calc(50% + 120px));
        top: 40px;
        width: 1028px; } }
  .service-package-illustration.essentials {
    -webkit-transform: translateX(calc(50% + 2px));
    -moz-transform: translateX(calc(50% + 2px));
    -ms-transform: translateX(calc(50% + 2px));
    -o-transform: translateX(calc(50% + 2px));
    transform: translateX(calc(50% + 2px));
    top: 244px;
    right: 50%;
    width: 328px; }
    @media (min-width: 576px) {
      .service-package-illustration.essentials {
        top: 80px; } }
    @media (min-width: 768px) {
      .service-package-illustration.essentials {
        top: 140px;
        width: 655px; } }
    @media (min-width: 992px) {
      .service-package-illustration.essentials {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        top: 140px;
        right: -64px;
        width: 491px; } }
    @media (min-width: 1200px) {
      .service-package-illustration.essentials {
        top: 140px;
        right: -94px;
        width: 589px; } }
    @media (min-width: 1440px) {
      .service-package-illustration.essentials {
        top: 140px;
        right: -134px;
        width: 655px; } }
  .service-package-illustration.competitive {
    -webkit-transform: translateX(calc(50% + 2px));
    -moz-transform: translateX(calc(50% + 2px));
    -ms-transform: translateX(calc(50% + 2px));
    -o-transform: translateX(calc(50% + 2px));
    transform: translateX(calc(50% + 2px));
    top: 244px;
    right: 50%;
    width: 325px; }
    @media (min-width: 576px) {
      .service-package-illustration.competitive {
        top: 80px; } }
    @media (min-width: 768px) {
      .service-package-illustration.competitive {
        top: 140px;
        width: 650px; } }
    @media (min-width: 992px) {
      .service-package-illustration.competitive {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        top: 140px;
        right: -58px;
        width: 487px; } }
    @media (min-width: 1200px) {
      .service-package-illustration.competitive {
        top: 140px;
        right: -88px;
        width: 585px; } }
    @media (min-width: 1440px) {
      .service-package-illustration.competitive {
        top: 140px;
        right: -128px;
        width: 650px; } }
  .service-package-illustration.competitive-plus {
    -webkit-transform: translateX(calc(50% - 4px));
    -moz-transform: translateX(calc(50% - 4px));
    -ms-transform: translateX(calc(50% - 4px));
    -o-transform: translateX(calc(50% - 4px));
    transform: translateX(calc(50% - 4px));
    top: 244px;
    right: 50%;
    width: 336px; }
    @media (min-width: 576px) {
      .service-package-illustration.competitive-plus {
        top: 80px; } }
    @media (min-width: 768px) {
      .service-package-illustration.competitive-plus {
        top: 140px;
        width: 672px; } }
    @media (min-width: 992px) {
      .service-package-illustration.competitive-plus {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        top: 140px;
        right: -58px;
        width: 504px; } }
    @media (min-width: 1200px) {
      .service-package-illustration.competitive-plus {
        top: 140px;
        right: -88px;
        width: 604px; } }
    @media (min-width: 1440px) {
      .service-package-illustration.competitive-plus {
        top: 140px;
        right: -128px;
        width: 672px; } }
  .service-package-illustration.complete {
    -webkit-transform: translateX(calc(50% + 4px));
    -moz-transform: translateX(calc(50% + 4px));
    -ms-transform: translateX(calc(50% + 4px));
    -o-transform: translateX(calc(50% + 4px));
    transform: translateX(calc(50% + 4px));
    top: 240px;
    right: 50%;
    width: 346px; }
    @media (min-width: 576px) {
      .service-package-illustration.complete {
        top: 76px; } }
    @media (min-width: 768px) {
      .service-package-illustration.complete {
        top: 136px;
        width: 691px; } }
    @media (min-width: 992px) {
      .service-package-illustration.complete {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        top: 136px;
        right: -80px;
        width: 518px; } }
    @media (min-width: 1200px) {
      .service-package-illustration.complete {
        top: 136px;
        right: -118px;
        width: 621px; } }
    @media (min-width: 1440px) {
      .service-package-illustration.complete {
        top: 136px;
        right: -158px;
        width: 691px; } }

.service-package-tabs {
  position: relative;
  z-index: 1; }

.service-package-wrapper {
  position: relative;
  z-index: 1;
  margin-top: 30px; }
  .service-package-wrapper .row {
    margin: 0 -10px; }
  .service-package-wrapper div[class*='col-'] {
    padding: 0 10px; }

.card-service-package {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
  -moz-box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
  -ms-box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
  -o-box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
  box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
  margin-top: 20px;
  padding: 25px 20px 40px;
  border: 0; }
  .card-service-package h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .8px;
    text-align: center;
    text-transform: uppercase;
    color: #206fb3; }
  .card-service-package img {
    max-width: 203px;
    height: auto;
    margin: 10px auto 0; }
  .card-service-package ul {
    margin-top: 20px;
    list-style: none; }
    .card-service-package ul .package-list {
      margin-bottom: 10px; }
    .card-service-package ul li {
      position: relative;
      padding-left: 20px; }
      .card-service-package ul li span {
        font-size: 15px;
        line-height: 24px;
        letter-spacing: .58px;
        color: #636f83; }
      .card-service-package ul li:before {
        width: 6px;
        height: 6px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        content: '';
        position: absolute;
        top: 9px;
        left: 0;
        border: 2px solid #58bbde; }
      .card-service-package ul li + li {
        margin-top: 10px; }
  .card-service-package .service-package-pricing {
    margin-top: 15px; }
    .card-service-package .service-package-pricing p {
      display: inline-block;
      width: 100%;
      font-size: 20px;
      line-height: 0px;
      text-align: center; }
      .card-service-package .service-package-pricing p span {
        font-size: 35px;
        line-height: 47px; }
  .card-service-package .service-package-sparator {
    width: 100%;
    height: 1px;
    background-image: -webkit-linear-gradient(90deg, rgba(67, 168, 218, 0), #318BC6, rgba(67, 168, 218, 0));
    background-image: -moz-linear-gradient(90deg, rgba(67, 168, 218, 0), #318BC6, rgba(67, 168, 218, 0));
    background-image: -ms-linear-gradient(90deg, rgba(67, 168, 218, 0), #318BC6, rgba(67, 168, 218, 0));
    background-image: -o-linear-gradient(90deg, rgba(67, 168, 218, 0), #318BC6, rgba(67, 168, 218, 0));
    background-image: linear-gradient(90deg, rgba(67, 168, 218, 0), #318BC6, rgba(67, 168, 218, 0));
    margin-top: 25px; }
  .card-service-package .service-package-see a {
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .58px;
    color: #58bbde; }
    .card-service-package .service-package-see a span:before {
      content: 'See Less'; }
    .card-service-package .service-package-see a.collapsed span::before {
      content: 'See More'; }
  .card-service-package .service-package-see.essentials {
    margin-top: 24px; }
  .card-service-package .service-package-learn {
    margin-top: 35px;
    text-align: center; }
    .card-service-package .service-package-learn a {
      font-size: 15px;
      font-weight: 800;
      line-height: 20px;
      letter-spacing: 1.34px;
      text-transform: uppercase;
      color: #25b9fd; }
  .card-service-package .service-package-button {
    margin-top: 25px;
    text-align: center; }
    .card-service-package .service-package-button .btn {
      width: 100%;
      height: 50px;
      max-width: 168px;
      padding: 15px 0;
      font-size: 15px;
      font-weight: 800;
      line-height: 20px;
      letter-spacing: 1.34px;
      text-transform: uppercase; }
      .card-service-package .service-package-button .btn:hover {
        border-color: #4ec40e; }

.service-package-text {
  max-width: 500px;
  margin-top: 20px; }
  .service-package-text p {
    font-size: 15px;
    line-height: 26px;
    letter-spacing: .5px;
    color: #636f83; }
    .service-package-text p + p {
      margin-top: 20px; }
    @media (min-width: 768px) {
      .service-package-text p {
        font-size: 18px;
        line-height: 30px; } }

.service-package-list {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 80px; }
  .service-package-list h3 {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: .5px; }
    @media (min-width: 768px) {
      .service-package-list h3 {
        font-size: 25px;
        line-height: 35px; } }
  .service-package-list ul {
    margin-top: 15px;
    list-style: none; }
    .service-package-list ul li p {
      font-size: 15px;
      line-height: 24px;
      letter-spacing: .5px;
      color: #636f83; }
      @media (min-width: 768px) {
        .service-package-list ul li p {
          font-size: 18px;
          line-height: 30px; } }
    .service-package-list ul li + li {
      margin-top: 10px; }
    @media (min-width: 768px) {
      .service-package-list ul {
        margin-top: 30px; } }
  .service-package-list .include-icon {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    background-color: #d2ffe1; }
    .service-package-list .include-icon span {
      font-size: 18px;
      color: #36d56c; }
    @media (min-width: 768px) {
      .service-package-list .include-icon {
        margin-bottom: 20px; } }
  .service-package-list .exclude-icon {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    background-color: #fff7d5; }
    .service-package-list .exclude-icon span {
      font-size: 15px;
      color: #ffcd00; }
    @media (min-width: 768px) {
      .service-package-list .exclude-icon {
        margin-bottom: 20px; } }

.service-package-include {
  padding-bottom: 40px;
  border-bottom: 1px solid #d8d8d8; }
  .service-package-include ul li p span {
    margin-right: 18px;
    font-size: 15px;
    line-height: 1;
    color: #36d56c; }
  @media (min-width: 576px) {
    .service-package-include {
      padding-right: 40px;
      padding-bottom: 0;
      border-right: 1px solid #d8d8d8;
      border-bottom: 0; } }

.service-package-exclude {
  margin-top: 40px; }
  .service-package-exclude ul li p span {
    margin-right: 18px;
    font-size: 12px;
    line-height: 1;
    color: #ffcd00; }
  @media (min-width: 576px) {
    .service-package-exclude {
      margin-top: 0;
      margin-left: 40px; } }

.package-circle {
  position: absolute;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom; }
  .package-circle.circle-1 {
    width: 261px;
    height: 261px;
    top: -152px;
    right: -160px; }
    @media (min-width: 768px) {
      .package-circle.circle-1 {
        width: 391px;
        height: 391px;
        top: -228px;
        right: -240px; } }
    @media (min-width: 1440px) {
      .package-circle.circle-1 {
        width: 522px;
        height: 522px;
        top: -304px;
        right: -320px; } }
  .package-circle.circle-2 {
    width: 187px;
    height: 187px;
    bottom: -48px;
    left: -160px; }
    @media (min-width: 768px) {
      .package-circle.circle-2 {
        width: 280px;
        height: 280px;
        bottom: -72px;
        left: -240px; } }
    @media (min-width: 1440px) {
      .package-circle.circle-2 {
        width: 374px;
        height: 374px;
        bottom: -96px;
        left: -320px; } }
  .package-circle.circle-3 {
    width: 391px;
    height: 391px;
    top: -56px;
    right: -200px; }
    @media (min-width: 768px) {
      .package-circle.circle-3 {
        width: 586px;
        height: 586px;
        top: -84px;
        right: -300px; } }
    @media (min-width: 1440px) {
      .package-circle.circle-3 {
        width: 782px;
        height: 782px;
        top: -112px;
        right: -400px; } }
  .package-circle.circle-4 {
    width: 261px;
    height: 261px;
    top: -110px;
    left: -132px; }
    @media (min-width: 768px) {
      .package-circle.circle-4 {
        width: 391px;
        height: 391px;
        top: -165px;
        left: -198px; } }
    @media (min-width: 1440px) {
      .package-circle.circle-4 {
        width: 522px;
        height: 522px;
        top: -220px;
        left: -265px; } }

.member-service-main {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }
  .member-service-main:before {
    width: 1417px;
    height: 1417px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-image: -webkit-linear-gradient(190deg, #3753ec, #5ca1da);
    background-image: -moz-linear-gradient(190deg, #3753ec, #5ca1da);
    background-image: -ms-linear-gradient(190deg, #3753ec, #5ca1da);
    background-image: -o-linear-gradient(190deg, #3753ec, #5ca1da);
    background-image: linear-gradient(190deg, #3753ec, #5ca1da);
    content: '';
    display: block;
    position: relative;
    left: -1137px;
    opacity: .1; }
    @media (min-width: 576px) {
      .member-service-main:before {
        width: 1200px;
        height: 1200px;
        left: -917px; } }
    @media (min-width: 768px) {
      .member-service-main:before {
        width: 1417px;
        height: 1417px;
        left: -1137px; } }

.service-main-wrapper {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  padding: 0 30px;
  box-sizing: border-box; }
  @media (min-width: 768px) {
    .service-main-wrapper {
      padding: 0 50px; } }

.service-main-list {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .service-main-list.grow-your-bussiness {
    margin-left: 0; }
    .service-main-list.grow-your-bussiness .service-main-image {
      width: 91px;
      flex: 0 0 91px; }
      @media (min-width: 576px) {
        .service-main-list.grow-your-bussiness .service-main-image {
          width: 136px;
          flex: 0 0 136px; } }
      @media (min-width: 768px) {
        .service-main-list.grow-your-bussiness .service-main-image {
          width: 182px;
          flex: 0 0 182px; } }
    @media (min-width: 768px) {
      .service-main-list.grow-your-bussiness {
        margin-left: 16px; } }
    @media (min-width: 1200px) {
      .service-main-list.grow-your-bussiness {
        margin-left: 33px; } }
  .service-main-list.save-your-budget {
    margin-left: 0; }
    .service-main-list.save-your-budget .service-main-image {
      width: 102px;
      flex: 0 0 102px; }
      @media (min-width: 576px) {
        .service-main-list.save-your-budget .service-main-image {
          width: 152px;
          flex: 0 0 152px; } }
      @media (min-width: 768px) {
        .service-main-list.save-your-budget .service-main-image {
          width: 203px;
          flex: 0 0 203px; } }
    @media (min-width: 992px) {
      .service-main-list.save-your-budget {
        margin-left: 60px; } }
    @media (min-width: 1200px) {
      .service-main-list.save-your-budget {
        margin-left: 122px; } }
  .service-main-list.protect-your-reputation {
    margin-left: 0; }
    .service-main-list.protect-your-reputation .service-main-image {
      width: 89px;
      flex: 0 0 89px; }
      @media (min-width: 576px) {
        .service-main-list.protect-your-reputation .service-main-image {
          width: 134px;
          flex: 0 0 134px; } }
      @media (min-width: 768px) {
        .service-main-list.protect-your-reputation .service-main-image {
          width: 177px;
          flex: 0 0 177px; } }
    @media (min-width: 992px) {
      .service-main-list.protect-your-reputation {
        margin-left: 16px; } }
    @media (min-width: 1200px) {
      .service-main-list.protect-your-reputation {
        margin-left: 33px; } }
  .service-main-list + .service-main-list {
    margin-top: 78px; }
    @media (min-width: 576px) {
      .service-main-list + .service-main-list {
        margin-top: 132px; } }
    @media (min-width: 1200px) {
      .service-main-list + .service-main-list {
        margin-top: 156px; } }
  @media (min-width: 576px) {
    .service-main-list {
      flex-direction: row; } }

.service-main-image img {
  width: 100%; }

.service-main-detail {
  max-width: 615px;
  margin-top: 25px;
  margin-left: 0;
  text-align: center; }
  .service-main-detail h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.67;
    letter-spacing: .5px; }
    @media (min-width: 576px) {
      .service-main-detail h3 {
        font-size: 32px; } }
    @media (min-width: 992px) {
      .service-main-detail h3 {
        font-size: 40px; } }
  .service-main-detail p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.67;
    letter-spacing: .5px; }
    @media (min-width: 576px) {
      .service-main-detail p {
        margin-top: 16px;
        font-size: 18px; } }
    @media (min-width: 992px) {
      .service-main-detail p {
        margin-top: 20px;
        font-size: 18px; } }
  @media (min-width: 576px) {
    .service-main-detail {
      margin-top: 0;
      margin-left: 44px;
      text-align: left; } }
  @media (min-width: 1200px) {
    .service-main-detail {
      margin-left: 88px; } }

.member-package-container {
  position: relative;
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  padding: 0 30px; }

.package-detail-container {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden; }

.package-detail-bg-wrapper {
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  max-width: 1040px; }

.member-package-wrapper {
  margin-top: -162px; }
  @media (min-width: 576px) {
    .member-package-wrapper {
      margin-top: -242px; } }
  @media (min-width: 768px) {
    .member-package-wrapper {
      margin-top: -512px; } }

.member-package-tabs {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 0 0px 25px 0 rgba(73, 89, 8, 0.15);
  -moz-box-shadow: 0 0px 25px 0 rgba(73, 89, 8, 0.15);
  -ms-box-shadow: 0 0px 25px 0 rgba(73, 89, 8, 0.15);
  -o-box-shadow: 0 0px 25px 0 rgba(73, 89, 8, 0.15);
  box-shadow: 0 0px 25px 0 rgba(73, 89, 8, 0.15);
  position: relative; }
  .member-package-tabs .nav {
    -webkit-border-radius: 12px 12px 0 0;
    -moz-border-radius: 12px 12px 0 0;
    -ms-border-radius: 12px 12px 0 0;
    -o-border-radius: 12px 12px 0 0;
    border-radius: 12px 12px 0 0;
    overflow: hidden;
    background-color: #dbeaeb;
    border: 0; }
    .member-package-tabs .nav .nav-item {
      -webkit-border-radius: 12px 12px 0 0;
      -moz-border-radius: 12px 12px 0 0;
      -ms-border-radius: 12px 12px 0 0;
      -o-border-radius: 12px 12px 0 0;
      border-radius: 12px 12px 0 0;
      -webkit-box-shadow: 0 10px 25px 0 rgba(73, 89, 8, 0.1);
      -moz-box-shadow: 0 10px 25px 0 rgba(73, 89, 8, 0.1);
      -ms-box-shadow: 0 10px 25px 0 rgba(73, 89, 8, 0.1);
      -o-box-shadow: 0 10px 25px 0 rgba(73, 89, 8, 0.1);
      box-shadow: 0 10px 25px 0 rgba(73, 89, 8, 0.1);
      position: relative;
      flex-grow: 1;
      padding: 0;
      font-size: 11px;
      font-weight: 700;
      line-height: 16px;
      letter-spacing: .4px;
      text-align: center;
      text-transform: uppercase;
      color: #636f83;
      background-color: #dbeaeb;
      border: 0; }
      .member-package-tabs .nav .nav-item span {
        width: 100%;
        height: 100%;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
        -ms-border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        border-radius: 12px 12px 0 0;
        display: block;
        position: relative;
        z-index: 1;
        padding: 16px 0; }
        @media (min-width: 992px) {
          .member-package-tabs .nav .nav-item span:first-child {
            display: none; } }
        .member-package-tabs .nav .nav-item span:last-child {
          display: none; }
          @media (min-width: 992px) {
            .member-package-tabs .nav .nav-item span:last-child {
              display: block; } }
        @media (min-width: 576px) {
          .member-package-tabs .nav .nav-item span {
            padding: 25px 0; } }
      .member-package-tabs .nav .nav-item:before {
        width: 100%;
        height: 100%;
        content: '';
        position: absolute;
        top: 0;
        left: -12px;
        z-index: 0; }
      .member-package-tabs .nav .nav-item:nth-child(4) {
        z-index: 0;
        background-color: #b9d5d6; }
        .member-package-tabs .nav .nav-item:nth-child(4).active:before {
          background-color: #b9d5d6; }
        .member-package-tabs .nav .nav-item:nth-child(4):before {
          background-color: #b9d5d6; }
      .member-package-tabs .nav .nav-item:nth-child(3) {
        z-index: 1;
        background-color: #b9d5d6; }
        .member-package-tabs .nav .nav-item:nth-child(3).active:before {
          background-color: #c9dfe1; }
        .member-package-tabs .nav .nav-item:nth-child(3):before {
          background-color: #b9d5d6; }
      .member-package-tabs .nav .nav-item:nth-child(2) {
        z-index: 2;
        background-color: #c9dfe1; }
        .member-package-tabs .nav .nav-item:nth-child(2).active:before {
          background-color: #dbeaeb; }
        .member-package-tabs .nav .nav-item:nth-child(2):before {
          background-color: #c9dfe1; }
        .member-package-tabs .nav .nav-item:nth-child(2).active + .nav-item {
          background-color: #c9dfe1; }
          .member-package-tabs .nav .nav-item:nth-child(2).active + .nav-item:before {
            background-color: #c9dfe1; }
          .member-package-tabs .nav .nav-item:nth-child(2).active + .nav-item + .nav-item {
            background-color: #b9d5d6; }
            .member-package-tabs .nav .nav-item:nth-child(2).active + .nav-item + .nav-item:before {
              background-color: #b9d5d6; }
      .member-package-tabs .nav .nav-item:nth-child(1) {
        z-index: 3;
        background-color: #dbeaeb; }
        .member-package-tabs .nav .nav-item:nth-child(1).active:before {
          background-color: transparent; }
        .member-package-tabs .nav .nav-item:nth-child(1):before {
          background-color: #dbeaeb; }
        .member-package-tabs .nav .nav-item:nth-child(1).active + .nav-item {
          background-color: #dbeaeb; }
          .member-package-tabs .nav .nav-item:nth-child(1).active + .nav-item:before {
            background-color: #dbeaeb; }
          .member-package-tabs .nav .nav-item:nth-child(1).active + .nav-item + .nav-item {
            background-color: #c9dfe1; }
            .member-package-tabs .nav .nav-item:nth-child(1).active + .nav-item + .nav-item:before {
              background-color: #c9dfe1; }
            .member-package-tabs .nav .nav-item:nth-child(1).active + .nav-item + .nav-item + .nav-item {
              background-color: #b9d5d6; }
              .member-package-tabs .nav .nav-item:nth-child(1).active + .nav-item + .nav-item + .nav-item:before {
                background-color: #b9d5d6; }
      .member-package-tabs .nav .nav-item.active {
        z-index: 4;
        background-color: #fff; }
        .member-package-tabs .nav .nav-item.active span {
          -webkit-box-shadow: -4px 10px 25px 0 rgba(73, 89, 8, 0.1);
          -moz-box-shadow: -4px 10px 25px 0 rgba(73, 89, 8, 0.1);
          -ms-box-shadow: -4px 10px 25px 0 rgba(73, 89, 8, 0.1);
          -o-box-shadow: -4px 10px 25px 0 rgba(73, 89, 8, 0.1);
          box-shadow: -4px 10px 25px 0 rgba(73, 89, 8, 0.1);
          background-color: #fff; }
    @media (min-width: 768px) {
      .member-package-tabs .nav {
        font-size: 14px;
        line-height: 19px;
        letter-spacing: .5px; } }
  .member-package-tabs .tab-content {
    -webkit-border-radius: 0 0 12px 12px;
    -moz-border-radius: 0 0 12px 12px;
    -ms-border-radius: 0 0 12px 12px;
    -o-border-radius: 0 0 12px 12px;
    border-radius: 0 0 12px 12px;
    background-color: #fff; }

.tab-bg {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0; }
  .tab-bg img {
    width: 100%; }
  .tab-bg.tab-essentials-about {
    width: 280px;
    height: 231px; }
    @media (min-width: 768px) {
      .tab-bg.tab-essentials-about {
        width: 389px;
        height: 321px; } }
  .tab-bg.tab-competitive-about {
    width: 280px;
    height: 200px; }
    @media (min-width: 768px) {
      .tab-bg.tab-competitive-about {
        width: 419px;
        height: 300px; } }
  .tab-bg.tab-competitive-plus-about {
    width: 308px;
    height: 237px; }
    @media (min-width: 768px) {
      .tab-bg.tab-competitive-plus-about {
        width: 507px;
        height: 390px; } }
  .tab-bg.tab-complete-about {
    width: 280px;
    height: 266px; }
    @media (min-width: 768px) {
      .tab-bg.tab-complete-about {
        width: 437px;
        height: 416px; } }
  .tab-bg.tab-faq {
    width: 100%; }

.member-package-tab-content {
  -webkit-border-radius: 0 0 12px 12px;
  -moz-border-radius: 0 0 12px 12px;
  -ms-border-radius: 0 0 12px 12px;
  -o-border-radius: 0 0 12px 12px;
  border-radius: 0 0 12px 12px;
  position: relative;
  overflow: hidden;
  padding: 40px 32px 300px;
  background-color: #fff; }
  .member-package-tab-content:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-repeat: no-repeat; }
  .member-package-tab-content.customize {
    padding: 40px 32px 320px; }
    @media (min-width: 576px) {
      .member-package-tab-content.customize {
        padding: 50px 40px 430px; } }
    @media (min-width: 768px) {
      .member-package-tab-content.customize {
        padding: 75px 60px 540px; } }
    @media (min-width: 992px) {
      .member-package-tab-content.customize {
        padding: 100px 80px 650px; } }
  .member-package-tab-content.faq {
    padding: 40px 32px 290px; }
    @media (min-width: 576px) {
      .member-package-tab-content.faq {
        padding: 50px 40px 410px; } }
    @media (min-width: 768px) {
      .member-package-tab-content.faq {
        padding: 75px 60px 530px; } }
    @media (min-width: 992px) {
      .member-package-tab-content.faq {
        padding: 100px 80px 650px; } }
  @media (min-width: 576px) {
    .member-package-tab-content {
      padding: 50px 40px 400px; } }
  @media (min-width: 768px) {
    .member-package-tab-content {
      padding: 75px 60px 100px; } }
  @media (min-width: 992px) {
    .member-package-tab-content {
      padding: 100px 80px 125px; } }

.member-package-feature {
  position: relative;
  z-index: 1; }
  .member-package-feature:before {
    width: 246px;
    height: 270px;
    content: '';
    position: absolute;
    top: -80px;
    right: -50px;
    z-index: 0;
    background-image: url("../images/package-feature-particle.png");
    background-repeat: no-repeat;
    background-size: 246px 270px; }

.package-feature-left {
  margin-bottom: 80px; }
  @media (min-width: 768px) {
    .package-feature-left {
      margin-bottom: 0;
      margin-left: 50px; } }

.member-package-feature-title {
  padding-right: 0; }
  .member-package-feature-title h3 {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 1.34px;
    text-transform: uppercase; }
  @media (min-width: 768px) {
    .member-package-feature-title {
      padding-right: 38px; } }

.member-package-feature-list {
  margin-top: 30px; }
  .member-package-feature-list ul {
    list-style: none; }
    .member-package-feature-list ul li {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center; }
      .member-package-feature-list ul li img {
        max-width: 42px; }
      .member-package-feature-list ul li span {
        margin-left: 16px;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: .54px; }
      .member-package-feature-list ul li + li {
        margin-top: 30px; }
  .member-package-feature-list.left {
    padding-right: 0; }
    @media (min-width: 768px) {
      .member-package-feature-list.left {
        padding-right: 38px; } }
  @media (min-width: 576px) {
    .member-package-feature-list {
      margin-top: 64px; } }

.member-package-feature-link {
  margin-top: 45px; }
  .member-package-feature-link a {
    font-size: 15px;
    font-weight: 800;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #25b9fd; }

.member-package-feature-price {
  margin-top: 46px; }
  .member-package-feature-price h4 {
    font-size: 32px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 2.97px; }
    .member-package-feature-price h4 span {
      font-size: 14px;
      font-weight: 700;
      line-height: 24px;
      letter-spacing: 1.34px; }

.member-package-feature-button {
  margin-top: 48px; }
  .member-package-feature-button .btn {
    width: 100%;
    height: 50px;
    -webkit-box-shadow: 0 26px 65px 0 rgba(49, 99, 22, 0.28);
    -moz-box-shadow: 0 26px 65px 0 rgba(49, 99, 22, 0.28);
    -ms-box-shadow: 0 26px 65px 0 rgba(49, 99, 22, 0.28);
    -o-box-shadow: 0 26px 65px 0 rgba(49, 99, 22, 0.28);
    box-shadow: 0 26px 65px 0 rgba(49, 99, 22, 0.28);
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 1px;
    text-transform: uppercase; }
    .member-package-feature-button .btn + .btn {
      margin-top: 20px; }
    @media (min-width: 480px) {
      .member-package-feature-button .btn {
        width: 226px;
        height: 50px;
        font-size: 15px;
        line-height: 20px;
        letter-spacing: 1.34px; } }

.member-package-about {
  position: relative;
  z-index: 1; }
  .member-package-about h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: .5px; }
    @media (min-width: 768px) {
      .member-package-about h3 {
        font-size: 28px;
        line-height: 24px;
        letter-spacing: 1px; } }

.member-package-about-text {
  width: 100%;
  margin-top: 30px; }
  .member-package-about-text p {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .4px; }
    .member-package-about-text p + p {
      margin-top: 34px; }
    @media (min-width: 768px) {
      .member-package-about-text p {
        font-size: 16px;
        line-height: 30px;
        letter-spacing: .5px; } }
  .member-package-about-text.text-small {
    width: 100%; }
    @media (min-width: 768px) {
      .member-package-about-text.text-small {
        width: calc(100% - 280px); } }
  .member-package-about-text + .member-package-about-text {
    margin-top: 34px; }

.member-package-about-button {
  margin-top: 80px; }

.package-detail-bg {
  position: absolute;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom; }
  .package-detail-bg.circle-1 {
    width: 261px;
    height: 261px;
    top: 240px;
    left: -160px; }
    @media (min-width: 768px) {
      .package-detail-bg.circle-1 {
        width: 391px;
        height: 391px;
        top: 360px;
        left: -240px; } }
    @media (min-width: 1440px) {
      .package-detail-bg.circle-1 {
        width: 522px;
        height: 522px;
        top: 480px;
        left: -320px; } }
  .package-detail-bg.square-1 {
    width: 333px;
    height: 333px;
    top: 480px;
    right: -170px; }
    @media (min-width: 768px) {
      .package-detail-bg.square-1 {
        width: 499px;
        height: 499px;
        top: 720px;
        right: -255px; } }
    @media (min-width: 1440px) {
      .package-detail-bg.square-1 {
        width: 666px;
        height: 666px;
        top: 960;
        right: -340px; } }

.customize-package-title {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .customize-package-title h3 {
    max-width: 160px;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 1px; }
    @media (min-width: 576px) {
      .customize-package-title h3 {
        max-width: 336px;
        font-size: 1.625rem;
        line-height: 1.3; } }
    @media (min-width: 768px) {
      .customize-package-title h3 {
        max-width: 336px;
        font-size: 1.875rem;
        line-height: 1.5; } }
  .customize-package-title h4 {
    font-size: 2.625rem;
    font-weight: 700;
    line-height: 1.4;
    text-align: right;
    color: #6666d8; }
    .customize-package-title h4 span {
      display: block;
      margin-top: -5px;
      margin-right: 5px;
      font-size: 1.125rem;
      line-height: 1.4; }
      @media (min-width: 768px) {
        .customize-package-title h4 span {
          font-size: 1.563rem;
          line-height: 1.4; } }
    @media (min-width: 768px) {
      .customize-package-title h4 {
        font-size: 3.125rem;
        line-height: 1.33; } }

.customize-range-slider {
  margin: 100px 0 150px; }

.range-slider-wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap; }
  .range-slider-wrapper + .range-slider-wrapper {
    margin-top: 100px; }
    @media (min-width: 992px) {
      .range-slider-wrapper + .range-slider-wrapper {
        margin-top: 60px; } }
  @media (min-width: 992px) {
    .range-slider-wrapper {
      align-items: flex-start; } }

.range-slider-label {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  flex: 0 0 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }
  .range-slider-label h3 {
    width: 100%;
    flex: 0 0 100%;
    font-size: .938rem;
    font-weight: 400;
    line-height: 1.67; }
    @media (min-width: 576px) {
      .range-slider-label h3 {
        width: 50%;
        flex: 0 0 50%;
        font-size: 1.125rem; } }
    @media (min-width: 992px) {
      .range-slider-label h3 {
        width: 100%;
        flex: 0 0 100%;
        font-size: 1.125rem; } }
  @media (min-width: 992px) {
    .range-slider-label {
      flex-wrap: wrap;
      width: 200px;
      flex: 0 0 200px;
      justify-content: flex-start;
      align-items: initial; } }

.range-slider-feature {
  margin-top: 5px; }
  .range-slider-feature ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    list-style: none; }
    .range-slider-feature ul li img {
      max-width: 25px; }
      @media (min-width: 576px) {
        .range-slider-feature ul li img {
          max-width: 35px; } }
    .range-slider-feature ul li + li {
      margin-left: 5px; }
  @media (min-width: 576px) {
    .range-slider-feature {
      margin-top: 0; } }
  @media (min-width: 992px) {
    .range-slider-feature {
      margin-top: 20px; } }

.range-slider-form {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  width: 100%;
  flex: 0 0 100%;
  margin-top: 20px; }
  .range-slider-form .range-control {
    width: calc(100% - 30px);
    height: 30px;
    flex: 0 0 calc(100% - 30px);
    position: relative; }
    .range-slider-form .range-control input {
      width: 100%; }
    .range-slider-form .range-control input[type=range] {
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      top: 50%;
      z-index: 2;
      background-color: transparent; }
      .range-slider-form .range-control input[type=range]::-webkit-slider-runnable-track {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        height: 8px;
        background-color: transparent;
        border: none; }
      .range-slider-form .range-control input[type=range]::-ms-track {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        height: 8px;
        background-color: transparent;
        border: none; }
      .range-slider-form .range-control input[type=range]::-moz-range-track {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        height: 8px;
        background-color: transparent;
        border: none; }
      .range-slider-form .range-control input[type=range]::-webkit-slider-thumb {
        width: 30px;
        height: 30px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        -webkit-appearance: none;
        position: relative;
        margin-top: -11px;
        background-color: #4ec40e;
        background-image: url("../icons/range-arrows.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 19px 12px;
        border: none; }
      .range-slider-form .range-control input[type=range]::-ms-thumb {
        width: 30px;
        height: 30px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        -webkit-appearance: none;
        position: relative;
        margin-top: -11px;
        background-color: #4ec40e;
        background-image: url("../icons/range-arrows.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 19px 12px;
        border: none; }
      .range-slider-form .range-control input[type=range]::-moz-range-thumb {
        width: 30px;
        height: 30px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        -webkit-appearance: none;
        position: relative;
        margin-top: -11px;
        background-color: #4ec40e;
        background-image: url("../icons/range-arrows.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 19px 12px;
        border: none; }
      .range-slider-form .range-control input[type=range]:focus {
        outline: 0; }
    .range-slider-form .range-control .range-active {
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      top: 50%;
      z-index: 1;
      height: 8px;
      background-color: #49b110; }
    .range-slider-form .range-control .range-background {
      width: 100%;
      height: 8px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      top: 50%;
      z-index: 0;
      background-color: #e4ebf1; }
    .range-slider-form .range-control .range-value {
      position: absolute;
      top: 50px; }
      .range-slider-form .range-control .range-value p {
        width: 100px;
        height: 30px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        background-image: -webkit-linear-gradient(90deg, #70acf0, #645bd4);
        background-image: -moz-linear-gradient(90deg, #70acf0, #645bd4);
        background-image: -ms-linear-gradient(90deg, #70acf0, #645bd4);
        background-image: -o-linear-gradient(90deg, #70acf0, #645bd4);
        background-image: linear-gradient(90deg, #70acf0, #645bd4);
        display: block;
        position: relative;
        z-index: 1;
        padding: 10px 0;
        font-size: .625rem;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: .83px;
        text-align: center;
        text-transform: uppercase;
        color: #fff; }
        @media (min-width: 576px) {
          .range-slider-form .range-control .range-value p {
            width: 132px;
            height: 40px;
            padding: 15px 0;
            font-size: .75rem; } }
        @media (min-width: 768px) {
          .range-slider-form .range-control .range-value p {
            width: 150px;
            height: 45px;
            padding: 14px 0 13px;
            font-size: .938rem; } }
      .range-slider-form .range-control .range-value.min-value:before {
        width: 16px;
        height: 16px;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        left: 0;
        border-top: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #63a7f4;
        border-left: 8px solid #63a7f4; }
      .range-slider-form .range-control .range-value.max-value:before {
        width: 16px;
        height: 16px;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        right: 0;
        left: auto;
        border-top: 8px solid transparent;
        border-right: 8px solid #6b5ede;
        border-bottom: 8px solid #6b5ede;
        border-left: 8px solid transparent; }
      .range-slider-form .range-control .range-value:before {
        width: 32px;
        height: 16px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        content: '';
        position: absolute;
        top: -10px;
        left: 50%;
        z-index: 0;
        border-top: 0;
        border-right: 16px solid transparent;
        border-bottom: 16px solid #6a80e8;
        border-left: 16px solid transparent; }
    @media (min-width: 768px) {
      .range-slider-form .range-control {
        width: calc(100% - 40px);
        height: 30px;
        flex: 0 0 calc(100% - 40px); } }
  .range-slider-form p {
    width: 30px;
    flex: 0 0 30px;
    font-size: .938rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .5px;
    text-align: right; }
    @media (min-width: 768px) {
      .range-slider-form p {
        width: 40px;
        flex: 0 0 40px;
        font-size: 1.125rem;
        line-height: 1.67;
        letter-spacing: .5px; } }
  @media (min-width: 576px) {
    .range-slider-form {
      margin-left: 10px; } }
  @media (min-width: 992px) {
    .range-slider-form {
      width: calc(100% - 220px);
      flex: 0 0 calc(100% - 220px);
      margin-top: 0;
      margin-left: 20px; } }

.faq-wrapper .card {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 20px 50px 0 rgba(220, 225, 236, 0.5);
  -moz-box-shadow: 0 20px 50px 0 rgba(220, 225, 236, 0.5);
  -ms-box-shadow: 0 20px 50px 0 rgba(220, 225, 236, 0.5);
  -o-box-shadow: 0 20px 50px 0 rgba(220, 225, 236, 0.5);
  box-shadow: 0 20px 50px 0 rgba(220, 225, 236, 0.5);
  border: 0; }
  .faq-wrapper .card + .card {
    margin-top: 20px; }

.faq-wrapper .card-header {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 20px 50px 0 rgba(220, 225, 236, 0.5);
  -moz-box-shadow: 0 20px 50px 0 rgba(220, 225, 236, 0.5);
  -ms-box-shadow: 0 20px 50px 0 rgba(220, 225, 236, 0.5);
  -o-box-shadow: 0 20px 50px 0 rgba(220, 225, 236, 0.5);
  box-shadow: 0 20px 50px 0 rgba(220, 225, 236, 0.5);
  position: relative;
  padding: 0;
  background-color: #fff;
  border-bottom: 0; }
  .faq-wrapper .card-header button {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    width: 100%;
    padding: 24px 56px;
    color: #2e374d;
    font-weight: 600;
    font-size: .875rem;
    line-height: 16px;
    letter-spacing: 1px;
    text-align: left;
    white-space: normal;
    border: 0; }
    .faq-wrapper .card-header button:hover, .faq-wrapper .card-header button:focus {
      text-decoration: none; }
  .faq-wrapper .card-header.card-indicator.indicator-green:before {
    border-color: #65ef80; }
  .faq-wrapper .card-header.card-indicator.indicator-cyan:before {
    border-color: #71d8ff; }
  .faq-wrapper .card-header.card-indicator.indicator-blue:before {
    border-color: #71b3ff; }
  .faq-wrapper .card-header.card-indicator.indicator-purple:before {
    border-color: #bc71ff; }
  .faq-wrapper .card-header.card-indicator.indicator-pink:before {
    border-color: #ff71c2; }
  .faq-wrapper .card-header.card-indicator.indicator-red:before {
    border-color: #ff7171; }
  .faq-wrapper .card-header.card-indicator:before {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    position: absolute;
    top: 50%;
    left: 30px;
    border-width: 3px;
    border-style: solid; }
  .faq-wrapper .card-header.card-indicator:after {
    width: 11px;
    height: 8px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    position: absolute;
    top: 50%;
    right: 30px;
    background-image: url("../icons/accordion-arrow.png");
    background-repeat: no-repeat;
    background-size: 100%; }

.faq-wrapper .card-body {
  padding: 30px;
  background-color: #fff; }
  .faq-wrapper .card-body p {
    font-size: .813rem;
    line-height: 20px;
    letter-spacing: .93px; }

.faq-cta {
  position: relative;
  z-index: 1;
  margin-top: 80px;
  text-align: center; }
  .faq-cta h3 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: .86px; }
  .faq-cta .cta-bg-left {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0;
    max-width: 226px; }
    .faq-cta .cta-bg-left img {
      width: 100%; }
  .faq-cta .cta-bg-right {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 0;
    max-width: 148px; }
    .faq-cta .cta-bg-right img {
      width: 100%; }
  @media (min-width: 576px) {
    .faq-cta {
      margin-top: 120px; } }
  @media (min-width: 992px) {
    .faq-cta {
      margin-top: 160px; } }

.faq-buttons {
  position: relative;
  z-index: 1;
  margin-top: 30px; }
  .faq-buttons .btn-green {
    -webkit-box-shadow: 0 26px 65px 0 rgba(49, 99, 22, 0.28);
    -moz-box-shadow: 0 26px 65px 0 rgba(49, 99, 22, 0.28);
    -ms-box-shadow: 0 26px 65px 0 rgba(49, 99, 22, 0.28);
    -o-box-shadow: 0 26px 65px 0 rgba(49, 99, 22, 0.28);
    box-shadow: 0 26px 65px 0 rgba(49, 99, 22, 0.28);
    width: 100%;
    height: 50px;
    padding: 15px 30px;
    font-size: .938rem;
    font-weight: 800;
    line-height: 20px;
    letter-spacing: 1.34px;
    text-transform: uppercase; }
    .faq-buttons .btn-green + .btn-green {
      margin-top: 20px; }
      @media (min-width: 576px) {
        .faq-buttons .btn-green + .btn-green {
          margin-top: 0;
          margin-left: 15px; } }
    @media (min-width: 576px) {
      .faq-buttons .btn-green {
        width: auto; } }
  @media (min-width: 576px) {
    .faq-buttons {
      margin-top: 40px; } }
  @media (min-width: 992px) {
    .faq-buttons {
      margin-top: 50px; } }

.hero-customer-bg-rear {
  position: absolute;
  bottom: 22px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: 1440px auto;
  background-position: center bottom; }
  @media (min-width: 576px) {
    .hero-customer-bg-rear {
      bottom: 35px; } }
  @media (min-width: 768px) {
    .hero-customer-bg-rear {
      bottom: 46px; } }
  @media (min-width: 992px) {
    .hero-customer-bg-rear {
      bottom: 60px; } }
  @media (min-width: 1200px) {
    .hero-customer-bg-rear {
      bottom: 73px; } }
  @media (min-width: 1440px) {
    .hero-customer-bg-rear {
      bottom: 88px; } }

.hero-customer-bg-middle {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-size: 1440px auto;
  background-position: center bottom; }

.hero-customer-bg-front {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-size: 1440px auto;
  background-position: center bottom; }

.hero-customer-story-illustration {
  -webkit-transform: translateX(calc(-50%));
  -moz-transform: translateX(calc(-50%));
  -ms-transform: translateX(calc(-50%));
  -o-transform: translateX(calc(-50%));
  transform: translateX(calc(-50%));
  position: absolute;
  bottom: 22px;
  left: 50%;
  width: 320px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom; }
  .hero-customer-story-illustration img {
    width: 100%; }
  @media (min-width: 576px) {
    .hero-customer-story-illustration {
      -webkit-transform: translateX(calc(-50% - 37px));
      -moz-transform: translateX(calc(-50% - 37px));
      -ms-transform: translateX(calc(-50% - 37px));
      -o-transform: translateX(calc(-50% - 37px));
      transform: translateX(calc(-50% - 37px));
      bottom: 29px;
      width: 519px; } }
  @media (min-width: 768px) {
    .hero-customer-story-illustration {
      -webkit-transform: translateX(calc(-50% - 48px));
      -moz-transform: translateX(calc(-50% - 48px));
      -ms-transform: translateX(calc(-50% - 48px));
      -o-transform: translateX(calc(-50% - 48px));
      transform: translateX(calc(-50% - 48px));
      bottom: 38px;
      width: 670px; } }
  @media (min-width: 992px) {
    .hero-customer-story-illustration {
      -webkit-transform: translateX(calc(-50% - 58px));
      -moz-transform: translateX(calc(-50% - 58px));
      -ms-transform: translateX(calc(-50% - 58px));
      -o-transform: translateX(calc(-50% - 58px));
      transform: translateX(calc(-50% - 58px));
      bottom: 46px;
      width: 811px; } }
  @media (min-width: 1200px) {
    .hero-customer-story-illustration {
      -webkit-transform: translateX(calc(-50% - 70px));
      -moz-transform: translateX(calc(-50% - 70px));
      -ms-transform: translateX(calc(-50% - 70px));
      -o-transform: translateX(calc(-50% - 70px));
      transform: translateX(calc(-50% - 70px));
      bottom: 56px;
      width: 974px; } }

/*
.customer-story-container {
  width: 1440px;
  height: 100%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  top: 0;
  left: 50%; }
*/
.container.customer-story-container {
    padding: 0; }

.bg-customer-story {
  position: absolute;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: 100% auto; }
  .bg-customer-story.customer-1 {
    width: 275px;
    height: 189px;
    display: none;
    top: 302px;
    left: -20px;
    background-image: url("../images/customer-story-illustration-1.png"); }
    @media (min-width: 1200px) {
      .bg-customer-story.customer-1 {
        display: block; } }
  .bg-customer-story.customer-2 {
    width: 285px;
    height: 196px;
    display: none;
    top: 280px;
    right: -20px;
    background-image: url("../images/customer-story-illustration-2.png"); }
    @media (min-width: 1200px) {
      .bg-customer-story.customer-2 {
        display: block; } }
  .bg-customer-story.customer-3 {
    width: 294px;
    height: 179px;
    display: none;
    top: 1322px;
    left: -20px;
    background-image: url("../images/customer-story-illustration-3.png"); }
    @media (min-width: 1200px) {
      .bg-customer-story.customer-3 {
        display: block; } }
  .bg-customer-story.customer-4 {
    width: 327px;
    height: 162px;
    display: none;
    top: 1324px;
    right: -20px;
    background-image: url("../images/customer-story-illustration-4.png"); }
    @media (min-width: 1200px) {
      .bg-customer-story.customer-4 {
        display: block; } }
  .bg-customer-story.customer-5 {
    width: 217px;
    height: 214px;
    display: none;
    top: 2292px;
    left: 80px;
    background-image: url("../images/customer-story-illustration-5.png"); }
    @media (min-width: 1200px) {
      .bg-customer-story.customer-5 {
        display: block; } }
  .bg-customer-story.customer-6 {
    width: 335px;
    height: 216px;
    display: none;
    top: 2290px;
    right: -20px;
    background-image: url("../images/customer-story-illustration-6.png"); }
    @media (min-width: 1200px) {
      .bg-customer-story.customer-6 {
        display: block; } }
  .bg-customer-story.customer-bg-square {
    width: 333px;
    height: 333px;
    top: 280px;
    left: -173px;
    background-image: url("../images/customer-bg-square.png"); }
    @media (min-width: 768px) {
      .bg-customer-story.customer-bg-square {
        width: 500px;
        height: 500px;
        left: -346px; } }
    @media (min-width: 992px) {
      .bg-customer-story.customer-bg-square {
        width: 666px;
        height: 666px;
        left: -446px; } }
    @media (min-width: 1200px) {
      .bg-customer-story.customer-bg-square {
        top: 460px;
        left: -346px; } }
    @media (min-width: 1440px) {
      .bg-customer-story.customer-bg-square {
        left: -246px; } }
  .bg-customer-story.customer-bg-circle {
    width: 320px;
    height: 320px;
    top: 940px;
    right: -168px;
    background-image: url("../images/customer-bg-circle.png"); }
    @media (min-width: 768px) {
      .bg-customer-story.customer-bg-circle {
        width: 480px;
        height: 480px;
        top: 1340px;
        right: -336px; } }
    @media (min-width: 992px) {
      .bg-customer-story.customer-bg-circle {
        width: 640px;
        height: 640px;
        top: 1540px;
        right: -186px; } }
    @media (min-width: 1200px) {
      .bg-customer-story.customer-bg-circle {
        top: 1340px;
        right: -136px; } }
    @media (min-width: 1440px) {
      .bg-customer-story.customer-bg-circle {
        right: -86px; } }
  .bg-customer-story.customer-bg-rombus {
    width: 430px;
    height: 430px;
    top: 1425px;
    left: -216px;
    background-image: url("../images/customer-bg-rombus.png"); }
    @media (min-width: 768px) {
      .bg-customer-story.customer-bg-rombus {
        width: 645px;
        height: 645px;
        top: 1725px;
        left: -432px; } }
    @media (min-width: 992px) {
      .bg-customer-story.customer-bg-rombus {
        width: 860px;
        height: 860px;
        top: 1825px; } }
    @media (min-width: 1200px) {
      .bg-customer-story.customer-bg-rombus {
        top: 1725px;
        left: -382px; } }
  .bg-customer-story.customer-restaurant-plant {
    width: 39px;
    height: 130px;
    bottom: 20px;
    right: 10px;
    background-image: url("../images/customer-restaurant-plant.png");
    background-position: center bottom; }
    @media (min-width: 576px) {
      .bg-customer-story.customer-restaurant-plant {
        width: 60px;
        height: 130px;
        right: 10px; } }
    @media (min-width: 768px) {
      .bg-customer-story.customer-restaurant-plant {
        width: 78px;
        height: 130px;
        right: 16px;
        bottom: 25px; } }
    @media (min-width: 992px) {
      .bg-customer-story.customer-restaurant-plant {
        right: 22px;
        bottom: 30px; } }
  .bg-customer-story.customer-restaurant-person {
    width: 71px;
    height: 179px;
    bottom: -10px;
    left: -20px;
    z-index: 2;
    background-image: url("../images/customer-restaurant-person.png");
    background-position: center bottom; }
    @media (min-width: 576px) {
      .bg-customer-story.customer-restaurant-person {
        width: 106px;
        height: 179px; } }
    @media (min-width: 768px) {
      .bg-customer-story.customer-restaurant-person {
        width: 142px;
        height: 179px;
        left: -40px; } }
    @media (min-width: 992px) {
      .bg-customer-story.customer-restaurant-person {
        bottom: 0; } }
  .bg-customer-story.customer-cafe-plant-left {
    width: 46px;
    height: 136px;
    bottom: 15px;
    left: 5px;
    background-image: url("../images/customer-cafe-plant-left.png");
    background-position: center bottom; }
    @media (min-width: 576px) {
      .bg-customer-story.customer-cafe-plant-left {
        width: 70px;
        height: 136px;
        bottom: 20px;
        left: 5px; } }
    @media (min-width: 768px) {
      .bg-customer-story.customer-cafe-plant-left {
        width: 91px;
        height: 136px;
        bottom: 25px;
        left: 5px; } }
    @media (min-width: 992px) {
      .bg-customer-story.customer-cafe-plant-left {
        bottom: 30px;
        left: 15px; } }
  .bg-customer-story.customer-cafe-plant-right {
    width: 35px;
    height: 122px;
    right: 8px;
    bottom: 20px;
    background-image: url("../images/customer-cafe-plant-right.png");
    background-position: center bottom; }
    @media (min-width: 576px) {
      .bg-customer-story.customer-cafe-plant-right {
        width: 52px;
        height: 122px;
        right: 16px; } }
    @media (min-width: 768px) {
      .bg-customer-story.customer-cafe-plant-right {
        width: 69px;
        height: 122px;
        right: 24px;
        bottom: 25px; } }
    @media (min-width: 992px) {
      .bg-customer-story.customer-cafe-plant-right {
        right: 32px;
        bottom: 30px; } }
  .bg-customer-story.customer-bar-plant-left {
    width: 38px;
    height: 163px;
    bottom: 15px;
    left: 10px;
    background-image: url("../images/customer-bar-plant-left.png");
    background-position: center bottom; }
    @media (min-width: 576px) {
      .bg-customer-story.customer-bar-plant-left {
        width: 58px;
        height: 163px;
        bottom: 20px;
        left: 20px; } }
    @media (min-width: 768px) {
      .bg-customer-story.customer-bar-plant-left {
        width: 77px;
        height: 163px;
        bottom: 25px;
        left: 25px; } }
    @media (min-width: 992px) {
      .bg-customer-story.customer-bar-plant-left {
        bottom: 30px;
        left: 35px; } }
  .bg-customer-story.customer-bar-plant-right {
    width: 40px;
    height: 128px;
    right: 5px;
    bottom: 20px;
    background-image: url("../images/customer-bar-plant-right.png");
    background-position: center bottom; }
    @media (min-width: 576px) {
      .bg-customer-story.customer-bar-plant-right {
        width: 60px;
        height: 128px; } }
    @media (min-width: 768px) {
      .bg-customer-story.customer-bar-plant-right {
        width: 80px;
        height: 128px;
        right: 10px; } }
    @media (min-width: 992px) {
      .bg-customer-story.customer-bar-plant-right {
        right: 15px; } }
  .bg-customer-story.customer-restaurant-menu {
    width: 227px;
    height: 214px;
    display: none;
    background-image: url("../images/customer-restaurant-menu.png"); }
    @media (min-width: 768px) {
      .bg-customer-story.customer-restaurant-menu {
        display: block;
        top: 670px;
        right: 20px; } }
    @media (min-width: 992px) {
      .bg-customer-story.customer-restaurant-menu {
        right: 30px; } }
    @media (min-width: 1200px) {
      .bg-customer-story.customer-restaurant-menu {
        top: 570px;
        right: 60px; } }
    @media (min-width: 1440px) {
      .bg-customer-story.customer-restaurant-menu {
        right: 90px; } }
  .bg-customer-story.customer-cafe-menu {
    width: 165px;
    height: 94px;
    display: none;
    background-image: url("../images/customer-cafe-menu.png"); }
    @media (min-width: 768px) {
      .bg-customer-story.customer-cafe-menu {
        display: block;
        top: 1684px;
        right: 20px; } }
    @media (min-width: 992px) {
      .bg-customer-story.customer-cafe-menu {
        top: 1784px;
        right: 40px; } }
    @media (min-width: 1200px) {
      .bg-customer-story.customer-cafe-menu {
        top: 1634px;
        right: 80px; } }
    @media (min-width: 1440px) {
      .bg-customer-story.customer-cafe-menu {
        right: 140px; } }
  .bg-customer-story.customer-cafe-plant {
    width: 53px;
    height: 93px;
    display: none;
    background-image: url("../images/customer-cafe-plant.png"); }
    @media (min-width: 768px) {
      .bg-customer-story.customer-cafe-plant {
        display: block;
        top: 1724px;
        left: 24px; } }
    @media (min-width: 992px) {
      .bg-customer-story.customer-cafe-plant {
        top: 1824px;
        left: 48px; } }
    @media (min-width: 1200px) {
      .bg-customer-story.customer-cafe-plant {
        top: 1724px;
        left: 96px; } }
    @media (min-width: 1440px) {
      .bg-customer-story.customer-cafe-plant {
        left: 96px; } }
  .bg-customer-story.customer-bar-plant {
    width: 56px;
    height: 105px;
    display: none;
    background-image: url("../images/customer-bar-plant.png"); }
    @media (min-width: 768px) {
      .bg-customer-story.customer-bar-plant {
        display: block;
        top: 2598px;
        left: 25px; } }
    @media (min-width: 992px) {
      .bg-customer-story.customer-bar-plant {
        top: 2748px;
        left: 50px; } }
    @media (min-width: 1200px) {
      .bg-customer-story.customer-bar-plant {
        top: 2598px;
        left: 100px; } }
    @media (min-width: 1440px) {
      .bg-customer-story.customer-bar-plant {
        left: 200px; } }
  .bg-customer-story.customer-bar-menu {
    width: 101px;
    height: 127px;
    display: none;
    background-image: url("../images/customer-bar-menu.png"); }
    @media (min-width: 768px) {
      .bg-customer-story.customer-bar-menu {
        display: block;
        top: 2684px;
        right: 40px; } }
    @media (min-width: 992px) {
      .bg-customer-story.customer-bar-menu {
        top: 2834px;
        right: 80px; } }
    @media (min-width: 1200px) {
      .bg-customer-story.customer-bar-menu {
        top: 2684px;
        right: 100px; } }
    @media (min-width: 1440px) {
      .bg-customer-story.customer-bar-menu {
        right: 230px; } }

.customer-story-title {
  max-width: 700px;
  margin: 100px auto 0;
  text-align: center; }
  .customer-story-title h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.125;
    letter-spacing: 1.25px; }
    @media (min-width: 768px) {
      .customer-story-title h2 {
        font-size: 35px;
        line-height: 1.125;
        letter-spacing: 1.25px; } }
  .customer-story-title p {
    margin-top: 15px;
    font-size: 15px;
    line-height: 1.67;
    letter-spacing: .5px;
    color: #818c9e; }
    @media (min-width: 768px) {
      .customer-story-title p {
        margin-top: 25px;
        font-size: 18px;
        letter-spacing: .5px; } }
  @media (min-width: 768px) {
    .customer-story-title {
      margin: 150px auto 0; } }
  @media (min-width: 992px) {
    .customer-story-title {
      margin: 200px auto 0; } }

.customer-story-slider {
  margin-top: 25px; }
  @media (min-width: 768px) {
    .customer-story-slider {
      margin-top: 40px; } }

.slider-arrow {
  -webkit-transform: translateY(calc(-50% - 30px));
  -moz-transform: translateY(calc(-50% - 30px));
  -ms-transform: translateY(calc(-50% - 30px));
  -o-transform: translateY(calc(-50% - 30px));
  transform: translateY(calc(-50% - 30px));
  position: absolute;
  top: 50%;
  z-index: 3;
  width: 100%; }
  .slider-arrow .slider-arrow-prev {
    width: 53px;
    height: 53px;
    position: absolute;
    left: 26px; }
    @media (min-width: 768px) {
      .slider-arrow .slider-arrow-prev {
        width: 107px;
        height: 107px;
        left: 53px; } }
  .slider-arrow .slider-arrow-next {
    width: 53px;
    height: 53px;
    position: absolute;
    right: 26px; }
    @media (min-width: 768px) {
      .slider-arrow .slider-arrow-next {
        width: 107px;
        height: 107px;
        right: 53px; } }
  @media (min-width: 768px) {
    .slider-arrow {
      -webkit-transform: translateY(calc(-50% - 45px));
      -moz-transform: translateY(calc(-50% - 45px));
      -ms-transform: translateY(calc(-50% - 45px));
      -o-transform: translateY(calc(-50% - 45px));
      transform: translateY(calc(-50% - 45px)); } }
  @media (min-width: 1200px) {
    .slider-arrow {
      -webkit-transform: translateY(calc(-50% - 60px));
      -moz-transform: translateY(calc(-50% - 60px));
      -ms-transform: translateY(calc(-50% - 60px));
      -o-transform: translateY(calc(-50% - 60px));
      transform: translateY(calc(-50% - 60px)); } }

.customer-story-device {
  position: relative;
  max-width: 745px;
  margin: 0 auto; }
  .customer-story-device img {
    position: relative;
    z-index: 1;
    width: 100%; }

.customer-story-content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  max-width: 594px;
  margin: 40px auto 0; }
  @media (min-width: 768px) {
    .customer-story-content {
      margin: 60px auto 0; } }
  @media (min-width: 992px) {
    .customer-story-content {
      margin: 80px auto 0; } }

.customer-story-profile {
  width: 48px;
  flex: 0 0 48px; }
  .customer-story-profile img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 100%; }
  @media (min-width: 768px) {
    .customer-story-profile {
      width: 72px;
      flex: 0 0 72px; } }

.customer-story-description {
  width: calc(100% - 68px);
  flex: 0 0 calc(100% - 68px);
  margin-left: 20px; }
  .customer-story-description h4 {
    margin-top: 15px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .64px; }
    @media (min-width: 768px) {
      .customer-story-description h4 {
        font-size: 18px; } }
  .customer-story-description p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .5px;
    color: #818c9e; }
    @media (min-width: 768px) {
      .customer-story-description p {
        font-size: 16px;
        line-height: 26px; } }
  @media (min-width: 768px) {
    .customer-story-description {
      width: calc(100% - 112px);
      flex: 0 0 calc(100% - 112px);
      margin-left: 40px; } }

.contact-sales-container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box; }
  .contact-sales-container .section-title + .section-title {
    margin-top: 60px; }
    @media (min-width: 768px) {
      .contact-sales-container .section-title + .section-title {
        margin-top: 80px; } }
  @media (min-width: 768px) {
    .contact-sales-container {
      padding: 0 50px; } }


.contact-service-container {
  position: relative;
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box; }
  @media (min-width: 768px) {
    .contact-service-container {
      padding: 0 50px; } }

.contact-service-wrapper {
  position: relative; }

.contact-service-item {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex: 0 0 100%; }
  .contact-service-item.chat-online .contact-service-image img {
    max-width: 86px; }
    @media (min-width: 768px) {
      .contact-service-item.chat-online .contact-service-image img {
        max-width: 150px; } }
    @media (min-width: 992px) {
      .contact-service-item.chat-online .contact-service-image img {
        max-width: 181px; } }
  @media (min-width: 992px) {
    .contact-service-item.chat-online {
      padding-top: 0; } }
  .contact-service-item.watch-demo .contact-service-image img {
    max-width: 86px; }
    @media (min-width: 768px) {
      .contact-service-item.watch-demo .contact-service-image img {
        max-width: 150px; } }
    @media (min-width: 992px) {
      .contact-service-item.watch-demo .contact-service-image img {
        max-width: 188px; } }
  @media (min-width: 992px) {
    .contact-service-item.watch-demo {
      padding-top: 80px; } }
  .contact-service-item.request-call .contact-service-image img {
    max-width: 86px; }
    @media (min-width: 768px) {
      .contact-service-item.request-call .contact-service-image img {
        max-width: 150px; } }
    @media (min-width: 992px) {
      .contact-service-item.request-call .contact-service-image img {
        max-width: 179px; } }
  @media (min-width: 992px) {
    .contact-service-item.request-call {
      padding-top: 20px; } }
  .contact-service-item:nth-child(odd) {
    flex-direction: row; }
    @media (min-width: 992px) {
      .contact-service-item:nth-child(odd) {
        flex-direction: column; } }
  .contact-service-item:nth-child(even) {
    flex-direction: row-reverse; }
    .contact-service-item:nth-child(even) .contact-service-detail {
      text-align: right; }
      @media (min-width: 992px) {
        .contact-service-item:nth-child(even) .contact-service-detail {
          text-align: left; } }
    @media (min-width: 992px) {
      .contact-service-item:nth-child(even) {
        flex-direction: column; } }
  .contact-service-item + .contact-service-item {
    margin-top: 50px; }
    @media (min-width: 992px) {
      .contact-service-item + .contact-service-item {
        margin-top: 0; } }
  @media (min-width: 992px) {
    .contact-service-item {
      display: block;
      width: calc(calc(100% - 100px) / 3);
      flex: 0 0 calc(calc(100% - 100px) / 3); } }

.contact-service-image {
  -webkit-box-shadow: 0 20px 50px 0 rgba(220, 225, 236, 0.5);
  -moz-box-shadow: 0 20px 50px 0 rgba(220, 225, 236, 0.5);
  -ms-box-shadow: 0 20px 50px 0 rgba(220, 225, 236, 0.5);
  -o-box-shadow: 0 20px 50px 0 rgba(220, 225, 236, 0.5);
  box-shadow: 0 20px 50px 0 rgba(220, 225, 236, 0.5);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  width: calc(calc(100% - 20px) / 2);
  flex: 0 0 calc(calc(100% - 20px) / 2);
  background-color: #fff; }
  .contact-service-image:after {
    content: '';
    display: block;
    padding-bottom: 100%; }
  .contact-service-item:hover .contact-service-image{
    -webkit-box-shadow: 0 20px 50px 0 rgba(220, 225, 236, 0.8);
    -moz-box-shadow: 0 20px 50px 0 rgba(220, 225, 236, 0.8);
    -ms-box-shadow: 0 20px 50px 0 rgba(220, 225, 236, 0.8);
    -o-box-shadow: 0 20px 50px 0 rgba(220, 225, 236, 0.8);
    box-shadow: 0 20px 50px 0 rgba(220, 225, 236, 0.8);
    cursor: pointer; }
  @media (min-width: 576px) {
    .contact-service-image {
      width: calc(calc(100% - 50px) / 2);
      flex: 0 0 calc(calc(100% - 50px) / 2); } }
  @media (min-width: 992px) {
    .contact-service-image {
      width: 100%;
      flex: 0 0 100%; } }

.contact-service-detail {
  width: calc(calc(100% - 20px) / 2);
  flex: 0 0 calc(calc(100% - 20px) / 2); }
  .contact-service-detail h3 {
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 1.22px; }
    @media (min-width: 480px) {
      .contact-service-detail h3 {
        font-size: 18px;
        line-height: 28px; } }
    @media (min-width: 576px) {
      .contact-service-detail h3 {
        font-size: 22px;
        line-height: 38px; } }
  .contact-service-detail p {
    margin-top: 5px;
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: .5px; }
    @media (min-width: 480px) {
      .contact-service-detail p {
        margin-top: 10px;
        font-size: 18px;
        line-height: 25px; } }
    @media (min-width: 576px) {
      .contact-service-detail p {
        margin-top: 15px;
        font-size: 22px;
        line-height: 35px; } }
  @media (min-width: 576px) {
    .contact-service-detail {
      width: calc(calc(100% - 50px) / 2);
      flex: 0 0 calc(calc(100% - 50px) / 2); } }
  @media (min-width: 992px) {
    .contact-service-detail {
      width: 100%;
      max-width: 280px;
      flex: 0 0 100%;
      margin-top: 40px; } }

.contact-office-wrapper {
  margin: 50px auto 0; }
  @media (min-width: 480px) {
    .contact-office-wrapper {
      margin: 102px auto 0; } }

.contact-office-grid {
  width: 100%;
  max-width: 498px;
  flex: 0 0 100%; }
  .contact-office-grid + .contact-office-grid {
    margin-top: 50px; }
    @media (min-width: 992px) {
      .contact-office-grid + .contact-office-grid {
        margin-top: 0; } }
  @media (min-width: 992px) {
    .contact-office-grid {
      width: calc(calc(100% - 80px) / 2);
      flex: 0 0 calc(calc(100% - 80px) / 2); } }
  @media (min-width: 1200px) {
    .contact-office-grid {
      width: calc(calc(100% - 120px) / 2);
      flex: 0 0 calc(calc(100% - 120px) / 2); } }

.contact-office-content {
  position: relative;
  padding: 0 0 172px 0; }
  .contact-office-content img {
    -webkit-box-shadow: 0 8px 22px 0 rgba(39, 44, 50, 0.1);
    -moz-box-shadow: 0 8px 22px 0 rgba(39, 44, 50, 0.1);
    -ms-box-shadow: 0 8px 22px 0 rgba(39, 44, 50, 0.1);
    -o-box-shadow: 0 8px 22px 0 rgba(39, 44, 50, 0.1);
    box-shadow: 0 8px 22px 0 rgba(39, 44, 50, 0.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    width: 100%; }
  @media (min-width: 992px) {
    .contact-office-content {
      padding: 0 40px 172px 0; } }

.contact-office-detail {
  -webkit-box-shadow: 0 10px 12px 0 rgba(19, 25, 32, 0.06);
  -moz-box-shadow: 0 10px 12px 0 rgba(19, 25, 32, 0.06);
  -ms-box-shadow: 0 10px 12px 0 rgba(19, 25, 32, 0.06);
  -o-box-shadow: 0 10px 12px 0 rgba(19, 25, 32, 0.06);
  box-shadow: 0 10px 12px 0 rgba(19, 25, 32, 0.06);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
  transform: translateX(50%);
  position: absolute;
  right: 50%;
  bottom: 0;
  width: calc(100% - 40px);
  padding: 30px;
  background-color: #fff; }
  .contact-office-detail h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 1px; }
    @media (min-width: 480px) {
      .contact-office-detail h3 {
        font-size: 22px;
        line-height: 32px; } }
  .contact-office-detail p {
    margin-top: 10px;
    font-size: 13px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 1.32px; }
    @media (min-width: 480px) {
      .contact-office-detail p {
        font-size: 15px;
        line-height: 26px; } }
  .contact-office-detail span {
    display: block;
    margin: 40px 0 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: .6px;
    color: #ff7fac; }
  @media (min-width: 480px) {
    .contact-office-detail {
      width: 340px;
      padding: 40px; } }
  @media (min-width: 992px) {
    .contact-office-detail {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
      right: 0; } }

.contact-newsletter {
  -webkit-box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
  -moz-box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
  -ms-box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
  -o-box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
  box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
  position: relative;
  overflow: hidden;
  margin: 156px 0 0;
  padding: 65px 25px;
  background-color: #fff; }
  .contact-newsletter h3 {
    font-size: 18px;
    font-weight: 800;
    line-height: 28px;
    letter-spacing: 1.5px;
    text-align: center;
    text-transform: uppercase; }
  .contact-newsletter:before {
    width: 580px;
    height: 580px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    content: '';
    position: absolute;
    top: -482px;
    left: -227px;
    background-color: #f29cd8;
    opacity: .1; }
  .contact-newsletter:after {
    width: 580px;
    height: 580px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    content: '';
    position: absolute;
    right: -400px;
    bottom: -442px;
    background-color: #3cb9c4;
    opacity: .1; }
  @media (min-width: 576px) {
    .contact-newsletter {
      padding: 65px 45px; } }

.newsletter-form {
  width: 100%;
  max-width: 728px;
  margin: 18px auto 0; }
  .newsletter-form .form-control:focus {
    border-color: #4ec40e; }
  .newsletter-form .btn-green {
    height: 50px;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: 1.34px;
    padding: 15px 30px; }
    .newsletter-form .btn-green:hover {
      border-color: #4ec40e; }
  .newsletter-form .form-checkbox input {
    margin: 4px 0 6px; }
  .newsletter-form .form-checkbox label {
    margin: 0 0 0 5px; }

.newsletter-input {
  width: 100%;
  flex: 0 0 100%; }
  @media (min-width: 576px) {
    .newsletter-input {
      width: calc(100% - 164px);
      flex: 0 0 calc(100% - 164px); } }

.newsletter-button {
  width: 100%;
  flex: 0 0 100%; }
  .newsletter-button .btn {
    width: 100%;
    text-transform: uppercase; }
    @media (min-width: 576px) {
      .newsletter-button .btn {
        width: auto; } }
  @media (min-width: 576px) {
    .newsletter-button {
      width: 144px;
      flex: 0 0 144px; } }

.tos-container {
  position: relative;
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box; }
  .tos-container .section-title + .section-title {
    margin-top: 60px; }
    @media (min-width: 768px) {
      .tos-container .section-title + .section-title {
        margin-top: 80px; } }
  .tos-container:after {
    width: 522px;
    height: 522px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    content: '';
    position: absolute;
    z-index: 0;
    right: -296px;
    bottom: -360px;
    border: 100px solid #3CB9C4;
    opacity: .1; }
  @media (min-width: 768px) {
    .tos-container {
      padding: 0 50px; } }

.tos-wrapper {
  -webkit-box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
  -moz-box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
  -ms-box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
  -o-box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
  box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  z-index: 1;
  padding: 30px;
  background-color: #fff; }
  .tos-wrapper h3 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: 1px; }
    @media (min-width: 480px) {
      .tos-wrapper h3 {
        margin-bottom: 40px;
        font-size: 28px; } }
    @media (min-width: 768px) {
      .tos-wrapper h3 {
        margin-bottom: 60px; } }
  .tos-wrapper p {
    font-size: 14px;
    line-height: 1.875;
    letter-spacing: .5px; }
    .tos-wrapper p + p {
      margin-top: 20px; }
      @media (min-width: 480px) {
        .tos-wrapper p + p {
          margin-top: 32px; } }
    @media (min-width: 480px) {
      .tos-wrapper p {
        font-size: 16px; } }
  .tos-wrapper .tos-bg-left {
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    -o-transform: translateY(10%);
    transform: translateY(10%);
    display: none;
    position: absolute;
    left: -160px;
    top: 50%; }
    .tos-wrapper .tos-bg-left img {
      max-width: 236px; }
    @media (min-width: 1200px) {
      .tos-wrapper .tos-bg-left {
        display: block; } }
  .tos-wrapper .tos-bg-right {
    -webkit-transform: translateY(-75%);
    -moz-transform: translateY(-75%);
    -ms-transform: translateY(-75%);
    -o-transform: translateY(-75%);
    transform: translateY(-75%);
    display: none;
    position: absolute;
    right: -190px;
    top: 50%; }
    .tos-wrapper .tos-bg-right img {
      max-width: 261px; }
    @media (min-width: 1200px) {
      .tos-wrapper .tos-bg-right {
        display: block; } }
  @media (min-width: 480px) {
    .tos-wrapper {
      padding: 45px; } }
  @media (min-width: 768px) {
    .tos-wrapper {
      padding: 65px; } }
  @media (min-width: 992px) {
    .tos-wrapper {
      padding: 85px; } }
      
.pricing-container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }

.pricing-wrapper {
  position: relative;
  padding: 20px 30px 40px; }
  .pricing-wrapper .service-package-wrapper {
    margin: 0; }
  .pricing-wrapper:before {
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
    -moz-box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
    -ms-box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
    -o-box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
    box-shadow: 0 10px 25px 0 rgba(73, 89, 108, 0.15);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #fff; }
  .pricing-wrapper:after {
    width: 261px;
    height: 261px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    content: '';
    position: absolute;
    bottom: 300px;
    left: -208px;
    z-index: 0;
    border: 50px solid rgba(60, 185, 196, 0.1); }
    @media (min-width: 768px) {
      .pricing-wrapper:after {
        width: 522px;
        height: 522px;
        bottom: 100px;
        right: -408px;
        border-width: 100px; } }
  @media (min-width: 768px) {
    .pricing-wrapper {
      padding: 40px 50px 60px; } }

.pricing-faq {
  position: relative;
  margin-top: 138px; }
  .pricing-faq .faq-wrapper {
    margin-top: 60px; }
  .pricing-faq:before {
    width: 328px;
    height: 328px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    background-image: -webkit-linear-gradient(120deg, #afe6c6, #00a1c3, #002192);
    background-image: -moz-linear-gradient(120deg, #afe6c6, #00a1c3, #002192);
    background-image: -ms-linear-gradient(120deg, #afe6c6, #00a1c3, #002192);
    background-image: -o-linear-gradient(120deg, #afe6c6, #00a1c3, #002192);
    background-image: linear-gradient(120deg, #afe6c6, #00a1c3, #002192);
    content: '';
    position: absolute;
    bottom: -120px;
    right: -280px;
    z-index: 0;
    opacity: .2; }
    @media (min-width: 768px) {
      .pricing-faq:before {
        width: 657px;
        height: 657px;
        bottom: -240px;
        right: -560px;
        border-width: 100px; } }

.pricing-illustration {
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin: 104px auto 0;
  text-align: right; }
  .pricing-illustration img {
    position: relative;
    right: -30px;
    z-index: 1;
    max-width: 440px; }
    @media (min-width: 768px) {
      .pricing-illustration img {
        max-width: 660px;
        right: -90px; } }
    @media (min-width: 992px) {
      .pricing-illustration img {
        max-width: 879px; } }
  .pricing-illustration:before {
    width: 202px;
    height: 202px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    -webkit-transform: rotateZ(30deg);
    -moz-transform: rotateZ(30deg);
    -ms-transform: rotateZ(30deg);
    -o-transform: rotateZ(30deg);
    transform: rotateZ(30deg);
    content: '';
    position: absolute;
    bottom: -120px;
    left: -100px;
    z-index: 0;
    opacity: .2;
    border: 45px solid rgba(122, 100, 237, 0.3); }
    @media (min-width: 768px) {
      .pricing-illustration:before {
        width: 405px;
        height: 405px;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        -ms-border-radius: 60px;
        -o-border-radius: 60px;
        border-radius: 60px;
        bottom: -240px;
        left: -200px;
        border-width: 90px; } }

.pricing-text-wrapper {
  margin-top: 185px; }
  .pricing-text-wrapper .section-title h2 {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.33;
    text-transform: uppercase; }
    .pricing-text-wrapper .section-title h2 span {
      font-weight: 700; }
    @media (min-width: 768px) {
      .pricing-text-wrapper .section-title h2 {
        font-size: 34px; } }
  .pricing-text-wrapper .section-title p {
    max-width: 900px;
    margin: 32px auto 0; }
  .pricing-text-wrapper .btn {
    width: 100%;
    height: 68px;
    -webkit-box-shadow: 0 26px 65px 0 rgba(78, 196, 14, 0.14);
    -moz-box-shadow: 0 26px 65px 0 rgba(78, 196, 14, 0.14);
    -ms-box-shadow: 0 26px 65px 0 rgba(78, 196, 14, 0.14);
    -o-box-shadow: 0 26px 65px 0 rgba(78, 196, 14, 0.14);
    box-shadow: 0 26px 65px 0 rgba(78, 196, 14, 0.14);
    display: block;
    margin: 60px auto 0;
    padding: 20px 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: 1.35px; }
    .pricing-text-wrapper .btn:hover {
      border-color: #4ec40e; }
    @media (min-width: 576px) {
      .pricing-text-wrapper .btn {
        width: 340px;
        height: 68px;
        padding: 18px 0;
        font-size: 24px; } }
  .pricing-text-wrapper .link-question {
    margin: 60px auto 0;
    text-align: center; }
    .pricing-text-wrapper .link-question a {
      font-size: 14px;
      font-weight: 800;
      line-height: 2;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #636f83; }
      @media (min-width: 576px) {
        .pricing-text-wrapper .link-question a {
          font-size: 18px; } }