/* cmsms stylesheet: Layout modified: 01/31/25 12:17:14 */
/* browsers interpret margin and padding a little differently, we'll remove all default padding and margins and set them later on */
* {
	margin: 0;
	padding: 0;
}
/*Set initial font styles*/
body {
	text-align: left;
	font-family: 'Open Sans', sans-serif;
        font-size: 16px;
	line-height:20px;
        color: #404040;
        	margin: 0;
	padding: 0;
        background: #ffffff;
}
img {
	border: 0;
        padding: 0;
        max-width: 100%;
}
 .flex-container {
    width: 100%;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin: 0 auto;
}
.flex-item {display: inline-block; flex-basis: auto; width: 16%;}
.flex-middle {display:flex;
  flex-direction:column;
  justify-content:space-around;
}    
.text-block {width: 90%; padding: 0 5%; margin: 0 auto;}
/*****************basic layout *****************/

div#header-row {
        width: 100%;
        padding:0;
        margin: 0;
        background: #ffffff;
        height: 165px;
}
div#header-container  {
        width: 100%;
        max-width: 1200px;
        height: auto;
        margin: 0 auto;
        padding: 0;
        text-align: left;
        background: none;
} 
div#nav-row {
	 width: 100%;
        max-width: 2000px;
 	height: 54px;
	padding: 0;
	 text-align: left;
        margin: 0 auto;
        background: #f2f2f2;
}
div#nav-row-small, div#header-content-small {display: none;}
div#nav-container {
        width: 100%;
        max-width: 1170px;
        margin: 0 auto;
        padding: 0;
        text-align: center;
        background: none;
        height: 50px;
} 
div#header-top {width: 100%; height: auto;}
div#header-top-content {
        width: 100%; 
        max-width: 600px; 
        float: right; 
        background: #777879 url(https://www.absoluteelectric.co.uk/images/headertopback.png) no-repeat left bottom;
}
div#header-top-content p {text-align: right; font-size: 15px; line-height: 16px; padding: 10px 22px 4px 20px;}
div#header-top-content p, div#header-top-content p a, div#header-top-content p a:visited {color: #ffffff; text-decoration: none;}
div#header-top-content p a:hover {text-decoration: underline;}
#logo-container {
        clear: both;
        float: left;
        margin: 0;
        padding: 10px 0 0 0;
        width:40%;
        text-align: left;
        background: none;
}
#header-right {
        float: right;
        margin: 0;
        padding: 0;
        width: auto;
        text-align: left;    
}
#header-right h3 {padding-top: 50px; color: #757575; font-size: 22px;}
div.breadcrumbs {width: 100%; margin:0; min-height: 30px; height: auto; padding-top: 10px; font-size: 13px; color: #b5a10f;}  
.content-row {
       clear: both;
       width: 100%;
       background: none;
       margin: 0 auto;
       min-height: 50px;
       height: auto;
}
.content-row.top-row {margin-top: 0;}
.content-row-homeslider, .content-row-homeslider-small {
        position: relative;
        top: 0;
        width: 100%; 
        height: auto;
        z-index: 10;
        min-height: 60px;
border-bottom: 4px solid #3aaa35;
}
.content-row.services {background: #d8d8d8 url(https://www.absoluteelectric.co.uk/images/backgrounds/services-back.png) no-repeat center top; padding: 20px 0;}
.content-row.galleries {background: #fff url(https://www.absoluteelectric.co.uk/images/backgrounds/back-dark.jpg) no-repeat center top; text-align: center; padding: 15px 0;}
.content-row.gallery-internal {background: #fff url(https://www.absoluteelectric.co.uk/images/backgrounds/back-dark.jpg) no-repeat center top; text-align: center; padding: 50px 0; color: #ffffff;}
.content-row.accreditations {background: #404040 url(https://www.absoluteelectric.co.uk/images/backgrounds/accreditations-back.png) no-repeat center top; text-align: center; padding: 15px 0; color: #cecece;}
.content-row.companies {background: #f2f2f2; text-align: center; padding: 35px 0 0 0;}
.content-container-2000 {
      width: 100%;
      max-width: 2000px;
      margin: 0 auto;
      padding: 0;
      background: none;
}
.content-container-2000.banner img {max-width: 100%;}
.content-container-1200 {
      max-width: 1170px;
      width: 96%;
      margin: 0 auto;
      padding: 0 2%;
      background: #ffffff;
      height: auto;
}
.content-container-small{
       width: 98%;
       margin: 0 auto;
       padding: 0;
       background: none;
}
.content-100 {
     clear: both;
     width: 100%;
     margin: 0;
     padding: 20px 0;
}
.content-75 {
     width: 72%;
     margin: 0;
     padding: 20px 3% 20px 0;
     float: left;
}
.content-70 {
     width: 67%;
     margin: 0;
     padding: 20px 3% 20px 0;
     float: left;
}
.content-60 {
     width: 60%;
     margin: 0;
     padding: 20px 0;
     float: left;
}
.content-50 {
     width: 50%;
     margin: 0;
     padding: 20px 0;
     float: left;
}
.content-40 {
     width: 40%;
     margin: 0;
     padding: 20px 0;
     float: left;
}
.content-33 {
     width: 31%;
     margin: 0 1%;
     padding: 20px 0;
     float: left;
}
.content-30 {
     width: 30%;
     margin: 0;
     padding: 20px 0;
     float: left;
}
.content-25 {
     width: 25%;
     margin: 0;
     padding: 20px 0;
     float: left;
}

div#footer-container {position: relative; clear: both; width: 100%; height: auto;
  background: #222222; }
div#footer {
        width: 98%;
 	max-width: 1170px;
        margin: 0 auto;
        height: auto;
        text-align: left;
        padding: 20px 0 0 0;
        background:none;
        color: #fff;
        font-size: 12px;
}
div#footer .content-33 {padding-bottom: 10px;}
#footer ul {list-style-type: none;}
#footer li {margin-top: 10px; font-size: 13px;}
div.footer-social {width: auto; float: right;}
div#subfooter-container {clear: both; width: 100%; height: auto; padding: 10px 0;
  background: #000000; color: #fff;}
div#subfooter {
	width: 96%;
        max-width: 1170px;
        margin: 0 auto;
        height: auto;
        text-align: left;
        background:none;
        font-size: 0.75em;
        color: #ffffff;
}
#subfooter span {float: left; padding-right:10px;}
div#subfooter-left {width: 70%; margin: 0; padding: 0; float: left;}
div#subfooter-right{width: 30%; margin: 0; padding: 0; float: left; text-align: right;}
#footer a img:hover {opacity: 0.7;}
div#home-footer {position: relative; }
div.internal-footer {margin-top: 206px;}

img.float-right {float: right; margin: 0 0 10px 10px}
img.float-left {float: left; margin: 0 10px 10px 0}
#videoframe {width: 300px; height: 240px;padding-bottom: 20px;}
.gallery-holder {clear: both; width: 100%;}
div.gallery {}
.content-container-1200.home-top {
      padding-top: 30px;
}
.content-40 a img:hover {opacity: 0.7;}
.main-container {
   background: none;
}
.internal-container {}

.nopad {padding-top: 0; padding-bottom: 0;}

.main-container a img:hover, .sectors a img:hover,#header-social a img:hover {opacity: 0.7;}
div.banner-small {display: none;}
.services .content-container-1200, .galleries .content-container-1200, .companies .content-container-1200, .gallery-internal .content-container-1200, .accreditations .content-container-1200 {
       background: none;
       padding: 0;
}
ul.accreditations {
  list-style-type: none;
  text-align: center;
  max-width: 95%;
  margin: 0 auto;
}
ul.accreditations li {
  width: auto;
  display: inline-block;
  padding: 10px 1%;
}
ul.accreditations li#abta {width: 13%;}
ul.accreditations li#elite {width: 20%;}
ul.accreditations li#ace {width: 39%;}
ul.accreditations li#ta {width: 17%;}
.accreditations img {max-width: 98% !important;}
div.cs-table {min-height: 275px;}
.galleries td.td-left,.galleries td.td-right {width: 10%; padding: 0 2%; vertical-align: top;} 
.galleries td.td-right {vertical-align: bottom;}
.galleries td.td-main {width: 72%; padding: 15px 0; color: #818285;}
.companies .content-100 {padding-top: 0; padding-bottom: 0;}
.companies .content-50 {width: 48%; padding: 0 1%;}
div.companies-content {min-height: 220px;}
div.accreditations-row {}
div.accreditations-item {display: inline-block; margin-left: 2.3%;}
div.accreditations-item#nfrc {width: 11.9%; margin-left: 0;}
div.accreditations-item#chas {width: 9.8%;}
div.accreditations-item#safe {width: 6.7%;}
div.accreditations-item#cline {width: 10.8%;}
div.accreditations-item#mcs {width: 12%;}
div.accreditations-item#ea {width: 15.3%;}
div.accreditations-item#ar {width: 11.9%;}
div.accreditations-internal {padding-top: 30px;}
div.rightbar {text-align: center; padding-top: 10px;}
div.rightbar p {color: #555658; line-height: 22px; margin-bottom: 10px; padding: 0 2%;}
.companies-row {background: url(https://www.absoluteelectric.co.uk/uploads/images/companies/bg-companies.jpg) no-repeat top center;
    color:#11819d;}
/* cmsms stylesheet: Nav modified: 06/23/16 22:20:01 */
#menuwrapper {
   background: none;
       width: 100%;
       padding: 0;
       margin: 0;
       height: auto;   
}

ul#primary-nav {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
        width: auto;
}

#primary-nav ul {
	list-style-type: none;
	text-align: left;
	width: auto;
	position: absolute;
	top: auto;
	display: none;
	background: #000000;
	z-index: 999;
	margin: 0 0 0 -10px;
	padding: 0;
    border-left: 1px solid #4d4d4d;
    border-right: 1px solid #4d4d4d;
} 
#primary-nav ul ul {
	margin-top: -1px;
	margin-left: -1px;
	left: 100%;
	top: -3px;
}
#primary-nav li {
        display: inline-block;
        text-align: center;
        padding: 2px 8px;
        width: auto;
        background: #000000;
        border-right: 1px solid #4d4d4d;
}
#primary-nav li.menuparent {padding-right: 40px; background: #000000 url(https://www.absoluteelectric.co.uk/images/parent.png) no-repeat right top;}
#primary-nav li#contact {border-right: none;}
#primary-nav li li {
	display: block;
	margin-left: 0px;
	margin-right: 0;
	margin-top: 0;
	float: none;
	position: relative;
	text-align: left;
	border-bottom: 1px solid #4d4d4d;
	min-width: 227px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#primary-nav li li:hover {}
ul#primary-nav li a {
	font-size: 16px;
        line-height: 18px;
	font-weight: normal;
	color: #FFFFFF;
	padding: 0;
	display: block;
	text-decoration: none;
        font-style: normal;
}
 ul#primary-nav li a span, ul#primary-nav li li a span{
	display: block;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 17px;
	padding-left: 20px;
}
 ul#primary-nav li a span:hover {color: #ffffff;}
ul#primary-nav li a:hover {
        color: #ffffff;
        text-decoration: none;
        font-weight: normal;
}
ul#primary-nav li span {}
ul#primary-nav li li a span {padding: 8px 20px;}
ul#primary-nav li:hover {background: #4d4d4d;}
ul#primary-nav li:hover span,
ul#primary-nav li.menuh span,
ul#primary-nav li.menuparenth span {}

ul#primary-nav li:hover li a span {}
ul#primary-nav li a.menuactive span {font-weight: bold;}

#primary-nav li li a {
        font-size: 14px;
        line-height: 14px;
	padding: 10px 0;
	margin: 0;
	background: none;
        color: #ffffff !important;
}

#primary-nav li li a:hover {}
#primary-nav li.menuparent li a:hover span {}
#primary-nav li li.menuactive a.menuactive, #primary-nav li li.menuactive a.menuactive:hover {}
#primary-nav li li.menuactive a.menuactive span {}
#primary-nav li li.menuactive a.menuactive:hover span {}

#primary-nav li.menuactive li a:hover span {}
ul#primary-nav li li a.menuactive  span {}
#primary-nav li.menuactive li a {}
#primary-nav li.menuactive li a:hover {}
#primary-nav li.menuactive li a:hover span {}
ul#primary-nav li:hover li a span, ul#primary-nav li.menuparenth li a span {}

#primary-nav ul li.separator, #primary-nav .separator:hover {display: none;}
#primary-nav ul ul li.separator, #primary-nav ul ul li.separator:hover {}

#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
	display: none;
}
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
	display: block;
}
/* cmsms stylesheet: Text Styles modified: 11/30/22 14:34:15 */
a, a:link, a:visited {color: #3aaa35; text-decoration:none; font-weight: normal;}
a:hover {text-decoration: underline;}
p {font-size: 16px; line-height: 22px; margin-bottom: 15px;}
#header-top-content p {margin-bottom: 10px;}
p.intro, span.intro {font-size: 16px; line-height: 22px; font-weight: bold;}
.breadcrumbs a, .breadcrumbs a:visited {color: #fbfad4;}
#footer p, #subfooter p {font-size: 14px; line-height: 18px; color: #ffffff; margin-bottom: 10px; padding-right: 10px;}
#subfooter p {font-size: 12px; margin-bottom: 10px; padding-right: 10px;}
#footer p strong {color: #ffffff;}
h1 {font-size: 33px; line-height:40px; margin-bottom: 25px; font-weight: 300;}
h2 {font-size: 32px; line-height:38px; margin-bottom: 5px; font-weight: normal;}
h3 {font-size: 22px; line-height: 28px; margin-bottom: 5px; font-weight: normal; color: #3aaa35;}
h3.home {font-size: 18px; line-height: 24px; margin-bottom: 5px; font-weight: normal;}
h4 {font-size: 17px; line-height: 20px; margin-bottom: 5px; font-weight: normal;}
h1.title {font-size: 44px; line-height: 48px; font-weight: 300;}

#footer h3 {color: #757575; margin-bottom: 20px; font-size: 24px;}
div#footer a, 
div#footer a:visited, 
div#footer p a, 
div#footer p a:visited
 {
        color: #ffffff;
        text-decoration: none;
        font-weight: bold;
}
div#subfooter p, 
div#subfooter p a, 
div#subfooter p a:visited {
        color: #ffffff;
        font-size: 12px;
        text-decoration: none;
        font-weight: normal;
}
div#footer a:hover, 
div#footer p a:hover,
div#subfooter p a:hover  {
        text-decoration: underline;
}

.text-orange, .title {color: #3aaa35;} 

ul, ol {margin-left: 20px;}
.featuretext {text-align: center; margin-top: -75px;}
.featuretext p {font-size: 13px; font-style: italic;}
/* cmsms stylesheet: SubNav modified: 06/03/16 16:19:32 */
.vnav-container {
  	width:100%;
	margin: 0;
	padding: 0;
        height: auto;
        text-transform: uppercase;  
        text-align: center;
        background: #000000;
        color: #fff;
}
.subnav ul {
	float:none;
	width:100%;
        list-style:none;
        padding:0px!important;
        margin:0px;
        font-size: 14px;
}
.subnav li {
	float:none;
	width:100%;
        padding:10px 0 0 0;
        min-height: 30px;
        margin:0px;
        border-top: 1px solid #4d4d4d;
}

.subnav li li, .subnav li li li {border: 1px solid #000000; background: #4d4d4d;}

.subnav ul {margin:0 ; background: none;}

.subnav ul ul {margin:0; background:none; margin-top: 10px;}

.subnav ul ul ul {margin:0; background:none;}

.subnav li a {
        width: 100%;
        padding:10px 0;
        text-decoration:none;
        color:#fff;
        margin:0;
        text-transform: uppercase;
        font-size: 14px; 
        line-height: 14px;
}
.subnav li li a {
        padding:10px 0;
        text-decoration:none;
        color:#fff;
        margin:0;
        border-top:  none;
}
.subnav li li li a {
        padding:10px 0;
        text-decoration:none;
        color:#ababac;
        margin:0px;
        border-top:  none;
}
.subnav li a.menuactive, .subnav li a:hover { 
         color:#ffffff;  
         font-weight:bold; 
         text-decoration: none;
}
.subnav li li a.menuactive, .subnav li li a:hover { 
         color:#ffffff;
         font-weight:bold; 
         text-decoration: none;
}
.subnav li li li a.menuactive, .subnav li li li a:hover { 
         color:#fff;      
         font-weight:bold; 
         text-decoration: none;
}
.subnav h3 {padding: 0; background: none; margin: 0; font-size: 14px; line-height: 14px; color: #ffffff; font-weight: bold;}
/* cmsms stylesheet: Layerslider modified: 03/09/16 15:45:07 */
/*
	* Style settings of LayerSlider
	*
	* (c) 2011-2013 George Krupa, John Gera & Kreatura Media
	*
	* Plugin web:			http://kreaturamedia.com/
	* Licenses: 			http://codecanyon.net/licenses/
*/



/* Global settings */

.ls-container {
	visibility: hidden;
	position: relative;
}

.ls-lt-container {
	position: absolute;
}

.ls-lt-container,
.ls-lt-container * {
	text-align: left !important;
	direction: ltr !important;
}

.ls-container-fullscreen {
	margin: 0 auto !important;
	padding: 2% !important;
	background: black !important;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border: none !important;
}

.ls-container-fullscreen .ls-thumbnail-wrapper,
.ls-container-fullscreen .ls-fullscreen,
.ls-container-fullscreen .ls-shadow {
	display: none !important;
}

.ls-overflow-hidden {
	overflow: hidden;
}

.ls-inner {
	position: relative;
	background-position: center center;
	z-index: 2;
}

.ls-loading-container {
	position: absolute !important;
	display: none;
	z-index: 3 !important;
	left: 50% !important;
	top: 50% !important;
}

.ls-loading-indicator {
	margin: 0 auto;
}

.ls-inner,
.ls-slide {
	width: 100%;
	height: 100%;
}
.ls-slide,
.ls-layer {
	position: absolute;
	display: none;
	background-position: center center;
	overflow: hidden;
}

.ls-active,
.ls-animating {
	display: block !important;
}

.ls-slide > * {
	position: absolute;
	line-height: normal;
	margin: 0;
	left: 0;
	top: 0;
}

.ls-slide .ls-bg {
	left: 0px;
	top: 0px;
	transform: none !important;
	-o-transform: none !important;
	-ms-transform: none !important;
	-moz-transform: none !important;
	-webkit-transform: none !important;
}
.ls-bg img {        
        width: 100%;
        max-width: 1170px;
        margin: 0 auto;
}

.ls-yourlogo {
	position: absolute;
	z-index: 99;
}



/* Timers */

.ls-bar-timer {
	position: absolute;
	width: 0;
	height: 2px;
	background: white;
	border-bottom: 2px solid #555;
	opacity: .55;
	filter: alpha(opacity=55);
	z-index: 4;
	top: 0;
}

.ls-circle-timer {
        display: none;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 4;
	opacity: .65;
	filter: alpha(opacity=65);
	display: none;
}

.ls-ct-half {
	background: white;
}

.ls-ct-center {
	background: #444;
}

.ls-ct-left,
.ls-ct-right {
	width: 50%;
	height: 100%;
	overflow: hidden;
}

.ls-ct-left,
.ls-ct-right {
	float: left;
	position: relative;
}

.ls-ct-rotate {
	width: 200%;
	height: 100%;
	position: absolute;
	top: 0;
}

.ls-ct-left .ls-ct-rotate,
.ls-ct-right .ls-ct-hider,
.ls-ct-right .ls-ct-half {
	left: 0;
}

.ls-ct-right .ls-ct-rotate,
.ls-ct-left .ls-ct-hider,
.ls-ct-left .ls-ct-half {
	right: 0;
}

.ls-ct-hider,
.ls-ct-half {
	position: absolute;
	top: 0;
}

.ls-ct-hider {
	width: 50%;
	height: 100%;
	overflow: hidden;
}

.ls-ct-half {
	width: 200%;
	height: 100%;
}

.ls-ct-center {
	width: 50%;
	height: 50%;
	left: 25%;
	top: 25%;
	position: absolute;
}

.ls-ct-half,
.ls-ct-center {
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
}



/* Navigation */

.ls-bottom-nav-wrapper {
	height: 0;
}

.ls-bottom-slidebuttons {
	text-align: left;
}

.ls-bottom-nav-wrapper,
.ls-below-thumbnails {
	z-index: 2;
	height: 0;
	position: relative;
	text-align: center;
	margin: 0 auto;
}

.ls-below-thumbnails {
	display: none;
	z-index: 6;
}

.ls-bottom-nav-wrapper a,
.ls-nav-prev,
.ls-nav-next {
	outline: none;
}

* .ls-bottom-nav-wrapper *,
* .ls-bottom-nav-wrapper span * {
	direction: ltr !important;
}

.ls-bottom-slidebuttons {
	position: relative;
	z-index: 1000;
}

.ls-bottom-slidebuttons,
.ls-nav-start,
.ls-nav-stop,
.ls-nav-sides {
	position: relative;
}

.ls-nothumb {
	text-align: center !important;
}

.ls-link {
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	left: 0 !important;
	top: 0 !important;
	background-image: url(blank.gif);
}

.ls-slide > a > * {
	background-image: url(blank.gif);
}



/* Embedded videos */

.ls-vpcontainer {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.ls-videopreview {
	width : 100%;
	height : 100%;
	position : absolute;
	left : 0;
	top : 0;
	cursor : pointer;
}

.ls-playvideo {
	position: absolute;
	left: 50%;
	top: 50%;
	cursor: pointer;
}



/* Thumbnails */

.ls-tn {
	display: none !important;
}

.ls-thumbnail-hover {
	display: none;
	position: absolute;
	left: 0;
}

.ls-thumbnail-hover-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}

.ls-thumbnail-hover-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.ls-thumbnail-hover-img {
	position: absolute;
	overflow: hidden;
}

.ls-thumbnail-hover img {
	max-width: none !important;
	position: absolute;
	display: inline-block;
	visibility: visible !important;
	left: 50%;
	top: 0;
}

.ls-thumbnail-hover span {
	left: 50%;
	top: 100%;
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	border-bottom-color: transparent !important;
}

.ls-thumbnail-wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
	z-index: 4;
}

.ls-thumbnail {
	position: relative;
	margin: 0 auto;
}

.ls-thumbnail-inner,
.ls-thumbnail-slide-container {
	width: 100%;
}

.ls-thumbnail-slide-container {
	overflow: hidden !important;
	position: relative;
}

.ls-touchscroll {
	overflow-x: auto !important;
}

.ls-thumbnail-slide {
	text-align: center;
	white-space: nowrap;
	float: left;
	position: relative;
}

.ls-thumbnail-slide a {
	overflow: hidden;
	display: inline-block;
	width: 0;
	height: 0;
	position: relative;
}

.ls-thumbnail-slide img {
	max-width: none !important;
	max-height: 100% !important;
	height: 100%;
	visibility: visible !important;
}

.ls-shadow {
	display: none;
	position: absolute;
	z-index: 1;
	top: 100%;
	width: 100%;
	left: 0;
	overflow: hidden !important;
	visibility: hidden;
}

.ls-shadow img {
	width: 100% !important;
	height: auto !important;
	position: absolute !important;
	left: 0 !important;
	bottom: 0 !important;
}

.ls-bottom-nav-wrapper,
.ls-thumbnail-wrapper,
.ls-nav-prev,
.ls-nav-next {
	visibility: hidden;
}



/* WP plugin fullwidth */

.ls-wp-fullwidth-container {
	width: 100%;
	position: relative;
}

.ls-wp-fullwidth-helper {
	position: absolute;
}



/* 2D & 3D Layer Transitions */

.ls-overflow-hidden {
	overflow: hidden;
}

.ls-lt-tile {
	position: relative;
	float: left;
	perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	-moz-perspective: 1000px;
	-webkit-perspective: 1000px;
}

.ls-lt-tile img {
	visibility: visible;
	display: inline-block;
}

.ls-curtiles {
	overflow: hidden;
}

.ls-curtiles,
.ls-nexttiles {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.ls-curtile, .ls-nexttile {
	overflow: hidden;
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.ls-curtile {
	left: 0;
	top: 0;
}

.ls-curtile img,
.ls-nexttile img {
	position: absolute;
	filter: inherit;
}

.ls-3d-container {
	position: relative;
	overflow: visible !important;
}

.ls-3d-box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}

.ls-3d-box div {
	overflow: hidden;
	background: #777;
	margin: 0;
	padding: 0;
	position: absolute;
}



/* Full screen */

.ls-fullscreen {
	position: absolute;
	z-index: 10;
	cursor: pointer;
	display: block;
}



/* Removing all default global styles of WordPress themes */

html * .ls-nav-prev,
html * .ls-nav-next,
html * .ls-container img,
html * .ls-bottom-nav-wrapper a,
html * .ls-container .ls-fullscreen,
body * .ls-nav-prev,
body * .ls-nav-next,
body * .ls-container img,
body * .ls-bottom-nav-wrapper a,
body * .ls-container .ls-fullscreen,
#ls-global * .ls-nav-prev,
#ls-global * .ls-nav-next,
#ls-global * .ls-container img,
#ls-global * .ls-bottom-nav-wrapper a,
#ls-global * .ls-container .ls-fullscreen,
html * .ls-thumbnail a,
body * .ls-thumbnail a,
#ls-global * .ls-thumbnail a {
	transition: none;
	-o-transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	line-height: normal;
	outline: none;
	padding: 0;
	border: 0;
}

html * .ls-slide > a,
body * .ls-slide > a,
#ls-global * .ls-slide > a,
html * .ls-slide > h1,
body * .ls-slide > h1,
#ls-global * .ls-slide > h1,
html * .ls-slide > h2,
body * .ls-slide > h2,
#ls-global * .ls-slide > h2,
html * .ls-slide > h3,
body * .ls-slide > h3,
#ls-global * .ls-slide > h3,
html * .ls-slide > h4,
body * .ls-slide > h4,
#ls-global * .ls-slide > h4,
html * .ls-slide > h5,
body * .ls-slide > h5,
#ls-global * .ls-slide > h5,
html * .ls-slide > p,
body * .ls-slide > p,
#ls-global * .ls-slide > p,
html * .ls-slide > div,
body * .ls-slide > div,
#ls-global * .ls-slide > div,
html * .ls-slide > span,
body * .ls-slide > span,
#ls-global * .ls-slide > span,
html * .ls-slide > *,
body * .ls-slide > *,
#ls-global * .ls-slide > * {
	transition: none;
	-o-transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
}

html * .ls-slide > *,
body * .ls-slide > *,
#ls-global * .ls-slide > * {
	margin: 0;
}

html * .ls-container img,
body * .ls-container img,
#ls-global * .ls-container img {
	background: none !important;
	min-width: 0 !important;
	max-width: none !important;
	border-radius: 0;
	box-shadow: none;
	border: 0;
	padding: 0;
}

/*html * .ls-thumbnail a img,
body * .ls-thumbnail a img,
#ls-global * .ls-thumbnail a img {
	min-width: 100% !important;
}
*/

html * .ls-wp-container .ls-slide > *,
body * .ls-wp-container .ls-slide > *,
#ls-global * .ls-wp-container .ls-slide > * {
	line-height: normal;
	outline: none;
	padding: 0;
	margin: 0;
	border: 0;
}

html * .ls-wp-container .ls-slide > a > *,
body * .ls-wp-container .ls-slide > a > *,
#ls-global * .ls-wp-container .ls-slide > a > * {
	margin: 0;
}

html * .ls-wp-container .ls-slide > a,
body * .ls-wp-container .ls-slide > a,
#ls-global * .ls-wp-container .ls-slide > a {
	text-decoration: none;
}

.ls-wp-fullwidth-container,
.ls-wp-fullwidth-helper,
.ls-container,
.ls-container * {
	box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
}

html * .ls-yourlogo,
body * .ls-yourlogo,
#ls-global * .ls-yourlogo {
	margin: 0;
}

html * .ls-tn,
body * .ls-tn,
#ls-global * .ls-tn {
	display: none;
}

.site {
	overflow: visible !important;
}



/* Style of LayerSlider Debug Console */

.ls-debug-console * {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	color: white !important;
	text-shadow: none !important;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif !important;
	line-height: normal !important;
	-webkit-font-smoothing: antialiased !important;
	text-align: left !important;
	font-style: normal !important;
}

.ls-debug-console h1 {
	padding-top: 10px !important;
	font-size: 17px !important;
	font-weight: bold !important;
}

.ls-debug-console h1:first-child {
	padding-top: 0 !important;
}

.ls-debug-console ul {
	padding-top: 10px !important;
	list-style: none !important;
}

.ls-debug-console li {
	margin-left: 10px !important;
	font-size: 13px !important;
	position: relative !important;
	font-weight: normal !important;
}

html * .ls-debug-console li ul,
body * .ls-debug-console li ul,
#ls-global * .ls-debug-console li ul {
	display: none;
	width: 260px;
	left: -10px;
}

.ls-debug-console li ul {
	position: absolute !important;
	bottom: 100% !important;
	padding: 10px 10px 10px 0 !important;
	background: white !important;
	border-radius: 10px !important;
	box-shadow: 0 0 20px black !important;
}

html * .ls-debug-console li:hover ul,
body * .ls-debug-console li:hover ul,
#ls-global * .ls-debug-console li:hover ul {
	display: block;
}

.ls-debug-console li ul * {
	color: black !important;
}

.ls-debug-console a {
	text-decoration: none !important;
	border-bottom: 1px dotted white !important;
}

.ls-error {
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-wenkit-border-radius: 5px !important;
	background: white !important;
	height: auto !important;
	width: auto !important;
	color: white !important;
	padding: 20px 40px 30px 80px !important;
	position: relative !important;
	box-shadow: 0 2px 20px -5px black;
}

.ls-error p {
	line-height: normal !important;
	text-shadow: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	text-align: justify !important;
	font-family: Arial, sans-serif !important;
}

.ls-error .ls-error-title {
	line-height: 40px !important;
	color: red !important;
	font-weight: bold !important;
	font-size: 16px !important;
}

.ls-error .ls-error-text {
	color: #555 !important;
	font-weight: normal !important;
	font-size: 13px !important;
}

.ls-error .ls-exclam {
	width: 40px !important;
	height: 40px !important;
	position: absolute !important;
	left: 20px !important;
	top: 20px !important;
	border-radius: 50px !important;
	-moz-border-radius: 50px !important;
	-webkit-border-radius: 50px !important;
	font-size: 30px !important;
	font-weight: bold !important;
	color: white !important;
	line-height: 40px !important;
	background: red !important;
	text-align: center !important;
}



/* GPU Hardware Acceleration */

html * .ls-container .ls-shadow,
html * .ls-container .ls-slide > *,
html * .ls-container .ls-fullscreen,
html * .ls-container .ls-3d-container,
html * .ls-container .ls-lt-container,
html * .ls-container .ls-lt-container *,
html * .ls-container .ls-thumbnail-wrapper,
html * .ls-container .ls-bottom-nav-wrapper,
body * .ls-container .ls-shadow,
body * .ls-container .ls-slide > *,
body * .ls-container .ls-fullscreen,
body * .ls-container .ls-3d-container,
body * .ls-container .ls-lt-container,
body * .ls-container .ls-lt-container *,
body * .ls-container .ls-thumbnail-wrapper,
body * .ls-container .ls-bottom-nav-wrapper,
#ls-global * .ls-container .ls-shadow,
#ls-global * .ls-container .ls-slide > *,
#ls-global * .ls-container .ls-fullscreen,
#ls-global * .ls-container .ls-3d-container,
#ls-global * .ls-container .ls-lt-container,
#ls-global * .ls-container .ls-lt-container *,
#ls-global * .ls-container .ls-thumbnail-wrapper,
#ls-global * .ls-container .ls-bottom-nav-wrapper,
.ls-gpuhack {
	transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}

.ls-gpuhack {
	width: 100% !important;
	height: 100% !important;
}


html * .ls-container .ls-webkit-hack,
body * .ls-container .ls-webkit-hack,
#ls-global * .ls-container .ls-webkit-hack {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

/* GPU */

@media (transform-3d), (-o-transform-3d), (-ms-transform-3d), (-moz-transform-3d), (-webkit-transform-3d) {
	#ls-test3d {
		position: absolute;
		left: 9px;
		height: 3px;
	}
}
/* LayerSlider No Skin */



.ls-noskin .ls-nav-sides,
.ls-noskin .ls-bottom-nav-wrapper,
.ls-noskin .ls-bottom-slidebuttons a,
.ls-noskin .ls-nav-prev,
.ls-noskin .ls-nav-next,
.ls-noskin .ls-nav-start,
.ls-noskin .ls-nav-stop {
	display: none;
	visibility: hidden;
}

.ls-noskin .ls-loading-container,
.ls-noskin .ls-fullscreen,
.ls-noskin .ls-nav-next, 
.ls-noskin .ls-nav-prev {
background-image: url(https://www.absoluteelectric.co.uk/images/layerslider/skin.png);
z-index: 10000;
top: 44%;
position: absolute;
}
.ls-noskin .ls-nav-next {right: 0;}
.ls-noskin a.ls-nav-next, .ls-noskin a.ls-nav-prev {
 width: 50px;
 height:50px;
}
.ls-noskin .ls-nav-next {background-position: -60px 0;}


.ls-noskin .ls-thumbnail {
	top: 0px;
}

.ls-noskin .ls-thumbnail-inner {
	padding: 5px;
	margin-left: -5px;
}

.ls-noskin .ls-thumbnail-slide a {
	margin-right: 5px;
}

.ls-noskin .ls-nothumb {
	background: #eee;
}

.ls-noskin .ls-loading-container {
	width: 40px;
	height: 40px;
	margin-left: -20px;
	margin-top: -20px;
	background-position: -450px -150px;	
}

.ls-noskin .ls-loading-indicator {
	width: 22px;
	height: 22px;
	margin-top: 9px;
	background-image: url(loading.gif);	
}

.ls-noskin .ls-fullscreen {
	width: 30px;
	height: 30px;
	right: 10px;
	top: 10px;
	background-position: -525px -150px;
}

.ls-noskin .ls-fullscreen:hover {
	background-position: -525px -190px;
}
/* cmsms stylesheet: MobileMenu modified: 06/03/16 16:17:11 */
#mobmenucontainer {
  float: none;
  margin:0 auto;
  width: 100%;
  z-index: 9999;
   text-align: center;
   background:#4d4d4d;
}
   .mobtabbed-content a {text-decoration: none;}
   .mobtabbed-content a:hover {text-decoration: none;}
   .mobmenu {
      width: 100%;
      margin: 0 auto;
      border: none; 
}       
  .mobmenu  ul {margin: 0; padding: 0;}
   .mobmenu .mobtabs li {
       list-style: none;
       color: #000000;
        float: left;
	 margin: 0 auto;
	  padding: 0;
       text-align: center;
       height: 42px;
       background: #000000;
       width: 100%;
}
.mobmenu .mobtabs li#mobtab-one {height: 1px;}
   .mobmenu .mobtabs li a {
      display: block;
      padding: 0;
      font-weight: bold;
      text-align: center;
      text-decoration: none;
      color: #ffffff;
      background: none;
      height: 20px;
      font-size: 14px;
}
   .mobmenu .mobtabs li:first-child a {
      border-left: none; 
}
   .mobmenu .mobtabs  li a:hover {
     text-decoration: none;
      color: #4d4d4d;
    background: none; 
}
   .mobmenu .mobtabs  li a:focus {
      outline: none; 

}
   .mobmenu .mobtabs li a.active {
      background: none;
      color: #ffffff;
    }
   .mobtabbed-content {
     clear: both;
      margin: 0;
      padding: 0 10px;
      display: none; 
      background:none;
      border: none;
}
.mobtabbed-content#mobtabbed-home {height: 0px; overflow: hidden; padding: 0;}

.mobmenu button {background: none; border: none; padding: 0; margin: 10px auto; height: 14px; cursor: pointer;}

.mobmenu ul {width: 100%; margin: 0 auto;}
/* cmsms stylesheet: Blocknav modified: 03/18/24 15:29:52 */
div.blocknav{
        width: 100%;
        max-width: 1155px;
        height: auto;
        margin: 30px auto 0 auto;
        z-index: 999;
        padding:20px 0 0 0;
        background: none;
}

.clearb {
/* needed for some browsers */
	clear: both;
}


.blocknav div {
	margin: 0;
    padding: 0;
	float: left;
    height: auto;
    text-align: center;
    max-width: 385px;
    background: #fff;
}
.blocknav a {margin: 0; padding: 0; height: auto;}
.blocknav-3 .blocknav div {width: 33.333%;}
.blocknav-4 .blocknav div {width: 21%;}
.blocknav-5 .blocknav div {width: 16%;}


.blocknav-readmore img {}
.blocknav img {}
.blocknav img:hover {opacity: 0.5}
.blocknav hr {
        position: relative;
        width: 100%; 
        height: 25px; 
        background: url(https://www.absoluteelectric.co.uk/images/blocknav/products-bg.png) no-repeat right top;
        border: none;
}
.blocknav-image {width: 100%; padding: 0; margin: 0;}
/* cmsms stylesheet: Responsive modified: 03/14/17 18:11:10 */
div.gallerysmall {display: none;}
div.content-row-homeslider-small {display: none;}
.content-container-1200 img {max-width: 100%;}
@media (max-width:1155px){
ul#primary-nav li#home {display: none;}
}
@media (max-width:1060px){
ul#primary-nav li a span {padding-left: 10px; padding-right: 10px;}

} 
@media (max-width:1050px){
div.companies-content {min-height: 260px;}
}
@media (max-width: 920px) {
ul#primary-nav li a span {padding-left: 5px; padding-right: 5px;}
}
@media (max-width: 850px) {
ul#primary-nav li a {font-size: 13px;}
#header-right h3 {font-size: 20px;}
#primary-nav li.menuparent {padding-right: 20px; background: #000000 url(http://www.thinkdev.co.uk/images/parent-small.png) no-repeat top right;}
div.companies-content {min-height: 320px;}
}
@media (max-width: 810px){
ul#primary-nav li a {font-size: 12px;}
#header-right h3 {font-size: 18px;}
}
@media (max-width: 745px){
body {background: #ffffff;}
div.footer-social {float: none; margin: 0 auto;}
div.companies-content {min-height: 50px;}
div.banner-large {display: none;}
div.banner-small {display: block;}
div#header-row {height: auto; position: relative;}
div#nav-row {display: none;}
div.vnav-container.sidebar {display: none;}
div.vnav-container {float: none; width: 100%; max-width: 400px; margin: 0 auto;}
div#nav-row-small {display: block;}
.contactform {float: none !important; margin: 20px auto !important;}
.content-row.top-row, .content-row.top-row-nobanner {margin-top: 10px;}
img {max-width: 100%;}
h1.sitename, h3.sitename {text-align: center; }
h3.sitename {margin-bottom: 20px;}
div#menuwrapper {
        clear: both;
        float: none; 
        width: 100%; 
        text-align: center;
        padding: 5px 0;
}
.content-100,
.content-75, 
.content-70, 
.content-60, 
.content-50, 
.companies .content-50, 
.content-40, 
.content-33, 
.content-30, 
.content-30.home-weddings,
.content-25, 
.home-lower .content-25,
div#nfrc.accreditations-item,
div#chas.accreditations-item,
div#safe.accreditations-item,
div#cline.accreditations-item,
div#mcs.accreditations-item,
div#ea.accreditations-item, 
div#ar.accreditations-item, 
div#subfooter-left,
div#subfooter-right {
        float: none; 
        width: 98%; 
        text-align: center;
        margin: 0 auto;
        padding: 10px 0;
}
.blocknav-3 .blocknav div {float: none; 
        width: 98%; 
        text-align: center;
        margin: 0 auto;
}
.pad-right {width: 100%; padding: 0;}
.home-lower .content-25 {max-width: 300px;  color: #b5a10f;}
.home-lower p {min-height: 30px; height: auto;}
ul#primary-nav {float: none; width: 98%; margin-left: 2%;}
#primary-nav li {width: 48%; margin: 10px auto;}
#primary-nav li#home {display: none;}
div#nav-row {height: auto;}
.sectors, .sectors.left, .sectors.third {width: 39.5%; margin-left: 7%; text-align: center; padding-top: 20px;}
.sectors.third {clear: both; margin-top:20px;}
.sectors.right {margin-top: 20px;}
.sectors h4 {font-size: 18px;} 
.main-container {top: 10px;}
div#footer-container , div#subfooter-container {margin-top: 0;}
#social-container img {margin: 0 8%;}
.NewsSummaryLink {float: none; width: 100%; border-top: none; padding: 10px;}
.NewsSummarySummary {width: 100%; float: none;border-bottom: 1px solid #e5e8ea; padding: 10px;}
.NewsSummaryField img {width: auto; max-width: 98%; float: none;}
#footer-left, #footer-centre, #footer-right {width: 100%; float: none;}
#footer p, #footer h3 {width: 95%; padding: 0 2.5%;}
#subfooter p {float: none; display: block; width: 95%; text-align: center; margin: 0; padding: 3px;}
#primary-nav li:hover ul {display: none;}
ul#primary-nav li a span {padding: 0;}
.callbackform input.cms_reset {float: right;}
.callbackform input.cms_submit,
.callbackform .captcha  {float: none !important; margin: 10px auto !important;}
img.float-right, img.float-left {float: none; margin: 20px auto; text-align: center;}
.gallery {display: none;}
.gallerysmall {display: block !important;}
.gallerysmall img {width: 98%; float: none; margin: 10px auto;}
#videoframe {width: 300px; height: 240px;padding-bottom: 20px;}
div#subfooter-left, div#subfooter-right {width: 50%;} 
#logo-container {width: 100%; margin: 0 auto; background: #ffffff;padding: 20px 0; text-align: center; float: none;}
#header-right {float: none; clear: both; margin: 0 auto; text-align: center;}
#header-right h3 {padding-top: 10px;}
.content-row-homeslider {top: 0;}
.main-container {top: 0;}
.nav-row-small {background: #225a4b;}
.internal-container {top: 0;}
div#home-footer, div.internal-footer {margin-top: 0;}
div.content-row-homeslider {display: none;}
.content-container-1200.home-top {margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0;}
}
@media (max-width: 655px){
body {text-align: center;}
.main-container {background: none;}
div#subfooter-left, div#subfooter-right {float: none; width: 100%;}
.newsletter div, .newsletter .captcha, .newsletter .submit {clear: both !important; float: none !important; width:96% !important; padding: 0 2% !important; margin-right: 0 !important;}
.page-title {text-align: center; border-top: none; height: 35px; min-height: 35px; padding-bottom: 10px;}
.page-title h1 {font-size: 28px; padding-top: 0; }



}
@media (max-width: 510px){
div#header-top-content {background: #777879; float: none;}
div#header-top-content p {text-align: center; padding-bottom: 10px;}
}