/* COLOR SYSTEM
	RESIDENTIAL: #008CD2
	COMMERCIAL: #85AD4A
	MARINE: #65CAF9
	RETAIL: #9CC959
	GENERIC: $26546A
*/

.image-res {border: 4px solid #008cd2;}
.image-ret {border: 4px solid #9cc959;}
.image-com {border: 4px solid #85ad4a;}
.image-mar {border: 4px solid #65caf9;}
.image-gen {border: 4px solid #26546a;}

.home-search {margin-left:-15px; margin-right: -15px; background-color:#a5cd39; padding:20px 20px 10px 20px; margin-top: 10px;}
.home-search i {color: #fff !important;}

/* HEADER STYLES */
/* .colorbar-res {height: 10px; background-color: #008cd2;}
.colorbar-com {height: 10px; background-color: #85AD4A;}
.colorbar-mar {height: 10px; background-color: #65CAF9;}
.colorbar-ret {height: 10px; background-color: #9CC959;} */
.colorbar-home {height: 10px; background-color: #26546a;}
/* .colorbar-gen {height: 10px; background-color: #26546a;} */

.topmenu {
	height: 40px;
	background-color: #f5f5f5;
	border-bottom: 1px solid #c7c7c7;
	position: fixed;
	top: 0;
	width: 100%;
}

.tel {font-size: 24px; font-weight: 900; display: block; padding: 10px; font-family: 'Montserrat', sans-serif; }
.topmenu-right {text-align: right; font-size: 18px; font-weight: 400;}
	.topmenu-right a {display: inline-block; padding: 10px;}
		a.res {background-color: #008cd2; color: #fff;}
		a.ret {background-color: #9CC959; color: #fff;}
		a.mar {background-color: #65CAF9; color: #fff;}
		a.com {background-color: #85AD4A; color: #fff;}


.logo-slogan {
	min-height: 50px;
	background-color: #fff;
	border-bottom: 1px solid #c7c7c7;
	padding: 20px;
	position: fixed;
	top: 0;
	width: 100%;
	border-top: 10px solid #26546a;
	overflow: visible;
	z-index: 10;
}
.slogan {text-align: right; font-size: 24px; font-weight: 900; display:table-cell;vertical-align:middle; height: 93px;}

.mainmenu {background-color: #fff; border-bottom: 1px solid #ededed; box-shadow: 0px 1px 5px #888 !important; z-index: 100; position: relative;}
.navbar {}

/* CENTER STYLES */
.center-bg { background-color: #f5f5f5; position: relative;}
.center-content {background-color: #fff; padding-bottom: 20px; }
.sidebar-bg {background-color: #ebebeb; padding: 20px 20px 10px 20px;}

.sidebar_menu ul { margin-left: -15px; margin-right: -15px;}
.sidebar_menu ul li {display: block; padding: 10px; border-bottom: 1px solid #f5f5f5;}
.sidebar_menu ul li a {color: #0094d9; font-size: 18px; font-weight: 400;}
.sidebar_menu ul li a:hover {color: #a5cd39;}

.buttons-mobile ul {list-style-type: none; margin-left: 0; }
	.buttons-mobile ul li {display: block; padding: 30px 15px; text-align: center; font-size: 24px; font-family: 'Montserrat'; font-weight: 900;}
	.buttons-mobile ul li.res {background-color: #008cd2; color: #fff; border-bottom: 1px solid #fff;}
	.buttons-mobile ul li.com {background-color: #85ad4a; color: #fff; border-bottom: 1px solid #fff;}
	.buttons-mobile ul li.mar {background-color: #65caf9; color: #fff; border-bottom: 1px solid #fff;}
	.buttons-mobile ul li.ret {background-color: #9cc959; color: #fff;}

.buttons-bg {background-color: #26546a;}
.home-links {
	background: -webkit-linear-gradient(#f5f5f5, #ebebeb); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#f5f5f5, #ebebeb); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#f5f5f5, #ebebeb); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#f5f5f5, #ebebeb); /* Standard syntax */
  	text-align: center;
  	font-size: 18px;
  	}
  	.home-links a {color: #26546a; font-family: 'Montserrat'; font-weight: 900;}
  	.home-links a:hover {color: #0094d9;}
  	.home-links ul {list-style-type: none; margin-bottom: 0;}
  	.home-links ul li {display: inline-block; padding: 30px 10px;}

.locations-links {background-color: #0094d9; color: #fff; font-size: 24px; font-weight: 900;}
  	.locations-links ul {list-style-type: none; margin-bottom: 0;}
  	.locations-links ul li {display: inline-block; padding: 30px 15px; line-height: 30px;}

.locations-links-mobile {background-color: #0094d9; color: #fff; font-size: 24px; font-weight: 900; margin-left: 0;}
  	.locations-links-mobile ul {list-style-type: none; margin-bottom: 0; text-align: center; margin-left: 0;}
  	.locations-links-mobile ul li {display: inline-block; padding: 30px 15px; line-height: 30px;}

  	.locations-mobile {padding: 15px; line-height: 30px;}
  	.locations-mobile a {color: #fff;}

.locations {padding: 30px 15px; line-height: 30px;}

.ql ul {list-style-type: none; text-align: center; font-weight: 900; font-size: 16px; margin-top: 20px; margin-left: 0;}
.ql li {padding: 15px 10px; display: block; margin-bottom: 10px;}
li.ql-title { background-color: #fff; border: 1px solid #ebebeb;}
li.ql-service { background-color: #26546a;}
	li.ql-service:hover { background-color: #0094d9;}
	li.ql-service a {color: #fff;}
li.ql-pay {background-color: #a5cd39;}
	li.ql-pay:hover { background-color: #0094d9;}
	li.ql-pay a {color: #26546a;}


/* FOOTER STYLES */
.footer { background-color: #f5f5f5; padding: 20px; border-top: 4px solid #a5cd39;}
.greenline { padding-left: 20px; border-left: 2px solid #a5cd39;}



.home-section {
  padding: 80px 15px;
}

a.quick2020-blue {
  display: block;
  padding: 25px;
  background-color: #26546a;
  color: #ffffff;
  text-align: center;
}
  a.quick2020-blue:hover {
    background-color: #103344;
    }

a.quick2020-ltblue {
  display: block;
  padding: 25px;
  background-color: #0094d9;
  color: #ffffff;
  text-align: center;
}
  a.quick2020-ltblue:hover {
    background-color: #006493;
    }

a.quick2020-green {
  display: block;
  padding: 25px;
  background-color: #a5cd39;
  color: #ffffff;
  text-align: center;
}
  a.quick2020-green:hover {
    background-color: #6a871b;
    }

a.quick2020-white {
  display: block;
  padding: 25px;
  background-color: #ffffff;
  color: #26546a;
  text-align: center;
  border: 1px solid #e3e3e3;
}
  /*a.quick2020-white:hover {
    background-color: #0094d9;
    }*/

h2.residential-2020 {
  color: #008cd2;
  font-size: 36px;
}
a.residential-2020 {
  padding: 10px;
  background-color: #008cd2;
  color: #ffffff;
  display: inline-block;
}

h2.commercial-2020 {
  color: #85ad4a;
  font-size: 36px;
}
a.commercial-2020 {
  padding: 10px;
  background-color: #85ad4a;
  color: #ffffff;
  display: inline-block;
}

h2.marine-2020 {
  color: #65caf9;
  font-size: 36px;
}
a.marine-2020 {
  padding: 10px;
  background-color: #65caf9;
  color: #ffffff;
  display: inline-block;
}

h2.retail-2020 {
  color: #9cc959;
  font-size: 36px;
}
a.retail-2020 {
  padding: 10px;
  background-color: #9cc959;
  color: #ffffff;
  display: inline-block;
}


.main-content2022 {
	padding: 50px 15px;
	margin-top: 125px;
}
.footer-blog {
	background-color: #f2f2f2;
	padding: 50px 15px;
}
.footer-fuel {
	background-color: #26546A;
	padding: 50px 15px;
}
.price-box {
	text-align: center;
	padding: 25px 10px;
	background-color: #48768d;
	border: 1px solid #ffffff;
	/*margin: 15px;*/
}
.footer-social {
	background-color: #ffffff;
	padding: 50px 15px;
}
.footer-testimonials {
	background-color: #f2f2f2;
	padding: 50px 15px;
	background-image: url('/themes/phillips//images/testimonial_fade.png');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left;
	background-size: contain;
}

@media (min-width: 100px) and (max-width: 768px) {

	.footer-testimonials {	background-image: none !important; }

}


.footer-greenbar {
	background-color: #a3cd39;
	height: 10px;
}
.footer-quickmenu {
	background-color: #26546b;
	padding: 50px 15px;
}
	.footer-quickmenu a {color: #ffffff; text-decoration: none; padding: 0 10px;}
.footer-bottom {
	padding: 50px 15px;
	background-color: #133649;
	color: #fafafa;
}
	.footer-bottom a {color: #ffffff; text-decoration: none;}

.btn-primary {
	background-color: #26546b;
	border-color: #26546A;
}
.btn-primary:hover {
	background-color: #133649;
	border-color: #133649;
}

.offcanvas {background-color: #26546a;}
.offcanvas a {color: #ffffff;}
.offcanvas a:hover {color: #a4cd39;}

/* ######################################## */
/* #### SUB NAVIGATION STYLES ############# */
/* ######################################## */

.nav-selected a {
  color: #a3cd39 !important;
  font-weight: bold;
  background-color: #133649;
}

.nav-selected a:hover {
  background-color: #26546A !important;
}


.sidebar ul {
	/*border-top: 5px solid #cacaca;
	border-bottom: 5px solid #cacaca;*/
	background-color: #f2f2f2;
	}
	.sidebar ul li {
		margin-left: -10px;
		}

/*FIRST LEVEL SIDEBAR NAV */
.sidebar ul li a {
  color: #133649;
  font-weight: bold;
  padding: 20px;
  line-height: 20px;
  border-bottom: 1px solid #ebebeb;
}

.sidebar ul li a:hover {
	background-color: #133649;
	color: #a3cd39;
	}

.sidebar ul li > a::before {
	/*font-family: FontAwesome;
   	content: "\f0da";
   	color: #d04037 !important;
   	padding-right: 10px;*/
   	}

.sidebar ul li {
	line-height: 30px;
	padding-left: 10px;
}

.sidebar ul li.active a {
	color: #a3cd39;
	background: #133649;
	font-weight: bold;
}

.sidebar ul li.active > a:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #c40003;
}


/*SECOND LEVEL SIDEBAR NAV */

.sidebar ul li ul { border: none;}
.sidebar ul li.active ul {background-color: #c40003;}

.sidebar ul li li {
	/*list-style-position: inside;*/
	margin-left: 0px;
	list-style-type: none;
	list-style-color: #fff;
	background-color: #363636;
	}

.sidebar ul li li.nav-selected {
	color: #fff;
	background-color: #000;
	}

.sidebar ul li li a {
	margin-left: -35px;
	display: block;
	padding: 10px;
	/*line-height: 20px;*/
	/*background: transparent;*/
	background: #777;
	color: #ebebeb !important;
	}
	.sidebar ul li li.nav-selected > a {
		background-color: #c40003;
		list-style-color: #fff;
		color: #fff !important;
		}

.sidebar ul li li:hover {
	color: #fff;
	}
	.sidebar ul li li a:hover {
		color: #fff !important;
		background-color: #c40003;
		}

.sidebar ul li li > a::before {
	font-family: FontAwesome;
   	content: "\f0da";
   	color: #fff !important;
   	padding-right: 10px;
   	}



/*THIRD LEVEL SIDEBAR NAV */
.sidebar ul li li li {
	margin-left: -10px;
	list-style-position: inside;
	list-style-type: none;
	}
	.sidebar ul li li li a {
		margin-left: -20px;
		display: block;
		padding: 10px;
		}



.well-greenline {
  padding: 15px 15px 15px 15px !important;
  margin: 0 0 20px !important;
  background: #ffffff !important;
  border-left: 5px solid #a5cd39 !important;
}


a.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}


.google-maps {
		position: relative;
		padding-bottom: 75%; // This is the aspect ratio
		height: 0;
		overflow: hidden;
}
.google-maps iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
}