/*
Theme Name: Net Elevation Template v2
Theme URI: https://www.netelevation.com/
Description: Custom Theme by Net Elevation
Version: 2.0
Author: Net Elevation
Author URI: https://www.netelevation.com/
*/



.container { max-width: 1316px; padding: 0; }
.container-smaller { max-width: 1276px; padding: 0 20px; }
.row--5 { margin-left: -5px; margin-right: -5px; }
.row--5 .col { padding-left: 5px; padding-right: 5px; }
img { max-width: 100%; height: auto !important; }

.with-background-image { background-position: center; background-repeat: no-repeat; background-size: cover; }
.parallax { background-attachment: fixed; }
.has-lightblue-bg { background-color: #2094a8; }
.text-center { text-align: center; }

.dropdown:hover>.dropdown-menu {
  display: block;
  left: 60px;
  top: 35px;
}

a { color: inherit; }
a:hover { text-decoration: none; }

.hov { border: 2px solid #fff; }
.hov:hover { border: 2px solid #d4e1eb; }

.btn { display: inline-block; }
.btn-primary { transition: background-color .2s ease; background-color: #2094a8; color: #fff; font-size: 19px; border-radius: 6px; border: none; outline: none; letter-spacing: .13em; text-transform: uppercase; padding: 12px 30px; font-size: 18px; font-weight: 100; }
.btn-primary:hover { background-color: #7c7c7c; }
.btn-logo { box-shadow: 0 5px 20px 0 rgba(0,0,0,.5); padding: 0; }
.btn-logo:not(:last-child) { margin-right: 10px; }
.btn-logo--grey { background-color: #e2e2e2; }

body { background-color: #fff; font-family: 'montserrat', sans-serif; color: #000; font-size: 16px; font-weight: 300; line-height: 1.5; }

header { padding: 50px 0 0 0; position: relative; z-index: 999; }
.header-wrap { display: flex; justify-content: space-between; align-items: center; }
.header-logo img { max-height: 85px; }
/*.header-menu .nav li a { font-family: 'lato'; font-size: 14px; text-transform: uppercase; letter-spacing: .02em; color: #0861aa; transition: all .2s ease; font-weight: bold; }
.header-menu .nav li a:hover { color: #94c83d; }
.header-menu .nav li:not(:last-child) { position: relative; padding-right: 30px; margin-right: 30px; }
.header-menu .nav li:not(:last-child):after { content: '|'; color: #0861aa; position: absolute; right: -2px; }

.menu-icon { width: 30px; }
.menu-icon span { background: #0861aa; height: 4px; margin: 6px 0; display: block; width: 100%; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; }
.menu-icon .bar1 { margin-top: 0; }
.menu-icon.open span { background: #94c83d; }
.menu-icon.open .bar2 { opacity: 0; }
.menu-icon.open .bar1 { -webkit-transform: rotate(-45deg) translate(-7px, 7px); -ms-transform: rotate(-45deg) translate(-7px, 7px); transform: rotate(-45deg) translate(-7px, 7px); }
.menu-icon.open .bar3 { -webkit-transform: rotate(45deg) translate(-7px, -7px); -ms-transform: rotate(45deg) translate(-7px, -7px); transform: rotate(45deg) translate(-7px, -7px); }

.off-canvas-menu { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background-color: #0861aa; position: fixed; top: 70px; left: -100%; width: 100%; height: calc(100vh - 70px); z-index: 998; padding: 40px 20px 25px; }
.off-canvas-menu.open { left: 0; }
.off-canvas-menu .main-menu { max-height: 60vh; overflow: auto; padding-right: 10px; }
.off-canvas-menu .main-menu li { margin-bottom: 7px; position: relative; }
.off-canvas-menu .main-menu li a { font-size: 14px; color: #fff; text-transform: uppercase; }
.off-canvas-menu .main-menu li a:hover { color: #94c83d; }
*/

.navbar { background-color: #1358a8 !important; background-image: none; border: 0; border-radius: 0; margin-top: 35px; position: static; }
.navbar-collapse { padding-left: 0; }
.navbar-nav { width: 100%; }
.navbar-nav li { width: 20%; }
.navbar-nav > li > a { text-shadow: none; padding: 10px 20px; text-align: center; }
.navbar .navbar-nav > li > a { color: #fff !important; font-size: 17px; }
.navbar .navbar-nav > li > a:hover { color: #94c83d !important; }

.navbar-toggler { position: absolute; right: 10px; top: 28px; }
.navbar-toggler-icon, .navbar-toggler { color: #fff !important; }

.home-hero { position: relative; overflow: hidden; }
.home-hero__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.home-hero__image img { position: absolute; height: 100%; min-width: 100%; object-fit: cover; object-position: center; }
.home-hero__text { position: relative; padding: 130px 40px 160px; z-index: 3; color: #fff; text-shadow: 0 0 10px #fff; }
.home-hero__text h1 { font-size: 64px; font-weight: 300; line-height: 1; }
.home-hero__text h2 { color: #94c83d; font-size: 38px; font-weight: 600; letter-spacing: -.02em; line-height: 1.3; margin-bottom: 60px; }
.home-hero__text ul { padding-left: 20px; }
.home-hero__text ul li { font-size: 22px; font-weight: 300; }
.home-hero__shape { position: absolute; z-index: 2; background-color: #0861aa; width: 80%; height: 100%; left: -400px; top: 0; transform: skewX(-45deg); }

.section-header { margin-bottom: 35px; }
.section-header h2 { font-size: 32px; font-weight: 300; letter-spacing: -.02em; }

.section-padding { padding: 60px 0; }
.section-padding-2 { padding: 80px 0; }

.features-grid { background-color: #d4e1eb; padding-top: 68px; padding-bottom: 40px; }
.features-grid__rows { display: flex; justify-content: space-between; margin: 0 -10px; }
.features-grid__col { width: 100%; max-width: 340px; padding: 0 10px; }
.feature-item { margin-bottom: 35px; }
.feature-item__thumb { padding-top: 38%; }
.feature-item__content { padding: 25px 0px 0; }
.feature-item__content h3 { text-align: center; font-weight: 300; font-size: 17px; line-height: 1.5; }

.text-area {}
.text-area h2, .text-area h1 { font-size: 32px; font-weight: 300; letter-spacing: -.02em; margin-bottom: 20px; }
.text-area p { font-size: 20px; letter-spacing: -.02em; line-height: 1.4; }

footer {  }
.footer-inner { background-color: #0861aa; position: relative; overflow: hidden; border-top: solid 7px #94c83d; padding: 55px 0; }
.footer-inner__shape { position: absolute; z-index: 2; background-color: #0861aa; width: 80%; height: 100%; right: -160px; top: 0; transform: skewX(-45deg); }
.footer-inner__wrap { position: relative; z-index: 2; }
.footer-widget { color: #fff; }
.footer-widget .nav li { line-height: 1.4; }
.footer-widget .nav li a { font-size: 13.5px; text-transform: uppercase; letter-spacing: .02em; font-weight: 400; transition: all .2s ease; line-height: 1.3; }
.footer-widget .nav li a:hover { color: #94c83d; }
.footer-copyright { font-size: 13px; font-weight: 400; letter-spacing: .02em; color: #fff; margin-top: 35px; }
.footer-logo img { max-height: 46px; }

.green { color: #94c83d; font-size: 18px; }
.fa-comment-dollar { font-size: 27px; }
.wp-post-image{ height: auto !important; }

ul.no_bullet {
list-style-type: none;
padding: 0;
margin: 0;
}

ul.no_bullet li {
background: url('/images/triangle.png') no-repeat left top;
padding: 0 0 0 42px;
margin: 12px 0;
}

.privacy ul.no_bullet li { background: url('/images/triangle2.png') no-repeat left top; }

ul.no_bullet li b { color: #1358a8; }
ul.no_bullet.locations { margin-top: 30px; }
ul.no_bullet.locations li { padding-bottom: 30px; }

.btn-success, #gform_submit_button_1 { background-color: #97c64c !important; text-shadow: none; background-image: none; text-transform: uppercase !important; font-size: 19px !important; padding: 20px 15px; border:0 !important; border-radius: 10px !important; color: #fff !important; }
 .btn-success:hover { background-color: #7ba23c !important; }

form .btn-success { padding: 20px 60px !important; margin-top: 40px !important; }
.wpforms-required-label { display:none; }

.pad40 { padding-top: 40px; }

.footer-badge img { max-width: 100px; }

.gform_required_legend { display:none; }


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



}

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

  header { padding: 20px 0; }
  .header-logo img { max-height: 70px; }
  .header-menu .nav li:not(:last-child) { padding-right: 15px; margin-right: 15px; }

  .home-hero__shape { left: -300px; }
  .home-hero__text h1 { font-size: 54px; }
  .home-hero__text h2 { font-size: 27px; }
  .home-hero__text ul li { font-size: 18px; }

  .text-area p { font-size: 18px; }
  .text-area h2 { font-size: 27px; }
  .section-header h2 { font-size: 27px; }

}

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

  .navbar .navbar-nav > li > a { font-size: 15px; }

  .home-hero__shape { width: 100%; left: -260px; }

  .features-grid__rows { flex-wrap: wrap; justify-content: center; }

  .footer-inner__shape { display: none; }
  .footer-logo { display: inline-block; margin-bottom: 20px; }
  .footer-copyright { margin-top: 20px; }


}

@media (max-width: 799px)  {
   .navbar .navbar-nav > li > a { font-size: 13px; }
}

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

   .navbar-nav li { width: 100%; font-size: 17px; }

  .home-hero__shape { left: 0; transform: none; opacity: .8; }
  .home-hero__text { padding: 60px 20px 60px; }
  .home-hero__text ul { margin: 0; }

  .btn-logo:not(:last-child) { margin-right: 0; margin-bottom: 10px; }

}

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

  .header-logo img { max-height: 50px; }
  .home-hero__text { padding: 40px 20px; }
  .home-hero__text h1 { font-size: 38px; }
  .home-hero__text h2 { font-size: 19px; margin-bottom: 30px; }
  .home-hero__text ul li { font-size: 13px; }
  .home-hero__image img { object-position: center right; }
  .pad40 { padding-top: 0; }

  footer { text-align: center; }

}
/* KEEP THIS IN ALL CSS, so that customers can use the alignment features when adding images. */
/* Begin Images */
p img {
   padding: 0;
   max-width: 100%;
   }

/* Using 'class="alignright"' on an image will (who would've
   thought?!) align the image to the right. And using 'class="centered',
   will of course center the image. This is much better than using
   align="center", being much more futureproof (and valid) */

img.centered, img.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
   }

img.alignright {
   padding: 4px;
   margin: 0 0 2px 7px;
   display: inline;
   }

img.alignleft {
   padding: 4px;
   margin: 0 7px 2px 0;
   display: inline;
   }

.alignright {
   float: right;
   }

.alignleft {
   float: left
   }
/* End Images */