/*******************************************************
*
* Landing Pages
*
*******************************************************/
body.ip-container:before {
  display: none;
}

header ul#nav {
  display: none;
}

#inner-page-wrapper {
  padding: 0;
}

.header-main .header-main-wrapp{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}

/* Disable Mobile Header */
.aios-mobile-header-wrapper {
  display: none !important;
}
.header-main {
    padding-top: unset !important;
}
.header-main.short, div#landingpage {
  /*padding-top: 107px !important;*/
}

#content-sidebar, 
#content-full {
  padding: 0;
  margin: 0;
}

header nav.navigation {
  display: none;
}

div#landingpage {
  display: block;
  padding-top: 107px;
}

div#landingpage h2.landingpage-title {
  font-size: 48px;
  color: #3c676e;
  display: block;
  letter-spacing: -1px;
  font-weight: 600;
  line-height: 1;
  margin: 0;
}

  div#landingpage h2.landingpage-title.italic-style {font-style: italic;}
  div#landingpage h2.landingpage-title.is-white {color: #fff !important;}


/*******************************************************
 *
 * Homepage
 *
 *******************************************************/

 div#landingpage .landingpage-section1 {
  padding: 6% 0 8%;
  background: #346973;
  display: block;
  position: relative;
  z-index: 1;
}

  div#landingpage .landingpage-section1:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../images/landingpage/slideshow-banner.jpg);
    opacity: .40;
    z-index: -1;
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
  }

  div#landingpage .landingpage-section1 h2.landingpage-title.is-white {
    color: #fff !important;
    text-align: center;
    margin-bottom: 50px;
  }

    .banner-video {
      display: block;
      position: relative;
      font-size: 0;
    }

      .banner-video a {
        display: block;
        position: relative;
        font-size: 0;
        opacity: 1;
        background: #000;
      }

      .banner-video a canvas {
        width: 100%;
        display: block;
        background-size: cover;
        background-position: center;
        opacity: .8;
      }

      .banner-video a .play-icon {
        width: 68px;
        height: 68px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        z-index: 10;
        border: 4px solid #fff;
        border-radius: 100%;
        font-size: 23px;
        color: #fff;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
      }


    .banner-form-wrap {
      display: block;
      text-align: center;
      position: relative;
      background: rgb(255 255 255 / 25%);
      text-align: center;
      padding: 7% 6% 10%;
    }

    .banner-form-wrap .form-title {
        font-size: 57px;
        color: #fff;
        display: block;
        line-height: 1;
        margin: 0;
        display: block;
        letter-spacing: 0.08em;
        margin-bottom: 20px;
    }

      #landingpage .banner-form-wrap .form-title h2 {
        margin: 0;
        color: inherit !important;
        font-size: inherit;
        letter-spacing: inherit;
        font-weight: 600;
      }

      #landingpage .banner-form-wrap .form-title span {
        font-weight: 600;
        display: block;
        font-size: .58em;
      }

      .banner-form-wrap .banner-form {
        display: block;
        position: relative;
        font-size: 0;
      }

        .banner-form-wrap .banner-form .gfre-col-md {
          width: 50%;
          display: inline-block;
          vertical-align: middle;
          padding: 4px;
        }

        .banner-form-wrap .banner-form span.wpcf7-form-control-wrap {
          display: block;
        }

        .banner-form-wrap .banner-form .gfre-form-control {
          width: 100%;
          display: block;
          height: 32px;
          border: 0;
          background: #fff;
          font-weight: 400;
          font-size: 14px;
          border-radius: 0;
          padding: 0 12px !important;
          color: #3c676f;
          resize: none;
        }

        .banner-form-wrap .banner-form .gfre-col-lg {
          padding: 4px;
          display: block;
          width: 100%;
          position: relative;
        }

        .banner-form-wrap .banner-form textarea.gfre-form-control {
          height: 70px;
          padding-top: 12px !important;
        }


        .banner-form-wrap .banner-form .gfre-col-btn {
          position: relative;
          max-width: 160px;
          margin: 18px auto 0;
          z-index: 1;
          background: #3c676e;
          font-size: 22px;
          color: #fff;
          text-transform: uppercase;
          height: 52px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-weight: 600;
          letter-spacing: .020me;
          text-shadow: 1px 1px #000;
        }

          .banner-form-wrap .banner-form .wpcf7-submit {
            width: 100%;
            display: block;
            border: 0;
            background-color: transparent;
            font-weight: 700;
            letter-spacing: .020em;
            text-transform: uppercase;
            padding: 0;
            padding-right: .55em;
            opacity: 0;
            position: absolute;
            height: 100%;
            top: 0;
            left: 0;
          }

          .banner-form-wrap .banner-form .gfre-col-btn span[class*="ai-font"] {
            font-size: 0.5em;
            color: inherit;
            top: 0;
            display: flex;
            align-items: center;
            margin-left: 8px;
          }

          .banner-form-wrap .banner-form .gfre-col-btn:before{
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            content: '';
            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cdbc6d+30,a0814a+100 */
            background: rgb(205,188,109); /* Old browsers */
            background: -moz-linear-gradient(top,  rgba(205,188,109,1) 30%, rgba(160,129,74,1) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top,  rgba(205,188,109,1) 30%,rgba(160,129,74,1) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom,  rgba(205,188,109,1) 30%,rgba(160,129,74,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdbc6d', endColorstr='#a0814a',GradientType=0 ); /* IE6-9 */

            transition: 400ms ease;
            -webkit-transition: 400ms ease;
          }

          .banner-form-wrap .banner-form .gfre-col-btn:hover:before{
            opacity: 0;
          }

          .banner-form-wrap .banner-form span.wpcf7-not-valid-tip {
            position: absolute;
            top: 18%;
            font-size: 12px;
            width: initial;
            line-height: 1;
          }

          .banner-form-wrap .banner-form .wpcf7-response-output {
            position: absolute;
            top: 100%;
            width: 100%;
            margin: 5px 0 0 0;
            font-size: 14px;
            color: #fff;
          }



.landingpage-section2 {
  padding-top: 100px;
  display: block;
}

.landingpage-container {
  max-width: 1420px;
  margin: 0 auto;
  display: block;
  position: relative;
  padding: 0 15px;
}

  .landingpage-perks-list {
    display: block;
    position: relative;
    font-size: 0;
    margin: 0 -15px;
  }

  .landingpage-perks-list .landingpage-perks-item {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding: 0 15px;
    text-align: center;
  }

  .landingpage-perks-item .item-inner {
    padding: 10px 18px;
    background: #fff;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
    min-height: 555px;
    width: 100%;
    position: relative;
    padding-top: 15%;
  }

    .landingpage-perks-item .icon-wrap {
      display: block;
      margin-bottom: 25px;
      min-height: 80px;
      width: 100%;
    }

    .landingpage-perks-item .icon-wrap img {
      margin: 0 auto;
    }

    .landingpage-perks-item .item-desc {
      color: #444444;
      font-size: 16px;
      line-height: 30px;
      font-weight: 300;
      display: block;
    }

    #content .landingpage-perks-item .item-desc p {
      letter-spacing: inherit;
      line-height: inherit;
      margin: 0;
    }

    #content .landingpage-perks-item .item-desc h3 {
      line-height: 1;
      margin: 0 0 40px;
      font-size: 1.8em;
      font-weight: 600;
    }

    .landingpage-perks-item .item-inner:before, 
    .landingpage-perks-item .item-inner:after {
      content: '';
      position: absolute;
      left: 0;
      width: 100%;
      height: 10px;
    }

    .landingpage-perks-item .item-inner:before{
      background-color: #3c676e;
      top: 0;
    }
    .landingpage-perks-item .item-inner:after {
      background-color: #c3af65;
      bottom: 0;
    }



.landingpage-section3 {
  display: block;
  padding: 50px 0;
  text-align: center;
}

.landingpage-testi {
  display: block;
  text-align: center;
  font-size: 0;
}

  .landingpage-testi .testi-title {
    margin-bottom: 40px;
    display: block;
  }

  .landingpage-testi .testi-title img {
    margin: 0 auto 25px;
    display: block;
  }

  .landingpage-testi .testi-list {
    font-size: 0;
    margin: 0 -15px;
  }

  .landingpage-testi .testi-list .testi-item {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    padding: 0 15px;
  }

  .testi-list .testi-item .item-inner {
    min-height: 410px;
    width: 100%;
    border: 5px solid #3c676e;
    padding: 15px;

    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    flex-direction: column;
    -webkit-flex-direction: column;
  }

    .testi-item .testi-top {
      display: flex;
      align-items: center;
      width: 100%;
    }

      .testi-item .auth-photo {
        width: 30%;
        border-radius: 100%;
        display: block;
        overflow: hidden;
      }

      .testi-item .auth-photo img {
        width: 100%;
        display: block;
      }

      .testi-item .auth-details {
        width: 70%;
        display: block;
        padding-left: 15px;
        line-height: 1;
        text-align: left;
      }

      .testi-item .auth-details .auth-top {
        font-size: 20px;
        color: #414141;
        font-weight: 700;
      }

      .testi-item .auth-details .auth-middle {
        display: flex;
        align-items: center;
        margin: 5px 0;
        width: 75%;
      }

      .testi-item .auth-details .auth-middle img {
        width: 20%;
      }

      .testi-item .auth-details .auth-bottom {
        font-size: 12px;
        color: #414141;
        display: block;
      }

    .testi-item .testi-bottom {
      font-size: 16px;
      line-height: 31px;
      font-weight: 300;
      color: #414141;
      text-align: left;
      margin-top: 20px;
    }

      #content .testi-item .testi-bottom p {
        line-height: inherit;
        margin: 0;
      }

      .testi-item .testi-bottom .readmore a {
        display: inline-block;
        vertical-align: middle;
        color: #0082cc;

        transition: 400ms ease;
        -webkit-transition: 400ms ease;
      }

      .testi-item .testi-bottom .readmore a:hover{
        color: #3c676e;
      }




.landingpage-section4 {
  background: #346973;
  padding: 80px 0;
  display: block;
  position: relative;
  font-size: 0;
  z-index: 1;
}

  .landingpage-section4 .accent-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: -1;
    background: #6a7866;
    opacity: .70;
  }

    .landingpage-section4 .accent-bg:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-image: url(../../images/landingpage/git-bg.jpg);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: left;
      opacity: .20;
      filter: grayscale(1);
    }

    .landingpage-section4 .accent-bg:after {
      z-index: 1;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: '';
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#346973+0,346973+89&0+0,1+72 */
      background: -moz-linear-gradient(left,  rgba(52,105,115,0) 0%, rgba(52,105,115,1) 72%, rgba(52,105,115,1) 89%); /* FF3.6-15 */
      background: -webkit-linear-gradient(left,  rgba(52,105,115,0) 0%,rgba(52,105,115,1) 72%,rgba(52,105,115,1) 89%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right,  rgba(52,105,115,0) 0%,rgba(52,105,115,1) 72%,rgba(52,105,115,1) 89%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00346973', endColorstr='#346973',GradientType=1 ); /* IE6-9 */

    }

  #content .landingpage-section4 h2.landingpage-title {
    margin-bottom: 30px;
  }

  .contact-us-form {
    display: block;
    position: relative;
    font-size: 0;
    max-width: 1000px;
    margin: 0 auto;
  }

  .contact-us-form label {
    display: block;
  }

  .contact-us-form .culm-col-md {
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
    width: 33.33%;
  }

  .contact-us-form span.wpcf7-form-control-wrap {
    width: 100%;
    display: block;
  }

    #landingpage .contact-us-form .culm-form-control {
      width: 100%;
      display: block;
      height: 42px;
      border: 0;
      background: #fff;
      font-weight: 400;
      font-size: 15px;
      border-radius: 0;
      padding: 0 12px !important;
      color: #3c676f;
      resize: none;
    }

    .contact-us-form .culm-col-lg {
      padding: 5px;
      width: 66.66%;
      display: inline-block;
      vertical-align: middle;
    }
      
    #landingpage .contact-us-form textarea.culm-form-control {
      padding-top: 6px !important;
    }

    .culm-col-btn {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: 35px 5px 0;
    }

    .contact-us-form .culm-btn {
      width: 100%;
      position: relative;
      max-width: 160px;
      margin: 0;
      z-index: 1;
      background: #3c676e;
      font-size: 22px;
      color: #fff;
      text-transform: uppercase;
      height: 52px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 600;
      text-shadow: 1px 1px #000;
    }

      .culm-col-btn > .label-text {
        font-size: 24px;
        letter-spacing: .020em;
        line-height: 1;
        display: block;
        color: #fff;
        margin-left: 20px;
      }

        .culm-col-btn .label-text span {
          color: #eccd41;
          font-weight: 600;
        }

      .contact-us-form .wpcf7-submit {
        width: 100%;
        display: block;
        border: 0;
        background-color: transparent;
        font-weight: 700;
        letter-spacing: .020em;
        text-transform: uppercase;
        padding: 0;
        padding-right: .55em;
        opacity: 0;
        position: absolute;
        height: 100%;
        top: 0;
        left: 0;
      }

      .contact-us-form .culm-btn span[class*="ai-font"] {
        font-size: 0.5em;
        color: inherit;
        top: 0;
        display: flex;
        align-items: center;
        margin-left: 8px;
      }

      .contact-us-form .culm-btn:before{
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        content: '';
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cdbc6d+30,a0814a+100 */
        background: rgb(205,188,109); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(205,188,109,1) 30%, rgba(160,129,74,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(205,188,109,1) 30%,rgba(160,129,74,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(205,188,109,1) 30%,rgba(160,129,74,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdbc6d', endColorstr='#a0814a',GradientType=0 ); /* IE6-9 */

        transition: 400ms ease;
        -webkit-transition: 400ms ease;
      }

      .contact-us-form .culm-btn:hover:before{
        opacity: 0;
      }

      .contact-us-form span.wpcf7-not-valid-tip {
        position: absolute;
        top: 18%;
        font-size: 12px;
        width: initial;
        line-height: 1;
      }

      .contact-us-form .wpcf7-response-output {
        position: absolute;
        top: 100%;
        width: 100%;
        margin: 5px 0 0 0 !important;
        font-size: 14px;
        color: #fff;
        text-align: center;
      }


footer.footer .sm-icon-ftr {
  display: none;
}

footer.footer .ftr-contact-info {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  max-width: 610px;
  margin-left: auto;
  position: relative;
}

  footer .ftr-contact-info:before {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 1px;
    background: #5d9496;
    right: -15px;
  }

  footer.footer .ftr-contact-info img {
    width: 170px;
    max-width: 100%;
  }

  footer.footer .ftr-info-text > span {
    margin: 0;
    width: 50%;
    font-size: 17px;
    letter-spacing: 0;
    line-height: 1.7;
  }

  .ftr-info-text {
    width: 100%;
    padding: 0 6.5%;
    display: flex;
    flex-wrap: wrap;
    height: 60px;
    flex-direction: column;
    text-align: left;
  }

  .ftr-logos {
    position: relative;
    display: block;
    font-size: 0;
  }

.mobilevideo{
display: none;
}
.culm-col-btn a:hover {
    color: #fff;
}

/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/
@media only screen and (max-width: 1366px) {
  .header-main .header-main-wrapp {
    padding: 0 15px;
  }
}

@media only screen and (max-width: 1199px) {
  .banner-form-wrap {
    padding: 7% 6% 70px;
  }
}

@media only screen and (max-width: 991px) {

  .banner-video{
    display: none;
  }
  .mobilevideo iframe {
    width: 100%;
  }
  header.header-main {
    margin: 52px 0 0;
  }
  .aios-mobile-header-wrapper.aios-mobile-header-wrapper-breakpoint-992 {
    display: block !important;
  }
  .mobilevideo{
    display: block;
  }

  div#landingpage {
    padding-top: 160px;
  }

  div#landingpage h2.landingpage-title {
    font-size: 42px;
  }

  div#landingpage .landingpage-section1,
   div#landingpage .landingpage-section2, 
   div#landingpage .landingpage-section3, 
   div#landingpage .landingpage-section4 {
    padding: 40px 0;
  }

  .banner-video {
    margin-bottom: 30px;
  }

  .landingpage-perks-list .landingpage-perks-item {
    width: 50%;
    margin-bottom: 30px;
  }

  footer.footer .ftr-contact-info {
    display: block;
    text-align: center;
    margin: auto;
  }
  footer .ftr-contact-info:before {
    display: none;
  }

  .ftr-info-text {
    padding: 0;
    /* text-align: -webkit-auto; */
    display: block;
    text-align: center;
    height: initial;
    padding: 15px 0;
  }

  footer.footer .ftr-info-text > span {
    line-height: 1.3;
    font-size: 15px !important;
    text-align: center;
    width: 100%;
  }

  .banner-form-wrap .form-title {
    font-size: 47px;
  }

  .culm-col-btn span.wpcf7-form-control-wrap,
  .culm-col-btn > .label-text {
    width: auto;
  }
  .culm-col-btn {
    justify-content: center;
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  div#landingpage h2.landingpage-title {
    font-size: 36px;
  }

  .banner-form-wrap .form-title {
    font-size: 38px;
  }

  .landingpage-perks-list .landingpage-perks-item {
    width: 100%;
    max-width: 420px;
    margin: 0 auto 15px;
    display: block;
  }

  .landingpage-perks-item .item-inner {
    min-height: inherit;
    padding: 25px 10px;
  }

  .landingpage-perks-item .item-desc {
    font-size: 15px;
    line-height: 1.5;
  }

  div#landingpage .landingpage-section4 {
    padding-bottom: 70px;
  }

  .culm-col-btn {
    padding-top: 15px;
  }
}

@media only screen and (max-width: 480px) {
  div#landingpage h2.landingpage-title {
    font-size: 32px;
  }

  .banner-form-wrap .form-title {
    font-size: 32px;
  }
}