body {
color: #313131;
font-family: 'Muli', sans-serif;
font-size: 17px;
font-weight: 300;
line-height: 24px;
}
h1 {
font-weight: bold;
}
.et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_slide_description h2.et_pb_slide_title {
color: #fff!important;
font-weight: bold;
font-family: 'Anton', sans-serif;
background: linear-gradient(to right, #FFF 20%, rgb(255,197,39) 40%, rgb(255,197,39) 60%, #FFF 80%);
background-size: 200% auto;  
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;  
animation: shine 3s linear infinite;
padding: 10px 0;
}
blockquote {
border: 0;
padding-left: 0;
}
.wpcr3_item_name a {
color: #0E4B89!important;
text-decoration: underline;
}
.wpcr3_respond_2 label { color: #222;
font-weight: 700;}
.button {
font-size: 15px;
border: 3px solid white;
position: relative;
display: inline-block;
background-color: #FFF;
font-weight: bold;
color: #000;
border-radius: 3em;
padding: 8px 60px;
}
.btn {
font-size:15px;
border: 3px solid white;
position: relative;
display: inline-block;
background-color: transparent;
font-weight: bold;
color: #fff;
border-radius: 3em;
padding: 8px 60px;
}
.link-about a {
font-size: 15px;
border: 3px solid #000;
position: relative;
display: inline-block;
background-color: #FFF;
font-weight: bold;
color: #000;
border-radius: 3em;
padding: 8px 60px;
}
.link-about a:hover {
background-color: #000;
color:#fff;
}
.btn:hover {
background:#fff;
color:#000;
}
.button1, .button2 {
margin:0 10px;
display:inline-block;
}
#location strong {
color: rgb(9,59,110);
}
:not(.et_pb_widget) > div > #servcss {
list-style-type: none;
padding: 0;
font-size: 20px;
}
#servcss li {
position: relative;
font-weight: bold;
margin-bottom: 0.3em;
}
.home #servcss li {
padding-left: 25px;
}
.home #servcss li:before {
position: absolute;
content: '\f00c';
top: 0;
left: 0;
color: #000;
font-family: 'FontAwesome';
}
#servcss li {
padding-left: 25px;
}
#servcss li:before {
position: absolute;
content: '\f00c';
top: 0;
left: -10px;
color: #000;
font-family: 'FontAwesome';
}  #main-header {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0);
background-color: transparent;
filter: drop-shadow(0 0 3px rgba(0,0,0,.25));
}
#main-header .contact-info {
margin-top: 18px;
margin-bottom: 0px;
transition: 0.3s;
}
#main-header .contact-info a, #main-header .contact-info span {
display: inline-block;
font-size: 16px;
font-weight: bold;
color: #fff;
line-height: 0;
transition: 0.4s ease-in-out;
}
#main-header .contact-info a {
padding-left: 25px;
}
#main-header .contact-info span {
position: relative;
padding-right: 25px;
}
#main-header .contact-info span:before {
position: absolute;
content: "";
top: 0;
right: 0;
width: 1px;
height: 50%;
background-color: rgba(255, 255, 255, 0.3);
}
#main-header .contact-info a:hover {
color: #FFC527!important;
}
#main-header .fa {
position: relative;
top: -7px;
left: -10px;
width: 25px;
height: 40px;
color: rgba(255, 255, 255, 0.58);
border-radius: 50%;
font-size: 15px;
font-size: 43px;
padding-top: 11px;
transition: 0.3s;
}
#main-header .fa-up {
color:White;
}
#main-header .fa-volume-control-phone {
font-size: 18px;
padding-top: 10px;
}
#main-header .fa-mobile {
font-size: 23px;
top: -3px;
}
table.cart th, #main-content table.cart th, table.cart td, #main-content table.cart td, table.cart tr, #main-content table.cart tr, #content-area table tr, #content-area table td, #content-area table th { color: #222 !important;
font-weight: 700 !important; }
#main-header .contact-info a em, #main-header .contact-info span em {
display: block;
color: rgba(255, 255, 255, 0.58);
font-style: initial;
text-align: left;
position: relative;
left: 26px;
font-size: 13px;
font-weight: 400;
}
#main-header .contact-info span em {
top: -2px;
}
#main-header .contact-info a.phonenum em {
top: 6px;
} .logo_container {
height: 100%!important;
position: absolute;
width: 100%;
text-align: left;
}
.et-fixed-header .logo_container, .logo_container {
padding: 0;
}
.text-logo {
position: relative;
display: table-cell;
vertical-align: middle;
color: #fff;
font-family: 'Fjalla One', sans-serif;
font-weight: bold;
line-height: 1.05em;  
text-transform: uppercase; 
transition: 0.3s;
background: linear-gradient(to right, #FFF 20%, rgb(255,197,39) 40%, rgb(255,197,39) 60%, #FFF 80%);
background-size: 200% auto;  
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;  
animation: shine 3s linear infinite;
padding: 10px 0;
}
.text-logo:hover {
transform: skew(-10deg);
}
.comp-name {
color: #000;
font-weight: bold;
transition: 0.4s ease-out;
}
.comp-name:hover {
text-decoration: underline;
} #et-top-navigation { }
#top-menu li {
padding-right: 0px;
}
#top-menu li a {
font-size:14px;
font-weight: bold;
padding: 16px 9px!important;
transition: 0.4s ease-in-out;
}
#top-menu li a:hover, #top-menu .current-menu-item > a { color: #fff!important;
opacity: 1!important;
}
#top-menu li.menu-item-object-custom a,
.et-fixed-header #top-menu li.menu-item-object-custom.current-menu-item a {
background-color: transparent;
color: #fff!important;
}
#top-menu li.menu-item-object-custom:last-child a:hover {
background-color: transparent;
color: #fff!important;
} .mobile_menu_bar::before, .select_page {
color: #fff!important;
}
#et_mobile_nav_menu, .et_header_style_centered #main-header .mobile_nav {
background-color: transparent!important;
}
.et_mobile_menu {
padding: 1% 1%;
}
#mobile_menu {
background-color: #fff!important;
}
.et_mobile_menu li a {
color: #000;
}
.et_monarch .et_social_mobile {
width: 100%!important;
} .scroll-down-btn {
z-index: 99999;
position: absolute;
bottom: 35px;
text-align: center;
margin: 0 auto;
left: 0;
right: 0;
-moz-animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite;
}
.scroll-down-btn:hover {
opacity: 0.8;
} .widgettitle {
position: relative;
color: #0e4b89!important;
font-size: 17px;
font-weight: bold;
padding-bottom: 15px;
margin-bottom: 25px;
border-bottom: 1px solid #eee; 
}
.widgettitle:before {
position: absolute;
content: "";
display: block;
bottom: 0;
left: 0;
width: 25px;
height: 3px;
background-color: #FFC527; 
}
#sidebar {
color: #525252;
}
#sidebar strong {
font-weight: 300;
color: #0E4B89;
}
#sidebar .textwidget br:nth-child(4), #sidebar .textwidget br:nth-child(5) {
display: none;
}
#sidebar #servcss li {
position: relative;
color: #0E4B89;
padding-left: 25px;
transition: 0.4s ease-in-out;
}
#sidebar #servcss li:before {
position: absolute;
content: '\f00c';
top: 0;
left: 0;
color: #FFC527;
font-family: 'FontAwesome';
}
#servcss svg {
display: none;
} #section-1 .et_pb_column_1_4 h4 {
position: relative;
font-size: 20px!important;
text-transform: uppercase!important;
}
#section-1 .et_pb_column_1_4 h4:before {
position: absolute;
content: "";
bottom: -10px;
left: 45%;
width: 20px;
height: 2px;
background-color: #fff;
}
#section-1 .et_pb_column_1_4 .et-pb-icon {
transition: 0.4s ease-in-out;
}
#section-1 .et_pb_column_1_4 .et-pb-icon:hover {
transform: translateY(-10px);
}
.content-title {
position: relative;
}
.content-title span {
font-weight: 300;
} .home-testimonial .heading {
position: relative;
font-size: 30px;
font-weight: bold;
line-height: 40px;
}
.home-testimonial .heading:before {
position: absolute;
content: '\f005 \f005 \f005 \f005 \f005';
top: -33px;
left: 50%;
color: #FFC527;
font-family: 'FontAwesome'; 
font-size: 20px;
transform: translateX(-50%);
}
.home-testimonial blockquote {
border: 0;
margin-bottom: 0;
padding-left: 0;
padding-bottom: 0 !important;
}
.home-testimonial div.wpcr3_review div.wpcr3_review_title, 
.home-testimonial div.wpcr3_review div.wpcr3_review_ratingValue,
.home-testimonial div.wpcr3_review div.wpcr3_review_datePublished,
.home-testimonial div.wpcr3_review div.wpcr3_review_author {
display: none!important;
}
.home-testimonial .wpcr3_item_name a {
color: #fff!important;
}
.home-testimonial .learn-more a {
background-color: rgb(255,197,39);
border: 2px solid rgb(255,197,39);
color: #fff;
text-transform: uppercase;
padding: 13px 18px;
font-size: 15px;
font-weight: bold;
transition: 0.3s ease-out;
}
.home-testimonial .learn-more a:hover {
background-color: transparent;
color: rgb(255,197,39);
} .wpcr3_respond_2 input[type="text"] {
margin: 3px 0;
}
.wpcr3_table_2 td {
font-size: 1em !important;
}
.wpcr3_leave_text {
font-size: 1.1em;
}
.wpcr3_leave_text {
margin-bottom: 20px;
}
@media (min-width: 981px) {
.wpcr3_respond_2 input[type="text"],
.wpcr3_respond_2 textarea {
min-width: 100%;
}
.wpcr3_table_2 td {
text-align: left !important;
}
.wpcr3_review_form_rating_field label {
margin: 6px 0 !important;
}
.wpcr3_button_1 {
margin-top: 10px;
}
}
@media (max-width: 980px) {
.wpcr3_respond_3,
.wpcr3_aggregateRating,
.wpcr3_table_2 td {
text-align: center !important;
}
.wpcr3_div_2 {
width: 100%;
}
.wpcr3_table_2 tr:last-of-type td {
margin: 20px auto 0 !important;
}
.wpcr3_table_2 td {
display: block;
padding: 0 !important;
}
.wpcr3_table_2 td:first-child {
margin-top: 10px !important;
}
.wpcr3_rating_style1_status {
width: 85px !important;
}
.wpcr3_respond_2 input[type="text"],
.wpcr3_in_content textarea {
width: 100% !important;
min-width: unset !important;
}
.wpcr3_submit_btn, .wpcr3_cancel_btn {
width: 40%;
}
} #location h3 {
font-size: 20px;
font-weight: bold;
line-height: 27px;
}
.free-estimate-heading {
position: relative;
color: rgb(9,59,110)!important;
font-weight: 800;
font-size: 30px;
line-height: 30px;
text-transform: uppercase;
padding-left: 8px; 
margin-bottom: 10px;
} #button-submitter {
font-size: 16px;
padding: 20px 30px;
font-weight: 600 !important;
color: #000;
cursor: pointer;
height: auto !important;
border:1px solid #000;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
background-color:#fff;
border-radius: 2px;  
margin-top: 20px!important;
overflow: hidden;
transition: 0.3s;
width: 100% !important;
}
#button-submitter:hover {
background-color: #000;
color:#fff;
}
.input-all {
font-size: 16px;
font-weight:bold;
border-bottom: 2px solid #c3c3c3 !important;
padding: 10px 0px !important;
width: 100%;
border-top: none !important;
border-left: none !important;
border-right: none !important;
}
#message {
height:110px;
} #main-footer {
background-color:#fff;  position:absolute;
z-index: 111111111111111111111;
margin-top: -55px;
width:100%;
}
#main-footer #footer-widgets {
margin-bottom: 30px;    
padding: 3% 0 0;
}
#main-footer .footer-widget {
color: #f7f7f7!important;
}
#main-footer .footer-widget strong {
font-weight: 300;
}
#main-footer .footer-widget .et_pb_widget { 
float: none;
}
#main-footer #footer-widgets .footer-widget:nth-child(2) > div {
width: 100%;
}
#main-footer h4 {
position: relative;
color: #f7f7f7!important;
font-size: 18px;
font-weight: bold;
line-height: 1.1;
text-transform: uppercase;
padding-bottom: 13px;
margin-bottom: 17px;
}
#main-footer h4:before {
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 30px;
height: 3px;
background-color: #FFC527;
border-radius: 10px;
}
.hours th,
.openinghours td {
color: #000!important;
font-family: 'Muli', sans-serif;
font-size: 14px;
font-weight: 300!important;
text-align: left !important;
text-shadow: none !important;
}
.openinghours tr td:last-child {
text-align: right!important;
}
#current-day {
background-color: transparent;
}
#current-day td {
color: #005fa6!important;
font-weight: bold!important;
}
#text-7 .textwidget br,
#text-7 .textwidget strong {
display: none;
}
#footer-bottom {
background-color: #0E4B89!important;
line-height: 19px;
font-size: 16px;
color: white;
}
#footer-bottom .container {
border-top: 2px solid rgba(255,255,255,0.1);
padding: 20px 0;
}
footer .container {
width: 90%;
}   @keyframes shine {
to {
background-position: 200% center;
}
}
@keyframes beat {
0% {
transform: scale(1);
}
50% {
transform: scale(1.03);
}
100% {
transform: scale(1);
}
} @-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
} .pull-right { float: right!important; }
.pull-left { float: left!important; } @media (max-width: 980px) { 
.et_header_style_centered #main-header {
padding: 7px 0 0;
}
#main-header .contact-info {
margin-bottom: -17px!important;
}
#main-header .contact-info a {
padding-left: 5px;
}
#main-header .contact-info span {
padding-right: 5px;
}
#main-header .fa {
left: -3px;
}
#main-header .fa-mobile {
top: 2px !important;
left: -1px;
}
#main-header .contact-info span:before {
content: none;
}
.logo_container {
position: static;
text-align: center;
}
#et-top-navigation {
background: unset;
border: 0!important;
} #mobile_menu {
top: 33px;
border-top: 0;
}
#main-header .contact-info {
float: none !important;
margin-top: 0;
}
#main-header .fa {
top: 0;
}
#main-header .contact-info a em, #main-header .contact-info span em {
display: none;
}
.home-testimonial .wpcr3_item_name a, .home-testimonial .heading, .home-testimonial .et_pb_text {
text-align: center;
}
}
@media (max-width: 650px) { 
.et_monarch .et_social_mobile {
width: 50% !important;
}
}
@media (max-width: 600px) { 
#main-header .contact-info a, #main-header .contact-info span {
display: block;
line-height: 25px;
padding: 0 !important;
}
}
@media (max-width: 500px) { 
#contactForm div:nth-child(5) img {
float: none;
display: block;
margin: 0 0 10px;
width: 100%;
}
#contactForm div:nth-child(5) input {
float: none;
width: 100% !important;
}
}
@media screen and (max-width: 425px) {
.et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_slide_description h2.et_pb_slide_title {
font-size: 48px!important;
line-height: normal;
}
}
@media screen and (max-width: 375px) {
.et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_slide_description h2.et_pb_slide_title {
font-size: 38px!important;
}
} body,
.wpcr3_content p {
font-size: 17px !important;
} @media screen and (max-width:600px) {
.et_pb_slide_description{
width: 100% !important;
padding-left: 0 !Important;
padding-right: 0 !important;
margin-top: 30px;
}
} .et_monarch .et_social_mobile {
width: 65% !important;
} .menu-item-has-children>a:after {
top: unset !important;
right: 3px !important;
} #top-menu .sub-menu {
padding: 0 !important;
width: unset !important;
border-top: 3px solid #ddd !important;
}
#top-menu .sub-menu li {
padding: 0 !important;
line-height: 1.2em !important;
border-left: 0 !important;
}
#top-menu .sub-menu li a {
border-left: 0 !important;
}
.et_mobile_menu .sub-menu {
border: none !important;
} @media (min-width: 981px) {
#et-top-navigation .et_menu_container {
margin: 0 !important;
width: 100% !important;
max-width: 100% !important;
}
}
#top-menu-nav {
display: block !important;
width: fit-content !important;
margin: 0 auto !important;
}
#top-menu li { padding: 0 !important;
margin: 0 !important;
}
#top-menu>li:last-child {
} .et-fixed-header #top-menu li a {
font-size: 14px;
} @media (max-width: 980px) {
#main-footer h4 {
text-align: center;
}
.widgettitle:before,
#main-footer h4:before {
width: 100%;
}
body:not(.home) h1.entry-title {
text-align: center;
font-size: 24px;
border-bottom: 1px solid #ccc;
}
.et_pb_widget {
text-align: center;
}
footer .et_pb_widget {
float: none;
}
}
#main-footer .container {
width: 93%;
}
.payments strong, .payments br {
display: none;
} @media (max-width:980px) {
.et_pb_text {
text-align: center;
}
img.scroll-down-btn {
bottom: -15px;
}
#contact-section .et_pb_column {
margin: 0 auto !important;
}
}
#servcss {
display: inline-block;
} @media (max-width:980px) {
.logo_container {
width: 95%;
display: inline-block;
max-height: unset !important;
}
header .mobile_nav {
padding: 10px !important;
}
.home-testimonial .learn-more a {
display: block;
}
.container.clearfix.et_menu_container {
width: 100%;
}
a.text-logo {
max-width: 550px;
display: inline-block;
}
.contact-info.pull-right span,
.contact-info.pull-right a {
padding: 3px 15px 3px 0 !important;
line-height: 2em !important;
font-size: 16px !important;
}
} @media (min-width:981px) {
.logo_container {
max-width: 60%;
height: 65px !important;
text-align: left; }
header .container {
width: 94% !important;
}
} .cn-services {
background-color: rgba(255, 255, 255, 0.85);
border: 5px solid #d4d4d4;
padding: 30px 20px;
} #et_mobile_nav_menu {
width: 100%;
}
.mobile_menu_bar_toggle {
height: 100%;
width: 100%;
position: relative;
top: -44px !important;
right: 0 !important;
}
.mobile_menu_bar:before {
right: 5px !important;
left: unset !important;
top: 7px;
position: absolute;
}
ul#mobile_menu {
top: 100%;
text-align: center;
} @media ( min-width: 981px ) {
.image-logo header {
height: 120px;
transition: all .3s !important;
border-top: none;
padding-top: 0 !important;
}
.image-logo header.et-fixed-header {
height: 105px;
}
.image-logo .logo_container {
max-width: 100% !important;
max-height: 100% !important;
width: 100% !important;
height: 100% !important;
position: absolute;
}
.image-logo #logo {
position: absolute;
left: 0;
}
.image-logo #main-header .contact-info {
line-height: 110px !important;
padding-top: 10px;
margin: 0;
}
.image-logo #main-header.et-fixed-header .contact-info {
line-height: 95px !important;
padding-top: 10px;
}
.image-logo .et_menu_container {
width: 100% !important;
max-width: 1350px;
padding-right: 10px;
}
.image-logo #top-menu > li > a {
transition: all .3s !important;
}
.image-logo .et-fixed-header #top-menu > li > a {
padding-top: 13px !important;
padding-bottom: 13px !important;
}
}
@media ( max-width: 980px ) {
.image-logo .logo_container {
width: fit-content;
margin: 0 auto;
height: 100% !important;
}
.image-logo .logo_container,
.image-logo #logo {
max-height: 120px !important;
max-width: 100%;
vertical-align: unset;
}
#logo {
padding: 0 10px;
}
} h4.widgettitle {
font-size: 1.2em;
}
.et_pb_widget svg {
display: none;
}
@media (min-width: 981px) {
.et_pb_widget li {
list-style: disc inside;
}
}
@media (max-width: 980px) {
.et_pb_column .et_pb_widget:nth-child(n) {
width: 100% !important;
max-width: 100% !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
} article div:not(.et_pb_widget_area) ul:not(#servcss) li,
article div:not(.et_pb_widget_area) ol li {
margin-bottom: 1em;
}
#left-area ul,
.entry-content ul,
.comment-content ul,
body.et-pb-preview #main-content .container ul,
#left-area ol,
.entry-content ol,
.comment-content ol,
body.et-pb-preview #main-content .container ol {
padding-bottom: 0;
} .fwidget {
width: 100%;
}
#social-icons {
text-align: inherit;
}
@media (max-width:980px) {
.et_pb_widget {
text-align: center;
}
.paymentType {
display: inline-block;
float: none;
}
}
#social-icons .social-icon {
filter: drop-shadow(0 1px 1px rgba(0,0,0,.75));
}
#page-container {
margin-top:0px !Important;
padding-top:0px !Important;
}
.arrow-up {
position: absolute;
display: none;
z-index: 999999;
top: 0px;
right: 3px;
width: 32px;
height: 32px;
}
#et_mobile_nav_menu {
display:inline-block;
}
.et_mobile_menu li a {
padding: 15px 5%;
text-transform: uppercase;
border-bottom: 1px solid #ddd;
text-align: left;
color: #000 !important;
font-weight: bold;
}
.et_mobile_menu {
border-top: 3px solid #ffffff00 !important;
}
#mobile_menu {
left:auto;
right: 0;
width: 20%;
}
#main-header.et-fixed-header {
-webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0.0) !important;
-moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0.0) !important;
box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
}
#main-header {
position: fixed;
top: auto;
}
.et_pb_slider .et_pb_slide_0, .et_pb_slider .et_pb_slide_1, .et_pb_slider .et_pb_slide_2, .et_pb_slider .et_pb_slide_3 {
height: 100vh;
}
.et_pb_slider .et_pb_slide_2 {
background-position:center !important;
}
.page-id-959 .et_pb_slider .et_pb_slide_2 {
background-position:bottom center !important;
}
.first-slider-buttons p, .button-video p {
text-align:center;
font-size: 35px;
font-weight: bold;
text-transform: capitalize;
color: white;
margin-bottom: 40px;
text-shadow:2px 2px 2px #000;
line-height:41px;
}
.first-slider-buttons {
position: relative;
top: -110px;
overflow: hidden;
height: auto;
width: 100%;
}
.button-video {
position:relative;
overflow: hidden;
height: auto;
width: 100%;
top: -170px;
}
.linkaboutus {
margin-top:20px;
margin-bottom:35px;
}
.linkaboutus a {
text-align:center;
text-decoration: underline;
color: white;
font-weight: bold;
font-size:15px;
}
.fas-1 {
position: relative;
top: -7px;
left: -10px;
width: 25px;
height: 40px;
color: rgba(255, 255, 255, 0.58);
border-radius: 50%;
font-size: 15px;
font-size: 43px;
padding-top: 11px;
transition: 0.3s;
color:white;
}
.arrow-down {
position: relative;
top: 280px;
}
.animated {
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
} 
@-webkit-keyframes bounce {
0%, 20%, 40%, 60%, 80%, 100% {-webkit-transform: translateY(0);}
50% {-webkit-transform: translateY(-5px);}
} 
@keyframes bounce { 
0%, 20%, 40%, 60%, 80%, 100% {transform: translateY(0);}
50% {transform: translateY(-5px);}
} 
.bounce { 
-webkit-animation-name: bounce;
animation-name: bounce;
}
#animated-example {
}
#main-footer #footer-widgets {
display:none;
}
.bottom-nav a, .bottom-nav li.current-menu-item > a {
color:#000;
}
#et-footer-nav .container {
text-align:center;
}  .bottom-nav a:hover {
opacity: 1;
}
.clear-arrow {
width:50%;
}
.first-section-about {
height:100vh;
}
.row-about {
display: inline !important;
}
.col-left-map iframe {
height:88vh;
width:100%;
}
.col-left-about {
width:50%;
float:left;
}
.col-left-about img {
width:100%;
height:100vh;
}
.col-right-about {
padding: 90px 40px;
float:left;
width:50%
}
.col-right-about .services-sidebar {
padding-left: 15px;
margin-top:70px;
} .col-left-testimonials {
float:left;
width:50%
}
.col-right-testimonials .services-sidebar {
padding-left: 15px;
margin-top:70px;
}
.col-right-testimonials .services-sidebar ul li {
text-align:center;
}
.col-left-testimonials img {
width:100%;
height:100vh;
}
.col-right-testimonials {
padding: 30px 40px;
float:left;
width:50%
}
.review-testimonials {
margin:75px 0;
}  .contact-form {
width: 80%;
margin: 24px auto 50px auto;
}
.contact-form h2 {
color: #005ca2;
text-transform: uppercase;
text-shadow: 2px 2px 2px black;
text-align: center;
font-weight: bold;
font-size: 35px;
}
.contact-form h2 span {
color: #f8a639;
}
.col-left-contact {
width:50%;
float:left;
}
.col-left-contact img {
width:100%;
height:101vh;
}
.col-right-contact {
padding: 50px 40px;
float:left;
width:50%
}
.col-right-contact .services-sidebar {
padding-left: 15px;
margin-top:70px;
}
.nap-contact {
padding:75px 0 100px 0;
width:100%;
overflow:hidden;
height: calc(105vh + 55px);
}
.nap-1 {
padding: 0px;
margin: 60px auto;
width: 80%;
height: auto; }
.nap-1 iframe {
height: 70vh;
width: 71%;
}
.nap-contact p {
position:relative;
top:35px;
margin-bottom:20px;
text-transform: uppercase;
font-size: 35px;
font-weight: bold;
text-align: center;
}
.nap-1 h3 {
padding-bottom:20px;
line-height:27px;
}  .col-left-service {
width:50%;
float:left;
}
.col-left-service img {
width:100%;
height:100vh;
}
.col-right-service {
padding: 85px 40px;
float:left;
width:50%
}
.col-right-service .services-sidebar {
padding-left: 15px;
margin-top:70px;
} .slider-section-1 {
min-height: calc(93vh - 55px); 
}
#about {
overflow:hidden;
padding:0px;
width:100%;
height:auto;
}
.services-sidebar p {
padding-bottom:15px;
font-size:30px;
}
:not(.et_pb_widget) > div > #servcss {
width: 100%;
}
.col-right-about #servcss li {
text-align:center;
}
.et_header_style_centered nav#top-menu-nav{
display: block !important;
transition: all .3s linear;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
} @-webkit-keyframes zoominout {
from {
-webkit-background-size: 100%;
-moz-background-size: 100%;
-ms-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
}
to {
-webkit-background-size: 150%;
-moz-background-size: 150%;
-ms-background-size: 150%;
-o-background-size: 150%;
background-size: 150%;
}
}
.et_pb_slider .et_pb_slide_0 {
background-position: center !Important;
}
.toogle_1, .toogle_2, .toogle_3, .toogle_4 {
background-color:#fffffff2;
}
.toogle_4 {
border-top-right-radius:2em;
border-top-left-radius:2em;
}
.toogle_3, .toogle_5 {
border-bottom-right-radius:2em;
border-bottom-left-radius:2em;
}
.toogle_1, .toogle_2 {
border-radius:2em;
}
.et_pb_toggle_title:before {
color:#000;
}
.et_pb_toggle_close h5.et_pb_toggle_title, .et_pb_toggle_close .et_pb_toggle_title {
font-weight: bold;
color:#000;
}
@media screen and (min-width: 769px) and (max-width: 2000px) { 
.et_pb_slider .et_pb_slide_0 {
-webkit-animation: zoominout 2s linear;
-moz-animation: zoominout 2s linear;
-ms-animation: zoominout 2s linear;
-o-animation: zoominout 2s linear;
animation: zoominout 2s linear;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-ms-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
animation-fill-mode: forwards;
}
}
p.title-page {
text-transform: uppercase;
margin-top: 220px; z-index: 11111111111111111;
color: white;
text-shadow: 2px 2px 2px #000;
font-weight: bold;
font-size: 55px;
text-align: center;
}
#top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {
display:none;
}
#top-menu .sub-menu {
background:#000;
}
.text-down p {
color: white;
text-shadow: 2px 2px 2px #000;
font-weight: bold;
font-size: 22px;
text-align: center;
line-height: 30px;
} .et-fixed-header #logo {
display:none;
}
.working-hours {
margin-top:15px;
}
.working-hours h3 {
font-weight:bold;
text-align:center;
}
.entry-content table, body.et-pb-preview #main-content .container table {
width: 55% !important;
margin: 0 auto !important;
}
.width-container {
padding: 1em 3em;
max-width: 70em;
width: 100%;
}
.inner-wrapper {
position: relative;
display: flex;
background-color: rgba(255,255,255,0.9);
align-items: center;
}
.inview-fade-up.inview {
border-radius:0.5em;
opacity: 1!important;
transform: translate3d(0,0,0)!important;
}
.inview-fade-up {
opacity: 0;
transform: translate3d(0,20px,0);
transition: opacity 600ms,transform 1200ms cubic-bezier(0.19,1,0.22,1);
}
.inner-wrapper::before {
border-radius:0.5em;
top: 50%;
left: 50%;
width: calc(100% - 1.5em);
height: calc(100% + 1em);
border: 2px solid #fff;
transform: translate(-50%,-50%);
z-index: -1;
content: '';
position: absolute;
display: block;
}
.col {
flex: 0 0 50%;
}
.col-inner {
padding: 15px;
}
.section-title {
position: relative;
margin: 0;
color: #444;
font-size: 2.25em;
font-weight: 200;
line-height: 1;
letter-spacing: -0.4px;
text-align: right;
text-transform: uppercase;
}
.content {
margin-bottom: 0;
color: #444;
font-size: 1.125em;
line-height: 1.33;
letter-spacing: -0.2px;
text-align: left;
}
.content-container p {
margin: 0.5em;
font-size: 1em;
line-height: 1.5em;
font-weight: normal;
}
.button-video-two {
top:-60px;
}
.arrow-down-three {
top: 135px;
}
.width-container-two {
position: relative;
bottom: 30px;
}
.arrow-down-four {
top: 175px !important;
}
.arrow-down-two {
top: 190px;
}
@media screen and (max-width:1440px) {
.nap-contact p {
top: 5px;
}
.nap-contact {
height: calc(100vh + 55px);
}
.page-id-44 #main-footer {
margin-top: -30px;
}
.col-right-contact {
padding: 40px 40px 0px 40px;
}
.col-left-contact img {
height:100vh;
}
.col-left-testimonials img {
height:100vh !important;
}
.col-left-about img {
width: 100%;
height: 97vh;
}
.col-left-contact img {
height: 100vh;
}
.col-right-about {
width: 50%;
padding: 29px 40px;
}
.col-right-about .services-sidebar {
margin-top: 44px;
}
.col-left-about {
width:50%;
}
.review-testimonials {
margin:75px 0;
}
.slider-section-1 {
min-height: calc(100vh - 55px);
}
.nap-1 iframe {
width: 80%;
} .nap-contact p {
font-size: 30px;
}
.nap-1 h3 {
}
}
@media screen and (max-width:1024px) {
.first-slider-buttons {
top: -40px;
}
.et_pb_slide_1 .et_pb_container, .et_pb_slide_0 .et_pb_container {
width: 100%;
}
.arrow-down-three {
top: 110px !important;
}
.arrow-down-two {
top: 135px !important;
}
.arrow-down-four {
top: 110px !important;
}
.col-right-testimonials {
padding: 60px 40px;
}
.nap-contact {
height: calc(100vh + 55px);
}
.nap-contact p {
top: 0px;
}
.nap-1 h3 {
font-size: 20px;
} .nap-1 iframe {
height: 65vh;
}
.col-left-map iframe {
height: 75vh;
}
.arrow-down {
top: 260px;
}
.button-video {
top: -70px;
}
#servcss {
width: 100%;
}
#servcss li {
text-align: center;
}
.col-left-about, .col-right-about, .col-left-testimonials, .col-right-testimonials, .col-left-contact, .col-right-contact, .col-right-service, .col-left-service {
width: 100%;
}
.col-left-about img, .col-left-contact img, .col-left-testimonials img, .col-left-service img {
width: 100%;
height: auto !important;
}
}
@media screen and (max-width:980px) {
.first-slider-buttons {
top: -30px;
}
.arrow-down-four {
top: 138px !important;
}
.arrow-down-three {
top: 140px !important;
}
.arrow-down-two {
top: 160px !important;
}
.col-right-testimonials .services-sidebar, .col-right-about .services-sidebar {
padding-left: 0px;
}
.et_pb_slide_3 {
height:106vh !important;
}
.toogle_5 {
margin-bottom: 40px;
}
.entry-content table, body.et-pb-preview #main-content .container table {
width: 100% !important;
}
.page-id-985 .et_pb_slider .et_pb_slide_1 {
background-position: 56% 100% !Important;
background-image: url(http://nasko2.cloudwebncw.com/wp-content/uploads/2019/07/slider-1-mobile-Best-Solar-Company-Rowland-Heights.jpg) !important;
}
.page-id-985 .et_pb_slider .et_pb_slide_3 {
background-position: 59% 100% !Important;
background-image: url(http://nasko2.cloudwebncw.com/wp-content/uploads/2019/07/slider-2-mobile-Best-Solar-Company-Rowland-Heights.jpg) !important;
}
.page-id-959 .et_pb_slider .et_pb_slide_1 {
background-position: 56% 100% !Important;
background-image: url(http://nasko2.cloudwebncw.com/wp-content/uploads/2019/07/slider-mobile-Best-Solar-Company-Pico-Rivera.jpg) !important;
}
.page-id-959 .et_pb_slider .et_pb_slide_3 {
background-position: center !Important;
background-image: url(http://nasko2.cloudwebncw.com/wp-content/uploads/2019/07/slider-2-mobile-Best-Solar-Company-Pico-Rivera.jpg) !important;
}
.et_pb_slider .et_pb_slide_3 {
background-position: center !Important;
background-image: url(http://nasko2.cloudwebncw.com/wp-content/uploads/2019/07/slider-pic2.jpg) !important;
}
.et_pb_slider .et_pb_slide_1 {
background-position: center !Important;
background-image: url(http://nasko2.cloudwebncw.com/wp-content/uploads/2019/07/slider-pic.jpg) !important;
}
.nap-1 {
margin: 15px 0px;
width: 100%;
}
.nap-1 h3 {
font-size: 19px;
}
.contact-form {
width: 100%;
}
.button-video {
top: -50px;
}
.button1 {
margin-bottom: 20px;
}
.button1, .button2 {
width: 90%;
}
.btn, .button {
width: 100%;
}
.et_mobile_menu {
padding: 4% 1%;
}
ul#mobile_menu {
top: 280%;
}
.mobile_menu_bar:before {
top: 25px;
}
.arrow-down {
top: 220px;
}
.et-fixed-header #mobile_menu {
right: -25px;
}
#mobile_menu {
width: 70%;
}
.et_header_style_centered #et_mobile_nav_menu {
float:right;
width:50%;
}
span.select_page {
display:none !important;
}
.et_header_style_centered .mobile_menu_bar {
top:-5px !Important;
}
.image-logo .logo_container, .image-logo #logo {
float: left;
max-height: 120px !important;
}
.page-id-44 #main-footer, .page-id-42 #main-footer {
margin-top:5px;
}
.nap-contact p {
margin: 65px 0 45px 0;
}
.nap-contact {
height: auto;
padding: 0px 20px;
}
}
@media screen and (max-width:600px) {
.first-slider-buttons {
top: 30px;
margin-bottom: 60px;
}
.arrow-down-four {
top: 45px !important;
}
.arrow-down-three {
top: 30px !important;
}
.col-inner {
padding: 15px;
}
.width-container {
padding: 5px 5px;
}
.inner-wrapper {
display: block;
}
.section-title {
top: 20px;
text-align: center;
}
.content-container p {
text-align: center;
}
.width-container {
margin-top: 30px;
}
.arrow-down-two {
top: 50px !important;
}
.entry-content tr td, body.et-pb-preview #main-content .container tr td {
padding: 6px 4px;
}
.nap-contact p {
margin: 65px 0 45px 0;
}
.page-id-42 #main-footer {
margin-top:5px;
} 
.bottom-nav li {
padding-right: 0px;
}
.nap-1 {
width: 100%;
}
.nap-1 iframe {
width: 100%;
}
.arrow-down-2 {
display:none;
}
.image-logo .logo_container, .image-logo #logo {
max-height: 100px !important;
}
p.title-page {
font-size: 45px;
}
.button-video {
top: -14px;
}
.et_pb_toggle_close h5.et_pb_toggle_title, .et_pb_toggle_close .et_pb_toggle_title {
font-size: 20px;
}
.et_pb_toggle_open h5.et_pb_toggle_title, .et_pb_toggle_open .et_pb_toggle_title {
font-size: 20px;
}
.btn, .button {
padding: 8px 20px;
}
.arrow-down {
top: 120px;
}
.et_pb_slider .et_pb_slide_0, .et_pb_slider .et_pb_slide_1, .et_pb_slider .et_pb_slide_2, .et_pb_slider .et_pb_slide_3 {
height: auto !important;
min-height: 90vh !important;
}
.bottom-nav li {
width: 100%;
}
.et_header_style_centered #main-header div#et-top-navigation {
position: relative;
float: right;
width: 54%;
}
#mobile_menu {
width: 100%;
}
.et_header_style_centered #et_mobile_nav_menu {
width:100%;
}
.button1 {
margin-bottom:15px;
}
.button, .btn {
width: 100%;
}
.text-down p {
font-size: 17px;
line-height: 21px;
}
}
@media screen and (max-width:375px) {
.et_pb_toggle_close h5.et_pb_toggle_title, .et_pb_toggle_close .et_pb_toggle_title {
font-size: 20px;
}
p.title-page {
font-size:35px;
line-height: 45px;
}
.arrow-down {
top: 100px;
}
}
@media screen and (max-width:320px) {
p.title-page {
font-size: 34px;
}
.et_pb_toggle_open h5.et_pb_toggle_title, .et_pb_toggle_open .et_pb_toggle_title {
color: #333;
font-size: 21px;
}
.et_pb_toggle_close h5.et_pb_toggle_title, .et_pb_toggle_close .et_pb_toggle_title {
font-size: 17px;
}
#mobile_menu {
width: 133%;
}
.et_header_style_centered #main-header div#et-top-navigation {
width: 36%;
}
.button, .btn {
padding: 11px 5px;
}
.image-logo .logo_container, .image-logo #logo {
max-height: 100px !important;
}
}