

body { font-family: azo-sans-web, sans-serif;
    font-weight: 300;
    font-style: normal;
}
a { color: #0079C1;}
.text-primary {color: #0079C2 !important;}
.h1, .h2, .h3, .h4, h1, h2, h3, h4 {font-weight: 300;}
.h5, .h6, h5, h6 {font-weight: 500;}
b, strong {font-weight: bold;}
.gridContent h3, .gridContent h4, .gridContent h5 {padding-top: 20px;}

.alert {background-color: #CD2323; color: #fff; text-align: center; margin-bottom: 0px;}
.alert .btn-close {color: #fff;}
.btn-primary {background-color: #0079C2;}
.btn-success {background-color: #1e831b;}
.btn-outline-primary {color: #0079C2; border-color: #0079C2;}
.btn-outline-primary:hover {background-color: #0079C2;}
.btn-outline-light {font-weight: 500;}

h2.text-warning.pt-4 {color: #b68d11 !important;}

.imgBorder {border: 8px solid #fff; margin-bottom: 25px;}

/** NAVIGATION **/
#mainNav .nav-link {font-size: 18px; font-weight: 300; color: #212020; padding: 30px 10px;}
#mainNav a.btn.btn-success {margin-top: 25px; background-color: #378334;}
li.nav-item {padding: 0px 10px;}
#secondaryNav .nav-link {font-size: 16px; color:#212020;}
#secondaryNav .nav-link:hover, #mainNav .nav-link:hover, #mainNav .nav-link:focus {color: #0079C2;}
.nav-link {color: #0079C2;}

.megamenu-li {position: static;}
.megamenu-sm {position: absolute; width: 100%; padding: 15px;}
.megamenuSpacing {padding-right: 100px; padding-left: 100px;}
.megamenuSpacing .dropdown-item {white-space: break-spaces;}

.mainNav {background-color: #fff; z-index: 99999; height: 85px;}
.navbar-brand {margin-top: -69px;}
a.nav-link.btn.btn-success {background-color: #48A942; color:#fff !important; border: none; padding-right: 15px; padding-left: 15px; border-radius: 0px;}


.dropdown-menu.columns-2 {
	min-width: 550px;
}
.dropdown-menu.columns-3 {
	min-width: 700px;
}
.dropdown-menu li a {
	padding: 5px 15px;
	font-weight: 300;
	text-decoration: None;
}
.multi-column-dropdown {
	list-style: none;
  margin: 0px;
  padding: 0px;
}
.multi-column-dropdown li a {
	display: block;
	clear: both;
	line-height: 1.428571429;
	color: #333;
	white-space: normal;
}
.multi-column-dropdown li a:hover { background-color: #e9ecef;}
@media (max-width: 767px) {
	.dropdown-menu.multi-column {
		min-width: 240px !important;
		overflow-x: hidden;
	}
}

#secondaryNav ul.dropdown-menu.show { z-index: 999999;}

/* Fixed Header for laptop and desktop */
@media (min-width: 1200px) { 
         .sticky {position: fixed;top: 0;width: 100%;box-shadow: 0px 1px 10px #999;}
         .sticky + .content {padding-top: 102px;}
         .sticky img {width: 70%; margin-top: 62px;}
}

/** Laptop **/
@media (max-width: 1399.99px) and (min-width: 1200px){
    #mainNav .nav-link {font-size: 16px;}
}

/** tablet landscape **/
@media (max-width: 1199.99px) and (min-width: 992px){
    #mainNav .nav-link {font-size: 15px;}
    #mainNav .nav-link {padding: 22px 10px;}
    #mainNav a.btn.btn-success {margin-top: 12px;}
    
}
@media (max-width: 991.98px) { 
    .navbar-brand {margin-top: -27px;}
    .navbar-brand img {width: 100%;}
    a.navbar-brand {width: 40%;}
    .sticky img {margin-top: 14px;}
    .sticky img {width: 91%;}
    div#mainNav {background-color: #fff;}
    div#mainNav .flex-row {flex-direction: column !important; border-bottom: 1px solid #ccc; margin-bottom: 0px !important;}
    .mainNav .container.container-fluid {padding-left: 0px; padding-right: 0px;}
    #mainNav a.btn.btn-success {margin-left: 22px; margin-bottom: 25px;}
    #mainNav .nav-link {padding: 15px 10px;}
    #mainNav a.dropdown-item {color: #046D9F;}
    a.dropdown-item:hover {color: #000 !important;}
    #mainNav ul.dropdown-menu.show {border: none;}
    .megamenuSpacing {padding-right: 0px; padding-left: 30px;}
    ul.navbar-nav.flex-row.mb-2 {margin-top: 20px;}
}
@media (max-width: 767.98px){ 
    .navbar-brand {margin-top: -20px;}
    .navbar-brand img {width: 100%;}
    a.navbar-brand {width: 50%;}
    .sticky img {margin-top: 8px;}
    header {height: 115px;}
    
    
}
@media (max-width: 575.98px) { 
    .navbar-brand {margin-top: -15px;}
    .navbar-brand img {width: 100%;}
    a.navbar-brand {width: 70%;}
}

/** SEARCH **/
#search .button { width:26px; height:22px; float:right; padding:7px 7px 0 0; }
#search input {
  margin-top:5px;
  padding-left: 5px;
 border-radius: 15px ;
 background:white url(/media/amjp0qm3/search-icon.jpg) right center no-repeat;
  width: 50px;
 -moz-transition: width 0.5s ease-out;
 -webkit-transition: width 0.5s ease-out;
 transition: width 0.5s ease-out;
 border: none;
 cursor: pointer;
}
#search input:focus {
 width: 200px;
 -moz-transition: width 0.5s ease-out;
 -webkit-transition: width 0.5s ease-out;
 transition: width 0.5s ease-out;
}
.searchResultsBox {
    border: 1px solid #ccc;
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
    padding-left: 15px;
}



.hero {
   background: rgb(0,121,194);
    background: linear-gradient(90deg, rgba(0,121,194,1) 0%, rgba(72,169,67,1) 100%);
    font-family: azo-sans-web, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #fff;
}
.hero h1 {
    font-family: azo-sans-web, sans-serif;
    font-weight: 700;
    font-style: normal;
}
.homebuttons {
    background-color: #F8F9FA;
}
.buttonsbg {
    background-color: #fff;
    position: relative;
    top: -65px;
}
.buttonsbg .row {margin-right: 0px; margin-left: 0px;}
.buttonsbg i {font-size: 60px; padding-bottom: 10px;}
.linkTitle {font-size: 20px; color: #000; text-decoration: none;}
.buttonsbg a {text-decoration: none;}
.buttonsbg a:hover {color: #47A843;}
.emergNumbers {border-top: 1px solid #ccc;}
.emergNumbers {font-weight: 400; color:#CD2323; font-size: 20px;}
.emergNumbers i {font-size: 20px;}
@media (max-width: 991.98px) { 
    .buttonsbg {top: -35px;}  
    .hmbutton {padding-bottom: 35px;}
}

@media (max-width: 767.98px){ 
    .buttonsbg {top: -31px;}
    .hmbutton {padding-bottom: 35px;}
    .emergNumbers .col-md-6, .emergNumbers .col-md-12 {padding-bottom: 20px;}
}
.mainContent {min-height: 400px; padding-top: 30px;}
.sidebar .card {border: 2px solid #ccc;}


.spotlight {background-color: #F8F9FA; padding-bottom: 100px;}
.appliance {
    background: #F6F9FE url(/media/e0nj5idx/appliancebg.jpg) no-repeat;
    height: 496px;
}
.appliance h3{ font-weight: 200; font-size: 48px; color: #017CBE; margin-top: 135px;}
.appliance p{font-size: 18px; font-weight: 200px; padding-top: 20px; padding-bottom: 20px;}
.appliance .btn-success {background-color: #0079C2; font-size: 20px; font-weight: 200; border-radius: 0px; border: none; padding: 10px 40px;}
.appliance .btn-success:hover {background-color: #47A943;}
@media (max-width: 1199.98px) and (min-width: 992px){
    .appliance h3 {margin-top: 92px;}
}
@media (max-width: 991.98px) {
     .whitebg {background-color: rgba(255,255,255,0.8); height: 100%;}
}
@media (max-width: 767.98px) {
    .whitebg {background-color: rgba(255,255,255,0.8); height: 100%;}
    .appliance h3 {margin-top: 104px;}
    .sidebar .card {margin-top: 25px;}
    
    
}


.facts {
    background: url(/media/2lclkd43/pipes_bg.jpg) no-repeat center;
    height: 394px;
}
.facts img {padding-top: 20px;}
.facts {color: #fff;}
.facts .col-md-5 {margin: auto;}
.facts ol {margin-left: 95px;}
.facts li {padding-left: 10px; text-align: left;}
.facts p {font-size: 17px;}
@media (min-width: 1200px) { 
    
   .facts {
   background-size: cover;
}
}

@media (max-width: 767.98px) {
    .facts {  background: rgb(0,121,194); background: linear-gradient(90deg, rgba(0,121,194,1) 0%, rgba(72,169,67,1) 100%); height: 515px;}
.facts img {width: 100%;}
    
}


.pageTitleBG {
    background: rgb(0,121,194);
    background: linear-gradient(90deg, rgba(0,121,194,1) 0%, rgba(72,169,67,1) 100%);
    color: #fff;
    height: 88px;
}
.pageTitleBG h1 {
    font-family: azo-sans-web, sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 42px;
    margin-top: 18px;
}
.gradientTitle {
background: linear-gradient(90deg, rgba(0,121,194,1) 0%, rgba(72,169,67,1) 100%);
color: #fff;
padding-left: 15px;
padding-top: 8px !important;
padding-bottom: 8px;
font-size: 20px;
display: block;
margin-top: 50px;
}

.schedulebtn {
    display: block;
    width: 100%;
    position: relative;
    height: 203px;
    cursor: pointer;
}
.buttonContent {
    position: absolute;
    left: 0;
    top: 0;
    width: 85%;
    height: 81%;
    padding: 23px;
}
.buttonContent a {
    width: 100%;
    height: 100%;
    position: absolute;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    transition: all .3s ease;
    border: 0px solid #fff;
    line-height: 22px;
    padding: 63px 18px;
}
.buttonContent a:hover {
    border: 5px solid #fff;
}

a.guideButtons, a.customButtons {
    width: 100%;
    height: 115px;
    text-align: center;
    border: 3px solid #057CB9;
    display: block;
    text-decoration: none;
    font-size: 20px;
    border-radius: 13px;
    padding-top: 22px;
    line-height: 19px;
}
a.guideButtons:hover, a.customButtons:hover {
    background-color: #057CB9;
    color: #fff;
}
a.customButtons {
    line-height: 62px;
}

.guideButtons span {
    font-size: 34px;
    margin-bottom: 10px;
}
a.anchor {top: -200px; visibility: hidden;display: block; position: relative;}
.card {margin-bottom: 25px;}


/** Laptop **/
@media (max-width: 1399.99px) and (min-width: 1200px){
  .schedulebtn { height: 174px;}
  .buttonContent {height: 79%; padding: 21px;}
  .buttonContent a { font-size: 18px; padding: 44px 10px;}
}

/** tablet landscape **/
@media (max-width: 1199.99px) and (min-width: 768px){
.schedulebtn{ height: auto;}
.buttonContent {padding: 11px;}
.buttonContent a { padding: 35px 5px; font-size: 15px;}
    
}

@media (max-width: 991.98px) {
    .buttonContent a { padding: 12px 0px; font-size: 13px;}

}

@media (max-width: 767.98px){ 
.schedulebtn {margin-bottom: 43px; height: auto;}
.pageTitleBG h1 {font-size: 26px; margin-top: 30px;} 
.card.h-100 {height: auto !important;}
.buttonContent a { padding: 143px 18px;}
    
}

@media (max-width: 575.98px) { 
    .buttonContent a { padding: 66px 18px;}
}

.sidebar .nav-link:hover {background-color: #E9ECEF; color: #333;}
/**a.nav-link.nav-link--active {background-color: #E9ECEF; color: #333;}**/

.gridContent .card-header {
    color: #0079C2;
    text-align: center;
    font-size: 24px;
}
.gridContent .card-body p {padding-top: 20px;}

.secDep {
 background-color: #0079C2;
 color: #fff !important;
}
span.fa-stack.fa-1x { margin-bottom: 15px;}

.footerBorder {
    background: rgb(0,121,194);
    background: linear-gradient(90deg, rgba(0,121,194,1) 0%, rgba(72,169,67,1) 100%);
    color: #fff;
    height: 88px;
    margin-top: 50px;
}

span.field-validation-error { color: #CD2323;}
/** ACCORDION **/
.accordion-button:not(.collapsed), .accordion-button{background-color: #F5F5F5!important; color: #000 !important;}

/** UMBRACO FORMS **/
.umbraco-forms-container label {
    font-weight: bold;
    width: 100%;
    margin-top: 20px;
}
.umbraco-forms-hidden {
    display: none;
}
.umbraco-forms-navigation {margin-top: 20px;}


/** FOOTER **/

.row.footerLogo {margin-top: -50px;}
.footerLogo img {border-radius: 35%; width: 460px;}
footer h3 {font-weight: 300; padding-bottom: 10px;}
footer li {list-style-type: none;}
footer .addressBg {background-color: #0079C1; color: #fff; border-radius: 8px; padding: 20px 0px 20px 0px; width: 85%; margin: 0 auto;}
.addressBg a {color: #fff;}
footer .fa-brands {font-size: 25px; padding: 5px;}
.copyright {background-color: #FAFAFA; padding-top: 30px; padding-bottom: 20px; margin-right: 0px; margin-left: 0px;}
.footerContent {padding-bottom: 40px;}
.footerContent ul {padding-left: 0px;}
footer i {transition: all .2s ease-in-out;}
footer i:hover{transform: scale(1.4); color: #fff;}
footer i {padding: 0px 5px; 0px 5px;}
footer a:hover {color: #000;}
@media (max-width: 767.98px) {
    .footerLogo img {width: 100%; margin-top: 15px;}
    .footer h3 {margin-top: 45px;}
    footer .addressBg {margin-bottom: 40px;}
    .footerContent ul {margin-bottom: 40px;}
    
}
}




/**umb_name:Heading 2*/
h2, .h2 {
}