/* 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: 1200px) {
  .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;
}