#socialTop li a span{ border: 0px solid #333; background-color: #333; padding:16px; border-radius: 5px;}
#footerSocial li a span{ border: 2px solid #fff; background-color: transparent; padding:16px; border-radius: 5px;}

hr.mechElecServicesSep{ border-bottom: 4px solid #e1e1e1; padding-top: 10px; margin:16px 0}

h3.quotationsRight {
  width: 450px;float: right; margin: 5px 0 30px 20px;
  min-height: 80px;
/*  background-image: url(../images/quotes.png);
  background-repeat: no-repeat;*/
  background-color: #E12C00;
  font-size: 15px;
  color: #fff;
  letter-spacing: 0px;text-align: right;
  line-height: 24px;
  padding: 40px 30px;
  border-radius: 4px;
}
h3.quotationsRight strong{ font-size: 1.2em;text-align: right; display: block; padding-bottom: 5px}

.grid a.headline{ font-size: 17px;}
.grid p.subheading{color: #E12C00; font-weight: 500}
 
.clients-and-locations .contentOutput a{ cursor: default}
.clients-and-locations .contentOutput .textWrap{ display: none}

#paraGrid.alternate .textWrap h2{color: #E12C00; }
.content-details #textWrap h2 {color: #E12C00; font-weight: 500 }


#paraGrid.alternate .moreLink, #paraGrid.alternate a.moreLink, #paraGrid.alternate .textWrap a.moreLink { border-width: 2px; border-radius: 99px;}

.content_5 .grid li { position: relative; overflow: hidden}
/*.content_5 .grid li  .textWrap{ position: absolute; bottom: 0px;  width: 100%; }
.content_5 .grid li  .textWrap::before{z-index: -1; content: ' ' ; background: #fff; width: 100%; height: 100%;opacity: 0.6; position:absolute; left: 0; top:0}*/
.content_5 .grid li .text{
	display: block;
	z-index: 111;
	position: absolute;
	left: -700px;
	top: 0;
	width: 99%;
	height: 100%;
	height: calc(100% - 73px);
	background: #111;
	transition: all 0.8s;
	padding: 35px 40px 0 40px;
	font-size: 14.8px; opacity: 0;
}
.content_5 .grid li.showText .text{ left: 0;opacity:1;	 }
.content_5 .grid li .text p {color: #fff; margin: 6px 0 }
.content_5 .grid li .text strong{font-size: 16px;}
@media only screen and (max-width: 1120px)   {.content_5 .grid li .text{ width: 100%}}

ul.ourServices1, ul.ourServices2  {
 margin:10px 0; 
  padding: 30px;
  background-color: #E12C00;
  border-radius: 4px;
}

.pageContent ul.ourServices1 li , .pageContent ul.ourServices2 li { color: #fff; list-style: none; font-size: 14.2px;}


@media only screen and (min-width: 1122px)   {
#headerFillColour{ border-top: 6px solid #E12C00}
#strapLine{padding-left: 6px;}
#navMain {  top: 120px;  border-bottom: 1px solid #fff}

#navMain ul {  display: block; }

#navMain li {display: block; float: left; margin: 0 0px 0 0; transition: all 0.25s; border-left: 1px solid #525252; border-right: 1px solid #717171;}
#navMain li ul li{ border: none}
#navMain li:first-child{ border-left: 0px;}
#navMain li:last-child{ border-right: 0px;}
#navMain li.navActive, #navMain li:hover{ background: #E12C00; border-right-color: #E12C00}

.hasBanners.bannersBelowHeader #bannerWrap, #bannerWrap  {  top: 160px;}
.hasBanners #contentWrapper , .noBanners #contentWrapper {  padding-top: 160px;}

ul.ourServices1, * ul.ourServices1 {  float: left;  width: 49%;}
ul.ourServices2 {float: right;  width: 49%;} 
 
/*.home #bannerWrap span.bannerBg  {  	background-attachment: scroll;  }*/
.about-us #bannerWrap span.bannerBg {  	background-attachment: scroll;  }



#paraGrid .bgImg{ border-radius: 6px;}

.clients-and-locations .bgImg  {border:8px solid #fff}
 
#accreditations.footer .accredImg {  height: 128px;  width:128px; border-radius: 8px;		}
} /*scr */


@media only screen and (max-width: 1120px)   {
#accreditations.footer p{ width: 31%;float: left; margin: 5px 1% 5px 1%;  }
#accreditations.footer .accredImg {  padding-bottom: 100%; width:100%; border-radius: 8px;		}
} /* mb */