/* Default Styles */
#wpadminbar {
display: none !important;
}body {
font-family: Roboto Mono, sans-serif;
}h1, h1 a {
color: #252525;
font-family: Yantramanav, sans-serif;
font-size: 2em;
line-height: 1.27em;
margin: 25px 0;
}h2 {
color: #252525;
font-family: Yantramanav, sans-serif;
font-size: 1.9em;
font-weight: bold;
line-height: 1.5rem;
margin: 25px 0;
}h3 {
color: #252525;
font-family: Yantramanav, sans-serif;
font-size: 1.6em;
line-height: 1.5rem;
margin: 25px 0;
}h4 {
color: #252525;
font-family: Yantramanav, sans-serif;
font-weight: bold;
font-size: 1.5em;
line-height: 1.5rem;
margin: 25px 0;
}p {
color: #252525;
font-family: Roboto Mono, sans-serif;
font-size: 13px;
line-height: 2.2;
letter-spacing: 0.04em;
margin: 24px 0;
}ul {
list-style-type: none;
}.row {
margin: 0 auto;
max-width: 100em;
width: 100%;
}.strip-padding {
padding-left: 0!important;
padding-right: 0!important;
}.padded-right {
padding-right: 80px;
}.padded-left {
padding-left: 80px;
}.vertical-padding-small {
padding-top: 28px;
padding-bottom: 28px;
}.vertical-padding-medium {
padding-top: 80px;
padding-bottom: 80px;
}.vertical-padding-large {
padding-top: 100px;
padding-bottom: 70px;
}.padded-small {
padding: 0px 30px;
}.padded-medium {
padding: 0 60px;
}.padded-large {
padding: 0 80px;
}.relative {
position:relative;
}.absolute {
position:absolute;
}[class*="fadein-"] {
opacity: 0;
}.scrollfade {
opacity: 0;
-webkit-transition: all 1200ms ease;
-moz-transition: all 1200ms ease;
-ms-transition: all 1200ms ease;
-o-transition: all 1200ms ease;
transition: all 1200ms ease;
-moz-transform: translateY(-30px);
-webkit-transform: translateY(-30px);
-o-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}.scrollfade.complete {
opacity: 1;
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}.from-left.scrollfade {
-moz-transform: translateX(-30px);
-webkit-transform: translateX(-30px);
-o-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}.from-right.scrollfade {
-moz-transform: translateX(30px);
-webkit-transform: translateX(30px);
-o-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}.from-bottom.scrollfade {
-moz-transform: translateY(30px);
-webkit-transform: translateY(30px);
-o-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}.from-left.scrollfade.complete {
opacity: 1;
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}.from-right.scrollfade.complete {
opacity: 1;
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}.from-bottom.scrollfade.complete {
opacity: 1;
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}.radius {
-webkit-border-top-left-radius: 60px;
-webkit-border-bottom-right-radius: 60px;
-moz-border-radius-topleft: 60px;
-moz-border-radius-bottomright: 60px;
border-top-left-radius: 60px;
border-bottom-right-radius: 60px;
}.radius-alt {
-webkit-border-top-right-radius: 60px;
-webkit-border-bottom-left-radius: 60px;
-moz-border-radius-topright: 60px;
-moz-border-radius-bottomleft: 60px;
border-top-right-radius: 60px;
border-bottom-left-radius: 60px;
}.box-shadow {
box-shadow: -3px 4px 52px 13px rgba(0, 0, 0, 0.3);
}.overflow-hidden {
overflow:hidden;
}@keyframes mousewheel {
0% {top: 5px;}
50% {top: 30px;}
100% {top: 5px;}
}@-webkit-keyframes mousewheel {
0% {top: 5px;}
50% {top: 30px;}
100% {top: 5px;}
}@-moz-keyframes mousewheel {
0% {top: 5px;}
50% {top: 30px;}
100% {top: 5px;}
}@-o-webkit-keyframes mousewheel {
0% {top: 5px;}
50% {top: 30px;}
100% {top: 5px;}
}@keyframes scrolldots {
from {background-position:center 100%}
to {background-position:center 0%}
}@-webkit-keyframes scrolldots {
from {background-position:center 100%}
to {background-position:center 0%}
}@-moz-keyframes scrolldots {
from {background-position:center 100%}
to {background-position:center 0%}
}@-o-keyframes scrolldots {
from {background-position:center 100%}
to {background-position:center 0%}
}
/* Header */
.header-wrapper {
background:#ffffff;
float: left;
width: 100%;
-webkit-transition: all 700ms ease;
-moz-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
}.header-inner-wrapper {
background: #ffffff;
float: left;
padding-bottom: 14px;
padding-top: 15px;
position: relative;
width: 100%;
z-index: 1;
}.header-wrapper .top-banner {
background: #e5e7e9;
float: left;
margin-top:0%;
width: 100%;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}.header-wrapper .top-banner p {
color: #464646;
font-family: Yantramanav, sans-serif;
font-size: 15px;
font-weight: bold;
letter-spacing: normal;
margin: 8px 0;
text-transform: uppercase;
}.header-wrapper .top-banner .fa {
color: #e5a63f;
font-size: 25px;
margin-right: 6px;
}.header-wrapper .social-icons .fa {
color: #464646;
font-size: 17px;
line-height: 45px;
padding: 0px 10px;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-ms-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}.header-wrapper .social-icons .fa:hover {
color:#e5a63f;
}.header-wrapper .company-info {
display: inline-block;
max-width: 75%;
vertical-align: middle;
width: 100%;
}.header-wrapper .logo-wrapper {
display: inline-block;
margin-left: 18px;
margin-right: 18px;
max-width: 15%;
width: 100%;
}.header-wrapper .logo-wrapper img {
width:80px;
-webkit-transition: all 700ms ease;
-moz-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
}.header-wrapper .company-info .header-company-title {
font-family:Roboto Mono, sans-serif;
font-size: 1.74em;
line-height: 1;
margin: 5px 0;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}.header-wrapper .company-info .header-company-serviceorder {
color: #7b8086;
font-family:Roboto Mono, sans-serif;
font-size: 14px;
letter-spacing: 1px;
line-height: 15px;
margin: 0;
}.header-wrapper .header-phone {
padding-top: 17px;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}.header-wrapper .header-phone .click-to-call {
color: #464646;
display: block;
font-family: Yantramanav, sans-serif;
font-size: 26px;
font-weight: bolder;
letter-spacing: 0px;
margin: 6px 0px;
}.header-wrapper .header-phone span {
color: #464646;
display: block;
font-family:Roboto Mono, sans-serif;
font-size: 12px;
line-height: 1;
letter-spacing: 0px;
}
/* Navigation */
.navigation-wrapper {
padding-top: 8px;
-webkit-transition: all 700ms ease;
-moz-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
}
/* Sticky */
#sticky-header {
position: fixed;
z-index: 999;
}#sticky-header.sticky-active .header-inner-wrapper {
padding-bottom: 8px;
padding-top: 8px;
}#sticky-header.sticky-active .logo-wrapper img {
width:60px;
}#sticky-header.sticky-active .header-phone {
padding-top: 5px;
}#sticky-header.sticky-active .company-info .header-company-title {
font-size: 1.5em
}#sticky-header.sticky-active .navigation-wrapper {
padding-top: 0px;
}#sticky-header.sticky-active .top-bar-section .has-dropdown.not-click:hover>.dropdown {
padding-top:20px;
}
/* Top Bar */
.top-bar {
background: none;
display: inline-block;
}.top-bar-section ul li {
background: none;
margin: 0 10px;
}.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section ul li:hover:not(.has-form)>a {
background: none;
color: #464646;
font-family:Roboto Mono, sans-serif;
font-size: 17px;
text-transform: uppercase;
}.top-bar-section li.active:not(.has-form) a:not(.button) {
background: none;
color: #e5a63f;
}.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
background: none;
color: #e5a63f;
}.top-bar-section li:not(.has-form) a:not(.button):not(.dropdown) {
line-height:67px;
}.top-bar .top-bar-section .has-dropdown.not-click:hover>.dropdown {
background:none;
min-width: 800px;
padding-top: 35px;
opacity: 1;
width: 100%;
}.top-bar-section .has-dropdown>a {
padding-right: 15px !important;
}.top-bar-section .has-dropdown>a:after {
display:none;
}.top-bar .top-bar-section .has-dropdown:hover > a {
color: #e5a63f;
}.top-bar .top-bar-section .has-dropdown::after {
background: none;
color:#464646;
content:"\f0e7";
font-family:"FontAwesome";
font-size: 17px;
left:0;
position: absolute;
right:0;
top:40px;
transform: translate(0, 0);
z-index: 999;
-webkit-transform: translate(0, 0);
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}.top-bar .top-bar-section .has-dropdown:hover::after {
color: #e5a63f;
transform: translate(0, 5px);
-webkit-transform: translate(0, 5px);
}.top-bar .top-bar-section .dropdown {
left: 50%;
min-width: 800px;
opacity: 0;
padding: 0;
text-align:left;
z-index: 9999;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-ms-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
transition: all 400ms ease-out;
}.top-bar-section .dropdown li {
float: left !important;
margin:0;
width: 50%;
}.top-bar-section .dropdown li:nth-child(2n+2) {
border-left: 1px solid rgba(0, 0, 0, 0.19);
float: right !important;
margin:0;
width: 50%;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
background: none;
color:#464646;
font-size: 14px;
line-height: 37px;
text-transform: inherit;
}.top-bar-section .dropdown li:not(.has-form):hover a:not(.button) {
background: none;
color:#e5a63f;
}.top-bar-section .dropdown li:not(.has-form).padded-menu-item {
padding:25px 0;
}.top-bar-section .dropdown li.active:not(.has-form) a:not(.button) {
color:#e5a63f;
}.dropdown-bg {
background: #ffffff;
box-shadow: 0px 3px 10px 2px rgba(0, 0, 0, 0.05);
float: left;
position: relative;
width: 100%;
}.dropdown-bg #parent-title {
color: rgba(0, 0, 0, 0.2);
font-family: Yantramanav, sans-serif;
font-size: 72px;
font-weight: 200;
line-height: 1;
position: absolute;
top: 50%;
transform: translate(0%, -50%);
width: 41.66667%;
}
/* Slider */
.slider-wrapper {
max-height: 83vh;
max-width: 100%;
overflow:hidden;
position: relative;
top: 0;
width: 100%;
z-index: 0;
}.slider-wrapper .slick-slide .slider-title {
display: none;
}.slider-overlay {
background: rgba(38, 38, 38, 0.78);
clear: both;
display: block;
height: 100%;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}.particles-overlay {
height:100%;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}.captions-placeholder {
float: left;
position: absolute;
top: 50%;
transform: translateY(-50%);
}.captions-placeholder .slider-title p,
.slider-wrapper .slider-title p {
color: #ffffff;
font-family: Yantramanav, sans-serif;
font-size: 6.250em;
font-weight: bold;
letter-spacing:normal;
line-height: 1;
margin: 15px 0;
}.captions-placeholder .slider-title span,
.slider-wrapper .slider-title span {
color: rgba(255, 255, 255, 0.5);
display: block;
font-family:Roboto Mono, sans-serif;
line-height:1.4;
font-size: 20px;
font-weight: lighter;
margin-bottom: 10px;
margin-top: 20px;
}.dots-placeholder {
display: block;
position: relative;
}.dots-placeholder .slick-dots {
bottom: 0px;
margin: 0 auto;
overflow: hidden;
position: relative;
text-align: left;
width: 60%;
}.dots-placeholder .slick-dots li button::before,
.slider-wrapper .slick-dots li button::before {
color: transparent;
border: 2px solid #ffffff;
border-radius: 100%;
}.dots-placeholder .slick-dots li.slick-active button:before,
.slider-wrapper .slick-dots li.slick-active button:before {
color: transparent;
background: #e5a63f;
border: 1px solid #e5a63f;
opacity: 1;
}.dots-placeholder .slick-dots li button:before,
.slider-wrapper .slick-dots li button:before {
height: 16px;
opacity: 1;
width: 16px;
}.slider-overlay-contents {
bottom: 0;
position: absolute;
width: 100%;
}.slider-overlay-contents .scroll-icon {
top: -65px;
}.slider-overlay-tagline {
background: rgba(0, 0, 0, 0.4);
max-width: 755px;
}.slider-overlay-tagline p {
color: #e5a63f;
font-family:Roboto Mono, sans-serif;
font-size: 14px;
margin: 20px 0;
letter-spacing: normal;
line-height: normal;
text-transform: uppercase;
}.slider-overlay-tagline::before {
border-top: 58px solid rgba(255, 0, 0, 0);
border-right: 76px solid rgba(0, 0, 0, 0.4);
content: "";
display: block;
height: 100%;
left: -112px;
position: absolute;
width: 112px;
}.scroll-icon {
border-radius: 50px;
cursor: pointer;
display: inline-block;
height: 44px;
position: relative;
width: 27px;
}.scroll-icon::before {
border-radius: 100%;
content: "";
height: 5px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
width: 5px;
-webkit-animation: mousewheel 2.5s infinite;
-moz-animation: mousewheel 2.5s infinite;
-o-animation: mousewheel 2.5s infinite;
animation: mousewheel 2.5s infinite;
}.scroll-icon::after {
background: url("https://jesseselectric.com/wp-content/themes/rele7/images/scroll-dots.png");
bottom: -55px;
content: "";
cursor: initial;
display: block;
height: 38px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
width: 3px;
}.scroll-icon.white {
border: 2px solid #ffffff;
}.scroll-icon.white::before {
background: #ffffff;
}.scroll-icon.white::after {
background-position: top center;
}.scroll-icon.black {
border: 2px solid #252525;
}.scroll-icon.black::before {
background: #252525;
}.scroll-icon.black::after {
background-position: bottom center;
}
/* Content */
.content-wrapper {
background: #FFFFFF;
max-width: 100%;
position: relative;
width: 100%;
}.particles-bg {
background-image:url("https://jesseselectric.com/wp-content/themes/rele7/images/particles-bg.png");
background-repeat:no-repeat;
overflow:hidden;
}.bottom-section h2 {
font-size: 1.5em;
}
/* Interior Pages */
.main-title-section {
padding-top:80px;
}.main-title-section .page-title {
font-size: 3.2em;
margin-bottom: 12px;
}.main-title-section .page-title span {
color: #e5a63f;
display: block;
font-size: 1.45em;
font-weight: bold;
letter-spacing: 2px;
}.main-title-section .call-tagline {
font-size: 16px;
line-height: 1;
margin: 18px 0;
}.main-title-section .click-to-call {
color: #464646;
font-family: Yantramanav, sans-serif;
font-size: 26px;
font-weight: bolder;
letter-spacing: 0px;
}.dotted-lines,
.dotted-lines::before,
.dotted-lines::after {
background:url("https://jesseselectric.com/wp-content/themes/rele7/images/dotted-lines.png");
background-repeat: no-repeat;
-webkit-animation: 10s scrolldots infinite linear;
-moz-animation: 10s scrolldots infinite linear;
animation: 10s scrolldots infinite linear;
}.dotted-lines {
height: 90px;
max-height: 90px;
overflow: hidden;
}.dotted-lines::before {
content:"";
float:left;
height: 100%;
width: 3px;
}.dotted-lines::after {
content:"";
float:right;
height: 100%;
width: 3px;
}ul.bolt-list {
display: inline-block;
font-family: Roboto Mono, sans-serif;
margin: 3px 0px;
padding-left: 18px;
position: relative;
}ul.bolt-list li{
display: block;
font-size: 14px;
font-weight: bold;
line-height: 33px;
} ul.bolt-list li::before {
color: #e5a63f;
content:"\f0e7";
font-family:"FontAwesome";
left: 0;
margin-right: 13px;
position: absolute;
} ul.bolt-list li a {
text-decoration:underline;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}ul.bolt-list li a:hover {
color: #e5a63f !important;
text-decoration:none;
}.faq-question {
font-size: 1.2em;
}.faq-question::before {
border-left: 2px solid #e5a63f;
color: #e5a63f;
content: "Q.";
font-size: 25px;
margin-right: 6px;
padding-left: 5px;
}
/* Parent Services */
.services-wrapper .service p::before {
background:url("https://jesseselectric.com/wp-content/themes/rele7/images/dotted-lines.png");
content:"";
display:block;
height: 70px;
left:0;
opacity:0;
position:absolute;
top: 0;
width:3px;
-webkit-animation: 4s scrolldots infinite linear;
animation: 4s scrolldots infinite linear;
-webkit-transition: all 700ms ease;
-moz-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
}.services-wrapper .service:hover p::before {
opacity:1;
}
/* Call to action */
.cta-wrapper {
padding-bottom:200px;
padding-top: 233px;
background: url("https://jesseselectric.com/wp-content/themes/rele7/images/cta-background.jpg");
}.cta-wrapper h2 {
color: #ffffff;
font-size: 2.8em;
margin: 0px 0;
}.cta-wrapper p {
color: #ffffff;
font-family: Yantramanav, sans-serif;
font-size: 19px;
letter-spacing: 0;
line-height: 1.4;
margin: 25px 0;
}
/* Buttons */
.btn-1 {
background: none;
border: 4px solid #e5a63f;
border-radius: 40px;
font-size: 17px;
font-family: Yantramanav, sans-serif;
letter-spacing: 0px;
line-height: 30px;
margin-top: 10px;
min-width: 265px;
text-transform: uppercase;
}.btn-1:hover,
.btn-1:focus {
background: #e5a63f;
}.btn-2 {
background: #e5a63f;
border-radius: 150px;
font-size:13px;
margin-top: 20px;
min-width: 177px;
overflow:hidden;
text-transform:uppercase;
top: 0;
}.btn-2:hover,
.btn-2:focus {
background:#e5a63f;
box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.3);
top: -5px;
}.btn-2::before{
color:#ffffff;
content:"\f0eb";
font-family:"FontAwesome";
left:-100%;
position:relative;
-webkit-transition: all 700ms ease;
-moz-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
}.btn-2:hover::before{
left:-10px;
}.button.animated {
-webkit-transition: all 700ms ease;
-moz-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
}
/* Footer */
.footer-wrapper {
background: #000000;
position:relative;
width: 100%;
}.footer-wrapper p {
color:#ffffff;
font-family: Yantramanav, sans-serif;
font-size:10px;
line-height:17px;
}.scroll-to-top {
border-radius: 0.2rem;
color: #e5a63f;
cursor: pointer;
padding: 0.2rem 0.7rem;
position: absolute;
right: 2rem;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
}
/* Contact us */
.contact-info p {
line-height: 2;
margin-left: 50px;
}.contact-info [class*="contact-"]::before {
display:inline-block;
font-family:"FontAwesome";
font-size: 27px;
left:15px;
margin-top: -10px;
position:absolute;
}p.contact-address.address::before {
content:"\f279";
}p.contact-phone.phone::before {
content:"\f1ac";
}p.contact-email.email::before {
content:"\f0e0";
}.map-wrapper {
overflow: hidden;
}.payment-methods {
background:#ffffff;
margin:0 auto;
min-height: 205px;
}svg.payment-icon {
float: none;
margin: 0 auto;
}.contact-form-wrapper {
padding-top: 40px;
padding-bottom: 100px;
}.contact-form-wrapper .required {
color: #e5a63f;
left:24px;
top:23px;
position:absolute;
}.contactForm {
float: left;
margin-top: 10px;
width: 100%;
}.contactForm label {
display: block;
font-weight: bold;
}.contactForm .fieldWrapper {
padding: 10px 24px 10px 0;
position:relative;
}.contactForm input {
border: 2px solid #acacac;
border-radius:100px;
color: #000000;
height: 2.8rem;
font-family:Roboto Mono, sans-serif;
font-size: 12px;
font-weight: bold;
margin-bottom: 5px;
padding-left: 46px;
width: 100%;
}.contactForm textarea {
border: 2px solid #acacac;
border-radius: 26px;
color: #000000;
font-family:Roboto Mono, sans-serif;
font-size: 12px;
font-weight: bold;
margin-bottom: 5px;
min-height: 115px;
padding-left: 20px;
resize:vertical;
width: 100%;
}input:focus, textarea:focus {
background: #ffffff;
border-color: #000000 !important;
box-shadow: 1px 3px 5px 1px rgba(0, 0, 0, 0.18) !important;
color: #000000;
}.contactForm .captchaWrapper {
margin-top: 10px;
}input#captchaCode {
padding: 0px 15px;
}.contactForm .captchaRefresh {
vertical-align: top;
}.contactForm .submitWrapper {
text-align: center;
}.contactForm .submitWrapper span.submit {
background-color: #e5a63f;
border-radius: 23px;
color: #ffffff;
cursor: pointer;
display: block;
font-size: 12px;
font-family:Roboto Mono, sans-serif;
font-weight: bold;
padding: 11px 20px;
}.contactForm .submitWrapper span.submit:hover {
background-color: #252525;
}.email-response-message-container {
text-align: center;
}.emailConfirmation {
margin: 0 auto;
}.emailConfirmation h1 {
color: #00CC00;
}
@media only screen and (min-width: 1279px) and (max-width: 1600px) {
.header-wrapper .top-banner .fa {
font-size:15px;
padding: 0px 7px;
}.header-wrapper .top-banner p {
font-size: 10px;
margin: 10px 0;
}.header-wrapper .logo-wrapper {
margin-left: 10px;
margin-right: 10px;
max-width: 13%;
}.header-wrapper .company-info .header-company-title {
font-size:1.6em;
}.header-wrapper .header-phone .click-to-call {
font-size:21px;
}.top-bar-section ul li {
margin: 0;
}.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section ul li:hover:not(.has-form)>a {
font-size:12px;
}.dropdown-bg #parent-title{
font-size: 4em;
margin-left:20px;
text-align:left !Important;
}.slider-wrapper {
height:46vw;
}.captions-placeholder .slider-title p {
font-size:4.4em;
}.captions-placeholder .slider-title span {
font-size:15px;
}.dots-placeholder .slick-dots {
width: 100%;
}.slider-overlay-tagline p {
font-size: 12px;
}.btn-1 {
min-width: 250px;
padding:13px 0;
}
}
@media only screen and (max-width: 1279px) {
.header-wrapper {
position:relative !important;
}.header-inner-wrapper {
padding:10px 0;
}.header-wrapper .header-phone {
padding: 9px 0;
}.header-wrapper .header-phone .click-to-call {
letter-spacing:3px;
padding-top:7px;
}.navigation-wrapper {
padding: 11px 0;
}.captions-placeholder .slider-title p {
font-size:5em;
}
}
@media only screen and (max-width: 1024px) {
.navigation-wrapper {
background: #e5a63f;
margin: 0;
padding:0;
}.navigation-wrapper .top-bar {
width:100%;
}.top-bar-section .dropdown li:hover a {
color:#ffffff !important;
}.top-bar-section li:not(.has-form) a:not(.button):not(.dropdown) {
color: #464646;
line-height:25px;
}.top-bar-section li.active:not(.has-form)>a:not(.button) {
color:#ffffff;
}.top-bar-section .dropdown li.active:not(.has-form) a:not(.button) {
color:#ffffff;
}.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
color:#ffffff;
}.top-bar .top-bar-section .has-dropdown::after {
display:none;
}.top-bar-section .has-dropdown>a{
padding-right: 0px !important;
}.top-bar-section .has-dropdown>a:after {
display:block;
}.top-bar .top-bar-section .dropdown,
.top-bar .top-bar-section .has-dropdown.not-click:hover>.dropdown {
left: 100%;
min-width: 100%;
opacity: 1;
padding-top: 0;
text-align: center;
-webkit-transform: translateX(0%);
transform: translateX(0%);
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}.header-inner-wrapper {
padding: 20px 0 0 0;
}.header-wrapper .logo-wrapper {
padding-bottom: 10px;
}.slider-wrapper {
height: 420px;
}.slider-title {
text-align:center;
}.captions-placeholder {
max-width:100%;
width:100%;
}.captions-placeholder .slider-title p {
font-size:3em;
}.captions-placeholder .slider-title span {
font-size:16px;
}.dots-placeholder .slick-dots {
margin: 0px auto;
padding: 5px 0;
text-align:center;
}.dots-placeholder .slick-dots li {
height:20px;
margin:0;
width:20px;
}.dots-placeholder .slick-dots li button:before {
height:13px;
width:13px;
}.slider-overlay-tagline {
background: #e5a63f;
max-width: 100%;
}.slider-overlay-tagline p {
color:#000000;
}.slider-wrapper .scroll-icon-wrapper {
position: absolute;
right: 0;
top: 0;
width: 65px;
}.scroll-icon-wrapper {
position: relative;
text-align: center;
}.dotted-lines {
visibility: hidden;
}.main-title-section {
padding-top: 40px
}.contact-info [class*="contact-"]::before {
left: unset;
margin-left: -50px;
margin-top: -10px;
}.btn-1 {
width:140px;
font-size: 16px;
padding:8px;
}.vertical-padding-small {
padding-top: 8px;
padding-bottom: 8px;
}.vertical-padding-medium {
padding-top: 18px;
padding-bottom: 18px;
}.vertical-padding-large {
padding-top: 28px;
padding-bottom: 28px;
}.padded-small {
padding: 0px .9375rem;
}.padded-medium {
padding: 0 .9375rem;
}.padded-large {
padding: 0 .9375rem;
}
}
@media only screen and (max-width: 767px) {
h2{
font-size: 1.4em;
line-height: 2rem;
margin: 10px 0;
}.header-inner-wrapper {
padding-top: 10px;
}.header-wrapper .social-icons .fa {
line-height:1.8;
}.header-wrapper .logo-wrapper {
margin: 0;
max-width:100%;
padding:0;
}.header-wrapper .logo-wrapper img {
padding-bottom: 5px;
width: 30px;
}.header-wrapper .company-info {
max-width:100%;
text-align:center;
}.header-wrapper .company-info .header-company-title{
font-size:1.3em;
}.header-wrapper .company-info .header-company-serviceorder {
font-size: 10px;
letter-spacing: 0px;
padding-bottom: 8px;
}.header-wrapper .header-phone {
padding: 0;
}.header-wrapper .header-phone .click-to-call {
background: #252525;
color: #ffffff;
font-size: 14px;
margin: 0;
padding: 2px 0px;
}.top-bar{
display:block;
}.top-bar-section .dropdown li,
.top-bar-section .dropdown li:nth-child(2n+2) {
width:100%;
}.slider-wrapper {
height:auto;
}.slider-overlay {
background: none;
height: auto;
position: relative;
}.slick-initialized .slick-slide img {
z-index:-2;
}.slide-content {
background: rgba(132, 132, 132, 0.3);
height: 100%;
padding-top: 15px;
position: absolute;
top: 0px;
width: 100%;
z-index: 0;
}.slider-wrapper .slick-slide .slider-title {
display:block;
}.slider-wrapper .slider-title p {
font-size: 1.8em;
}.slider-wrapper .slider-title p br {
content:"";
margin-left:9px;
}.slick-dotted.slick-slider {
margin-bottom: 25px !important;
}.slick-dots {
background: #252525;
}.slider-overlay-contents {
position: relative;
}.scroll-icon-wrapper {
display:none;
}.main-title-section .page-title {
font-size: 1.8em;
}.main-title-section .click-to-call {
font-size: 1.3em;
}.cta-wrapper {
padding-top: 100px;
padding-bottom: 100px;
}.cta-wrapper h2 {
font-size: 1.7em;
}.payment-methods {
min-height: 240px;
padding-left: 10px;
padding-right: 10px;
}svg.payment-icon {
margin:1px;
}.btn-1 {
border:2px solid #e5a63f;
font-size: 14px;
min-width: 100px;
padding: 3px;
}.padded-right {
padding-right: .9375rem;
}.padded-left {
padding-left: .9375rem;
}
}