/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.mainheader > .e-con-inner { position: relative; padding-right: 145px; }
#page .mainheader .hfe-nav-menu { flex-wrap: nowrap; }
#page .mainheader .hfe-nav-menu .menu-item .hfe-menu-item { white-space: nowrap; }
.elementor-element.halfbg:before { content: ''; width: 100%; height: 42%; background: #fff; position: absolute; top: 0; bottom: auto; left: 0; right: 0; }
#page .esploralogo .swiper-wrapper .swiper-slide-inner { border: 1px solid #E9E9E9; border-radius: 16px; margin: 12px; overflow: hidden; padding: 10px 10px 15px; }
.offertacarslider.slider { display: flex; flex-wrap: wrap; } 
.offertacarslider.slider .item { width: 25%; padding: 10px; } 
.vsautocolumn { border-radius: 18px; overflow: hidden; display: inline-block; width: 100%; border: 1px solid #E9E9E9; }
/* .vsautocolumn .far.fa-bookmark { font-family: "Font Awesome 5 Free"; font-weight: 400; } */
.autocarimgbox { position: relative; }
.autocarimgbox img { display: block; width: 100%; height: 250px; object-fit: cover; }
.autocarimgbox .imglinkbox { display: block; width: 100%; }
.imglinkbox .img-fluid { display: block; width: 100%; height: 100%; object-fit: cover; }
.tagandsavbtn { position: absolute; top: 0; left: 0; width: 100%; padding: 15px 20px; display: flex ; align-items: center; justify-content: space-between; }
.buonprezotag { display: inline-block; vertical-align: middle; background: #3D923A; padding: 8px 10px 10px; border-radius: 100px; font-size: 16px; min-width: 120px; text-align: center; font-weight: 500; color: #fff; line-height: 1; font-family: 'Lato', sans-serif; }
.tagandsavbtn .savcarbtn { width: 40px; height: 40px; display: inline-flex; justify-content: center; align-items: center; border-radius: 100px; color: #000; background: #fff; border: 0; font-size: 14px; }
.autocardatabox { padding: 20px 20px; }
.autocardatabox h3 { margin: 0; color: #050B20; font-size: 20.63px; font-weight: 500; font-family: 'Lato', sans-serif; }
.autocardatabox p { font-size: 16px; color: #050B20; font-family: 'Lato', sans-serif; margin: 0 0 10px; }
.autocardatabox ul { border-top: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; display: flex ; list-style: none; margin: 0 0 15px; padding: 10px 0; justify-content: space-around; }
.autocardatabox ul li { padding: 7px 7px; }
.autocardatabox ul li .img-fluid { height: 20px; }
.autocardatabox ul li span { display: block; font-size: 16px; color: #050B20; font-family: 'Lato', sans-serif; }
.pricebutton { display: flex ; align-items: center; justify-content: space-between; }
.pricebutton h4 { margin: 0; color: #050B20; font-size: 23px; font-weight: 700; font-family: 'Lato', sans-serif; }
.pricebutton .simplebtn { color: #FFA500; font-size: 16px; font-weight: 500; display: inline-flex; align-items: center; gap: 10px; } 
.pricebutton .simplebtn svg { width: 16px; height: 16px; }
.servizihalfbg:before { content: ''; width: 100%; height: 520px; background: #F8F4E5; position: absolute; top: 0; left: 0; }
.carfiltter_row { border: 1px solid #fff; border-radius: 100px; display: flex; flex-wrap: wrap; align-items: center; } 
.carfiltter_row .form-group { flex: 1; position: relative; padding: 0 20px; } 
.carfiltter_row .form-group:after { content:''; border-right: 1px solid rgba(255,255,255,0.15); position: absolute; right: 0; top: 50%; height: 50%; transform: translateY(-50%); }
.carfiltter_row .form-group:last-child { padding-right: 10px; }
.carfiltter_row .form-group .form-select { width: 100%; background: transparent; border: 0; border-radius: 0; color: #fff; font-size: 16px; font-family: 'Lato',sans-serif; cursor: pointer; box-shadow: none; outline: none; padding: 25px 5px; }
.carfiltter_row .form-group .form-select option { color: #000; }
.pricegroup { display: flex; align-items: center; gap: 10px; color: #fff; } 
.pricegroup label { color: #fff; font-size: 16px; font-weight: 400; } 
.pricegroup > div { display: flex; flex-wrap: wrap; flex-direction: column-reverse; }
.pricegroup > div span { line-height: 1; margin: 0 0 3px; text-align: right; }
.pricegroup  .form-control { width: 100%; background: transparent; border: 0; box-shadow: none; outline: none; border-radius: 0; color: #fff; font-size: 16px; padding: 10px 0; -webkit-text-fill-color: #fff; }
.pricegroup  input.form-control:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset !important; -webkit-text-fill-color: #ffffff !important; transition: background-color 5000s ease-in-out 0s; }
.carfiltter_row .searchfiltter { background: #fff; width: 100%; text-align: center; border-radius: 100px; color: #050B20; font-size: 16px; font-weight: 500; display: flex; align-items: center; justify-content: center; gap: 10px; border: 0; box-shadow: none; outline: none; padding: 15px 15px; cursor: pointer; }
.carfiltter_row .searchfiltter:hover { background: #ffa500; }
.carheading { font-weight: 700; font-size: 40px; color: #050B20; margin: 0 0 30px; }
.carshoplist-row { display: flex ; flex-wrap: wrap; margin: 0 -10px; }
.carshoplist-row .carcol { width: 33.33%; padding: 10px; }
/*Single page*/
.singlecar_row { display: flex; flex-wrap: wrap; margin: 0 -15px; } 
.singlecar_row .col-50 { width: 50%; padding: 8px 15px; } 
.singlecargallery .slider { margin: 0; padding: 0; list-style: none; display: flex; }
.singlecargallery .slider.slick-slider { display: block; }
.singlecargallery .slider.slider-for li { width: 100%; padding: 7px; }
.slidimgbox { width: 100%; border-radius: 18px; overflow: hidden; }
.slidimgbox .img-fluid { width: 100%; height: 450px; object-fit: cover; display: block; }
.singlecargallery .slider.slider-nav li { width: 33.33%; padding: 7px; }
.thumbimgbox { display: block; width: 100%; border-radius: 8px; overflow: hidden; cursor: pointer;}
.thumbimgbox .img-fluid { width: 100%; height: 135px; object-fit: cover; display: block; }
.singlecar_details { padding: 0 7px; }
.headingdata h2 { color: #050B20; font-size: 40px; font-weight: 700; margin: 0 0 15px; } 
.headingdata h4 { font-size: 23px; font-weight: 700; color: #050B20; font-family: 'lato',sans-serif; margin: 0 0 15px; }
.headingdata p { font-size: 16px; font-weight: 400; color: #4D4D4D; margin: 0 0 12px; font-family: 'Lato',sans-serif; }
.carmanual { border-top: 1px solid #E9E9E9; display: flex; flex-wrap: wrap; list-style: none; margin: 30px 0; padding: 10px 0 0; } 
.carmanual li { padding: 7px 7px; font-size: 16px; color: #050B20; font-family: 'Lato', sans-serif; text-align: center; min-width: 20%; } 
.carmanual li .img-fluid { height: 20px; } 
.carmanual li strong { display: block; font-weight: 700; line-height: 27px; } 
.carmanual li span { display: block; font-weight: 400; padding: 5px 0 0; }
.btn.ornagebgbutton { background: #FFA500; display: inline-block; font-family: "Barlow", Sans-serif; font-size: 16px; font-weight: 600; color: #000000; box-shadow: 0px 2px 0px 0px #000000; border: 1px solid #FFA500; border-radius: 16px; padding: 12px 40px; transition: all .4s; }
.btn.ornagebgbutton:hover { background: #000; color: #FFA500; border-color: #000; box-shadow: 0px 2px 0px 0px #FFA500; }
/* modal */
.elementor-popup-modal.contacttimodal .dialog-widget-content { width: calc(100% - 30px); max-height: calc(100% - 30px); max-width: 1200px; overflow: hidden; }
.elementor-popup-modal.contacttimodal .dialog-close-button { width: 40px; height: 40px; justify-content: center; align-items: center; border-radius: 100px; }
.contacttiform-row .form-group { margin: 10px 0; display: inline-block; width: 100%; } 
.contacttiform-row p { margin: 0; position: relative; } 
.contacttiform-row .wpcf7-form-control-wrap { display: block; }
.contacttiform-row .form-group .form-control { width: 100%; background: #303030; border: 0; border-radius: 0; outline: none; box-shadow: none; border-bottom: 1px solid #fff; color: #fff; -webkit-text-fill-color: #fff; padding: 10px 20px; font-size: 16px; display: block; }
.contacttiform-row .form-group textarea.form-control { height: 150px; }
.contacttiform-row .form-group .wpcf7-checkbox .wpcf7-list-item { margin: 0; }
.contacttiform-row .wpcf7-checkbox label { font-size: 16px; color: #fff; font-weight: 400; position: relative; display: block; padding-left: 30px; cursor: pointer; }
.contacttiform-row .wpcf7-checkbox label input[type="checkbox"] { display: none; }
.contacttiform-row .wpcf7-checkbox label .wpcf7-list-item-label::before { width: 18px; height: 18px; display: block; border: 1px solid #fff; border-radius: 4px; background: #1e1e1e; position: absolute; top: 0; left: 0; z-index: 2; }
.contacttiform-row .wpcf7-checkbox label .wpcf7-list-item-label::after { content: '\02714'; color: #ffa500; font-size: 14px; position: absolute; top: 0; left: 0; z-index: 3; width: 18px; height: 18px; text-align: center; display: flex ; align-items: center; align-content: center; justify-content: center; opacity: 0; visibility: hidden; transition: all .3s; }
.contacttiform-row .wpcf7-checkbox label input[type="checkbox"]:checked + .wpcf7-list-item-label::after { opacity: 1; visibility: visible; }
.wpcf7-form.invalid .wpcf7-response-output { margin: 10px 0 20px; background: #ee0606; border-color: #ee0606 !important; color: #fff; }
.wpcf7-form.sent .wpcf7-response-output { background: #46b450; color: #fff; margin: 10px 0 20px; }
body .pagination { justify-content: center; gap: 10px; }
body .pagination .page-numbers { border: 1px solid #ffa500; color: #000; font-size: 15px; font-weight: 500; padding: 3px 12px; background: #ffffff; transition: all .3s; }
body .pagination .page-numbers:hover, body .pagination .page-numbers.current { background: #ffa500; }






/*Responsive Media Query*/
@media (min-width:1200px){
.offertacarslider.slider .slick-list { padding: 0 10% !important; }
	
	
}


@media (min-width:1600px){
.offertacarslider.slider .slick-list { padding: 0 15% !important; }

	
}


@media (max-width:1024px){
.elementor-element.halfbg:before { height: 32%; }	
#page footer .hfe-nav-menu__layout-horizontal { display: block; }
#page footer .hfe-nav-menu__layout-horizontal .hfe-nav-menu { justify-content: center; }
.imglinkbox .img-fluid { min-height: 200px; }
.carheading { font-size: 32px; margin: 0 0 15px; }	
.servizihalfbg:before { height: 435px; }
.slidimgbox .img-fluid { height: 35vw; }
.thumbimgbox .img-fluid { height: 12vw; }
.headingdata h2 { font-size: 28px; }
.headingdata h4 { font-size: 18px; }
.carmanual { margin: 17px 0; }

}


@media (max-width:991px){
.carfiltter_row { flex-wrap: wrap; border-radius: 0; border: 0; }
.carfiltter_row .form-group { flex: inherit; width: 50%; padding: 7px 7px; }
.carfiltter_row .form-group:after { display: none; }
.carfiltter_row .form-group .form-select { border: 1px solid #ddd; padding: 10px 10px; border-radius: 100px; }
.pricegroup { border: 0; border-radius: 0px; padding: 0; }
.carfiltter_row .form-group:last-child { padding: 7px; width: 100%; }
.carfiltter_row .searchfiltter { padding: 10px; }
.carshoplist-row .carcol { width: 50%; }


}


@media (max-width:767px){
#page .whitetextmobile .elementor-heading-title { color: #fff; }
.mainheader > .e-con-inner { padding-right: 0; }
#page .mainheader .hfe-nav-menu .hfe-nav-menu__toggle .hfe-nav-menu-icon { padding: 5px; }
#page .mainheader nav.hfe-nav-menu__layout-horizontal { position: fixed; right: -100%; left: auto !important; width: 100% !important; height: 100%; top: 0; bottom: 0; display: block; transition: all 0.5s; padding: 80px 0 0; z-index: 9 !important;} 
#page .mainheader ul.hfe-nav-menu { visibility: visible; opacity: 1; }
#page .mainheader .menu-is-active > ul.hfe-nav-menu { display: block; width: 100%; height: 100vh; overflow: auto; padding-bottom: 100px; } 
#page .mainheader .hfe-nav-menu .menu-item .hfe-menu-item::after { display: none; }
#page .mainheader .hfe-nav-menu__toggle.hfe-active-menu { position: fixed; top: 10px; right: 10px; z-index: 99;}
#page .mainheader .hfe-nav-menu__toggle.hfe-active-menu + nav.hfe-nav-menu__layout-horizontal { visibility:visible; opacity:1; right: 0;}
.offertacarslider.slider .item { padding: 6px; }
.autocarimgbox img { height: 100%; }
.autocardatabox { padding: 10px 10px; }
.autocardatabox h3 { font-size: 18px; }
.autocardatabox p { font-size: 14px; }
.pricebutton h4 { font-size: 16px; }
.offertacarslider.slider.slick-slider .slick-list { padding: 0 25px !important; }
.carfiltter_row .form-group { width: 100%; padding: 7px 0; }
.carheading { font-size: 28px; }
.carshoplist-row .carcol { width: 100%; }
.servizihalfbg:before { height: 250px; }
.singlecar_row .col-50 { width: 100%; }
.slidimgbox .img-fluid { height: 55vw; }
.thumbimgbox .img-fluid { height: 20vw; }
/* .pricegroup label { width: 100%; }
.pricegroup { display: block; } */
	
}


@media (max-width:430px){
.autocardatabox ul li { padding: 5px; }
.autocardatabox ul li span { font-size: 13px; }
.slidimgbox .img-fluid { height: 70vw; }
.thumbimgbox .img-fluid { height: 30vw; }
.carmanual li { padding: 5px; font-size: 14px; }
.carmanual li span { font-size: 13px; }
.pricegroup input[type="range"] { width: 100%; }

}