h1.box-header{margin:0 auto 45px auto;padding:0.2em 0.2em 0.2em 0;font-size:2em;
    background:#013660;color:#fff;border-bottom:none;}
h1.box-header.boxExtra{margin-bottom:0;}
.box-header::after{background:transparent;height:0;}
p{padding:0.2em 0;}
.header-top-bar{width:100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
} 
#header{width:100%;background:#fff;z-index:998;}
#scrollHeader{display:none;border-bottom:solid 1px #013660 ;position:fixed;top:0;}
#scrollHeader.headhesive{background:rgba(255,255,255,1);position: fixed;display:none;top:0;
width:100%;left: 0;z-index:999;will-change: transform;transition: transform 3.5s ease;transform:translateY(0%);}

 #scrollHeader.headhesive.headhesive--stick{display:block ;-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
 .boduLogo a img{display:inline-block;}  
.logo{padding:0.4em 0;}
.lsow-image-info,.lsow-project-image{height:250px !important;overflow:hidden;}
.contact-details-list li::before,.quickContact a{color:#013660;}
.features-list li .icon:before {    font-size: 48px;
    color: #013660;}
    .more, .more[type="submit"], .more.gray:hover, .more.white:hover, .footer-row .more.gray:hover{background:#0A3350;border-color:#0A3350;}
.boduTestimonials p{color:#fff;}
.quickQuote {
    position: absolute;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 999;
    height: 80vh;
    display: none;
}

.boduToggle a{font-size:2.3em;color:#fff;
    text-shadow:1px 1px 2px #000;-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.boduToggle a:hover.commercialToggle{margin-right:-15px;text-decoration:none;}
.boduToggle a:hover.residentialToggle{margin-left:-15px;text-decoration:none;}
.boduToggle.toggleRight{text-align:right;}
#commercialToggle,#residentialToggle{-webkit-transition: all 2.2s ease-in-out;
    -moz-transition: all 2.2s ease-in-out;
    -o-transition: all 2.4s ease-in-out;
    transition: all 2.4s ease-in-out;margin:-2em 0 0 0;background:#fff !important;z-index:9999;padding-top:6em;}
#commercialToggle:before{content:'';width:100%;height:10em;background:#fff;transform:rotate(3deg)skew(6deg);}

 /* Pages */
.blogPage,.bodupage{margin-top:50px;}


/* sidebar */
#sidebar ul{list-style:none;}

/* bids */
a.iw-so-acc-title{background:#013660 !important;color:#fff !important;}
a.iw-so-acc-title span.sow-icon-fontawesome{color:#fff !important;} 
table tbody tr:nth-child(even){background:transparent !important;}
.button{background:#013660;}

/* footer */
#footer{width:100%;margin: 0 0 0 0; background:#393e3e;padding:0;color:#B6BDBF;}
.quickContact{background:#fff;padding:2em 0;margin-bottom:2.8em;}

.quickQuote h2.box-header::after{background:#fff;}
#footer h3{color:#fff;margin-bottom:12px;}
#footer .copyright,#footer p,#footer ul.menu.vertical li a{color:#B6BDBF;}
#footer p span.title{color:#fff;}
#footer p span.title i.fa{color:#ed1c24;}
#footer .aboutUs{padding-right:1.8em;}
.copyright{padding:3.5em 0;}
#footer ul.menu.vertical{margin:0;padding:0;}
#footer ul.menu.vertical li {
  padding-left: 1.3em;
}
#footer ul.menu.vertical li:before {
  content: "\f105"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -0.8em; /* same as padding-left set on li */
  width: 0.8em; /* same as padding-left set on li */
}
.articlepage{padding:1em 0;}
.home div.articlepage{padding:0 0 0em 0;}
#footer ul.menu.vertical li a{display:inline-block;}
ul.services-list,.quickContact ul{list-style:none;}
ul.services-list li a img{width:100%;max-height:225px !important;overflow:hidden;}
#footer ul.contact-data{list-style:none;}
#footer ul.contat-data li{display:inline-block;}
#footer a{color:#fff;}
#footer .quickContact a{color:#B6BDBF;text-decoration:none;}
/* menus */
.header-top-bar ul, #header ul{list-style:none;margin-bottom:0 !important;}
 #header ul.menu{padding:35px 0;}
 #scrollHeader ul.menu{padding-top:35px;}
#header ul li,#scrollHeader ul li{ list-style:none;float:left;}
ul.features-list{list-style:none;}
#scrollHeader ul.menu li,#header ul.menu li{position:relative;}
#header ul.menu li ul,#scrollHeader ul.menu li ul {
    position:absolute;padding:1.5em 0.5em;
    left:0;
    top:46px;
    z-index:1;
    max-height:0;
    overflow:hidden;
    -webkit-transform:perspective(400) rotate3d(1,0,0,-90deg);
    -webkit-transform-origin:50% 0;
    -webkit-transition:350ms;
    -moz-transition:350ms;
    -o-transition:350ms;
    transition:350ms;background:#fff; box-shadow:1px 1px 1px #444;
}
#header ul.menu > li:hover ul,#scrollHeader ul.menu li:hover ul {
    max-height:1000px;width:218px;
    -webkit-transform:perspective(400) rotate3d(0,0,0,0);
}
#header ul.menu li:hover ul li,#scrollHeader ul.menu li:hover ul li{clear:both;}

#header ul.menu a,#scrollHeader ul a{position: relative;
    display: inline-block;
    margin: 5px 0px;
    outline: none;
    color: #013660;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    text-shadow: 0 0 1px rgba(255,255,255,0.3);
    font-size: 0.85em;}
    #scrollHeader ul li a{color:#70757f ;}
    #header ul.menu a:hover, #scrollHeader ul a:hover{color:#013660;}
   
#header ul.menu li:hover ul a,#scrollHeader ul.menu li:hover ul a{margin:5px;font-size:0.85em;}
#header ul.menu  a::after,#scrollHeader ul.menu a::after {
    position: absolute;
    top: 100%;
    left: 20%;
    width: 60%;
    height: 1px;
    background: rgba(255,255,255,0.6);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
}
.title-bar{background:#fff;}
#header ul.menu a:hover::after,
#header ul.menu a:focus::after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}
.menu-icon::after{background:#013660;;color:#013660;box-shadow: 0 7px 0 #013660, 0 14px 0 #013660; */}

#header ul.menu a:hover,#scrollHeader ul.menu a:hover{color:#013660;text-shadow:1px 1px 1px #fff;}
#header ul.menu li ul li a{color:#ceb992;}
.contact-details li {
    float: left;
    font-family: 'Raleway', 'Arial', sans-serif;
    font-weight: 400;
   font-size:14px;
  
    line-height: 21px;
    padding: 15px 25px 14px 0px;
}


/* image modifications */
.communityTitle h1{font-weight:500;color:#fff;text-shadow:1px 1px 1px #000;}
.boduImagetitles {position:relative;max-height:230px;overflow:hidden;}
.boduImagetitles h3{position:absolute;top:80%;left:5%;z-index:99;color:#fff;text-shadow:1px 1px 1px #000;}
#pgc-5-5-2> .panel-cell-style{background:none !important;}
.contact-details li:before {
    position: relative;
    top: -2px;
    
    font-size: 16px;
    margin-right: 8px;
}
.social-icons li a {
    padding: 17px 14px;
}

.social-icons a {
    display: block;
    -webkit-transition: background 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s;
    transition: background 0.2s ease 0s;
}

.social-icons li {
    position: relative;
    float: left;
    text-align: center;
}
.menu > li > a {padding:0.7rem;}
.whatweDo ul.features-list li{height:300px;}
/* tabs */
.tabs{background:transparent;}
.missionStatement ul.tabs{width:600px;margin:0 auto;border:none;}
.missionStatement ul.tabs a{opacity:0.5;display: block;
    padding: 0.8em 1.2em;
    background: transparent;
    color: #FFF;
    font-size: 1.6em;
    line-height: 21px;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: center;text-decoration:none;}
    .missionStatement ul.tabs a:hover, .missionStatement ul.tabs li.is-active a{opacity:1;}
.missionStatement ul.tabs a.features-team::before,.missionStatement ul.tabs a.features-megaphone::before,.missionStatement ul.tabs a.features-task::before{    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 2.2em;
    padding: 0 ;}
.missionStatement .tabs-title > a[aria-selected='true']{background:transparent;color:#fff;}
.missionStatement .tabs-panel, .missionStatement .tabs-title > a[aria-selected='true'],.missionStatement .tabs-content{background:transparent;border:none;}
.missionStatement .tabs-content{padding:5%;}
.missionStatement p{font-weight:600;color:#fff;font-size:1.4em;}

/* odometer section */
.counter-box span.progress{background:transparent !important;margin-bottom:0;height:auto;display:inline-block;}
.counter-box p{color:#fff;}
/* --- social icons --- */
.social-icons.align-center
{
	display: table;
	margin-left: auto;
	margin-right: auto;
}
.social-icons li
{
	position: relative;
	float: left;
	text-align: center;
}
.social-icons a
{
	display: block;
	-webkit-transition: background 0.2s ease 0s;
	-moz-transition: background 0.2s ease 0s;
	transition: background 0.2s ease 0s;
}
.social-icons a::before
{
	color: #C0C0C0;
	-webkit-transition: color 0.2s ease 0s, background 0.2s ease 0s, opacity 0.2s ease 0s;
	-moz-transition: color 0.2s ease 0s, background 0.2s ease 0s, opacity 0.2s ease 0s;
	transition: color 0.2s ease 0s, background 0.2s ease 0s, opacity 0.2s ease 0s;
}
.social-icons a:hover::before
{
	color: #777;
}
.social-icons a::before
{
	font-size: 16px;
}
.header-top-bar .social-icons
{
	float: right;
}
.header-top-bar .social-icons a.template-search::before,
.header-top-bar .social-icons a.template-cart::before
{
	color: #303030;
}
.header-top-bar .social-icons a.template-search:hover::before,
.header-top-bar .social-icons a.template-cart:hover::before
{
	color: #999;
}
.social-icons li a
{
	padding: 17px 14px;
}



.boduHidden{opacity:0;}

.boduVisible{opacity:1;}

.bodu1{

  -webkit-animation-duration: 6s;

  -webkit-animation-delay: 0s;

}


.boduMore{display:none;}
.boduLess{display:inline-block;font-weight:bold;}
.footerMenu a{color:#fff;}

.boduConfirmation{display:none;}

.bodu2{

  -webkit-animation-duration: 2s;

  -webkit-animation-delay: 4s;

}



.bodu3{-webkit-animation-duration: 3s;

  -webkit-animation-delay: 6s;

  }

@media screen and (max-width: 39.9375em) {

.missionStatemen{display:none;}

}