/*
    Theme Name: SV Autowheels
    Theme URI: https://svautowheels.com/
    Author: the mintlogix team
    Author URI: https://mintlogix.com/
    Description: At SV Autowheels, we believe buying a car is not merely about buying a piece of machinery rather a worthwhile experience. To make this experience special, our digitized showrooms help you customise and make your car unique and special. With these digital elements installed across the Experience Center, we aim to enhance the purchasing experience and make it more appealing.
    Version: 2.0
    Requires at least: 4.4
    Requires PHP: 5.2.4
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Text Domain: svautowheels
*/

/****************
Contact Form 7 Validation CSS
****************/
.wpcf7 form.invalid .wpcf7-response-output{color:#D8000C;background-color:beige;border:1px solid;letter-spacing:0.5px;font-size:13px;width:100%;font-weight:100;padding:10px;margin:0 auto;}
.wpcf7 form.sent .wpcf7-response-output{color:#4F8A10;background-color:#84ff0029;border:1px solid;letter-spacing:0.5px;font-size:13px;font-weight:400;padding:10px;margin:0 auto;}
.wpcf7-not-valid-tip{text-align:left;font-style:italic;font-size:13px;}
#instant-quote-form .form-control,
#enquire-form .form-control,
#contact-form .form-control{margin-bottom:0!important;}
#instant-quote-form .field-main,
#enquire-form .field-main,
#contact-form .field-main{margin-bottom:20px;}
#instant-quote-form .field-wrap,
#enquire-form .field-wrap,
#contact-form .field-wrap{width:100%;float:left;text-align:left;color:#4BA82E;}
#instant-quote-form .wpcf7-spinner{display:none;}
#test-drive-form .wpcf7-not-valid-tip{display:none;}
#test-drive-form input.wpcf7-text.wpcf7-not-valid,
#test-drive-form select.wpcf7-select.wpcf7-not-valid{border:2px solid hsl(11deg 80% 45%);}
#test-drive-form .wpcf7-response-output{margin-top:10px!important;}

/****************
404 Template CSS
****************/
.error-block{}
.error-block h1{font-size:200px;margin-bottom:0;color:#4ba82e;margin-top:0;}
.error-block p{font-size:30px;font-weight:600;line-height:26px;padding-top:0!important;color:#323232;margin-top:0;margin-bottom:7px;}
.error-search-box p{font-size:18px;margin-bottom:30px;line-height:30px;font-weight:400;}
.error-search-box-description-link{font-weight:bold;color:#4ba82e;text-decoration:underline;}

/****************
Custom CSS
****************/
.bg-overlay{display:none;position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.6);z-index:1640;}
.popup{display:none;position:fixed;top:30%;left:0;right:0;margin:-115px auto 0 auto;padding:0px;background-color:#fff;z-index:9999999;border:2px solid #4a4f55;width:70%;max-width:700px;}
.popup img{display:block;}
.popup .icon-cross{display:block;position:absolute;top:-17px;right:-17px;font-size:24px;cursor:pointer;border:2px solid #fff;border-radius:20px;color:#fff;padding:7px 10px 0px;background:#000;font-size:18px;height:35px;width:35px;}
.bg-overlay.active,
.popup.active{display:block;}
.just-cen{justify-content:center;}
.car-fam-header{margin-bottom:20px;}
.mpBg{background-color:black;filter:alpha(opacity=30);opacity:0.3;}
.mp{background-color:white;border-width:3px;border-style:solid;border-color:Gray;padding:3px;}
.mpHd{background-color:#57a000;border-color:White;border-width:1px;color:White;font-weight:bold;width:100%;height:25px;line-height:25px;}
.mpClose{text-align:center;width:100%;}
.mpCloseButton{position:absolute;right:4px;width:17px;height:18px;}
.cbadge-img{position:absolute;bottom:20px;left:20px;height:60px!important;max-width:60px;}
@media (min-width:1024px){
    .gcbadge-im{bottom:40px;left:40px;height:100px!important;max-width:100px;}
}
@media (min-width:1440px){
    .cbadge-img{height:120px!important;max-width:120px;}
}
.car-range.range h1{margin:20px 0px;}
.grey-bg{background-color:#f9f9f9;}
.back-top a{font-size:18px!important;}
#primary_nav .current-menu-parent,
#primary_nav .current-menu-item{background:#4ba82e;}
#primary_nav .current-menu-parent:hover > a,
#primary_nav .current-menu-item:hover > a{color:#fff!important;}
.mobile-header .wrapper a{text-decoration:none!important;}
.mobile-header .wrapper a .fa{margin-right:10px;font-size:1.9em;color:#4ba82e;}

/****************
Calculator CSS
****************/
#loanCalc input{padding:10px;display:block;}
.clearfix{clear:both!important;}
.paymentCalc{background-color:#f7f7f7;border:1px solid #d3d3d3;padding:35px 35px;overflow:auto;}
.calcBtn{display:inline-block;background:#c62233;color:#fff;text-align:center;padding:10px 20px;border-radius:3px;}
#paymentResults{display:none;background:#fff;padding:30px 60px 36px 60px;border:1px solid lightgrey;margin-top:88px;}
div.tooltip{background-color:#4ba82e;color:#fff;}
#payment{margin:10px 0;color:#4ba82e;}
.loan-calc{padding:20px;border:1px solid #d2d2d2;}
#slider-loan-amount,
#slider-loan-term,
#slider-loan-interest,
#slider-balloon-value,
#slider-balloon-value-percent{background-color:#4ba82e;}
.noUi-handle{border-color:#4ba82e;}

/****************
 Scrolling Bottom to top CSS
 ****************/
#bottomToTopBtn{display:inline-block;background-color:#4ba82e;width:39px;height:39px;text-align:center;position:fixed;bottom:0px;right:0px;transition:background-color .3s,opacity .5s,visibility .5s;opacity:0;visibility:hidden;z-index:1000;}
#bottomToTopBtn::after{content:"\f077";font-family:FontAwesome;font-weight:normal;font-style:normal;font-size:21px;line-height:40px;color:#fff;text-decoration:none;outline:none;}
#bottomToTopBtn:hover{text-decoration:none;cursor:pointer;background-color:#333;}
#bottomToTopBtn:active{background-color:#555;}
#bottomToTopBtn.show{opacity:1;visibility:visible;}

.overview-fullwidth-content{width:100%; margin-top:50px; background:#f3f3f3;}
.overview-fullwidth-content-exterior{width:100%; margin-bottom:50px; background:#f3f3f3;}
.banner_bottom-fullwidth-content{width:100%; margin-bottom:50px; background:#f3f3f3;}
.overview-fullwidth-content-exterior .wrap, .overview-fullwidth-content .wrap, .banner_bottom-fullwidth-content .wrap{padding:50px;}
.overview-fullwidth-content-exterior .wrap p:last-child, .overview-fullwidth-content .wrap p:last-child, .banner_bottom-fullwidth-content .wrap p:last-child{margin-bottom:0;}

.mega-menu.active a.n-car img{height:150px;}

.loader-wrap{display:flex; position:fixed; left:0; right:0; top:0; bottom:0; background:#000; z-index:9999; color:#fff; align-items:center; justify-content:center;}

body:not(.loaded) > *:not(.loader-wrap) {
  display:none;  
}

body.loaded .loader-wrap {
  display:none; 
}

#overlayer{width:100%; height:100%; position:fixed; z-index:9999; background:#4a4a4a; left:0; right:0; bottom:0; top:0;}
.loader {display:inline-block; width:30px; height:30px; position:absolute; z-index:9999; border:4px solid #Fff; top:50%; animation:loader 2s infinite ease; left:calc(50% - 15px)}

.loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #fff;
  animation: loader-inner 2s infinite ease-in;
}

@keyframes loader {
  0% {transform:rotate(0deg);}
  
  25% {transform:rotate(180deg);}
  
  50% {transform:rotate(180deg);}
  
  75% {transform:rotate(360deg);}
  
  100% {transform:rotate(360deg);}
}

@keyframes loader-inner {
	0% {height:0%;}
	25% {height:0%;}
	50% {height:100%;  }
  75% {height:100%;  }
  100% {height:0%;}
}

ul.foo-section-menu li.deeper.parent{width:100%;}

@media(max-width: 767px)
{
	.home .banner h3{font-size:40px !important;}
}