@media (max-width: 600px) {
img.image_phone {

float:none !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom:15px !important;

}

div.image_phone {

float:none !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
text-align:center;


}


video.image_phone {

float:none !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
text-align:center;


}


}





.social-stick {
	background-color: #fff;
	position: fixed;
	right: 0;
	top: 100px;
	z-index: 100;
	border-top: 2px solid #fff;
		border-left: 2px solid #fff;	border-bottom: 2px solid #fff;
}

 .social-stick a {color: #fff;}
 .social-stick a:hover {color: #ebebeb;}


 .social-stick .facebook {
	padding: 10px;
	background-color: #3b5998;
}


.social-stick .googleplus {
	padding: 10px;
	background-color: #dd4b39;

}

 .social-stick .twitter {
	padding: 10px;
	background-color: #00aced;

}

.social-stick .youtube {
	padding: 10px;
	background-color: #bb0000;
}

.social-stick .linkedin {
	padding: 10px;
	background-color: #0077b5;
}

.social-stick .instagram {
	padding: 10px;
	  background: -webkit-radial-gradient(50px 220px, #ffda75 18%,#ff3a49 43%,#ff3a49 50%,#e518a1 70%,#6634e1 100%)
}










@media (min-width: 1200px) {
	#sticky-header {position: fixed; top: 0; right: 0; margin:0 auto;}
	}
@media (max-width: 1199px) {
	.header-menu { margin-top: 0px;}
	.header-menu a {color: #fff; font-size: 16px !important;}
	.header-menu a:hover {color: #fff;}
	.header-menu ul { }
	.header-menu ul li {display: inline-block; padding: 10px 10px; color: #fff !important; font-weight: bold;}
	.header-menu ul li:hover {background-color: rgba(255,255,255,0.3);}
}
@media (max-width: 979px) {
	#full-height {padding-top: 0 !important;}
			.header-menu a {color: #fff; font-size: 14px;}

	}
@media (max-width: 767px) {
		.header-menu a {color: #fff; font-size: 14px;}

	#full-height {padding-top: 0 !important;}
	}
@media (min-width: 100px) and (max-width: 768px) {
	.sidebar-fade {display: none;}
	#full-height {
	padding-top: 0 !important;}
	}

/* ----------------------------------------- */
/* HEADER STYLES */
/* ----------------------------------------- */

.header-striped {
	background: linear-gradient( to bottom, #fff, #fff 50%, #ff6b6b 50%, #ff6b6b );
	/* The rectangle in which to repeat. It can be fully wide in this case */
	background-size: 100% 100%; }

.header-striped ::-webkit-input-placeholder { /* WebKit, Blink, Edge */color: #fff; }
.header-striped :-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #fff; opacity: 1; }
.header-striped ::-moz-placeholder { /* Mozilla Firefox 19+ */color: #fff; opacity: 1; }
.header-striped :-ms-input-placeholder { /* Internet Explorer 10-11 */color: #fff; }
.header-striped :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */color: #fff; }

.header-resoil {
	background: linear-gradient( to bottom, #fff, #fff 50%, rgba(255,107,107,0.8) 50%, rgba(255,107,107,0.8) );
	/* The rectangle in which to repeat. It can be fully wide in this case */
	background-size: 100% 100%; }

.header-resoil ::-webkit-input-placeholder { /* WebKit, Blink, Edge */color: #fff; }
.header-resoil :-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #fff; opacity: 1; }
.header-resoil ::-moz-placeholder { /* Mozilla Firefox 19+ */color: #fff; opacity: 1; }
.header-resoil :-ms-input-placeholder { /* Internet Explorer 10-11 */color: #fff; }
.header-resoil :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */color: #fff; }

.header-commercial {
	background: linear-gradient( to bottom, #fff, #fff 50%, rgba(96,133,127,0.8) 50%, rgba(96,133,127,0.8) );
	/* The rectangle in which to repeat. It can be fully wide in this case */
	background-size: 100% 100%; }

.header-commercial ::-webkit-input-placeholder { /* WebKit, Blink, Edge */color: #fff; }
.header-commercial :-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #fff; opacity: 1; }
.header-commercial ::-moz-placeholder { /* Mozilla Firefox 19+ */color: #fff; opacity: 1; }
.header-commercial :-ms-input-placeholder { /* Internet Explorer 10-11 */color: #fff; }
.header-commercial :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */color: #fff; }

.header-wholesale {
	background: linear-gradient( to bottom, #fff, #fff 50%, rgba(209,209,209,0.8) 50%, rgba(209,209,209,0.8) );
	/* The rectangle in which to repeat. It can be fully wide in this case */
	background-size: 100% 100%; }

.header-wholesale ::-webkit-input-placeholder { /* WebKit, Blink, Edge */color: #fff; }
.header-wholesale :-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #fff; opacity: 1; }
.header-wholesale ::-moz-placeholder { /* Mozilla Firefox 19+ */color: #fff; opacity: 1; }
.header-wholesale :-ms-input-placeholder { /* Internet Explorer 10-11 */color: #fff; }
.header-wholesale :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */color: #fff; }


.header-plumbing {
	background: linear-gradient( to bottom, #fff, #fff 50%, rgba(148,223,197,0.8) 50%, rgba(148,223,197,0.8) );
	/* The rectangle in which to repeat. It can be fully wide in this case */
	background-size: 100% 100%; }

.header-plumbing ::-webkit-input-placeholder { /* WebKit, Blink, Edge */color: #fff; }
.header-plumbing :-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #fff; opacity: 1; }
.header-plumbing ::-moz-placeholder { /* Mozilla Firefox 19+ */color: #fff; opacity: 1; }
.header-plumbing :-ms-input-placeholder { /* Internet Explorer 10-11 */color: #fff; }
.header-plumbing :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */color: #fff; }








.header-electrical {
	background: linear-gradient( to bottom, #fff, #fff 50%, rgba(215,202,150,0.8) 50%, rgba(215,202,150,0.8) );
	/* The rectangle in which to repeat. It can be fully wide in this case */
	background-size: 100% 100%; }

.header-electrical ::-webkit-input-placeholder { /* WebKit, Blink, Edge */color: #fff; }
.header-electrical :-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #fff; opacity: 1; }
.header-electrical ::-moz-placeholder { /* Mozilla Firefox 19+ */color: #fff; opacity: 1; }
.header-electrical :-ms-input-placeholder { /* Internet Explorer 10-11 */color: #fff; }
.header-electrical :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */color: #fff; }

.header-gas {
	background: linear-gradient( to bottom, #fff, #fff 50%, rgba(125,172,198,0.8) 50%, rgba(125,172,198,0.8) );
	/* The rectangle in which to repeat. It can be fully wide in this case */
	background-size: 100% 100%; }

.header-gas ::-webkit-input-placeholder { /* WebKit, Blink, Edge */color: #fff; }
.header-gas :-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #fff; opacity: 1; }
.header-gas ::-moz-placeholder { /* Mozilla Firefox 19+ */color: #fff; opacity: 1; }
.header-gas :-ms-input-placeholder { /* Internet Explorer 10-11 */color: #fff; }
.header-gas :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */color: #fff; }


.quick-menu {background-color: #fff;}
	.quick-menu ul {  }
	.quick-menu ul li {display: inline-block; padding: 10px;}

.header-menu { margin-top: 5px;}
	.header-menu a {color: #fff; font-size: 18px;}
	.header-menu a:hover {color: #fff;}
	.header-menu ul {  }
	.header-menu ul li {display: inline-block; padding: 10px 10px; color: #fff !important; font-weight: bold;}
	.header-menu ul li:hover {background-color: rgba(255,255,255,0.3);}

.home-gray h1 { margin-top: 0;}

.logo-bg {
	background: -webkit-linear-gradient(#ffffff, #f5f5f5); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#ffffff, #f5f5f5); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#ffffff, #f5f5f5); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#ffffff, #f5f5f5); /* Standard syntax */
  	background-image: linear-gradient(#ffffff, #f5f5f5); /* IE 11... */
  	}

.cover-image {width: 100%; margin-top: -100px; display: block; z-index:-100; min-height: 100px;}
/* ----------------------------------------- */
/* LAYOUT STYLES */
/* ----------------------------------------- */

/*#full-height {
    overflow: hidden;
}
.main-style {
	background-color: #fff;
	margin-bottom: -99999px;
	padding-bottom: 99999px;
	}

.sidebar-style {
	background-color: #dedede;
	min-height: 40px;
	padding-top: 10px;
	margin-bottom: -99999px;
    padding-bottom: 99999px;
	}
	.sidebar-style ul li {
		margin-left: 20px;
		}
		*/

#full-height {
	padding-top: 180px;}

.sidebar-style {
	background-color: #dedede;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	.sidebar-style ul li {
		margin-left: 20px;
		}

.sidebar-fade {
	height: 100px;
	background: -webkit-linear-gradient(#dedede, #fff); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#dedede, #fff); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#dedede, #fff); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#dedede, #fff); /* Standard syntax */
  	background-image: linear-gradient(#dedede, #fff); /* IE 11... */
  	}

.fivecolumn {margin-top: 20px; margin-bottom: 20px;}
.fivecolumn .span2 {width: 17.94871794871795%; *width: 17.884615384615383%;}

.side-fuel {
	display: block;
	padding: 10px;
	border: 3px solid #fff;
	margin: 5px 10px;
	background: -webkit-linear-gradient(#fd644d, #dd2b28); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#fd644d, #dd2b28); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#fd644d, #dd2b28); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#fd644d, #dd2b28); /* Standard syntax */
  	background-image: linear-gradient(#fd644d, #dd2b28); /* IE 11... */
  	}
  	a.side-fuel {color: #fff !important;}
  	a.side-fuel:hover {
  			background: -webkit-linear-gradient(#dd2b28, #fd644d); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(#dd2b28, #fd644d); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(#dd2b28, #fd644d); /* For Firefox 3.6 to 15 */
			background: linear-gradient(#dd2b28, #fd644d); /* Standard syntax */
			background-image: linear-gradient(#dd2b28, #fd644d); /* IE 11... */
			}

.side-wholesale {
	display: block;
	padding: 10px;
	border: 3px solid #fff;
	margin: 5px 10px;
	background: -webkit-linear-gradient(#7f7e7e, #4a4a4a); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#7f7e7e, #4a4a4a); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#7f7e7e, #4a4a4a); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#7f7e7e, #4a4a4a); /* Standard syntax */
  	background-image: linear-gradient(#7f7e7e, #4a4a4a); /* IE 11... */
  	}
  	a.side-wholesale {color: #fff !important;}
  	a.side-wholesale:hover {
  			background: -webkit-linear-gradient(#4a4a4a, #7f7e7e); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(#4a4a4a, #7f7e7e); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(#4a4a4a, #7f7e7e); /* For Firefox 3.6 to 15 */
			background: linear-gradient(#4a4a4a, #7f7e7e); /* Standard syntax */
			background-image: linear-gradient(#4a4a4a, #7f7e7e); /* IE 11... */
			}

.side-gas {
	display: block;
	padding: 10px;
	border: 3px solid #fff;
	margin: 5px 10px;
	background: -webkit-linear-gradient(#61a5ca, #3079a1); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#61a5ca, #3079a1); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#61a5ca, #3079a1); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#61a5ca, #3079a1); /* Standard syntax */
  	background-image: linear-gradient(#61a5ca, #3079a1); /* IE 11... */
  	}
  	a.side-gas {color: #fff !important;}
  	a.side-gas:hover {
  			background: -webkit-linear-gradient(#3079a1, #61a5ca); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(#3079a1, #61a5ca); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(#3079a1, #61a5ca); /* For Firefox 3.6 to 15 */
			background: linear-gradient(#3079a1, #61a5ca); /* Standard syntax */
			background-image: linear-gradient(#3079a1, #61a5ca); /* IE 11... */
			}





.side-plumbing {
	display: block;
	padding: 10px;
	border: 3px solid #fff;
	margin: 5px 10px;
	background: -webkit-linear-gradient(#94dfc5, #37725e); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#94dfc5, #37725e); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#94dfc5, #37725e); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#94dfc5, #37725e); /* Standard syntax */
  	background-image: linear-gradient(#94dfc5, #37725e); /* IE 11... */
  	}
  	a.side-plumbing {color: #fff !important;}
  	a.side-plumbing:hover {
  			background: -webkit-linear-gradient(#37725e, #94dfc5); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(#37725e, #94dfc5); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(#37725e, #94dfc5); /* For Firefox 3.6 to 15 */
			background: linear-gradient(#37725e, #94dfc5); /* Standard syntax */
			background-image: linear-gradient(#37725e, #94dfc5); /* IE 11... */
			}






.side-electric {
	display: block;
	padding: 10px;
	border: 3px solid #fff;
	margin: 5px 10px;
	background: -webkit-linear-gradient(#cbb96b, #907a21); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#cbb96b, #907a21); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#cbb96b, #907a21); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#cbb96b, #907a21); /* Standard syntax */
  	background-image: linear-gradient(#cbb96b, #907a21); /* IE 11... */
  	}
  	a.side-electric {color: #fff !important;}
  	a.side-electric:hover {
  			background: -webkit-linear-gradient(#907a21, #cbb96b); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(#907a21, #cbb96b); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(#907a21, #cbb96b); /* For Firefox 3.6 to 15 */
			background: linear-gradient(#907a21, #cbb96b); /* Standard syntax */
			background-image: linear-gradient(#907a21, #cbb96b); /* IE 11... */
			}

.side-commercial {
	display: block;
	padding: 10px;
	border: 3px solid #fff;
	margin: 5px 10px;
	background: -webkit-linear-gradient(#135950, #012921); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#135950, #012921); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#135950, #012921); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#135950, #012921); /* Standard syntax */
  	background-image: linear-gradient(#135950, #012921); /* IE 11... */
  	}
  	a.side-commercial {color: #fff !important;}
  	a.side-commercial:hover {
  			background: -webkit-linear-gradient(#012921, #135950); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(#012921, #135950); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(#012921, #135950); /* For Firefox 3.6 to 15 */
			background: linear-gradient(#012921, #135950); /* Standard syntax */
			background-image: linear-gradient(#012921, #135950); /* IE 11... */
			}

.side-account {
	padding: 10px;
	background-color: #fff;
	margin: 0px 10px;
	}
	a.side-account-link {
		display: block;
		border-top: 1px solid #ebebeb;
		padding: 10px;
		}
	a.side-account-link:hover {
		background-color: #ebebeb;
		}
	a.side-account-link-logout { display: block; padding: 10px; background-color: #ff6b6b; color: #fff !important; }


.side-myaccount {
	display: block;
	padding: 10px;
	border: 3px solid #fff;
	margin: 5px 10px;
	background: -webkit-linear-gradient(#358d41, #174d1f); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#358d41, #174d1f); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#358d41, #174d1f); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#358d41, #174d1f); /* Standard syntax */
  	background-image: linear-gradient(#358d41, #174d1f); /* IE 11... */
  	}
  	a.side-myaccount {color: #fff !important;}
  	a.side-myaccount:hover {
  			background: -webkit-linear-gradient(#174d1f, #358d41); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(#174d1f, #358d41); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(#174d1f, #358d41); /* For Firefox 3.6 to 15 */
			background: linear-gradient(#174d1f, #358d41); /* Standard syntax */
			background-image: linear-gradient(#174d1f, #358d41); /* IE 11... */
			}

a.link-logout { display: block; padding: 5px 10px; margin-top: 10px; background-color: #ff6b6b; color: #fff !important; }


fieldset.custom {
	border: 5px solid #ff6b6b;
	padding: 20px;
	margin-bottom: 10px;
	}

legend.custom {
  display: block;
  width: auto;
  padding: 10px;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	line-height: 20px;
  color: #333333;
  border: 0;
  margin-bottom: 0;
}

/* ----------------------------------------- */
/* FOOTER STYLES */
/* ----------------------------------------- */

.footer-shadow {
	background-color: #fff;
	-moz-box-shadow:0px 5px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow:0px 5px 5px rgba(0,0,0,0.3);
	box-shadow:0px 5px 5px rgba(0,0,0,0.3);
	min-height: 5px;
	position: relative;
	}

.footer-area {
	min-height: 400px;
	background-color: #8e8e8e;
	padding-top: 30px;
	color: #d5d5d5;
	}
	.footer-area a {color: #d5d5d5; font-weight: bold;}
	.footer-area a:hover {color: #fff; text-decoration: underline;}