/*
Theme Name: Macs Truck Wash
Theme URI: https://proximatesolutions.com/professional-web-design-portfolio/
Author: Proximate Solutions
Author URI: https://proximatesolutions.com/
Description: Wordpress theme designed for Macs Truck Wash.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: macstruckwash.com
Tags: one-column, two-columns, custom-menu, featured-images
*/
body {font-family: 'Poppins', sans-serif; color:#333;}
img {max-width:100%; height:auto;}
a {color:#02568b; transition:all linear 0.2s; text-decoration: underline;}
a:hover, a:focus {text-decoration:none; outline:0; color:#444;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight:500;}
section {padding:65px 0;}
.btn, .form-control {border-radius:0;}
.btn:focus, .form-control:focus {box-shadow:none; -webkit-box-shadow:none;}
.btn:focus { color:#fff;}
.btn-primary {background:#02568b; border-color:#02568b;}
.text-primary {color:#02568b;}
.inner_banner {padding:120px 0; overflow:hidden;}
.inner_banner:before {background:rgba(0,0,0,0.70); position:absolute; left:0; top:0; right:0; height:240px; content:"";}
.inner_contents {min-height:500px;}
.heading_styled {text-transform:uppercase; text-align:center; color:#02568b; margin:0 0 25px;}
#discounts {
    text-align: center;
    color: #14578b;
}

span#discounttext {
    font-size: 22px;
}


.item-1, .item-2, .item-3 {
    position: absolute;
    display: block;
    top: 10px;
    width: 80%;
    margin: 0% !important;
    font-size: 2em;
    animation-duration: 8s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.contact_sec .item-1, .contact_sec .item-2, .contact_sec .item-3 {
    position: absolute;
    display: block;
    top: inherit !important;
    width: 80%;
    padding-bottom: 2%;
    text-align: center;
    font-size: 18px;
    animation-duration: 8s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.contact_sec #slider {
    display: inline-block;
    position: sticky;
    width: 100%;
    height: 40px;
    text-align: center;
}

.item-1{
	animation-name: anim-1;
}

.item-2{
	animation-name: anim-2;
}

.item-3{
	animation-name: anim-3;
}

@keyframes anim-1 {
	0%, 8.3% { left: -100%; opacity: 0; }
  8.3%,25% { left: 10%; opacity: 1; }
  33.33%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-2 {
	0%, 33.33% { left: -100%; opacity: 0; }
  41.63%, 58.29% { left: 10%; opacity: 1; }
  66.66%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-3 {
	0%, 66.66% { left: -100%; opacity: 0; }
  74.96%, 91.62% { left: 10%; opacity: 1; }
  100% { left: 110%; opacity: 0; }
}

@media only screen and (max-width:485px){
.info_bar h5 {
    font-size: 12px !important;
}
	
}

.heading_styled_left {text-transform:uppercase; color:#02568b; margin:0 0 25px;}
.heading_styled img {width:40px; margin-right:6px;}
.hed_icon {width:40px; height: 40px; margin-right:6px; color: #9bdaea; border: #9bdaea 2px solid; border-radius: 100%; font-size: 20px; line-height: 36px; }
.grey_bg {background:#f7f7f7;}
.heading_styled span {color: #9bdaea; font-size: 20px; text-transform: none; }

ul.smac_list2{list-style-type: none; margin:30px 0; padding: 0; counter-reset: section;padding-left: 20px; margin-bottom: 40px; overflow: hidden; }
ul.smac_list2 li {position: relative; padding-left: 45px; margin-bottom: 20px; counter-reset: li}
ul.smac_list2 li:before {color: #fff;  width: 30px;  counter-increment: section; content: counters(section, ".") " "; margin-right: 10px; font-size:17px; font-weight: 500;  text-align: center; border-radius: 100%; height: 30px; background: #9bdaea; line-height: 30px; position: absolute;left: 0;top: 0; }

#slider_main .owl-prev, #slider_main .owl-next {position:absolute; right:0; top:50%; transform:translateY(-50%); width:35px; height:50px; line-height:50px; text-align:center; background:rgba(2, 86, 139, 0.72); color:#fff; font-size:22px;}
#slider_main .owl-prev {left:0;}

.price_content {color:#000; text-align:center; color:#02568b;}
.price_content h4 {font-weight:300;}
.price_content h2 {font-weight:400;}
.price_content h2 sup {font-size:36px; font-weight:400; color:#9bdaea; margin:-2px 4px 0 0;}

/* ON SALE CSS */
.price_item h3.display-4, .price_item sup {
    color: #ff0000 !important;
    font-weight: 600;
}

h3 sup {
    font-size: 36px;
    font-weight: 400;
    color: #9bdaea;
    position: relative;
    top: -12px;
}

ul.smacprice_list_services li h3 {
    font-weight: 400;
    font-size: 45px;
}

ul.smac_list {list-style: none; margin: 0; padding: 0; padding-left: 20px;}
ul.smac_list li {position: relative; padding-left: 30px; margin-bottom: 10px;}
ul.smac_list li:before { position: absolute; left: 0; top: 0; content: "\f00c";  font-family: FontAwesome; color: #02568b;}
ul.smac_list .btn { text-decoration:none;}

ul.smac_list22 {list-style: none; margin: 0; padding: 0;  margin-top: 20px; text-align: center;}
ul.smac_list22 li {position: relative; padding-left: 30px; margin-bottom: 10px;width:calc(33.3% - 10px); display: inline-block;}
ul.smac_list22 li:before {content: "\f00c";  font-family: FontAwesome; color: #02568b; margin-right: 17px;}

ul.smacprice_list{list-style: none; margin: 0; padding: 0;}
ul.smacprice_list li h4 {font-weight: 300; margin-bottom: 30px;font-size:30px;}
ul.smacprice_list li h4 strong {font-size:27px; display:block;}
ul.smacprice_list li h3 {font-weight:400; font-size:45px;}
ul.smacprice_list li h3 sup {font-size:26px; font-weight:400; color:#9bdaea;position: relative; top: -12px;}

ul.smacprice_list_services { list-style: none; padding:0; margin:0 -15px 30px; display:block; text-align: center;}
ul.smacprice_list_services li { display:inline-block; margin:0; width:calc(33.3% - 10px); padding: 0 15px; position:relative; top:0; -webkit-transition: all linear 0.5s 0s; transition: all linear 0.5s 0s; vertical-align: text-top; position: relative; color:#02568b; }
ul.smacprice_list_services li .price_item {padding:5px 30px 20px;background-color: rgba(255,255,255,1); -webkit-box-shadow: rgba(0,0,0,0.1) 0 0 10px; box-shadow: rgba(0,0,0,0.1) 0 0 10px; -webkit-transition: all linear 0.5s 0s; transition: all linear 0.5s 0s; margin-bottom: 30px;}
ul.smacprice_list_services li .price_item .box_icon img {height:70px; object-fit: scale-down;}
ul.smacprice_list_services li h4 {margin:0; padding:0; font-weight: 300; margin-top:5px;font-size:26px;}


ul.smacprice_list { list-style: none; padding:0; margin:0 -15px 30px; display:block; text-align: center;}
ul.smacprice_list li { display:inline-block; margin:0; width:calc(33.3% - 10px); padding: 0 15px; position:relative; top:0; -webkit-transition: all linear 0.5s 0s; transition: all linear 0.5s 0s; vertical-align: text-top; position: relative; color:#02568b; }
ul.smacprice_list li .price_item {padding: 20px 30px;background-color: rgba(255,255,255,1); -webkit-box-shadow: rgba(0,0,0,0.1) 0 0 10px; box-shadow: rgba(0,0,0,0.1) 0 0 10px; -webkit-transition: all linear 0.5s 0s; transition: all linear 0.5s 0s; margin-bottom: 30px;}
ul.smacprice_list li .price_item .box_icon img {height:60px; object-fit: scale-down;}

.box_icon { position:relative; display:block; text-align: center;}
.box_icon img { max-width: 250px; margin:10px 0;}

.op_contents {color:#000; text-align:center; color:#02568b;}
.op_contents .days {color:#515151; font-size:28px;}
.op_contents .timings {color:#02568b; font-size:26px; font-weight:500;}
.location_sec {position: relative; padding-top: 0; padding-bottom: 0;}
.location_map {line-height:0;}

 .location_tittle_bar{ padding-top: 65px; padding-bottom: 25px; background: #f5f5f5;}
 .location_tittle_bar .heading_styled{margin-bottom: 0;}
.location_text_box {max-width:600px; margin:-120px auto 0; padding:40px 40px 30px; background:#02568b; color:#fff; box-shadow:0 0 40px #666; -webkit-box-shadow:0 0 40px #666; position:relative;}

.contact_sec form {max-width:750px; margin:0 auto;}
.contact_sec .form-control {margin-bottom:20px;height: auto; padding: 10px 15px; }
textarea.form-control { height:150px;}
span.wpcf7-not-valid-tip { display:none;}
.wpcf7-not-valid { border:1px solid #F00 !important;}
div.wpcf7-response-output { margin:10px 0;}
div.wpcf7 .ajax-loader { display:block;}
.contact_btn{ margin-bottom: 30px;}
.term_text{position: relative; max-width: 750px; margin: 0 auto; color:#02568b; transition:all linear 0.2s; text-decoration: underline; }
.term_text a{position: absolute; right: 0; top: -80px;color:#02568b; transition:all linear 0.2s; text-decoration: underline; cursor: pointer;}
.term_text a:hover, .term_text a:focus {text-decoration:none; outline:0; color:#444;}
ul.social_list{list-style: none; margin: 0; padding: 0;}
ul.social_list li {display: inline-block; margin: 0 5px;font-size: 20px;}
ul.social_list li a{color: #000;}
ul.social_list li a:hover{color:#02568b;}
.modal {color: #000;} 
.modal ol {list-style: lower-alpha;}
.modal-header {position:relative; width: 100%; display: block; text-align: center;}
.modal-header .modal-title { text-transform: uppercase; color:#02568b;}
.modal-header .close {padding: 12px; position: absolute; right: -7px; top: 0; opacity: 1; color: #fff; background:#02568b; border-radius: 100%; width: 42px; height: 42px; line-height: 18px;}
.body_btn a {text-decoration: none;}
.body_btn .btn {padding: 12px 30px; font-size: 18px;}
.term_body {height: 550px; overflow-y: scroll; } 
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {color: #fff;background: #9bdaea; text-decoration: none; opacity: 1;}


#myModal-download .modal-footer {display: block!important;}

ul.how_it_works_list {list-style: none; padding:0; margin:0;}
ul.how_it_works_list li { display:inline-block; width:49%; margin-bottom:50px; text-align: center; }
ul.how_it_works_list li .how_it_works_item { display:block; padding:0 10px;}
ul.how_it_works_list li .number { background-color: #02538c; width:40px; height:40px; -webkit-border-radius:100%; border-radius:100%; margin:0 auto; margin-bottom:15px; text-align: center; font-size:20px; padding-top:6px; color: #fff; font-weight:bold;}
ul.how_it_works_list li .thumb {display:block; text-align: center;}
ul.how_it_works_list li .thumb img {height:80px; display:inline-block;}
ul.how_it_works_list li h2 { font-size:26px; margin:0; padding:0; margin:12px 0 0; text-transform: uppercase; color: #02538c;}
ul.how_it_works_list li .small_text { font-size:12px; text-transform: uppercase;}