html {
scroll-behavior: smooth;
}
body {
color: #666666;
background: #dcdfe3;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
}
.wrapper {
position: relative;
width: 100%;
max-width: 1650px;
margin: 0 auto;
background: #ffffff;
}   .header {
position: relative;
width: 100%;
padding: 15px 0 0 0;
background: #00539C;
}
.header.home {
background: linear-gradient(30deg, #006238, #083860db), url(//www.evergreencompressedair.com/wp-content/themes/evergreen/images/landing/banner.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-top: -15px;
}
@media (max-width: 766px) {
.header.home {
background: linear-gradient(30deg, #006238, #083860db), url(//www.evergreencompressedair.com/wp-content/themes/evergreen/images/landing/banner.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-top: -15px;
}
}
@media (min-width: 840px) {
.header .row {
padding: 0 60px;
padding-bottom: 17px;
}
}
.header .header-top {
padding-bottom: 5px;
background:#ffffff;
}
.header .brand {
position: relative;
}
.header .brand img {
width: 100%;
max-width: 170px;
height: 100%;
max-height: 100px;
padding: 15px 0px 15px 0px;
}
@media (max-width: 992px){
.header .brand img {
width: 100%;
max-width: 170px;
height: 100%;
max-height: 100px;
padding: 25px 0px 15px 0px;
}
}
.header .topbar {
position: relative;
text-align: right;
padding: 28px 0px 9px 0px;
}
@media (max-width: 992px){
.header .topbar {
text-align: center;
margin-bottom: 0px;
padding-top: 20px;
}
}
@media (max-width: 992px){
.header .brand {
text-align: center;
}
}
.header .topbar .topbar-col {
display: inline-block;
padding: 0 15px;
margin-bottom: 15px;
}
.header .topbar-col a {
color:#000000;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.5px;
text-transform: uppercase;
text-align:center !important;
}
.header .topbar-col a i {
margin-right: 10px;
color: #006238;
}
.header span {
color: #ffffff;
text-shadow: 1.5px 4px 0px #00000040;
}
.topbar-col.btnspl {
background: linear-gradient(48deg, #006238, #27cd72);
color: #fff;
margin-left: 29px;
padding: 8px 25px 11px 25px !important;
border-radius: 5px;
}
@media (max-width: 664px){
.topbar-col.btnspl {
background: linear-gradient(48deg, #006238, #27cd72);
line-height: 16px;
color: rgb(255, 255, 255);
border-radius: 5px;
margin-right: 28px;
padding: 8px 25px 9px 25px !important;
}
.btnspl a {
color: white !important;
font-size: 11px !important;
font-weight: 500 !important;
}
}
.btnspl a {
color: white !important;
font-size: 12px !important;
font-weight: 500 !important;
}
.btnspl i {
color: white !important;
}
@media (max-width: 992px) {
.header .navbar {
border-radius: 5px;
}
.header .navbar .btn {
display: none;
}
}
.header .hero {
padding-top: 60px;
padding-bottom: 60px;
}
@media (min-width: 992px) {
.header .hero p {
margin: 14px 0 31px 0;
font-size: 22px;
color: #ffffff;
width: 75%;
}
.header .hero h1 {
margin: 0px;
font-size: 35px;
width: 80%;
font-weight: 700;
letter-spacing: 0.5px;
color: rgb(255, 255, 255);
text-transform: uppercase;
}
}
@media (max-width: 1100px) {
.header .hero p {
margin: 14px 25px 31px 0px;
font-size: 18px;
color: #ffffff;
font-weight: 300;
text-align: left;
}
.header .hero h1 {
margin: 0;
font-size: 31px;
font-weight: 800;
letter-spacing: 1.5px;
color: #ffffff;
text-transform: uppercase;
text-align: left;
}
}
.header .hero a.btn {
position: relative;
padding: 10px 35px;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
color: rgb(0 0 0);
border: none;
border-radius: 0px;
background: rgb(255 255 255);
transition: all 0.3s ease 0s;
}
.header .hero a.btn:hover {
color: #ffffff;
background: rgb(0 0 0);
}    .dropbtn {
background-color: #f0f8ff00;
padding: 16px;
border: none;
color: #1b3d6d;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.5px;
text-transform: uppercase;
} .dropdown {
position: relative;
display: inline-block;
} .dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 300px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
transform: translateX(-93px);
}
.dropdown-content span {
color:#0092c5 !important;
text-shadow: none !important;
}
@media(max-width:635px){
.dropdown {
position: relative;
display: inline-block;
padding: 0px 83px;
}
}
@media(max-width:365px){
.dropdown {
position: relative;
display: inline-block;
padding: 0px 15px;
}
} .dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
border-bottom: 0.3px solid #5e7da942;
} .dropdown-content a:hover {background-color: #ddd;} .dropdown:hover .dropdown-content {display: block;} .dropdown:hover .dropbtn {background-color: #ffffff;}   .tab {
overflow: hidden;
border: 1px solid #cccccc63; } .tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
color: #fff !important;
} .tab button:hover {
background-color: #dddddd4f;
} .tab button.active {
background-color: #ffffff61;
} .tabcontent {
display: none;
padding: 21px 19px 7px 19px;
border: 1px solid #cccccc63;
border-top: none;
}
.features h3 {
font-size: 20px !important;
padding-top: 9px;
color: #fff !important;
}
.features h4 {
font-size: 10px;
color: white;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 16px;
}
.feature-bottom {
padding-bottom: 17px;
}
.features i {
padding-right: 8px;
font-size: 12px;
}   .product.spl {
position: relative;
width: 100%;
padding: 60px 0px 40px;
background: linear-gradient(70deg, #000000e8, #1b1b1bf5), url(//www.evergreencompressedair.com/wp-content/themes/evergreen/images/landing/service-bg.jpg) no-repeat center center fixed;
background-size: cover;
}
.product {
position: relative;
width: 100%;
padding: 60px 0px 40px;
}
.product .product-item {
position: relative;
width: 100%;
text-align: center;
margin-bottom: 30px;
cursor: default;
background: #bcbcbc0f;
border-radius: 20px;
}
.product-item i {
font-size: 45px;
color: #ffffff;
margin-top: 40px;
}
.product .product-item img {
width: 100%;
border-radius: 28px;
}
.product .product-item h3 {
margin: 0px;
padding: 25px 20px 39px;
font-size: 18px;
font-weight: 500;
letter-spacing: 2.0px;
color: rgb(255, 255, 255);
text-transform: uppercase;
}
.product-item.spl {
position: relative;
width: 100%;
text-align: center;
margin-bottom: 30px;
cursor: default;
border-radius: 27px;
box-shadow: 0px 7px 18px 0px #17171730;
background: url(https://www.evergreencompressedair.com/wp-content/themes/evergreen/images/landing/vector-1.jpg);
}
.product-item.spl h3 {
margin: 0px;
padding: 30px 20px 21px;
font-size: 18px;
font-weight: 500;
letter-spacing: 2.0px;
color: rgb(0 0 0);
text-transform: uppercase;
}
.product .product-item p {
margin: 0;
padding: 0 35px 15px;
font-size: 13px;
color: black;
}
.product-item.service img {
height: 42px;
width: 100%;
margin-top: 39px;
margin-bottom: 3px;
}
.product .product-item a.btn {
position: relative;
margin-top: 8px;
width: 100%;
padding: 8px 34px;
border-radius: 0px 0px 9px 9px;
font-size: 14px;
text-transform: uppercase;
color: #ffffff;
background: linear-gradient(45deg, #006238, #03a84ed1);
transition: .3s;
}
.product .product-item a.btn:hover {
background: linear-gradient(45deg, #000, #000000d1);
}
.product-header {
position: relative;
width: 100%;
max-width: 550px;
text-align: center;
margin: 0 auto;
margin-bottom: 50px;
}
.product-header h2 {
color: #006238;
font-size: 33px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 12px;
letter-spacing: 1px;
line-height: 36px;
}
.section-header.spl {
position: relative;
width: 100%;
max-width: 550px;
text-align: center;
margin: 0 auto;
margin-bottom: 30px;
padding-bottom: 15px;
}
.section-header.spl h4 {
color: #ffffff;
font-size: 23px;
text-transform: uppercase;
font-weight: 400;
margin-bottom: 3px;
letter-spacing: 4px;
line-height: 36px;
}
.section-header.spl h2 {
color: #ffffff;
font-size: 32px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 3px;
}
.section-header {
position: relative;
width: 100%;
max-width: 550px;
text-align: center;
margin: 0 auto;
margin-bottom: 50px;
padding-bottom: 15px;
}
.section-header h2 {
color: #03a84ee0;
font-size: 33px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 12px;
letter-spacing: 1px;
line-height: 36px;
}
@media (max-width: 690px){
.section-header h2 {
color: #03a84ee0;
font-size: 22px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 10px;
letter-spacing: 0.5px;
}
}
.section-header h4 {
color: #303030;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
@media (min-width: 992px){
.col-lg-3-1 {
-ms-flex: 0 0 25%;
flex: 0 0 33.3%;
max-width: 33.3%;
}
}
@media (max-width: 992px){
.col-lg-3-1 {
position: relative;
width: 100%;
padding-right: 25px;
padding-left: 25px;
}
}   .call-to-action {
position: relative;
padding: 60px 0;
background: linear-gradient(82deg, #006238 ,rgb(15 99 118 / 91%)), url(//www.evergreencompressedair.com/wp-content/themes/evergreen/images/landing/service-bg.jpg) no-repeat center center fixed;
}
.call-to-action p {
font-size: 17px;
color: #FFF;
margin-top: 12px;
letter-spacing: 4px;
margin-bottom: 5px;
font-weight: 600;
text-transform: uppercase;
}
.call-to-action h2 {
color:#FFF;
font-size: 34px;
font-weight: 600;
margin-bottom: 0px;
letter-spacing: 0.5px;
}
@media (max-width: 550px){
.call-to-action h2 {
color: #FFF;
font-size: 25px;
font-weight: 600;
margin-bottom: 0px;
letter-spacing: 0.5px;
}
.call-to-action p {
font-size: 15px;
color:  #FFF;
margin-top: 15px;
letter-spacing: 4px;
margin-bottom: 5px;
font-weight: 600;
text-transform: uppercase;
width: 75%;
}
}
.call-to-action a {
float: right;
position: relative;
letter-spacing: 0.4px;
color:#000;
background: #FFF;
border-radius: 5px;
padding: 13px 38px 12px 38px;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
border: 2px solid #fff;
}
.call-to-action a:hover {
color: rgb(255 255 255);
background: none;
border: 2px solid #fff;  
}
@media (max-width: 782px) {
.call-to-action a {
float: left;
margin-top: 20px;
padding-bottom: 13px;
}
}   .footer h4 {
color: #ffffff;
font-size: 13px;
font-weight: 300;
text-align: center;
line-height: 20px;
padding: 0px;
margin: 0px;
letter-spacing: 1px;
}
.footer {
position: relative;
padding: 20px;
background: #222;
}   .about-us {
position: relative;
padding: 30px 0;
background: #ebeef4;
}
.about-us img {
width: 100%;
margin-top: 30px;
margin-bottom: 30px;
box-shadow: #2e2e2e85 0px 5px 20px 0px;
}
.about-us p {
font-size: 13px;
color: #191919;
font-weight: 500;
}
.about-us h2 {
font-size: 30px;
letter-spacing: 3px;
margin-bottom: 20px;
color: rgb(8 55 95);
font-weight: 700;
}
@media (max-width: 1152px){
.col-md-4 {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (max-width: 1152px){
.col-md-8 {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (max-width: 800px){
.col-md-4 {
flex: 0 0 100%;
max-width: 540px;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 800px){
.col-md-8 {
flex: 0 0 100%;
max-width: 540px;
margin-right: auto;
margin-left: auto;
}
}   ::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
background: rgb(3 168 78);
}
::-webkit-scrollbar-thumb:hover {
background: #555;
}
.img-responsive.mobile {
display: none;
}
@media only screen and (max-device-width: 550px) {
.img-responsive {
display: none;
}
.img-responsive.mobile {
display: block;
width: 100%;
}
}   section.after-sales-block {
padding-top: 75px;
padding-bottom: 75px;
background: #ebeef4;
}
.after-sales-block .icon-holder {
float: left;
width: 100%;
position: relative;
min-height: 140px;
}
.after-sales-block .icon-name {
float: left;
width: 100%;
text-align: center;
color: #000000;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.75px;
line-height: 24px;
margin-bottom: 15px;
margin-top: 5px;
}
.after-sales-block .icon-holder img {
max-height: 100%;
max-width: 100%;
width: 95px;
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.after-sales-block h4 {
margin: 0 0 5px 0;
padding: 0;
font-family: 'Montserrat', sans-serif;
font-size: 21px;
font-weight: 500;
font-style: normal;
letter-spacing: 2px;
display: block;
position: relative;
color: #000000;
}
.after-sales-block h2 {
margin: 0 0 40px 0;
padding: 0;
font-family: 'Montserrat', sans-serif;
font-size: 37px;
font-weight: 700;
font-style: normal;
letter-spacing: 3px;
display: block;
position: relative;
color: #000000;
} .features {
padding: 70px 0px;
width: 100%;
background: #101010;
margin-right: auto;
margin-left: auto;
}
.features p {
font-size: 14px;
color: #ffffff;
margin-bottom: 0px;
font-weight: 300;
line-height: 25px;
letter-spacing: 0.5px;
}
@media (max-width: 1030px) {
.features p {
font-size: 12px;
color: #ffffff;
margin-bottom: 45px;
font-weight: 300;
padding-right: 25px;
line-height: 25px;
letter-spacing: 0.5px;
}
.features {
padding: 60px 0px 15px 0px;
width: 100%;
background: linear-gradient(30deg, #000, #000);
margin-right: auto;
margin-left: auto;
}
}
.icon-box {
position: relative;
width: 70px;
height: 70px;
margin: 0px;
display: inline-box;
border-radius: 50%;
padding: 0px !important;
}
.icon-box i {
font-size: 17px;
color: #ffffff;
padding-left: 26px;
}
.feature-text {
padding-left: 9px;
padding-right: 40px;
}
.feature-text h4 {
color: rgb(255, 255, 255);
font-size: 15px;
font-weight: 600;
letter-spacing: 2.5px;
text-transform: uppercase;
margin-bottom: 15px;
margin-top: 3px;
}
.features h2 {
font-size: 25px;
color: white;
text-align: center;
margin-bottom: 40px;
text-transform: uppercase;
letter-spacing: 4px;
font-weight: 600;
}
@media (min-width: 780px){
.col-sm-6-1 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 1012px){
.col-xs-12-1 {
-ms-flex: 0 0 50%;
flex: 0 0 33.33%;
max-width: 33.33%;
}
}    .faqs {
position: relative;
width: 100%;
padding: 60px 0;
}
.faqs .section-header {
margin-bottom: 24px;
}
.faqs .card {
margin-bottom: 15px;
padding-top: 15px;
border: none;
border-radius: 0;
border-top: 1px solid #eeeeee;
}
.faqs .card:last-child {
margin-bottom: 0;
padding-bottom: 15px;
border-bottom: 1px solid #eeeeee;
}
.faqs .card-header {
padding: 0;
border: none;
background: #ffffff;
}
.faqs .card-header a {
display: block;
width: 100%;
color: #006238;
font-size: 18px;
font-weight: 300;
line-height: 40px;
}
.su-list {
margin-left: -22px;
margin-top: 20px;
line-height: 31px;
}
.su-list li {
padding-left: 8px;
}
.su-list-spl {
margin-left: -22px;
margin-top: 20px;
line-height: 31px;
}
.su-list-spl li {
padding-left: 8px;
width: 33% !important;
float: left !important;
}
@media (max-width: 768px){
.su-list-spl li {
padding-left: 8px;
width: 50% !important;
float: left !important;
}
}
.faqs .card-header a span {
display: inline-block;
width: 40px;
height: 40px;
margin-right: 10px;
text-align: center;
color: rgb(8 55 95);
border-radius: 5px;
font-weight: 600;
}
.card-body h3 {
font-size: 17px;
margin-top: 20px;
color: #000;
}
.faqs .card-header [data-toggle="collapse"]:after {
font-family: 'font Awesome 5 Free';
content: "\f067";
float: right;
color: #006238;
font-size: 12px;
font-weight: 900;
transition: .3s;
}
.faqs .card-header [data-toggle="collapse"][aria-expanded="true"]:after {
font-family: 'font Awesome 5 Free';
content: "\f068";
float: right;
color: #006238;
font-size: 12px;
font-weight: 900;
transition: .3s;
}
.faqs .card-body {
padding: 15px 0px 0px 0px;
font-size: 15px;
border: none;
background: #ffffff;
line-height: 27px;
color: #3c3c3c;
}
i.fa.fa-phone-alt.spl {
font-size: 13px;
margin-right: 5px;
color: #3c3c3c;
}
.faqs a.btn {
margin-top: 30px;
padding: 15px 35px;
font-size: 16px;
text-transform: uppercase;
color: #000000;
border: none;
border-radius: 5px;
background: #FFD662;
transition: .3s;
}
.faqs a.btn:hover {
color: #ffffff;
background: #00539C;
} .form {
padding: 30px;
background: rgb(255 255 255);
border-radius: 0px;
}
.form h3 {
color: rgb(0 0 0);
font-weight: 400;
font-size: 21px;
margin-bottom: 15px;
text-transform: uppercase;
}
.form .gform_wrapper {
margin-bottom: 0px !important;
margin-top: 0px !important;
}
.form .ginput_container_text input {
margin-bottom: 5px !important;
height: 42px !important;
border-radius: 9px !important;
border: 1px solid rgb(0 0 0) !important;
background: rgb(255, 255, 255) !important;
color: #08375f !important;
padding: 0.375rem 0.75rem !important;
font-size: 13.5px !important;
font-weight: 500 !important;
}
.form .ginput_container_text input::placeholder {
color: #000000 !important;
font-size: 13.5px !important;
font-size: 13.5px !important;
font-weight: 500 !important;
}
.form .ginput_container_email input {
margin-bottom: 13px !important;
height: 42px !important;
border-radius: 9px !important;
border: 1px solid rgb(0 0 0) !important;
background: rgb(255, 255, 255) !important;
color: #08375f !important;
padding: 0.375rem 0.75rem !important;
font-size: 13.5px !important;
font-weight: 500 !important;
}
.form .ginput_container_email input::placeholder {
color: #000000 !important;
font-size: 13.5px !important;
font-size: 13.5px !important;
font-weight: 500 !important;
}
.form .ginput_container_textarea .textarea {
height: 42px !important;
border-radius: 9px !important;
border: 1px solid rgb(8 56 96) !important;
background: rgb(255, 255, 255) !important;
color: #08375f !important;
height: 65px !important;
margin-bottom: 5px !important;
padding: 0.375rem 0.75rem !important;
font-size: 13.5px !important;
font-weight: 500 !important;
}
.form .ginput_container_textarea .textarea::placeholder {
color: #000000 !important;
font-size: 13.5px !important;
font-size: 13.5px !important;
font-weight: 500 !important;
}
.form .gform_button {
width: 100% !important;
position: relative !important;
padding: 10px 35px !important;
font-size: 15px !important;
font-weight: 500 !important;
text-transform: uppercase !important;
color:#ffffff !important;
border: none !important;
border-radius: 9px !important;
background:  #006238 !important;
transition: all 0.3s ease 0s !important;
}
.form .gform_button:hover {
color: #ffffff !important;
background:rgb(0 0 0) !important;
}
.gform_wrapper ul li:after, .gform_wrapper ul li:before, .gform_wrapper ul.gform_fields {
margin: 0 !Important;
}
.gform_wrapper .gfield_label {
display: none !important;
}
.gform_wrapper .gform_footer
{
padding: 0px !important;
margin: 0px !important;
margin-top: -13px !important;
}
body .gform_wrapper ul li.gfield
{
margin-top: 0px !important;
}
@media (max-width: 800px) {
.form {
margin-top: 45px;
}
}
.hero.row.align-items-center.spl {
padding-bottom: 60px;
}
.gform_wrapper ul.gform_fields li.gfield {
padding-right: 0px !important;
}
.gform_footer input[type=submit] {
margin-top: 20px !important;	
}
.ginput_recaptcha {
text-align: -webkit-center;
width: 100%;
overflow: hidden;
}
@media only screen and (max-width: 641px){
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
line-height: 2;
min-height: 2rem;
margin: 0 16px 0 0;
}
}
.gform_confirmation_message_19 p {
color: white !important;
margin: 20px 0px 0px 0px !important;
width: 100% !important;
background: #08375f;
text-align: center;
padding: 7px;
font-size: 18px !important;
}
.gform_confirmation_message_19 a {
color: white !important;
}
.product.color {
background-color: #ebeef4;
}
.product-item-color {
position: relative;
width: 100%;
text-align: center;
margin-bottom: 30px;
cursor: default;
box-shadow: 0px 7px 18px 0px #17171730;
}
.product .product-item-color img {
width: 100%;
}
h4.installation {
font-size: 26px;
color: #1b3d6d;
text-align: center;
margin-top: 23px;
font-weight: 600;
text-transform: uppercase;
}
h4.installation:hover
{
color: #00a8e3 !important;
}
a:hover{
text-decoration: none !important;
} .back-to-top {
position: fixed;
display: none;
background: rgb(170 170 153 / 30%);
color: #ffffff;
width: 38px;
height: 38px;
text-align: center;
line-height: 1;
font-size: 21px;
border-radius: 5px;
right: 18px;
bottom: 21px;
transition: background 0.5s;
z-index: 9;
}
.back-to-top i {
padding-top: 9px;
}
a.tqbtn {
color: #008343;
}
h5.city {
font-size: 15px !important;
text-align: left !important;
color: #fff !important;
margin-top: 10px !important;
font-weight: 300 !important;
margin-bottom: 21px !important;
}