*{ box-sizing: border-box; }
html {
	padding:0px;
	margin:0px;	
}
a, a:active, a:focus {
	outline: none;
}
body {
	padding:0px;
	margin:0px;
	color:#fff;
	text-align:left;
	font-family:  'Helvetica',arial;
	font-size:14px;
}
hr {
	padding:0;
	margin:0;
}
br { line-height:12px }
h1 {
	color:#fff;
	font-family: 'Bebas Neue', cursive;
	font-weight: normal;
	font-size: 50px;
	font-weight:normal;
	margin:0;
	padding:0;
	text-align:left;
}
h2 {
	color:#0B538E;
	font-family: 'Bebas Neue', cursive;
	font-weight: 400;
	font-size: 35px;
	margin:25px 0 10px 0;
	padding: 0;
	text-align:left;
	
}
h3 {
	float:left;
	color:#33ace3;
	font-family:  'Helvetica',arial;
	font-weight: 400;
	font-size: 24px;
	margin:10px  0;
	padding: 1px 10px 1px 0px;
	text-align:left;	
	width:100%;
}
h2.main {
	font-size:20px;
	font-weight:normal;
	text-align:center;	
}
a {
	color:#1d4485;
	font-family: 'Helvetica',arial;
	font-size:20px;
	text-decoration:none;	
}
a:hover{
	font-family: 'Helvetica',arial;
	font-size:20px;
}
p,li {
	text-align:left;
	font-family: 'Helvetica',arial;
	font-weight:300;
	font-size: 18px;
	margin: 5px 0 5px 0;
	padding: 0 20px 0 0;
	line-height:28px;
	color:#fff;
}
p.leftalign,
h2.leftalign {
	text-align:left;
}

li {
	margin: 0px;
}
.img-responsive {
	width:100%; 
	max-width:100%;
	height:auto;
}
.img-responsive1 {
	width:auto;
	max-width:100%;
	height:auto;
}
		
table {
	margin-left:2%;
	max-width:95%;
}
td {
	padding:5px;	
	font-family: 'Helvetica',arial;
	font-weight:300;
	font-size: 14px;
	width:30%;
	text-align:center;
}	
tr {
	margin:5px;
}	

#mainarea {
	background:#fff;
	margin: 0px auto 0px auto;
	padding:0px;
	text-align: left;
	max-width: 1200px;
}

.home-line {
	width:50%;
	height:5px;
	background:#2b2a29;
	display:block;
	margin:20px auto
}
.blue-line {
	width:200px;
	height:5px;
	background:#33ace3;
	display:block;
	margin:20px auto
}
	
	
.header-wrapper {
	background:#fff;
	max-width:1200px;
	width:100%;
	margin:0 auto;
}
.header-logo{
	float:left;
	max-width:20%;
	width:100%;
	margin-left:5%;
}
.header-logo img{
	width:100%;
	display:block;
	margin:0 auto;
	padding:10px 0;
}
.header-break-div { display:inline-block }
.header-break { display:none }
.header-info{
	display:table;
	background: transparent;
	float:right;
	max-width:70%;
	width:100%;
	text-align:right;
	padding:0;
}
.header-info h2,
.header-info h2 a, 
.header-info h2 a:visited,
.header-info h2 a:hover {
	width:100%;
	text-align:right;
	color:#33ace3;
	font-size:18px;
	font-family:'Helvetica',arial;
	line-height:20px;
}
.header-info a.a1 {
	color:#fff;
	float:right;
	text-align:right;
	font-size:22px;
	margin-top:15px;
}
.header-home {
	display:flex;
	width:100%;
	min-height:650px;
	background:url('images/electricians-belper.jpg') no-repeat top right;
	background-size:auto;
}
.header-comm {
	display:flex;
	width:100%;
	min-height:650px;
	background:url('images/commercial-electrician.jpg') no-repeat top right;
	background-size:cover;
}
.header-dom {
	display:flex;
	width:100%;
	min-height:650px;
	background:url('images/domestic-electrician.jpg') no-repeat top right;
	background-size:cover;
}
.header-evcar {
	display:flex;
	width:100%;
	min-height:650px;
	background:url('images/ev-car-chargers.jpg') no-repeat top right;
	background-size:cover;
}
.header-home {
	display:flex;
	width:100%;
	min-height:650px;
	background:url('images/electricians-belper.jpg') no-repeat top right;
	background-size:cover;
}
#page {
	background:#fff;
	color:#fff;
	float:left;		
	margin:0px;
	padding:0 ;
	text-align: left;
	max-width: 100%;
	width:100%;
}
#page li {
	max-width:97%;
}

#fader {
	max-width: 100%;
	width:100%;
	height: auto;
	padding: 0;
	margin:0;
	float:left;
	z-index:1;
}
#fader img{
	float:left;
	width:100%;
}
.col-wrapper1 {
	float:left;
	max-width:100%;
	width:100%;	
	margin:0;
	padding:40px 0;
	background:#33ace3;
}
.col-wrapper2 {
	background:#2b2a29;
	color:#fff;
	float:left;
	max-width:100%;
	width:100%;	
	margin: 0;
	padding:30px 0;
}
.col-wrapper2-inner {
	display:block;
	margin:0 auto;
	max-width:1200px;
	width:100%;
}
.col-wrapper2-inner h2 {
	color:#fff;	
}
.col-wrapper2-inner a{
	color:#33ace3	
}
.col-wrapper2-inner a:hover{
	text-decoration:underline
}
p.ltdcpy {
	float:left;
	color:#2b2a29!important;
	font-size:14px;
	margin-bottom:20px;
}
.col-wrapper2-inner p {
	color:#fff;
}
.col-wrapper2-inner img {
	margin:20px 0
}

.col-wrapper3 {
	float:left;
	max-width:100%;
	width:100%;
	background:#f1f1f1;
	margin: 0;
	padding:40px 20px;
	
}
.col-wrapper3-inner {
	display:block;
	max-width:1200px;
	width:100%;	
	margin: 0 auto;
	background:#fff;
	
}
.col-wrapper3-inner-inner {
	float:left;
	display:flex;
	max-width:100%;
	width:100%;	
	background:#fff;
	padding:20px;
}
.col-wrapper4 {
	float:left;
	max-width:100%;
	width:100%;	
	margin:0;
	padding:40px 0;
}
.col-wrapper4-inner {
	max-width:1200px;
	display:block;
	width:100%;	
	margin: 0 auto;
	padding:0;
}
.col-wrapper5 {
	background:#3C3C3B;
	float:left;
	max-width:100%;
	width:100%;	
	margin:0;
	padding:30px 0;
}
.col-wrapper5-inner {
	max-width:1200px;
	display:block;
	width:100%;	
	margin: 0 auto;
	padding:0;
}
.logos {
	float:none;
	display:block;
	margin:0 auto;
	max-width:100%
}
.logos img{
	float:left;
	width:11%;
	display:inline-block;
	padding:20px .5%
}
.col1 {
	max-width:25%;
	width:100%;	
	float:left;
	padding:5px;
	margin-top:10px;
}
.col1-inner {
	max-width:95%;
	width:100%;	
	background:#ddeae0;
	margin:0 auto;
	padding:5px;
}
.col1-inner img {
	margin:0 auto;
	width:95%;
}
.col-wrapper3 h2{
	font-size:28px;
	color:#fff;
	margin:20px 0 10px 0;
	text-align:center;
}
	
.col2 {
	float:left;
	max-width:50%;
	width:100%;	
	padding:5px;
	background-size:contain;
}
.col3 {
	margin-top:10px;
	float:left;
	max-width:25%;
	width:100%;	
	padding:5px;
}
.col1 p  {	
	max-width:95%;
	padding:10px 0;
}
.col2 p  {	
	max-width:95%;
	padding:10px 0;
}
.col3 p  {	
	max-width:95%;
	padding:10px 0;
}
.col3-inner {
	max-width:95%;
	width:100%;	
	background:#ddeae0;
	margin:0 auto;
	padding:5px;
}
.col3-inner img {
	margin:0 auto;
	width:95%;
}


.col-third {
	flex:1;
	background:#33ace3;
	max-width:30%;
	width:100%;	
	padding:0;
	margin:0;
}
.col-third h1 {
	font-size:70px;
	padding-top:30px;
	color:#fff;
	text-align:center;

}
.col-third h2 {
	color:#fff;
	
}
.col-third img {
	max-width:100%;
	display:block;
	width:auto;
	margin:0 auto;
	padding-right:15px;
}
.col-twothirds {
	flex:1;
	color:#1a1617;
	max-width:70%;
	width:100%;	
	height:100%;
	padding:0;
}
.col-third p,
.col-twothirds h2{
	display:block;
	margin:0 auto;
	width:80%;
	text-align:center;	
	padding:20px 0;
}
.col-twothirds h2{
	padding-bottom:10px;
	text-transform:uppercase;
	font-size:26px;
}
.h-image { display:none }
.header-home {
	width:100%;
	display:flex;
}
.col-twothirds img{
	z-index:1000
}


.dark-blue h2,
.dark-blue p {
	color:#fff	
}
.col-half1 {
	float:left;
	max-width:50%;
	width:100%;	
	padding:5px;
}
.col-half2 {
	float:right;
	max-width:50%;
	width:100%;	
	padding:5px;
}
.col-half1 p,
.col-half1 h2,
.col-half2 p,
.col-half2 h2  {	
	max-width:95%;
	padding:10px 0;
	text-align:left;
}
.col-half1 img  {	
	margin-right:10px;	
}
.col-half2 img  {	
	margin-right:10px;	
}
.col3-1,
.col3-2,
.col3-3 {
	float:left;
	max-width:32.25%;
	width:100%;
	margin:0 .5%;
	background:#2b2a29;
	color:#fff
}

.col3-1 img,
.col3-2 img,
.col3-3 img{
	display:block;
	margin:20px auto;
	width:90%;
	padding:0;
}
.col3-1 h2,
.col3-2 h2,
.col3-3 h2{
	text-align:center;
	font-size:30px;
}

.col3-1 p,
.col3-2 p,
.col3-3 p {
	float:left;
	width:100%;
	text-align:center;
	padding:0 10px 0 10px;;
	font-size:18px;
	color:#fff;
}
/*#col3-1:before,
#col3-2:before,
#col3-3:before {
	content: " ";
	z-index: 10;
	display: block;
	position: absolute;
	height: 80%;
	top: 10%;
	left: 10%;
	right: 10%;
	bottom:10%;
	background-color:rgba(238,169,4,0.7)	
}*/
.linkhover {
    position: relative;
}
.linkhover img {
	max-width:100%;
    width: 100%;
    vertical-align: top;   
}
.linkhover:after {
    content: '';
    position: absolute;
	top: 10%;
	left: 10%;
	right: 10%;
	bottom:10%;
	background-color:rgba(238,169,4,0.7);
	width:80%;
	font-size:24px;
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
    cursor: pointer;
    padding:0;
    color:#fff;
}
.linkhover:hover:after {
    opacity: 1;
    z-index:100;
}
.img-description {
	z-index: 50;
	display: block;
	position: absolute;
	top: 10%;
	left: 10%;
	right: 10%;
	bottom:10%;
	width:75%;
	font-size:24px;
	font-weight:bold;
	color: #eee;
	visibility: hidden;
	opacity: 0;
	/* transition effect. not necessary */
	transition: all 1s;
	-webkit-transition: all 1s;
	text-align:center;
}

.linkhover:hover .img-description {
  visibility: visible;
  opacity: 1;
  z-index:1;
}


.home-page-3-1,
.home-page-3-2,
.home-page-3-3 {
	flex: 1;
	height:100%;
  	margin:0;
	padding:5px 3%;
	background:#F8D44C;
}
.home-page-3-1,
.home-page-3-2 {
	margin-right:.1%;
}
.three-section-inner {
	margin:0 auto;
	display:block;
	max-width:100%;
	width:100%;	
}
.home-page-3-1 img,
.home-page-3-2 img,
.home-page-3-3 img {
	float:left;
	max-width:100%;
	width:auto;
	padding:10px 10%;
}	
.home-page-3-1 p,
.home-page-3-2 p,
.home-page-3-3 p {
	margin:0 auto;
	float:none;
	font-family:  'Helvetica',arial;
	font-size:18px;
	text-transform:uppercase;
	text-align:center;
	padding:10px;
	margin-top:-20px;
}

.home-page-3-1 p:before {
	content:url('images/Showroom iconlo res.png');
	position:relative;
	top:15px;
	right:10px;
}
.home-page-3-2 p:before {
	content:url('images/Customer say iconlo res.png');
	position:relative;
	top:15px;
	right:10px;
}
.home-page-3-3 p:before {
	content:url('images/Get in touch iconlo res.png');
	position:relative;
	right:10px;
	top:15px;
}
#col4-1,
#col4-2,
#col4-3,
#col4-4 {
	max-width:50%;
	width:100%;	
	float:left;
	display:inline-block;
	padding:0;
	margin:0;
	position:relative;
	margin:10px 0;
}

#col4-1 img,
#col4-2 img,
#col4-3 img,
#col4-4 img{
	float:left;
	padding:5px;
	width:auto;	
}
#col4-1 p,
#col4-2 p,
#col4-3 p,
#col4-4 p{
	font-size:14px;
	color:#fff	
}
#col4-1 h2,
#col4-2 h2,
#col4-3 h2,
#col4-4 h2{
	margin:0 auto;
	display:block;
	text-align:center;
	font-size:30px;
	color:#333;
}

#colimg4-1,
#colimg4-2,
#colimg4-3,
#colimg4-4 {
	max-width:24%;
	width:100%;	
	float:left;
	padding:0;
	margin:0.5%;
	position:relative;
	margin:10px 0;
}

#colimg4-1 img,
#colimg4-2 img,
#colimg4-3 img,
#colimg4-4 img{
	float:left;
	width:auto;	
}
#colimg4-1 p,
#colimg4-2 p,
#colimg4-3 p,
#colimg4-4 p{
	font-size:14px;
	color:#fff	
}
#colimg4-1 h2,
#colimg4-2 h2,
#colimg4-3 h2,
#colimg4-4 h2{
	position:absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width:67%;
	margin:0 auto;
	display:block;
	text-align:center;
	font-size:20px;
	background:#0B538E;
	padding:10px;
	color:#fff;
	border-radius:5px;
}

#colicon4-1,
#colicon4-2,
#colicon4-3,
#colicon4-4 {
	max-width:24%;
	width:100%;	
	float:left;
	padding:0;
	margin:0.5%;
	position:relative;
	margin:10px 0;
}

#colicon4-1 img,
#colicon4-2 img,
#colicon4-3 img,
#colicon4-4 img{
	float:none;
	margin:0 auto;
	display:block;
	width:auto;	
}
#colicon4-1 p,
#colicon4-2 p,
#colicon4-3 p,
#colicon4-4 p{
	font-size:14px;
	color:#fff	
}
#colicon4-1 h3,
#colicon4-2 h3,
#colicon4-3 h3,
#colicon4-4 h3{
	margin:0 auto;
	display:block;
	text-align:center;
	font-size:20px;
	color:#fff;
	padding:10px;
}
.coltext-3-1,
.coltext-3-2,
.coltext-3-3,
.coltext-3-4 {
	float:left;
	flex:1;
	max-width:32%;
	margin:0 .5%;
	width:100%;
	color:#fff;
	padding:5px 0;
	border:1px solid #eba900
}
.coltext-3-1 p,
.coltext-3-2 p,
.coltext-3-3 p,
.coltext-3-4 p{
	font-size:13px;
	padding:0 15px;
	text-align:center;
	
}
.testimonial{
	display:flex
}
.testimonial h2 {
	text-align:center;
}

.col3-contact-1,
.col3-contact-2 {
	color:#2b2a29;
	max-width:45%;
	width:100%;	
	float:left;
	padding:10px 0;
}
.col3-contact-1 p,
.col3-contact-2 p {
	color:#2b2a29;
}

.col3-contact-1 img {
	float:left;
	padding-right:30px;	
}
.col3-contact-1 h3,
.col3-contact-2 h3,
.col3-contact-3 h3{
	text-align:center;
	color:.2b2a29;
	font-size:26px;
	margin:10px 0;
}

#col-wide {
	max-width:65%;	
	width:100%;	
	float:left;
	padding:5px;
	margin-right:10px;
}
#col-narrow {
	max-width:30%;	
	width:100%;	
	float:left;
	padding:5px;
	margin-right:10px;
}
#col-narrow img {
	max-width:100%;
	padding:0;
	margin:0;
}
.home-page-advert {
	display:block;
}
a.dcc {
	display:block;
	margin:0 auto;
	width:160px;
	padding:10px;	
	background:#F8D44C;
	color:#fff;
	border-radius:12px;
	text-align:center;
}
a:hover.dcc {
	background:#5145bf;
	text-decoration:none;
}
.lower-ad {
	display:table;
	display:block;
	margin:0 auto;
	max-width:1200px;
	width:100%;
}
.lower-ad-image{
	display:table-cell;
	max-width:70%;
	width:100%;
}	
.lower-ad-text{
	display:table-cell;
	vertical-align:top;	
	background:#fff;	
	max-width:30%;
	width:100%;
	padding:20px;
}	
.lower-ad-text h2 {
	font-size:58px;
	line-height:50px;
	color:#2b2a29;
	padding-right:50px;
}

#base {
	position:relative;
	float:left;
	max-width:100%;
	width:100%;
}

#footer {
	z-index:1100;
	float:left;
	background:#2b2a29;
	font-size: 10px;
	padding: 0;
	text-align: left;
	width:100%;
	max-width: 100%;
	margin:0;
	padding:10px 0;
}

.footer-img { display:block }
#footer p {
	font-size:14px
}
#footer p.fp {
	width:100%;
	color:#fff;
	text-align:left;
	margin:0px;
	padding: 0 5px;
}
#footer a.fl {
	float:none;
	color:#fff;
	font-size:15px;
}
#footer a.fl:hover {
	text-decoration:underline;
	font-size:15px;
}
#footer-upper {
	float:left;
	width:100%;
	background:#fff;
	text-align:left !important;
}
#advert {
	font-size: 10px;
	padding: 20px 0;
	text-align: left;
	width:100%;
	max-width: 1200px;
	margin:0px auto;
}	
#advert p {
	color:#fff;
	font-weight:300;
	float:left;
	text-align:left;
	margin:0px;
}
#advert a {
	float:right;
	font-weight:300;
	color: #fcfcfc;
	font-weight: normal;
	text-decoration: none;
	padding:0px;
	margin:0px;
	text-align:left;
	line-height:18px;
	font-size:12px
}
#advert a:hover {
	color: #fff;
	font-weight: normal;
	text-decoration:underline;
	font-size:14px
}
#advert a:visited {
	color: #fff;
	font-weight: normal;
}
#advert .seo {
	color:#fcfcfc;
	max-width:80%;
	width:100%;
	float:left;
	text-align:center;
	font-size:12px;	
	padding:20px 0;
	margin:0;
}
#footer img {
	width:auto;
	height:auto;	
}
.fw-icon {
	float:right;
	margin-top:5px;
	width:auto;
}
#footer-col1 {
	float:left;
	max-width:33%;
	width:100%;	
	padding:0 10px 50px 0;
}
	
#footer-col2 {
	float:left;
	max-width:33%;
	width:100%;	
	padding:0 10px 50px 0;
}
#footer-col3 {
	float:left;
	max-width:33%;
	width:100%;	
	padding:0 10px 50px 0;
}

#footer-col1 p,
#footer-col2 p,
#footer-col3 p,
#footer-col4 p,
#footer-col5 p,
#footer-col1 a,
#footer-col2 a,
#footer-col3 a,
#footer-col4 a,
#footer-col5 a {
	float:none;
	color:#fff;
	text-align:left;
	font-size:24px;
	line-height:30px
}
#footer-col1 a:hover,
#footer-col2 a:hover,
#footer-col3 a:hover {
	font-size:24px;
}	

#footer-col1 h3,
#footer-col2 h3,
#footer-col3 h3 {
	font-family: 'Bebas Neue', cursive;
	color:#fff;
	font-size:34px;
	text-align:left;
	margin-bottom:10px;
}
#footer-col2 .fa{
	background:#eba900;
	color:#fff;
	border-radius:50%;
	width:50px;
	height:50px;
	text-align:center;
	padding-top:5px;
	margin-top:5px;
}
#footer-col2 img,
#footer-col3 img{
	float:left;
	width:auto;
	margin-bottom:5px;
}
#footer-col3 .fa{
	background:#33ace3;
	color:#fff;
	border-radius:50%;
	width:50px;
	height:50px;
	text-align:center;
	padding-top:5px;
	margin-top:5px;
}
#footer-col1 a {
	float:left;
	width:100%;
	padding:2px 0;
}
#footer-menu {
	float:left;	
	margin-top:20px;
}
#footer-menu a {
	float:left;	
	padding:0 5px;
}	
	
#contact-wrapper {
	color:#2b2a29;
	float:left;
	max-width: 100%;
	width: 100%;
	text-align: left;
	padding:0;
	margin:20px 0 0 0;
}
#contact-wrapper .pc {
	font-family:verdana;
	color:#2b2a29;
	font-size:15px;
	float:left;
	text-align:left;
	max-width:100%;
	width:100%;
	padding: 0px;
	margin: 0px;
	line-height:15px;
}
#contactlhs {
	overflow:hidden;
	float:left;
	max-width:50%;
	width:100%;
	padding:0px;
	margin:0;
}
#contactlhs p {
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	max-width:100%;
}
#contactlhs img {
	float:left;
	margin:0;
}
#contactlhs a {
	color: #2b2a29;
	font-family: 'Helvetica',arial;
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	padding: 0px 0px 20px 10px;
}
#contactlhs a:hover {
	color: #2b2a29;
	font-family: 'Helvetica',arial;
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	text-decoration:underline;
	padding: 0px 0px 20px 10px;
}
#contactrhs {
	overflow:hidden;
	float:left;
	max-width:40%;
	width:100%;
	padding:0px;
	margin:0px;
}
#contactrhs p {
	float:left;
	margin:0px;
	padding:0px;
}

#contact {
	float:left;
	max-width: 600px;
	width:100%;
	text-align: left;
	padding:0 10px;
	margin:0;
}
#contact p {
	color:#2b2a29;
	max-width:80%;
	width:100%;
	float:left;
	font-size: 15px;
	margin: 0;
	padding:0;
	line-height:20px;
}
#contact .desctext {
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	padding: 5px 10px 0 0;
	margin:0;
}
#contact .regtext {
	float:left;
	width: 180px;
	font-family: 'Helvetica',arial;
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	padding: 0 3px 0 0;
	margin:0;
}
#contact .ipdata {
	max-width:100%;
	width:100%;
	float: left;
	text-align: left;
	padding: 5px ;
	margin:0 0 10px 0;
}
#contact .ipdata1 {
	width: 20px;	
	float: left;
	text-align: left;
	padding: 0 ;
	margin:0;
}
#contact .normtext {
	max-width:450px;
	width:100%;
	font-family: 'Helvetica',arial;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	padding: 0 10px 0 20px;
	margin: 0 0 0 20px;
}
#contact .texta {
	float:left;
	text-align:left;
	font-family: 'Helvetica',arial;
	font-size: 12px;
	color: #2b2a29;
	font-weight: normal;
	padding: 0px 10px 0px 0px;
	margin: 0px 10px 0px 0px;
	max-width:100%;
	width:100%;
}
#contact textarea {
	float:left;
	max-width:90%;
	width:100%;
	min-height:200px;
}
.contact-button {
	width:150px;
}
#contactform {
	float:left;
	max-width:100%;
	width:100%;	
}
.contact-title { 
	font-size:20px;
	color:#fff;
}
#contactform input {
	width:90%;
	padding:8px;
	border-radius:5px;
	background:#fff;
	margin:2px 0;
	font-family: 'Helvetica',arial;
	font-weight:400;
	font-size:14px;
}
#contactform textarea {
	width:90%;
	padding:8px;
	border-radius:5px;
	background:#fff;
	margin:2px 0;
	min-height:50px;
	font-family: 'Helvetica',arial;
	font-weight:400;
	font-size:14px;
}	
.contact-button {
	float:left;
	max-width:150px;
	width:100%;
	padding:10px;
	border-radius:5px;
}
.code-image {
	width:auto !important;
	height:auto !important;
}
.bbutton {
	display:block;
	margin:0 auto 30px auto;
	width:200px;
	padding:10px 20px;
	background:#fff;
	color:#2b2a29;
	font-family:  'Helvetica',arial;
	font-size:20px;
	text-align:center;
}
.bbutton:hover {
	text-decoration:none;	
	background:#b2b2b2;
	color:#fff;
	padding:10px 20px;
	font-family:  'Helvetica',arial;
	font-size:20px;
}
.tbutton {
	display:block;
	margin:10px auto 20px auto;
	width:180px;
	height:50px;
	padding:7px 20px;
	text-align:center;
	color:#fff;
	font-family:  'Helvetica',arial;
	font-size:16px;
	text-transform:uppercase;
	border:2px solid #33ace3;
}
.tbutton a{
	float:left;
	text-align:center
}
.tbutton:hover {
	text-decoration:none;	
	background:#33ace3;
	color:#2b2a29;
	padding:7px 20px;
	font-family:  'Helvetica',arial;
	font-size:16px;
}
.tbutton {
	display:block;
	margin:10px auto 20px auto;
	width:180px;
	height:50px;
	padding:7px 20px;
	text-align:center;
	color:#fff;
	font-family:  'Helvetica',arial;
	font-size:16px;
	text-transform:uppercase;
	border:2px solid #33ace3;
}
.rbutton a{
	float:left;
	text-align:center
}
.rbutton:hover {
	text-decoration:none;	
	background:#33ace3;
	color:#2b2a29;
	padding:7px 20px;
	font-family:  'Helvetica',arial;
	font-size:16px;
}
.rbutton {
	display:block;
	margin:10px auto 20px auto;
	width:220px;
	height:50px;
	padding:7px 20px;
	text-align:center;
	color:#fff;
	font-family:  'Helvetica',arial;
	font-size:16px;
	text-transform:uppercase;
	border:2px solid #33ace3;
}

.ebutton a{
	float:left;
	text-align:center
}
.ebutton {
	display:block;
	margin:40px auto 20px auto;
	width:180px;
	height:50px;
	padding:7px 20px;
	text-align:center;
	color:#2b2a29;
	font-family:  'Helvetica',arial;
	font-size:16px;
	text-transform:uppercase;
	border:2px solid #33ace3;
}
.ebutton:hover {
	text-decoration:none;	
	background:#33ace3;
	color:#2b2a29;
	padding:7px 20px;
	font-family:  'Helvetica',arial;
	font-size:16px;
}


#redtext::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: red;
    opacity: 1; /* Firefox */
}
.qq-button  {
	display:inline-block;
	width:150px !important;
	padding:5px;
	margin:0;
	background:#bf0222;
	color:#fff !important;
}
.captcha-box {
	float:right;
}
.codeerror {
	margin-top:60px;
	font-size:15px !important;
	color:red !important;
	text-transform:none !important;
}


@media (max-width: 900px) { /*  Breakpoint for IPad*/

	#col4-1 h2,
	#col4-2 h2,
	#col4-3 h2,
	#col4-4 h2{
		font-size:20px;
	}

	
	.lower-ad {
		display:block;
	}
	.lower-ad-image{
		display:block;
		max-width:100%;
		width:100%;
	}	
	.lower-ad-text{
		display:block;
		max-width:100%;
	}	
	
	
	
	.lower-ad h3{
		top:30px;
		font-size:40px;
	}
	.lower-ad h4{
		top:60px;
		font-size:30px;
	}
	.lower-ad a{
		font-size:30px;
	}
}

@media (max-width: 700px) { /*  Breakpoint for Mobile */

	.col-wrapper3-inner-inner{
		display:block
	}
	.lower-ad h3{
		font-size:30px;
	}
	.lower-ad h4{
		font-size:25px;
	}
	.lower-ad a{
		font-size:16px;
	}
}
	
@media (max-width: 700px) { /*  Breakpoint for Mobile */

	h1,h2 {
		margin-left:10px;
	}
	h1 {
		font-size:30px;
	}
	

	h2 {
		font-size:24px;
	}
	h3 {
		font-size:20px;
		padding-left:10px
	}
	
	p {
		width:95%;
		margin-left:10px;
		font-size:16px;
	}
	.h-image {
		display:block;	
	}
	.header-home,
	.header-dom,
	.header-comm,
	.header-evcar {
		float:left;
		display:block;
		background-position: bottom right;
		background-size:auto
	}
	.header-home	{
		background:url('images/electricians-belper-mobile.jpg') no-repeat bottom right;
	}.header-dom {
		background:url('images/domestic-electrician-mobile.jpg') no-repeat bottom right;
	}
	.header-comm {
		background:url('images/commercial-electrician-mobile.jpg') no-repeat bottom right;
	}

	.header-evcar {
		background:url('images/ev-car-chargers-mobile.jpg') no-repeat bottom right;
	}

	
	
	.header a:hover {
		color:#fff;
	}
	.header a:visited {
		color:#fff;
	}
	.header h2 {
		font-size:16px;
	}
	.header h2 a, 
	.header h2 a:visited,
	.header h2 a:hover {
		font-size:16px;
	}
	.header-logo, 
	.header-info,
	.header-which{ 
		max-width:100%;
		padding:10px 0;
		margin:0;
	}
	.header-break-div { display:none }
	.header-break { display:inline-block}
	
	.header-logo img,
	.header-info h2 {
		float:none;
		margin:0 auto;
		display:block;	
		padding:0;
	} 
	.header-info h2 {
		text-align:center;
		width:95%;
	}
	.header-logo img {
		width:40%
	}


	#col-wrapper1 {
		max-width:100%;
		width:100%;	
		padding:0;
	}
	#col-wrapper2 {
		max-width:100%;
		width:100%;	
		margin:20px 0px 20px 0px;
	}
	#col-wrapper3 {
		display:none;
		max-width:100%;
		width:100%;	
	}
	#col-wrapper4 {
		max-width:100%;
		width:100%;	
		margin:20px 0px 20px 0;
	}

	#link-page-wrapper-full-width-flex {
		display:block;
		height:auto;
	}	
	
	#col1 {
		max-width:100%;
		width:100%;	
		margin-right:0px;
	}
		
	#col2 {
		max-width:100%;
		width:100%;	
		padding:5px;
		margin-right:0px;
	}
	#col3 {
		max-width:100%;
		width:100%;	
		padding:5px;
	}
	#col1 p  {	
		max-width:100%;
		padding:10px 0;
	}
	#col2 p  {	
		max-width:100%;
		padding:10px 0;
	}
	#col3 p  {	
		max-width:100%;
		padding:10px 0;
	}
	.col-half1,
	.col-half2 {
		max-width:100%;
		width:100%;	
		padding:0;
	}
	.col-half1 p  {	
		max-width:100%;
	}
	.col-half2 p  {	
		max-width:100%;
	}
	.col-half1-van p,
	.col-half2-van p {
		padding:10px;	
	}
	
	.col-half1-van ul,
	.col-half2-van ul  {
		padding:10px 40px;	
	}
		
	.col-half1-van img,
	.col-half2-van img {
		display:block;
		margin:0 auto;
	}

	.col-twothirds {
		flex:0;
		float:left;
		display:block;
		max-width:100%;
	}
	.col-third-wrapper {
		max-width:100%;
		margin:0;
	}
	.col-third {
		flex:0;
		float:left;
		display:block;
		max-width:100%;
		margin-top:0;
	}
	.col-third-lower {
		float:left;
		max-width:100%;
		margin-left:0;
		
	}
	.col-twothirds-inner {
		max-width:100%;
	}
	
	.col3-1,
	.col3-2,
	.col3-3,
	.col3-contact-1,
	.col3-contact-2,
	.col3-contact-3 {
		max-width:100%;
	}

	.col3-contact-1 img { display:none }
	
	.col3-1,
	.col3-2,
	.col3-3{
		margin:10px 0
	}
	
	.col3-1 img,
	.col3-2 img,
	.col3-3 img {
		width:100%;
	}

	.col-half1 img ,
	.col-half2 img  {	
		float:none;
		display:block;
		margin:0 auto;
	}
	.col-half2 img  {	
		margin-top:20px;	
	}
	
	.col4-1,
	.col4-2,
	.col4-3,
	.col4-4,
	.colimg4-1,
	.colimg4-2,
	.colimg4-3,
	.colimg4-4 {
		max-width:48%;
		padding:0 1%
	}
	.testimonial {
		display:block;
	}
	.coltext-3-1,
	.coltext-3-2,
	.coltext-3-3,
	.coltext-3-4 {
		flex:0;
		max-width:100%;
		margin:10px 0;
	}
	
	.home-page-3-1,
	.home-page-3-2,
	.home-page-3-3 {
		float:left;
		flex:0;
		max-width:100%;
		width:100%;
	}
	#contactform {
		padding:0 5px
	}
	#contactform input {
		width:100%;
	}
	
	#contactform textarea {
		width:100%;
		min-height:100px;
	}
	
	#contactlhs {
		max-width:100%;
	}
	#contactrhs {
		max-width:100%;
	}
		
	#contact tr	 {
		max-width:100%;
		width:100%;	
	}
	#contact td	 {
		max-width:50%;
		width:100%;	
	}

	#footer-col1,
	#footer-col2,
	#footer-col3,
	#footer-col4,
	#footer-col5  {
		max-width:100%;	
		min-height:auto;		
		border-right:none;
		padding:10px;
	}
	#footer-col2 p {
		min-height:auto;		
	}
	#contact .ipdata {
		padding:10px;
	}
	#col3-contact-1 img {
		padding-right:0;	
	}
	.bbutton {
		display:none;
	}
		
}

@media (max-width: 500px) { /*  Breakpoint for Mobile Narrow*/

	.trailer-data {
		max-width:50%;
	}
	
	#col4-1,
	#col4-2,
	#col4-3,
	#col4-4 {
		max-width:100%;
	}
	.lower-ad h3{
		top:10px;
		font-size:25px;
	}
	.lower-ad h4{
		top:40px;
		font-size:18px;
	}
	.lower-ad a{
		font-size:16px;
	}

}

.fa { font-size:40px }

.Main__Container-sc-1n4ud0o-0 a { display:none }