/*
 Theme Name:     RYNO Child Theme
 Theme URI:      http://rynoss.com/
 Description:    RYNO Child Theme
 Author:         Ryno SS - Jerad Shepherd
 Author URI:     http://www.rynoss.com
 Template:       theme-3
 Text Domain:    ryno-theme-three-child
 Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
@import url("./css/fonts.css");
/*-------------------------------------------------------------------------------------------------*/
/* homepage horizontal overflow fix */
/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
.grecaptcha-badge {display: none;}

.viewport-overflow-wrapper {
    overflow: hidden;
    width: 100%;
    height: auto;
}
body.home {
    overflow-x: hidden;
}

/* heading & typography styles */
/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
.home h1 {
    margin: 0 0 15px 0;
    padding: 0;
    text-align: inherit;
}
.home body,
.home ol,
.home ul,
.home p,
.home h1,
.home .h1,
.home h2,
.home .h2,
.home h3,
.home .h3,
.home h4,
.home .h4,
.home h5,
.home .h5,
.home h6,
.home .h6 {
    color: #fcfcfc;
}

.footer {
    color: #fcfcfc;
}

/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
body,
ol,
ul,
p {
    font-size: 16px;
    font-weight: normal;
    line-height: calc(28 / 16);
}
html {
    font-size: 18px;
    font-weight: normal;
    line-height: calc(28 / 16);
}
@media (max-width: 991.98px) {
    body,
    ol,
    ul,
    p {
        font-size: 16px;
        font-weight: normal;
        line-height: calc(24 / 16);
    }
    html {
        font-size: 16px;
        font-weight: normal;
        line-height: calc(24 / 16);
    }
}

/*-------------------------------------------------------------------------------------------------*/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    text-transform: none;
    font-weight: bold;
}
h1,
.h1 {
    font-size: 52px;
    line-height: calc(52 / 52);
    margin-bottom: 15px;
}
h2,
.h2 {
    font-size: 48px;
    line-height: calc(48 / 48);
    margin-bottom: 15px;
}
h3,
.h3 {
    font-size: 36px;
    line-height: calc(36 / 36);
    margin-bottom: 15px;
}
h4,
.h4 {
    font-size: 30px;
    line-height: calc(32 / 30);
    margin-bottom: 15px;
}
h5,
.h5 {
    font-size: 24px;
    line-height: calc(32 / 24);
    margin-bottom: 15px;
}
h6,
.h6 {
    font-size: 20px;
    line-height: calc(30 / 20);
    margin-bottom: 15px;
}
@media (max-width: 991.98px) {
    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3,
    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6 {
        text-transform: none;
        font-weight: bold;
    }
    h1,
    .h1 {
        font-size: 36px;
        line-height: calc(36 / 36);
    }
    h2,
    .h2 {
        font-size: 30px;
        line-height: calc(32 / 30);
    }
    h3,
    .h3 {
        font-size: 24px;
        line-height: calc(32 / 24);
    }
    h4,
    .h4 {
        font-size: 24px;
        line-height: calc(32 / 24);
    }
    h5,
    .h5 {
        font-size: 24px;
        line-height: calc(32 / 24);
    }
    h6,
    .h6 {
        font-size: 20px;
        line-height: calc(30 / 20);
    }
}

/*-------------------------------------------------------------------------------------------------*/
/* BUTTONS---------------------------------- */
/*-------------------------------------------------------------------------------------------------*/
.btn {
    align-items: center;
    border: 0 none;
    border-radius: 26px;
    display: inline-flex;
    font-size: 18px;
    font-weight: normal;
    font-family: "Open Sans Condensed Bold";
    justify-content: center;
    line-height: 1;
    margin: 0;
    padding: 12px 20px;
    text-transform: uppercase;
    transition: all 0.3s ease;
    white-space: normal;
}

.btn:hover {
    color: #14436a;
}
.btn-lg,
.btn-group-lg > .btn {
    font-size: 20px;
    padding: 20px 25px;
}



.home .btn,
.header .btn,
.footer .btn,
.postscript-contact .button-wrapper .btn {
    background: transparent;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1490196078);
    min-height: 52px;
    min-width: 359px;
    padding: 5px 30px 5px 60px;
    position: relative;
    z-index: 1;
}
.home .btn:before,
.header .btn:before,
.footer .btn:before,
.postscript-contact .button-wrapper .btn:before {
    background-image: url(/wp-content/uploads/red-icon.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 45px;
    border-radius: 50%;
    content: "";
    height: 52px;
    left: 0;
    top: 0;
    position: absolute;
    transition: all 300ms;
    width: 52px;
}
.home .btn:after,
.header .btn:after,
.footer .btn:after,
.postscript-contact .button-wrapper .btn:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 26px;
    opacity: 1;
    z-index: -1;
}

/* BUTTON PRIMARY------------- */
.home .btn-primary:before,
.header .btn-primary:before,
.footer .btn-primary:before,
.postscript-contact .button-wrapper .btn:before {
    background-image: url(/wp-content/uploads/red-icon.png);
}

.home .btn.btn-primary:after,
.header .btn.btn-primary:after,
.footer .btn.btn-primary:after,
.postscript-contact .button-wrapper .btn.btn-primary:after {
    background: #f20018;
}
@media (min-width: 992px) {
    .home .btn.btn-primary:hover,
    .header .btn.btn-primary:hover,
    .footer .btn.btn-primary:hover,
    .postscript-contact .button-wrapper .btn.btn-primary:hover {
        background: #fff;
		color: #000;
    }
}

/* BUTTON SECONDARY------------ */
.home .btn-secondary:before,
.header .btn-secondary:before,
.footer .btn-secondary:before,
.postscript-contact .button-wrapper .btn:before {
    background-image: url(/wp-content/uploads/blue-icon.png);
}
.home .btn.btn-secondary:after,
.header .btn.btn-secondary:after,
.footer .btn.btn-secondary:after,
.postscript-contact .button-wrapper .btn.btn-secondary:after {
    background: #12a3ff;
}
@media (min-width: 992px) {
    .home .btn.btn-secondary:hover,
    .header .btn.btn-secondary:hover,
    .footer .btn.btn-secondary:hover,
    .postscript-contact .button-wrapper .btn.btn-secondary:hover {
        background: #fff;
		color: #000;
    }
}
.home .btn.btn-alt,
.header .btn.btn-alt,
.footer .btn.btn-alt,
.postscript-contact .button-wrapper .btn.btn-alt {
    color: #e6131b;
}
.home .btn.btn-alt:before,
.header .btn.btn-alt:before,
.footer .btn.btn-alt:before,
.postscript-contact .button-wrapper .btn.btn-alt:before {
    background-color: #000000;
}
.home .btn.btn-alt:after,
.header .btn.btn-alt:after,
.footer .btn.btn-alt:after,
.postscript-contact .button-wrapper .btn.btn-alt:after {
    background: #ffffff;
}
@media (min-width: 992px) {
    .home .btn.btn-alt:hover,
    .header .btn.btn-alt:hover,
    .footer .btn.btn-alt:hover,
    .postscript-contact .button-wrapper .btn.btn-alt:hover {
        background: transparent
            linear-gradient(270deg, #000000 0%, #545454 100%) 0% 0% no-repeat
            padding-box;
        color: #ffffff;
    }
}
@media (min-width: 992px) {
    .home .btn:hover,
    .home .btn:focus,
    .header .btn:hover,
    .header .btn:focus,
    .footer .btn:hover,
    .footer .btn:focus,
    .postscript-contact .button-wrapper .btn:hover,
    .postscript-contact .button-wrapper .btn:focus {
        padding: 5px 40px 5px 30px;
    }
    .home .btn:hover:before,
    .home .btn:focus:before,
    .header .btn:hover:before,
    .header .btn:focus:before,
    .footer .btn:hover:before,
    .footer .btn:focus:before,
    .postscript-contact .button-wrapper .btn:hover:before,
    .postscript-contact .button-wrapper .btn:focus:before {
        background-color: transparent;
        margin-left: calc(100% - 50px);
    }
    .home .btn:hover:after,
    .home .btn:focus:after,
    .header .btn:hover:after,
    .header .btn:focus:after,
    .footer .btn:hover:after,
    .footer .btn:focus:after,
    .postscript-contact .button-wrapper .btn:hover:after,
    .postscript-contact .button-wrapper .btn:focus:after {
        background: transparent;
    }

    .home .btn-primary:hover:before,
    .home .btn-primary:focus:before,
    .header .btn-primary:hover:before,
    .header .btn-primary:focus:before,
    .footer .btn-primary:hover:before,
    .footer .btn-primary:focus:before,
    .postscript-contact .button-wrapper .btn-primary:hover:before,
    .postscript-contact .button-wrapper .btn-primary:focus:before {
        background-color: transparent;
        margin-left: calc(100% - 50px);
        background-image: url(/wp-content/uploads/red-arrow.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 45px;
    }

    .home .btn-secondary:hover:before,
    .home .btn-secondary:focus:before,
    .header .btn-secondary:hover:before,
    .header .btn-secondary:focus:before,
    .footer .btn-secondary:hover:before,
    .footer .btn-secondary:focus:before,
    .postscript-contact .button-wrapper .btn-secondary:hover:before,
    .postscript-contact .button-wrapper .btn-secondary:focus:before {
        background-color: transparent;
        margin-left: calc(100% - 50px);
        background-image: url(/wp-content/uploads//blue-arrow.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 45px;
    }
}

.top-wrapper {
    background: transparent linear-gradient(0deg, #14436a 0%, #0d1725 100%);
}

.bottom-wrapper {
    background-color: #0d1725;
}
.page-id-2514 .btn:hover {
	background-color: #B6BBBF;
}




body:not(.home) .btn-primary{
	background-color: #14436A;
	color: #fff;
}

body:not(.home) .btn-secondary {
	background-color: #12A3FF;
	color: #fff;
}

body:not(.home) .btn-primary:hover {
	background-color: #12A3FF;
	color: #fff;
}

body:not(.home) .btn-secondary:hover {
	background-color: #14436A;
	color: #fff;
}
/*-------------------------------------------------------------------------------------------------*/
/* HEADER --------------------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------*/
.header-one {
    padding-top: 15px;
    padding-bottom: 0px;
    position: relative !important;
    z-index: 0 !important;
}

.header-one .container {
    padding-bottom: 28px;
}

/* Logo */
.header-one .company-logo {
    margin-left: auto;
    margin-right: auto;
}
.header-one .company-logo img {
    max-width: 386px;
    width: 100%;
    max-height: 123px;
    height: 100%;
}

/* Header Text */
.header-one .text-wrapper {
    display: flex;
    align-content: center;
    justify-content: end;
    align-items: center;
    gap: 8px;
}

.header-one .company-phone--telnumber img,
.header-one .serving-text img {
    margin-right: 8px;
}

.header-one .company-phone--telnumber,
.header-one .company-phone--telnumber a {
    font-family: "Open Sans", sans-serif;
    color: #b9b9b9;
    font-weight: bold;
    font-size: 15px;
    line-height: calc(28 / 15);
}

.header-one .company-phone--telnumber .vertical-divider {
    color: #14436a;
    font-size: 19px;
    font-weight: bold;
    margin-left: 5px;
}

.header-one .serving-text {
    font-family: "Open Sans", sans-serif;
    color: #b9b9b9;
    font-weight: bold;
    font-size: 15px;
    line-height: calc(28 / 15);
}

.header-one .header-buttons-wrapper {
    margin-top: 26px;
    display: flex;
    align-content: center;
    justify-content: end;
    align-items: center;
    gap: 56px;
}

.header .header-button-wrapper .btn {
    min-width: 225px !important;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/*-------------------------------------------------------------------------------------------------*/
/* NAVIGATION MENU -------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------*/
@media (min-width: 992px) {
    .main-navigation > li > a {
        padding-top: 12px;
        padding-right: 15px;
        padding-bottom: 12px;
        padding-left: 15px;
        font-size: 15px;
        font-family: "Open Sans", sans-serif;
    }
    .main-navigation > li.has-dropdown::after {
        font-weight: normal;
    }
	
	.main-navigation > li.has-dropdown > ul > li.has-dropdown {
	min-width: 100%!important;
}

}

@media (max-width: 991px) {
	.main-navigation > li > a,
	.main-navigation > li.has-dropdown::after {
        color: #000;
    }	
}

/*-------------------------------------------------------------------------------------------------*/
/* HERO SECTION ---------------------------*/
/*-------------------------------------------------------------------------------------------------*/
.hero {
    background-image: url(/wp-content/uploads/hero-bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
}

.hero-bg {
    position: relative;
    height: 0;
    padding-top: calc(100vw * 670 / 1600);
}

.hero-copytext-block {
    position: absolute;
    top: calc(100vw * 110 / 1600);
    left: calc(100vw * 359 / 1600);
    width: calc(100vw * 850 / 1600);
    text-align: center;
}

.hero-copytext-block .headline {
    font-family: "Optima", sans-serif;
    font-weight: bold;
    color: #fff;
    font-size: calc(44.64px + (72 - 44.64) * ((100vw - 992px) / (1600 - 992)));
    line-height: calc(72 / 72);
    text-shadow: 3px 3px 0px #14436a;
}

.hero .hero-btn {
    margin-top: 68px;
    max-width: 360px;
    width: 100%;
    max-height: 55px;
    height: 100%;
}

.hero::after {
    height: 0;
    padding-top: calc(100% * 511 / 1600);
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 65%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(/wp-content/uploads/wave.svg);
}
/*-------------------------------------------------------------------------------------------------*/
/* HERO SECTION (MOBILE)---------------------------*/
/*-------------------------------------------------------------------------------------------------*/
@media (max-width: 991px) {
    .hero {
        background-image: url(/wp-content/uploads/hero-bg-mobile.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        z-index: 0;
    }

    .hero-bg {
        position: relative;
        height: 0;
        padding-top: calc(100vw * 501 / 576);
    }

    .hero-copytext-block {
        position: absolute;
        top: calc(100vw * 71 / 576);
        left: calc(100vw * 80 / 576);
        width: calc(100vw * 417 / 576);
        text-align: center;
    }

    .hero-copytext-block .headline {
        font-family: "Optima", sans-serif;
        font-weight: bold;
        color: #fff;
        font-size: calc(20px + (36 - 20) * ((100vw - 320px) / (576 - 320)));
        line-height: calc(52 / 36);
        text-shadow: 3px 3px 0px #14436a;
    }

    @media (max-width: 991px) {
        .hero .hero-btn {
            display: none;
        }
    }

    .hero::after {
        height: 0;
        padding-top: calc(100% * 184 / 576);
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 80%;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-image: url(/wp-content/uploads/wave-mobile.svg);
    }
}
/* -------------------------------------------------- */
/* CONTENT SECTIONS ------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/*  HVAC, Plumbing, Drains, and Electrical Service SECTION ---------- */
/* -------------------------------------------------- */
.homepage-section--hvac-plumbing-electrical {
    padding-top: calc(75px + 100% * (200 / 1600));
    position: relative;
    z-index: 0;
}

/* .homepage-section--hvac-plumbing-electrical::before {
height: 0;
padding-top: calc(100% * 511 / 1600);
content: "";
display: block;
position: absolute;
bottom: 100%;
top: -15em;
left: 0;
right: 0;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
background-image: url(/wp-content/uploads/wave.svg);
} */
.homepage-section--hvac-plumbing-electrical::before {
    display: none;
}
/* -------------------------------------------------- */
/*  HVAC, Plumbing, Drains, and Electrical Service SECTION(MOBILE) ---------- */
/* -------------------------------------------------- */
@media (max-width: 991px) {
    .homepage-section--hvac-plumbing-electrical {
        padding-top: calc(42px + 100% * (92 / 576));
        position: relative;
        z-index: 0;
        text-align: left !important;
    }
    .homepage-section--hvac-plumbing-electrical h5 {
        text-transform: none;
        color: #b9b9b9;
    }
}
/* -------------------------------------------------- */
/*  All the Home Services You Need in One Place SECTION ---------- */
/* -------------------------------------------------- */
.homepage-section--all-the-home-services-you-need {
    padding-bottom: 164px;
}

.homepage-section--all-the-home-services-you-need .forty-plus-years {
    max-width: 427px;
    width: 100%;
    max-height: 296px;
    height: 100%;
    margin-left: auto;
}
/* -------------------------------------------------- */
/*  All the Home Services You Need in One Place SECTION (MOBILE)---------- */
/* -------------------------------------------------- */
@media (max-width: 991px) {
    .homepage-section--all-the-home-services-you-need {
        padding-top: 0px;
        padding-bottom: 85px;
    }

    .homepage-section--all-the-home-services-you-need .forty-plus-years {
        max-width: 427px;
        width: 100%;
        max-height: 296px;
        height: 100%;
        margin-left: auto;
    }

    .homepage-section--all-the-home-services-you-need h2 {
        padding-top: 80px;
    }
}
/* -------------------------------------------------- */
/*  HVAC REPAIRS SECTION ---------- */
/* -------------------------------------------------- */
.homepage-section--hvac-repairs {
    padding-top: 24px;
    background: transparent
        linear-gradient(90deg, #0d1725 0%, #1a2d4a 50%, #0d1725 100%);
    position: relative;
    z-index: 0;
    border-bottom: 25px solid #14436a;
}

.homepage-section--hvac-repairs .precision-van {
    max-width: 550px;
    width: 100%;
    max-height: 256px;
    height: 100%;
    margin-right: auto;
    margin-bottom: -1.5em;
}

.homepage-section--hvac-repairs p {
    padding-top: 62px;
    font-family: "Arsenal", sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: calc(32 / 24);
    color: #12a3ff;
}
/* -------------------------------------------------- */
/*  HVAC REPAIRS SECTION (MOBILE)---------- */
/* -------------------------------------------------- */
@media (max-width: 991px) {
    .homepage-section--hvac-repairs {
        padding-top: 24px;
        background: transparent
            linear-gradient(90deg, #0d1725 0%, #1a2d4a 50%, #0d1725 100%);
        position: relative;
        z-index: 0;
        border-bottom: 32px solid #14436a;
    }

    .homepage-section--hvac-repairs .precision-van {
        max-width: 550px;
        width: 100%;
        max-height: 256px;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: -4.5em;
    }

    .homepage-section--hvac-repairs p {
        padding-top: 42px;
        font-family: "Arsenal", sans-serif;
        font-weight: bold;
        font-size: 24px;
        line-height: calc(32 / 24);
        color: #12a3ff;
    }
}
/* -------------------------------------------------- */
/*  Your Local Pros in HVAC Services SECTION ---------- */
/* -------------------------------------------------- */
.homepage-section--your-local-pros-in-hvac {
    padding-top: 97px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(/wp-content/uploads/your-local-pros-in-hvac-bg.jpg);
    /* 		padding-bottom: 200px; */
    position: relative;
    z-index: 0;
    padding-bottom: calc(1em * 15 / 10 + 100vw * 200 / 1600);
}

.homepage-section--your-local-pros-in-hvac::after {
    height: 0;
    padding-top: calc(100% * 511 / 1600);
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    /* 	bottom: 
	top: calc( 100% - 2px ); */
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(/wp-content/uploads/wave.svg);
}

.homepage-section--your-local-pros-in-hvac h2 {
    color: #14436a;
    max-width: 480px;
    width: 100%;
}

.homepage-section--your-local-pros-in-hvac p {
    color: #1a2d4a;
    max-width: 490px;
}

.homepage-section--your-local-pros-in-hvac p span {
    font-family: "Open Sans Condensed Bold", sans-serif;
    font-size: 18px;
    color: #12a3ff;
    text-transform: uppercase;
    max-width: 430px;
    width: 100%;
}
/* -------------------------------------------------- */
/*  Your Local Pros in HVAC Services SECTION (MOBILE)---------- */
/* -------------------------------------------------- */
@media (max-width: 991px) {
    .homepage-section--your-local-pros-in-hvac {
        padding-top: 354px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
        background-image: url(/wp-content/uploads/your-local-pros-in-hvac-bg-mobile.jpg);
        /* 		padding-bottom: 200px; */
        position: relative;
        z-index: 0;
        padding-bottom: calc(1em * 15 / 10 + 100vw * 200 / 576);
    }

    .homepage-section--your-local-pros-in-hvac::after {
        height: 0;
        padding-top: calc(100% * 183 / 576);
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        /* 	bottom: 
	top: calc( 100% - 2px ); */
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-image: url(/wp-content/uploads/wave.svg);
    }

    .homepage-section--your-local-pros-in-hvac h2 {
        color: #14436a;
        max-width: 480px;
        width: 100%;
    }

    .homepage-section--your-local-pros-in-hvac p {
        color: #1a2d4a;
        max-width: 490px;
    }

    .homepage-section--your-local-pros-in-hvac p span {
        font-family: "Open Sans Condensed Bold", sans-serif;
        font-size: 18px;
        color: #12a3ff;
        text-transform: uppercase;
        max-width: 430px;
        width: 100%;
    }
}
/* -------------------------------------------------- */
/*   Expertise in Plumbing You Can Trust SECTION ---------- */
/* -------------------------------------------------- */
.homepage-section--expertise-in-plumbing-you-can-trust {
    padding-top: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(/wp-content/uploads/expertise-in-plumbing-you-can-trust-bg.jpg);
    padding-bottom: 232px;
    border-bottom: 25px solid #14436a;
}

.homepage-section--expertise-in-plumbing-you-can-trust h2 {
    color: #14436a;
    max-width: 480px;
    width: 100%;
}

.homepage-section--expertise-in-plumbing-you-can-trust p {
    color: #1a2d4a;
    max-width: 555px;
}

.homepage-section--expertise-in-plumbing-you-can-trust p span {
    font-family: "Open Sans Condensed Bold", sans-serif;
    font-size: 18px;
    color: #12a3ff;
    text-transform: uppercase;
    max-width: 430px;
    width: 100%;
}
/* -------------------------------------------------- */
/*   Expertise in Plumbing You Can Trust SECTION (MOBILE)---------- */
/* -------------------------------------------------- */
@media (max-width: 991px) {
    .homepage-section--expertise-in-plumbing-you-can-trust {
        padding-top: 0px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-image: url(/wp-content/uploads/expertise-in-plumbing-you-can-trust-bg-mobile.jpg);
        padding-bottom: 375px;
        border-bottom: 20px solid #14436a;
    }

    .homepage-section--expertise-in-plumbing-you-can-trust h2 {
        color: #14436a;
        max-width: 480px;
        width: 100%;
    }

    .homepage-section--expertise-in-plumbing-you-can-trust p {
        color: #1a2d4a;
        max-width: 555px;
    }

    .homepage-section--expertise-in-plumbing-you-can-trust p span {
        font-family: "Open Sans Condensed Bold", sans-serif;
        font-size: 18px;
        color: #12a3ff;
        text-transform: uppercase;
        max-width: 430px;
        width: 100%;
    }
}
/* -------------------------------------------------- */
/*    Electrical Services That Go the Extra Mile SECTION ---------- */
/* -------------------------------------------------- */
/* .homepage-section--electrical-services-extra-mile {

    padding-bottom: 430px;
} */

.homepage-section--electrical-services-extra-mile .electrical-services-wrapper {
    background: transparent
        linear-gradient(90deg, #0d1725 0%, #1a2d4a 50%, #0d1725 100%) 0% 0%
        no-repeat padding-box;
    box-shadow: 0px 6px 0px #1a2d4a;
    border-radius: 15px;
    opacity: 1;
    margin-top: -6em;
    padding-top: 50px;
    padding-left: 130px;
    padding-right: 66px;
}

.homepage-section--electrical-services-extra-mile
    .electrical-services-wrapper
    .services-content-wrapper {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: row;
    gap: 49px;
    margin-top: 20px;
}

.homepage-section--electrical-services-extra-mile
    .electrical-services-wrapper
    .lightning-image {
    max-width: 180px;
    width: 100%;
}

.homepage-section--electrical-services-extra-mile
    .electrical-services-wrapper
    .button-wrapper {
    text-align: center;
}
.homepage-section--electrical-services-extra-mile
    .electrical-services-wrapper
    .btn {
    margin-bottom: -1.5em;
}
/* -------------------------------------------------- */
/*    Electrical Services That Go the Extra Mile SECTION (MOBILE)---------- */
/* -------------------------------------------------- */
/* .homepage-section--electrical-services-extra-mile {

    padding-bottom: 430px;
} */
@media (max-width: 991px) {
    .homepage-section--electrical-services-extra-mile
        .electrical-services-wrapper {
        background: transparent
            linear-gradient(90deg, #0d1725 0%, #1a2d4a 50%, #0d1725 100%) 0% 0%
            no-repeat padding-box;
        box-shadow: 0px 6px 0px #1a2d4a;
        border-radius: 15px;
        opacity: 1;
        margin-top: -6em;
        padding-top: 50px;
        padding-left: 22px;
        padding-right: 23px;
        padding-bottom: 29px;
    }

    .homepage-section--electrical-services-extra-mile
        .electrical-services-wrapper
        .services-content-wrapper {
        display: flex;
        align-content: center;
        justify-content: center;
        flex-direction: row;
        margin-top: 20px;
        position: relative;
        z-index: 0;
    }

    .homepage-section--electrical-services-extra-mile
        .electrical-services-wrapper
        .services-content-wrapper::after {
        content: "";
        background-image: url(/wp-content/uploads/lightning.svg);
        background-size: cover;
        background-position: center center;
        height: 180px;
        width: 180px;
        position: absolute;
        right: -2.5em;
        top: -5.5em;
        z-index: 1;
    }

    .homepage-section--electrical-services-extra-mile
        .electrical-services-wrapper
        .services-text-wrapper {
        width: 100%;
    }

    .homepage-section--electrical-services-extra-mile
        .electrical-services-wrapper
        h2 {
        max-width: 301px;
        width: 100%;
        margin-right: auto;
    }

    .homepage-section--electrical-services-extra-mile
        .electrical-services-wrapper
        p {
        line-height: calc(28 / 16);
    }

    .homepage-section--electrical-services-extra-mile
        .electrical-services-wrapper
        p
        span {
        font-family: "Open Sans Condensed", sans-serif;
        font-size: 18px;
        color: #12a3ff;
    }

    .homepage-section--electrical-services-extra-mile
        .electrical-services-wrapper
        p:nth-of-type(1) {
        max-width: 314px;
        width: 100%;
        margin-right: auto;
    }

    .homepage-section--electrical-services-extra-mile
        .electrical-services-wrapper
        p:nth-of-type(2) {
        max-width: 486px;
        width: 100%;
        margin-right: auto;
    }

    .homepage-section--electrical-services-extra-mile
        .electrical-services-wrapper
        .services-content-wrapper {
        display: flex;
        align-content: center;
        justify-content: center;
        flex-direction: row;
        margin-top: 20px;
    }

    .homepage-section--electrical-services-extra-mile
        .electrical-services-wrapper
        .lightning-image {
        display: none;
    }

    .homepage-section--electrical-services-extra-mile
        .electrical-services-wrapper
        .button-wrapper {
        text-align: center;
    }
    .homepage-section--electrical-services-extra-mile
        .electrical-services-wrapper
        .btn {
        margin-bottom: -4.5em;
    }
}

@media (max-width: 575px) {
	.homepage-section--electrical-services-extra-mile .electrical-services-wrapper .services-content-wrapper::before {
		content: "";
		background-image: url(/wp-content/uploads/lightning.svg);
		background-size: cover;
		background-position: center center;
		height: 130px;
		width: 130px;
		position: absolute;
		top: -14em;
		z-index: 1;
	}
}

/* -------------------------------------------------- */
/*  Helping Families in Need with Precision Hugs SECTION ---------- */
/* -------------------------------------------------- */
.homepage-section--helping-families {
    padding-bottom: 229px;
    position: relative;
    z-index: 0;
}



@media (min-width: 992px) and (max-width: 1199px) {
	.homepage-section--helping-families::after {
		position: absolute;
		left: 0;
		right: 0;
		bottom: -25%;
		display: block;
		content: "";
		width: 100%;
		height: 0;
		padding-top: calc(100% * 511 / 1600);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		background-image: url(/wp-content/uploads/wave.svg);
	}
}

@media (min-width: 1200px) and (max-width: 1349px) {
	.homepage-section--helping-families::after {
		position: absolute;
		left: 0;
		right: 0;
		bottom: -30%;
		display: block;
		content: "";
		width: 100%;
		height: 0;
		padding-top: calc(100% * 511 / 1600);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		background-image: url(/wp-content/uploads/wave.svg);
	}
}

@media (min-width: 1350px) {
	.homepage-section--helping-families::after {
		position: absolute;
		left: 0;
		right: 0;
		bottom: -33%;
		display: block;
		content: "";
		width: 100%;
		height: 0;
		padding-top: calc(100% * 511 / 1600);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		background-image: url(/wp-content/uploads/wave.svg);
	}
}




@media (min-width: 1460px) {
	.homepage-section--helping-families::after {
		bottom: -16vw;
	}
}

.homepage-section--helping-families .video-still {
    max-width: 555px;
    width: 100%;
    max-height: 346px;
    height: 100%;
}

.homepage-section--helping-families .btn {
    margin-top: 20px;
}
/* -------------------------------------------------- */
/*  Helping Families in Need with Precision Hugs SECTION (MOBILE)---------- */
/* -------------------------------------------------- */
@media (max-width: 991px) {
    .homepage-section--helping-families {
        padding-bottom: 129px;
        position: relative;
        z-index: 0;
    }

    .homepage-section--helping-families::after {
        position: absolute;
        bottom: -15vw;
        left: 0;
        right: 0;
        display: block;
        content: "";
        width: 100%;
        height: 0;
        padding-top: calc(100% * 183 / 576);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-image: url(/wp-content/uploads/wave-mobile.svg),
            linear-gradient(
                180deg,
                rgba(13, 23, 37, 1) 49%,
                rgba(255, 255, 255, 0) 50%
            );
    }

    .homepage-section--helping-families .video-still {
        max-width: 555px;
        width: 100%;
        max-height: 346px;
        height: 100%;
    }

    .homepage-section--helping-families h2 {
        margin-top: 70px;
    }

    .homepage-section--helping-families .btn {
        margin-top: 20px;
    }
}
/* -------------------------------------------------- */
/*  Call Our Team Today to Schedule a Visit SECTION ---------- */
/* -------------------------------------------------- */
.homepage-section--call-our-team-today {
    padding-top: calc(132px + 100% * (96 / 1600));
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(/wp-content/uploads/call-our-team-bg.jpg);
    padding-bottom: 205px;
}

.homepage-section--call-our-team-today h2 {
    color: #14436a;
    max-width: 480px;
    width: 100%;
}

.homepage-section--call-our-team-today p {
    color: #1a2d4a;
    max-width: 555px;
}

.homepage-section--call-our-team-today p span {
    font-family: "Open Sans Condensed Bold", sans-serif;
    font-size: 18px;
    color: #12a3ff;
    text-transform: uppercase;
    max-width: 430px;
    width: 100%;
}
/* -------------------------------------------------- */
/*  Call Our Team Today to Schedule a Visit SECTION (MOBILE)---------- */
/* -------------------------------------------------- */
@media (max-width: 991px) {
    .homepage-section--call-our-team-today {
        padding-top: calc(32px + 100% * (96 / 576));
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-image: url(/wp-content/uploads/call-our-team-bg-mobile.jpg);
        padding-bottom: 329px;
    }

    .homepage-section--call-our-team-today h2 {
        color: #14436a;
        max-width: 480px;
        width: 100%;
    }

    .homepage-section--call-our-team-today p {
        color: #1a2d4a;
        max-width: 555px;
    }

    .homepage-section--call-our-team-today p span {
        font-family: "Open Sans Condensed Bold", sans-serif;
        font-size: 18px;
        color: #12a3ff;
        text-transform: uppercase;
        max-width: 430px;
        width: 100%;
    }
}
/* -------------------------------------------------- */
/*  FOOTER ---------- */
/* -------------------------------------------------- */
.footer {
    background-color: #0d1725;
}

/* -------------------------------------------------- */
/*  COPYRIGHT ---------- */
/* -------------------------------------------------- */
.copyright {
    background-color: #14436a;
    padding-top: 12px;
    padding-bottom: 13px;
    color: #fff;
}

.copyright a {
    color: #fff;
}

/* -------------------------------------------------- */
/*  CONTACT FORM ------------------------------- */
/* -------------------------------------------------- */
.postscript-contact {
    background-color: #0d1725;
    border-top: 25px solid #14436a;
	margin-top: 10em;
}

.home .postscript-contact {
	margin-top: 0;
}
.postscript-contact .form-wrapper {
    padding-left: 105px;
    padding-right: 105px;
    max-width: 1143px;
    width: 100%;
    min-height: 390px;
    height: 100%;
    border-radius: 15px;
    margin-top: -10em;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(/wp-content/uploads/contact-form-bg.png);
}

.postscript-contact .h2 {
    padding-top: 45px;
    margin-left: auto;
    margin-right: auto;
    font-size: 36px;
    margin-bottom: 20px;
}
.postscript-contact .h2 span {
    font-size: 48px;
}

.postscript-contact .button-wrapper {
    margin-top: 42px;
}

.postscript-contact .button-wrapper .btn {
    margin-bottom: -1em;
    background-color: lightblue;
}

.wpcf7 form .wpcf7-response-output {
	margin-bottom: -4em;
}
/* -------------------------------------------------- */
/*  CONTACT FORM ------------------------------- */
/* -------------------------------------------------- */
@media (max-width: 991px) {
    .postscript-contact {
        background-color: #0d1725;
        border-top: 25px solid #14436a;
    }
    .postscript-contact .form-wrapper {
        margin-left: auto;
        margin-right: auto;
        padding-left: 38px;
        padding-right: 35px;
        /*     max-width: 530px; */
        max-width: 95vw;
        width: 100%;
        min-height: 575px;
        height: 100%;
        border-radius: 15px;
        margin-top: -10em;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
        background-image: url(/wp-content/uploads/contact-form-bg-mobile.png);
    }

    .postscript-contact .h2 {
        padding-top: 50px;
        margin-left: auto;
        margin-right: auto;
        font-size: 36px;
        margin-bottom: 20px;
        line-height: calc(48 / 48);
    }
    .postscript-contact .h2 span {
        font-size: 48px;
    }

    .postscript-contact .button-wrapper {
        margin-top: 42px;
    }

    .postscript-contact .button-wrapper .btn {
        margin-bottom: -1em;
        background-color: lightblue;
    }
}

/*-------------------------------------------------------------------------------------------------*/
/* custom contact section form field color scheme & sizing */
/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
.postscript-contact
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered,
.postscript-contact
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow,
.postscript-contact
    .select2-container--default
    .select2-selection--single::placeholder,
.postscript-contact .select2-container--default .select2-selection--single,
.postscript-contact
    input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel.cf-text::placeholder,
.postscript-contact
    input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email.cf-text,
.postscript-contact
    input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel.cf-text,
.postscript-contact input.wpcf7-form-control.wpcf7-text.cf-text::placeholder,
.postscript-contact input.wpcf7-form-control.wpcf7-text.cf-text {
    height: 46px;
    line-height: 38px !important;
    font-weight: 500 !important;
    background-color: transparent !important;
    color: #1a2d4a !important;
}
.postscript-contact input.wpcf7-form-control.wpcf7-text.cf-text,
.postscript-contact
    input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel.cf-text,
.postscript-contact
    input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email.cf-text,
.postscript-contact .select2-container--default .select2-selection--single {
    border: 3px solid #fff;
    border-radius: 23px;
    color: #1a2d4a !important;
    background-color: #fcfcfc !important;
}
/*-------------------------------------------------------------------------------------------------*/
.postscript-contact
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    border-radius: 0 5px 5px 0 !important;
    top: 0 !important;
    right: 6px !important;
    color: #12a3ff !important;
    background-color: transparent !important;
}
.postscript-contact
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-color: #12a3ff transparent transparent transparent !important;
}
.select2-results__option {
    color: #1a2d4a;
}
/*-------------------------------------------------------------------------------------------------*/
/* FOOTER-------------------- */
/*-------------------------------------------------------------------------------------------------*/
.footer {
    padding-top: 98px;
}
.footer .social-column * {
    text-align: left;
}

/* Logo Column-------- */
.footer .footer-company-logo img {
    margin-top: 29px;
    width: 376px;
    max-width: 100%;
    min-height: 120px;
    margin-left: auto;
    height: 100%;
    padding-right: 33px;
}

/* Company Address-------- */
.footer .company-address {
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: calc(28 / 16);
    text-align: left;
}
.footer .company-phone--telnumber img {
    margin-right: 8px;
}

.footer .company-phone--telnumber,
.footer .company-phone--telnumber a {
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 15px;
    line-height: calc(28 / 15);
    color: #b9b9b9;
}

.footer .emergency-service-text {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    font-weight: bold;
    color: #e50019;
}

/* Social Column ----------------*/
/* * Footer Social Icons --- */
.footer .social-column {
    border-left: 2px solid #fcfdfe;
    padding-left: 18px;
}

.footer .social-icon-wrapper {
    margin-top: 17px;
}

.footer .social-icons {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: start;
    gap: 16px;
}

.footer .social-icons__icon {
    border-radius: 24px;
    background: transparent linear-gradient(180deg, #12a3ff 0%, #14436a 100%) 0%
        0% no-repeat padding-box;
    box-shadow: 1px 3px 8px #00000027;
    transition: all 0.3s ease;
}

.footer .social-icons__icon a {
    color: #fdfdfd;
    height: 42px;
    width: 42px;
    display: block;
    font-size: 26px;
    text-align: center;
    line-height: 1.75em;
}

.footer .social-icons__icon:hover,
.footer .social-icons__icon:focus {
    background: linear-gradient(180deg, #b6bbbf 0%, #b6bbbf 100%);
}

/* Lennox/TRANE Logos------- */
.footer .group-logos-column-wrapper {
    margin-top: 16px;
    display: flex;
    align-content: center;
    justify-content: center;
    gap: 20px;
    flex-direction: column;
}

.footer .lennox-image,
.footer .trane-image {
    margin-right: auto;
}
/*-------------------------------------------------------------------------------------------------*/
/* FOOTER (MOBILE)-------------------- */
/*-------------------------------------------------------------------------------------------------*/
@media (max-width: 991px) {
    .footer {
        padding-top: 78px;
    }
    .footer .social-column * {
        text-align: center;
    }

    /* Logo Column-------- */
    .footer .footer-company-logo img {
        margin-left: auto;
        margin-right: auto;
    }

    /* Company Address-------- */
    .footer .company-address {
        margin-top: 20px;
        text-align: center;
        display: flex;
        align-content: center;
        justify-content: center;
        gap: 5px;
    }

    .footer .phone-and-emergency-wrapper {
        display: flex;
        align-content: center;
        justify-content: center;
        gap: 20px;
        margin-top: 21px;
    }

    .footer .company-phone--telnumber,
    .footer .company-phone--telnumber a {
        font-family: "Open Sans", sans-serif;
        font-weight: bold;
        font-size: 15px;
        line-height: calc(28 / 15);
        color: #b9b9b9;
    }

    .footer .emergency-service-text {
        font-family: "Roboto", sans-serif;
        font-size: 17px;
        font-weight: bold;
        color: #e50019;
    }

    /* Social Column ----------------*/
    /* * Footer Social Icons --- */
    .footer .social-column {
        border-left: none;
        padding-left: 18px;
    }

    .footer .social-icon-wrapper {
        margin-top: 39px;
    }

    .footer .social-icons {
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: center;
        gap: 16px;
    }

    /* Lennox/TRANE Logos------- */
    .footer .group-logos-column-wrapper {
        margin-top: 44px;
        display: flex;
        align-content: center;
        justify-content: center;
        gap: 47px;
        flex-direction: row;
    }

    .footer .lennox-image,
    .footer .trane-image {
        margin-right: auto;
        margin-left: auto;
    }
}
/*-------------------------------------------------------------------------------------------------*/
/* CTA SLIDER ----------------------------------- */
/*-------------------------------------------------------------------------------------------------*/
.homepage-features--cta-wrapper {
    padding-bottom: 177px;
}

@media (min-width: 1199px) {
	.homepage-features--cta-wrapper {
		max-width: 1143px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}

.cta__slider .slick-list {
    max-width: 100vw;
    width: 100%;
}

.cta__slider .slick-track {
    padding-top: 20px;
    display: flex !important;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px 92px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 992px) {
    .cta__slider .slick-track::after {
        content: "";
        margin-left: -14vw;
    }
}

/* ---------------------------------------- */
/* CTA ICON------------ */
.cta__slider .cta-icon {
    width: 100px;
    height: 100px;
    border: 4px solid #fff;
    background-color: #f20018;
    border-radius: 100px;
    z-index: 1;
    transition: 0.3s ease all;
    position: relative;
    margin-left: 4.5em;
    margin-bottom: -6em;
}

.cta__slider .cta-icon img {
    max-width: 63px;
    width: 100%;
    max-height: 64px;
    height: 100%;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}

.cta__slider .cta-link:hover .cta-icon {
    transform: scale(110%);
}

/* CTA LABEL WRAPPER------------------- */
.cta__slider .label-wrapper {
    margin-top: 56px;
    width: 240px;
    height: 130px;
    border-radius: 8px;
    border: 2px solid #12a3ff;
    background-color: #fcfcfc;
    position: relative;
    z-index: 0;
    transition: 0.3s ease all;
    text-align: center;
}

.cta__slider .label-wrapper::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 0%;
    bottom: 0;
    left: 0;
    background: #12a3ff;
    opacity: 1;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.cta__slider .cta-link:hover .label-wrapper::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: #12a3ff;
    opacity: 1;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

/* TOP LABEL------------- */
.cta__slider .top-label {
    margin-top: 40px;
    font-family: "Arsenal", sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #14436a;
}

/* BOTTOM LABEL-------------- */
.cta__slider .bottom-label {
    margin-top: -0.5em;
    font-family: "Open Sans Condensed Bold", sans-serif;
    font-size: 18px;
    color: #b9b9b9;
    text-transform: uppercase;
}

.cta__slider .cta-link:hover .bottom-label {
    color: #fcfcfc;
}

/*-------------------------------------------------------------------------------------------------*/
/* AWARD SLIDER ----------------------------------- */
/*-------------------------------------------------------------------------------------------------*/
.homepage-features--award-wrapper {
    padding-top: 100px;
    width: 100%;
    padding-bottom: 150px;
}

.homepage-features--award-wrapper .slick-track {
    display: flex;
    gap: 40px;
}

.homepage-features--award-wrapper .award-icon img {
    max-width: 250px;
    width: 100%;
}

@media (min-width: 992px) {
    .homepage-features--award-wrapper .award-container {
        display: flex;
        align-self: center;
    }

    .homepage-features--award-wrapper .slick-track {
        display: flex;
        align-content: center;
        justify-content: space-between;
        flex-direction: row;
        gap: 40px;
        max-width: 100vw;
    }
	
	.slick-track::before, .slick-track::after {
content: "";
display: none;
}
}

@media (max-width: 991px) {
    /* SLIDER DOTS --------*/
    .slick-slider .slick-dots {
        top: calc(100% + 2em);
    }

    .slick-dots {
        position: absolute;
        bottom: -25px;
        list-style: none;
        display: block;
        text-align: center;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .slick-slider:not(.hero__slider) .slick-dots li.slick-active {
        background-color: #fff;
        opacity: 1 !important;
    }

    .slick-slider:not(.hero__slider) .slick-dots li {
        background-color: transparent;
        border: 0.15em solid #fff;
        border-radius: 50%;
        float: none;
        height: 2.4em;
        margin: 0 0.4em;
        opacity: 1;
        width: 2.4em;
    }

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

    .slick-dots li button {
        border: 0;
        background: transparent;
        display: block;
        height: 20px;
        width: 20px;
        outline: none;
        line-height: 0px;
        font-size: 0px;
        color: transparent;
        padding: 5px;
        cursor: pointer;
    }

    .slick-slider:not(.hero__slider) .slick-dots li.slick-active button:before,
    .slick-slider:not(.hero__slider) .slick-dots li button:before {
        color: transparent;
    }

    .slick-dots li.slick-active button:before {
        color: #000;
        opacity: 0.75;
    }

    .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: #000;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}



@media (max-width: 575px) {
    .homepage-section--electrical-services-extra-mile
        .electrical-services-wrapper
        .services-content-wrapper::after {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .footer .footer-company-logo img {
        min-width: 276px;
    }
}

@media (max-width: 575px) {
	.home .viewport-overflow-wrapper .btn,
	.postscript-contact .button-wrapper .btn{
		min-width: 200px;
	}
}


/* BLOG */
 .blog-pagination{
	 padding-bottom: 10em;
}

.blog-contents a:nth-of-type(2) {
	display: none;
}

.blog-contents .view-article {
	display: block;
	max-width: 225px;
	margin-left: auto;
	margin-right: auto;
	margin-top: .5em;
}

/* CONVERSION PAGES */
.conversion-coupon__text {
	display: none!important;
}

/* CONTACT PAGES */
.page-template-page-ryno-contact .postscript-contact {
	display: none;
}

.page-template-page-ryno-contact .footer {
	padding-top: 71px;
	border-top: 20px solid #14436A;
}

/* HUGS FORM */
.page-id-2510 .main-contact-form .select2-container--default .select2-selection--single .select2-selection__rendered,
.page-id-2510 .main-contact-form .select2-container--default .select2-selection--single .select2-selection__arrow,
.page-id-2510 .main-contact-form .select2-container--default .select2-selection--single::placeholder,
.page-id-2510 .main-contact-form .select2-container--default .select2-selection--single,
.page-id-2510 .main-contact-form input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel.cf-text::placeholder,
.page-id-2510 .main-contact-form input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email.cf-text,
.page-id-2510 .main-contact-form input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel.cf-text,
.page-id-2510 .main-contact-form input.wpcf7-form-control.wpcf7-text.cf-text::placeholder,
.page-id-2510 .main-contact-form input.wpcf7-form-control.wpcf7-text.cf-text {
	border-radius: .25rem;
	display: block;
}
/*-------------------------------------------------------------------------------------------------*/
.page-id-2510 .main-contact-form .select2-container--default .select2-selection--single .select2-selection__arrow {
	border-radius: 0 5px 5px 0 !important;
	top: 6px !important;
	right: 6px !important;
}

.page-id-2510 .main-contact-form .cf-zip {
	margin-top: 1em!important;
}

.page-id-2510 .main-contact-form .select2-selection.select2-selection--single {

	background-color: #eaeaea !important;
	height: 46px!important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset;
}

.page-id-2510 .main-contact-form #select2-channel-bp-container,
.page-id-2510 .main-contact-form #select2-request-type-37-container{
	color: #8c8c8c!important;
}
.page-id-2510 .main-contact-form .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #444;
	color:#8c8c8c!important;
	line-height: 40px;
}

.wpcf7 p {
    margin: 0 !important;
}

input.wpcf7-form-control.wpcf7-text.cf-text::placeholder,
input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel.cf-text::placeholder,
.wpcf7-textarea::placeholder,
.select2-container--default .select2-selection--single::placeholder,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.wpcf7-form select, 
.wpcf7-form select option:first-of-type {
    height: auto;
    line-height: unset;
}