/**
 * Theme Name: Bright Side Homes
 * Version: 1.0.0
 * Theme URI: -
 * Author: -
 * Author URI: -
 * Description: The Bright Side Homes theme
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: custom
 * Text Domain: brightsidehomes.io
 */
/*
 1. Fonts
 2. Variables
 3. General Resets
 4. Bootstrap Resets
 3. Header
 4. Footer
 5. Home Page
*/
@font-face {
    font-family: 'Mortend-Light';
    src:url('assets/fonts/Mortend-Light.woff2') format('woff2'),
        url('assets/fonts/Mortend-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Mortend-Regular';
    src:url('assets/fonts/Mortend-Regular.woff2') format('woff2'),
        url('assets/fonts/Mortend-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Mortend-ExtraBold';
    src:url('assets/fonts/Mortend-ExtraBold.woff2') format('woff2'),
        url('assets/fonts/Mortend-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Mortend-ExtraBoldOutline';
    src:url('assets/fonts/Mortend-ExtraBoldOutline.woff2') format('woff2'),
        url('assets/fonts/Mortend-ExtraBoldOutline.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Mortend-Bold';
    src:url('assets/fonts/Mortend-Bold.woff2') format('woff2'),
        url('assets/fonts/Mortend-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Brigends-Expanded';
    src:url('assets/fonts/BrigendsExpanded.woff2') format('woff2'),
        url('assets/fonts/BrigendsExpanded.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Academy-Regular';
    src:url('assets/fonts/Academy-Regular.woff2') format('woff2'),
        url('assets/fonts/Academy-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Monument-Ultrabold';
    src:url('assets/fonts/MonumentExtended-Ultrabold.woff2') format('woff2'),
        url('assets/fonts/MonumentExtended-Ultrabold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Monument-Regular';
    src:url('assets/fonts/MonumentExtended-Regular.woff2') format('woff2'),
        url('assets/fonts/MonumentExtended-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'CartographCF-Bold';
    src:url('assets/fonts/CartographCF-Bold.woff2') format('woff2'),
        url('assets/fonts/CartographCF-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'CartographCF-Regular';
    src:url('assets/fonts/CartographCF-Regular.woff2') format('woff2'),
        url('assets/fonts/CartographCF-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins-Black';
    src: url('assets/fonts/Poppins-Black.woff2') format('woff2'),
        url('assets/fonts/Poppins-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins-Bold';
    src: url('assets/fonts/Poppins-Bold.woff2') format('woff2'),
        url('assets/fonts/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins-BlackItalic';
    src: url('assets/fonts/Poppins-BlackItalic.woff2') format('woff2'),
        url('assets/fonts/Poppins-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins-Medium';
    src: url('assets/fonts/Poppins-Medium.woff2') format('woff2'),
        url('assets/fonts/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins-Italic';
    src: url('assets/fonts/Poppins-Italic.woff2') format('woff2'),
        url('assets/fonts/Poppins-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('assets/fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('assets/fonts/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins-ExtraBold';
    src: url('assets/fonts/Poppins-ExtraBold.woff2') format('woff2'),
        url('assets/fonts/Poppins-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins-ExtraLightItalic';
    src: url('assets/fonts/Poppins-ExtraLightItalic.woff2') format('woff2'),
        url('assets/fonts/Poppins-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins-SemiBoldItalic';
    src: url('assets/fonts/Poppins-SemiBoldItalic.woff2') format('woff2'),
        url('assets/fonts/Poppins-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins-Regular';
    src: url('assets/fonts/Poppins-Regular.woff2') format('woff2'),
        url('assets/fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins-Light';
    src: url('assets/fonts/Poppins-Light.woff2') format('woff2'),
        url('assets/fonts/Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins-MediumItalic';
    src: url('assets/fonts/Poppins-MediumItalic.woff2') format('woff2'),
        url('assets/fonts/Poppins-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins-ExtraLight';
    src: url('assets/fonts/Poppins-ExtraLight.woff2') format('woff2'),
        url('assets/fonts/Poppins-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins-BoldItalic';
    src: url('assets/fonts/Poppins-BoldItalic.woff2') format('woff2'),
        url('assets/fonts/Poppins-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins-ThinItalic';
    src: url('assets/fonts/Poppins-ThinItalic.woff2') format('woff2'),
        url('assets/fonts/Poppins-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins-LightItalic';
    src: url('assets/fonts/Poppins-LightItalic.woff2') format('woff2'),
        url('assets/fonts/Poppins-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins-Thin';
    src: url('assets/fonts/Poppins-Thin.woff2') format('woff2'),
        url('assets/fonts/Poppins-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins-ExtraBoldItalic';
    src: url('assets/fonts/Poppins-ExtraBoldItalic.woff2') format('woff2'),
        url('assets/fonts/Poppins-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

.element {
  opacity: 0;
  transform: translate(0, 50px);
  -webkit-transform: translate(0, 50px);
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s; }
.element.visible {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0); 
}
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-top: 156px;
}
.logged-in header {
    top: 32px;
}
header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    z-index: 999;
    padding-top: 10px !important;
    background-color: #40497f;
}
header .hamburger {
    display: none;
}
header .navbar-brand img {
    max-width: 110px;
    height: auto;
    padding-right: 30px;
}
header .navbar-brand {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 50px;
    line-height: 50px;
    color: #fff;
    color: btn-styled;
    margin-left: 60px;
}
header .navbar-brand span {
    display: block;
    font-size: 16px;
    line-height: 16px;
    padding-left: 130px;
    margin-top: 10px;
}
header .btn-styled {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 17px;
    line-height: 17px;
    padding: 5px;
    background-color: #fff;
    border-radius: 25px;
    color: #352c47;
}
header .btn-styled span {
    display: inline-block;
    border: 4px #352c47 solid;
    border-radius: 25px;
    color: #352c47;
    padding: 15px 20px;
}
header .navbar-collapse {
    width: 100%;
    flex-basis: 100%;
}
header .break {
    flex-basis: 100%;
    height: 0;
}
header .navbar {
    padding: 0;
	margin-top: 10px;
}
header .navbar .navbar-collapse .nav-menu {
    width: 100%;
}
header .navbar .navbar-collapse .nav-menu .menu-item {
    width: 16.6%;
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    position: relative;
}
header .navbar .navbar-collapse .nav-menu .menu-item i {
    display: none;
}
header .navbar .navbar-collapse .nav-menu .menu-item .nav-link {
    color: #fff;
    padding: 15px;
    border: 2px #fff solid;
    display: block;
    background-color: #6961a6;
}
header .navbar .navbar-collapse .nav-menu .menu-item .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
    padding: 0;
    border: 2px #fff solid;
    list-style: none;
    background-color: #352c47;
    margin-top: 0;
    padding: 0;
    display: none;
}
header .navbar .navbar-collapse .nav-menu .menu-item:hover .sub-menu,
header .navbar .navbar-collapse .nav-menu .menu-item:focus .sub-menu,
header .navbar .navbar-collapse .nav-menu .menu-item:active .sub-menu {
    display: block;
}
header .navbar .navbar-collapse .nav-menu .menu-item .sub-menu .menu-item {
    border: none;
    width: auto;
    text-align: left;
    padding: 0;
}
header .navbar .navbar-collapse .nav-menu .menu-item .sub-menu .menu-item .nav-link {
    text-decoration: underline;
    border: none;
    background-color: transparent;
}
.spacer {
    padding: 0 100px;
}
.spacer-abs {
    padding: 0 130px;
}
.masthead {
    min-height: 1200px;
    background: url("assets/content/video-cover-bg.jpg") no-repeat center;
    background-size: cover;
    position: relative;
}
.masthead .mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 100;
}
.masthead .container-fluid {
    position: absolute;
    left: 50%;
    bottom: 100px;
    z-index: 120;
    width: 100%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0); 
}
.masthead .container-fluid h3 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 40px;
    line-height: 52px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 10px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
}
.masthead .container-fluid h3 span {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    color: #000;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
 }
.masthead p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 20px;
    line-height: 27px;
    color: #fff;
    margin: 0;
}
.masthead video {
	min-height: 100%;
  	min-width: 100%;
  	position: absolute;
  	left: 50%;
  	top: 50%;
  	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	object-fit: cover;
}
.roofing {
    min-height: 800px;
    background-color: #bec0de;
	position: relative;
}
.roofing .mask {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.4);
	z-index: 100;
}
.roofing .container-fluid {
	position: relative;
	z-index: 110;
}
.roofing .top {
/*     background: url("assets/content/top-bg.png") no-repeat left -260px; */
    background-size: cover;
	background-color: transparent;
    padding: 70px 0;
}
.roofing .top h2 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 70px;
    line-height: 91px;
    text-transform: uppercase;
    color: #000;
    margin: 0;   
}
.roofing h3 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 33px;
    line-height: 42px;
    color: #fff;
    margin: 0 0 15px;
    text-shadow: -1px 0 #352c47, 0 1px #352c47, 1px 0 #352c47, 0 -1px #352c47;
}
.roofing h4 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 35px;
    line-height: 45px;
    color: #fff;
    margin: 0 0 15px;
}
.roofing p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 20px;
    line-height: 27px;
    color: #fff;
    margin: 0 0 15px;
    font-weight: 700;
}
.roofing .bottom-img {
    width: 100%;
    height: auto;
}
.roofing .btn-styled {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 17px;
    line-height: 17px;
    padding: 5px;
    background-color: #fff;
    border-radius: 25px;
    color: #352c47;
	margin: 5px 0;
}
.roofing .img-wrapper {
    position: relative;
}
.roofing .img-wrapper .container-fluid {
    position: absolute;
    z-index: 110;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); 
}
.roofing .btn-styled {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 17px;
    line-height: 17px;
    padding: 5px;
    background-color: #000;
    border-radius: 25px;
    color: #fff;
}
.roofing .btn-styled span {
    display: inline-block;
    border: 4px #fff solid;
    border-radius: 25px;
    color: #fff;
    padding: 15px 20px;
}
.roofing-services {
    padding: 100px 0;
    background-color: #bec0de;
}
.roofing-services .row {
	justify-content: center;	
}
.roofing-services h3 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 35px;
    line-height: 45px;
    text-shadow: -1px 0 #352c47, 0 1px #352c47, 1px 0 #352c47, 0 -1px #352c47;
    color: #fff;
    margin: 0 0 15px;
}
.roofing-services p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 23px;
    line-height: 30px;
    color: #000;
    margin: 0 0 40px;
    font-weight: 700;
}
.roofing-services p span {
    display: block;
}
.roofing-services .col-md-2 {
    width: 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    text-align: center;
    max-width: 20%;
}
.roofing-services .inner-box img {
    max-height: 115px;
}
.roofing-services .inner-box p {
    margin: 0 0 25px;
}
.roofing-services .inner-box {
    border: 1px #352c47 solid;
    padding: 25px 15px;
    border-radius: 35px;
    max-width: 205px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    margin-bottom: 40px;
    text-align: center;
}
.roofing-services .btn-styled {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 17px;
    line-height: 17px;
    padding: 5px;
    background-color: #000;
    border-radius: 25px;
    color: #fff;
}
.roofing-services .btn-styled span {
    display: inline-block;
    border: 4px #fff solid;
    border-radius: 25px;
    color: #fff;
    padding: 15px 20px;
}
.info-area {
    background-color: rgb(35, 34, 58);
    padding: 25px 0;
    position: relative;
    z-index: 900;
}
.info-area p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    position: relative;
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    padding-left: 300px;
    margin: 0;
}
.info-area .circle {
    font-family: "Poppins-Regular", Arial, sans-serif;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    text-align: center;
    font-size: 50px;
    line-height: 200px;
    font-weight: 700;
    color: #23223a;
    background-color: #fff;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 300;
}
.blow-in {
    background: url("assets/content/blow-in.jpg") no-repeat center center;
    background-size: cover;
    padding: 100px 0;
    position: relative;
}
.blow-in .mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.4);
    z-index: 100;
}
.blow-in .container-fluid {
    position: relative;
    z-index: 200;
}
.blow-in h3 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 35px;
    line-height: 45px;
    text-shadow: -1px 0 #352c47, 0 1px #352c47, 1px 0 #352c47, 0 -1px #352c47;
    color: #fff;
    margin: 0 0 25px;
}
.blow-in h6 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 25px;
    line-height: 33px;
    text-shadow: -1px 0 #352c47, 0 1px #352c47, 1px 0 #352c47, 0 -1px #352c47;
    color: #fff;
    margin: 0 0 25px;
}
.blow-in p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 23px;
    line-height: 30px;
    color: #fff;
    margin: 0 0 40px;
    font-weight: 700;
}
.blow-in .inner-box {
    margin-bottom: 30px;
    text-align: center;
}
.blow-in .inner-box img {
    max-width: 80px;
    height: auto;
}
.blow-in .inner-box p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    position: relative;
    font-size: 16px;
    line-height: 23px;
    color: #fff;
}
.air-sealing {
    background: url("assets/content/air-sealing.jpg") no-repeat center center;
    background-size: cover;
    padding: 100px 0;
    position: relative;
}
.air-sealing .mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.4);
    z-index: 100;
}
.air-sealing .container-fluid {
    position: relative;
    z-index: 200;
}
.air-sealing h3 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 35px;
    line-height: 45px;
    text-shadow: -1px 0 #352c47, 0 1px #352c47, 1px 0 #352c47, 0 -1px #352c47;
    color: #fff;
    margin: 0 0 25px;
}
.air-sealing h4 {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 32px;
    line-height: 45px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 25px;
}
.air-sealing h5 {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 29px;
    line-height: 45px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 40px;
}
.air-sealing h5 span {
    color: #ffde59;
}
.air-sealing p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 18px;
    line-height: 25px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 100px;
}
.air-sealing .inner-box {
    margin: 0 0 30px;
    text-align: center;
}
.air-sealing .inner-box img {
    max-width: 80px;
    height: auto;
}
.air-sealing .inner-box p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 16px;
    line-height: 25px;
    text-transform: capitalize;
    color: #fff;
    margin: 0;
}
.areas {
    background: url("assets/content/areas.jpg") no-repeat center center;
    background-size: cover;
    padding: 100px 0;
    position: relative;
}
.areas .row {
    justify-content: center;
}
.areas .mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.4);
    z-index: 100;
}
.areas .container-fluid {
    position: relative;
    z-index: 200;
}
.areas h3 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 35px;
    line-height: 45px;
    text-align: center;
    text-shadow: -1px 0 #352c47, 0 1px #352c47, 1px 0 #352c47, 0 -1px #352c47;
    color: #fff;
    margin: 0 0 25px;
}
.areas ul {
    text-align: center;
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 20px;
    line-height: 27px;
    text-transform: capitalize;
    color: #fff;
    margin: 50px 0;
}
.areas ul li {
    margin-bottom: 10px;
}
.areas .inner-box {
    margin: 70px 0;
    text-align: center;
}
.areas .inner-box img {
    max-height: 140px;
    width: auto;
}
.areas p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 20px;
    line-height: 27px;
    color: #fff;
}
.v-align {
    margin-top: auto;
    margin-bottom: auto;
}
.air-conditioning {
    background: url("assets/content/air-conditioning.jpg") no-repeat left top;
    background-size: cover;
    padding: 100px 0;
    position: relative;
}
.air-conditioning .mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.4);
    z-index: 100;
}
.air-conditioning .container-fluid {
    position: relative;
    z-index: 200;
}
.air-conditioning h3 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 35px;
    line-height: 45px;
    text-align: left;
    text-shadow: -1px 0 #352c47, 0 1px #352c47, 1px 0 #352c47, 0 -1px #352c47;
    color: #fff;
    margin: 0 0 500px;
}
.air-conditioning h3 .btn-styled {
    float: right;
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 17px;
    line-height: 17px;
    padding: 5px;
    background-color: #fff;
    border-radius: 25px;
    color: #352c47;
}
.air-conditioning h3 .btn-styled span {
    display: inline-block;
    border: 4px #352c47 solid;
    border-radius: 25px;
    color: #352c47;
    padding: 15px 20px;
}
.air-conditioning h4 {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 32px;
    line-height: 45px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 25px;
}
.air-conditioning h5 {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 29px;
    line-height: 45px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 40px;
}
.air-conditioning p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 18px;
    line-height: 25px;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
}
.air-conditioning-services {
    padding: 100px 0;
    background-color: #484a85;
    position: relative;
}
.air-conditioning-services .mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.4);
    z-index: 100;
}
.air-conditioning-services .container-fluid {
    position: relative;
    z-index: 200;
}
.air-conditioning-services h3 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 35px;
    line-height: 45px;
    text-shadow: -1px 0 #352c47, 0 1px #352c47, 1px 0 #352c47, 0 -1px #352c47;
    color: #fff;
    margin: 0 0 15px;
}
.air-conditioning-services .row {
    justify-content: center;
}
.air-conditioning-services p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 23px;
    line-height: 30px;
    color: #fff;
    margin: 0 0 70px;
    font-weight: 700;
}
.air-conditioning-services .inner-box img {
    max-height: 115px;
}
.air-conditioning-services .inner-box p {
    color: #000;
    margin: 0 0 25px;
}
.air-conditioning-services .items {
    margin: 0 0 70px;
}
.air-conditioning-services .inner-box {
    border: 1px #352c47 solid;
    padding: 25px 15px;
    border-radius: 35px;
    max-width: 205px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    text-align: center;
    margin-bottom: 30px;
}
.air-conditioning-services .btn-styled {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 17px;
    line-height: 17px;
    padding: 5px;
    background-color: #fff;
    border-radius: 25px;
    color: #000;
}
.air-conditioning-services .btn-styled span {
    display: inline-block;
    border: 4px #000 solid;
    border-radius: 25px;
    color: #000;
    padding: 15px 20px;
}
.heating {
    background: url("assets/content/heating.jpg") no-repeat left top;
    background-size: cover;
    padding: 100px 0;
    position: relative;
}
.heating .mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.4);
    z-index: 100;
}
.heating .container-fluid {
    position: relative;
    z-index: 200;
}
.heating h3 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 35px;
    line-height: 45px;
    text-align: left;
    text-shadow: -1px 0 #352c47, 0 1px #352c47, 1px 0 #352c47, 0 -1px #352c47;
    color: #fff;
    margin: 0 0 500px;
}
.heating h3 .btn-styled {
    float: right;
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 17px;
    line-height: 17px;
    padding: 5px;
    background-color: #fff;
    border-radius: 25px;
    color: #352c47;
}
.heating h3 .btn-styled span {
    display: inline-block;
    border: 4px #352c47 solid;
    border-radius: 25px;
    color: #352c47;
    padding: 15px 20px;
}
.heating h4 {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 32px;
    line-height: 45px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 25px;
}
.heating h5 {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 29px;
    line-height: 45px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 40px;
}
.heating p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 18px;
    line-height: 25px;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
}
.heating-services {
    padding: 100px 0;
    background-color: #484a85;
    position: relative;
}
.heating-services .mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.4);
    z-index: 100;
}
.heating-services .container-fluid {
    position: relative;
    z-index: 200;
}
.heating-services h3 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 35px;
    line-height: 45px;
    text-shadow: -1px 0 #352c47, 0 1px #352c47, 1px 0 #352c47, 0 -1px #352c47;
    color: #fff;
    margin: 0 0 15px;
}
.heating-services .row {
    justify-content: center;
}
.heating-services p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 23px;
    line-height: 30px;
    color: #fff;
    margin: 0 0 70px;
    font-weight: 700;
}
.heating-services .inner-box img {
    max-height: 115px;
}
.heating-services .inner-box p {
    color: #000;
    margin: 0 0 25px;
}
.heating-services .items {
    margin: 0 0 70px;
}
.heating-services .inner-box {
    border: 1px #352c47 solid;
    padding: 25px 15px;
    border-radius: 35px;
    max-width: 205px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    text-align: center;
    margin-bottom: 30px;
}
.heating-services .btn-styled {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 17px;
    line-height: 17px;
    padding: 5px;
    background-color: #fff;
    border-radius: 25px;
    color: #000;
}
.heating-services .btn-styled span {
    display: inline-block;
    border: 4px #000 solid;
    border-radius: 25px;
    color: #000;
    padding: 15px 20px;
}
.solar-attic-fans {
    padding: 100px 0;
    background: url("assets/content/solar-attic-fans.png") no-repeat left top;
    background-size: cover;
    position: relative;
}
.solar-attic-fans .mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.4);
    z-index: 100;
}
.solar-attic-fans .container-fluid {
    position: relative;
    z-index: 200;
}
.solar-attic-fans h3 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 35px;
    line-height: 45px;
    text-shadow: -1px 0 #352c47, 0 1px #352c47, 1px 0 #352c47, 0 -1px #352c47;
    color: #fff;
    margin: 0 0 15px;
}
.solar-attic-fans p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    margin: 0 0 30px;
    font-weight: 400;
}
.solar-attic-fans .items {
    margin: 100px 0;
}
.solar-attic-fans .row {
    justify-content: center;
}
.solar-attic-fans .inner-box {
    text-align: center;
    margin: 0 0 30px;
}
.solar-attic-fans .inner-box img {
    max-width: 80px;
    height: auto;
    margin: 0 0 15px;
}
.solar-attic-fans .inner-box p {
    font-size: 16px;
    line-height: 23px;
}

.attic-tent {
    padding: 100px 0;
    background: url("assets/content/attic-tent.png") no-repeat left top;
    background-size: cover;
    position: relative;
}
.attic-tent .mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.4);
    z-index: 100;
}
.attic-tent .container-fluid {
    position: relative;
    z-index: 200;
}
.attic-tent h3 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 35px;
    line-height: 45px;
    text-shadow: -1px 0 #352c47, 0 1px #352c47, 1px 0 #352c47, 0 -1px #352c47;
    color: #fff;
    margin: 0 0 15px;
}
.attic-tent p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    margin: 0 0 70px;
    font-weight: 400;
}
.attic-tent img {
    max-width: 130px;
    height: auto;
    margin-bottom: 25px;
}
.attic-tent .box-wrapper {
    padding: 30px;
    background-color: #000;
}
.attic-tent .box-wrapper h4 {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 20px;
    line-height: 27px;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
}
.attic-tent .inner-box {
    text-align: center;
    margin: 0 0 50px;
}
.attic-tent .inner-box p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 16px;
    line-height: 23px;
    margin: 0;
}
.attic-tent .box-wrapper h4 span {
    color: #ffde59;
}

.windows {
    padding: 100px 0;
    background: url("assets/content/window-view.jpg") no-repeat left top;
    background-size: cover;
    position: relative;
}
.windows .mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 100;
}
.windows .container-fluid {
    position: relative;
    z-index: 200;
}
.windows h3 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 35px;
    line-height: 45px;
    text-shadow: -1px 0 #352c47, 0 1px #352c47, 1px 0 #352c47, 0 -1px #352c47;
    color: #fff;
    margin: 0 0 15px;
}
.windows p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 20px;
    line-height: 27px;
    color: #fff;
    margin: 0 0 55px;
    font-weight: 400;
}
.windows .centered-items {
    max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
}
.windows .centered-items ul {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
    color: #fff;
    list-style: none;
    padding: 0;
    margin: 80px 0;
}
.windows .centered-items ul li {
    margin: 0 0 30px;
}
.windows .centered-items img {
    max-height: 90px;
    width: auto;
    margin-right: 20px;
}
.windows .btn-styled {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 17px;
    line-height: 17px;
    padding: 5px;
    background-color: #fff;
    border-radius: 25px;
    color: #352c47;
}
.windows .btn-styled span {
    display: inline-block;
    border: 4px #352c47 solid;
    border-radius: 25px;
    color: #352c47;
    padding: 15px 20px;
}
.double-hung-windows {
    padding: 100px 0;
/*     background: url("assets/content/double-hung-windows.png") no-repeat left top; */
    background-size: cover;
	background-color: #718399;
    position: relative;
}
.double-hung-windows .mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.4);
    z-index: 100;
}
.double-hung-windows .container-fluid {
    position: relative;
    z-index: 200;
}
.double-hung-windows h3 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 35px;
    line-height: 45px;
    text-shadow: -1px 0 #352c47, 0 1px #352c47, 1px 0 #352c47, 0 -1px #352c47;
    color: #fff;
    margin: 0 0 15px;
}
.double-hung-windows p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    margin: 0 0 70px;
    font-weight: 400;
}
.double-hung-windows img {
    max-width: 130px;
    height: auto;
    margin-bottom: 25px;
}
.double-hung-windows .box-wrapper {
    padding: 30px;
    background-color: #000;
}
.double-hung-windows .box-wrapper h4 {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 25px;
    line-height: 34px;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
}
.double-hung-windows .box-wrapper h4 span {
    color: #ffde59;
}
.double-hung-windows .inner-box {
    text-align: center;
    margin: 0 0 50px;
}
.double-hung-windows .inner-box p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 16px;
    line-height: 23px;
    margin: 0;
}

.a19-led-lights {
    padding: 150px 0;
    background: url("assets/content/a19-led-lights.webp") no-repeat left top;
    background-size: cover;
    position: relative;
}
.a19-led-lights .mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.4);
    z-index: 100;
}
.a19-led-lights .container-fluid {
    position: relative;
    z-index: 200;
}
.a19-led-lights h3 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 35px;
    line-height: 45px;
    text-shadow: -1px 0 #352c47, 0 1px #352c47, 1px 0 #352c47, 0 -1px #352c47;
    color: #fff;
    margin: 0 0 15px;
}
.a19-led-lights p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    margin: 0 0 70px;
    font-weight: 400;
}
.a19-led-lights .items {
    text-align: center;
    margin: 200px 0;
}
.a19-led-lights .items img {
    max-width: 80px;
    height: auto;
    margin-bottom: 10px;
}
.a19-led-lights .items p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 16px;
    line-height: 23px;
    margin: 0;
}
.a19-led-lights .items .row {
    justify-content: center;
}
.a19-led-lights .box-wrapper {
    padding: 30px;
    background-color: #000;
}
.a19-led-lights .box-wrapper h4 {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 25px;
    line-height: 34px;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
}
.a19-led-lights .box-wrapper h4 span {
    color: #ffde59;
}

.water-heater-wrap {
    padding: 150px 0;
    background: url("assets/content/water-heater-wrap.jpg") no-repeat left top;
    background-size: cover;
    position: relative;
}
.water-heater-wrap .mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.4);
    z-index: 100;
}
.water-heater-wrap .container-fluid {
    position: relative;
    z-index: 200;
}
.water-heater-wrap h3 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 35px;
    line-height: 45px;
    text-shadow: -1px 0 #352c47, 0 1px #352c47, 1px 0 #352c47, 0 -1px #352c47;
    color: #fff;
    margin: 0 0 15px;
}
.water-heater-wrap p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    margin: 0 0 70px;
    font-weight: 400;
}
.water-heater-wrap .items {
    margin-bottom: 70px;
}
.water-heater-wrap .items .inner-box {
    text-align: center;
}
.water-heater-wrap .items .inner-box img {
    max-width: 100px;
    height: auto;
    margin: 0 0 10px;
} 
.water-heater-wrap .items .inner-box p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 16px;
    line-height: 23px;
    color: #fff;
    margin: 0;
    font-weight: 400;
}
.water-heater-wrap .items .box-wrapper {
    padding: 30px;
    background-color: #000;
}
.water-heater-wrap .items .box-wrapper h4 {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 25px;
    line-height: 34px;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
}
.water-heater-wrap .items .box-wrapper h4 span {
    color: #ffde59;
}
.energy-pro {
    background: url("assets/content/energy-pro.png") no-repeat left top;
    background-size: cover;
    padding: 150px 0;
    position: relative;
}
.energy-pro .mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.4);
    z-index: 100;
}
.energy-pro .container-fluid {
    position: relative;
    z-index: 200;
}
.energy-pro h3 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 45px;
    line-height: 58px;
    text-transform: uppercase;
    text-align: left;
    text-shadow: -1px 0 #352c47, 0 1px #352c47, 1px 0 #352c47, 0 -1px #352c47;
    color: #fff;
    margin: 0 0 20px;
}
.energy-pro h6 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 35px;
    line-height: 45px;
    text-align: left;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 500px;
}
.energy-pro h4 {
    font-family: 'Mortend-Bold', Arial, sans-serif;
    font-size: 40px;
    line-height: 52px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 25px;
}
.energy-pro h5 {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 29px;
    line-height: 45px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 40px;
}
.energy-pro p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 20px;
    line-height: 27px;
    color: #fff;
    margin: 0;
}

.work-smarter {
    background: url("assets/content/work-smart.jpg") no-repeat left top;
    background-size: cover;
    padding: 150px 0;
    position: relative;
}
.work-smarter .mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.4);
    z-index: 100;
}
.work-smarter .container-fluid {
    position: relative;
    z-index: 200;
}
.work-smarter h3 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 45px;
    line-height: 58px;
    text-transform: uppercase;
    text-align: left;
    text-shadow: -1px 0 #352c47, 0 1px #352c47, 1px 0 #352c47, 0 -1px #352c47;
    color: #fff;
    margin: 0 0 20px;
}
.work-smarter h6 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 35px;
    line-height: 45px;
    text-align: left;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 50px;
}
.work-smarter p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 23px;
    line-height: 30px;
    color: #fff;
    margin: 0 0 30px;
}
.work-smarter .inner-box {
    text-align: center;
    margin: 0 0 50px;
}
.work-smarter .inner-box p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 16px;
    line-height: 23px;
    color: #fff;
    margin: 0;
}
.work-smarter .inner-box img {
    max-height: 90px;
    width: auto;
    margin: 0 0 10px;
}

.energy-saving-tips {
    background: url("assets/content/energy-saving-tips.jpg") no-repeat left top;
    background-size: cover;
    padding: 150px 0;
    position: relative;
}
.energy-saving-tips .mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.4);
    z-index: 100;
}
.energy-saving-tips .container-fluid {
    position: relative;
    z-index: 200;
}
.energy-saving-tips h3 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 45px;
    line-height: 58px;
    text-transform: uppercase;
    text-align: left;
    text-shadow: -1px 0 #352c47, 0 1px #352c47, 1px 0 #352c47, 0 -1px #352c47;
    color: #fff;
    margin: 0 0 20px;
}
.energy-saving-tips p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 23px;
    line-height: 30px;
    color: #fff;
    margin: 0 0 30px;
}

.energy-saving-tips .columns {
    margin: 70px 0;
}
.energy-saving-tips .columns p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    margin: 0 0 10px;
}
.energy-saving-tips h5 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 100px;
    line-height: 130px;
    text-transform: uppercase;
    text-align: left;
    text-shadow: -1px 0 #352c47, 0 1px #352c47, 1px 0 #352c47, 0 -1px #352c47;
    color: #fff;
    margin: 0 0 20px;
    background: url("assets/content/logo-inner.png") no-repeat 80% center;
    background-size: 270px auto;
}
.energy-saving-tips h5 span {
    display: block;
}

.solar-pro {
    background: url("assets/content/solar-pro.png") no-repeat left top;
    background-size: cover;
    padding: 150px 0;
    position: relative;
}
.solar-pro .mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.4);
    z-index: 100;
}
.solar-pro .container-fluid {
    position: relative;
    z-index: 200;
}
.solar-pro h2 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 70px;
    line-height: 91px;
    text-transform: uppercase;
    text-align: left;
    text-shadow: -1px 0 #352c47, 0 1px #352c47, 1px 0 #352c47, 0 -1px #352c47;
    color: #fff;
    margin: 0 0 20px;
}
.solar-pro .box-wrapper {
    border: 4px #352c47 solid;
    padding: 25px;
    background-color: #fff;
}
.solar-pro .box-wrapper h3 {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 30px;
    line-height: 39px;
    text-transform: uppercase;
    color: #352c47;
    margin: 0 0 10px;
}
.solar-pro .box-wrapper p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 20px;
    line-height: 27px;
    color: #352c47;
    margin: 0;
}
.solar-pro h4 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 40px;
    line-height: 52px;
    text-transform: uppercase;
    text-align: left;
    color: #fff;
    margin: 0 0 20px;
}
.solar-pro  p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 16px;
    line-height: 23px;
    color: #fff;
    margin: 0 0 30px;
}
.solar-pro .cols {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}
.solar-pro .cols .inner-box {
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    background-color: #000;
    color: #fff;
    padding: 20px;
    min-height: 555px;
    position: relative;
    padding-bottom: 40px;
}
.solar-pro .cols .inner-box h5 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 25px;
    line-height: 32px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 30px;
}
.solar-pro .cols .inner-box p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 14px;
    line-height: 21px;
    color: #fff;
    margin: 0 0 15px;
}
.solar-pro .cols .inner-box ul {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 14px;
    line-height: 21px;
    color: #fff;
    margin: 0 0 15px;
    list-style: none;
    padding: 0;
}
.solar-pro .cols .inner-box ul li {
    margin: 0 0 10px;
}
.solar-pro .cols .inner-box .btn-styled {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    position: absolute;
    left: 50%;
    bottom: 15px;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    background-color: #fff;
    border-radius: 10px;
    color: #000;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0); 
}
.solar-pro .more-info p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 20px;
    line-height: 27px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin: 0 0 15px;
}
.more-info .btn-styled {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    padding: 15px 25px;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    background-color: #fff;
    border-radius: 20px;
    color: #000;
}
.about-bs .top {
    background-color: #271847;
    padding: 50px;
}
.about-bs .top img {
    width: 100%;
    max-width: 1200px;
    height: auto;
    margin: 0 0 40px;
}
.about-bs .top h3 {
    font-family: 'Poppins-ExtraBold', Arial, sans-serif;
    font-size: 70px;
    line-height: 91px;
    text-transform: uppercase;
    text-shadow: -1px 0 #352c47, 0 1px #352c47, 1px 0 #352c47, 0 -1px #352c47;
    color: #fff;
    margin: 0;
}
.about-bs .cols {
    padding: 50px 0;
    background-color: #271847;    
}
.about-bs .cols .inner-box {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #fff;    
}
.about-bs .cols .col-lg-6:first-child .inner-box {
    margin-bottom: 30px;
}
.about-bs .cols .inner-box h3 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 40px;
    line-height: 52px;
    text-transform: uppercase;
    text-align: left;
    color: #000;
    margin: 0 0 20px;
}
.about-bs .cols .inner-box h2 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 45px;
    line-height: 55px;
    text-transform: uppercase;
    text-align: left;
    color: #000;
    margin: 0 0 18px;
}
.about-bs .cols .inner-box p {
    font-family: 'Poppins-Regular', Arial, sans-serif;
    font-size: 18px;
    line-height: 25px;
    text-transform: uppercase;
    text-align: left;
    color: #000;
    margin: 0 0 20px;
}
.about-bs .cols .inner-box h6 {
    font-family: 'Poppins-Bold', Arial, sans-serif;
    font-size: 35px;
    line-height: 45px;
    text-transform: uppercase;
    text-align: left;
    color: #fff;
    text-shadow: -2px 0 #352c47, 0 2px #352c47, 2px 0 #352c47, 0 -2px #352c47;
    margin: 0 0 20px;
}
.about-bs .cols .inner-box h6::first-letter {
    color: #352c47;
    font-size: 37px;
    text-shadow: none; 
    padding: 0 2px;
}
.masthead,
.roofing,
.roofing-services,
.blow-in,
.air-sealing,
.areas,
.air-conditioning,
.air-conditioning-services,
.heating,
.heating-services,
.solar-attic-fans,
.attic-tent,
.windows,
.double-hung-windows,
.a19-led-lights,
.water-heater-wrap,
.energy-pro,
.work-smarter,
.energy-saving-tips,
.solar-pro,
.about-bs {
    overflow: hidden;
}
footer {
    padding: 15px 0;
    text-align: center;
    background-color: #271847; 
}
footer p {
    font-family: 'Poppins-Regular', Arial, sans-serif;align-content
    font-size: 16px;
    line-height: 23px;
    color: #fff;
}
footer p a {
    text-decoration: underline;
}
@media (max-width: 2200px) {
	.masthead video {
		min-height: 0;
		min-width: 0;
		height: 100%;
		width: auto;
	}
}
@media (max-width: 1450px) {
	body {
  		padding-top: 144px; 
	}
    header .navbar-brand {
        font-size: 40px;
        line-height: 40px;
    }
    header .navbar-brand span {
        font-size: 15px;
        line-height: 15px;
    }
	header .navbar .navbar-collapse .nav-menu .menu-item {
		width: 16%;
	}
    .spacer {
        padding: 0 20px;
    }
    .energy-saving-tips h5 {
        font-family: 'Mortend-Bold', Arial, sans-serif;
        font-size: 50px;
        line-height: 65px;
        background-size: 270px auto;
        padding-right: 280px;
    }
    .roofing-services p {
        font-size: 19px;
        line-height: 27px;
    }
    .roofing-services .inner-box img {
        max-height: 88px;
    }
    .air-conditioning-services p {
        font-size: 15px;
        line-height: 23px;
    }
    .inner-box img {
        max-height: 65px;
    }
    .heating-services .inner-box p {
        font-size: 15px;
        line-height: 23px;
    }
    .heating-services p {
        font-size: 15px;
        line-height: 23px;
    }
    .heating-services .inner-box img {
        max-height: 65px;
    }
    .double-hung-windows img {
        max-width: 130px;
    }   
    .energy-saving-tips h5 {
        background-position: right center;
    }
	
}
@media (max-width: 1200px) {
	body {
    	padding-top: 95px;
  	}
    header .hamburger {
        display: block;
        position: absolute;
        left: 10px;
        top: 20px;
    }
	header .navbar .navbar-collapse .nav-menu .menu-item .sub-menu {
		position: relative;
	}
	header .navbar .navbar-collapse .nav-menu .menu-item .sub-menu .menu-item {
		text-align: center;
	}
    .hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
        background-color: #fff;
    }
    header .navbar .navbar-collapse .nav-menu .menu-item {
        width: 100%;
    }
    header .navbar .navbar-collapse .nav-menu .menu-item {
        position: relative;
    }
    header .navbar .navbar-collapse .nav-menu .menu-item i {
        display: inline-block;
        color: #fff;
        position: absolute;
        top: 10px;
        right: 10px;
        padding: 5px;
        z-index: 200;
        cursor: hand;
        cursor: pointer;
    }
    header .navbar .navbar-collapse .nav-menu .menu-item:hover .sub-menu,
    header .navbar .navbar-collapse .nav-menu .menu-item:focus .sub-menu,
    header .navbar .navbar-collapse .nav-menu .menu-item:active .sub-menu {
        display: none;
    }
}
@media (max-width: 992px) {
	 body {
    	padding-top: 162px;
  	}
	header .navbar-brand {
		font-size: 25px;
    	line-height: 25px;
	}
	header .navbar-brand img {
  		max-width: 110px;
  		height: auto;
  		padding-right: 30px;
  		display: block;
  		margin-left: auto;
  		margin-right: auto;
  		margin-bottom: 5px;
	}
	header .navbar-brand span {
		padding-left: 0;
	}
    header .navbar-brand {
        margin-left: 0;
        font-size: 30px;
        line-height: 30px;
        margin: 0 0 10px;
    }
    header {
        padding-top: 10px !important;
        text-align: center;
    }
     header .hamburger {
        right: 10px;
        left: auto;
        top: 20px;
    }
    header .text-left,
    header .text-right {
        text-align: center !important;
    }    
    .spacer {
        padding: 0;
    }
    header .btn-styled {
        font-size: 14px;
        line-height: 14px;
        padding: 3px;
    }
    header .btn-styled span {
        padding: 10px 15px;
    }
    .masthead {
        min-height: 600px;
    }
    .roofing {
        min-height: 0;
    }
    .roofing .top {
        padding: 30px 0;
    }
    .roofing .top h2 {
        font-size: 50px;
        line-height: 60px;
    }
    .roofing-services {
        padding: 30px 0;
    }
    .info-area p {
        font-size: 16px;
        line-height: 23px;
    }
    .blow-in {
        padding: 30px 0;
    }
    .air-sealing {
        padding: 30px 0;
    }
    .air-sealing h4 {
        font-size: 25px;
        line-height: 33px;
    }
    .air-sealing h5 {
        font-size: 25px;
        line-height: 33px;        
    }
    .air-sealing p {
        margin: 0 0 50px;
    }
    .areas {
        padding: 30px 0;
    }
    .areas ul {
        margin: 20px 0;
    }
    .areas .inner-box {
        margin: 20px 0;
    }
    .air-conditioning h3 {
        font-size: 25px;
        line-height: 33px;
    }
    .air-conditioning {
        padding: 30px 0;
    }
    .air-conditioning h3 .btn-styled {
        float: none;
    }
    .air-conditioning h3 {
        argin: 0 0 200px;
    }
    .air-conditioning-services {
        padding: 30px 0;
    }
    .heating {
        padding: 30px 0;
    }
    .heating h3 {
        margin: 0 0 200px;
    }
    .heating-services {
        padding: 30px 0;
    }
    .heating-services p {
        margin: 0 0 30px;
    }
    .heating-services .items {
        margin: 0 0 30px;
    }
    .solar-attic-fans {
        padding: 30px 0;
    }
    .solar-attic-fans .items {
        margin: 40px 0;
    }
    .attic-tent {
        padding: 30px 0;
    }
    .windows {
        padding: 30px 0;
    }
    .windows p {
        margin: 0 0 30px;
    }
    .windows .centered-items img {
        max-width: 50px;
    }
    .windows .centered-items ul {
        margin: 40px 0;
    }
    .double-hung-windows {
        padding: 30px 0;
    }
    .a19-led-lights {
        padding: 30px 0;
    }
    .a19-led-lights .nner-box {
        margin-bottom: 15px;
    }
    .a19-led-lights .items {
        margin: 100px 0;
    }
    .water-heater-wrap {
        padding: 50px 0;
    }
    .water-heater-wrap .items .box-wrapper {
        margin-top: 15px;
    }
    .energy-pro {
        padding: 50px 0;
    }
    .energy-pro h6 {
        margin: 0 0 200px;
    }
    .work-smarter {
        padding: 50px 0;
    }
    .work-smarter h3 {
        font-size: 30px;
        line-height: 39px;
    }
    .energy-saving-tips {
        padding: 30px 0;
    }
    .energy-saving-tips h3 {
        font-size: 30px;
        line-height: 39px;        
    }
    .energy-saving-tips p {
        font-size: 20px;
        line-height: 27px;
    }
    .energy-saving-tips .columns p {
        font-size: 20px;
        line-height: 27px;
    }
    .energy-saving-tips h5 {
        font-size: 30px;
        line-height: 39px;
    }
    .solar-pro {
        padding: 30px 0;
    }
    .solar-pro h2 {
        font-size: 50px;
        line-height: 65px;
    }
    .solar-pro .box-wrapper {
        margin: 0 0 10px;
    }
    .about-bs .top h3 {

    }
    .spacer-abs {
        padding: 0 30px;
    }
    .about-bs {
        overflow: hidden;
    }
    .about-bs .cols .inner-box h3 {
        font-size: 30px;
        line-height: 39px;
    }
    .air-conditioning h3 {
        margin: 0 0 200px;
    }
    .a19-led-lights .inner-box {
        margin-bottom: 15px;
    }
    .about-bs .top {
        padding: 30px;
    }
    .about-bs .top h3 {
        font-size: 50px;
        line-height: 60px;
    }
    .about-bs .cols .inner-box {
        margin-bottom: 15px !important;
    }
    .about-bs .cols .inner-box {
        padding: 30px;
    }
    .info-area p {
        padding-top: 150px;
        padding-left: 0;
    }
    .info-area .circle {
        top: 0;
        width: 120px;
        height: 120px;
        left: 50%;
        line-height: 120px;
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}
@media (max-width: 767px) {
	 body {
    	padding-top: 152px;
  	}
    header .navbar-brand {
        font-size: 15px;
        line-height: 20px;
    }
     header .navbar-brand soan {
        font-size: 12px;
        line-height: 18px;
    }
    header .navbar-brand span {
        font-size: 11px;
        line-height: 13px;
    }
    header .navbar-brand img {
        display: block;
        max-width: 100px;
        margin: 0 auto 5px;
    }
    header .navbar-brand span {
        padding: 0;
    }
    header .hamburger {
        right: 0px;
        left: auto;
        top: 5px;
    }
    .masthead {
        min-height: 500px;
    }
    .masthead .container-fluid h3 {
        font-size: 30px;
        line-height: 39px;
    }
    .masthead p {
        font-size: 18px;
        line-height: 25px
        overflow: hidden;
    }
    .roofing .top {
        padding: 15px 0;
    }
    .roofing .top h2 {
        font-size: 40px;
        line-height: 52px;
    }
    .roofing h4 {
        font-size: 30px;
        line-height: 39px;
    }
    .roofing p {
        font-size: 18px;
        line-height: 25px;
    }
    .roofing .img-wrapper .container-fluid {
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        position: static;
    }
    .roofing .img-wrapper .btn-styled {
        margin-top: 15px;
    }
    .roofing-services h3 {
        font-size: 30px;
        line-height: 39px;
    }
    .roofing-services .inner-box {
        margin-bottom: 15px;
    }
    .blow-in {
        padding: 15px 0;
    }
    .blow-in h3 {
        font-size: 30px;
        line-height: 39px;
        margin: 0 0 15px;
    }
    .blow-in p {
        font-size: 20px;
        line-height: 27px;
        margin: 0 0 20px;
    }
    .air-sealing {
        padding: 30px 0;
    }
    .air-sealing h3 {
        font-size: 30px;
        line-height: 39px;
        margin: 0 0 15px;
    }
    .air-sealing h4 {
        font-size: 20px;
        line-height: 27px;
        margin: 0 0 15px;
    }
    .areas {
        padding: 15px 0;
    }
    .areas h3 {
        font-size: 25px;
        line-height: 32px;
        margin: 0 0 15px;
    }
    .areas p {
        font-size: 18px;
        line-height: 25px;
    }
    .air-conditioning {
        padding: 15px 0;
    }
    .air-conditioning h3 {
        margin: 0 0 200px;
    }
    .air-conditioning h4 {
        margin: 0 0 15px;
    }
    .air-conditioning-services h3 {
        font-size: 23px;
        line-height: 33px;
    }
    .air-conditioning-services p {
        margin: 0 0 30px;
    }
    .air-conditioning-services .inner-box {
        margin-bottom: 15px;
    }
    .heating {
        padding: 15px 0;
    }
    .heating h3 {
        margin: 0 0 150px;
    }
    .heating-services {
        padding: 15p x0;
    }
    .heating-services h3 {
        font-size: 30px;
        line-height: 39px;
        margin: 0 0 15px;
    }
    .heating-services .inner-box {
        margin-bottom: 15px;
    }
    .solar-attic-fans {
        padding: 15px 0;
    }
    .solar-attic-fans h3 {
        font-size: 30px;
        line-height: 39px;
        margin: 0 0 15px;
    }
    .attic-tent {
        padding: 15px 0;
    }
    .attic-tent h3 {
        font-size: 30px;
        line-height: 39px;
        margin: 0 0 15px;
    }
    .attic-tent p {
        margin: 0 0 30px;
    }
    .windows {
        padding: 15px 0;
    }
    .windows h3 {
        font-size: 30px;
        line-height: 30px;
        margin: 0 0 15px;
    }
    .windows p {
        font-size: 18px;
        line-height: 25px;
    }
    .double-hung-windows {
        padding: 15px 0;
    }
    .double-hung-windows h3 {
        font-size: 30px;
        line-height: 39px;
        margin: 0 0 15px;
    }
    .double-hung-windows p {
        margin: 0 0 30px;
    }
    .double-hung-windows .box-wrapper {
        padding: 15px;
        font-size: 20px;
        line-height: 27px;
    }
    .a19-led-lights {
        padding: 15px 0;
    }
    .a19-led-lights h3 {
        font-size: 30px;
        line-height: 39px;
    }
    .a19-led-lights p {
        margin: 0 0 30px;
    }
    .a19-led-lights .box-wrapper {
        padding: 15px;
    }
    .a19-led-lights .box-wrapper h4 {
        font-size: 20px;
        line-height: 27px;
    }
    .a19-led-lights .items {
        margin: 50px 0;
    }
    .water-heater-wrap {
        padding: 15px 0;
    }
    .water-heater-wrap h3 {
        font-size: 30px;
        line-height: 39px;
    }
    .water-heater-wrap .items .inner-box {
        margin: 0 0 15px;
    }
    .energy-pro {
        padding: 15px 0;
    }
    .energy-pro h3 {
        font-size: 30px;
        line-height: 39px;
        margin: 0 0 15px;
    }
    .energy-pro h6 {
        margin: 0 0 120px;
        font-size: 25px;
        line-height: 33px;
    }
    .energy-pro h4 {
        font-size: 30px;
        line-height: 39px;
        margin: 0 0 20px;        
    }
    .work-smarter {
        padding: 15px 0;
    }
    .work-smarter h6 {
        font-size: 27px;
        line-height: 35px;
    }
    .work-smarter p {
        font-size: 20px;
        line-height: 27px;
    }
    .energy-saving-tips {
        padding: 15px 0
    }
    .energy-saving-tips h3 {
        font-size: 30px;
        line-height: 39px;
    }
    .energy-saving-tips h5 {
        padding: 70px 0 0;
        background-position: center top;
        font-size: 20px;
        line-height: 27px;
        text-align: center;
    }
    .energy-saving-tips .columns p {
        font-size: 18px;
        line-height: 25px;
    }
    .energy-saving-tips .columns {
        margin: 30px 0;
    }
    .solar-pro {
        padding: 15px 0;
    }
    .solar-pro h3 {
        font-size: 30px;
        line-height: 39px;
        margin: 0 0 15px;
    }
    .solar-pro .box-wrapper {
        padding: 15px;
    }
    .solar-pro .box-wrapper h3 {
        font-size: 25px;
        line-height: 33px;
    }
    .more-info .btn-styled {
        font-size: 13px;
        line-height: 13px;
        padding: 15px 20px;
    }
    .about-bs .top {
        padding: 15px;
    }
     .about-bs .top h3 {
        font-size: 30px;
        line-height: 39px;
    } 
    .about-bs .cols .inner-box {
        padding: 15px;
    }
    .about-bs .cols .inner-box h3 {
        font-size: 27px;
        line-height: 35px;
    }
    .about-bs .cols .inner-box p {
        font-size: 16px;
        line-height: 25px;
    }
    .about-bs .cols .inner-box h2 {
        font-size: 30px;
        line-height: 39px;
    }
    .about-bs .cols {
        padding: 25px 0;
    }
}