/*
Theme Name: Pool Scout
Theme URI: http://underscores.me/
Author: Vishal Gularia
Author URI: https://clicktecs.com/
Description: Wordpress Multisite theme developed by Clicktecs Team for Pool Scouts Franchise. Built with classic editor for maximum compatibility. Required ACF PRO, CF7, RA Franchise to work.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pcs
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

pcs is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.featurebox.stickyform .note {
  text-align: left;
}
.lfpopup-row .wpcf7-not-valid-tip {
  font-size: 0.75em;
  line-height: 1;
    padding-top: 5px;
}
.lfpopup-row .wpcf7-acceptance label{
    display: block;
  color: #fff;
  font-size: 0.75em;
}
.note a{
  color: #fff;
}
.newbanner{
  position: relative;
  float: left;
  width: 100%;
  clear: both;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  color: #fff;
  padding: 175px 0;
}
.newbanner:before{
content: "";
    width: 100%;
    height: 100%;
    background: rgba(33,44,97,0.55);
    position: absolute;
    left: 0;
    top: 0;
}
.newbanner h2{
    font-size: 3em;
    text-align: left;
}
.newbanner h3{
  font-size: 1.4em;
  font-weight: 400;
  text-transform: inherit;
    text-align: left;
}
.newbanner ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 20px 0 20px 0;
}
.newbanner ul li {
 list-style-type: none;
  position: relative;
  padding: 0 20px 0 50px;
  width: 50%;
  text-align: left;
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 700;
  margin: 10px 0;
}
.newbanner ul li::before {
content: url(assets-summer-sweepstakes/img/star.svg);
  width: 30px;
  height: 28px;
  position: absolute;
  left: 0;
  top: 0;
}
.newbanner-iiner{
text-align: center;
  width: 53%;  
}
.newbanner .btn {
  font-size: 1.8em;
  padding: 25px 45px;
}
.rating-bar{
    float: left;
  width: 100%;
  text-align: center;
  padding: 5px 0;
  clear: both;
  color: #fff;
  position: relative;
  background: #ED1C24;
  font-size: 0.80em;
  text-transform: uppercase;
}
.rating-bar img{
    vertical-align: text-bottom;
}
#lfpopup .featurebox-inner{
    position: relative;
padding: 15px 25px;
    left: auto;
    top: auto;
}
#lfpopup.fancybox-content{
padding: 0;
  width:900px;
  border-radius: 10px;
}
.lfpopup-row{
    margin-bottom: 15px;
}
#lfpopup .fancybox-button {
  top: 0px;
  right: 0px;
  background: #fff;
  width: 15px;
  height: 15px;
  line-height: 1;
  padding: 0;
  opacity: 1;
}
.lfpopup-row .wpcf7-acceptance .wpcf7-list-item {
  margin: 0;
}



























.why-choose-cta{
 float: left;
    width: 100%;
    clear: both;
    padding-bottom: 30px;
}
.lp-teamsec{
     clear: both;
  float: left;
  width: 100%;
}
.lp-teamsec h2:not(:first-of-type){
    margin-top: 50px;
}
.page-lp-tmp .faq-outer{
   clear: both;
  float: left;
  width: 100%;
  margin-bottom: 40px;
}
.lp-map iframe{
    width: 100%;
  height: auto;
  min-height: 400px;
  display: block;
  margin: 0 auto;
}
.contentside ul.lp-quotes{
    margin-bottom: 50px;
}
.contentside ul.lp-quotes li:before{
display: none;
}
.contentside ul.lp-quotes li{
padding-left: 0;
}
.lp-row1{
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}
.lp-row1 h3{
    font-size: 1.2em;
}
.lp-row1 img{
margin-bottom: 20px;
}
.lp-row2{
    padding-bottom: 30px;
}
.micro-service-area{
	float: left;
	width: 100%;
	clear: both;
	padding: 60px 0;
	border-top: solid 1px #ddd;
}
.micro-service-area h2{
	text-align: center;
  margin-bottom: 50px;
}
.micro-service-area h2 strong{
	display: block;
  font-weight: 400;
  font-size: 0.80em;
}
.loc-accordion h3{
margin: 0 0 10px 0;
  background: #f8f8f8;
  padding: 20px 40px;
  font-size: 1.1em;
	cursor: pointer;
	position: relative;
  font-weight: 500;
  border-left: #212c61 solid 7px;
}
.loc-accordion h3.active{
	margin-bottom: 0;
}
.loc-accordion h3:before{
	content: "+";
  position: absolute;
  right: 20px;
  top: 23px;
  background: #017ab6;
  color: #fff;
  border-radius: 100%;
  line-height: 16px;
  width: 18px;
  height: 18px;
  font-size: 0.80em;
  text-align: center;
}
.loc-accordion h3.active:before{
	content: "-";
  line-height: 12px;
}
.loc-acc-content{
	background: #f8f8f8;
  padding: 20px 40px;
	margin-bottom: 10px;
}









.locations-served-bar iframe{
	width: 100%;
  border: none;
  height: 400px;
  clear: both;
}
.home-offers{
	text-align: center;
padding: 60px 0 120px;
width: 100%;
float: left;
position: relative;
z-index: 1;
}
.home-offers ul{
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0;
padding: 140px 0 20px;
}
.home-offers ul li{
	width: 33.33333%;
	position: relative;
list-style-type: none;
	padding: 0 50px;
}
.home-offers ul li a{
	display: block;
}
.home-offers ul li a:hover h3,
.home-offers ul li a:focus h3,
.home-offers ul li a:active h3{
	background: #fff;
	color: #232d61;
	opacity: 1;
}
.home-offers ul li img{
	border-radius: 100%;
	box-shadow: 5px 8px 5px rgba(0,0,0,0.3);
}
.home-offers h3{
	position: absolute;
background: #232d61;
color: #fff;
border-radius: 100%;
width: 240px;
height: 240px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
padding: 20px;
margin: 0;
box-shadow: 5px 8px 5px rgba(0,0,0,0.3);
}
.home-offers ul li:nth-child(1) h3{
	top: -100px;
right: -50px;
}
.home-offers ul li:nth-child(2) h3{
	bottom: -100px;
right: -50px;
}
.home-offers ul li:nth-child(3) h3{
	top: -100px;
left: -50px;
}
.clear-row{
	clear: both;
	padding-bottom: 20px;
}
.home-slider-static img.banner-mobile{
	display: none;
}
.featurebox.stickyform h2 {
    position: relative;
    padding: 0 20px;
    cursor: pointer;
    font-size: 1.0em;
    display: none;
	text-align:left;
}
.featurebox.stickyform h2:before {
    content: "-";
    position: absolute;
    right: 30px;
    top: -5px;
    font-size: 1.5em;
    line-height: 1;
}
.featurebox.stickyform h2.active {
    margin:0;
}
.featurebox.stickyform h2.active:before {
    content: "+";
}
.qname{
	padding-left:10px !important;
	}
.home-slider-static img{
display:block;
margin:0 auto;
width:100%;	
}
.featurebox .wpcf7-spinner{
	position:absolute;
	left:0;
	bottom:0;
}
.contentside .featurebox-inner{
	position: inherit;
left: auto;
top: auto;
border-radius: inherit;
padding: 0;
}
.contentside .featurebox {
	color:#fff;
    float: left;
    width: 100%;
    position: relative;
    background: #e5131b;
    padding: 50px;
}
 .form-row {
    margin-bottom: 12px;
    margin-top: 12px;
}

.responsive-video{
    overflow: hidden;
padding-bottom: 56.25%;
position: relative;
height: 0;
margin-bottom:20px;
}
.responsive-video iframe{
 left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
}
.banner-mobile{
display:none;   
}
    .post.single-post{
    margin-top:0;   
    }
    
    .areas-served {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0 0 50px;
}
.areas-served li {
    width: 33.333333%;
    list-style-type: none;
    padding: 5px 10px 5px 10px;
    margin: 0;
    text-align: left;
    position: relative;
    font-weight: 400;
}
.areas-served li a {
    display: block;
}

.areas-served li:before{
display:none !important;    
}










.covidbar{
position: absolute;
left: 0;
top: 0;
background: #e5131b;
color: #fff;
text-align: center;
z-index: 4;
width: 100%;
padding: 15px 0;
}
.covidbar p{
margin:0;   
}
.covidbar a{
color:#fff;
transition: all .5s ease 0s;
}
.covidbar a:hover,
.covidbar a:focus,
.covidbar a:active{
color:#212c61;
}
























.searchloc-widget h3 span{
padding-right: 10px;
position: relative;
margin-right: 6px;
}
.searchloc-widget h3 span:after{
content: "";
width: 5px;
height: 5px;
display: inline-block;
background: #fff;
border-radius: 100%;
position: absolute;
right: 0;
top: 14px;
}
.copyrights-home-only{
padding-bottom:15px !important; 
}
.microsite .headphone span{
    font-size:0.615em;
    display:block;
}
.microsite .headphone{
text-transform:inherit;
text-align:right;
}
.microsite .headphone::before {
display:none;   
}
.microsite .headphone .fa-phone-volume{
    color:#d32e92;
	opacity:1;
}
.microsite .main-nav{
background: #f2e8f4;
text-align: left;
padding: 8px;
margin-top: 15px;
}
.microsite .home-welcome-copy h1 {
    font-size: 2.1em;
    text-transform: inherit;
}
.microsite .header .btn{
    display:inline-block;
    min-width:250px;
}
.microsite .header.sticky-head{
    padding:0;
}
.microsite .header.sticky-head .microloc{
    display:none;
}
.microsite .header.sticky-head .main-nav{
    margin:0;
}
.prv-next-btn {
    margin: -74px 0 0 0;
}

.prv-next-btn .prv-btn {
    float: left;
}
.prv-next-btn .nex-btn {
    float: right;
 }
.prv-next-btn .prv-btn a, .prv-next-btn .nex-btn a {
    font-size: 1.5em;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
}
.featurebox.stickyform {
    background: #e5131b;
    position:fixed;
    left:0;
    z-index: 1;
    bottom:0;
}
.featurebox.stickyform .featurebox-inner{
position:relative;
left:auto;
top:auto;   
}










.footer-notice{
text-align:center;
font-size:0.8em;
border-top:solid 1px #ccc;
padding-top:25px;
margin-top:20px;
}
.footer-notice p{
margin:0 !important;
}
.searchloc-widget-inner{
display: flex;
flex-wrap:wrap;
justify-content: center;
align-items: center;
}
.searchloc-widget{
float: left;
width: 100%;
position: relative;
}
.searchloc-widget h3 strong{
font-weight:500;    
}
.searchloc-widget h3{
display: inline-block;
color: #fff;
font-size: 0.9em;
margin: 10px 10px 0 0;
line-height: normal;
position: relative;
font-weight: 500;
text-transform: uppercase;
}
.searchloc-widget h3 img{
margin-right:10px;  
}

.locbystates-panel ul{
margin:0 !important;    
}
.locbystates-panel{
padding:10px 0 0 0; 
}
.locbystates-panel ul{
display:flex;
flex-wrap:wrap; 
}
.locbystates-panel ul li{
width:33.333333%;
padding:5px 20px !important;
}
.locbystates-panel ul li:before{
display:none;   
}
.locbystates-panel ul li a{
text-decoration:underline;
text-transform:uppercase;
}
.findloc{
padding:0 0 50px;
text-align:center;

}
.findloc h2 strong{
color:#d32e92;  
}
.findloc-panel{
position:relative;  
}
.findloc-panel .row {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -100px;
}
























.newloc-row{
padding: 10px 30px;
display: flex;
flex-wrap: wrap;
background: #ececec;
}
.newloc{
width:100%;
margin: 20px 0;
}
.newloc h3{
margin: 0 0 5px 0;
font-size: 1.0em;
text-transform: inherit;
}
.newloc p{
margin: 0 0 5px 0;
}


















.full-width-form{
border-radius:inherit;
background-image:none;
background-color:#7d1e95;
padding:60px 0; 
}
.faq-outer h3 {
font-size: 1.4em;
color: #fff;
font-weight: 400;
float: left;
position: relative;
width: 100%;
cursor: pointer;
padding: 16px 20px 16px 60px;
background: #212c61;
text-transform: inherit;
}
.faq-outer h3::after {
    content: "\f067";
    font-family: Font Awesome\ 5 Free;
    font-size:1.0em;
    position: absolute;
    left: 15px;
    top: 15px;
    color: #fff;
    font-weight:700;
    background:#017ab6;
    width:32px;
    height:32px;
    text-align:center;
    line-height:32px;
}
.faq-answer {
    float: left;
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
    background: #ececec;
}
.faq-answer p:last-child {
    margin: 0;
}
.faq-outer h3.active::after {
    content: "\f068";
}
.faq-outer h3.active{
margin:0;
}


.loc-page .home-loc-form input[type="text"]{
border: solid 2px #212c61;
font-weight: 700;
width: 62%;
}
.loc-page .home-loc-form .btn {
margin-left: 15px;
}
.loc-page .searchloc-widget-inner img{
margin-right:20px;  
}
.loc-page h2{
    text-align:center;
}
.locbystates{
margin-top:50px;    
}
.loc-page .searchloc-widget{
margin-bottom:50px; 
}
.loc-page .home-loc-form{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    
}












.home-loc-form{
position: relative;
display: inline-block;
}
.home-loc-form input[type="text"]{
font-size: 0.900em;
text-transform: uppercase;
padding: 9px 15px;
border-radius: 7px;
font-weight: 500;
border: none;
width: 75%;
display:inline-block;
}
.home-loc-form .btn{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
opacity:1;
}
.home-loc-form input[type="text"],
.home-loc-form .btn{

    vertical-align: middle;
    min-height:45px;
    max-height:45px;
}
.home-loc-sec{
float: left;
background-color: #f8f8f8;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
padding:65px 0;
text-align:center;
}
.home-cta {
    float: left;
    width: 100%;
    position: relative;
}
.home-cta ul {
    margin: 0;
    padding: 38px 0;
    display: flex;
    background:#f4f4f4;
    flex-wrap: wrap;
    justify-content: center;
}
.border-sep {
        border-left: solid 1px rgba(255,255,255,0.32);
         border-right: solid 1px rgba(255,255,255,0.32);
    }
.home-cta ul li:last-child{
border-right:none;  
}
.home-cta ul li {
    margin: 0;
    list-style-type: none;
    padding: 0;
    border-right:solid 1px rgba(0,0,0,0.15);
}
.home-cta ul li a {
    padding: 45px 50px 45px 100px;
    transition: all .5s ease 0s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    text-decoration:none;
}
.home-cta ul li a:hover,
.home-cta ul li a:focus,
.home-cta ul li a:active {
   box-shadow: 0 0 20px rgba(0,0,0,0.1);
    background: #fff;
}
.cta-icon {
  font-size:1.400em;
position: absolute;
left: 50px;
top: 60px;
color: #898787;
}
.home-cta ul li h3 {
    margin: 0;
    line-height:normal;
    font-size: 1.200em;
    text-align: left;
}
.home-cta ul li h3 strong {
    display: block;
    font-weight: 400;
    font-size:0.833em;
}


































.product-item a{
text-decoration:none;   
}

.locations-served-bar {
    float: left;
    width: 100%;
    padding:110px 0 60px;
}
.loc-served-btn {
  color: #000;
text-transform: uppercase;
text-decoration: none;
font-weight: 500;
font-size: 1.111em;
padding: 10px 20px;
    
    
}
.loc-served-btn:hover,
.loc-served-btn:focus,
.loc-served-btn:active{
background:#397c64;
    color:#fff;
    text-decoration:none;
}
.collapse.show {
    display: block;
}
.collapse {
    display: none;
}
.locations-served-bar ul {
    display: flex;
    flex-wrap: wrap;
    padding:30px 0 0 50px;
}
.locations-served-bar ul li {
width: 33.333333%;
list-style-type: none;
padding: 5px 10px 5px 10px;
margin: 0;
text-align: left;
position: relative;
font-weight: 400;

}
.locations-served-bar ul li a {
     display: block;
}


























.locations-served-bar h2{
color:#fff; 
}
.home-loc-sec h2 strong{
color:#d32e92;  
}
.btn-video{
color: #000;
text-decoration: none;
margin-left: 10px;
padding: 8px 20px;
vertical-align: middle;
}
.btn-video:hover,
.btn-video:focus,
.btn-video:active{
    background:#e6e600;
    color:#000;
}
.contentside.sidebar .form-row {
    margin: 10px 0;
}
.contentside.sidebar .featurebox .btn:hover{
    background:#221f1f;
    color:#fff;
}
.stepicon{
background:#fff;
margin: 0;
box-shadow: 0 0px 45px rgba(0,0,0,0.1);
border-radius: 100%;
padding: 12px;
font-size: 2.778em;
width: 170px;
height: 170px;
line-height: 150px;
color: #d2232a;
}
.stepno{
color: #21409a;
font-size: 5.556em;
position: absolute;
left: 38px;
top: -37px;
}
.step-arrow {
    position: absolute;
    right: 20px;
    top: 50%;
    font-size: 1.667em;
    margin-top: -15px
}
.home-featured-services h2{
text-align:left;    
}
.home-featured-services {
    float: left;
    width: 100%;
    position: relative;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
}

.home-featured-services-inner {
    float: left;
    width: 100%;
    padding:50px 0 270px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f6fa+0,f2f6fa+100&0.8+0,1+100 */
background: -moz-linear-gradient(left, rgba(242,246,250,0.8) 0%, rgba(242,246,250,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(242,246,250,0.8) 0%,rgba(242,246,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(242,246,250,0.8) 0%,rgba(242,246,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccf2f6fa', endColorstr='#f2f6fa',GradientType=1 ); /* IE6-9 */
}

.home-featured-services ul {
margin: 0;
padding: 30px 0 0 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.home-featured-services ul li p {
    margin: 0
}

.home-featured-services ul li {
margin: 0;
list-style-type: none;
padding: 0;
text-align: center;
border-left: solid 1px rgba(0,0,0,0.18);
border-bottom: solid 1px rgba(0,0,0,0.18);
width: 33.333333%;
}
.home-featured-services ul li:nth-child(1),
.home-featured-services ul li:nth-child(4){
    border-left:none;
}
.home-featured-services ul li:nth-child(4),
.home-featured-services ul li:nth-child(5),
.home-featured-services ul li:nth-child(6){
    border-bottom:none;
}
.home-featured-services img{
border-radius: 25px;
box-shadow: 0 10px 10px rgba(0,0,0,0.15);
}
.home-featured-services ul li a {
padding: 45px 25px;
color: #231f20;
transition: all .5s ease 0s;
display: flex;
flex-direction: column;
justify-content: center;
height:100%;
}

.home-featured-services ul li a:active,
.home-featured-services ul li a:focus,
.home-featured-services ul li a:hover {
    color: #fff;
    background:#0052a1;
}
.home-featured-services ul li a:active h3,
.home-featured-services ul li a:focus h3,
.home-featured-services ul li a:hover h3{
color:#fff; 
}
.home-featured-services ul li h3 {
margin: 0;
font-weight:500;
font-size:1.222em;
}
.service-icon{
font-size: 2.778em;
margin:0 auto 20px;
color: #000;
display:block;
width: 135px;
height: 135px;
background: #fff;
border-radius: 100%;
box-shadow: 0 0 22px rgba(0,82,161,0.4);
line-height: 135px;
}
.btn.uploadfile-btn{
min-width:200px;
margin-bottom:15px;
}
.separator:before{
content: "\f0d7";
font-family: Font Awesome\ 5 Free;
font-size: 1.667em;
font-weight: 700;
position: absolute;
margin: 0 0 0 -10px;
left: 50%;
top: -14px;
}
.separator {
    display: block;
    border-bottom: dotted 2px #444;
    height: 1px;
    margin-bottom: 30px;
    position: relative;
}
.side-col {
   background: #2a2a2a;
padding: 30px;
color: #fff;
font-size:0.889em;
}
.contentside .side-col ul li::before{
    color:#fff
}
.side-col h3{
color: #fff;
font-size: 1.200em;
}
.side-col ul li {
    margin-bottom: 5px
}

.product-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    padding-top: 20px
}

.product-item {
width: 31%;
margin: 0 1% 30px;
text-align: center;
color: #fff;
overflow: hidden;
position: relative;
box-shadow: 0 0px 15px rgba(0,82,161,0.30);
}

.product-item-inner {
    transition: all .5s ease 0s;
    color: #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    display: flex;
    justify-content: end;
    flex-direction: column
}

.product-item img {
    transition: all .5s ease 0s
}

.product-item:hover h3 {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(56,105,87,0.95);
}

.product-item h3 {
margin: 0;
font-size: 1.333em;
padding: 20px 20px;
background: rgba(0,0,0,0.75);
color: #fff;
position: absolute;
left: 0;
bottom: 0;
transition: all .5s ease 0s;
width: 100%;
}

.gallery-page {
    position: relative;
    float: left;
    width: 100%
}

.contentside .gallery-page ul {
    position: relative;
    width: 100%;
    margin: 0!important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.gallery-page ul li {
    box-shadow: 0 0 20px rgba(0, 0, 0, .28);
    margin: 15px 0!important;
    padding: 0!important;
    position: relative;
    width: 23.5%
}

.contentside .gallery-page ul li a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    line-height: 0
}

.gallery-page ul li:before {
    content: normal!important
}

.gallery-page img {
    max-width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    width: 100%
}

.contentside .gallery-page ul li a::before {
    position: absolute;
    top: 40%;
    left: 50%;
    margin: 0 0 0 -16px;
    font-family: Font Awesome\ 5 Free;
    content: "\f067";
    font-weight: 700;
    color: #fff;
    font-size: 2em;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear
}

.contentside .gallery-page ul li a::after {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
    content: "";
    opacity: 0;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    left: 0
}

.contentside .gallery-page ul li a:hover::before {
    top: 50%;
    opacity: 1
}

.contentside .gallery-page ul li a:hover::after {
    opacity: 1
}

.gallery-container {
    display: flex;
    padding: 1px;
    flex-wrap: wrap;
    justify-content: space-between
}

.gallery-item a:active h3,
.gallery-item a:focus h3,
.gallery-item a:hover h3 {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.gallery-item {
    width:33.15%;
    margin: 2px 0;
    text-align: center;
    position: relative
}

.gallery-item a {
    display: block
}

.gallery-item img {
    width: 100%;
    display: block
}



.intro-right {
    text-align: center
}

.recent-projects {
padding:30px 0 5px;
    float: left;
    text-align:center;
    width: 100%;
    position:relative;
}
.home-why-choose ol {
    margin: 0;
    padding: 20px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.home-why-choose ol li {
counter-increment: step-counter;
list-style-type: none;
position: relative;
width: 20%;
display: flex;
}
.home-why-choose ol li:nth-child(4),
.home-why-choose ol li:nth-child(5),
.home-why-choose ol li:nth-child(6){
    flex-direction:row-reverse;
} 
.whych-pic{
width:100%; 
position:relative;
height: 276px;
}
.whych-pic:hover{
color:#fff; 
}
.whych-pic:before{
content: url(img/star-red.svg);
position: absolute;
left: 10px;
top: 10px;
width: 100%;
z-index: 0;
transition: all .2s ease 0s;
}
.whych-pic:hover:before{
    z-index: 1;
left: 0px;
top: 0px;
}
.whych-pic:hover:after{
left: 0px;
top: 0px;
}
.whych-pic:after{
content: url(img/star-white.svg);
position: absolute;
left:0;
top: 0;
width: 100%;
z-index: 0;
transition: all .2s ease 0s;
}
.whych-txt{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 70px;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.home-why-choose ol li a{
    color:#333333;
text-decoration:none;   
padding: 40px 20px;
display:block;
height:100%;
transition: all .5s ease 0s;
}
.home-why-choose ol li a:hover,
.home-why-choose ol li a:focus,
.home-why-choose ol li a:active{
    background:#397c64;
    color:#fff;
}
.home-why-choose ol li a:hover strong,
.home-why-choose ol li a:focus strong,
.home-why-choose ol li a:active strong,
.home-why-choose ol li a:hover .whyicon,
.home-why-choose ol li a:focus .whyicon,
.home-why-choose ol li a:active .whyicon{
    color:#fff;
}
.home-why-choose ol li a:hover strong::after,
.home-why-choose ol li a:focus strong::after,
.home-why-choose ol li a:active strong::after {
    background:#fff;
}
.recent-projects h3{
color:#fff; 
}
.recent-projects h3{
text-align:left;    
}
.home-why-choose ol li strong {
font-size: 1.0em;
padding-top: 43px;
text-transform: uppercase;
position: relative;
z-index: 1;
line-height: 1.2em;
}
.whyicon {
font-size:1.500em;
color: #8a8888;
margin: 0 0 20px 0;
position:relative;
}
.home-why-choose ol li span{
display:inline-block;
position:relative;  
}

.home-why-choose {
text-align: center;
padding:60px 0 120px;
width: 100%;
float: left;
position: relative;
z-index: 1;

}

.recent-projects ul {
margin: 0;
padding: 0;
position: relative;
}

.recent-projects ul li {
position: relative;
margin: 0;
list-style-type: none;
padding: 0 3px;
}
.recent-projects img{
width:100%; 
}
.recent-projects .followicon {
    padding: 0 5px;
    display: inline-block
}
.recent-projects a {
    color: #fff
}

.recent-projects a:active,
.recent-projects a:focus,
.recent-projects a:hover {
    color: #ccc
}

.recent-projects .cta-icon {
    font-size: 1.667em;
    display: block;
    margin: 0 0 20px 0
}
.header.sticky-head{
position: fixed;
left: 0;
top: 0;
z-index: 5;
background:#fff;
padding-top: 10px;
padding-bottom: 10px;
box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}
.slick-dots {
   text-align: center;
margin: 0 auto;
display: inline-block;
position: absolute;
left: 0;
bottom: 60px;
width: 100%;
z-index: 3;
}

.sidebar .featurebox {
    margin-bottom: 20px;
    border-radius: 15px;
}

.sidebar .form-full,
.sidebar .form-half {
    width: 100%;
    margin: 0 0 20px 0
}

.wp-pagenavi {
    clear: both;
    margin:20px 0 0 0;
    float: left;
    text-align: center;
    width: 100%
}

.wp-pagenavi a,
.wp-pagenavi span {
margin: 0 20px 10px;
color: #212c61;
font-size: 1.500em;
font-weight: 700;
display: inline-block;
vertical-align: middle;
text-align: center;
border: none;
padding: 0;
}

.wp-pagenavi a:active,
.wp-pagenavi a:focus,
.wp-pagenavi a:hover,
.wp-pagenavi span.current,
.wp-pagenavi span.pages {
    color: #017ab6;
	opacity:1;
}

.wp-pagenavi a.last,
.wp-pagenavi span.pages {
    padding: 0 10px;
    width: auto
}
.home-featured-services-inner:before{
content:"";
background:url(img/quote-top-bg.png) no-repeat top left;
background-size:cover;
position:absolute;
left:0;
bottom:0;   
height:384px;
width:100%;
}
.quotebox {
   float: left;
width: 100%;
position: relative;
margin: 0;
background:#212c61;
padding:1%;
}
.testimonial-single{
background:#fff;    
margin: 0 20px;
padding:80px 20px;
height: inherit !important;
}
.testimonial-single:before,
.testimonial-single:after {
content: "";
position: absolute;
width: 45px;
height: 39px;
background:url(img/quote-icon.svg) no-repeat center center;
}

.testimonial-single:before {
left:10px;
top:10px;
}
.testimonial-single:after {
right:10px;
bottom:10px;
transform: rotate(180deg);
}
.qb-border{
	border: 4px #fff dashed; 
float: left;
width: 100%;
padding:100px 0 90px 0;
}
/*.quotebox:before {
  content: "";
width: 98%;
height: 94%;
position: absolute;
left: 0;
top: 0;
border: 4px #fff dashed;
margin: 1%;

}*/
.heading-custom.heading-third {
    margin:-130px 0 0 -25px;
}
.heading-custom.heading-forth {
    margin:-145px 0 50px 0;
}
.quotebox-inner{
height: 100%;
float: left;
width: 100%;
}
.quotebox-inner .slick-dots{
    margin-top:50px;
}
.home-testimonials h2{
text-align:left;    
margin-bottom: 30px;
}
.quotebox blockquote {
padding:0;
margin:0;
font-weight: 500;
position: relative;
border: none;
width: 100%;
float: left;
font-size:1.3em;
line-height: 1.2em;
font-style:italic;
}
.testimonials-rotator {
    margin-top: 50px;
}
.rating-stars {
margin: 0;
color: #f7ae11;
clear: both;
font-size: 1.222em;
text-align: center;
}

.quotebox cite, 
.quotebox .cite {
font-style: normal;
display: block;
font-weight: 500;
clear: both;
line-height: 1;
font-size: 1.3em;
padding: 10px 0 0 0;
}
.quotebox cite img, 
.quotebox .cite img {
margin: 0 auto;
display: block;
}
.quotebox .slick-track{
    display:flex;
}
.quotebox cite span,
.quotebox .cite span {
    display: block;
color: #1a8dcc;
font-weight: 500;
}

.home-testimonials {
background-position: top center;
background-repeat:no-repeat;
background-size:cover;
background-attachment:fixed;
    float: left;
    width: 100%;
    position: relative;
}
.home-testimonials-inn {
    float: left;
    width: 100%;
    position: relative;
    padding:70px 0;
    background:rgba(255,255,255,0.90);
}
.home-featured-products {
 text-align: center;
float: left;
width: 100%;
padding:30px 0 0px 0;
background:url(img/water-drops.jpg) no-repeat center center;
background-attachment:fixed;
background-size:cover;
}
.heading-custom.heading-first{
    margin: -88px 0 0 0;
}
.homeproducts-top-strip{
    width: 100%;
      height: 469px;
      position:absolute;
      left:0;
      top:-50px;
      background:url(img/product-bg-strip.png) no-repeat top left;
}
.home-featured-products-inner{
    float:left;
    width:100%;
    position:relative;
    
}
.heading-custom{
color: #fff;
text-align: right;
font-size: 2.000em;
text-transform: uppercase;
line-height: 1;
padding: 15px 40px;
margin:0;
max-width: 50%;
position: relative;
z-index: 3;
}
.heading-custom:before{
content: url(img/heading-ribbon.svg);
position: absolute;
right: -40px;
top: -22px;
width: 110px;
z-index: 0;
}
.heading-custom:after{
content: "";
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
background-color: #e5131b;
}
.heading-custom span {
    position: relative;
    z-index: 40;
	background:#e5131b;
}
.sec2con {
margin: 20px 0 60px 0;
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: center;
}
.sec2box a{
text-decoration:none;
display:block;  
}
.sec2box a:hover h3,
.sec2box a:focus h3,
.sec2box a:active h3{
background:rgba(33,44,97,0.7);
color:#fff;
}
.sec2box {
height: auto;
text-align: center;
transition: all .5s ease 0s;
position: relative;
padding: 20px;
width: 33.33333%;
}
.sec2box a:active .sec2box-pic:before,
.sec2box a:focus .sec2box-pic:before,
.sec2box a:hover .sec2box-pic:before {
    background: rgba(255, 255, 255, .61);
    border: none
}

.sec2con .slick-track {
    display: flex
}

.sec2box h3 {
font-size: 2.500em;
padding: 35px 10px;
width: 100%;
margin: 0;
background: rgba(33,44,97,0.20);
transition: all .5s ease 0s;
font-weight: 500;
position: absolute;
left: 0;
top: 0;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
color: #fff;

}
.sec2box-inner{
position:relative;  
}
.sec2box h3 strong{
z-index:1;  
position: relative;
}
.sec2box-info {
background: #fff;
    float: left;
    width: 100%;
    padding: 30px 20px;
}

.sec2box a:active h3:after,
.sec2box a:focus h3:after,
.sec2box a:hover h3:after {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0052a1+0,3fad4e+100 */
background: #0052a1; /* Old browsers */
background: -moz-linear-gradient(left, #0052a1 0%, #3fad4e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0052a1 0%,#3fad4e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0052a1 0%,#3fad4e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0052a1', endColorstr='#3fad4e',GradientType=1 ); /* IE6-9 */
}

.sec2box-pic {
    overflow: hidden;
    position: relative
}

.sec2box .btn {
   position: absolute;
left: 50%;
bottom: 0;
margin: 0 0 -14px -70px;
}

.sec2box img {
    display: block;
    margin: 0 auto;
    width: 100%;
    transition: all .5s ease 0s
}

img.aligncenter {
    display: block;
    margin: 0 auto 20px auto
}

.service-info {
    text-align: left
}

.social-sharing {
    width: 100%;
float: left;
text-align: left;
clear: both;
}

.social-sharing span {
    display: inline-block;
    font-size: 110%
}

.social-sharing span.bottom,
.social-sharing span.top {
    width: 100%
}

.social-sharing span.right {
    display: inline
}

a.button-facebook,
a.button-googleplus,
a.button-linkedin,
a.button-pinterest,
a.button-reddit,
a.button-twitter,
a.button-xing {
    font-size: 1em;
    font-weight: 400;
    margin: 1% 1% 1% 0;
    padding: 5px 1%;
    padding: .5rem 1%;
    text-align: center;
    display: inline-block;
    border: 0
}

a.button-facebook {
    font-size: 100%;
    color: #fff;
    background-color: #2b4170
}

a.button-facebook:active,
a.button-facebook:focus,
a.button-facebook:hover {
    font-size: 100%;
    background-color: #3b5998;
    color: #fff
}

a.button-googleplus {
    font-size: 100%;
    color: #fff;
    background-color: #c33219
}

a.button-googleplus:active,
a.button-googleplus:focus,
a.button-googleplus:hover {
    font-size: 100%;
    background-color: #a82508;
    color: #fff
}

a.button-twitter {
    font-size: 100%;
    color: #fff;
    background-color: #016cac
}

a.button-twitter:active,
a.button-twitter:focus,
a.button-twitter:hover {
    font-size: 100%;
    background-color: #006e97;
    color: #fff
}

a.button-linkedin {
    font-size: 100%;
    color: #fff;
    background-color: #0073b2
}

a.button-linkedin:active,
a.button-linkedin:focus,
a.button-linkedin:hover {
    font-size: 100%;
    background-color: #017cad;
    color: #fff
}

a.button-pinterest {
    font-size: 100%;
    color: #fff;
    background-color: #a0171c
}

a.button-pinterest:active,
a.button-pinterest:focus,
a.button-pinterest:hover {
    font-size: 100%;
    background-color: #cb2027;
    color: #fff
}

.ss-social-sharing a {
    text-indent: -99999px
}

a.ss-button-facebook,
a.ss-button-googleplus,
a.ss-button-linkedin,
a.ss-button-pinterest,
a.ss-button-reddit,
a.ss-button-twitter,
a.ss-button-xing {
    background-image: url(img/socialshare.svg);
    background-size: 162px;
   width: 45px;
height: 42px;
background-repeat: no-repeat;
padding: 0;
border: 0;
margin: 0 1% 1% 0;
display: inline-block;
}

a.ss-button-twitter {
    background-position: -64px 0;
    width: 42px;
}

a.ss-button-twitter:active,
a.ss-button-twitter:focus,
a.ss-button-twitter:hover {
    background-position: -64px -50px;
    transition-delay: 0s;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

a.ss-button-googleplus {
    background-position: -45px -45px
}

a.ss-button-googleplus:active,
a.ss-button-googleplus:focus,
a.ss-button-googleplus:hover {
    background-position: -45px 0;
    transition-delay: 0s;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

a.ss-button-facebook {
   background-position: 0 0;
background-size: 162px;
}

a.ss-button-facebook:active,
a.ss-button-facebook:focus,
a.ss-button-facebook:hover {
    background-position: 0 -50px;
    transition-delay: 0s;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

a.ss-button-linkedin {
    background-position:-120px 0
}

a.ss-button-linkedin:active,
a.ss-button-linkedin:focus,
a.ss-button-linkedin:hover {
    background-position:-120px -50px;
    transition-delay: 0s;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

a.ss-button-pinterest {
    background-position: -180px -45px
}

a.ss-button-pinterest:active,
a.ss-button-pinterest:focus,
a.ss-button-pinterest:hover {
    background-position: -180px 0;
    transition-delay: 0s;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

@media (max-width:480px) {
	
    .social-sharing a {
        text-indent: -99999px
    }
    a.button-facebook,
    a.button-googleplus,
    a.button-linkedin,
    a.button-pinterest,
    a.button-reddit,
    a.button-twitter,
    a.button-xing {
        background-image: url(socialshare.png)!important;
        width: 45px;
        height: 45px;
        background-repeat: no-repeat;
        padding: 0;
        border: 0
    }
    a.button-twitter {
        background-position: 0 -45px
    }
    a.button-twitter:active,
    a.button-twitter:focus,
    a.button-twitter:hover {
        background-position: 0 0;
        transition-delay: 0s;
        transition-duration: 250ms;
        transition-property: all;
        transition-timing-function: ease-in-out
    }
    a.button-googleplus {
        background-position: -45px -45px
    }
    a.button-googleplus:active,
    a.button-googleplus:focus,
    a.button-googleplus:hover {
        background-position: -45px 0;
        transition-delay: 0s;
        transition-duration: 250ms;
        transition-property: all;
        transition-timing-function: ease-in-out
    }
    a.button-facebook {
        background-position: -90px -45px
    }
    a.button-facebook:active,
    a.button-facebook:focus,
    a.button-facebook:hover {
        background-position: -90px 0;
        transition-delay: 0s;
        transition-duration: 250ms;
        transition-property: all;
        transition-timing-function: ease-in-out
    }
    a.button-linkedin {
        background-position: -135px -45px
    }
    a.button-linkedin:active,
    a.button-linkedin:focus,
    a.button-linkedin:hover {
        background-position: -135px 0;
        transition-delay: 0s;
        transition-duration: 250ms;
        transition-property: all;
        transition-timing-function: ease-in-out
    }
    a.button-pinterest {
        background-position: -180px -45px
    }
    a.button-pinterest:active,
    a.button-pinterest:focus,
    a.button-pinterest:hover {
        background-position: -180px 0;
        transition-delay: 0s;
        transition-duration: 250ms;
        transition-property: all;
        transition-timing-function: ease-in-out
    }
}

.home-welcome-copy {
float: left;
padding:1%;
position: relative;
width: 100%;
z-index: 3;
background: #212c61;
color: #fff;
}
.home-welcome-copy a{
color:#fff;	
}
.home-welcome-copy a:hover,
.home-welcome-copy a:focus,
.home-welcome-copy a:active{
color:#017ab6;	
}
.home-welcome-copy h1,
.home-welcome-copy h2,
.home-welcome-copy h3{
line-height:normal;
}
.home-welcome-copy li{
list-style-position:inside;	
}
.home-welcome-copy img{
max-width: 80%;
margin: 0 auto 20px;
display: block;
}
/*.home-welcome-copy:before {
content: "";
width: 98%;
height: 90%;
position: absolute;
left: 0;
top: 0;
border: 4px #fff dashed;
margin: 1%;
}*/
.hwc-inner{
	border: 4px #fff dashed;
	float:left;
	width:100%;
	padding:50px 0 110px 0;
}
.home-welcome-copy h1 strong{
font-weight: 700;
color: #d32e92;
}
.home-welcome-copy h1{
font-size:2.778em;
text-align:center;
}
.home-welcome-copy h1 strong{
font-size:1.0em;
}
.clear {
    clear: both
}

.box-inner {
    padding: 15px 20px;
    float: left;
    width: 100%
}

.sidebox h3 {
position: relative;
font-size: 1.333em;
background: #4c2760;
color: #fff;
text-transform:uppercase;
padding: 20px 30px;
margin: 0;
}

.sidebox.accordion .box-inner h3 {
    margin: 0
}

.sidebox .btn {
    width: 100%
}

.inner-content {
    float: left;
    padding: 30px 0 60px;
    width: 100%
}

.clear.hr {
    background-color: #cfcdcd;
    float: left;
    height: 1px;
    margin: 11px 0;
    width: 100%
}

textarea {
    min-height: inherit!important
}

.introbox {
float: left;
width: 100%;
position: relative;
}
.home-welcome-copy .featurebox{
}
.linkbtn {
    display: inline-block;
    font-size: 1em;
    font-weight: 600;
    color: #092f57;
    padding: 3px 0 1px 0;
    border-bottom: #092f57 solid 1px
}

.linkbtn:active,
.linkbtn:focus,
.linkbtn:hover {
    color: #2a9941;
    border-color: #2a9941
}

.linkbtn:active i,
.linkbtn:focus i,
.linkbtn:hover i {
    color: #2a9941
}

.linkbtn i {
    color: #092f57;
    margin: 0;
    vertical-align: middle
}

table {
    display: block;
    overflow: auto;
    border-collapse: collapse;
    width: 100%;
    clear: both;
    border-top: #ccc solid 1px;
    border-left: #ccc solid 1px;
    margin-bottom: 30px;
    font-size: .8em;
    text-align: center
}

table th {
    background: #f8f8f8
}

table td,
table th {
    line-height: normal;
    border-bottom: #ccc solid 1px;
    border-right: #ccc solid 1px;
    padding: 10px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .08)
}

table p {
    font-size: 1.125em;
    line-height: 30px
}

table p:last-child {
    margin-bottom: 0
}
.footer .headphone {
    text-align: right;
}
.footer {
    float: left;
    padding:70px 0 30px;
    position: relative;
    width: 100%;
    line-height: 1.35em;
    background:#212c61;
    color:#fff;
    }
    .footer a{
    color:#fff; 
    }
    .footer a:hover,
    .footer a:focus,
    .footer a:active,
    .foot-col .social-icons a:hover,
    .foot-col .social-icons a:focus,
    .foot-col .social-icons a:active,
    .footer-copyrights a:hover,
    .footer-copyrights a:focus,
    .footer-copyrights a:active{
    color:#017ab6;  
    }
.footer h3 {
font-size: 1.333em;
margin: 0 0 10px 0;
color: #fff;
text-transform: uppercase;
}
.text-right{
text-align:right;   
}

.subscribebox input[type=email],
.subscribebox input[type=text] {
    font-size: 1em;
    padding: 10px 15px;
    margin: 0 0 10px 0;
    border-radius: 7px;
    transition: all .5s ease 0s
}

.subscribebox input[type=email]:focus,
.subscribebox input[type=text]:focus {
    border-color: #2a9941
}

.foot-col h4 {
    font-size: 1em;
    margin-bottom: 10px
}

.footer-copyrights {
   background: #212c61;
float: left;
font-weight: 400;
font-size: .9em;
color: #fff;
margin: 0;
padding:25px 0 86px;
position: relative;
width: 100%;
}

.footer:before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 15px;
    border-bottom: 4px #fff dashed;

}
.footer-copyrights:before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 15px;
    border-bottom: 4px #fff dashed;

}
.subscribebox .btn {
    width: 100%
}
.footer-nav li {
display:block;
position: relative;
padding: 0;
text-transform: uppercase;
}
.foot-col .social-icons a{
    color:#fff;
    font-size: 1.7em;
    text-decoration:none;
}
.footer p{
margin:0 0 10px;    
}
.footer img{
margin:0 auto;
display:block;  
}
.logos-outer{
float:left;
width:100%;
text-align:center;
padding:50px 0; 
}
.logos-outer .slick-track{
    display:flex;
}
.logos-outer li{
border-radius: 15px;
overflow: hidden;
margin: 0 15px;
padding: 15px;
border: 3px solid rgba(0,0,0,0.05);
height: inherit;
align-items: center;
display: flex !important;
justify-content: center;
}
.logos-outer img{
align-self:auto;    
}
.footer-nav li a {
    display: block;
    color:#fff;
    padding:3px 0;
    font-weight:500;
}
.footer-nav li a:hover,
.footer-nav li a:focus,
.footer-nav li a:active,
.footer.footer-home-only a:hover,
.footer.footer-home-only a:focus,
.footer.footer-home-only a:active,
.footer.footer-home-only .footer-nav li a:hover,
.footer.footer-home-only .footer-nav li a:focus,
.footer.footer-home-only .footer-nav li a:active {
    color:#017ab6;
}
.footer-nav ul {
    list-style-type: none;
    margin: 0
}

.footer-copyrights p {
    margin: 5px 0 0 0;
    clear: both
}

.footer-copyrights a {
    color: #fff
}
.footer.footer-home-only{
background:#fff;
color:#212c61;
padding: 40px 0 30px;
opacity:1;  
}
.footer.footer-home-only h3,
.footer.footer-home-only .footer-nav li a,
.footer.footer-home-only a{
    color:#212c61;
}
.blog-filter select{
border: #212c61 solid 2px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(img/select-arrows.svg) no-repeat 95% 7px;
    background-size: auto;
background-size: auto;
background-size: 16px;
line-height: normal;
min-height: 52px;
}
.blog-filter{
padding-top:30px;
padding-bottom:30px;    
}
.post {
float: left;
width: 100%;
margin: 30px 0;
}

.post-inner {
    float: left;
    padding: 20px;
    width: 100%
}

.contentside .sidebox ul {
    margin-bottom: 0
}

.contentside .sidebox ul li {
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    font-size: .889em;
    font-weight: 400;
    line-height: 22px;
    list-style-type: none;
    margin: 0;
    min-height: inherit;
    padding: 15px 0
}

.sidebox ul li:last-child {
    border: none
}

.contentside .sidebox ul li:first-child {
    padding-top: 0
}

.contentside sidebox ul li a:hover {
    color: #fed403
}

.post img {
    height: auto;
    max-width: 100%
}

.contentside .post p {
    margin-bottom: 20px
}

.post_info {
font-size: 1.0em;
font-weight: 700;
clear: both;
float: left;
margin: 0 0 10px;
width: 100%;
}

.post_info a {
    display: inline-block;
    margin: 0 20px 0 0
}

.post h2.title {
font-size: 1.250em;
margin: 20px 0 10px;
line-height: 1.25em;
}
.post h1.title {
font-size:2.0em;
margin: 20px 0 10px;
}
.post h1.title a,
.post h2.title a {
    color: #212c61
}

.post_info .fas {
    margin: 0 2px 0 0;
    color:#017ab6;
}

.post h1.title a:hover,
.post h1.title a:focus,
.post h1.title a:active,
.post h2.title a:hover,
.post h2.title a:focus,
.post h2.title a:active
{
    color: #017ab6
}

::-webkit-input-placeholder {
    color: #212c61;
    opacity: 1
}

:-moz-placeholder {
    color: #212c61;
    opacity: 1
}

::-moz-placeholder {
    color: #212c61;
    opacity: 1
}

:-ms-input-placeholder {
    color: #212c61;
    opacity: 1
}

.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
        font-family: 'Oswald', sans-serif;
    border: #ccc solid 1px;
    box-shadow: none;
    height: auto;
    line-height: normal;
    font-size:1.0em;
    color: #212c61;
    padding: 8px 10px;
    width: 100%;
    opacity: 1;
    background: #fff
}

.sidebox {
float: left;
margin: 0 0 30px 0;
width: 100%;
border-radius: 15px;
overflow:hidden;
background:#f2e8f4;
}

.sidebox ul {
    margin: 0
}

.sidebox ul li {
    list-style-type: none;
    position: relative;
    padding-left: 35px
}

.sidebox ul li:before {
content: "\f0a9";
font-family: Font Awesome\ 5 Free;
position: absolute;
left: 7px;
top: 3px;
color: #981ceb;
font-weight: 700;
font-size: 0.80em;
}

.sidebox ul li a {
    display: block;
    padding: 3px 0;
    color: #333
}

.sidebox ul li a:active,
.sidebox ul li a:focus,
.sidebox ul li a:hover {
    color: #981ceb
}

.sharethis {
    float: right;
    font-size: 1em;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase
}

.sharethis img {
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    border-radius: 5px
}

.sidebox.accordion h3 {
    cursor: pointer;
    padding-left: 40px
}

.sidebox.accordion h3:before {
    content: "\f067";
    color: #000;
    font-family: Font Awesome\ 5 Free;
    left: 0;
    position: absolute;
    top: 5px;
    background: #fecc17;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: .8em;
    border-radius: 3px
}

.sidebox.accordion h3.active:before {
    content: "\f068"
}

.sidebox p {
    padding: 0
}

.sidebox.box-light h3 {
    color: #004b8f
}

.sidebox .sidebox-events li span {
    display: block;
    font-size: .722em;
    font-weight: 400
}

.contentside ul li:before {
content: "";
left: 0;
font-weight: 600;
background: url(img/star-menu.svg) no-repeat center;
position: absolute;
width: 22px;
height: 22px;
top: 6px;
}

.contentside ul li {
    list-style-type: none;
    padding: 2px 0 2px 2.0em;
    position: relative
}

.contentside ol li {
    counter-increment: step-counter;
    list-style-type: none;
    padding: 2px 0 2px 1.1em;
    position: relative
}

.contentside ol li::before {
content: counter(step-counter, decimal)'.';
display: inline-block;
left: 0;
position: absolute;
top: 1px;
font-weight: 900;
font-size:1.0em;
}

.form-half {
    margin: 0 0 0 2%;
    float: left;
    width: 49%
}

.form-half:first-child {
    margin-left: 0
}

.contentside ol,
.contentside ul {
    margin: 0 0 25px;
    padding: 0
}

.contentside blockquote p:last-child {
    margin-bottom: 0
}

.sidebar .featurebox input[type=email],
.sidebar .featurebox input[type=text],
.sidebar .featurebox select,
.sidebar .featurebox textarea {
    background: #fff
}

.contentside blockquote {
    box-shadow: 0 0 25px rgba(66, 126, 104, .22);
    border-left: 7px solid #212c61;
    border-radius: 10px;
    margin: 0 0 20px;
    font-style: normal;
    padding: 20px 30px;
    width: 100%
}

.contentside ul ul {
    margin: 0;
    padding: 20px 0 0
}

.contentside ul li:last-child {
    padding-bottom: 0
}

.slider-img {
    float: left;
    width: 54%
}

.home-slider .container {
    position: relative
}

@media screen and (max-width:1600px) {
    .slider-text-inner{
    padding-left:70px;  
    }
    
    
.homeform .featurebox {
    top: -50px;
}
    ul.slimmenu li .sub-toggle {
        font-size: .7em
    }
    .home-featured-products .slick-prev {
        left: 0
    }
    .home-featured-products .slick-next {
        right: 0
    }

    .form-row textarea {
        height: 68px
    }
}

@media screen and (max-width:1500px) {
    .slider-text::before{
        bottom: -80px;
    }
    
    .wrapper {
        width: 96%
    }
}

@media screen and (max-width:1440px) {
    .newbanner-iiner {
  width: 60%;
}
    .newbanner h2 {
  font-size: 2.7em;
}
    .newbanner h3 {
  font-size: 1.2em;
}
    .newbanner ul li {
  font-size: 1.1em;
}
    .newbanner .btn {
  font-size: 1.5em;
  padding: 20px 35px;
}
    .header-cta .btn {
  font-size: 0.95em;
}
	.staticoverlay-box h2 {
  font-size: 1.4em;
  margin-bottom: 5px;
}
	.staticoverlay-box h3 {
  font-size: 1.200em;
  margin-bottom: 5px;
}
    .home-why-choose ol li strong {
    padding-top: 30px;
}
    
    .homeform .featurebox {
    top: 0;
}
    .home-slider .slick-slide::after {
    width: 50%;
    background: url(img/slider-rectangle.png) no-repeat bottom left;
}
    .home-featured-services ul li div{
    padding-right:40px; 
    }
    .home-featured-services ul li a {
        font-size: 1em
    }
    
}

@media screen and (max-width:1400px) {
    .form-half {
        margin: 0 0 10px 4%;
        width: 48%
    }
    .form-half:first-child {
        margin-left: 0
    }
    .contact-page .form-half,
    .sidebar .form-half {
        width: 100%;
        margin-left: 0
    }
}

@media screen and (max-width:1366px) {
	.home-offers h3 {
  width: 200px;
  height: 200px;
  font-size: 1.3em;
}
	.staticoverlay-box {
  width: 70%;
  background: rgba(33,44,97,0.9);
  margin-bottom: 0;
}
    .whych-pic {
    height: 257px;
}

    .homeform .featurebox::after {
    border-left: 206px solid transparent;
    border-right: 206px solid transparent;
}
    .banner-inner .featurebox h2 {
        font-size: 1.375em
    }
    
    
}

@media screen and (max-width:1280px) {
    .home-why-choose ol li strong {
    font-size: 0.85em;
    padding-top: 0;
}
    .heading-custom{
    max-width:60%;  
    }
    
    .slider-text h2 {
    font-size: 2.000em;
}
.slider-text p{
    font-size: 1.2em;
}
    .home-featured-services-inner{
    padding-bottom:50px;    
    }
    .home-featured-services-inner::before{
    display:none;   
    }
    .homeproducts-top-strip{
    display:none;   
    }
    .home-featured-products{
    margin:0;   
    }

    .homeform .featurebox{
    width:33%;  
    }
    .homeform .featurebox::after {
    display:none;   
    }
.homeform {
    align-items: center;
}
    .slider-text::before {
   display:none;
}
    
    .introbox {
        padding: 0
    }

    .slider-text-inner {
        width: 64%
    }
  
    .home-featured-products h2 br {
        display: none
    }
    .banner-inner .featurebox h2 {
        font-size: 1.111em
    }
}

@media screen and (max-width:1200px) {
	
    .whych-txt {
    padding: 0 50px;
}
    .headphone {
    font-size: 1.3em;
}
    .slider-text{
    align-items: center;    
    }
    

    .header::after {
        display: none
    }
}

@media screen and (max-width:1199px) {
    .newbanner h2 {
    font-size: 2.0em;
  }
     .newbanner h3 {
    font-size: 1.0em;
  }
     .newbanner ul li {
    font-size: 1.0em;
  }
      .header-cta .btn {
    font-size: 0.85em;
    margin-top: 10px;
  }
	.qb-border {
    padding: 30px 0;
}
	.hwc-inner{
	padding:40px 0;	
	}
	.whitebgmob{
	background:#fff;	
	}
    .locations-served-bar {
    padding:0 0 20px 0;
}
    .logo {
    top: -6px;
}
    .header .align-items-center {
    align-items: inherit !important;
}
    .locations-served-bar ul{
    padding-left:0; 
    }
    .slick-dots{
    bottom:10px;    
    }
    .slick-dots li button{
    width:20px;
    height:20px;    
    }
    

    .whych-pic {
    height: 295px;
}
.home-why-choose ol li {
    width: 26%;
}
    .sec2con {
    margin: 0;
}
    .heading-custom.heading-first,
    .heading-custom.heading-second,
    .heading-custom.heading-third,
    .heading-custom.heading-forth {
    margin:0 0 20px 0;
}
.locations-served-bar h2 {
    color: #212c61;
}
    .heading-custom{
    max-width:100%;
    text-align:center;  
    }
    .heading-custom::before {
        display:none;
}
    .home-welcome-copy img {
    max-width: 100%;
}
    .featurebox-inner{
    position:relative;
    left:auto;
    top:auto;
    
    }
    .featurebox{
    background:#e5131b;     
    }
    ul.slimmenu li a:active, ul.slimmenu li a:focus, ul.slimmenu li a:hover{
    background-image:none;  
    }
    .menu-collapser {
    margin:15px 0 5px;
}
    .main-nav{
    margin:0;   
    }
    .microsite .menu-collapser {
    margin-top: 6px;
}
    .microloc {
    min-width: 100%;
}
    .home-welcome-copy h1 {
    font-size: 2.0em;
}
    .header.sticky-head{
    position:relative;
    left:auto;
    top:auto;   
    }
    
    
    .home-featured-services{
    text-align:center;  
    }
    .home-featured-services h2 {
    text-align: center;
}
    .homeform .featurebox::after{
    display:none;   
    }
    .home-cta ul li a {
    padding: 45px 20px 45px 80px;
}
    .home-cta ul li{
    width:33.333333%;
    }
    .v-center {
    align-items: inherit;
}

    .home-featured-products-inner{
    background-size:inherit;    
    }
    .home-welcome-copy .featurebox {
    margin-top: 0;
}
    .header{
padding:10px 0;
    }
    .searchsite{
    display:none;   
    }
    
    
    ul.slimmenu li li .sub-toggle {
        top: 0;
        right: -1px;
        min-height: inherit;
        padding: 5px 17px
    }
    .service-col {
        background-image: none
    }
    .service-col-inner {
        padding: 20px
    }
    .home-slider .slick-slide::after {
        display: none
    }

    .home-featured-services .row {
        padding-top: 0
    }
    .introbox {
        padding-right: 0
    }
    .home-cta ul {
    padding: 20px 20px;
}
    .home-slider .slick-slide::before {
        width: 100%;
        left: 0;
        transform: inherit;
        height: 100%
    }
    .home-slider-container {
        margin-top: 0;
    }
    .home-slider .slick-arrow {
        margin-top: -30px
    }
    .home-slider .slick-prev {
        left: 5px
    }
    .home-slider .slick-next {
        right: 5px
    }
    .home-welcome-copy p {
        font-size: 1em;
        line-height: 1.5em
    }
    
    .homeform .featurebox {
        width: 100%;
        box-shadow: none;
    }
    .sidebar .featurebox h2 br {
        display: none
    }
    .home-welcome-copy h1 br {
        display: none
    }
    ul.slimmenu li ul li a,
    ul.slimmenu li:first-child ul li a {
        padding: 5px 15px
    }
    .sec2box h3 {
        min-height: inherit;
        font-size: 2.000em;
    }
    .sec2box h3 .fas {
        right: 10px;
        top: 8px;
        width: 40px;
        height: 40px;
        line-height: 40px
    }

    .homeform {
        margin: 0;
        width: 100%;
        position: relative;
        left: auto;
        top: auto;
        float: left;
        height: auto
    }
    .featurebox {
        width: 100%
    }
    .slider-text {
        width: 100%;
    }
    ul.slimmenu li {
        padding-left: 0
    }
    ul.slimmenu li ul {
        border: none;
        box-shadow: none;
        padding: 0;
        border-radius: inherit
    }
    ul.slimmenu li {
        margin-left: 0
    }
    ul.slimmenu {
        text-align: left;
        width: 100%
    }
	
    ul.slimmenu li a,
	.micronav ul.slimmenu li a {
 padding:5px 0;
        font-size: .889em;
        border: none
    }
    ul.slimmenu li .sub-toggle {
right: 0;
top: 0;
padding: 4px 17px;
min-height: 38px;
display: block;
background: #a9d0e3;
color: #212c61;
    }
    ul.slimmenu li .sub-toggle i {
        color: #000
    }
    ul.slimmenu li>ul {
        width: 100%
    }
    ul.slimmenu li ul li a {
        padding: 5px 20px 5px 20px
    }
    ul.slimmenu li ul li ul li a {
        padding: 5px 20px 5px 40px
    }
    ul.slimmenu i {
        font-style: normal;
    }
    ul.slimmenu li.current-menu-item>a {
        background: 0 0
    }
    ul.slimmenu li ul li {
        background: 0 0;
        margin: 0;
        border: none
    }
    ul.slimmenu li ul li:first-child::before {
        content: normal
    }
    .testimonials-rotator {
        padding: 0
    }
    .quotebox cite::before,
    .quotebox .cite::before {
        content: normal
    }
    .quotebox cite,
    .quotebox .cite {
        position: relative;
        right: auto;
        bottom: auto;
        padding: 0
    }
    .slider-text h2::after {
        margin: 0 auto 8px
    }
    .test-bg {
        display: none
    }
    .sidebar .featurebox {
        margin-top: 0
    }
    .home-featured-products h2 br {
        display: none
    }
    ul.slimmenu li {
        border-bottom:rgba(0, 0, 0, .20) solid 1px;
        display: inline-block;
        float: none;
        padding: 0;
        border-left: none
    }
    .btn-call {
        float: none;
        display: inline-block;
        margin: 15px 0 0 0
    }
    .box h3 {
        font-size: 1.222em
    }
    .banner-inner h2 {
        font-size: 1.222em
    }
    .featurebox input.input-large[type=text] {
        width: 92%
    }
    .featurebox h3 {
        font-size: 1.111em
    }
    .post h1,
    .post h2 {
        font-size: 1.333em;
    }
    .more {
        display: inline-block
    }
    .intro-pic {
        width: 16%
    }
}

@media screen and (max-width:1024px) {
    .sidebtn {
        transform: rotate(0);
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        position: relative;
        top: auto;
        right: auto;
        z-index: 1;
        clear: both
    }
    .closebtn-icon {
        display: none
    }
    .banner-inner .featurebox {
        width: 100%
    }
    nav ul li a {
        padding: 13px 11px;
        font-size: .778em;
        font-weight: 400
    }
    .slider ul li {
        line-height: 18px!important;
        background-position: left top
    }
}

@media screen and (max-width:991px) {
    #lfpopup.fancybox-content {
  width: 96%;
}
	.home-offers ul li {
  padding: 0 10px;
}
	.home-offers h3 {
  width: 170px;
  height: 170px;
  font-size: 1.1em;
}
	
	.featurebox.stickyform h2 {
    display: block;
}
	.locations-served-bar ul{
	padding:0;	
	}
	.locations-served-bar .btn{
	margin-bottom:20px;	
	}
	.featurebox input[type="email"], .featurebox input[type="text"], .featurebox input[type="tel"], .featurebox select, .featurebox textarea {
    margin-bottom: 12px;
}
    .featurebox.stickyform .featurebox-inner {
    padding: 0;
}
    
    .footer .social-icons{
    text-align:center;  
    }
    .home-why-choose ol li {
    width: 32%;
}
    .slick-arrow{
    font-size:3.5em;    
    }
    .home-featured-products .slick-arrow,
    .testimonials-rotator .slick-arrow{
        margin-top:-50px;
    }
    .testimonials-rotator .slick-prev{
        left:0;
    }
    .testimonials-rotator .slick-next{
        right:0;
    }
 
.hwc-inner{
	 padding: 10px 0 20px;
}
        .featurebox{
    padding:20px 0; 
    }

    .contentside .featurebox input[type="email"], .contentside .featurebox input[type="text"], .contentside .featurebox input[type="tel"], .contentside .featurebox select, .contentside .featurebox textarea{
margin-bottom:0; 
}
.featurebox.stickyform input[type="email"], .featurebox.stickyform input[type="text"], .featurebox.stickyform input[type="tel"], .featurebox.stickyform select, .featurebox.stickyform textarea{
margin-bottom:12px; 
padding-top:7px;
padding-bottom:7px;
}
.featurebox.stickyform .btn{
font-size:1.0em;    
}

    .footer .headphone {
    text-align: center;
    margin:0;
}
    .text-right {
    text-align: center;
}
    .footer-nav{
    text-align:center;  
    }
    .footer-nav .btn{
    margin-top:15px;    
    }

    .home-loc-sec h2 br{
    display:none;   
    }
    .logos-outer .slick-prev {
    left: 0;
}
.logos-outer .slick-next {
    right: 0;
}
    .headphone {
    font-size: 1.2em;
}
    .foot-col{
    padding:10px 0; 
    }
    .border-sep{
    border:none;    
    }
    .testimonials-rotator::before {
left: 10px;
top: -10px;
    }
    .testimonials-rotator::after {
    right: 10px;
bottom: 60px;
top: auto;
    }
    .slider-text p {
    font-size: 1.0em;
}
    .slider-text h2 {
    font-size: 1.50em;
    margin-bottom: 10px;
}
    .home-cta ul li{
    width:100%;
    border-right:none;
    border-bottom:solid 1px rgba(255,255,255,0.15); 
    }
    .home-cta ul li:last-child {
    border-bottom: none;
}
    .home-cta ul li a {
    padding: 25px 20px 25px 100px;
}
.cta-icon {
    top: 38px;
}
    .home-why-choose ol li:nth-child(3) {
    flex-direction: row-reverse;
}
.home-why-choose ol li:nth-child(5),
.home-why-choose ol li:nth-child(6) {
    flex-direction:row;
}
    .home-why-choose ol li::before,
    .home-why-choose ol li::after{
    display:none;   
    }
    .whyicon{
    position:relative;
    left:auto;
    top:auto;
    margin:0 0 20px 0;  
    }
    .locations-served-bar ul li{
    width:31%;  
    }

    .home-featured-services ul li{
    width:33.3333%; 
    }
    .home-featured-services ul{
    justify-content: center;    
    }
    .home-welcome-copy .featurebox {
    margin-top: 20px;
}
    .overlay-black::after{
    display:none;   
    }
    .home-featured-services ul li h3 {
    font-size: 1.1em;
}
    .main-nav{
    margin:0;   
    }
    .home-featured-services ul li:nth-child(4) .step-arrow {
        display: block
    }
.home-featured-services ul li div {
    padding: 0 20px;
}
.stepno {
    font-size: 3.0em;
    position: relative;
    left: auto;
    top: auto;
}

    .header img {
        margin-top: 0
    }

  

    .home-why-choose::before {
        display: none
    }
    .product-item h3 {
        font-size: 1em
    }
    .recent-projects ul li {
        border: none;
        width: 50%;
        margin: 0;
        padding: 20px
    }

    .home-featured-products h2 strong,
    .home-featured-services h2 strong,
    .home-welcome-copy h1 strong {
        font-size: 1em;
    }
    .home-testimonials::after {
        display: none
    }
    .testimonial h2 {
        margin-bottom: 20px
    }
    .home-welcome-copy img {
        float: none;
        display: block;
        margin:20px auto
    }
    .gallery-item h3 {
        font-size: 1.3em
    }
    .breadcrumb-bar {
font-size: 0.85em;
    }
    .contentside .featurebox {
        margin-top: 0
    }
    .inner-content {
        padding: 20px 0
    }
    .sec2con {
        padding: 0 10px 0 10px;
        margin-top: 0
    }

    .quotebox blockquote {
       font-size: 1.3em;
line-height: 1.2em;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 20px
    }
    .recent-projects h2,
    .findloc h3,
    .home-featured-products h2,
    .home-featured-services h2,
    .home-testimonials h2,
    .home-welcome-copy h1,
    .home-why-choose h2,
    .logos-outer h2,
    .serve-info h3{
        font-size:2.0em;
    }
    .recent-projects ul {
        padding: 0
    }
    h3,
    h4 {
        font-size: 1.3em
    }
    .introbox {
        padding-left: 0
    }
    .home-welcome-copy h1 {
        margin-bottom:10px
    }
    .banner-inner h1,
    .banner-inner p,
	.banner-inner h2 {
        font-size: 2.0em;
    }
    .contact-info {
        min-height: inherit;
        margin-bottom: 10px
    }
    .home-featured-products iframe {
        margin-bottom: 10px
    }
    .sidebar {
        clear: both;
        padding-top: 20px
    }
   
    .home-featured-products h2 {
        margin: 0;
        padding: 10px 20px
    }
    .finance-left,
    .finance-right {
        width: 100%
    }
    nav ul li a {
        font-size: .889em
    }
    nav ul li ul li:hover ul {
        position: relative
    }
    nav ul li ul li ul li a {
        padding-left: 40px
    }
    nav ul {
        text-align: left
    }
    nav ul li {
        border-bottom: 1px solid #504944
    }
    nav ul li ul {
        width: 100%
    }
    nav ul li ul ul {
        left: auto;
        position: relative;
        top: auto;
        margin-bottom: 10px;
        display: block
    }
    .camera_next,
    .camera_prev {
        display: none!important
    }
   
    .accordion h3 span {
        padding-top: 3px
    }
    .tinynav {
        border: none;
        border-radius: 5px;
        display: block;
        padding: 7px 2%;
        width: 70%;
        float: left
    }
}

@media screen and (max-width:900px) {
    .whych-pic {
    height: 265px;
}
    .footer-nav li a {
        line-height: 22px
    }
}

@media screen and (max-width:768px) {
     .newbanner-iiner {
    width: 100%;
  }
     .newbanner h2 {
    font-size: 1.5em;
  }
      .newbanner ul li {
    font-size: 1.0em;
    width: 100%;
    margin: 5px 0;
  }
    .newbanner ul{
        padding-top: 0;
    }
    .newbanner {
  padding: 50px 0;
}
     .newbanner .btn {
    font-size: 1.0em;
    padding: 15px 25px;
  }
    .sec2box h3 {
    font-size: 1.5em;
}

        .home-featured-services ul {
        padding-top:0;
    }

    .head-email .fa-envelope-o {
        margin: 0 3px 0 0
    }
    .home-featured-products p br {
        display: none
    }
}

@media screen and (max-width:767px) {
    .rating-bar {
  padding: 60px 0 10px 0;
}
	.home-offers ul li a:hover h3,
	.home-offers ul li a:focus h3,
	.home-offers ul li a:active h3{
  background: #1d8dcc;
  color: #fff;
  opacity: 1;
}
	.home-offers {
  padding: 0 0 40px;
}
	.home-offers ul li:nth-child(1) h3{
  top: auto;
  right: -50px;
  bottom: -40px;
}
	.home-offers ul li:nth-child(2) h3 {
  bottom: -40px;
  right: auto;
  left: -50px;
}
	.home-offers ul li:nth-child(3) h3 {
  top: auto;
  left: auto;
  bottom: -40px;
  right: -50px;
}
	.home-offers ul {
  display: inherit;
		padding: 0;
}
	.home-offers ul li {
  width: 60%;
  padding: 0;
  margin: 50px auto;
}
    
	.staticoverlay-box {
  width: 90%;
		margin-top: -50px;
}
	.staticoverlay-box h2 {
  font-size: 0.85em;
}
	.staticoverlay-box .btn{
		font-size: 0.85em;
	}
	.home-slider-static img {
  display: none;
}
	.home-slider-static img.banner-mobile {
  display: block;
  margin: 0 auto;
}
	.heading-custom span{
	background:none;	
	}
	.home-welcome-copy{
	padding:4%;	
	}
	.logo {
    z-index: 1;
}
	.contentside .featurebox input[type="email"], .contentside .featurebox input[type="text"], .contentside .featurebox input[type="tel"], .contentside .featurebox select, .contentside .featurebox textarea {
    margin-bottom: 10px;
}
.contentside .featurebox {
    padding: 30px 20px;
}
    .post.single-post {
    padding-top: 0;
}
    .locations-served-bar ul{
    padding-top:0;  
    }
    .home-why-choose{
    padding-bottom: 30px;
padding-top: 20px;  
    }
    
	.home-slider{
    display:none;
    }
    .banner-mobile{
    display:block;  
    }
    .lf-hidemob .featurebox-inner{
    display:none;
    padding:20px 0;
    }
    .featurebox.lf-hidemob{
    padding:0;
    }
    .featurebox h3{
display:block;
}
    #headphone{
    display:block;
	z-index: 1;  
    }
    
    .headphone a span {
    display: none;
}
.headphone a {
    position:relative;
}
    .headphone a:after {
    content: "\f879";
    font-family: Font Awesome\ 5 Free;
    font-size:1.5em;
    color: #212c61;
    font-weight:700;
    display:inline-block;
}
    .header .social-icons{
        display:none;
    }
    .home-why-choose ol li strong{
    margin-top:-20px;   
    }
    .whych-txt{
    color:#fff; 
	opacity:1;
    }
    .whych-pic::after {

    content: url(img/star-blue.svg);
}
    .testimonials-rotator {
    margin-top: 0;
    padding-top: 10px !important;
}
    .quotebox cite,
    .quotebox .cite{
    padding-top:20px;   
    }
    .quotebox {
    padding:4%;
}
.quotebox::before {
    height: 97%;
}
    .quotebox h2{
    color:#fff; 
    }
    
    .heading-custom.heading-third {
    margin: 0 0 20px 0;
    padding:0 20px;
}
    .footer img {
    display: none;
}
    .footer-copyrights{
    text-align:center;  
    }
    .home-featured-products{
    background:none;    
    }
    .heading-custom::after {
        display:none;
    }
    .heading-custom{
    color:#212c61;
    padding:0;
    margin:0 0 20px 0;
    }
    .sec2box{
    width:100%;
    margin:10px 0;
    padding:0;  
    }
    .covidbar{
position: relative;
left: auto;
top: auto;
float: left;
padding-top: 80px;
    }
    .prv-next-btn {
    margin: 0;
}
    .wp-pagenavi a, .wp-pagenavi span {
    margin: 0 10px 10px;
}
    .home-welcome-copy::before {
    height: 98%;
}
    ul.slimmenu{
    margin-bottom:15px; 
    padding-top: 55px;
    }
    .social-icons {
    text-align: center;
}
.headphone {
    text-align: right;
}
    .microsite .header .btn {
    min-width: inherit;
    width:auto;
}
    .microsite .home-welcome-copy h1 {
    font-size: 1.5em;
}
    .microsite .collapse-button {
    margin:inherit;
}
    .microsite  .menu-collapser{
        width:auto;
        margin:3px 0 0 0;
    }
    .microloc::before {
    width: 40px;
height: 40px;
line-height: 40px;
left: -15px;
margin: -20px 0 00 auto;    
    }
    .microloc {
    margin: 15px 0;
}
    .microsite .headphone {
    text-align: center;
    margin: 0;
}
    .findloc h2 {
    font-size:1.4em;
}
    .locbystates h3{
    font-size:1.1em;    
    }
    .locbystates-panel ul li {
    width: 50%;
}
    .findloc-panel .home-loc-form input[type="text"]{
        font-size:0.85em;
    }
    .findloc-panel .row {
    margin-top: -50px;
}
    .home-loc-form {
    margin-top: 0;
}
    .home-loc-sec{
    padding:30px 0; 
    }
    .form-row {
    margin-bottom: 0;
    margin-top: 0;
}

    .collapse-button{
    margin:0 auto;  
    }
    
    .top-links li a {
    font-weight: 500;
    padding: 8px 10px;
    font-size: 0.75em;
}
    
    .post h1.title, .post h2.title{
    margin-top:20px;    
    }
    .logo {
padding: 0;
margin: 0 auto -100px;
position: relative;
left: auto;
top: auto;
}
    .headphone{
display: none;
margin: 0;
position: absolute;
right: 20px;
top: 20px;
    }
/*    .header .btn {
   float: none;
margin: 0 auto;
width: 320px;
display: block;
clear: both;
}*/
    .header-cta{
        position: inherit;
    }
    .header-cta .btn{
       position: absolute;
    right: 0;
    top: 15px;
    margin: 0;
    }
.main-nav{
padding:30px 0 0 0; 
}
    .home-featured-services ul li {
        margin: 0;
        width: 50%;
        border-bottom: solid 1px rgba(0,0,0,0.18);
        border-left:none;
    }
    .home-featured-services ul li:nth-child(4){
    border-bottom: solid 1px rgba(0,0,0,0.18);  
    }
    .home-featured-services ul li a{
    margin:0 auto;  
    }
    .locations-served-bar ul li{
    width:50%;  
    }
    .contentside.sidebar .form-row {
    margin: 0;
}
    .recent-projects h2, .findloc h3, .footer h3, .home-featured-products h2, .home-featured-services h2, .home-testimonials h2, .home-welcome-copy h1, .home-why-choose h2, .logos-outer h2, .serve-info h3, .quotebox h2,  .home-loc-sec h2 {
    font-size: 1.5em;
}
.featurebox h2{
font-size:1.2em;    
margin-left:0;
margin-right:0;
}
    .topright {
  text-align: center;
}
    .home-featured-services img {
    border-radius: 5px;
}
    .recent-projects ul li{
padding:0;
    width:100%; 
    }
    .home-why-choose ol{
    padding:0;  
    }
    
    .home-featured-services ul li div{
width: 100%;
padding: 50px 0;
    }

    .menu-collapser{
margin: 0;
position: absolute;
left: 15px;
top: -45px;
    }
    
    .slider-text {
        width: 100%;
        text-align: center;
        position: relative;
        left: auto;
        top: auto;
        background: #4c2760;
    }
    .slider-text-inner {
        padding: 20px;
        width: 100%;
    }
    .home-slider .slick-slide::before {
        display: none
    }
    .product-item {
        width: 48%
    }

    .homeform .form-row {
        margin: 0
    }
    .gallery-item {
        width: 49.70%
    }
    .post h1.title,
    .post h2.title {
        font-size:1.3em
    }
    .slider-text h2 {
       font-size: 1.4em;
margin-bottom: 15px;
line-height: 1;
    }

    .slider-text p {
        font-size:0.85em;
        line-height:normal;
    }
    .slider-text h2,
    .slider-text p {
        text-shadow: inherit
    }
    img.alignleft,
    img.alignright {
        display: block;
        float: none;
        margin: 0 auto 20px
    }
    .home-slider .slick-slide {
        padding-bottom: 0
    }
   
    .slider-text h3 {
        font-size: 1.111em
    }
    .home-slider {
        border: none
    }
    .text-center {
        text-align: left
    }
    .sidebox.accordion h3::before {
        top: 0
    }

    .introbox p {
        margin-bottom: 20px
    }
    
    .header .wrapper {
        padding-left: 0;
        padding-right: 0
    }
    .post {
        width: 100%;
padding:20px 0;
margin:0;
    }
    .introbox h1,
    .introbox h2 {
        margin: 0 0 10px
    }
    .row {
        margin-left: 0;
        margin-right: 0
    }
    .banner-inner h2 {
        left: auto;
        margin: 0;
        position: relative;
        top: auto;
        width: 100%
    }
    .header .col-lg-3 {
        padding-left: 15px
    }
    .head-email {
        padding-top: 0
    }
    .header .col-lg-3 {
        width: 100%
    }
    .featurebox {
        width: 100%
    }
    .sidebar .featurebox {
        margin-top: 0
    }
    .heading {
        font-size: 1.111em;
        padding: 8px 47px 7px 20px;
        display: block;
        clear: both
    }
   
    .accordion h3 span {
        padding-top: 3px
    }
    .header {
        padding: 10px 0;
        text-align: center
    }
    .cta-btn {
        display: block;
        left: auto;
        margin: 6px auto 0;
        position: relative;
        right: auto;
        top: auto
    }
    .sharethis {
        float: right
    }
    .featurebox input.input-large[type=text] {
        width: 100%
    }
    .camera_next {
        right: 0
    }
    .camera_prev {
        left: 0
    }
   
    .footer .span3 {
        background: 0 0
    }
    .featurebox {
        min-height: inherit
    }
    .topbar p {
        float: none;
        font-size: .889em;
        margin: 0 0 10px;
        text-align: center
    }
}

@media screen and (max-width:640px) {
	.searchloc-widget h3 img {
    width: 16px;
}
    .searchloc-widget.micro h3 {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.searchloc-widget h3 strong {
   display:block;
}
.searchloc-widget.micro h3 span::after {
    display:none;
}
.searchloc-widget.micro h3 span {
    padding-right:0;
    margin-right:0;
}
    .home-why-choose ol li {
    width: 50%;
}
.whych-pic {
    height: 305px;
}
.whych-txt {
    padding: 0 70px;
}

    .stepicon {
    padding: 0;
    font-size: 1.5em;
    width: 100px;
    height: 100px;
    line-height: 100px;
}

    .product-item img {
        width: 100%
    }
    .product-item {
        width: 100%
    }
    .home-featured-services ul li a::before {
        display: none
    }
    .gallery-page ul li {
        width: 48%;
        margin: 5px 0!important
    }
    .service-info {
        position: relative;
        left: auto;
        bottom: auto;
        float: left
    }
    .basic-table td {
        float: left;
        width: 100%;
        padding: 20px
    }
    .header .col-lg-3 {
        padding-left: 15px
    }
    .post h1,
    .post h2 {
        font-size: 1.111em
    }
    .post .btn {
        float: left
    }
    .introtext {
        width: 100%;
        padding: 5px 0 0 0;
        background: 0 0
    }
}

@media screen and (max-width:575px) {
    #lfpopup .featurebox-inner {
  padding: 0;
}
     .rating-bar {
    padding: 5px 0;
         line-height: 1;
  }
    .rating-bar img {
  display: block;
  margin: 0 auto;
}
      .header-cta .btn {
    position: relative;
    right: auto;
    top: auto;
    margin: 20px 0 0 0;
  }
	.searchloc-widget h3{
	margin-top:3px;	
	}
    .overlay-black {
    padding: 50px 0;
}
    .searchloc-widget.corp img{
        display:none;
    }
    .covidbar {
    padding-top: 22px;
}
    ul.slimmenu {
    padding-top: 35px;
}
    .headphone {
    top:34px;
}
    .menu-collapser {
    top: -60px;
}
        .logo img{
    width:150px;    
    }
    .logo {
    margin: 0 auto -42px;
}

    .blog-filter {
    padding-top: 5px;
    padding-bottom: 5px;
}
.blog-filter select {
  margin:5px 0;
}
    .microsite .menu-collapser {
    margin: -20px 0 0 0;
}
   .contentside .featurebox input[type="email"], .contentside .featurebox input[type="text"], .contentside .featurebox select, .contentside .featurebox textarea, .contentside .featurebox input[type="tel"]{
     margin-bottom:10px;  
     }
     .contentside .featurebox .form-row{
         margin:0;
        }
}

@media screen and (max-width:480px) {
    .lp-map iframe{
  min-height: 300px;
}
	.whych-pic::before {
  left: 0px;
}
	
    .areas-served li {
    width:50%;
    padding-left:0 !important;  
    }
    
.loc-page .home-loc-form {
    width: 100%;
    margin: 15px 0 0 0;
}
    .whych-pic {
    height: 227px;
}
.home-why-choose ol li strong {
   font-size: 0.7em;
margin: 20px 0 0 0;
}
    .newloc {
    width: 100%;
    margin: 10px 0;
}
    .slider-text h2 {
    font-size: 1.0em;
}
    .home-featured-services ul li:nth-child(5){
        border-bottom: solid 1px rgba(0,0,0,0.18);
    }
    .service-icon {
    font-size: 2.0em;
    width: 100px;
    height: 100px;
    line-height: 100px;
}
    .home-featured-services ul li a{
    padding:20px 0; 
    }
    .gallery-item {
        width: 100%
    }
    .btn-video,
    .introbox .btn{
    display:block;  
    width:100%;
    margin:5px 0;
    text-align:center;
    }
    .home-featured-services ul li {
        margin: 0;
        width: 100%
    }
    .home-featured-services ul {
        margin-left: 0
    }

    .home-slider .slick-slide::before {
        background: 0 0
    }

    .topright .btn {
        display: block;
        width: auto;
        margin: 7px 0 0 0
    }
    .post_info a {
        margin: 0;
    }
    .footer h3 {
        font-size: 1.1em
    }
    .sharethis {
        float: left;
        width: 100%
    }
    .post .social-sharing {
        width: 100%;
        float: left;
        margin: 10px 0 0 0;
        text-align: left
    }
    .topbar p span {
        font-size: .611em
    }
}

@media screen and (max-width:479px) {
	.qname {
    padding-left: 20px !important;
}
    
.loc-page .searchloc-widget-inner img {
    margin-right: 10px;
}

.loc-page .home-loc-form .btn {
    margin-left: 5px;
}
    .searchloc-widget h3{
    width: 100%;
text-align: center;
margin-top: 0;
margin-bottom: 10px;
margin-right:0;
    }
    .topbar .social-icons {
    display: none;
}
    
    .sec2box {
        display: inherit
    }
    .c100 {
        float: none;
        margin: 0 auto 10px
    }
    .sec2box-col {
        width: 100%;
        float: left;
        text-align: center
    }
    .sec2box-col:last-child {
        min-width: inherit;
        max-width: inherit;
        padding: 10px 0 0 0
    }
    .slider-text .btn br {
        display: inline-block
    }
    .social-sharing {
        clear: both;
        display: block;
        float: left;
        font-weight: 600;
        margin: 0;
        vertical-align: middle;
        width: 100%
    }
    .post .social-sharing {
        width: 100%
    }
    .featurebox input[type=email],
    .featurebox input[type=text],
    .featurebox select,
    .featurebox textarea {
        font-size: .889em
    }
    .form-full,
    .form-half {
        float: left;
        margin: 0 0 10px 0;
        width: 100%
    }
    .form-row {
        margin: 0
    }
    .form-medium {
        width: 50%
    }
    ul.slimmenu li ul li a {
        padding-left: 10px
    }
    ul.slimmenu li ul li ul li a {
        padding-left: 20px
    }
}
@media screen and (max-width:430px) {
    .whych-pic {
    height: 197px;
}
.whych-txt {
    padding: 0 45px;
}
	.home-offers h3 {
  width: 160px;
  height: 160px;
  font-size: 1.0em;
}
    
}
@media screen and (max-width:375px) {
    .searchloc-widget.micro h3 span{
        display:inline-block;
    }
    .home-why-choose ol li strong {
    margin: 0;
}
.headphone a::after {
    font-size: 1.5em;
}

    
    .searchloc-widget h3 span{
    display: block;
margin: 0;
padding: 0;
    }
    .searchloc-widget h3 span::after {
    display:none;   
    }
    .locbystates-panel ul li {
    padding: 5px !important;
}

}
@media screen and (max-width:320px) {
    .contentside .nav-tabs li {
        width: 100%
    }
    .contentside .nav-tabs li a {
        display: block;
        margin: 0
    }
    .main-nav .btn {
        clear: both;
        display: block;
        width: 100%
    }
}

/****************custom css************/

.footer-nav .menu {
    list-style: outside none none;
    margin: 0;
}



/*====================*/
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 0px solid #f7e700 !important;
}

/*====================*/
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
margin:0;
    border: 2px solid #ff0000 !important;
    display: block !important;
    clear: both;
}

.wpcf7-validation-errors {
    color: #ff0000;
	opacity:1;
}



#wpcf7-f27-o1 label, #wpcf7-f108-o2 label, #wpcf7-f34-o1 label, .cf7_hide_labels label  {
    display: none;
}


.wpcf7-validation-errors {

}


.sidebox.widget_archive ul {
    background: #f4f4f4;
    padding: 15px 20px;
}

.sidebox.widget_categories ul {
    background: #f4f4f4;
    padding: 15px 20px;
}


.get-more-info-sm-links a span {
    display: none;
}

.breadcrumb .post {
    border: none;
    float: inherit;
    margin-bottom: 0;
    width: auto;
    background: none;
    padding: 0;
}

.ss-social-sharing .ss-button-facebook, 
.ss-social-sharing .ss-button-twitter, 
.ss-social-sharing .ss-button-linkedin {
    font-size: 0;
    vertical-align: top;
}

.comments-title {
    margin: 35px 0;
}

.ak-consonent-wrapper span, .ak-consonent-wrapper a {
  
}

.file-upload-btn{
    padding: 15px 80px; 
}

.request-quote-page-form {
    max-width: 800px;
    text-align: center;
    margin: 0 auto;
}

.request-quote-page-form .featurebox {
    padding-bottom: 20px;
}

.request-quote-page-form .featurebox h2 {
    background-color: unset;
}

.request-quote-page-form .wpcf7-form-control-wrap {
    margin-bottom: 15px;
    display: block;
}

.breadcrumb > .current-item > span.current-item {
    color: #000;
    font-weight: 700;
}

.navigation.post-navigation {
    padding: 35px 0;
    clear: both;
    display: block;
}

#wpcf7-f108-o2 .wpcf7-validation-errors  {
    display: none !important;
}

.faq-sec {
    width: 100%;
    clear: both;
    padding: 30px 0;
}
.faq-btn {
    background: #dddeee;
    display: block;
    cursor:pointer;
    padding: 10px 20px;
    font-size: 0.800em;

}
.faq-btn:before {
    font-family: "Font Awesome\ 5 Free";
    content:"\f067";
    font-weight:600;
    color:#111;
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
    font-size: 0.700em;
}
.faq-btn:hover,
.faq-btn:active,
.faq-btn:focus,
.faq-btn.active{
    background:#1C2536;
    color:#fff; 
	opacity:1;
}
.faq-btn:hover:before,
.faq-btn:focus:before,
.faq-btn:active:before,
.faq-btn.active:before{
    color:#fff; 
	opacity:1;
}
.faq-btn.active:before{
    content:"\f068";
    color:#fff;
}
.faq-data{
    clear:both;
    display: none;
    font-size: 0.800em;
    border: 1px solid #d2d2d2;
    padding: 10px 15px;
}

.hidethis {
    display: none;
}


/* Start state */
.animated-modal {
  max-width: 550px;
  border-radius: 4px;
  overflow: hidden;
  
  transform: translateY(-50px);
  transition: all .7s;
}

.animated-modal h2,
.animated-modal p {
  transform: translateY(-50px);
  opacity: 0;
  
  transition-property: transform, opacity;
  transition-duration: .4s;
}

/* Final state */
.fancybox-slide--current .animated-modal,
.fancybox-slide--current .animated-modal h2,
.fancybox-slide--current .animated-modal p {
  transform: translateY(0);
  opacity: 1;
}

/* Reveal content with different delays */
.fancybox-slide--current .animated-modal h2 {
  transition-delay: .1s;
}

.fancybox-slide--current .animated-modal p {
  transition-delay: .3s;
}

.fancybox-content{
	padding: 30px 30px 40px;  
    width: 320px;
}

.note {
	font-size: .7em;
  color: #fff;
  margin-bottom: 0;
  text-align: center;
  line-height: normal;
}


.testimonial-read-more {
    display: inline!important;
}

.active-testi {
    display: none !important;
}

.hide-more, .show-more{display: none!important;}