@font-face {
  font-family: "Proxima-Nova-Bold";
  src: url("fonts/ProximaNova/ProximaNova-Bold.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Proxima-Nova-Light";
  src: url("fonts/ProximaNova/ProximaNova-Light.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Proxima-Nova-Regular";
  src: url("fonts/ProximaNova/ProximaNova-Regular.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?sj4q6v");
  src: url("fonts/icomoon.eot?sj4q6v#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?sj4q6v") format("truetype"), url("fonts/icomoon.woff?sj4q6v") format("woff"), url("fonts/icomoon.svg?sj4q6v#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-group-of-people-outline:before {
  content: "\e907"; }

.icon-phone-call:before {
  content: "\e908"; }

.icon-id-card:before {
  content: "\e909"; }

.icon-user:before {
  content: "\e906"; }

.icon-post:before {
  content: "\e9074"; }

.icon-briefcase:before {
  content: "\e905"; }

.icon-instagram:before {
  content: "\e900"; }

.icon-linkedin:before {
  content: "\e904"; }

.icon-facebook-app-logo:before {
  content: "\e903"; }

.icon-feed:before {
  content: "\e901"; }

.icon-twitter:before {
  content: "\e902"; }

@font-face {
  font-family: "Proxima-Nova-Bold";
  src: url("fonts/ProximaNova/ProximaNova-Bold.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Proxima-Nova-Light";
  src: url("fonts/ProximaNova/ProximaNova-Light.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Proxima-Nova-Regular";
  src: url("fonts/ProximaNova/ProximaNova-Regular.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?sj4q6v");
  src: url("fonts/icomoon.eot?sj4q6v#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?sj4q6v") format("truetype"), url("fonts/icomoon.woff?sj4q6v") format("woff"), url("fonts/icomoon.svg?sj4q6v#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-group-of-people-outline:before {
  content: "\e907"; }

.icon-phone-call:before {
  content: "\e908"; }

.icon-id-card:before {
  content: "\e909"; }

.icon-user:before {
  content: "\e906"; }

.icon-post:before {
  content: "\e9074"; }

.icon-briefcase:before {
  content: "\e905"; }

.icon-instagram:before {
  content: "\e900"; }

.icon-linkedin:before {
  content: "\e904"; }

.icon-facebook-app-logo:before {
  content: "\e903"; }

.icon-feed:before {
  content: "\e901"; }

.icon-twitter:before {
  content: "\e902"; }

.section-one {
  display: block;
  text-align: center;
  margin-top: 90px; }
  .section-one .container {
    padding: 0 17px; }
  .section-one__text {
    text-align: center;
    padding-right: 0; }
    .section-one__text h1 {
      margin: 0;
      margin-top: 30px;
      color: #2E3747;
      font-family: "Proxima-Nova-Bold";
      font-size: 1.6875rem;
      line-height: 1.6875rem; }
    .section-one__text p {
      margin-top: 20px;
      margin-bottom: 3px;
      color: #8B919C; }
    .section-one__text a {
      color: #05D393;
      padding: 12px 0;
      font-family: "Proxima-Nova-Bold"; }
    .section-one__text .btn-greenBg {
      margin: 32px 0; }
  .section-one .image {
    text-align: center; }
  @media only screen and (min-width: 76.25em) {
    .section-one {
      text-align: left; }
      .section-one .container {
        display: flex;
        align-items: center;
        margin-top: 20px;
        padding: 0; }
      .section-one__text {
        text-align: left;
        padding-right: 15px;
        flex: 1; }
        .section-one__text h1 {
          margin-top: 0;
          font-size: 3rem;
          line-height: 3rem; }
        .section-one__text p {
          max-width: 400px; }
      .section-one__image {
        text-align: right; } }

.section-two {
  margin-top: 30px;
  padding: 20px 17px; }
  .section-two h2 {
    font-weight: normal;
    text-align: center;
    font-size: 1.25rem; }
  .section-two .container {
    border-bottom: 1px solid #E9EDF3;
    padding-bottom: 80px; }
  @media only screen and (min-width: 76.25em) {
    .section-two {
      margin-top: 62px; }
      .section-two h2 {
        font-size: 1.5rem; } }

.section-three {
  padding: 20px 17px; }
  .section-three h2 {
    display: none; }
  .section-three__text h1 {
    color: #2E3747;
    font-weight: normal;
    font-size: 1.5rem;
    margin-top: 56px;
    margin-bottom: 10px; }
  .section-three__text p {
    color: #8B919C;
    margin: 0;
    margin-bottom: 18px; }
  .section-three__text .bold {
    color: #2E3747; }
  .section-three__text .green-color {
    font-weight: bold; }
  .section-three__text__buttons {
    margin-top: 32px; }
    .section-three__text__buttons .btn-blueBg {
      margin-right: 10px; }
  .section-three__image {
    text-align: center; }
    .section-three__image img {
      margin-top: 60px; }
  @media only screen and (min-width: 76.25em) {
    .section-three {
      margin-top: 120px; }
      .section-three h2 {
        display: block;
        text-align: center;
        color: #2E3747;
        font-weight: normal;
        font-size: 1.5rem; }
      .section-three__box {
        display: flex;
        margin-top: 70px; }
      .section-three__text {
        flex: 1;
        max-width: 450px; }
        .section-three__text h1 {
          font-size: 2.25rem;
          margin-top: 0;
          margin-bottom: 22px; }
        .section-three__text p {
          margin-bottom: 35px; }
      .section-three__image {
        flex: 1;
        text-align: right; }
        .section-three__image img {
          margin-top: 0; } }

.section-four {
  padding: 20px 17px; }
  .section-four h2 {
    display: none; }
  .section-four__box__text h1 {
    color: #2E3747;
    font-weight: normal;
    font-size: 1.5rem;
    margin-top: 56px;
    margin-bottom: 10px; }
  .section-four__box__text h4 {
    color: #2E3747;
    font-size: 1.125rem; }
  .section-four__box__text h5 {
    display: none; }
  .section-four__box__text p {
    position: relative;
    color: #8B919C;
    margin: 0;
    margin-bottom: 18px; }
    .section-four__box__text p .ico {
      position: absolute;
      left: -50px; }
  .section-four__box__text .bold {
    color: #2E3747; }
  .section-four__box__text .green-color {
    font-weight: bold; }
  .section-four__box__text .buttons {
    margin-top: 32px; }
    .section-four__box__text .buttons .btn-blueBg {
      margin-right: 10px; }
  .section-four__box__image {
    position: relative;
    text-align: center; }
    .section-four__box__image img {
      margin-top: 65px; }
    .section-four__box__image__laptop-screen {
      position: absolute;
      top: 28px;
      left: 97px;
      width: 100%;
      height: 100%;
      max-width: 507px;
      max-height: 318px;
      margin-top: 65px; }
      .section-four__box__image__laptop-screen img {
        margin-top: 0;
        position: absolute;
        top: 0;
        left: 0; }
  @media only screen and (min-width: 76.25em) {
    .section-four {
      margin-top: 35px; }
      .section-four h2 {
        display: block;
        text-align: center;
        color: #2E3747;
        font-weight: normal;
        font-size: 1.5rem; }
      .section-four__box {
        display: flex;
        align-items: center;
        margin-top: 70px; }
        .section-four__box__text {
          flex: 1; }
          .section-four__box__text h1 {
            font-size: 2.25rem;
            margin-top: 0;
            margin-bottom: 22px; }
          .section-four__box__text h5 {
            display: block;
            font-weight: normal;
            font-size: 0.875rem; }
          .section-four__box__text p {
            margin-bottom: 20px; }
          .section-four__box__text .green-color {
            font-weight: normal; }
        .section-four__box__image {
          text-align: right;
          position: relative;
          left: 80px; }
          .section-four__box__image img {
            margin-top: 0; }
          .section-four__box__image__laptop-screen {
            position: absolute;
            top: 28px;
            left: 97px;
            width: 100%;
            height: 100%;
            max-width: 507px;
            max-height: 318px;
            margin-top: 0; }
            .section-four__box__image__laptop-screen img {
              position: absolute;
              top: 0;
              left: 0;
              opacity: 1;
              visibility: visible;
              transition: all 0.3s ease-in; }
          .section-four__box__image:hover .laptop-screen-img1 {
            opacity: 0;
            visibility: hidden; } }

.section-five {
  padding: 0;
  padding-top: 1px;
  margin-top: 70px;
  background: #888; }
  .section-five .slider {
    padding: 1px 0;
    padding-top: 42px; }
  @media only screen and (min-width: 76.25em) {
    .section-five {
      margin-top: 120px; }
      .section-five .slider {
        padding: 0; } }

.section-seven {
  padding: 20px 17px;
  margin-top: 95px; }
  .section-seven__logo {
    text-align: center; }
  .section-seven h3 {
    text-align: center;
    color: #2E3747;
    font-size: 1rem;
    font-weight: normal;
    line-height: 2.25rem;
    max-width: 700px;
    margin: 0 auto;
    margin-top: 30px; }
  .section-seven__links {
    text-align: center;
    margin-top: 45px; }
    .section-seven__links a {
      display: block;
      min-width: 245px;
      width: 266px;
      margin: 0 auto;
      margin-bottom: 10px; }
  @media only screen and (min-width: 76.25em) {
    .section-seven {
      margin-top: 100px; }
      .section-seven h3 {
        font-size: 1.5rem; }
      .section-seven__links {
        margin-top: 31px; }
        .section-seven__links a {
          display: inline-block;
          margin-right: 12px;
          margin-bottom: 0;
          transition: all 0.3s;
          transform-origin: center center; } }
      @media only screen and (min-width: 76.25em) and (min-width: 76.25em) {
        .section-seven__links a:hover {
          transform: scale(1.1);
          box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.1); } }

@font-face {
  font-family: "Proxima-Nova-Bold";
  src: url("fonts/ProximaNova/ProximaNova-Bold.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Proxima-Nova-Light";
  src: url("fonts/ProximaNova/ProximaNova-Light.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Proxima-Nova-Regular";
  src: url("fonts/ProximaNova/ProximaNova-Regular.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?sj4q6v");
  src: url("fonts/icomoon.eot?sj4q6v#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?sj4q6v") format("truetype"), url("fonts/icomoon.woff?sj4q6v") format("woff"), url("fonts/icomoon.svg?sj4q6v#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-group-of-people-outline:before {
  content: "\e907"; }

.icon-phone-call:before {
  content: "\e908"; }

.icon-id-card:before {
  content: "\e909"; }

.icon-user:before {
  content: "\e906"; }

.icon-post:before {
  content: "\e9074"; }

.icon-briefcase:before {
  content: "\e905"; }

.icon-instagram:before {
  content: "\e900"; }

.icon-linkedin:before {
  content: "\e904"; }

.icon-facebook-app-logo:before {
  content: "\e903"; }

.icon-feed:before {
  content: "\e901"; }

.icon-twitter:before {
  content: "\e902"; }

.company-section-one {
  position: relative;
  padding-top: 2px;
  background: url(../img/bg/company-background-compressed.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%; }
  .company-section-one h3 {
    text-transform: uppercase;
    font-family: "Proxima-Nova-Bold";
    font-size: 0.875rem;
    color: #05D393;
    text-align: center;
    line-height: 32px;
    margin-top: 47px;
    padding: 0 17px; }
  .company-section-one h1 {
    font-family: "Proxima-Nova-Bold";
    font-size: 1.6875rem;
    line-height: 32px;
    color: #2E3747;
    margin: 0 auto;
    text-align: center;
    max-width: 520px;
    padding: 0 17px; }
  .company-section-one p {
    font-size: 0.875rem;
    line-height: 17px;
    color: #2E3747;
    text-align: center;
    margin: 0;
    margin-top: 14px;
    padding: 0 17px; }
  @media only screen and (min-width: 76.25em) {
    .company-section-one {
      padding-top: 86px;
      padding-bottom: 40px; }
      .company-section-one h3 {
        font-size: 1.25rem;
        color: #2E3747;
        text-align: left; }
      .company-section-one h1 {
        font-size: 2.4375rem;
        line-height: 44px;
        margin: 0;
        margin-top: 6px;
        text-align: left; }
      .company-section-one p {
        font-size: 1rem;
        line-height: 20px;
        margin-top: 15px;
        max-width: 435px;
        text-align: left; } }

.ways-wrap {
  display: none; }
  @media only screen and (min-width: 76.25em) {
    .ways-wrap {
      display: block;
      position: relative;
      margin-top: 160px; }
      .ways-wrap .bayzat-way {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        text-align: center; }
      .ways-wrap .the-old-way {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        text-align: center; }
        .ways-wrap .the-old-way img {
          position: relative;
          right: 50px; } }

.ways-wrap-mob {
  position: relative; }
  .ways-wrap-mob .line {
    position: absolute;
    width: 100%;
    left: 20px;
    top: 48px; }
  @media only screen and (min-width: 76.25em) {
    .ways-wrap-mob {
      display: none; } }

.company-section-two {
  padding: 20px 17px; }
  .company-section-two p {
    text-align: center;
    color: #2E3747; }
  .company-section-two .employees img {
    margin: 10px 5px; }

.company-section-three {
  padding: 0 17px;
  padding-top: 97px;
  padding-left: 55px;
  height: 490px; }
  .company-section-three.container {
    margin: 0; }
  .company-section-three h1 {
    font-size: 1.5rem;
    color: #2E3747; }
  .company-section-three p {
    margin-top: 9px;
    color: #8B919C;
    font-size: 0.875rem; }
  .company-section-three .bold {
    color: #000; }
  .company-section-three .image {
    margin-top: 15px;
    max-width: 320px; }
    .company-section-three .image img {
      position: relative;
      left: -40px;
      bottom: -20px; }
  @media only screen and (min-width: 76.25em) {
    .company-section-three {
      display: flex;
      padding-left: 0;
      padding: 0;
      padding-top: 160px;
      height: auto;
      max-height: 600px; }
      .company-section-three.container {
        margin: 0 auto; }
      .company-section-three h1 {
        font-size: 2.25rem; }
      .company-section-three p {
        color: #8B919C;
        font-size: 1.25rem; }
      .company-section-three .text {
        flex: 1; }
      .company-section-three .image {
        margin-top: 0;
        max-width: 100%; }
        .company-section-three .image img {
          position: relative;
          left: 216px;
          bottom: 150px; } }

.company-section-four {
  padding: 0 17px;
  padding-top: 100px;
  padding-left: 55px;
  height: 405px; }
  .company-section-four.container {
    margin: 0; }
  .company-section-four h1 {
    font-size: 1.5rem;
    color: #2E3747; }
  .company-section-four p {
    margin-top: 9px;
    color: #8B919C;
    font-size: 0.875rem; }
  .company-section-four .bold {
    color: #000; }
  .company-section-four .image {
    margin-top: 37px;
    text-align: center;
    max-width: 267px; }
  @media only screen and (min-width: 76.25em) {
    .company-section-four {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-left: 0;
      height: 255px; }
      .company-section-four.container {
        margin: 0 auto; }
      .company-section-four h1 {
        font-size: 2.25rem; }
      .company-section-four p {
        color: #8B919C;
        font-size: 1.25rem; }
      .company-section-four .text {
        max-width: 403px; }
      .company-section-four .image {
        margin-top: 0;
        text-align: left;
        max-width: 100%; }
        .company-section-four .image img {
          position: relative;
          right: 30px; } }

.company-section-five {
  padding-left: 55px;
  height: 405px; }
  .company-section-five.container {
    margin: 0;
    margin-top: 55px; }
  .company-section-five h1 {
    font-size: 1.5rem;
    color: #2E3747; }
  .company-section-five p {
    margin-top: 9px;
    color: #8B919C;
    font-size: 0.875rem; }
  .company-section-five .bold {
    color: #000; }
  .company-section-five .image {
    text-align: center;
    margin-top: 15px;
    max-width: 330px; }
  @media only screen and (min-width: 76.25em) {
    .company-section-five {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-left: 0;
      height: auto; }
      .company-section-five.container {
        margin: 0 auto;
        margin-top: 100px; }
      .company-section-five h1 {
        font-size: 2.25rem; }
      .company-section-five p {
        color: #8B919C;
        font-size: 1.25rem; }
      .company-section-five .text {
        max-width: 403px;
        width: 100%; }
      .company-section-five .image {
        margin-top: 0;
        text-align: left;
        position: relative;
        left: 100px;
        top: 20px;
        width: 794px;
        max-width: 100%; } }

.company-section-six {
  padding: 0 17px;
  margin-top: 170px; }
  .company-section-six h2 {
    font-size: 1.25rem;
    color: #2E3747;
    text-align: center; }
  .company-section-six .employees img {
    margin: 10px 5px; }
  @media only screen and (min-width: 76.25em) {
    .company-section-six {
      margin-top: 400px; }
      .company-section-six h2 {
        font-size: 1.5rem; }
      .company-section-six .employees {
        margin-top: 0; } }

.company-section-seven {
  padding: 0 17px;
  margin-top: 140px;
  padding-bottom: 30px; }
  .company-section-seven h1 {
    text-align: center;
    color: #2E3747;
    font-size: 1.25rem; }
  .company-section-seven p {
    font-size: 0.875rem;
    color: #8B919C;
    line-height: 17px;
    max-width: 530px;
    text-align: center;
    margin: 0 auto;
    margin-top: 10px; }
  @media only screen and (min-width: 76.25em) {
    .company-section-seven {
      margin-top: 167px; }
      .company-section-seven h1 {
        font-size: 2.25rem; }
      .company-section-seven p {
        font-size: 1rem;
        line-height: 20px;
        margin-top: 10px; } }

.company-section-eight__tabs {
  display: none; }
.company-section-eight__image {
  padding-top: 0;
  text-align: center; }
@media only screen and (min-width: 76.25em) {
  .company-section-eight {
    margin-top: 15px; }
    .company-section-eight__tabs {
      display: block; }
      .company-section-eight__tabs p {
        display: inline-block;
        color: #05D393;
        text-align: center;
        max-width: calc(100% / 4);
        width: 100%;
        float: left;
        border-right: 1px solid #E9EDF3;
        padding: 8px 0;
        cursor: pointer;
        transition: all 0.3s ease-out; }
        .company-section-eight__tabs p.active {
          font-weight: bold; }
      .company-section-eight__tabs p:last-child {
        border-right: 1px solid transparent; }
    .company-section-eight__image {
      padding-top: 34px;
      max-width: 1042px;
      margin: 0 auto;
      margin-top: 0; } }

.company-section-nine {
  margin-top: 118px; }

.company-section-eleven .download-section {
  padding-top: 50px; }

@font-face {
  font-family: "Proxima-Nova-Bold";
  src: url("fonts/ProximaNova/ProximaNova-Bold.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Proxima-Nova-Light";
  src: url("fonts/ProximaNova/ProximaNova-Light.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Proxima-Nova-Regular";
  src: url("fonts/ProximaNova/ProximaNova-Regular.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?sj4q6v");
  src: url("fonts/icomoon.eot?sj4q6v#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?sj4q6v") format("truetype"), url("fonts/icomoon.woff?sj4q6v") format("woff"), url("fonts/icomoon.svg?sj4q6v#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-group-of-people-outline:before {
  content: "\e907"; }

.icon-phone-call:before {
  content: "\e908"; }

.icon-id-card:before {
  content: "\e909"; }

.icon-user:before {
  content: "\e906"; }

.icon-post:before {
  content: "\e9074"; }

.icon-briefcase:before {
  content: "\e905"; }

.icon-instagram:before {
  content: "\e900"; }

.icon-linkedin:before {
  content: "\e904"; }

.icon-facebook-app-logo:before {
  content: "\e903"; }

.icon-feed:before {
  content: "\e901"; }

.icon-twitter:before {
  content: "\e902"; }

.benefits-section-one {
  background: url(../img/bg/stock-robotic-toy.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
  padding-top: 2px; }
  .benefits-section-one h3 {
    text-transform: uppercase;
    font-family: "Proxima-Nova-Bold";
    font-size: 0.875rem;
    color: #05D393;
    text-align: center;
    line-height: 32px;
    margin-top: 47px;
    padding: 0 17px; }
  .benefits-section-one h1 {
    font-family: "Proxima-Nova-Bold";
    font-size: 1.6875rem;
    line-height: 32px;
    color: #2E3747;
    margin: 0 auto;
    text-align: center;
    max-width: 520px;
    padding: 0 17px; }
  .benefits-section-one p {
    font-size: 0.875rem;
    line-height: 17px;
    color: #2E3747;
    text-align: center;
    margin: 0;
    margin-top: 14px;
    padding: 0 17px; }
  @media only screen and (min-width: 76.25em) {
    .benefits-section-one {
      padding-top: 86px;
      padding-bottom: 40px; }
      .benefits-section-one h3 {
        font-size: 1.25rem;
        color: #2E3747;
        text-align: left; }
      .benefits-section-one h1 {
        font-size: 2.4375rem;
        line-height: 44px;
        margin: 0;
        margin-top: 6px;
        text-align: left; }
      .benefits-section-one p {
        font-size: 1rem;
        line-height: 20px;
        margin-top: 15px;
        max-width: 435px;
        text-align: left; } }

.benefits-section-two {
  padding-top: 50px; }
  .benefits-section-two h1 {
    font-size: 1.25rem;
    color: #2E3747;
    line-height: 24px;
    text-align: center; }
    .benefits-section-two h1 span {
      font-weight: bold; }
  .benefits-section-two p {
    color: #2E3747;
    font-size: 0.875rem;
    margin-top: 20px; }
  .benefits-section-two .text {
    max-width: 770px;
    padding: 0 17px; }
  .benefits-section-two .employees {
    margin-top: 30px; }
    .benefits-section-two .employees img {
      margin: 10px 5px; }
  @media only screen and (min-width: 76.25em) {
    .benefits-section-two {
      padding-top: 132px; }
      .benefits-section-two h1 {
        font-size: 1.875rem;
        line-height: 39px;
        text-align: left; }
      .benefits-section-two p {
        margin-top: 32px;
        font-size: 1rem; } }

.benefits-section-three {
  margin-top: 122px; }
  .benefits-section-three p {
    margin: 0; }
  .benefits-section-three h3 {
    display: none; }
  .benefits-section-three .container {
    margin-top: 39px; }
  .benefits-section-three .box {
    position: relative;
    max-width: 350px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    margin: 32px auto;
    padding: 0 32px;
    padding-top: 39px;
    padding-bottom: 52px; }
    .benefits-section-three .box img {
      display: block; }
    .benefits-section-three .box h3 {
      display: block;
      color: #2E3747;
      font-weight: bold;
      margin-bottom: 9px;
      margin-top: 13px; }
    .benefits-section-three .box p {
      font-size: 1rem;
      line-height: 1.25rem;
      color: #8B919C;
      line-height: 23px;
      margin: 0;
      margin-top: 20px; }
    .benefits-section-three .box a {
      display: inline-block;
      color: #008AF8;
      font-weight: bold;
      padding: 10px 0;
      margin-top: 13px;
      position: absolute;
      bottom: 53px;
      left: 35px; }
    .benefits-section-three .box .text {
      padding-bottom: 40px; }
    .benefits-section-three .box .soon {
      font-weight: bold;
      padding: 10px 0;
      position: absolute;
      bottom: 53px;
      left: 35px; }
  @media only screen and (min-width: 76.25em) {
    .benefits-section-three {
      margin-top: 122px; }
      .benefits-section-three h3 {
        display: block;
        color: #2E3747;
        font-size: 1.5rem;
        text-align: center; }
      .benefits-section-three .container {
        display: flex;
        justify-content: space-between; }
        .benefits-section-three .container h3 {
          text-align: left; }
      .benefits-section-three .box {
        max-width: 330px;
        margin: 0;
        margin: 0 auto; }
        .benefits-section-three .box h3 {
          display: block;
          font-size: 1.5rem;
          line-height: 29px;
          font-weight: normal; } }

.benefits-section-four {
  padding: 0 17px;
  margin-top: 98px; }
  @media only screen and (min-width: 76.25em) {
    .benefits-section-four {
      margin-top: 130px; } }
  .benefits-section-four .content {
    margin-top: 15px; }
  .benefits-section-four__text {
    max-width: 303px;
    position: relative;
    margin: 0 auto; }
    .benefits-section-four__text h3 {
      font-size: 1.25rem;
      color: #2E3747;
      font-weight: bold;
      line-height: 24px; }
    .benefits-section-four__text p {
      margin: 0;
      margin-top: 10px;
      color: #8B919C; }
  .benefits-section-four__image {
    padding-top: 180px;
    max-width: 400px;
    margin: 0 auto; }
  @media only screen and (min-width: 76.25em) {
    .benefits-section-four .content {
      display: flex;
      justify-content: space-between;
      margin-top: 80px; }
    .benefits-section-four__text {
      width: 100%;
      margin: 0; }
    .benefits-section-four__image {
      position: relative;
      left: 80px;
      max-width: 100%;
      margin: 0;
      margin-top: 0;
      padding-top: 0; } }
  .benefits-section-four .box.active p {
    font-weight: bold; }
  .benefits-section-four__text > div {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(50px);
    visibility: hidden;
    opacity: 0; }
  .benefits-section-four__text .active {
    transition: all 0.5s ease-out;
    visibility: visible;
    opacity: 1;
    transform: translateY(0); }
  .benefits-section-four .half-box-mob1, .benefits-section-four .half-box-mob2 {
    cursor: pointer; }
  .benefits-section-four .laptop-wrap {
    max-width: 269px;
    margin: 0 auto; }
    .benefits-section-four .laptop-wrap .laptop-screen-wrap {
      top: 10px; }
    .benefits-section-four .laptop-wrap .laptop-screen {
      max-width: 195px;
      max-height: 123px; }
    @media (min-width: 460px) {
      .benefits-section-four .laptop-wrap {
        max-width: 400px; }
        .benefits-section-four .laptop-wrap .laptop-screen-wrap {
          top: 17px; }
        .benefits-section-four .laptop-wrap .laptop-screen {
          max-width: 288px;
          max-height: 180px; } }
    @media only screen and (min-width: 76.25em) {
      .benefits-section-four .laptop-wrap {
        max-width: 100%; }
        .benefits-section-four .laptop-wrap .laptop-screen-wrap {
          top: 30px; }
        .benefits-section-four .laptop-wrap .laptop-screen {
          max-width: 534px;
          max-height: 335px; } }

.benefits-section-five {
  padding: 0 17px;
  margin-top: 130px; }
  .benefits-section-five .title-box .half-box-mob1, .benefits-section-five .title-box .half-box-mob2, .benefits-section-five .title-box .half-box-mob3 {
    text-align: center;
    cursor: pointer;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent; }
    .benefits-section-five .title-box .half-box-mob1.active, .benefits-section-five .title-box .half-box-mob2.active, .benefits-section-five .title-box .half-box-mob3.active {
      box-shadow: none; }
  .benefits-section-five .title-box .benefitsPhoneTabs.active p {
    font-weight: bold; }
  @media only screen and (max-width: 76.25em) {
    .benefits-section-five .title-box .half-box-mob1, .benefits-section-five .title-box .half-box-mob2, .benefits-section-five .title-box .half-box-mob3 {
      width: 33.33%;
      width: calc(100% / 3);
      float: left;
      margin-top: 33px;
      border-top: 1px solid #E9EDF3;
      border-bottom: 1px solid #E9EDF3; }
      .benefits-section-five .title-box .half-box-mob1.active, .benefits-section-five .title-box .half-box-mob2.active, .benefits-section-five .title-box .half-box-mob3.active {
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08); } }
  .benefits-section-five .content {
    position: relative;
    margin-top: 15px;
    padding-top: 200px; }
    .benefits-section-five .content .text {
      max-width: 303px;
      width: 100%;
      margin: 0 auto;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%); }
      .benefits-section-five .content .text h3 {
        font-size: 1.25rem;
        color: #2E3747;
        font-weight: bold;
        line-height: 24px; }
      .benefits-section-five .content .text p {
        margin: 0;
        margin-top: 10px;
        color: #8B919C; }
    .benefits-section-five .content .text > div {
      position: absolute;
      top: 0;
      left: 0;
      transform: translateY(50px);
      visibility: hidden;
      opacity: 0; }
    .benefits-section-five .content .text .active {
      transition: all 0.5s ease-out;
      visibility: visible;
      opacity: 1;
      transform: translateY(0); }
    .benefits-section-five .content .image {
      max-width: 400px;
      margin: 0 auto;
      background: linear-gradient(180deg, #FFFFFF 0%, #F1F1F1 100%); }
    @media only screen and (min-width: 76.25em) {
      .benefits-section-five .content {
        display: flex;
        justify-content: space-between;
        margin-top: 80px;
        padding-top: 0; }
        .benefits-section-five .content .text {
          position: relative;
          top: 0;
          left: 0;
          transform: translateX(0);
          margin: 0; }
        .benefits-section-five .content .image {
          position: relative;
          left: -80px;
          max-width: 100%;
          margin: 0;
          margin-top: 0;
          padding-top: 0;
          background: #fff; } }
  .benefits-section-five .laptop-wrap {
    max-width: 269px;
    margin: 0 auto; }
    .benefits-section-five .laptop-wrap .laptop-screen-wrap {
      top: 11px; }
    .benefits-section-five .laptop-wrap .laptop-screen {
      max-width: 217px;
      max-height: 130px; }
    @media (min-width: 460px) {
      .benefits-section-five .laptop-wrap {
        max-width: 400px; }
        .benefits-section-five .laptop-wrap .laptop-screen-wrap {
          top: 16px; }
        .benefits-section-five .laptop-wrap .laptop-screen {
          max-width: 327px;
          max-height: 194px; } }
    @media only screen and (min-width: 76.25em) {
      .benefits-section-five .laptop-wrap {
        max-width: 100%; }
        .benefits-section-five .laptop-wrap .laptop-screen-wrap {
          top: 26px; }
        .benefits-section-five .laptop-wrap .laptop-screen {
          max-width: 570px;
          max-height: 340px; } }

.benefits-section-six {
  position: relative;
  z-index: 1;
  margin-top: 100px;
  padding-bottom: 1178px; }
  .benefits-section-six h2 {
    font-size: 1.5rem;
    text-align: center; }
  .benefits-section-six .boxes {
    margin-top: 40px;
    position: absolute;
    width: 100%; }
    .benefits-section-six .boxes .box {
      max-width: 330px;
      margin: 0 auto;
      margin-bottom: 30px;
      border-radius: 4px;
      overflow: hidden;
      box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.1); }
    .benefits-section-six .boxes .top {
      height: 114px;
      padding: 0 14px;
      padding-top: 35px;
      padding-bottom: 30px;
      background: linear-gradient(180deg, #5B687D 0%, #2E3747 100%); }
      .benefits-section-six .boxes .top p {
        margin-bottom: 9px;
        font-size: 0.875rem;
        text-align: center;
        line-height: 17px;
        color: #fff; }
      .benefits-section-six .boxes .top h2 {
        font-size: 1.25rem;
        text-align: center;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 23px;
        color: #05D393; }
    .benefits-section-six .boxes .middle {
      position: relative;
      padding: 30px 14px;
      background: #fff;
      height: 294px; }
      .benefits-section-six .boxes .middle h1, .benefits-section-six .boxes .middle .money {
        margin-bottom: 20px;
        font-size: 3rem;
        color: #05D393;
        text-align: center;
        font-weight: normal; }
      .benefits-section-six .boxes .middle span {
        font-size: 1rem;
        color: #2E3747;
        font-weight: normal; }
      .benefits-section-six .boxes .middle p {
        margin-bottom: 19px;
        color: #8B919C;
        text-align: center; }
      .benefits-section-six .boxes .middle .text {
        margin-top: 82px; }
    .benefits-section-six .boxes .bottom {
      padding: 0 14px;
      padding-bottom: 30px;
      background: #fff;
      text-align: center; }
      .benefits-section-six .boxes .bottom .btn {
        width: 204px; }
    .benefits-section-six .boxes .value {
      position: relative;
      padding-bottom: 55px;
      overflow: hidden; }
      .benefits-section-six .boxes .value h1 {
        position: absolute;
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
        transition: all 0.3s; }
      .benefits-section-six .boxes .value .perMonth {
        margin-left: 85px; }
      .benefits-section-six .boxes .value .perMonth.hundred {
        margin-left: 100px; }
      .benefits-section-six .boxes .value .money {
        position: absolute;
        text-align: left; }
      .benefits-section-six .boxes .value .money {
        position: absolute;
        transform: translateY(0);
        transition: transform 0.3s ease-out; }
      .benefits-section-six .boxes .value .money.first {
        position: absolute;
        transform: translateY(0); }
      .benefits-section-six .boxes .value .money.second {
        position: absolute;
        transform: translateY(-58px); }
      .benefits-section-six .boxes .value .money.third {
        position: absolute;
        transform: translateY(-116px); }
      .benefits-section-six .boxes .value .AED {
        transform: translate(-50%, 60px); }
      .benefits-section-six .boxes .value .AED.active {
        transform: translate(-50%, 0); }
      .benefits-section-six .boxes .value .AED100 {
        transform: translate(-50%, -60px);
        background: #fff; }
      .benefits-section-six .boxes .value .AED100.active {
        transform: translate(-50%, 0); }
    .benefits-section-six .boxes .dropdown {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      background-color: #FFFFFF;
      border: 2px solid #E9EDF3;
      border-radius: 4px;
      cursor: pointer;
      width: 230px;
      height: 44px;
      margin: 0 auto;
      padding: 5px 8px;
      padding-bottom: 5px;
      margin-top: 25px;
      overflow: hidden;
      transition: all 0.3s ease-out; }
      .benefits-section-six .boxes .dropdown.active {
        height: 154px; }
        .benefits-section-six .boxes .dropdown.active p {
          position: relative;
          top: 0;
          left: 0;
          visibility: visible;
          opacity: 1; }
      .benefits-section-six .boxes .dropdown p {
        position: absolute;
        left: 8px;
        top: 5px;
        margin: 0;
        width: 100%;
        padding: 5px 0 10px 0;
        text-align: left;
        visibility: hidden;
        opacity: 0; }
        .benefits-section-six .boxes .dropdown p:hover {
          color: #000; }
        .benefits-section-six .boxes .dropdown p.active {
          visibility: visible;
          opacity: 1;
          z-index: 2; }
      .benefits-section-six .boxes .dropdown .triangle-bottom {
        position: absolute;
        right: 12px;
        top: 15px;
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 7px 0 7px;
        border-color: #8B919C transparent transparent transparent;
        transition: transform 0.3s; }
      .benefits-section-six .boxes .dropdown .triangle-bottom.rotate {
        transform: rotate(180deg);
        transform-origin: center; }
  @media only screen and (min-width: 76.25em) {
    .benefits-section-six {
      margin-top: 130px;
      margin-bottom: 10px;
      padding-bottom: 164px;
      position: relative;
      z-index: 20; }
      .benefits-section-six .boxes {
        display: flex;
        justify-content: space-between;
        margin-top: 60px; }
        .benefits-section-six .boxes .box {
          margin-bottom: 0;
          margin: 0;
          width: 330px; } }

.benefits-section-seven .slider {
  padding-top: 400px; }
@media only screen and (min-width: 76.25em) {
  .benefits-section-seven .slider {
    padding-top: 400px; } }

@font-face {
  font-family: "Proxima-Nova-Bold";
  src: url("fonts/ProximaNova/ProximaNova-Bold.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Proxima-Nova-Light";
  src: url("fonts/ProximaNova/ProximaNova-Light.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Proxima-Nova-Regular";
  src: url("fonts/ProximaNova/ProximaNova-Regular.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?sj4q6v");
  src: url("fonts/icomoon.eot?sj4q6v#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?sj4q6v") format("truetype"), url("fonts/icomoon.woff?sj4q6v") format("woff"), url("fonts/icomoon.svg?sj4q6v#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-group-of-people-outline:before {
  content: "\e907"; }

.icon-phone-call:before {
  content: "\e908"; }

.icon-id-card:before {
  content: "\e909"; }

.icon-user:before {
  content: "\e906"; }

.icon-post:before {
  content: "\e9074"; }

.icon-briefcase:before {
  content: "\e905"; }

.icon-instagram:before {
  content: "\e900"; }

.icon-linkedin:before {
  content: "\e904"; }

.icon-facebook-app-logo:before {
  content: "\e903"; }

.icon-feed:before {
  content: "\e901"; }

.icon-twitter:before {
  content: "\e902"; }

.health-section-one {
  margin-top: 40px;
  padding-bottom: 0; }
  .health-section-one .box {
    margin-top: 0; }
  .health-section-one .text {
    max-width: 530px;
    margin: 0 auto;
    flex: initial; }
    .health-section-one .text h2 {
      display: block;
      text-align: center;
      font-weight: bold;
      font-size: 0.875rem;
      text-transform: uppercase;
      letter-spacing: 0.6px;
      color: #05D393; }
    .health-section-one .text h1 {
      font-size: 1.6875rem;
      margin-top: 5px;
      text-align: center;
      font-weight: bold; }
    .health-section-one .text .buttons {
      text-align: center;
      margin-top: 32px; }
      .health-section-one .text .buttons a {
        font-weight: bold;
        margin-right: 0;
        margin-bottom: 20px; }
      .health-section-one .text .buttons .btn-greenBg, .health-section-one .text .buttons .btn-blueBg {
        margin-right: 5px !important;
        margin-left: 5px !important;
        padding: 12px 18px !important; }
      .health-section-one .text .buttons .btn-blueBg {
        margin-right: 10px; }
  .health-section-one .image {
    text-align: center; }
    .health-section-one .image video {
      display: none; }
  @media only screen and (min-width: 76.25em) {
    .health-section-one {
      margin-top: 83px; }
      .health-section-one .box {
        align-items: center;
        display: flex; }
        .health-section-one .box h2 {
          text-align: left;
          font-weight: bold;
          font-size: 1.25rem;
          text-transform: uppercase;
          letter-spacing: 0.6px;
          color: #2E3747; }
        .health-section-one .box h1 {
          text-align: left;
          font-weight: bold;
          font-size: 2.4375rem;
          letter-spacing: 0.6px;
          margin-top: 56px; }
        .health-section-one .box p {
          color: #2E3747; }
      .health-section-one .text {
        width: 540px;
        flex: initial; }
        .health-section-one .text .buttons {
          text-align: left; }
          .health-section-one .text .buttons .btn-blueBg {
            margin-right: 10px !important;
            margin-left: 0 !important; }
          .health-section-one .text .buttons .btn-greenBg {
            margin-left: 0 !important; }
      .health-section-one .image {
        text-align: center;
        position: relative;
        width: 522px;
        flex: initial; }
        .health-section-one .image video {
          display: block;
          position: absolute;
          top: 64px;
          left: 126px;
          border: 1px solid #666;
          max-width: 260px; } }

.health-section-two {
  margin-top: 0; }
  .health-section-two .container {
    margin-top: 0; }
  .health-section-two .box {
    margin-top: 0; }
  @media only screen and (min-width: 76.25em) {
    .health-section-two {
      margin-top: 70px; } }

.health-section-three {
  margin-top: 100px;
  padding: 20px 17px; }
  .health-section-three h1 {
    letter-spacing: 1px;
    line-height: 29px;
    font-size: 1.5rem;
    color: #2E3747;
    max-width: 500px;
    margin: 0 auto; }
  .health-section-three .box {
    margin-top: 8px; }
    .health-section-three .box p {
      margin-top: 25px;
      line-height: 25px;
      color: #8B919C; }
    .health-section-three .box h2 {
      color: #05D393;
      font-size: 1.25rem;
      letter-spacing: 1px;
      line-height: 24px; }
    .health-section-three .box .text {
      max-width: 500px;
      margin: 0 auto; }
    .health-section-three .box .text > p {
      margin-bottom: 45px; }
    .health-section-three .box .text > div {
      position: relative;
      margin-top: 25px; }
      .health-section-three .box .text > div img {
        position: absolute;
        left: 0;
        top: 0; }
      .health-section-three .box .text > div h4 {
        margin-left: 50px; }
      .health-section-three .box .text > div p {
        margin: 0;
        margin-left: 50px; }
    .health-section-three .box .image {
      text-align: center; }
      .health-section-three .box .image img {
        max-width: 500px;
        width: 100%;
        position: relative;
        left: 0px;
        top: 35px; }
  .health-section-three .download-section {
    background: #fff; }
    .health-section-three .download-section h4 a {
      margin: 0; }
  @media only screen and (min-width: 76.25em) {
    .health-section-three {
      margin-top: 100px; }
      .health-section-three h1 {
        font-size: 2.25rem;
        text-align: left;
        max-width: 100%;
        margin: 0; }
      .health-section-three .box {
        display: flex;
        margin-top: 45px; }
        .health-section-three .box p {
          margin-top: 15px; }
        .health-section-three .box h2 {
          color: #2E3747;
          font-size: 1.5rem;
          line-height: 29px; }
        .health-section-three .box .text {
          flex: 1;
          margin: 0;
          margin-top: 73px; }
        .health-section-three .box .text > div {
          position: relative;
          margin-top: 25px; }
          .health-section-three .box .text > div h4 {
            margin-left: 75px; }
          .health-section-three .box .text > div p {
            margin: 0;
            margin-left: 75px; }
        .health-section-three .box .image {
          flex: 1; }
          .health-section-three .box .image img {
            position: relative;
            left: 86px;
            top: 0;
            max-width: 100%; } }

.health-section-four {
  margin-top: 30px;
  padding: 400px 17px 50px;
  background: linear-gradient(180deg, rgba(91, 104, 125, 0) 0%, #2E3747 100%), url(../img/bg/woman_bg_mobile.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-size: auto,cover; }
  .health-section-four .text {
    max-width: 464px;
    text-align: center; }
    .health-section-four .text h3 {
      color: #fff;
      font-size: 1.5rem;
      letter-spacing: 1px;
      line-height: 29px;
      margin-bottom: 17px; }
    .health-section-four .text h3 + p {
      color: #fff;
      line-height: 25px;
      margin-bottom: 25px; }
  @media only screen and (min-width: 56.25em) {
    .health-section-four {
      padding: 100px 17px;
      margin-top: 30px;
      background: url(../img/bg/woman_bg_desktop.jpg);
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: cover; } }
  @media only screen and (min-width: 76.25em) {
    .health-section-four {
      margin-top: 100px; }
      .health-section-four .text {
        text-align: left;
        position: relative;
        left: 100px; } }

.health-section-six {
  padding: 20px 17px;
  margin-top: 95px; }
  .health-section-six__logo {
    text-align: center; }
  .health-section-six h3 {
    text-align: center;
    color: #2E3747;
    font-size: 1rem;
    font-weight: normal;
    line-height: 2.25rem;
    max-width: 700px;
    margin: 0 auto;
    margin-top: 30px; }
  .health-section-six__links {
    text-align: center;
    margin-top: 45px; }
    .health-section-six__links a {
      display: block;
      min-width: 245px;
      width: 266px;
      margin: 0 auto;
      margin-bottom: 10px; }
  @media only screen and (min-width: 76.25em) {
    .health-section-six {
      margin-top: 100px; }
      .health-section-six h3 {
        font-size: 1.5rem; }
      .health-section-six__links {
        margin-top: 31px; }
        .health-section-six__links a {
          display: inline-block;
          margin-right: 12px;
          margin-bottom: 0;
          transition: all 0.3s;
          transform-origin: center center; } }
      @media only screen and (min-width: 76.25em) and (min-width: 76.25em) {
        .health-section-six__links a:hover {
          transform: scale(1.1);
          box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.1); } }

@font-face {
  font-family: "Proxima-Nova-Bold";
  src: url("fonts/ProximaNova/ProximaNova-Bold.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Proxima-Nova-Light";
  src: url("fonts/ProximaNova/ProximaNova-Light.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Proxima-Nova-Regular";
  src: url("fonts/ProximaNova/ProximaNova-Regular.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?sj4q6v");
  src: url("fonts/icomoon.eot?sj4q6v#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?sj4q6v") format("truetype"), url("fonts/icomoon.woff?sj4q6v") format("woff"), url("fonts/icomoon.svg?sj4q6v#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-group-of-people-outline:before {
  content: "\e907"; }

.icon-phone-call:before {
  content: "\e908"; }

.icon-id-card:before {
  content: "\e909"; }

.icon-user:before {
  content: "\e906"; }

.icon-post:before {
  content: "\e9074"; }

.icon-briefcase:before {
  content: "\e905"; }

.icon-instagram:before {
  content: "\e900"; }

.icon-linkedin:before {
  content: "\e904"; }

.icon-facebook-app-logo:before {
  content: "\e903"; }

.icon-feed:before {
  content: "\e901"; }

.icon-twitter:before {
  content: "\e902"; }

.family-section-one {
  padding: 0 17px;
  margin-top: 55px; }
  .family-section-one .top {
    text-align: center; }
    .family-section-one .top h3 {
      text-transform: uppercase;
      font-size: 0.875rem;
      font-weight: bold;
      margin-bottom: 4px; }
    .family-section-one .top h1 {
      font-size: 1.6875rem;
      color: #2E3747;
      font-weight: bold;
      margin-bottom: 18px;
      line-height: 32px; }
    .family-section-one .top p {
      font-size: 0.875rem;
      color: #2E3747;
      line-height: 17px; }
    .family-section-one .top .text {
      max-width: 450px; }
  .family-section-one .form {
    margin-top: 12px;
    min-height: auto; }
    .family-section-one .form .row > div {
      margin-top: 16px; }
      .family-section-one .form .row > div p {
        display: none; }
    .family-section-one .form .location, .family-section-one .form .bDay, .family-section-one .form .user {
      box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.1);
      margin: 0 auto; }
    .family-section-one .form .add-member {
      display: flex;
      justify-content: center;
      align-items: center;
      border: none;
      outline: none;
      font-weight: bold;
      font-size: 1rem;
      text-align: center;
      color: #008AF8;
      cursor: pointer;
      background-color: #F6F6F6;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
      border-radius: 5px;
      width: 100%;
      max-width: 325px;
      padding: 11px 5px;
      margin: 0 auto;
      margin-top: 30px;
      margin-bottom: 30px; }
    .family-section-one .form input[type='submit'] {
      margin: 0 auto; }
  .family-section-one .another-member {
    text-align: center;
    transition: height 0.3s, opacity 0.5s, visibility 0.3s;
    height: 154px;
    visibility: visible;
    opacity: 1; }
    .family-section-one .another-member .row > div {
      position: relative;
      max-width: 321px;
      margin: 0 auto;
      margin-bottom: 16px; }
    .family-section-one .another-member .plus {
      padding: 12px 0 8px; }
    .family-section-one .another-member .close {
      position: absolute;
      top: -17px;
      left: 285px;
      padding: 5px;
      cursor: pointer; }
    .family-section-one .another-member.hidden {
      height: 0;
      opacity: 0;
      visibility: hidden; }
  @media only screen and (min-width: 76.25em) {
    .family-section-one {
      margin-top: 90px; }
      .family-section-one .top {
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .family-section-one .top h3 {
          font-size: 1.25rem;
          color: #2E3747;
          margin-bottom: 4px; }
        .family-section-one .top h1 {
          font-size: 2.4375rem;
          margin-bottom: 10px;
          line-height: 44px; }
        .family-section-one .top .text, .family-section-one .top .image {
          flex: 1; }
      .family-section-one .form .row {
        display: flex;
        justify-content: space-between; }
      .family-section-one .form .row > div {
        flex: 1; }
        .family-section-one .form .row > div p {
          display: block;
          margin-bottom: 18px;
          font-size: 1.25rem;
          color: #2E3747; }
      .family-section-one .another-member {
        height: 148px; }
        .family-section-one .another-member .row {
          display: flex;
          align-items: center;
          justify-content: flex-start; }
        .family-section-one .another-member .row > div {
          position: relative;
          max-width: 321px;
          margin: 0 6px;
          margin-bottom: 16px; }
        .family-section-one .another-member .close {
          top: 24px; } }

.family-section-two {
  margin-top: 100px;
  text-align: center;
  min-height: 300px;
  background: url(../img/bg/Polariod@2x.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover; }
  .family-section-two h3 {
    color: #2E3747;
    font-weight: normal;
    font-size: 1.25rem;
    padding: 0 17px; }
    .family-section-two h3 span {
      font-weight: bold; }
  .family-section-two p {
    color: #2E3747;
    font-size: 0.875rem;
    margin-top: 15px;
    padding: 0 17px; }
  @media only screen and (min-width: 76.25em) {
    .family-section-two {
      margin-top: 75px;
      background: #fff; }
      .family-section-two h3 {
        font-size: 1.5rem;
        letter-spacing: 1px; }
        .family-section-two h3 span {
          font-weight: normal; }
      .family-section-two p {
        font-size: 1rem; } }

.family-section-three {
  padding: 0 17px;
  padding-top: 100px; }
  .family-section-three a {
    font-weight: bold;
    line-height: 20px;
    color: #008AF8;
    display: block;
    text-align: center;
    margin-top: 25px; }
  .family-section-three .text h3 {
    font-size: 1.125rem;
    color: #2E3747;
    margin-bottom: 10px; }
  .family-section-three .text p {
    color: #8B919C; }
  .family-section-three .text > div {
    margin-bottom: 45px;
    cursor: pointer; }
    .family-section-three .text > div.active h3, .family-section-three .text > div.active p {
      font-weight: bold; }
    .family-section-three .text > div:hover h3, .family-section-three .text > div:hover p {
      font-weight: bold; }
  .family-section-three .image {
    position: relative;
    margin-top: 150px; }
  .family-section-three .info-bubble img {
    position: absolute;
    max-width: 200px;
    border-radius: 50%;
    box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.1); }
  .family-section-three .info-bubble .quote-price, .family-section-three .info-bubble .compare, .family-section-three .info-bubble .custom-search {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100px);
    transition: all 0.5s ease-out;
    opacity: 0;
    visibility: hidden; }
    .family-section-three .info-bubble .quote-price.show, .family-section-three .info-bubble .compare.show, .family-section-three .info-bubble .custom-search.show {
      opacity: 1;
      visibility: visible; }
  @media only screen and (min-width: 76.25em) {
    .family-section-three a {
      position: relative;
      bottom: 80px;
      text-align: left; }
    .family-section-three .content {
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .family-section-three .text h3 {
      font-size: 1.125rem;
      color: #2E3747;
      letter-spacing: 0.7px; }
    .family-section-three .text p {
      color: #8B919C; }
    .family-section-three .text > div {
      width: 287px; }
    .family-section-three .image {
      margin-top: 0; }
      .family-section-three .image img {
        position: relative;
        left: 80px;
        max-width: 100%; }
    .family-section-three .info-bubble img {
      position: absolute;
      transition: all 0.5s ease-out;
      opacity: 0;
      visibility: hidden; }
      .family-section-three .info-bubble img.show {
        opacity: 1;
        visibility: visible; }
    .family-section-three .info-bubble .quote-price {
      display: block;
      transform: translate(0, 0);
      transform: scale(0.5);
      top: 147px;
      left: 144px; }
      .family-section-three .info-bubble .quote-price.show {
        transform: scale(1);
        transform: translate(-60px, -50px); }
    .family-section-three .info-bubble .custom-search {
      display: block;
      top: 69px;
      left: 526px;
      transform: translate(0, 0);
      transform: scale(0.5); }
      .family-section-three .info-bubble .custom-search.show {
        transform: scale(1);
        transform: translate(-30px, -90px); }
    .family-section-three .info-bubble .compare {
      display: block;
      top: 217px;
      left: 480px;
      transform: translate(0, 0);
      transform: scale(0.5); }
      .family-section-three .info-bubble .compare.show {
        transform: scale(1);
        transform: translate(58px, -13px); } }

.family-section-four {
  padding: 0 17px;
  margin-top: 130px; }
  .family-section-four .container > div {
    margin-bottom: 50px; }
  .family-section-four h3 {
    font-size: 1.5rem;
    color: #2E3747;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 39px; }
  .family-section-four p {
    color: #8B919C;
    text-align: center;
    line-height: 23px; }
  .family-section-four .btn {
    margin-top: 60px; }
  .family-section-four .circle {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: #D8D8D8;
    margin: 0 auto; }
  @media only screen and (min-width: 76.25em) {
    .family-section-four {
      margin-top: 100px; }
      .family-section-four .center {
        display: none; }
      .family-section-four .container {
        display: flex;
        justify-content: space-between; }
        .family-section-four .container div {
          flex: 1; } }

.family-section-five {
  margin-top: 120px; }
  .family-section-five .box h2 {
    color: #2E3747;
    text-align: center; }

.family-section-six .logo {
  text-align: center; }
.family-section-six .center {
  margin-top: 35px; }
@media only screen and (min-width: 76.25em) {
  .family-section-six h3 {
    line-height: 36px;
    color: #2E3747; } }

a {
  text-decoration: none; }

ul, li {
  list-style: none;
  margin: 0;
  padding: 0; }

input, button {
  -webkit-appearance: none; }

* {
  word-wrap: break-word;
  box-sizing: border-box;
  font-family: "Proxima-Nova-Regular"; }

html {
  font-size: 16px; }
  @media (min-width: 2500px) {
    html html {
      font-size: 18px; } }

body, h1, h2, h3, h4, h5, p {
  margin: 0; }

h1 {
  font-size: 2.454rem;
  font-weight: normal; }

h2 {
  font-size: 1.618rem;
  font-weight: normal; }

h3 {
  font-size: 1.517rem;
  font-weight: normal; }

h4 {
  font-weight: normal; }

img {
  max-width: 100%; }

.clear {
  clear: both; }

.bold {
  font-weight: bold; }

.center {
  text-align: center; }

.green-color {
  color: #05D393; }

.blue-color {
  color: #008AF8; }

.container {
  max-width: 1042px;
  margin: 0 auto; }

.no-overflow {
  overflow: hidden; }

.hidden {
  visibility: hidden; }

.mobile-only {
  display: inline-block !important; }
  @media only screen and (min-width: 76.25em) {
    .mobile-only {
      display: none !important; } }

.desktop-only {
  display: none !important; }
  @media only screen and (min-width: 76.25em) {
    .desktop-only {
      display: inline-block !important; } }

.btn {
  display: inline-block;
  padding: 12px 21px !important;
  border-radius: 4px;
  transition: all 0.3s;
  letter-spacing: 0.05em;
  -webkit-appearance: none; }

.btn-blueBg {
  color: #fff !important;
  background: #008AF8 !important; }

.btn-greenBg {
  color: #fff !important;
  background: #05D393 !important; }

.btn-greenBorder {
  color: #05D393 !important;
  font-weight: bold;
  background: #fff !important;
  border: 1px solid #05D393; }

.text-link {
  display: inline-block;
  transition: all 0.3s; }
  @media only screen and (min-width: 76.25em) {
    .text-link {
      transform-origin: center center; }
      .text-link:hover {
        transform: scale(1.1); } }

.wrap {
  visibility: visible;
  opacity: 1;
  transition: all 0.3s; }

.blackBg-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 55px;
  left: 0;
  background: rgba(0, 0, 0, 0.9);
  transition: all 0.3s;
  visibility: hidden;
  opacity: 0;
  z-index: 20; }
  @media only screen and (min-width: 76.25em) {
    .blackBg-overlay {
      display: none; } }

.blackBg-overlay.show {
  visibility: visible;
  opacity: 1; }

.logo-text {
  width: 94px; }

header {
  padding: 14px 0;
  background: #fff;
  box-shadow: none; }
  header .logo {
    display: none; }
  @media only screen and (min-width: 76.25em) {
    header {
      position: fixed;
      width: 100%;
      top: 0;
      left: 0;
      padding: 0 17px;
      box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.1);
      z-index: 100; }
      header .container {
        position: relative;
        display: flex;
        align-items: center; }
      header .logo {
        display: inline-block;
        display: flex;
        align-items: center;
        margin-right: 20px; }
      header .logo-text {
        display: inline-block; } }

.mob-menu {
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  min-height: 55px;
  box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 0 15px;
  z-index: 40; }
  .mob-menu__btn {
    position: absolute;
    right: 0;
    top: 17px;
    display: flex;
    align-items: center;
    min-width: 7.875rem;
    padding: 0 15px;
    cursor: pointer; }
    .mob-menu__btn p {
      margin-right: 10px;
      color: #9B9B9B; }

.menu {
  display: block;
  text-align: center;
  position: fixed;
  width: 100%;
  left: -100%;
  top: 55px;
  z-index: 20;
  padding: 20px 0;
  background: #fff;
  transform: translateX(0);
  transition: transform 0.3s; }

.menu.show {
  transform: translateX(100%); }

nav {
  display: block;
  max-width: 450px;
  margin: 0 auto; }
  @media (max-height: 600px) {
    nav {
      overflow-y: scroll;
      height: 370px; } }
  nav li {
    list-style: none;
    display: block;
    border-bottom: 1px solid #E9EDF3; }
  nav a {
    display: block !important;
    color: #2E3747;
    padding: 20px 0;
    font-size: 0.875rem;
    font-family: "Proxima-Nova-Regular"; }
  nav .triangle {
    display: inline-block;
    margin-left: 7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6.5px 4.575px 0 4.575px;
    border-color: #8B919C transparent transparent transparent; }

.menu__login {
  position: relative;
  display: block;
  margin-bottom: 20px; }
  .menu__login a {
    color: #717989;
    padding: 13px;
    font-family: "Proxima-Nova-Bold"; }
  .menu__login .btn {
    margin-left: 10px; }

@media only screen and (min-width: 76.25em) {
  .mob-menu {
    display: none; }

  .mob-menu__btn {
    display: none; }

  .menu {
    display: flex;
    align-items: center;
    position: static;
    text-align: left;
    padding: 0; }

  .menu.show {
    transform: translateX(0); }

  nav {
    max-width: 100%;
    margin: 0; }
    nav li {
      display: inline-block;
      border-bottom: none; }
    nav a {
      display: inline-block !important;
      font-weight: normal;
      color: #2E3747;
      padding: 10px;
      margin-right: 31px;
      text-align: left; }
    nav > ul > li > a:hover {
      color: #000000;
      font-weight: bold; }

  .menu__login {
    position: absolute;
    right: 0;
    top: 8px;
    display: flex;
    justify-content: center;
    margin-bottom: 0; }
    .menu__login__btn {
      transition: all 0.3s; }
      .menu__login__btn:hover {
        color: #000000;
        font-weight: bold; }
    .menu__login__try-btn {
      transition: all 0.3s; }
      .menu__login__try-btn:hover {
        background: #0172CD !important; } }
@media only screen and (max-width: 76.25em) {
  header .menu__more {
    padding: 0; }
    header .menu__more > a {
      height: 0;
      padding: 0;
      overflow: hidden; } }
header .menu__submenu {
  cursor: default;
  transition: all 0.3s; }
  header .menu__submenu li > div {
    display: flex;
    align-items: center;
    justify-content: center; }
  header .menu__submenu a {
    margin-right: 0; }
  header .menu__submenu img {
    width: 22px;
    margin-right: 10px; }
  header .menu__submenu h4 {
    color: #2E3747;
    font-weight: bold; }
  header .menu__submenu p {
    margin: 10px 0; }
  header .menu__submenu__news {
    display: block !important;
    padding-bottom: 43px;
    padding-top: 27px;
    background-color: #F6F6F6; }
    header .menu__submenu__news a {
      display: flex;
      align-items: center;
      color: #8B919C;
      font-size: 0.875rem;
      padding: 5px 0; }
    header .menu__submenu__news img {
      width: 7px;
      margin-left: 10px; }
  header .menu__submenu__triangle {
    display: none; }
@media only screen and (min-width: 76.25em) {
  header .menu__more {
    padding: 13px 0;
    cursor: pointer; }
    header .menu__more:hover .menu__submenu {
      transform: translateY(0);
      opacity: 1;
      visibility: visible; }
  header .menu__submenu {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 58px;
    left: 310px;
    width: 424px;
    transform: translateY(32px);
    background-color: #FFFFFF;
    box-shadow: 0 3px 13px 0 rgba(0, 0, 0, 0.23);
    border-radius: 3px;
    padding-top: 25px; }
    header .menu__submenu p {
      margin: 0;
      margin-left: 42px; }
    header .menu__submenu li > div {
      display: flex;
      align-items: center;
      justify-content: flex-start; }
    header .menu__submenu__contact {
      padding: 0;
      padding-bottom: 10px;
      padding-left: 34px; }
    header .menu__submenu__resources {
      background-color: #F6F6F6;
      padding: 0;
      padding-top: 10px;
      padding-left: 34px; }
    header .menu__submenu__news {
      display: block !important;
      padding: 0;
      padding-bottom: 46px; }
      header .menu__submenu__news a {
        display: flex;
        align-items: center;
        margin-left: 32px;
        padding: 10px;
        padding-bottom: 0; }
      header .menu__submenu__news .text-link:hover {
        transform: scale(1.05); }
    header .menu__submenu__triangle {
      display: inline-block;
      position: absolute;
      top: -20px;
      left: 199px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 10px 20px 10px;
      border-color: transparent transparent rgba(210, 210, 210, 0.1) transparent; }
    header .menu__submenu__triangle::after {
      position: absolute;
      left: -7px;
      top: 7px;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 7px 14px 7px;
      border-color: transparent transparent #fff transparent; } }

.nav-toggle {
  position: relative;
  bottom: 3px; }

.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
  cursor: pointer;
  border-radius: 3.5px;
  height: 5px;
  width: 35px;
  background: #9B9B9B;
  position: absolute;
  display: block;
  content: '';
  transform: rotate(0); }

.nav-toggle span:before {
  top: -10px; }

.nav-toggle span:after {
  bottom: -10px; }

.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
  transition: all 500ms ease-in-out; }

.nav-toggle.active span {
  background-color: transparent; }

.nav-toggle.active span:before, .nav-toggle.active span:after {
  top: 0; }

.nav-toggle.active span:before {
  transform: rotate(45deg); }

.nav-toggle.active span:after {
  transform: rotate(-45deg); }

.employees {
  margin-top: 15px;
  text-align: center; }
  .employees img {
    margin: 10px 30px; }

@media only screen and (min-width: 76.25em) {
  .employees {
    margin-top: 30px; }
    .employees img {
      margin: 10px 45px; } }
.slider {
  background: url(../img/bg/background-testimonial.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  padding: 1px 0;
  padding-top: 42px; }
  .slider h1 {
    font-size: 1.25rem;
    color: #fff; }
  .slider h2 {
    margin-bottom: 10px;
    font-size: 1rem;
    color: #2E3747; }
  .slider h3 {
    margin-top: 7px;
    color: #fff;
    font-size: 1rem;
    font-family: "Proxima-Nova-Light"; }
    .slider h3 span {
      font-family: "Proxima-Nova-Bold"; }
  .slider__outer-box {
    position: relative;
    max-width: 1160px;
    margin: 0 auto; }
  .slider__scroll-left, .slider__scroll-right {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    padding: 10px;
    z-index: 50; }
    .slider__scroll-left img, .slider__scroll-right img {
      display: inline-block;
      transition: all 0.3s; }
    .slider__scroll-left:hover img, .slider__scroll-right:hover img {
      transform: scale(1.2); }
    .slider__scroll-left.end, .slider__scroll-right.end {
      opacity: 0.2; }
  .slider__scroll-left {
    left: 0;
    padding-right: 25px; }
  .slider__scroll-right {
    right: 0;
    padding-left: 25px; }
  .slider__inner-box {
    padding: 0 20px;
    max-width: 1020px;
    margin: 0 auto; }
  .slider__inner-box > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: opacity 0.6s; }
@keyframes fadeinText {
  from {
    transform: translateY(50px);
    opacity: 0; }
  to {
    transform: translateY(0);
    opacity: 1; } }
@keyframes fadeinImage {
  from {
    transform: translateX(20px);
    opacity: 0; }
  to {
    transform: translateX(0);
    opacity: 1; } }
  .slider__inner-box > div.active {
    position: relative;
    opacity: 1;
    visibility: visible; }
    .slider__inner-box > div.active .slider__text {
      animation-name: fadeinText;
      animation-duration: 1s;
      animation-delay: 0.5s;
      animation-fill-mode: forwards; }
    .slider__inner-box > div.active .slider__image {
      animation-name: fadeinImage;
      animation-duration: 0.5s;
      animation-fill-mode: forwards; }
  .slider__text {
    margin-top: 40px;
    margin: 0 auto;
    max-width: 490px;
    height: 100%;
    height: 190px;
    transform: translateY(50px);
    opacity: 0; }
  .slider__image {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-top: 5px;
    padding: 0 30px;
    text-align: center;
    transform: translateX(20px);
    opacity: 0; }
    .slider__image img {
      max-height: 420px; }
  @media only screen and (min-width: 76.25em) {
    .slider {
      padding-top: 0; }
      .slider h1 {
        font-size: 1.875rem; }
      .slider h2 {
        font-size: 1.5rem;
        margin-bottom: 42px; }
      .slider h3 {
        margin-top: 16px; }
      .slider__inner-box {
        padding: 0 20px;
        margin-left: 115px; }
      .slider__inner-box > div {
        display: flex; }
      .slider__text {
        margin-top: 0;
        margin: 115px 0;
        height: 260px; }
      .slider__image {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        flex: 1;
        margin-top: 0;
        padding: 0; } }

.download-section {
  background: linear-gradient(180deg, #FFFFFF 0%, #F1F1F1 100%);
  padding: 0 17px;
  padding-top: 80px;
  padding-bottom: 64px;
  text-align: center; }
  .download-section h4 {
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 25px; }
  .download-section a {
    display: inline-block;
    margin: 0 15px;
    margin-bottom: 10px; }
  @media only screen and (min-width: 76.25em) {
    .download-section {
      padding-top: 60px;
      padding-bottom: 120px; }
      .download-section h4 {
        font-size: 1.25rem; }
      .download-section a {
        display: inline-block;
        margin-top: 42px;
        transition: all 0.3s;
        transform-origin: center center; } }
    @media only screen and (min-width: 76.25em) and (min-width: 76.25em) {
      .download-section a:hover {
        transform: scale(1.1); } }

footer {
  position: relative;
  background: #fff; }
  footer .footer-top {
    padding-top: 60px; }
  footer .footer-top__first-row {
    padding: 20px 17px; }
    footer .footer-top__first-row h4 {
      font-size: 1rem;
      line-height: 1rem;
      font-weight: bold;
      color: #2E3747; }
    footer .footer-top__first-row p {
      color: #8B919C;
      margin: 7px 0; }
    footer .footer-top__first-row a {
      color: #8B919C;
      display: block;
      padding: 7px 0; }
    footer .footer-top__first-row span {
      display: inline-block;
      background: #05D393;
      height: 2px;
      width: 65px; }
    footer .footer-top__first-row__about {
      max-width: 100%;
      margin: 0 auto;
      margin-bottom: 30px; }
    footer .footer-top__first-row__links div {
      margin-bottom: 60px; }
    footer .footer-top__first-row__links .footer-try-btn {
      position: absolute;
      bottom: 160px; }
    @media only screen and (min-width: 28.125em) {
      footer .footer-top__first-row__links {
        display: flex;
        justify-content: space-between;
        flex: 1;
        flex-wrap: wrap; }
        footer .footer-top__first-row__links div:nth-child(2) {
          margin: 0 30px;
          margin-bottom: 60px; } }
    footer .footer-top__first-row .footer-try-btn {
      margin-bottom: 10px; }
      footer .footer-top__first-row .footer-try-btn a {
        display: inline-block; }
  footer .footer-top__second-row {
    padding-bottom: 250px; }
    footer .footer-top__second-row__image {
      display: block;
      position: absolute;
      bottom: 170px; }
      footer .footer-top__second-row__image img {
        display: block; }
    footer .footer-top__second-row__text {
      padding: 0 17px;
      padding-top: 50px;
      text-align: center; }
      footer .footer-top__second-row__text p {
        margin: 0;
        color: #2E3747;
        font-size: 0.875rem;
        max-width: 100%; }
      footer .footer-top__second-row__text h4 {
        margin: 0;
        margin-top: 10px;
        color: #05D393;
        font-size: 0.875rem;
        font-weight: bold; }
    @media only screen and (min-width: 31.25em) {
      footer .footer-top__second-row {
        padding-bottom: 0;
        display: flex;
        align-items: center; }
        footer .footer-top__second-row__image {
          display: inline-block;
          position: relative;
          bottom: 0; }
          footer .footer-top__second-row__image img {
            display: block; }
        footer .footer-top__second-row__text {
          text-align: left;
          padding: 0; }
          footer .footer-top__second-row__text p {
            max-width: 180px; } }
  @media only screen and (min-width: 76.25em) {
    footer .footer-top {
      padding-top: 70px; }
    footer .footer-top__first-row {
      display: flex;
      justify-content: space-between; }
      footer .footer-top__first-row__about {
        max-width: 330px;
        margin: 0; }
      footer .footer-top__first-row__links {
        justify-content: space-around; }
        footer .footer-top__first-row__links div {
          margin-bottom: 0; } }
  footer .footer-bottom {
    background: #2E3747;
    padding: 10px 17px; }
    footer .footer-bottom__social {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 23px 0; }
      footer .footer-bottom__social a {
        display: inline-block;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 27px;
        height: 27px;
        margin-right: 16px;
        border: 1px solid #fff;
        border-radius: 50%;
        transition: all 0.3s; }
        footer .footer-bottom__social a span {
          color: #fff;
          font-size: 0.75rem;
          transition: all 0.3s; }
        footer .footer-bottom__social a:hover {
          opacity: 0.5; }
    footer .footer-bottom__images {
      display: flex;
      align-items: center;
      justify-content: center;
      padding-top: 16px;
      padding-bottom: 23px; }
      footer .footer-bottom__images img {
        margin: 0 15px; }
    @media only screen and (min-width: 76.25em) {
      footer .footer-bottom .container {
        display: flex;
        justify-content: space-between;
        align-items: center; }
      footer .footer-bottom__social {
        padding: 0; }
      footer .footer-bottom__images {
        padding: 0;
        justify-content: flex-end; } }

.title-box {
  padding: 15px 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent; }
  .title-box > p {
    margin: 0; }
  .title-box h3 {
    color: #05D393;
    text-transform: uppercase;
    line-height: 23px;
    font-size: 1rem;
    text-align: center; }
  .title-box h2 {
    color: #2E3747;
    font-size: 1.5rem;
    line-height: 29px;
    letter-spacing: 1px;
    text-align: center; }
  .title-box .box {
    padding: 17px 0; }
    .title-box .box p {
      margin: 0; }
  .title-box .half-box-mob1 {
    border-top: 1px solid #E9EDF3;
    border-bottom: 1px solid #E9EDF3; }
  .title-box .half-box-mob2 {
    border-top: 1px solid #E9EDF3;
    border-bottom: 1px solid #E9EDF3; }
  .title-box .half-box-mob1, .title-box .half-box-mob2 {
    text-align: center; }
    .title-box .half-box-mob1.active, .title-box .half-box-mob2.active {
      box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08); }
    @media only screen and (max-width: 76.25em) {
      .title-box .half-box-mob1, .title-box .half-box-mob2 {
        width: 50%;
        float: left;
        margin-top: 33px; } }
  @media only screen and (min-width: 76.25em) {
    .title-box {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-top: 1px solid #E9EDF3;
      border-bottom: 1px solid #E9EDF3; }
      .title-box > p {
        display: none; }
      .title-box h3 {
        text-align: left; }
      .title-box h2 {
        text-align: left; }
      .title-box .half-box-mob1, .title-box .half-box-mob2 {
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent; }
        .title-box .half-box-mob1.active, .title-box .half-box-mob2.active {
          box-shadow: none; } }

.section-form-bottom {
  padding-top: 80px;
  text-align: center;
  background: #fff; }
  .section-form-bottom h3 {
    padding: 0 17px;
    text-align: center;
    color: #2E3747;
    font-size: 1rem;
    font-weight: normal;
    line-height: 20px;
    max-width: 700px;
    margin: 0 auto;
    margin-top: 30px; }
  .section-form-bottom .logo {
    text-align: center; }
  .section-form-bottom .form {
    min-height: 320px; }
  @media only screen and (min-width: 76.25em) {
    .section-form-bottom {
      padding-top: 130px; }
      .section-form-bottom h3 {
        font-size: 1.5rem;
        line-height: 36px; } }

.blogposts {
  padding: 20px 17px;
  margin-top: 110px; }
  .blogposts__box {
    max-width: 350px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    margin: 0 auto; }
    .blogposts__box img {
      display: block;
      width: 100%;
      max-height: 148px; }
    .blogposts__box h3 {
      font-size: 1rem;
      line-height: 1rem;
      color: #2E3747;
      font-weight: bold;
      margin-bottom: 9px; }
    .blogposts__box h5 {
      font-size: 0.75rem;
      color: #05D393;
      font-weight: bold;
      text-transform: uppercase;
      margin: 9px 0; }
    .blogposts__box p {
      font-size: 1rem;
      line-height: 1.25rem;
      color: #8B919C;
      margin: 0; }
    .blogposts__box a {
      display: inline-block;
      color: #008AF8;
      font-weight: bold;
      padding: 10px 0; }
    .blogposts__box .text {
      padding: 7px 24px 55px; }
  .blogposts__see-all {
    display: flex;
    align-items: center;
    max-width: 350px;
    margin: 0 auto;
    padding: 30px 0;
    border-bottom: 1px solid #E9EDF3; }
    .blogposts__see-all p {
      display: inline-block;
      color: #05D393;
      font-weight: bold;
      margin: 0; }
    .blogposts__see-all img {
      margin-left: 7px;
      height: 11px; }
  @media only screen and (min-width: 76.25em) {
    .blogposts {
      display: flex;
      justify-content: space-between; }
      .blogposts__box {
        max-width: 292px;
        margin: 0; }
        .blogposts__box .text {
          padding: 16px; }
      .blogposts__see-all {
        display: none; } }

.form {
  padding: 0 17px;
  margin-top: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
  min-height: 507px; }
  .form label {
    display: inline-block;
    display: flex;
    align-items: center; }
  .form input {
    font-family: "Proxima-Nova-Regular";
    font-size: 1rem;
    outline: none;
    border: none;
    padding: 14px 0; }
  .form span {
    font-size: 1.25rem;
    margin: 0 14px;
    color: #2E3747;
    font-weight: bold;
    margin-top: 3px; }
  .form .name, .form .email, .form .company, .form .members, .form .job-title, .form .phone-num,
  .form .location, .form .bDay, .form .user {
    display: block;
    width: 100%;
    max-width: 325px;
    margin: 0 auto;
    margin-bottom: 12px;
    border-left: 4px solid #008AF8;
    background-color: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    border-radius: 5px; }
    .form .name input, .form .email input, .form .company input, .form .members input, .form .job-title input, .form .phone-num input,
    .form .location input, .form .bDay input, .form .user input {
      width: 100%;
      border-radius: 5px; }
  .form .btn {
    display: block;
    min-width: 204px;
    margin: 0 auto;
    margin-top: 19px;
    font-weight: bold;
    cursor: pointer; }
@keyframes expandForm {
  from {
    opacity: 0;
    transform: translateY(50px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
  .form .form-expanding {
    overflow: hidden;
    height: 0;
    transition: height 0.5s; }
    .form .form-expanding > div {
      opacity: 0;
      transform: translateY(50px); }
  .form .form-expanding.show {
    height: 192px; }
    .form .form-expanding.show > div {
      animation-name: expandForm;
      animation-duration: 0.3s;
      animation-fill-mode: forwards;
      animation-delay: 0.5s; }
  @media only screen and (min-width: 76.25em) {
    .form {
      padding-top: 18px; }
      .form .name, .form .email, .form .company, .form .members, .form .job-title, .form .phone-num {
        margin: 0;
        margin-bottom: 12px; }
      .form .btn {
        margin: 0;
        margin-top: 16px; } }

.form-secondary {
  max-width: 320px;
  margin: 0 auto;
  margin-top: 25px; }
  .form-secondary label, .form-secondary input {
    background-color: #F6F6F6; }
  .form-secondary .name, .form-secondary .email, .form-secondary .company, .form-secondary .members, .form-secondary .job-title, .form-secondary .phone-num {
    box-shadow: none;
    border-radius: 5px;
    border-left: 4px solid #E9EDF3; }
  .form-secondary input[type='submit'] {
    margin: 0 auto;
    margin-top: 30px; }

.our-awesome-clients {
  padding: 0 17px;
  padding-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .our-awesome-clients p {
    font-weight: bold;
    color: #2E3747;
    margin-right: 10px; }
  .our-awesome-clients img {
    margin: 0 5px; }

.laptop-wrap {
  position: relative; }
  .laptop-wrap .laptop-screen-wrap {
    position: absolute;
    top: 43px;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center; }
  .laptop-wrap .laptop-screen {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    max-width: 754px;
    max-height: 472px;
    text-align: center; }
    .laptop-wrap .laptop-screen img {
      margin-top: 0;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s ease-out; }
    .laptop-wrap .laptop-screen img.active {
      opacity: 1;
      visibility: visible; }

.cta-whiteBg-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.6);
  transition: all 0.3s;
  visibility: hidden;
  opacity: 0;
  z-index: 120; }

.cta-whiteBg-overlay.show {
  visibility: visible;
  opacity: 1; }

.blur {
  filter: blur(10px); }

.cta-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 130;
  padding: 17px;
  width: 100%;
  max-width: 480px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  visibility: hidden;
  opacity: 0; }
  .cta-popup.show {
    opacity: 1;
    visibility: visible; }
  .cta-popup__greeting {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 30px; }
    .cta-popup__greeting img {
      width: 62px;
      height: 62px;
      border-radius: 50px;
      margin-right: 30px; }
    .cta-popup__greeting p {
      line-height: 20px;
      color: #2E3747; }
  .cta-popup__greeting, .cta-popup__box-two {
    border-bottom: 2px solid #E9EDF3; }
  .cta-popup__box {
    padding-top: 24px;
    text-align: center;
    padding-bottom: 24px; }
    .cta-popup__box h4 {
      font-size: 1.125rem;
      color: #2E3747;
      text-align: center;
      line-height: 22px; }
    .cta-popup__box p {
      color: #8B919C;
      line-height: 20px;
      text-align: center;
      padding-top: 8px; }
    .cta-popup__box a {
      margin: 0 7px;
      margin-top: 14px; }
  .cta-popup__close {
    text-align: center;
    font-weight: bold;
    color: #8B919C;
    padding: 20px 0;
    cursor: pointer; }
  @media (max-height: 500px) {
    .cta-popup__content {
      height: 580px;
      overflow-y: scroll; } }
  @media only screen and (min-width: 31.25em) {
    .cta-popup {
      padding: 30px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -30%); }
      .cta-popup__content {
        height: auto;
        overflow-y: hidden; }
    @keyframes slideCTA {
      from {
        visibility: hidden;
        opacity: 0;
        transform: translate(-50%, -30%); }
      to {
        visibility: visible;
        opacity: 1;
        transform: translate(-50%, -50%); } }
      .cta-popup.show {
        opacity: 0;
        visibility: hidden;
        animation-name: slideCTA;
        animation-duration: 1s;
        animation-fill-mode: forwards;
        animation-delay: 0.3s; } }

.clients-footer {
  background: #fff; }
  .clients-footer .our-awesome-clients {
    display: none; }
    @media only screen and (min-width: 76.25em) {
      .clients-footer .our-awesome-clients {
        display: flex;
        align-items: center;
        justify-content: space-between; } }

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