@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Heebo'), local('Heebo-Regular'),
       url('heebo-regular-woff2.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('heebo-regular-woff.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Heebo'), local('Heebo-Light'),
       url('heebo-300-woff2.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('heebo-300-woff.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Heebo'), local('Heebo-Bold'),
       url('heebo-bold-woff2.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('heebo-bold-woff.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'),
       url('roboto-regular-woff2.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('roboto-regular-woff.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Medium'),
       url('roboto-500-woff2.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('roboto-500-woff.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

:root{
    --heebo: 'Heebo', Helvetica, Arial, sans-serif;
    --roboto: 'Roboto', Helvetica, Arial, sans-serif;
    --blue: #007cba;
    --gray-200: #2c3135;
    --gray-750: #b1bbc5;
    --orange: #ff5000;
    --blue-400: #44627f;
    --white-960: #edf4f7;
    --black: #091521;
    --gray-530: #76818b;
    --form-box-shadow: 0px 0px 5px 4px rgba(0,124,186,0.25);
}
body{
    font-family:var(--heebo);
    font-size:16px;
    line-height:30px;
    letter-spacing:0.01rem;
    color:var(--gray-200);
    font-weight:400;
}
p{
    font-size:16px;
    line-height:30px;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6{
    color:var(--black);
    font-family:var(--heebo);
}
h1, .h1{
    font-weight:300;
    font-size:40px;
    line-height:58px;
}
.xl{
    font-weight:bold;
    font-size:46px;
    line-height:58px;
}
h2, .h2{
    font-weight:300;
    font-size:36px;
    line-height:42px;
    letter-spacing:0;
}
h3, .h3{
    font-size:30px;
    line-height:36px;
}
h4, .h4{
   font-size:24px;
   line-height:30px;
   letter-spacing:0;
   font-weight:300;
}
h5, .h5{
    font-size:21px;
    line-height:30px;
    font-weight:400;
}
.font-light{
    font-weight:300;
}
.flex-row{
    display: flex;
    flex-wrap: wrap;
}
.justify-content-center{
    justify-content: center!important;
}
.justify-content-end{
    justify-content: flex-end!important;
}
.justify-content-around{
    justify-content: space-around!important;
}
.align-items-center{
    align-items: center!important;
}
.align-items-end{
    align-items: flex-end!important;
}
.h-100{
    height:100%;
}
.col-auto{
    flex: 0 0 auto;
    width: auto;
    padding-left:15px;
    padding-right:15px;
}
.col{
    width:100%;
    max-width:100%;
    flex: 1 0 0%;
}
.gx-0{
    margin-left:0;
    margin-right:0;
}
.gx-2{
    margin-right: -.5rem;
    margin-left: -.5rem;
}
.gx-2 .col-auto,
.gx-2 .col,
.gx-2 .col-sm-6,
.gx-2 .col-xs-12{
    padding-left:.5rem;
    padding-right:.5rem;
}
.gx-0 .col-auto,
.gx-0 .col{
    padding-left:0rem;
    padding-right:0rem;
}
.no-pad{
    padding-left:0;
    padding-right:0;
}
.mb-0{
    margin-bottom:0;
}
.mb-3{
    margin-bottom:1rem;
}
hr{
    border-color:var(--gray-750);
}
.text-uppercase{
    text-transform:uppercase;
}
.text-primary{
    color:var(--blue);
}
.text-opaque{
    opacity:.6;
}
h2.text-white{
    color:#fff;
}
.strip h3.font-light{
    font-weight:300;
}
.position-relative{
    position:relative;
}
.visually-hidden { 
    position: absolute !important;
    height: 1px; 
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap; /* added line */
}
img[width][height] {
    content-visibility: auto;
}
img {
    max-width: 100%;
    height: auto;
}
.btn-primary{
    border-radius:0;
    border-color:var(--orange);
    font-weight:400;
    font-size:15px;
    letter-spacing:0.05rem;
    font-family:var(--heebo);
    color:var(--orange);
}
.btn-primary:hover,
.btn-primary:focus{
    background-color:var(--orange);
    border-color:var(--orange);
}
.btn-white{
    color:#fff;
    border-color:#fff;
}
.btn-white:hover,
.btn-white:focus{
    background-color:#fff;
    border-color:#fff;
    color:var(--orange);
}
.btn-white.btn-filled{
    color:var(--orange);
    border-color:#fff;
}
.btn-white.btn-filled:hover,
.btn-white.btn-filled:focus{
    border-color:var(--orange);
    background-color:var(--orange);
    color:#fff;
}
.btn-primary.btn-filled:not(.btn-white){
    background: var(--orange);
}
.btn-primary.btn-filled:not(.btn-white):hover,
.btn-primary.btn-filled:not(.btn-white):focus{
    border-color:var(--orange);
    color:var(--orange);
    background:#fff;
}
section{
    padding-top:var(--sm);
    padding-bottom:var(--sm);
}
.footer-container p a{
    color:var(--blue);
}


/* Navigation */
.top-bar{
    background:unset;
}
.top-bar .utility-menu .utility-inner{
    border:none;
}
.top-bar .blue-bar{
    background-color:var(--blue);
}
.utility-menu{
    margin-top:unset;
    padding:1px 0;
}
.alt-font{
    font-family:var(--roboto);
    font-weight:500;
    text-transform:none;
    font-size:11px;
    line-height:38px;
    letter-spacing:0.01rem;
}
.utility-menu .utility-inner{
    padding-bottom:0;
}
.utility-menu span{
    top:unset;
}
.utility-menu .utility-inner a{
    color:#fff;
}
.utility-menu .utility-inner a:hover,
.utility-menu .utility-inner a:focus{
    opacity:.65;
    text-decoration:underline;
}
.main-nav{
    padding-top:10px;
    padding-bottom:10px;
}
.logo.logo-wide{
    bottom:unset;
    margin-bottom:0;
    max-width:250px;
}
.navbar{
    border:none;
    margin-bottom:0;
}
.navbar-nav li a{
    text-transform:none;
    font-weight:400;
    font-size:16px;
    font-family:var(--heebo);
    letter-spacing:0.01rem;
    line-height:38px;
    padding-bottom:0;
    color:var(--black);
    padding-top:0;
}
.navbar-nav:not(.social-icons)  li a{
    padding-left:10px;
    padding-right:10px;
}
.navbar-nav:not(.social-icons) li a svg{
    font-size:12px;
}
.nav>li>a:focus, .nav>li>a:hover{
    background-color:unset;
    opacity:.75;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
    background-color:unset;
    opacity:.75;
    text-decoration:underline;
}
.navbar-nav li .dropdown-menu>li>a,
.navbar-nav li.active .dropdown-menu>li>a{
    color:var(--black);
    text-decoration:none;
    opacity:1;
    font-size:14px;
    line-height:28px;
}
.navbar-nav:not(.social-icons) li .dropdown-menu>li>a{
    padding-left:15px;
    padding-right:15px;
}
.navbar-nav li .dropdown-menu li a:hover,
.navbar-nav li .dropdown-menu li a:focus{
    background-color:var(--white-960);
    color:var(--blue);
}
.navbar-nav li .dropdown-menu li.active a{
    background:var(--blue);
    color:var(--white-960);
}
.dropdown-menu{
    border:none;
    border-radius:0;
}
.nav-sticky .navbar-nav li a,
.full-color .navbar-nav li a,
.overlay-bar.nav-sticky .social-icons li a,
.full-color .social-icons li a{
    color:var(--black);
}
.navbar-nav li.active a{
    opacity:.75;
    text-decoration:underline;
}
.logo-link{
    display:block;
}
.logo-link:hover,
.logo-link:focus{
    opacity:.65;
}
.top-bar .social-icons li{
    line-height:32px;
    margin-right:0;
}
.top-bar .social-icons li:last-child a{
    padding-right:0;
}
.top-bar .social-icons li a{
    font-size:14px;
}
.top-bar .social-icons li a:hover,
.top-bar .social-icons li a:focus{
    opacity:.65;
}

.navbar-toggle{
    color:#fff;
    border-color:#fff;
    margin-top:0px;
    margin-bottom:0;
    margin-right:0;
    border-radius:0;
}
.nav-sticky .navbar-toggle,
.full-color .navbar-toggle{
    color:var(--black);
    border-color:var(--black);
}
.nav-sticky .logo-wide{
    bottom:unset !important;
}
.full-color .overlay-bar .logo-light{
    display:none;
}
.full-color .overlay-bar .logo-dark{
    display:block;
}
.navbar:not(.nav-sticky) .navbar-collapse{
    background: rgba(255, 255, 255, 0.9);
    
}
.navbar .navbar-collapse{
    padding-top:5px;
    padding-bottom:5px;
    margin-top:5px;
}
.mobile-phone{
    display:block;
    color:#fff;
    font-size:30px;
}
.nav-sticky .mobile-phone,
.full-color .mobile-phone{
    color:var(--black);
}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
    margin-right:0;
    margin-left:0;
}
.logo-col{
    margin-left:auto;
    margin-right:auto;
}


/* Footer */
.footer-container{
    background-color:var(--white-960);
}
.footer-container section:nth-of-type(odd){
    background:unset;
}
.clients-2 img{
    opacity:1;
    max-height:unset;
    max-width:100%;
}
.clients-2{
    padding-bottom:0;
}
.glide__slides{
    align-items:center;
}
.footer-container hr{
    margin-top:4px;
    margin-bottom:4px;
}
.menu li a{
    color:var(--blue-400);
    padding-bottom:0;
    font-weight:400;
    font-family:var(--heebo);
    font-size:13px;
    line-height:38px;
    letter-spacing:0;
}
.menu li{
    margin-right:30px;
}
.locations-container .menu li{
    color:var(--blue-400);
    padding-bottom:0;
    font-weight:400;
    font-family:var(--heebo);
    font-size:13px;
    line-height:48px;
    letter-spacing:0;
    text-transform:uppercase;
}
.locations-container{
    padding-bottom:30px;
}
.footer-container .social-icons li a{
    color:var(--blue-400);
    font-size:24px;
    line-height:32px;
}
.footer-container .social-icons{
    margin-top:18px;
}
.footer-container .social-icons li{
    margin-right:70px;
}
.footer-container p{
    color:var(--blue-400);
}
.menu li a:hover,
.menu li a:focus,
.footer-container .social-icons li a:hover,
.footer-container .social-icons li a:focus{
    color:var(--orange);
}
.footer-container .bottom-hr{
    margin-top:50px;
}
.footer-container .copyright p{
    color:var(--gray-530);
    font-size:10px;
    line-height:21px;
    letter-spacing:0.025rem;
    font-family:var(--roboto);
    margin-bottom:0;
}
.footer-container .copyright p a{
    text-decoration:underline;
    color:var(--gray-530);
}
.ms-3{
    margin-left:1rem;
}
.footer-container .copyright p a:hover,
.footer-container .copyright p a:focus{
    color:var(--orange);
}
footer{
    padding-bottom:10px;
    padding-top:0px;
}
footer.no-logos{
    padding-top:40px;
}
.clients-2{
    padding: var(--sm) 0px var(--sm) 0px;
}
footer .nav-tabs{
    border-bottom:none;
    margin-top:23px;
    margin-bottom:10px;
}
footer .nav-tabs a{
    padding: 5px 15px;
    line-height:30px;
}
footer .nav-tabs a:hover,
footer .nav-tabs a:focus{
    color:var(--orange);
    opacity:1;
    border-color:var(--white-960);
}
footer .nav-tabs>li.active>a,
footer .nav-tabs>li.active>a:focus,
footer .nav-tabs>li.active>a:hover{
    color:#fff;
    background-color:var(--blue);
    border-color:var(--blue);
    border-radius:0;
}


/* Home */
.hero-slider .slides li .btn{
    padding: 21px 28px 20px 28px;
}
.hero-slider .slides li.overlay::before{
    background-color:unset;
    background-image: -moz-linear-gradient( 270deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
  background-image: -webkit-linear-gradient( 270deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
  background-image: -ms-linear-gradient( 270deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
  opacity: 0.302;
  left: 0px;
  right:0;
  height:150px;
}
.hero-slider .slides li{
    background-color:var(--black);
}
.hero-slider .slides li .background-image-holder{
    opacity:.65;
}
.hero-slider .slides li.overlay::after{
    background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 50%);
  background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 50%);
  background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 50%);
  opacity: 0.302;
  position: absolute;
  left: 0px;
  height:150px;
  bottom:0;
  right:0;
  content:'';
  z-index: 2;
}
.hero-slider .slides li h1{
    font-size:40px;
    line-height:42px;
    letter-spacing:0.01rem;
}
.flex-control-paging li a{
    border:1px solid #fff;
    height:10px;
    width:10px;
    background:unset;
}
.flex-control-paging li a.flex-active{
    background-color:#fff;
}
.flex-control-nav{
    bottom:25px;
}
.flex-control-nav li{
    margin: 0 10px;
}
.flex-control-paging li a:not(.flex-active):hover{
    background-color:var(--orange);
}
.bg-primary{
    background-color:var(--blue) !important;
}
section.lite-blue-bkg:nth-of-type(odd),
section.lite-blue-bkg{
    background:var(--white-960);
}
.blue-list ul{
    list-style:disc;
    padding-left:40px;
}
.blue-list ul li{
    color:var(--blue);
    font-size:15px;
    line-height:29px;
}
.feat-tpl{
    padding-bottom:60px;
}
.feat-tpl .btn{
    position:absolute;
    left:15px;
    bottom:0;
    z-index:1;
}
.icon-fact-tpl svg{
    width:50px;
}
.icon-fact-tpl p{
    line-height:24px;
    margin-bottom:11px;
}
.check-list{
    color:var(--gray-530);
    font-size:15px;
    font-family:var(--roboto);
}
.check-list svg{
    color:var(--blue);
    font-size:14px;
    margin-right:3px;
}
.bg-secondary-1{
    background-color:var(--blue-400) !important;
}
a.text-white{
    color:#fff;
}
a.text-white:hover,
a.text-white:focus{
    opacity:.75;
}
.fin-link:hover img,
.fin-link:focus img{
    opacity:.75;
}
.bg-orange{
    background:var(--orange) !important;
}
.quote-mark{
    font-size:100px;
    line-height:36px;
    bottom:-40px;
    position:relative;
    z-index:1;
}
.testimonials-slider .author{
    font-weight:400;
    font-size:13px;
    font-family:var(--heebo);
    letter-spacing:0.01rem;
}
.testimonials-slider li{
    position:relative;
}
.testimonials-slider p.lead{
    position:relative;
    z-index:2;
    font-size:21px;
    line-height:36px;
}


/* Individual Service */
.page-header h1.xl{
    font-size:46px;
    margin-bottom:10px;
    line-height:58px;
}

.page-header.large {
    height: 75vh;
}
.overflow-form{
    overflow:unset;
    z-index:5;
}
.white-form{
    background-color:#fff;
    padding-top:15px;
    padding-bottom:15px;
}
.white-form .h5{
    margin-bottom:0;
}
.white-form p:not(.h5){
    color:var(--gray-530);
    line-height:24px;
    font-size:14px;
}
label{
    font-size:13px;
    color:var(--blue-400);
    text-transform:uppercase;
    font-weight:400;
    margin-bottom:3px;
    display:block;
    letter-spacing:0;
    line-height:20px;
    text-align:left;
}
.w-100{
    width:100%;
    max-width:100% !important;
}
.form-control{
    margin-bottom:10px;
    border-radius:0;
    box-shadow:none;
    border-color:var(--white-960);
    background-color:var(--white-960);
    color:var(--black);
    font-size:16px;
    line-height:30px;
    padding:4px 12px;
}
.form-control:hover,
.form-control:focus{
    border-color:var(--blue);
    box-shadow:var(--form-box-shadow);
}
input.form-control,
select.form-control{
    height:40px;
}
.btn-primary[disabled]{
    background-color:#fff;
}
.btn-primary.btn-filled[disabled]{
    background-color:car(--orange);
}
input[type="submit"]{
    border-radius:0;
    display:block;
    font-weight:400;
    font-family:var(--heebo);
    font-size:14px;
    letter-spacing:0.05rem;
    border-color:var(--orange) !important;
    color:var(--orange);
    background:#fff;
}
input[type="submit"]:hover,
input[type="submit"]:focus{
    background:var(--orange);
    color:#fff;
}
input[type="submit"].btn-filled:hover,
input[type="submit"].btn-filled:focus{
    color:var(--orange);
    background:#fff;
}
.textarea{
    overflow-y:hidden;
}
.error{
    color:var(--orange);
    font-size:.85em;
}
.bg-opaque-bkg .container{
    position:relative;
    z-index:2;
}
.bg-opaque-bkg .background-image-holder{
    opacity:.15;
}
.side-image .content.pb-sm{
    padding-bottom:var(--sm);
}
.image-gallery{
    margin-top:40px;
}
.image-gallery .image-holder{
    background:var(--blue);
}
.image-gallery a:hover > .background-image-holder,
.image-gallery a:focus > .background-image-holder{
    opacity:.65;
}
.glightbox-mobile .goverlay,
.goverlay{
    background:rgba(0,124,186,0.5);
}
.glightbox-clean .gslide-description{
    background:var(--white-960);
}
.glightbox-clean .gslide-title{
    margin-bottom:0;
    color:var(--blue);
}
.glightbox-clean .gdesc-inner{
    padding:10px 15px;
}



/* About */
.strip .h3{
    top:unset;
    display:block;
    margin:0;
    position:relative;
    font-weight:400;
}
.strip h3{
    top:unset;
    display:block;
}
.about-header.page-header .background-image-holder{
    background-position: 50% 0% !important;
}
.content h3{
    margin-bottom:10px;
}
ul li.sub{
    font-size:12px;
}
.list-inline>li{
    padding-left:8px;
    padding-right:8px;
}
.google-map-iframe{
    max-width:calc(100vw - 30px);
}



/* Financing Container */
.border-bottom{
    border-bottom:2px solid #d5dbe0;
}
.side-image.text-heavy h1{
    margin-bottom:10px;
}
.main-fin-tpl{
    padding-bottom:60px;
    position:relative;
    margin-bottom:20px;
}
.main-fin-tpl .btn{
    position:absolute;
    left:15px;
    bottom:0;
    z-index:1;
}
.ygrene-video{
    max-width:100%;
}
.disclaimer{
    font-size:14px;
    line-height:26px;
}




/* Team */
.team-2-member .name{
    color:var(--black);
    display:block;
    margin:15px 0 0px 0;
}
.team-2-member p{
    font-size:15px;
    line-height:29px;
}
.team-2-member{
        margin-bottom:20px;
    }



/* Contact */
.contact-why-tpl .fact{
    margin-bottom:0;
    font-size:13px;
    line-height:24px;
}
.contact-why-tpl{
    margin-bottom:20px;
}
.contact-info{
    line-height:24px;
}
p.contact-info:last-child{
    margin-bottom:11px;
}
select{
    position:relative;
    -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}
 select + .select-down{
    pointer-events: none;
    color: var(--black);
    position: absolute;
    right: 15px;
    bottom: 12px;
    font-size: 13px;
    z-index: 4;
}

.gx-2 select + .select-down{
    right: 20px;
    bottom: 22px;
}



/* Career Container */
.thumbnail{
    padding:0;
    border-radius:0;
    border:none;
    margin-bottom:0;
}
.thumbnail .caption{
    padding:15px 15px 75px;
    color:var(--gray-200);
    position:relative;
}
.thumbnail .caption .btn{
    position:absolute;
    left:15px;
    right:15px;
    bottom:15px;
    z-index:1;
}
.thumbnail .caption p:not(.h4){
    color:var(--gray-530);
}




/* Individual Job */
.job-details svg{
    margin-right:3px;
}
.basic-ul ul{
    list-style:disc;
    padding-left:40px;
}
.basic-ol ol{
    list-style:decimal;
    padding-left:40px;
}
.file-contain{
    margin-bottom:10px;
}

/** FilePond **/
.filepond--root {
    font-family: var(--heebo);
}
.filepond--panel-root {
    background-color: var(--white-960);
    border-radius:0;
}

.filepond--drop-label label {
    color: var(--black);
    font-size:14px;
    letter-spacing:0.01rem;
    font-family:var(--heebo);
}

.filepond--label-action{
    color:var(--blue);
    text-decoration:none;
}
.filepond--drop-label.filepond--drop-label label{
    padding:30px .5em;
}
.filepond--root:hover .filepond--panel-root,
.filepond--root:focus-within .filepond--panel-root{
    border:1px solid var(--blue);
}
.filepond--item-panel{
    background-color:var(--orange);
}
.filepond--file-info .filepond--file-info-main{
    font-size:13px;
}
.filepond--file-info .filepond--file-info-sub{
    font-size:11px;
    opacity:.8;
}
.filepond--file{
    border-radius:0;
    min-height:50px;
}
.filepond--file-status{
    align-items:flex-start;
    max-width:285px;
    text-align:left;
}
.filepond--file-status *{
    white-space:normal;
}
.filepond--file-status .filepond--file-status-main{
    font-size:13px;
}
.filepond--file-status .filepond--file-status-sub{
    font-size:11px;
    opacity:.8;
}
[data-filepond-item-state*=error] .filepond--file-info, [data-filepond-item-state*=invalid] .filepond--file-info, [data-filepond-item-state=cancelled] .filepond--file-info{
    margin-right:3.5em;
}

/** /FilePond **/



/* Utilities */
:root {
    --sm: 35px;
    --md: 85px;
    --lg: 100px;
    --xl: 200px;/* I think we might need an xl spacing util, but I could be wrong -cw */
}
.mt-overlay,
.my-overlay {
    margin-top: calc(var(--sm) * -1);
}
.mb-overlay,
.my-overlay {
    margin-bottom: calc(var(--sm) * -1);
}
.py-unset,
.pt-unset {
    padding-top: unset;
}
.py-unset,
.pb-unset {
    padding-bottom: unset;
}
.pt-sm,
.py-sm {
    padding-top: var(--sm);
}
.pb-sm,
.py-sm {
    padding-bottom: var(--sm);
}
.pt-md,
.py-md {
    padding-top: var(--md);
}
.pb-md,
.py-md {
    padding-bottom: var(--md);
}
.pt-lg,
.py-lg {
    padding-top: var(--lg);
}
.pb-lg,
.py-lg {
    padding-bottom: var(--lg);
}
.pt-xl,
.py-xl {
    padding-top: var(--xl);
}
.pb-xl,
.py-xl {
    padding-bottom: var(--xl);
}
.my-unset,
.mt-unset {
    margin-top: unset;
}
.my-unset,
.mb-unset {
    margin-bottom: unset;
}
.mt-sm,
.my-sm {
    margin-top: var(--sm);
}
.mb-sm,
.my-sm {
    margin-bottom: var(--sm);
}    
.mt-md,
.my-md {
    margin-top: var(--md);
}
.mb-md,
.my-md {
    margin-bottom: var(--md);
}
.mt-lg,
.my-lg {
    margin-top: var(--lg);
}
.mt-lg-overlay {
    margin-top: calc(var(--lg) * -1);
}
.mb-lg,
.my-lg {
    margin-bottom: var(--lg);
}
.mt-xl,
.my-xl {
    margin-top: var(--xl);
}
.mb-xl,
.my-xl {
    margin-bottom: var(--xl);
}
@media (min-width: 576px) {
    .pt-unset-mob,
    .py-unset-mob {
        padding-top: unset;
    }
    .py-unset-mob,
    .pb-unset-mob {
        padding-bottom: unset;
    }
    .pt-sm-mob,
    .py-sm-mob {
        padding-top: var(--sm);
    }
    .pb-sm-mob,
    .py-sm-mob {
        padding-bottom: var(--sm);
    }
    .pt-md-mob,
    .py-md-mob {
        padding-top: var(--md);
    }
    .pb-md-mob,
    .py-md-mob {
        padding-bottom: var(--md);
    }
    .pt-lg-mob,
    .py-lg-mob {
        padding-top: var(--lg);
    }
    .pb-lg-mob,
    .py-lg-mob {
        padding-bottom: var(--lg);
    }
    .pt-xl-mob,
    .py-xl-mob {
        padding-top: var(--xl);
    }
    .pb-xl-mob,
    .py-xl-mob {
        padding-bottom: var(--xl);
    }
    .my-unset-mob,
    .mt-unset-mob {
        margin-top: unset;
    }
    .my-unset-mob,
    .mb-unset-mob {
        margin-bottom: unset;
    }
    .mt-sm-mob,
    .my-sm-mob {
        margin-top: var(--sm);
    }
    .mb-sm-mob,
    .my-sm-mob {
        margin-bottom: var(--sm);
    }    
    .mt-md-mob,
    .my-md-mob {
        margin-top: var(--md);
    }
    .mb-md-mob,
    .my-md-mob {
        margin-bottom: var(--md);
    }
    .mt-lg-mob,
    .my-lg-mob {
        margin-top: var(--lg);
    }
    .mb-lg-mob,
    .my-lg-mob {
        margin-bottom: var(--lg);
    }
    .mt-xl-mob,
    .my-xl-mob {
        margin-top: var(--xl);
    }
    .mb-xl-mob,
    .my-xl-mob {
        margin-bottom: var(--xl);
    }
}
@media (min-width: 768px) {
    .pt-unset-tab,
    .py-unset-tab {
        padding-top: unset;
    }
    .py-unset-tab,
    .pb-unset-tab {
        padding-bottom: unset;
    }
    .pt-sm-tab,
    .py-sm-tab {
        padding-top: var(--sm);
    }
    .pb-sm-tab,
    .py-sm-tab {
        padding-bottom: var(--sm);
    }
    .pt-md-tab,
    .py-md-tab {
        padding-top: var(--md);
    }
    .pb-md-tab,
    .py-md-tab {
        padding-bottom: var(--md);
    }
    .pt-lg-tab,
    .py-lg-tab {
        padding-top: var(--lg);
    }
    .pb-lg-tab,
    .py-lg-tab {
        padding-bottom: var(--lg);
    }
    .pt-xl-tab,
    .py-xl-tab {
        padding-top: var(--xl);
    }
    .pb-xl-tab,
    .py-xl-tab {
        padding-bottom: var(--xl);
    }
    .my-unset-tab,
    .mt-unset-tab {
        margin-top: unset;
    }
    .my-unset-tab,
    .mb-unset-tab {
        margin-bottom: unset;
    }
    .mt-sm-tab,
    .my-sm-tab {
        margin-top: var(--sm);
    }
    .mb-sm-tab,
    .my-sm-tab {
        margin-bottom: var(--sm);
    }    
    .mt-md-tab,
    .my-md-tab {
        margin-top: var(--md);
    }
    .mb-md-tab,
    .my-md-tab {
        margin-bottom: var(--md);
    }
    .mt-lg-tab,
    .my-lg-tab {
        margin-top: var(--lg);
    }
    .mb-lg-tab,
    .my-lg-tab {
        margin-bottom: var(--lg);
    }
    .mt-xl-tab,
    .my-xl-tab {
        margin-top: var(--xl);
    }
    .mb-xl-tab,
    .my-xl-tab {
        margin-bottom: var(--xl);
    }
}
@media (min-width: 992px) {
    .pt-unset-lap,
    .py-unset-lap {
        padding-top: unset;
    }
    .py-unset-lap,
    .pb-unset-lap {
        padding-bottom: unset;
    }
    
    .pt-sm-lap,
    .py-sm-lap {
        padding-top: var(--sm);
    }
    .pb-sm-lap,
    .py-sm-lap {
        padding-bottom: var(--sm);
    }
    .pt-md-lap,
    .py-md-lap {
        padding-top: var(--md);
    }
    .pb-md-lap,
    .py-md-lap {
        padding-bottom: var(--md);
    }
    .pt-lg-lap,
    .py-lg-lap {
        padding-top: var(--lg);
    }
    .pb-lg-lap,
    .py-lg-lap {
        padding-bottom: var(--lg);
    }
    .pt-xl-lap,
    .py-xl-lap {
        padding-top: var(--xl);
    }
    .pb-xl-lap,
    .py-xl-lap {
        padding-bottom: var(--xl);
    }
    .my-unset-lap,
    .mt-unset-lap {
        margin-top: unset;
    }
    .my-unset-lap,
    .mb-unset-lap {
        margin-bottom: unset;
    }
    .mt-sm-lap,
    .my-sm-lap {
        margin-top: var(--sm);
    }
    .mb-sm-lap,
    .my-sm-lap {
        margin-bottom: var(--sm);
    }    
    .mt-md-lap,
    .my-md-lap {
        margin-top: var(--md);
    }
    .mb-md-lap,
    .my-md-lap {
        margin-bottom: var(--md);
    }
    .mt-lg-lap,
    .my-lg-lap {
        margin-top: var(--lg);
    }
    .mb-lg-lap,
    .my-lg-lap {
        margin-bottom: var(--lg);
    }
    .mt-xl-lap,
    .my-xl-lap {
        margin-top: var(--xl);
    }
    .mb-xl-lap,
    .my-xl-lap {
        margin-bottom: var(--xl);
    }
    .mt-overlay,
.my-overlay {
    margin-top: calc(var(--md) * -1);
}
}
@media (min-width: 1200px) {
    .py-unset-desk,
    .pt-unset-desk {
        padding-top: unset;
    }
    .py-unset-desk,
    .pb-unset-desk {
        padding-bottom: unset;
    }
    .pt-sm-desk,
    .py-sm-desk {
        padding-top: var(--sm);
    }
    .pb-sm-desk,
    .py-sm-desk {
        padding-bottom: var(--sm);
    }
    .pt-md-desk,
    .py-md-desk {
        padding-top: var(--md);
    }
    .pb-md-desk,
    .py-md-desk {
        padding-bottom: var(--md);
    }
    .pt-lg-desk,
    .py-lg-desk {
        padding-top: var(--lg);
    }
    .pb-lg-desk,
    .py-lg-desk {
        padding-bottom: var(--lg);
    }
    .pt-xl-desk,
    .py-xl-desk {
        padding-top: var(--xl);
    }
    .pb-xl-desk,
    .py-xl-desk {
        padding-bottom: var(--xl);
    }
    .my-unset-desk,
    .mt-unset-desk {
        margin-top: unset;
    }
    .my-unset-desk,
    .mb-unset-desk {
        margin-bottom: unset;
    }
    .mt-sm-desk,
    .my-sm-desk {
        margin-top: var(--sm);
    }
    .mb-sm-desk,
    .my-sm-desk {
        margin-bottom: var(--sm);
    }    
    .mt-md-desk,
    .my-md-desk {
        margin-top: var(--md);
    }
    .mb-md-desk,
    .my-md-desk {
        margin-bottom: var(--md);
    }
    .mt-lg-desk,
    .my-lg-desk {
        margin-top: var(--lg);
    }
    .mb-lg-desk,
    .my-lg-desk {
        margin-bottom: var(--lg);
    }
    .mt-xl-desk,
    .my-xl-desk {
        margin-top: var(--xl);
    }
    .mb-xl-desk,
    .my-xl-desk {
        margin-bottom: var(--xl);
    }
}

/* Responsiveness */
@media (min-width:576px){
    .navbar-nav:not(.social-icons) li .dropdown-menu>li{
        display:inline-block;
    }
    .logo.logo-wide{
        max-width:272px;
    }
    .navbar-toggle{
        margin-top:4px;
    }
    .team-2-member .name{
        text-align:center;
    }
    .team-2-member p{
        text-align:center;
    }
}

@media (min-width:768px){
    .col-sm-auto{
        flex: 0 0 auto;
        width: auto;
        padding-left:15px;
        padding-right:15px;
    }
    .col-sm{
        width:100%;
        max-width:100%;
        flex: 1 0 0%;
    }
    section{
        padding-top:80px;
        padding-bottom:80px;
    }
    .navbar{
        border-radius:0;
    }
    .white-form{
        position:absolute;
        bottom:-44px;
        right:0;
    }
    .bg-opaque-bkg{
        padding-top:100px;
        padding-bottom:100px;
    }
    .page-header{
        height:500px;
        padding-bottom:60px;
    }
    .side-image .content.py-lg-tab{
        padding-top: var(--lg);
        padding-bottom: var(--lg);
    }
    .contact-why-tpl{
        margin-bottom:30px;
    }
    .side-image .content.py-xl-tab{
        padding-top: var(--xl);
        padding-bottom: var(--xl);
    }
    .side-image .content.py-md-tab{
        padding-top: var(--md);
        padding-bottom: var(--md);
    }
    .mobile-phone{
        display:none;
    }
    h1, .h1{
        font-size:48px;
        line-height:66px;
    }
    .xl{
        font-size:72px;
        line-height:66px;
    }
    .hero-slider .slides li h1{
        font-size:48px;
        line-height:50px;
    }
    .navbar-nav:not(.social-icons) li .dropdown-menu>li{
        display:list-item;
    }
    .logo-col{
        margin-left:0;
        margin-right:0;
    }
    .justify-md-content-end{
        justify-content: flex-end!important;
    }
    .clients-2{
        padding: 64px 0px 0 0px;
    }
    .page-header h1.xl{
        font-size:72px;
        margin-bottom:10px;
        line-height:66px;
    }
    .menu li a{
        line-height:48px;
    }
    .team-2-member{
        margin-bottom:40px;
    }
    .team-2-member .name{
        text-align:left;
    }
    .team-2-member p{
        text-align:left
    }
    .thumbnail .caption{
        height:calc(100% - 182px);
    }
    .locations-container{
        padding-bottom:0px;
    }
    .google-map-iframe{
        max-width:100%;
    }
}

@media (min-width:992px){
    footer,
    footer.no-logos{
        padding-top:80px;
    }
    .alt-font{
        font-size:13px;
    }
    .thumbnail .caption{
        height:calc(100% - 155px);
    }
    .side-image .content.py-xl-lap{
        padding-top: var(--xl);
        padding-bottom: var(--xl);
    }
}

@media (min-width:1200px){
    .navbar-collapse.collapse{
        display:flex !important;
        felx-wrap:wrap;
        justify-content: flex-end;
    }
    .navbar:not(.nav-sticky) .navbar-collapse{
        background: unset;
    }
    .navbar-nav li a{
        color:#fff;
    }
    .nav-sticky .navbar-nav li a,
    .full-color .navbar-nav li a,
    .overlay-bar.nav-sticky .social-icons li a,
    .full-color .social-icons li a{
        color:var(--black);
    }
    .navbar .navbar-collapse{
        padding-top:0px;
        padding-bottom:0px;
        margin-top:0;
    }
    .navbar-nav li .dropdown-menu>li>a,
    .navbar-nav li.active .dropdown-menu>li>a{
        font-size:16px;
        line-height:38px;
    }
    .copyright{
        text-align:right;
    }
    .col-lg-auto{
        flex: 0 0 auto;
        width: auto;
    }
    .thumbnail .caption{
        height:calc(100% - 190px);
    }
}

@media (min-width:1400px){
    
    
}
@media screen and (max-width:1199px){
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
        background-color:transparent;
    }
    .navbar-toggle .icon-bar {
        background-color: #000;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        max-height:unset;
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 0;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .collapse.in{
        display:block !important;
    }
    
    .navbar-brand{
        background-color: transparent !important;
    }
    
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: initial;
    }
  
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}
@media(hover: hover){
    .dropdown-toggle:hover + .dropdown-menu,
    .dropdown-menu:hover{
        display:block;
    }
}
@media (max-width:767px){
    .side-image .image-container .background-image-holder{
        background:none !important;
    }
}