body * {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  outline: 0; }

body {
  width: 100%;
  height: 100%;
  list-style: none;
  font-family: 'Barlow', sans-serif; }

#wrapper {
  width: 100%;
  overflow: hidden; }

.container {
  text-align: left;
  max-width: 1140px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0; }

/******MIXIN******/
h2 {
  font-size: 41px;
  font-weight: 600;
  font-style: normal; }

h3 {
  font-size: 40px;
  color: #06222c;
  font-weight: normal; }

h4 {
  font-size: 32px;
  color: #06222c;
  font-weight: normal; }

h5 {
  font-size: 24px;
  font-weight: 600;
  color: #06222c; }

p {
  font-family: 'Barlow', sans-serif;
  color: #3a555e;
  font-size: 17px; }

.fixed {
  position: fixed;
  top: 0;
  -webkit-box-shadow: 0 2px 8px 0 rgba(6, 34, 44, 0.08);
  -moz-box-shadow: 0 2px 8px 0 rgba(6, 34, 44, 0.08);
  -o-box-shadow: 0 2px 8px 0 rgba(6, 34, 44, 0.08);
  -ms-box-shadow: 0 2px 8px 0 rgba(6, 34, 44, 0.08);
  box-shadow: 0 2px 8px 0 rgba(6, 34, 44, 0.08);
  background-color: #ffffff;
  z-index: 999; }

.btn_blue {
  font-family: 'Barlow', sans-serif;
  display: block;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  line-height: normal;
  font-weight: 700;
  padding: 17px 22px 15px 23px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  outline: 0;
  border: 0;
  -webkit-apparience: none;
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  transition-property: background-color, box-shadow, transform;
  background-color: #00cfff;
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.04);
  -o-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.04);
  -ms-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.04);
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.04);
  color: #ffffff;
  padding: 4px 20px 5px;
  border: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
  .btn_blue:hover {
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    transition-property: background-color, box-shadow, transform;
    background-color: #30d8ff;
    -webkit-box-shadow: 0 6px 24px 0 rgba(6, 34, 44, 0.16);
    -moz-box-shadow: 0 6px 24px 0 rgba(6, 34, 44, 0.16);
    -o-box-shadow: 0 6px 24px 0 rgba(6, 34, 44, 0.16);
    -ms-box-shadow: 0 6px 24px 0 rgba(6, 34, 44, 0.16);
    box-shadow: 0 6px 24px 0 rgba(6, 34, 44, 0.16);
    color: #ffffff;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px); }
  .btn_blue:hover, .btn_blue:focus {
    text-decoration: none;
    color: #ffffff; }

.btn_border {
  border: solid 1px #00aeef;
  display: block;
  margin: auto;
  cursor: pointer;
  color: #ffffff;
  background-color: transparent;
  font-size: 18px;
  line-height: normal;
  font-weight: bold;
  outline: 0;
  max-width: 214px;
  padding: 12px 61px 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  transition-property: background-color, border, color; }
  .btn_border:hover {
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    transition-property: background-color, border, color;
    background-color: #00a3f0;
    border: solid 1px #0097f1;
    color: #ffffff; }
  .btn_border:hover, .btn_border:focus {
    text-decoration: none; }

.btn_ligthblue {
  font-family: 'Barlow', sans-serif;
  display: block;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  line-height: normal;
  font-weight: 700;
  padding: 17px 22px 15px 23px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  outline: 0;
  border: 0;
  -webkit-apparience: none;
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  transition-property: background-color, box-shadow, transform;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 9px 19px 12px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }
  .btn_ligthblue:hover {
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    transition-property: box-shadow;
    -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.08);
    -ms-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.08);
    color: #ffffff; }
  .btn_ligthblue:hover, .btn_ligthblue:focus {
    text-decoration: none; }

.btn_more {
  font-size: 18px;
  color: #00aeef;
  font-weight: 500;
  margin-top: 32px;
  display: block;
  width: 122px;
  position: absolute;
  bottom: 40px; }
  .btn_more:after {
    content: "";
    width: 24px;
    height: 24px;
    background: url(../img/read-more-arrow.svg) no-repeat 0px top;
    background-size: 24px 24px;
    display: inline-block;
    float: right;
    position: relative;
    top: -1px;
    right: 6px;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    transition-property: right; }
  .btn_more:hover:after {
    right: 0;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    transition-property: right; }

.shape_2 {
  display: block;
  position: absolute;
  top: -4px;
  left: -2px;
  width: 102%;
  height: auto;
  z-index: 1; }

/*********** 
   HEADER
************/
#wrapper_header {
  background-color: transparent;
  position: absolute;
  top: 0;
  margin: 0 auto;
  width: 100%;
  display: block;
  z-index: 22; }
  #wrapper_header #header {
    margin: 0 auto;
    width: 100%;
    display: block;
    height: 90px; }
    #wrapper_header #header .container {
      padding: 36px 0; }
      #wrapper_header #header .container:after {
        content: "";
        display: block;
        clear: both; }
      #wrapper_header #header .container .logo {
        margin: 0 0;
        float: left;
        outline: 0; }
        #wrapper_header #header .container .logo img {
          display: block;
          width: 160px;
          height: auto; }
        #wrapper_header #header .container .logo .logo_sticky {
          display: none; }
        #wrapper_header #header .container .logo.menu_open {
          position: absolute;
          z-index: 222;
          margin: 12px 16px 0 !important; }
          #wrapper_header #header .container .logo.menu_open .logo_sticky {
            display: block;
            width: 112px; }
          #wrapper_header #header .container .logo.menu_open .logo_white {
            display: none; }
      #wrapper_header #header .container nav {
        display: inline-block;
        float: right; }
        #wrapper_header #header .container nav .navbar {
          display: inline-block;
          max-width: 930px;
          margin: 10px 0 0;
          border: 0;
          position: inherit;
          width: 608px;
          position: absolute;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
          #wrapper_header #header .container nav .navbar > li {
            float: left;
            display: inline; }
            #wrapper_header #header .container nav .navbar > li:after {
              content: "";
              display: block;
              clear: both; }
            #wrapper_header #header .container nav .navbar > li > a {
              font-size: 16px;
              font-weight: 600;
              color: #ffffff;
              display: block;
              outline: 0;
              padding: 0;
              margin: 0 0 0;
              cursor: pointer;
              -webkit-transition: 0.3s ease;
              -moz-transition: 0.3s ease;
              -ms-transition: 0.3s ease;
              -o-transition: 0.3s ease;
              transition: 0.3s ease;
              transition-property: color; }
              #wrapper_header #header .container nav .navbar > li > a:hover, #wrapper_header #header .container nav .navbar > li > a.active, #wrapper_header #header .container nav .navbar > li > a:focus {
                text-decoration: none; }
              #wrapper_header #header .container nav .navbar > li > a.active {
                color: #00aeef;
                -webkit-transition: 0.3s ease;
                -moz-transition: 0.3s ease;
                -ms-transition: 0.3s ease;
                -o-transition: 0.3s ease;
                transition: 0.3s ease;
                transition-property: color; }
              #wrapper_header #header .container nav .navbar > li > a:hover {
                color: rgba(255, 255, 255, 0.7);
                -webkit-transition: 0.3s ease;
                -moz-transition: 0.3s ease;
                -ms-transition: 0.3s ease;
                -o-transition: 0.3s ease;
                transition: 0.3s ease;
                transition-property: color; }
              #wrapper_header #header .container nav .navbar > li > a.ext_link:after {
                content: "";
                width: 14px;
                height: 14px;
                display: inline-block;
                background: url(../img/external-link.svg) no-repeat left top;
                background-size: 14px 14px;
                position: relative;
                right: 0;
                top: 1px;
                margin-left: 6px;
                overflow: hidden; }
              #wrapper_header #header .container nav .navbar > li > a.ext_link.menu_open:after {
                background: url(../img/externalLink_black.svg) no-repeat left top;
                background-size: 16px auto;
                width: 16px;
                height: 16px; }
          #wrapper_header #header .container nav .navbar > li + li {
            margin-left: 39px; }
        #wrapper_header #header .container nav .title {
          display: none;
          font-size: 14px;
          color: #A5AFBA;
          letter-spacing: -0.12px;
          line-height: 35px;
          font-weight: normal;
          text-transform: uppercase; }
        #wrapper_header #header .container nav .visible {
          margin-left: 0;
          display: inline-block;
          float: right; }
          #wrapper_header #header .container nav .visible:after {
            content: "";
            display: block;
            clear: both; }
          #wrapper_header #header .container nav .visible .btn_blue, #wrapper_header #header .container nav .visible .btn_ligthblue {
            padding: 9px 20px 11px;
            display: inline-block;
            font-size: 16px; }
          #wrapper_header #header .container nav .visible a + a {
            margin-left: 5px; }
          #wrapper_header #header .container nav .visible .btn_blue:hover {
            -webkit-box-shadow: 0 6px 12px 0 rgba(0, 140, 191, 0.2);
            -moz-box-shadow: 0 6px 12px 0 rgba(0, 140, 191, 0.2);
            -o-box-shadow: 0 6px 12px 0 rgba(0, 140, 191, 0.2);
            -ms-box-shadow: 0 6px 12px 0 rgba(0, 140, 191, 0.2);
            box-shadow: 0 6px 12px 0 rgba(0, 140, 191, 0.2);
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -o-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0); }
        #wrapper_header #header .container nav .movile:after {
          content: "";
          display: block;
          clear: both; }
        #wrapper_header #header .container nav #toggle_m_nav {
          width: 25px;
          height: 22px;
          position: relative;
          top: 11px;
          cursor: pointer;
          display: none;
          margin-top: 0; }
          #wrapper_header #header .container nav #toggle_m_nav.fixed {
            position: fixed;
            z-index: 9000; }
          #wrapper_header #header .container nav #toggle_m_nav #m_nav_menu {
            width: 24px;
            height: 24px;
            position: absolute;
            background: rgba(0, 0, 0, 0);
            z-index: 3; }
            #wrapper_header #header .container nav #toggle_m_nav #m_nav_menu .m_nav_ham {
              width: 24px;
              height: 3px;
              -moz-border-radius: 3px;
              -webkit-border-radius: 3px;
              border-radius: 3px;
              background: #ffffff;
              margin: 3px auto 0;
              -webkit-transition: 0.3s ease;
              -moz-transition: 0.3s ease;
              -ms-transition: 0.3s ease;
              -o-transition: 0.3s ease;
              transition: 0.3s ease;
              transition-property: transform;
              transition-duration: 0.2s; }
            #wrapper_header #header .container nav #toggle_m_nav #m_nav_menu #m_ham_1.m_nav_ham_1_open {
              -webkit-transform: rotate(45deg);
              -moz-transform: rotate(45deg);
              -o-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
              transform: rotate(45deg);
              -webkit-transition: 0.3s ease;
              -moz-transition: 0.3s ease;
              -ms-transition: 0.3s ease;
              -o-transition: 0.3s ease;
              transition: 0.3s ease;
              transition-property: transform;
              transition-duration: 0.2s;
              background: #00aeef; }
            #wrapper_header #header .container nav #toggle_m_nav #m_nav_menu #m_ham_2.m_nav_ham_2_open {
              -webkit-transform: rotate(-45deg);
              -moz-transform: rotate(-45deg);
              -o-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
              transform: rotate(-45deg);
              margin-top: -3px;
              -webkit-transition: 0.3s ease;
              -moz-transition: 0.3s ease;
              -ms-transition: 0.3s ease;
              -o-transition: 0.3s ease;
              transition: 0.3s ease;
              transition-property: transform;
              transition-duration: 0.2s;
              background: #00aeef; }
            #wrapper_header #header .container nav #toggle_m_nav #m_nav_menu #m_ham_3.m_nav_ham_3_open {
              opacity: 0;
              -webkit-transition: 0.3s ease;
              -moz-transition: 0.3s ease;
              -ms-transition: 0.3s ease;
              -o-transition: 0.3s ease;
              transition: 0.3s ease;
              transition-property: transform; }
    #wrapper_header #header.fixed {
      height: 80px; }
      #wrapper_header #header.fixed .container {
        padding: 0; }
        #wrapper_header #header.fixed .container .logo {
          margin: 16px 0 0 !important; }
          #wrapper_header #header.fixed .container .logo .logo_sticky {
            display: block;
            width: 169px; }
          #wrapper_header #header.fixed .container .logo .logo_white {
            display: none; }
          #wrapper_header #header.fixed .container .logo.menu_open {
            position: absolute;
            z-index: 222;
            margin: 45px 16px 0 !important; }
            #wrapper_header #header.fixed .container .logo.menu_open .logo_sticky {
              display: block;
              width: 112px; }
            #wrapper_header #header.fixed .container .logo.menu_open .logo_white {
              display: none; }
        #wrapper_header #header.fixed .container nav .navbar {
          margin: 6px 0 0; }
          #wrapper_header #header.fixed .container nav .navbar li > a {
            font-size: 16px;
            color: #06222c;
            margin: 23px 0 22px; }
            #wrapper_header #header.fixed .container nav .navbar li > a.ext_link:after {
              background: url(../img/externalLink_black.svg) no-repeat left top;
              background-size: 14px 14px; }
            #wrapper_header #header.fixed .container nav .navbar li > a.active {
              color: #00aeef;
              -webkit-transition: 0.3s ease;
              -moz-transition: 0.3s ease;
              -ms-transition: 0.3s ease;
              -o-transition: 0.3s ease;
              transition: 0.3s ease;
              transition-property: color; }
        #wrapper_header #header.fixed .container nav .visible a {
          margin-top: 20px; }
        #wrapper_header #header.fixed .container nav .visible .login {
          background: #FFFFFF;
          color: #00aeef;
          border: solid 1px #cfdfe6;
          font-size: 16px; }
          #wrapper_header #header.fixed .container nav .visible .login:hover {
            -webkit-transition: 0.3s ease;
            -moz-transition: 0.3s ease;
            -ms-transition: 0.3s ease;
            -o-transition: 0.3s ease;
            transition: 0.3s ease; }
        #wrapper_header #header.fixed .container nav .visible .btn_blue {
          font-size: 16px; }
        #wrapper_header #header.fixed .container nav #toggle_m_nav {
          margin-top: 20px; }
          #wrapper_header #header.fixed .container nav #toggle_m_nav #m_nav_menu .m_nav_ham {
            background: #2b3e51; }

/***************
  END HEADER
****************/
/***************
    footer
****************/
#footer {
  margin: 0 auto;
  width: 100%;
  display: block;
  position: relative;
  background-image: linear-gradient(285deg, #042b78, #0a7dde 49%, #0ad2ff); }
  #footer .block_started {
    display: block;
    position: absolute;
    max-width: 1140px;
    width: 95%;
    border-radius: 4px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 16px 20px 0 rgba(2, 60, 81, 0.04);
    -moz-box-shadow: 0 16px 20px 0 rgba(2, 60, 81, 0.04);
    -o-box-shadow: 0 16px 20px 0 rgba(2, 60, 81, 0.04);
    -ms-box-shadow: 0 16px 20px 0 rgba(2, 60, 81, 0.04);
    box-shadow: 0 16px 20px 0 rgba(2, 60, 81, 0.04);
    top: -255px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
    padding: 56px 56px 58px;
    text-align: center; }
    #footer .block_started h2 {
      font-size: 40px;
      color: #06222c;
      font-weight: normal; }
    #footer .block_started p {
      color: #3a555e;
      line-height: 1.53;
      max-width: 556px;
      margin: auto;
      padding-top: 32px; }
    #footer .block_started .btn_blue {
      margin: 40px auto 0;
      max-width: 215px;
      padding: 12px 61px 14px; }
  #footer .container {
    padding: 154px 0 88px;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: space-between;
    flex-direction: row;
    align-items: start; }
    #footer .container:after {
      content: "";
      display: block;
      clear: both; }
    #footer .container .logo_footer {
      float: left;
      display: block;
      max-width: 160px;
      height: auto;
      width: 100%;
      flex-grow: 1; }
    #footer .container .container_nav {
      display: inline-block;
      position: inherit;
      text-align: left;
      flex-grow: 2; }
    #footer .container .nav_footer {
      display: block;
      max-width: 526px;
      margin: auto; }
      #footer .container .nav_footer:after {
        content: "";
        display: block;
        clear: both; }
      #footer .container .nav_footer .column_footer {
        vertical-align: top;
        display: inline-block;
        text-align: left;
        float: left;
        width: 27%; }
        #footer .container .nav_footer .column_footer:last-child {
          margin-right: 0; }
        #footer .container .nav_footer .column_footer h5 {
          font-size: 14px;
          font-weight: bold;
          padding-bottom: 21px;
          color: #00ce7d;
          text-transform: uppercase; }
          #footer .container .nav_footer .column_footer h5:after {
            width: 100%;
            height: 2px;
            content: "";
            background-color: rgba(255, 255, 255, 0.06);
            display: block;
            margin-top: 11px; }
        #footer .container .nav_footer .column_footer a, #footer .container .nav_footer .column_footer p {
          display: block;
          font-size: 17px;
          line-height: 2.0;
          color: #ffffff;
          outline: 0;
          cursor: pointer; }
          #footer .container .nav_footer .column_footer a:hover, #footer .container .nav_footer .column_footer p:hover {
            text-decoration: underline; }
      #footer .container .nav_footer .column_footer + .column_footer {
        margin-left: 6%; }
    #footer .container .social {
      float: right;
      display: block;
      flex-grow: 0; }
      #footer .container .social li {
        display: inline-block; }
        #footer .container .social li a {
          display: block;
          width: 32px;
          height: 32px;
          -webkit-transition: 0.3s ease;
          -moz-transition: 0.3s ease;
          -ms-transition: 0.3s ease;
          -o-transition: 0.3s ease;
          transition: 0.3s ease;
          transition-property: opacity; }
          #footer .container .social li a.in {
            background: url(../img/linkedin.svg) no-repeat left top; }
          #footer .container .social li a.twitt {
            background: url(../img/twitter.svg) no-repeat left top; }
          #footer .container .social li a.medium {
            background: url(../img/medium.svg) no-repeat left top; }
          #footer .container .social li a:hover {
            -webkit-transition: 0.3s ease;
            -moz-transition: 0.3s ease;
            -ms-transition: 0.3s ease;
            -o-transition: 0.3s ease;
            transition: 0.3s ease;
            transition-property: opacity;
            opacity: 0.8; }
      #footer .container .social li + li {
        margin-left: 10px; }

/***************
  @media screen
****************/
@media only screen and (max-width: 1170px) {
  .container {
    padding-left: 25px !important;
    padding-right: 25px !important; } }
@media only screen and (max-width: 1064px) {
  #wrapper_header #header .container nav .navbar > li + li,
  #wrapper_header #header.fixed .container nav .navbar > li + li {
    margin-left: 20px; }

  #wrapper_header #header .container nav .navbar,
  #wrapper_header #header.fixed .container nav .navbar {
    width: 530px; } }
@media only screen and (max-width: 960px) {
  #wrapper_header #header .container nav {
    float: right; }

  #wrapper_header #header .container nav #toggle_m_nav {
    display: block; }

  #wrapper_header #header .container nav .nav_wrapper:after {
    content: "";
    display: block;
    clear: both; }

  #wrapper_header #header .container nav .nav_wrapper {
    display: none;
    position: absolute;
    left: 16px;
    width: calc(100% - 32px);
    top: 16px;
    margin: 0;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    height: auto;
    background-color: #ffffff;
    -webkit-box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.24);
    -o-box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.24);
    -ms-box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.24);
    box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.24);
    overflow-y: scroll; }

  #wrapper_header #header .container nav .nav_wrapper .navbar {
    margin: 0;
    display: block;
    float: left;
    padding: 77px 46px 0;
    width: 100%;
    vertical-align: top;
    position: relative; }

  #wrapper_header #header .container nav .navbar > li {
    display: block;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    float: none; }

  #wrapper_header #header .container nav .navbar > li > a,
  #wrapper_header #header.fixed .container nav .navbar > li > a {
    padding: 0;
    font-size: 5vw !important;
    color: #2B3E51;
    margin: 6% 0;
    font-weight: normal;
    text-transform: uppercase;
    font-weight: 500; }

  #wrapper_header #header .container nav .navbar > li + li,
  #wrapper_header #header.fixed .container nav .navbar > li + li {
    margin-left: auto; }

  #wrapper_header #header .container nav .visible {
    float: none;
    margin: auto;
    width: 100%;
    max-width: 440px;
    display: block;
    clear: both;
    padding: 0 24px 12%; }

  #wrapper_header #header .container nav .visible a {
    width: 100%;
    max-width: 100%;
    margin-bottom: 6%;
    height: 56px;
    font-size: 26px !important; }

  #wrapper_header #header .container nav .visible a.login {
    background: #FFFFFF;
    color: #00aeef;
    border: solid 1px #e6ebed; }

  #wrapper_header #header .container nav .visible a + a {
    margin-left: auto; }

  #footer .container .nav_footer {
    max-width: 458px; }

  #footer .container .nav_footer .column_footer {
    width: 31%; }

  #footer .container .nav_footer .column_footer + .column_footer {
    margin-left: 3%; } }
@media only screen and (max-width: 768px) {
  #footer .container, #footer .container .logo_footer, #footer .container .social {
    display: block;
    float: none; }

  #footer .container .container_nav {
    display: block;
    max-width: 100%;
    float: none;
    margin-top: 32px; }

  #footer .container .nav_footer {
    max-width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 32px; }

  #footer .container .social {
    margin-top: 32px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 32px; } }
@media only screen and (max-width: 640px) {
  #footer .nav_footer .container .column_footer + .column_footer {
    margin-left: 10%; }

  #footer .nav_footer .container .column_footer:nth-child(3) {
    margin-left: 0; }

  #footer .nav_footer .container > ul {
    display: block; }

  #footer .copy_footer .container {
    padding-top: 0; }

  #footer .nav_footer .container .column_footer {
    width: 45%;
    margin-right: 0;
    margin-bottom: 30px; }

  #footer .nav_footer .container .logo {
    display: block;
    margin: 40px auto 0; }

  #footer .nav_footer .container .logo img {
    margin: auto; }

  #footer .copy_footer .container .social {
    float: none;
    text-align: center;
    clear: both;
    margin-top: 35px; }

  #footer .copy_footer .container p,
  #footer .nav_footer .container .logo {
    float: none;
    text-align: center;
    clear: both; }

  #wrapper_header #header .container nav .visible {
    padding-bottom: 14px; }

  #wrapper_header #header .container nav .navbar > li > a,
  #wrapper_header #header.fixed .container nav .navbar > li > a {
    font-size: 3vh !important;
    margin: 11% 0; }

  #wrapper_header #header .container nav .visible a,
  #wrapper_header #header.fixed .container nav .visible a {
    font-size: 18px !important;
    margin-bottom: 18px;
    padding: 15px 20px 11px !important;
    margin-top: 0; } }
@media only screen and (max-width: 480px) {
  #wrapper_header #header .container nav .nav_wrapper .navbar {
    padding-bottom: 20px; }

  #footer .block_started {
    padding: 40px 24px; }

  #footer .block_started .btn_blue {
    width: 100%;
    max-width: 100%; }

  #footer .container .nav_footer {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    align-content: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 32px; }

  #footer .container .nav_footer .column_footer {
    width: 50%; }

  #footer .container .nav_footer .column_footer + .column_footer {
    margin-left: 0; }

  #footer .container .nav_footer .column_footer a, #footer .container .nav_footer .column_footer p {
    font-size: 18px; }

  #footer .container .nav_footer li:last-child {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 32px;
    margin-top: 32px;
    flex-grow: 2; }

  #footer .container .social {
    position: absolute;
    right: 25px;
    bottom: 152px;
    border: 0;
    z-index: 1; } }
/***************
      HERO
****************/
#hero {
  margin: 0 auto;
  width: 100%;
  display: block;
  height: 796px;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  position: relative;
  background-image: linear-gradient(301deg, #042b78, #0a7dde 49%, #0ad2ff);
  background-image: -webkit-linear-gradient(301deg, #042b78, #0a7dde 49%, #0ad2ff);
  background-image: -moz-linear-gradient(301deg, #042b78, #0a7dde 49%, #0ad2ff);
  background-image: -o-linear-gradient(301deg, #042b78, #0a7dde 49%, #0ad2ff);
  background-image: -ms-linear-gradient(301deg, #042b78, #0a7dde 49%, #0ad2ff);
  background-image: linear-gradient(301deg, #042b78, #0a7dde 49%, #0ad2ff); }
  #hero .shape_1 {
    display: block;
    position: absolute;
    bottom: -2px;
    left: -1px;
    width: 102%;
    height: auto; }
  #hero .container {
    position: relative;
    height: 100%;
    text-align: left; }
    #hero .container:before {
      content: "";
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    #hero .container .text_middle {
      display: inline-block;
      vertical-align: middle;
      width: 49%;
      z-index: 2;
      padding-bottom: 40px;
      padding-top: 50px; }
      #hero .container .text_middle h2 {
        font-size: 41px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        color: #ffffff;
        max-width: 100%; }
      #hero .container .text_middle p {
        font-size: 20px;
        padding-top: 44px;
        max-width: 100%;
        line-height: 1.5;
        color: #ffffff; }
      #hero .container .text_middle .buttons {
        display: block;
        margin: 48px auto 0; }
        #hero .container .text_middle .buttons:after {
          content: "";
          display: block;
          clear: both; }
        #hero .container .text_middle .buttons .btn_learn {
          padding: 16px 36px 18px; }
      #hero .container .text_middle .price {
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        line-height: normal;
        color: rgba(7, 86, 173, 0.77);
        display: block;
        margin-top: 40px; }
        #hero .container .text_middle .price:before {
          content: "";
          width: 24px;
          height: 24px;
          display: inline-block;
          background: url(../img/money.svg) no-repeat left top;
          margin: 0 8px 0 0;
          position: relative;
          top: 6px; }
  #hero .float {
    max-width: 929px;
    height: auto;
    display: block;
    position: absolute;
    right: -14%;
    top: 46%;
    z-index: 0;
    width: 82%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    #hero .float img {
      max-width: 929px;
      width: 100%;
      height: auto;
      display: block;
      position: relative;
      opacity: 0; }
      #hero .float img.fade {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -o-transform: translateX(100px);
        -ms-transform: translateX(100px);
        transform: translateX(100px); }
      #hero .float img.animate {
        -webkit-transition: transform 0.6s cubic-bezier(0.475, 0.425, 0, 0.995), opacity 0.6s ease;
        -moz-transition: transform 0.6s cubic-bezier(0.475, 0.425, 0, 0.995), opacity 0.6s ease;
        -o-transition: transform 0.6s cubic-bezier(0.475, 0.425, 0, 0.995), opacity 0.6s ease;
        -ms-transition: transform 0.6s cubic-bezier(0.475, 0.425, 0, 0.995), opacity 0.6s ease;
        transition: transform 0.6s cubic-bezier(0.475, 0.425, 0, 0.995), opacity 0.6s ease;
        transition-delay: 0.2s;
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); }

/***************
     END HERO
****************/
/***************
     LOGOS
****************/
#logos {
  margin: 0 auto;
  width: 100%;
  display: block;
  background-color: #f0f5f7;
  position: relative; }
  #logos .container {
    padding: 53px 0 100px;
    margin: auto;
    text-align: left; }
    #logos .container .container_logos {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap; }
      #logos .container .container_logos:after {
        content: "";
        display: block;
        clear: both; }
      #logos .container .container_logos li {
        flex-grow: 1; }
        #logos .container .container_logos li span {
          color: #3a555e;
          font-size: 16px;
          font-weight: 500;
          background-color: #ffffff;
          text-transform: uppercase;
          padding: 8px 13px 9px;
          -webkit-box-shadow: 0 5px 16px 0 rgba(6, 34, 44, 0.08);
          -moz-box-shadow: 0 5px 16px 0 rgba(6, 34, 44, 0.08);
          -o-box-shadow: 0 5px 16px 0 rgba(6, 34, 44, 0.08);
          -ms-box-shadow: 0 5px 16px 0 rgba(6, 34, 44, 0.08);
          box-shadow: 0 5px 16px 0 rgba(6, 34, 44, 0.08);
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          -o-border-radius: 4px;
          -ms-border-radius: 4px;
          border-radius: 4px;
          margin-right: 30px; }

/***************
  END LOGOS
****************/
/***************
    SECTION
****************/
#do_it {
  margin: 0 auto;
  width: 100%;
  display: block;
  position: relative; }
  #do_it .container {
    padding: 160px 0 63px; }
    #do_it .container .intro {
      margin: 0 auto; }
      #do_it .container .intro:after {
        content: "";
        display: block;
        clear: both; }
      #do_it .container .intro h3 {
        display: inline-block;
        color: #06222c;
        float: left; }
      #do_it .container .intro .col_text {
        float: right;
        display: inline-block;
        width: calc(100% - 325px);
        padding-left: 64px;
        border-left: solid 1px #00aeef;
        position: relative; }
        #do_it .container .intro .col_text h6 {
          line-height: 1.44;
          font-size: 25px;
          font-weight: normal;
          color: #3a555e;
          max-width: 653px; }
        #do_it .container .intro .col_text p {
          color: #3a555e;
          line-height: 1.53;
          padding-top: 32px;
          max-width: 653px; }
        #do_it .container .intro .col_text a {
          margin-top: 32px;
          position: static;
          outline: 0; }
          #do_it .container .intro .col_text a:hover, #do_it .container .intro .col_text a:focus {
            text-decoration: none;
            color: #00aeef; }
          #do_it .container .intro .col_text a:after {
            top: 1px; }
    #do_it .container .container_columns {
      width: 100%;
      display: block;
      padding-top: 85px; }
      #do_it .container .container_columns:after {
        content: "";
        display: block;
        clear: both; }
      #do_it .container .container_columns .col {
        width: calc(34.3% - 32px);
        display: block;
        float: left;
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        transition: -webkit-opacity 0.6s ease-in, transform 0.7s cubic-bezier(0.475, 0.425, 0, 0.995);
        transition: -moz-opacity 0.6s ease-in, transform 0.7s cubic-bezier(0.475, 0.425, 0, 0.995);
        transition: -o-opacity 0.6s ease-in, transform 0.7s cubic-bezier(0.475, 0.425, 0, 0.995);
        transition: -ms-opacity 0.6s ease-in, transform 0.7s cubic-bezier(0.475, 0.425, 0, 0.995);
        transition: opacity 0.6s ease-in, transform 0.7s cubic-bezier(0.475, 0.425, 0, 0.995); }
        #do_it .container .container_columns .col h4 {
          font-weight: normal;
          padding-top: 22px;
          font-size: 30px; }
          #do_it .container .container_columns .col h4:after {
            content: "";
            display: block;
            width: 39px;
            height: 1px;
            margin-top: 32px;
            background-color: #00aeef; }
        #do_it .container .container_columns .col p {
          line-height: 1.65;
          color: #3a555e;
          padding-top: 24px; }
          #do_it .container .container_columns .col p b {
            font-weight: 600; }
        #do_it .container .container_columns .col .container_img {
          display: block;
          max-width: 360px;
          height: 296px;
          position: relative; }
          #do_it .container .container_columns .col .container_img img {
            display: block;
            margin: auto;
            height: auto;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
            #do_it .container .container_columns .col .container_img img.img_1 {
              max-width: 183px;
              top: 41%; }
            #do_it .container .container_columns .col .container_img img.img_2 {
              max-width: 239px;
              top: 55%; }
            #do_it .container .container_columns .col .container_img img.img_3 {
              max-width: 182px;
              top: 59%; }
      #do_it .container .container_columns .col + .col {
        margin-left: 31px; }
      #do_it .container .container_columns.animate .col {
        opacity: 0;
        -webkit-transform: translateY(30%);
        -moz-transform: translateY(30%);
        -o-transform: translateY(30%);
        -ms-transform: translateY(30%);
        transform: translateY(30%); }
      #do_it .container .container_columns .item_1 {
        transition-delay: 0.4s; }
      #do_it .container .container_columns .item_2 {
        transition-delay: 0.6s; }
      #do_it .container .container_columns .item_3 {
        transition-delay: 0.8s; }

/***************
   SOLUTIONS
****************/
#solutions {
  margin: 0 auto;
  width: 100%;
  display: block;
  background-color: #f0f5f7;
  position: relative; }
  #solutions .container {
    padding: 14% 0 100px;
    text-align: center;
    max-width: 100%; }
    #solutions .container > p {
      max-width: 556px;
      margin: auto;
      padding-top: 32px; }
      #solutions .container > p b {
        font-weight: 600; }
    #solutions .container .container_list {
      display: block;
      margin-top: 56px;
      background-image: url(../img/dna-illustration.svg);
      background-repeat: no-repeat;
      background-position: center 37%; }
      #solutions .container .container_list h6 {
        font-size: 20px;
        font-weight: 500;
        color: #00aeef;
        text-align: center; }
      #solutions .container .container_list .list {
        display: block;
        max-width: 556px;
        margin: 40px auto 0; }
        #solutions .container .container_list .list li {
          display: block;
          width: 100%;
          margin: 0 0 16px;
          padding: 19px 32px 21px;
          background-color: #ffffff;
          border: solid 1px rgba(230, 235, 237, 0.5);
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          -o-border-radius: 4px;
          -ms-border-radius: 4px;
          border-radius: 4px;
          -webkit-box-shadow: 0 4px 18px 0 rgba(6, 34, 44, 0.04);
          -moz-box-shadow: 0 4px 18px 0 rgba(6, 34, 44, 0.04);
          -o-box-shadow: 0 4px 18px 0 rgba(6, 34, 44, 0.04);
          -ms-box-shadow: 0 4px 18px 0 rgba(6, 34, 44, 0.04);
          box-shadow: 0 4px 18px 0 rgba(6, 34, 44, 0.04);
          text-align: left;
          position: relative;
          opacity: 1;
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -o-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0);
          transition: -webkit-opacity 0.4s ease-in, transform 0.5s cubic-bezier(0.475, 0.425, 0, 0.995);
          transition: -moz-opacity 0.4s ease-in, transform 0.5s cubic-bezier(0.475, 0.425, 0, 0.995);
          transition: -o-opacity 0.4s ease-in, transform 0.5s cubic-bezier(0.475, 0.425, 0, 0.995);
          transition: -ms-opacity 0.4s ease-in, transform 0.5s cubic-bezier(0.475, 0.425, 0, 0.995);
          transition: opacity 0.4s ease-in, transform 0.5s cubic-bezier(0.475, 0.425, 0, 0.995); }
          #solutions .container .container_list .list li p {
            display: inline-block;
            font-size: 16px;
            font-weight: 600;
            padding-left: 56px; }
          #solutions .container .container_list .list li:before {
            content: "";
            display: inline-block;
            width: 24px;
            height: 24px;
            background: url(../img/checkSolutions.svg) no-repeat left top;
            background-size: 24px 24px;
            position: absolute;
            top: 20px;
            left: 32px; }
        #solutions .container .container_list .list.animate li {
          opacity: 0;
          -webkit-transform: translateY(50%);
          -moz-transform: translateY(50%);
          -o-transform: translateY(50%);
          -ms-transform: translateY(50%);
          transform: translateY(50%);
          transition: -webkit-opacity 0.4s ease-in, transform 0.5s cubic-bezier(0.475, 0.425, 0, 0.995);
          transition: -moz-opacity 0.4s ease-in, transform 0.5s cubic-bezier(0.475, 0.425, 0, 0.995);
          transition: -o-opacity 0.4s ease-in, transform 0.5s cubic-bezier(0.475, 0.425, 0, 0.995);
          transition: -ms-opacity 0.4s ease-in, transform 0.5s cubic-bezier(0.475, 0.425, 0, 0.995);
          transition: opacity 0.4s ease-in, transform 0.5s cubic-bezier(0.475, 0.425, 0, 0.995); }
        #solutions .container .container_list .list .item_1 {
          transition-delay: 0.4s; }
        #solutions .container .container_list .list .item_2 {
          transition-delay: 0.6s; }
        #solutions .container .container_list .list .item_3 {
          transition-delay: 0.8s; }
        #solutions .container .container_list .list .item_4 {
          transition-delay: 1s; }
        #solutions .container .container_list .list .item_5 {
          transition-delay: 1.2s; }
    #solutions .container .container_table {
      padding-top: 104px;
      max-width: 1140px;
      margin: auto; }
      #solutions .container .container_table > p {
        max-width: 556px;
        margin: auto;
        padding-top: 32px; }
      #solutions .container .container_table .table_responsive {
        margin: auto;
        padding-top: 74px; }
        #solutions .container .container_table .table_responsive:after {
          content: "";
          display: block;
          clear: both; }
        #solutions .container .container_table .table_responsive .column_title {
          text-align: left;
          background-image: linear-gradient(338deg, #042b78, #0a7dde 49%, #0ad2ff);
          -webkit-box-shadow: inset -14px -5px 11px 0px rgba(0, 0, 0, 0.12);
          -moz-box-shadow: inset -14px -5px 11px 0px rgba(0, 0, 0, 0.12);
          -o-box-shadow: inset -14px -5px 11px 0px rgba(0, 0, 0, 0.12);
          -ms-box-shadow: inset -14px -5px 11px 0px rgba(0, 0, 0, 0.12);
          box-shadow: inset -14px -5px 11px 0px rgba(0, 0, 0, 0.12);
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          -o-border-radius: 4px;
          -ms-border-radius: 4px;
          border-radius: 4px;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0;
          max-width: 292px;
          width: 25.7%;
          float: left;
          padding: 70px 0 116px 24px; }
          #solutions .container .container_table .table_responsive .column_title h5, #solutions .container .container_table .table_responsive .column_title h6 {
            border-bottom: 1px solid rgba(255, 255, 255, 0.3);
            color: #ffffff; }
          #solutions .container .container_table .table_responsive .column_title h5 {
            font-weight: 600;
            padding-bottom: 74px; }
          #solutions .container .container_table .table_responsive .column_title h6 {
            padding: 32px 0 32px 0;
            font-size: 18px;
            font-weight: 500;
            line-height: normal; }
        #solutions .container .container_table .table_responsive .cols {
          box-shadow: 0 12px 16px 0 rgba(6, 34, 44, 0.02);
          background-color: #ffffff;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          -o-border-radius: 4px;
          -ms-border-radius: 4px;
          border-radius: 4px;
          float: left;
          position: relative;
          top: -15px;
          width: 48.7%;
          display: -webkit-box;
          /* OLD - iOS 6-, Safari 3.1-6 */
          display: -moz-box;
          /* OLD - Firefox 19- (buggy but mostly works) */
          display: -ms-flexbox;
          /* TWEENER - IE 10 */
          display: -webkit-flex;
          /* NEW - Chrome */
          display: flex;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */
          align-items: stretch; }
          #solutions .container .container_table .table_responsive .cols:after {
            content: "";
            display: block;
            clear: both; }
        #solutions .container .container_table .table_responsive .column {
          max-width: 278px;
          width: 50%;
          float: left; }
          #solutions .container .container_table .table_responsive .column .row {
            margin: 0 !important;
            border-bottom: 1px solid #e6ebed;
            min-height: 86px;
            padding: 10px;
            display: -webkit-box;
            /* OLD - iOS 6-, Safari 3.1-6 */
            display: -moz-box;
            /* OLD - Firefox 19- (buggy but mostly works) */
            display: -ms-flexbox;
            /* TWEENER - IE 10 */
            display: -webkit-flex;
            /* NEW - Chrome */
            display: flex;
            /* NEW, Spec - Opera 12.1, Firefox 20+ */
            align-items: center;
            flex-wrap: wrap;
            flex-direction: row; }
            #solutions .container .container_table .table_responsive .column .row p {
              color: #3a555e;
              font-weight: 400;
              line-height: 1.3;
              font-size: 16px;
              margin: auto; }
            #solutions .container .container_table .table_responsive .column .row:last-child {
              border-bottom: 0;
              padding: 10px 33px; }
            #solutions .container .container_table .table_responsive .column .row .btn_blue {
              margin: 30px auto 32px;
              padding: 12px 0 14px;
              width: 100%; }
          #solutions .container .container_table .table_responsive .column .option {
            padding: 38px 25.5px 24px;
            flex-direction: column; }
            #solutions .container .container_table .table_responsive .column .option h5 {
              color: #06222c;
              font-size: 24px;
              text-transform: uppercase; }
            #solutions .container .container_table .table_responsive .column .option .price {
              display: block;
              font-size: 37px;
              color: #00aeef;
              font-weight: normal;
              padding: 16px 0; }
            #solutions .container .container_table .table_responsive .column .option .info {
              color: #3a555e;
              font-weight: 600;
              font-size: 16px; }
          #solutions .container .container_table .table_responsive .column:first-child {
            border-right: 2px solid #e6ebed; }
            #solutions .container .container_table .table_responsive .column:first-child .row_large {
              width: calc(200% - 1px);
              background-color: #ffffff; }
          #solutions .container .container_table .table_responsive .column:nth-child(2) .row_large {
            width: calc(200% - 1px);
            background-color: #ffffff;
            position: relative;
            left: calc(-100% + 1px); }
        #solutions .container .container_table .table_responsive #col_plus {
          max-width: 263px;
          float: right;
          box-shadow: 0 12px 16px 0 rgba(6, 34, 44, 0.02);
          background-color: #ffffff;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          -o-border-radius: 4px;
          -ms-border-radius: 4px;
          border-radius: 4px;
          position: relative;
          top: -15px;
          width: 24%; }
          #solutions .container .container_table .table_responsive #col_plus .ww {
            font-size: 16px;
            color: #99acb3;
            display: block;
            padding: 31px 0 31px; }
          #solutions .container .container_table .table_responsive #col_plus .row:nth-child(2) {
            min-height: 258px;
            padding: 10px 26px; }
    #solutions .container .note {
      display: block;
      padding-left: 30.7%;
      font-size: 12px;
      line-height: 20px;
      color: #3a555e;
      text-align: left;
      margin: 0;
      width: 100%;
      max-width: 100%;
      padding-top: 14px; }
      #solutions .container .note b {
        font-weight: 600; }
    #solutions .container .need_more {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      position: absolute;
      bottom: -48px;
      left: 50%;
      padding: 24px;
      max-width: 1140px;
      width: 95%;
      z-index: 2;
      margin: auto;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -o-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px;
      background-image: linear-gradient(275deg, #042b78, #0a7dde 49%, #0ad2ff);
      -webkit-box-shadow: 0 12px 16px 0 rgba(0, 56, 97, 0.12);
      -moz-box-shadow: 0 12px 16px 0 rgba(0, 56, 97, 0.12);
      -o-box-shadow: 0 12px 16px 0 rgba(0, 56, 97, 0.12);
      -ms-box-shadow: 0 12px 16px 0 rgba(0, 56, 97, 0.12);
      box-shadow: 0 12px 16px 0 rgba(0, 56, 97, 0.12); }
      #solutions .container .need_more h5 {
        font-size: 28px;
        font-weight: 500;
        color: #ffffff;
        padding: 0 0 0 34px; }
      #solutions .container .need_more p {
        color: #ffffff; }
      #solutions .container .need_more a {
        padding: 12px 63px 14px; }

/***************
  END SOLUTIONS
****************/
/***************
    QUESTIONS
****************/
#questions {
  margin: 0 auto;
  width: 100%;
  display: block;
  position: relative; }
  #questions .container {
    padding: 212px 0 60px; }
    #questions .container .columns:after {
      content: "";
      display: block;
      clear: both; }
    #questions .container .columns .col_1 {
      float: left;
      display: inline-block;
      padding-right: 116px; }
      #questions .container .columns .col_1 h3 {
        line-height: normal; }
      #questions .container .columns .col_1 a {
        outline: 0;
        display: block;
        padding-top: 20px;
        font-size: 22px;
        font-weight: normal;
        line-height: 1.45;
        color: #00aeef;
        max-width: 305px; }
        #questions .container .columns .col_1 a:focus, #questions .container .columns .col_1 a:hover {
          text-decoration: none; }
    #questions .container .columns .col_text {
      float: right;
      display: inline-block;
      width: calc(100% - 432px);
      padding-left: 73px;
      border-left: solid 1px #00aeef; }
      #questions .container .columns .col_text .panel-group {
        margin: 0; }
        #questions .container .columns .col_text .panel-group .panel {
          margin: 0;
          border: 0;
          border-radius: 0;
          box-shadow: none;
          -webkit-box-shadow: none;
          background: transparent;
          border-bottom: solid 1px #e6ebed; }
          #questions .container .columns .col_text .panel-group .panel .panel-heading {
            background-color: transparent;
            padding: 25px 40px 25px 0; }
            #questions .container .columns .col_text .panel-group .panel .panel-heading h4 {
              text-align: left; }
              #questions .container .columns .col_text .panel-group .panel .panel-heading h4 a {
                display: block;
                width: 100%;
                font-size: 21px;
                font-weight: normal;
                line-height: 1.71;
                text-align: left;
                color: #06222c;
                outline: 0;
                cursor: pointer;
                position: relative;
                -webkit-transition: 0.3s ease;
                -moz-transition: 0.3s ease;
                -ms-transition: 0.3s ease;
                -o-transition: 0.3s ease;
                transition: 0.3s ease;
                transition-property: color; }
                #questions .container .columns .col_text .panel-group .panel .panel-heading h4 a:hover {
                  color: #00aeef;
                  -webkit-transition: 0.3s ease;
                  -moz-transition: 0.3s ease;
                  -ms-transition: 0.3s ease;
                  -o-transition: 0.3s ease;
                  transition: 0.3s ease;
                  transition-property: color;
                  text-decoration: none; }
                #questions .container .columns .col_text .panel-group .panel .panel-heading h4 a:focus {
                  text-decoration: none; }
                #questions .container .columns .col_text .panel-group .panel .panel-heading h4 a:after {
                  content: "";
                  width: 13px;
                  height: 8px;
                  background: url(../img/arrow_down.svg) no-repeat left top;
                  background-size: 13px 8px;
                  display: inline-block;
                  float: right;
                  position: absolute;
                  right: -20px;
                  top: 15px;
                  transform: rotate(-180deg);
                  -webkit-transform: rotate(-180deg);
                  -ms-transform: rotate(-180deg);
                  -o-transform: rotate(-180deg); }
                #questions .container .columns .col_text .panel-group .panel .panel-heading h4 a.collapsed:after {
                  transform: none;
                  -webkit-transform: none;
                  -ms-transform: none;
                  -o-transform: none; }
          #questions .container .columns .col_text .panel-group .panel .panel-collapse .panel-body {
            border: 0;
            padding: 0 0 32px; }
            #questions .container .columns .col_text .panel-group .panel .panel-collapse .panel-body p {
              font-size: 16px;
              color: #3a555e;
              line-height: 1.5; }
          #questions .container .columns .col_text .panel-group .panel:first-child .panel-heading {
            padding-top: 0; }
          #questions .container .columns .col_text .panel-group .panel:last-child {
            border-bottom: none; }

/***************
  END QUESTIONS
****************/
/***************
  CASE STUDIES
****************/
#case_studies {
  margin: 0 auto;
  width: 100%;
  display: block;
  position: relative;
  background-image: linear-gradient(334deg, #004d93, #011827 40%);
  background: -prefix-linear-gradient(334deg, #004d93, #011827 40%); }
  #case_studies:after {
    content: "";
    width: 100%;
    max-width: 971px;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 0;
    background: url(../img/case-studies-pattern.svg) center top;
    background-repeat-y: repeat;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
  #case_studies .container {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 14% 0 120px; }
    #case_studies .container > h3 {
      color: #ffffff; }
    #case_studies .container .content_collapse {
      display: block;
      height: 653px;
      overflow: hidden;
      margin-top: 88px; }
    #case_studies .container .container_cases {
      display: block;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: wrap; }
      #case_studies .container .container_cases:after {
        content: "";
        display: block;
        clear: both; }
      #case_studies .container .container_cases .case + .case {
        margin-left: 2.4%; }
      #case_studies .container .container_cases .case {
        display: block;
        float: left;
        max-width: 360px;
        width: 31.6%;
        background-color: #ffffff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.4);
        -o-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.4);
        -ms-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.4);
        box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.4);
        border: 0;
        padding: 0;
        text-align: left;
        margin-bottom: 4%;
        position: relative; }
        #case_studies .container .container_cases .case .container_img {
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          -o-border-radius: 4px;
          -ms-border-radius: 4px;
          border-radius: 4px;
          display: block;
          position: relative; }
          #case_studies .container .container_cases .case .container_img img {
            display: block;
            width: 100%;
            height: auto;
            border-radius: 4px 4px 0 0; }
        #case_studies .container .container_cases .case .caption {
          padding: 24px 24px 96px; }
          #case_studies .container .container_cases .case .caption .Category {
            font-size: 14px;
            font-weight: 500;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: 0.5px;
            text-align: left;
            color: #99acb3; }
          #case_studies .container .container_cases .case .caption .title_case {
            font-size: 25px;
            color: #06222c;
            padding-top: 15px; }
          #case_studies .container .container_cases .case .caption p {
            color: #3a555e;
            font-size: 17px;
            line-height: 1.53;
            padding-top: 24px; }
        #case_studies .container .container_cases .case:hover, #case_studies .container .container_cases .case:focus {
          text-decoration: none; }
        #case_studies .container .container_cases .case:nth-child(3n+1) {
          margin-left: 0; }
    #case_studies .container .btn_border {
      margin-top: 60px; }

/***************
END CASE STUDIES
****************/
/***************
    ABOUT US
****************/
#about {
  margin: 0 auto;
  width: 100%;
  display: block;
  position: relative;
  background-color: #f0f5f7; }
  #about .container {
    text-align: center;
    padding: 96px 0 380px; }
    #about .container > p {
      max-width: 556px;
      margin: auto;
      color: #3a555e;
      padding-top: 32px; }
    #about .container .content_collapse {
      display: block;
      overflow: hidden;
      margin-top: 72px; }
    #about .container .container_team {
      display: block;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      align-items: stretch;
      flex-wrap: wrap; }
      #about .container .container_team:after {
        content: "";
        display: block;
        clear: both; }
      #about .container .container_team .team + .team {
        margin-left: 2.4%; }
      #about .container .container_team .team {
        display: block;
        text-align: center;
        float: left;
        max-width: 360px;
        background-color: #ffffff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 16px 20px 0 rgba(2, 60, 81, 0.04);
        -moz-box-shadow: 0 16px 20px 0 rgba(2, 60, 81, 0.04);
        -o-box-shadow: 0 16px 20px 0 rgba(2, 60, 81, 0.04);
        -ms-box-shadow: 0 16px 20px 0 rgba(2, 60, 81, 0.04);
        box-shadow: 0 16px 20px 0 rgba(2, 60, 81, 0.04);
        border: 0;
        padding: 0;
        text-align: left;
        padding: 40px 24px 110px;
        margin-bottom: 40px;
        position: relative;
        width: 31.6%; }
        #about .container .container_team .team .container_img {
          width: 88px;
          height: 88px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -o-border-radius: 50%;
          -ms-border-radius: 50%;
          border-radius: 50%;
          display: block;
          position: relative;
          margin: 0 auto 23px; }
          #about .container .container_team .team .container_img img {
            display: block;
            width: 100%;
            height: auto; }
        #about .container .container_team .team .caption {
          text-align: center; }
          #about .container .container_team .team .caption .name {
            font-size: 17px;
            font-weight: 700;
            line-height: 1.41;
            color: #06222c; }
          #about .container .container_team .team .caption .info {
            font-size: 17px;
            color: #06222c;
            font-weight: normal;
            line-height: 1.41; }
          #about .container .container_team .team .caption p {
            color: #3a555e;
            padding-top: 16px; }
        #about .container .container_team .team:nth-child(3n+1) {
          margin-left: 0; }
        #about .container .container_team .team .social {
          display: block;
          margin: 25px auto 0;
          max-width: 128px;
          position: absolute;
          bottom: 48px;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
          #about .container .container_team .team .social li {
            display: inline-block; }
            #about .container .container_team .team .social li a {
              display: block;
              width: 32px;
              height: 32px;
              -webkit-transition: 0.3s ease;
              -moz-transition: 0.3s ease;
              -ms-transition: 0.3s ease;
              -o-transition: 0.3s ease;
              transition: 0.3s ease;
              transition-property: opacity; }
              #about .container .container_team .team .social li a.in {
                background: url(../img/linkedin_color.svg) no-repeat left top; }
              #about .container .container_team .team .social li a.twitt {
                background: url(../img/twitter_color.svg) no-repeat left top; }
              #about .container .container_team .team .social li a.medium {
                background: url(../img/medium_color.svg) no-repeat left top; }
              #about .container .container_team .team .social li a:hover {
                -webkit-transition: 0.3s ease;
                -moz-transition: 0.3s ease;
                -ms-transition: 0.3s ease;
                -o-transition: 0.3s ease;
                transition: 0.3s ease;
                transition-property: opacity;
                opacity: 0.8; }
          #about .container .container_team .team .social li + li {
            margin-left: 13px; }
        #about .container .container_team .team:hover, #about .container .container_team .team:focus {
          text-decoration: none; }
    #about .container .btn_border {
      color: #00aeef;
      max-width: 210px;
      margin-top: 52px;
      padding: 12px 10px 14px; }
      #about .container .btn_border:hover {
        background-color: #00aeef;
        border: solid 1px #00aeef;
        color: #ffffff; }

/***************
  END ABOUT US
****************/
/***************
     MODAL
****************/
.modal-backdrop.in {
  opacity: 0.67; }

#modal_contact {
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  transition-delay: .1s; }
  #modal_contact.in .modal-dialog, #modal_contact.fade .modal-dialog {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  #modal_contact .modal-dialog {
    width: auto;
    max-width: 896px;
    margin: 30px 0; }
    #modal_contact .modal-dialog .modal-content {
      position: relative;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      align-items: stretch;
      width: 100%;
      max-width: 896px;
      margin: auto;
      background-color: #ffffff;
      border: 0;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -o-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -o-box-shadow: none;
      -ms-box-shadow: none;
      box-shadow: none;
      overflow: hidden; }
      #modal_contact .modal-dialog .modal-content:after {
        content: "";
        display: block;
        clear: both; }
      #modal_contact .modal-dialog .modal-content .close {
        position: absolute;
        top: 24px;
        right: 30px;
        font-size: 40px;
        font-weight: 300;
        opacity: 1;
        z-index: 2; }
      #modal_contact .modal-dialog .modal-content .col_left {
        float: left;
        padding: 80px 6% 0;
        width: 40%;
        background: #0a7dde;
        background: url(../img/form_bg_left.svg) no-repeat 101% top, url(../img/bg-contact-pattern.svg) no-repeat, linear-gradient(150deg, #042b78, #0a7dde 49%, #0ad2ff);
        background: url(../img/form_bg_left.svg) no-repeat 101% top, url(../img/bg-contact-pattern.svg) no-repeat, -webkit-linear-gradient(-63deg, #042b78, #0a7dde 49%, #0ad2ff);
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-bottom-left-radius: 4px;
        -o-border-bottom-left-radius: 4px;
        -ms-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-top-left-radius: 4px;
        -o-border-top-left-radius: 4px;
        -ms-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        position: relative;
        overflow: hidden; }
        #modal_contact .modal-dialog .modal-content .col_left .logo {
          max-width: 192px;
          width: 100%;
          height: auto;
          display: block; }
        #modal_contact .modal-dialog .modal-content .col_left > p {
          color: #ffffff;
          max-width: 237px;
          margin: 32px 0 0;
          display: block;
          font-size: 16px; }
      #modal_contact .modal-dialog .modal-content .col_right {
        float: left;
        width: 60%;
        padding: 0 30px;
        background: url(../img/form_bg_left.svg) no-repeat left top;
        background-size: auto 100%; }
        #modal_contact .modal-dialog .modal-content .col_right form {
          padding: 80px 0 56px;
          max-width: 416px;
          margin: auto; }
          #modal_contact .modal-dialog .modal-content .col_right form .field {
            display: block;
            width: 100%;
            margin-bottom: 32px; }
            #modal_contact .modal-dialog .modal-content .col_right form .field label {
              font-size: 16px;
              font-weight: 500;
              line-height: normal;
              text-align: left;
              color: #3a555e;
              display: block;
              opacity: 1; }
            #modal_contact .modal-dialog .modal-content .col_right form .field label.error {
              font-size: 12px;
              margin-top: 10px;
              color: #F83737; }
            #modal_contact .modal-dialog .modal-content .col_right form .field .dropdown {
              margin-top: 16px; }
              #modal_contact .modal-dialog .modal-content .col_right form .field .dropdown .btn {
                width: 100%;
                height: 48px;
                -webkit-border-radius: 6px;
                -moz-border-radius: 6px;
                -o-border-radius: 6px;
                -ms-border-radius: 6px;
                border-radius: 6px;
                background-color: transparent;
                border: solid 1px #e6ebed;
                padding: 10px 16px;
                font-size: 16px;
                line-height: normal;
                color: #99acb3;
                text-align: left;
                z-index: 1;
                position: relative; }
                #modal_contact .modal-dialog .modal-content .col_right form .field .dropdown .btn:after {
                  content: "";
                  width: 10px;
                  height: 22px;
                  float: right;
                  background-image: url(../img/triangle.svg);
                  background-size: 10px auto;
                  background-position: 96% center;
                  background-repeat: no-repeat;
                  -webkit-transition: 0.3s ease;
                  -moz-transition: 0.3s ease;
                  -ms-transition: 0.3s ease;
                  -o-transition: 0.3s ease;
                  transition: 0.3s ease;
                  transition-property: transform; }
                #modal_contact .modal-dialog .modal-content .col_right form .field .dropdown .btn:focus {
                  outline: 0; }
              #modal_contact .modal-dialog .modal-content .col_right form .field .dropdown .input_drop {
                position: absolute;
                top: 0;
                left: 1px;
                border: 0;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                -o-box-shadow: none;
                -ms-box-shadow: none;
                box-shadow: none;
                z-index: 0;
                margin: 0;
                width: calc(100% - 1px); }
              #modal_contact .modal-dialog .modal-content .col_right form .field .dropdown .dropdown-menu {
                width: 100%;
                margin-top: 0;
                border-top-left-radius: 0;
                border-top-right-radius: 0;
                border: solid 1px #e6ebed;
                border-top: 0;
                padding: 4px 0 0;
                top: 44px;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                -o-box-shadow: none;
                -ms-box-shadow: none;
                box-shadow: none; }
                #modal_contact .modal-dialog .modal-content .col_right form .field .dropdown .dropdown-menu li {
                  width: 100%;
                  display: block;
                  padding: 0 16px;
                  cursor: pointer; }
                  #modal_contact .modal-dialog .modal-content .col_right form .field .dropdown .dropdown-menu li a {
                    cursor: pointer;
                    color: #3a555e;
                    font-size: 16px;
                    font-weight: 500;
                    padding: 14px 0; }
                    #modal_contact .modal-dialog .modal-content .col_right form .field .dropdown .dropdown-menu li a:hover {
                      background-color: transparent; }
                  #modal_contact .modal-dialog .modal-content .col_right form .field .dropdown .dropdown-menu li:hover {
                    background-color: #f0f5f7; }
                  #modal_contact .modal-dialog .modal-content .col_right form .field .dropdown .dropdown-menu li:first-child a {
                    border-top: 1px solid #e6ebed; }
              #modal_contact .modal-dialog .modal-content .col_right form .field .dropdown.open {
                -webkit-box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.06);
                -moz-box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.06);
                -o-box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.06);
                -ms-box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.06);
                box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.06); }
                #modal_contact .modal-dialog .modal-content .col_right form .field .dropdown.open .dropdown-menu {
                  -webkit-box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.06);
                  -moz-box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.06);
                  -o-box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.06);
                  -ms-box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.06);
                  box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.06); }
                #modal_contact .modal-dialog .modal-content .col_right form .field .dropdown.open button:after {
                  -webkit-transform: rotate(180deg);
                  -moz-transform: rotate(180deg);
                  -o-transform: rotate(180deg);
                  -ms-transform: rotate(180deg);
                  transform: rotate(180deg);
                  -webkit-transition: 0.3s ease;
                  -moz-transition: 0.3s ease;
                  -ms-transition: 0.3s ease;
                  -o-transition: 0.3s ease;
                  transition: 0.3s ease;
                  transition-property: transform; }
            #modal_contact .modal-dialog .modal-content .col_right form .field input, #modal_contact .modal-dialog .modal-content .col_right form .field textarea {
              width: 100%;
              height: 48px;
              -webkit-border-radius: 6px;
              -moz-border-radius: 6px;
              -o-border-radius: 6px;
              -ms-border-radius: 6px;
              border-radius: 6px;
              background-color: #ffffff;
              border: solid 1px #e6ebed;
              padding: 10px 16px;
              font-size: 16px;
              line-height: normal;
              color: #3a555e;
              -webkit-appearance: none;
              -moz-appearance: none;
              appearance: none;
              resize: none;
              margin-top: 16px; }
            #modal_contact .modal-dialog .modal-content .col_right form .field ::-webkit-input-placeholder {
              color: #99acb3; }
            #modal_contact .modal-dialog .modal-content .col_right form .field :-moz-placeholder {
              color: #99acb3; }
            #modal_contact .modal-dialog .modal-content .col_right form .field ::-moz-placeholder {
              color: #99acb3; }
            #modal_contact .modal-dialog .modal-content .col_right form .field :-ms-input-placeholder {
              color: #99acb3; }
            #modal_contact .modal-dialog .modal-content .col_right form .field textarea {
              height: 136px; }
            #modal_contact .modal-dialog .modal-content .col_right form .field .btn_blue {
              display: inline-block;
              width: 170px;
              height: 48px;
              margin-top: 16px; }
            #modal_contact .modal-dialog .modal-content .col_right form .field:last-child {
              margin-bottom: 0; }

/***************
  END  MODAL
****************/
/***************
  @media screen
****************/
@media only screen and (max-width: 1140px) {
  #solutions .container .container_table .table_responsive .column .option {
    min-height: 232px; } }
@media only screen and (max-width: 1024px) {
  #solutions .container .need_more p {
    max-width: 300px; } }
@media only screen and (max-width: 960px) {
  #hero .container .text_middle {
    width: 63%; }

  #hero .float {
    right: -18%; }

  #hero .float img {
    opacity: 1; }

  #do_it .container .intro .col_text {
    width: calc(100% - 280px); }

  #logos .container {
    padding-bottom: 86px; }

  #logos .container .container_logos {
    max-width: 768px;
    margin: auto; }

  #logos .container .container_logos li {
    width: 26%;
    margin-bottom: 24px; }

  #logos .container .container_logos li img {
    display: block;
    margin: auto; }

  #logos .container .container_logos li span {
    margin: auto;
    display: block;
    width: 124px; }

  #solutions .container .container_list {
    background-image: none; }

  #solutions .container .container_table .table_responsive {
    position: relative; }

  #solutions .container .container_table .table_responsive .column_title {
    display: none; }

  #solutions .container .container_table .table_responsive .cols {
    width: 67%;
    display: block;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }

  #solutions .container .container_table .table_responsive #col_plus {
    width: 29%; }

  #solutions .container .container_table .table_responsive .column {
    background-color: #ffffff;
    width: 46%;
    -webkit-box-shadow: 0 12px 16px 0 rgba(6, 34, 44, 0.02);
    -moz-box-shadow: 0 12px 16px 0 rgba(6, 34, 44, 0.02);
    -o-box-shadow: 0 12px 16px 0 rgba(6, 34, 44, 0.02);
    -ms-box-shadow: 0 12px 16px 0 rgba(6, 34, 44, 0.02);
    box-shadow: 0 12px 16px 0 rgba(6, 34, 44, 0.02);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; }

  #solutions .container .container_table .table_responsive .column:first-child {
    border-right: 0;
    margin-right: 7%; }

  #solutions .container .container_table .table_responsive .column .row {
    flex-direction: column; }

  #solutions .container .container_table .table_responsive .column .row p {
    font-weight: 500; }

  #solutions .container .container_table .table_responsive .hidden {
    display: block !important;
    color: #3a555e;
    font-size: 16px;
    font-weight: normal; }

  #solutions .container .container_table .table_responsive .column .row_large {
    width: 100% !important;
    left: 0 !important;
    padding: 10px 24px 24px; }

  #solutions .container .note {
    padding-left: 0; }

  #solutions .container .need_more h5 {
    padding: 0; }

  #solutions .container .container_table .table_responsive .column .row_large .hidden {
    margin-bottom: 8px; }

  #solutions .container .container_table .table_responsive .column:nth-child(2) .row:nth-child(3) .hidden {
    margin-bottom: 8px; }

  #questions .container .columns .col_1 {
    padding-right: 0;
    max-width: 350px; }

  #questions .container .columns .col_text {
    width: calc(100% - 356px); }

  #case_studies .container,
  #about .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100%; }

  #case_studies .container .content_collapse,
  #about .container .content_collapse {
    width: 100%;
    height: auto !important; }

  #case_studies .container .container_cases,
  #about .container .container_team {
    width: auto;
    height: autp;
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    flex-wrap: nowrap;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    padding-bottom: 40px; }

  #case_studies .container .container_cases .case,
  #about .container .container_team .team {
    width: 100%;
    min-width: 327px;
    margin-bottom: 0; }

  #case_studies .container .container_cases .case:nth-child(3n+1),
  #about .container .container_team .team:nth-child(3n+1),
  #about .container .container_team .team + .team,
  #case_studies .container .container_cases .case + .case {
    margin-left: 30px; }

  #case_studies .container .container_cases .case:first-child,
  #about .container .container_team .team:first-child {
    margin-left: 24px; }

  #case_studies .container .container_cases .case:last-child {
    margin-right: 24px; }

  #case_studies .container .btn_border {
    display: none; }

  #modal_contact .modal-dialog {
    width: calc(100% - 24px);
    margin: 80px 0; } }
@media only screen and (max-width: 768px) {
  #hero .float {
    top: 63%; }

  #hero .container .text_middle {
    width: 97%; }

  #hero .container .text_middle p {
    max-width: 433px; }

  #do_it .container .intro h3,
  #do_it .container .intro .col_text,
  #questions .container .columns .col_1,
  #questions .container .columns .col_text {
    float: none;
    display: block; }

  #do_it .container .intro h3:after {
    content: "";
    display: block;
    width: 39px;
    height: 1px;
    margin-top: 24px;
    background-color: #00aeef; }

  #do_it .container .intro .col_text,
  #questions .container .columns .col_text {
    width: 100%;
    padding: 32px 0 0;
    border-left: 0; }

  #do_it .container .container_columns .col {
    float: none;
    width: calc(51.33% - 30px); }

  #do_it .container .container_columns {
    display: flex;
    flex-wrap: wrap; }

  #questions .container .columns .col_1 {
    max-width: 100%;
    margin-bottom: 48px; }

  #questions .container .columns .col_1 a {
    max-width: 100%; }

  #questions .container .columns .col_text {
    border-top: solid 1px #e6ebed; }

  #questions .container .columns .col_text {
    padding-top: 24px; }

  #questions .container .columns .col_text .panel-group .panel:last-child {
    border-bottom: solid 1px #e6ebed; } }
@media only screen and (max-width: 767px) {
  h3 {
    font-size: 38px; }

  h4 {
    font-size: 24px; }

  h6, #do_it .container .intro .col_text h6 {
    font-size: 22px; }

  .shape_2 {
    top: -1px; }

  #hero {
    height: auto;
    background-image: linear-gradient(343deg, #042b78, #0a7dde 49%, #0ad2ff);
    background-image: -webkit-linear-gradient(343deg, #042b78, #0a7dde 49%, #0ad2ff);
    background-image: -moz-linear-gradient(343deg, #042b78, #0a7dde 49%, #0ad2ff);
    background-image: -o-linear-gradient(343deg, #042b78, #0a7dde 49%, #0ad2ff);
    background-image: -ms-linear-gradient(343deg, #042b78, #0a7dde 49%, #0ad2ff);
    background-image: linear-gradient(343deg, #042b78, #0a7dde 49%, #0ad2ff); }

  #hero .container {
    padding: 100px 0 70px;
    max-width: 600px; }

  #hero .container:before {
    content: none; }

  #hero .container .text_middle {
    width: 100%;
    padding-bottom: 0; }

  #hero .container .text_middle p {
    max-width: 100%; }

  #hero .container .float {
    position: static;
    display: block;
    width: 100%;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none; }

  #hero .container .text_middle .buttons .btn_learn {
    width: 100%; }

  #hero .container .text_middle .price {
    color: #00aeef;
    text-align: center; }

  #hero .container .text_middle .price:before {
    background: url(../img/money-icon.svg) no-repeat left top; }

  #hero .float {
    height: 410px; }

  #hero .float img {
    height: 491px;
    width: auto;
    top: -10%;
    left: 45%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }

  #do_it .container .container_columns {
    display: block;
    padding-top: 23px; }

  #do_it .container .container_columns .col {
    width: 100%; }

  #do_it .container .container_columns .col + .col {
    margin-left: 0; }

  #do_it .container .container_columns .col .container_img {
    height: 296px; }

  #do_it .container .container_columns .col h4:after {
    margin-top: 24px; }

  #solutions .container, #case_studies .container {
    padding-top: 24%; }

  #solutions .container .container_table .table_responsive .cols {
    width: 100%;
    float: none;
    position: static; }

  #solutions .container .container_table .table_responsive #col_plus {
    width: 100%;
    display: block;
    position: static;
    float: none;
    max-width: 327px; }

  #solutions .container .container_table .table_responsive .column {
    float: none;
    margin: auto;
    width: 100%;
    max-width: 327px;
    margin-bottom: 40px; }

  #solutions .container .container_table .table_responsive .column:first-child {
    margin-right: auto; }

  #solutions .container .container_list .list li {
    padding: 20px; }

  #solutions .container .container_list .list li p {
    padding-left: 44px; }

  #solutions .container .container_list .list li:before {
    left: 20px; }

  #solutions .container .need_more {
    flex-direction: column;
    max-width: 350px;
    bottom: -111px;
    width: 88%; }

  #solutions .container .need_more p {
    padding: 16px 0 32px; }

  #solutions .container {
    padding-bottom: 191px; }

  #solutions .container .container_list h6,
  #solutions .container .container_list .list,
  #solutions .container .container_table h4,
  #solutions .container .container_table > p,
  #solutions .container h3,
  #solutions .container > p {
    text-align: left;
    max-width: 100%; }

  #solutions .container h3:after {
    content: "";
    display: block;
    width: 39px;
    height: 1px;
    margin-top: 24px;
    background-color: #00aeef; }

  #solutions .container .container_table {
    padding-top: 64px; }

  #do_it .container {
    padding-top: 72px; }

  #questions .container .columns .col_text .panel-group .panel .panel-heading h4 a {
    font-size: 18px;
    line-height: 1.44; }

  #about .container h3, #about .container > p {
    padding-left: 25px;
    padding-right: 25px;
    text-align: left;
    max-width: 100%; }

  #about .container {
    padding-bottom: 300px; }

  #footer .block_starte {
    width: 86%; }

  #footer .block_started h2 {
    font-size: 33px; }

  #modal_contact .modal-dialog .modal-content {
    display: block; }

  #modal_contact .modal-dialog .modal-content .col_left,
  #modal_contact .modal-dialog .modal-content .col_right {
    float: none;
    width: 100%;
    display: block;
    padding: 40px 24px 24px;
    position: relative; }

  #modal_contact .modal-dialog .modal-content .col_left > p {
    font-size: 17px;
    max-width: 100%;
    padding-bottom: 50px; }

  #modal_contact .modal-dialog .modal-content .col_right form {
    max-width: 100%;
    padding: 0; }

  #modal_contact .modal-dialog .modal-content .col_right form .field label,
  #modal_contact .modal-dialog .modal-content .col_right form .field input,
  #modal_contact .modal-dialog .modal-content .col_right form .field textarea {
    font-size: 17px; }

  #modal_contact .modal-dialog .modal-content .col_right form .field .btn_blue {
    width: 100%; }

  #modal_contact .modal-dialog .modal-content .col_left {
    min-height: 217px;
    background: #0a7dde;
    background: url(../img/bg-contact-pattern.svg) no-repeat 80% center, linear-gradient(150deg, #042b78, #0a7dde 49%, #0ad2ff);
    background: url(../img/bg-contact-pattern.svg) no-repeat 80% center, -webkit-linear-gradient(-63deg, #042b78, #0a7dde 49%, #0ad2ff);
    background-size: 45% auto, auto; }

  #modal_contact .modal-dialog .modal-content .col_right:before {
    content: "";
    display: block;
    position: absolute;
    left: -1px;
    top: -16.5%;
    height: 17%;
    width: 102%;
    background: url(../img/bg_mobile_bottom.svg) no-repeat bottom left;
    background-size: 101% auto; }

  #modal_contact .modal-dialog .modal-content .close {
    color: #ffffff;
    top: 12px;
    right: 24px;
    font-size: 43px; }

  #modal_contact .modal-dialog .modal-content .col_right form .field .btn_blue {
    margin-top: 0; } }
@media only screen and (max-width: 480px) {
  #hero .container .text_middle p {
    font-size: 18px; }

  #hero .container .text_middle h2 {
    font-size: 36px; }

  #hero .container .text_middle .buttons button {
    width: 100%; }

  #hero .container .text_middle .buttons button,
  #hero .container .text_middle .buttons p {
    display: block;
    float: none;
    margin: auto; }

  #hero .container .text_middle .buttons button + p, #hero .container .text_middle .buttons p + button {
    margin: auto; }

  #logos .container {
    padding-bottom: 34px; }

  #logos .container .container_logos li {
    width: 46%;
    flex-grow: 0;
    margin-bottom: 33px; }

  #logos .container .container_logos li:nth-child(2n+1) {
    margin-right: 6%; }

  #logos .container .container_logos li span {
    width: 100%;
    text-align: center; }

  #logos .container .container_logos li img {
    width: 82%;
    height: auto; }

  #case_studies .container .container_cases .case:nth-child(3n+1),
  #about .container .container_team .team:nth-child(3n+1),
  #about .container .container_team .team + .team,
  #case_studies .container .container_cases .case + .case {
    margin-left: 10px; }

  #case_studies .container .container_cases .case:first-child, #about .container .container_team .team:first-child {
    margin-left: 25px !important; }

  #about .container .content_collapse {
    margin-top: 24px; }

  #blocks .container .container_logos img {
    width: 44%;
    margin-right: 12%; }

  #blocks .container .container_logos img:nth-child(2n+2) {
    margin-right: 0; } }
/***************
     retina
****************/
@media all and (-webkit-min-device-pixel-ratio: 2) {
  .section#implement .container .container_col #col_2 .container_code .nav-tabs li a .circle {
    background: url(../img/sprite_tabs@2x.png) no-repeat left top #334558;
    background-size: 300px 100px;
    overflow: hidden; } }

/*# sourceMappingURL=style-home.css.map */