/*
 Theme Name:   Basel Child
 Description:  Basel Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     basel
 Version:      1.0.0
 Text Domain:  basel-child
*/

@font-face {
    font-family: 'Circular Std';
    src: url('/wp-content/themes/basel-child/fonts/CircularStd-Bold.woff2') format('woff2'),
         url('/wp-content/themes/basel-child/fonts/CircularStd-Bold.woff') format('woff'),
         url('/wp-content/themes/basel-child/fonts/CircularStd-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/*########################################################################*/
/*############################### GENERAL ################################*/
/*########################################################################*/

	.hide-on-mobile {display: block;}
	.show-on-mobile {display: none;}

	/* --- Popups --- */

	.mfp-close:after, .mfp-close:before {display: none !important;}
	.mfp-close {font-size: 28px !important;}
	.mfp-close {border: 1px solid black !important; border-radius: 100px !important; margin: 20px !important; width: 30px; height: 30px; line-height: 0; text-align: center !important; font-size: 18px !important; box-shadow: 0px 3px 5px #0002 !important;}

	#popup-ozono {padding: 60px 50px 10px; font-family: "Open Sans", sans-serif; font-size: 14.5px !important; color: black;}
	#popup-tiempos {padding: 60px 50px 10px; font-family: "Open Sans", sans-serif; font-size: 14.5px !important; color: black;}


	/* --- Scroll to top --- */

	.scrollToTop {border: none; background: #00be66;}
	.scrollToTop:after {color: white;}
	html {scroll-behavior: smooth;}

	/* --- Columns width --- */
	
	.third-width-xl {width: 33%;}
	.half-width-xl {width: 50%;}
	.full-width-xl {width: 100%;}

	.container {width: 90% !important;}

	/* --- Paddings y margins --- */

	section {padding-top: 80px; padding-bottom: 80px;}
	.no-padding .vc_column-inner {padding: 0 !important;}
	.padding-left-xl .vc_column-inner {padding-left: 100px;}
	.padding-right-xl .vc_column-inner {padding-right: 100px;}

	/* --- Fuentes y textos--- */

	.only-on-xs {display: none;}

	p { font-family: "Open Sans", sans-serif !important; font-weight: 400; letter-spacing: -0.2px; font-size: 14.5px !important; color: black !important;}
	strong {font-weight: 600 !important;}
	.pretitulo {font-family: "Karla", sans-serif !important; margin-bottom: 0; font-size: 15px; font-weight: normal; margin-bottom: 10px; letter-spacing: -.35px;}
	.title-h1, .title-h2, .title-h3, .title-h4, h1, h2, h3, h4, button, .vc_btn3, .button {font-family: 'Circular Std' !important; font-weight: 900; line-height: 1; margin-bottom: 20px;}

	.title-h1 {letter-spacing: -1px !important; font-weight: 900 !important;}
	.title-h2, .title-h3, .title-h4 {font-weight: 900 !important; letter-spacing: 0px !important;}

	/* --- Botones --- */

	button, .vc_btn3 {transition: all .3s ease; background: #00BE66 !important;
                 border: 1px solid #00BE66 !important; padding: 0 !important; color: #fff !important;
                 font-family: 'Circular Std' !important; font-size: 16px !important; font-weight: 900;
                 position: relative; letter-spacing: 1px;}
	button:after, .vc_btn3:after {transition: all .3s ease; position: absolute; content: ""; background: black; height: 1px; width: 20px; right: -18px; top: 24px;}
	button:before, .vc_btn3:before {transition: all .3s ease; position: absolute; content: ""; background: #00BE66; padding: 9px; border-radius: 100px; right: -28px; top: 16px;}
	button:hover::before, .vc_btn3:hover::before {transform: translatex(-10px);}

        button:hover, .vc_btn3:hover { color: #00BE66 !important; background: #FFF !important; border: 1px solid #00BE66 !important; }
        
	.vc_btn3 { padding: 15px 40px !important;}

	.btn.basel-popup-with-content {border-radius: 5px; font-weight: 900;}

	.blink_me {animation: blinker .7s linear infinite;}

@keyframes blinker {
  50% { transform: translateY(-10px); }

}

	/* --- Botones right column --- */

	
	.boton-comprar {transition: all .3s ease; font-size: 16px; background: #02be67 padding-box; border-radius: 3px; border: none !important;}
	.boton-comprar a {color: white !important; text-decoration: none; padding: 10px 20px; }
	.boton-comprar:hover {transform: scale(.9); background: #08d878; }

	.cambio-idioma {font-size: 16px;}
	.cambio-idioma {display: inline-flex !important; justify-content: center; align-items: center;}
	.cambio-idioma a {padding: 0 10px; text-decoration: none;}

/*########################################################################*/
/*############################### HEADER #################################*/
/*########################################################################*/

	/* --- Logo --- */

	.site-logo img {max-height: 45px !important;}

	/* --- Main Header --- */

	.sticky-header {display: block;}
	.main-header {display: none;}

	/* --- Main menu --- */

	.menu li > a, .act-scroll .main-nav .menu > li > a {text-transform: none !important; letter-spacing: -.35px;}

	/* --- Cart Icon --- */

	.shopping-cart {display: none !important;}

	/* --- Wishlist Icon --- */

	.wishlist-info-widget {display: none !important;}


/*########################################################################*/
/*############################### FOOTER #################################*/
/*########################################################################*/

	footer {background: #F7F7F7 !important;}
	.min-footer {padding: 10px;}
	footer p, footer a {color: black !important; font-size: 13px !important;}


/*########################################################################*/
/*############################### FORMS ##################################*/
/*########################################################################*/

	.frm_form_fields fieldset {border: none; padding: unset;}

	span.frm_required {display: none;}

	#form_distrib input, #form_distrib textarea, #form_distrib-en input, #form_distrib-en textarea {background: none !important; border: none !important; box-shadow: none !important; border-bottom: 1px solid white !important; border-radius: 0 !important; color: white !important;}
	#form_distrib ::placeholder, #form_distrib-en ::placeholder {color: white !important;}
	#form_distrib .frm_button_submit, #form_distrib-en .frm_button_submit {border-radius: 5px !important; box-shadow: none !important; background: white !important; padding: 12px 23px !important; font-family: 'Circular Std' !important;}
	#form_distrib .frm_button_submit:after, #form_distrib .frm_button_submit:before, #form_distrib-en .frm_button_submit:after, #form_distrib-en .frm_button_submit:before {content: none;}
	#form_distrib label, #form_distrib label a, #form_distrib-en label, #form_distrib-en label a {color: white !important;}

	#form_clients input, #form_clients textarea, #form_clients-en input, #form_clients-en textarea {background: none !important; border: none !important; box-shadow: none !important; border-bottom: 1px solid black !important; border-radius: 0 !important; color: black !important;}
	#form_clients ::placeholder, #form_clients-en ::placeholder {color: black !important;}
	#form_clients .frm_button_submit, #form_clients-en .frm_button_submit {border-radius: 5px !important; box-shadow: none !important; background: #00B45F !important; padding: 12px 23px !important; font-family: 'Circular Std' !important; color: white !important;}
	#form_clients .frm_button_submit:after, #form_clients .frm_button_submit:before, #form_clients-en .frm_button_submit:after, #form_clients-en .frm_button_submit:before {content: none;}

	.frm_forms {font-family: "Open Sans", sans-serif !important;}

	.frm_button_submit {margin-top: 30px;}


/*##############################################################################*/
/*############################### CART ########################################*/
/*#############################################################################*/

	.woocommerce-cart td.product-thumbnail img {visibility: hidden; pointer-events: none !important;}
	.woocommerce-cart td.product-thumbnail {pointer-events: none !important;}
	.woocommerce-message {margin-top: 50px !important;}
	.woocommerce-cart button {background: #00be66 !important; padding: 13px 20px !important; border-radius: 5px; color: white !important;}
	.woocommerce-cart button:after, .woocommerce-cart button:before {content: none;}
	.woocommerce-cart td.product-name a {line-height: 1; letter-spacing: 0px !important; color: black !important;}
	.woocommerce-message a {margin-bottom: 0;}
	.woocommerce-cart th {letter-spacing: -.5px !important;}


/*##############################################################################*/
/*############################### CART ########################################*/
/*#############################################################################*/


	.woocommerce-checkout button {background: #00be66 !important; padding: 20px !important; color: white !important; border-radius: 5px;}
	.woocommerce-checkout button:after, .woocommerce-checkout button:before {content: none;}
	.woocommerce-checkout th, .woocommerce-checkout h3 {letter-spacing: -.5px !important;}

/*# -------------------------------------------- PÁGINAS ---------------------------------------------------- #*/


/*########################################################################*/
/*############################### HOME ###################################*/
/*########################################################################*/

/* --- Video --- */

	.video-home {position: relative;}
	.video-home .btn-acaba-virus {position: absolute; bottom: 250px; left: 0; right: 0; margin: auto; background: white; width: fit-content; border-radius: 100px;}
	.video-home .btn-acaba-virus .vc_btn3:after, .video-home .btn-acaba-virus .vc_btn3:before {content: none;}
	.video-home .btn-acaba-virus .vc_btn3 {padding: 20px 30px !important; box-shadow: 0px 3px 30px #0003;}
	.video-home .btn-acaba-virus {transition: all .3s ease;}
	.video-home .btn-acaba-virus:hover { animation: none !important; transform: scale(1.1) translateY(-4px); box-shadow: 0 0px 20px #00be66, 0 30px 30px #0004; background: #00d874 !important; color: white !important;}
	.video-home .btn-acaba-virus:hover .vc_btn3 {color: #000 !important;}

	#videoBanner {max-width: 100%; /* min-height: 100vh;*/ }


	.leyenda {position: absolute; bottom: 330px; z-index: 1; right: 0; left: 0; width: 200px; margin: auto;}
	.leyenda:before {content: "¡Haz click!"; position: absolute; background: #00be66; top: -20px; right: 0; left: 0; margin: auto; width: fit-content; color: white; font-size: 16px; letter-spacing: -0.7px; padding: 0 10px;}

	.leyenda-en {position: absolute; bottom: 330px; z-index: 1; right: 0; left: 0; width: 200px; margin: auto;}
	.leyenda-en:before {content: "¡Click here!"; position: absolute; background: #00be66; top: -20px; right: 0; left: 0; margin: auto; width: fit-content; color: white; font-size: 16px; letter-spacing: -0.7px; padding: 0 10px;}


	
	



/* --- Caracteristicas --- */

	.col-feature .vc_column-inner {transition: all .4s ease; padding: 20px 30px 10px; background: linear-gradient(45deg, #FAFAFA, #fff); border-radius: 10px; border: 1px solid #0001;}
	.col-feature {padding: 10px;}
	.col-feature .vc_column-inner:hover {box-shadow: 0 3px 5px rgb(138 138 138 / 42%) inset, 0 -2px 12px rgb(0 0 0 / 8%) inset; border: 1px solid rgba(255,255,255,1); color: rgba(255,255,255,1);}

	#caracteristicas .wpb_single_image.wpb_content_element.vc_align_left {margin-bottom: 15px !important;}

	#row-sectores .col-feature {width: 14%; display: flex; justify-content: center;}

	#sectores .wpb_single_image.wpb_content_element.vc_align_left {margin-bottom: 15px !important;}

/* --- Row  video --- */

	.margin-top-xl {margin-top: 130px;}

/* --- Info --- */

	#row-info-boxes .col-feature .vc_column-inner { padding: 40px 40px 20px;}
	#row-contactos .form-empresas .vc_column-inner {padding: 40px 40px 20px; background: linear-gradient(45deg, #00A85A, #00BE66); border-radius: 10px; border: 1px solid #0001;}
	#row-contactos .form-clientes .vc_column-inner {padding: 40px 40px 20px; background: white; border-radius: 10px; border: 2px solid #00B460;}
	#row-contactos .form-empresas, #row-contactos .form-clientes {padding: 10px;}
	#row-contactos .form-empresas p, #row-contactos .form-empresas .pretitulo {color: white !important;}

/* --- Tabla --- */

	table.tabla-tiempos tr:nth-child(3), table.tabla-tiempos tr:nth-child(5), table.tabla-tiempos tr:nth-child(7), table.tabla-tiempos tr:nth-child(9), table.tabla-tiempos tr:nth-child(11) {background: #02be671a;}
	table.tabla-tiempos tr:nth-child(2), table.tabla-tiempos tr:nth-child(4), table.tabla-tiempos tr:nth-child(6), table.tabla-tiempos tr:nth-child(8), table.tabla-tiempos tr:nth-child(10) {background: #02be6752;}
	table.tabla-tiempos tr:nth-child(1) {background: #02be67; color: white;}

/*# ---------------------------------------------------------------------------------------------------------------- #*/
/*# -------------------------------------------- MEDIA	QUERIES ---------------------------------------------------- #*/
/*# ---------------------------------------------------------------------------------------------------------------- #*/


@media (max-width: 768px) {
	

/*##################################################################################*/
/*##################################### GENERAL ####################################*/
/*##################################################################################*/
	
	#videoBanner {min-height: unset;}
	.video-home .btn-acaba-virus {bottom: 80px;}
	
	/* --- Header --- */
	
	.sticky-header .right-column {width: 80%;}
	.sticky-header .site-logo {width: 20%;}
	.boton-comprar {font-size: 13px; background: #02be67 padding-box; padding: 0px; border-radius: 3px; border: none !important;}
	.boton-comprar a {color: white !important;}
	.cambio-idioma {font-size: 13px;}
	.cambio-idioma {display: inline-flex !important; justify-content: center; align-items: center;}
	.cambio-idioma a {padding: 0 5px;}
	
	
	/* --- Fuentes y textos--- */
	
	.hide-br-xs br {display: none;}
	
	/* --- Paddings y margins --- */ 
	
	.padding-left-xl .vc_column-inner {padding-left: 20px; background: none !important;}
	.container {width: 95% !important;}
	.vc_btn3 {padding-left: 0 !important;}
	.padding-left-xs {padding-left: 30px !important;}
	
	/* --- Responsive columns width --- */
	
	.third-width-md {width: 33%;}
	.half-width-md {width: 50%;}
	.full-width-md {width: 100%;}
	
	
	/* --- Video responsive --- */
	
	/*#videoBanner {position: fixed; right: 0; top: 0; min-width: 100%; max-height: 60% !important;}
	.video-full-height {min-height: 50vh !important; max-height: 50vh !important;}*/
	
	
/*# -------------------------------------------- PÁGINAS ---------------------------------------------------- #*/


/*###############################################################################*/
/*##################################### HOME ####################################*/
/*###############################################################################*/
	
	/* --- Row  video --- */

	.margin-top-xl {margin-top: 130px;}
	
	/* --- Sectores --- */
	
	#row-sectores .col-feature {width: 50%;}
	

}

button[name=update_cart] { border-radius: 0; }

@media (max-width: 520px) {
		
	.hide-on-mobile {display: none;}
	.show-on-mobile {display: block;}
	
	/*Centrar menu en el centro de la pantalla en móviles*/
	
	.act-mobile-menu .mobile-nav {right: 0; left: 0; margin: auto; top: 0; bottom: 0; transform: unset !important;}
	
	.mobile-nav-from-right .mobile-nav {right: 0; left: 0; margin: auto; top: 0; bottom: 0; transform: translate3d(350px,0,0); -webkit-transform: translate3d(350px,0,0); -ms-transform: translate3d(350px,0,0); -sand-transform: translate3d(350px,0,0);}
	button#searchsubmit {display: none;}
	.mobile-nav {top: 46px; z-index: 99999999999999999999;}
	form#searchform {display: none;}
	.mobile-nav {background-color: #00be66;}
	.mobile-nav ul li a {color: white !important; text-transform: none !important; letter-spacing: -0.4px !important;}
	.mobile-nav {height: fit-content;}
	
	.leyenda:before, .leyenda-en:before {width: 100px; text-align: center;}
	
	
	#tabla-comparativa .columna-caracteristicas { min-width: auto; }
	
	
/*########################################################################*/
/*############################### GENERAL ################################*/
/*########################################################################*/
	
	.leyenda:before, .leyenda-en:before {top: 70px;}
	
	#videoBanner {min-height: 100vh;}
	.video-home .btn-acaba-virus {bottom: 150px;}
	
	.video-square {min-height: unset !important; max-height: unset; max-width: 100%;}
	
	/* --- Columns --- */
	
	.reverse {flex-direction: column-reverse;}
	
	/* --- Paddings y margins --- */
	
	section {padding-top: 0px; padding-bottom: 0px;}
	.margin-top-xl {margin-top: 0;}

	
	/* --- Fuentes y textos--- */
	
	.only-on-xs {display: block;}
	.title-h1, .title-h2 {letter-spacing: -1.3px !important;}
	
	/* --- Responsive columns width --- */
	
	.third-width-xs {width: 33%;}
	.half-width-xs {width: 50%;}
	.full-width-xs {width: 100%;}
	
/*# -------------------------------------------- PÁGINAS ---------------------------------------------------- #*/

	
/*###############################################################################*/
/*##################################### HOME ####################################*/
/*###############################################################################*/
	
	/* --- Video --- */
	
	#videoBanner {max-width: unset !important; max-height: 60vh !important;}
	
	/* --- Caracteristicas --- */
	
	.col-feature {min-width: 250px;}
	.horizontal-scroll-xs {display: flex; overflow: scroll; padding-left: 5px;}
	.horizontal-scroll-gradient {position: relative;}
	
}

/*###############################################################################*/
/*################################## PRODUCTO ###################################*/
/*###############################################################################*/

.single-breadcrumbs-wrapper { display: none !important; }

.single-product-page { margin-top: 50px; }
.single-product-page .price del,
.single-product-page .price ins { font-family: 'Circular Std' !important; }

.single-product-page .woocommerce-tabs,
.single-product-page .product_meta { display: none; }

.single-product-page .single_add_to_cart_button { color: #FFF !important; background: #00be66 !important; font-size: 16px !important; padding: 14px 20px !important; }

.single-product-page .single_add_to_cart_button:before,
.single-product-page .single_add_to_cart_button:after { content: none !important; }

#tabla-comparativa { margin-top: 20px; font-family: 'Circular Std' !important; }
#tabla-comparativa .pricing-tables { align-items: flex-start; -webkit-align-items: flex-start; -ms-align-items: flex-start; }
#tabla-comparativa .basel-price-table { margin-left: 0; margin-right: 0; }
#tabla-comparativa .basel-price-table:hover { transform: translateY(0px); -webkit-transform: translateY(0px); box-shadow: none; }
#tabla-comparativa .basel-price-table .basel-plan-inner { display: flex; flex-flow: column;  }
#tabla-comparativa .basel-price-table .basel-plan-inner .basel-plan-price { order: 2; padding-top: 20px; padding-bottom: 20px; }
#tabla-comparativa .basel-price-table .basel-plan-inner .basel-plan-features { order: 1; }
#tabla-comparativa .basel-price-table .basel-plan-inner .basel-plan-footer { order: 3; }
#tabla-comparativa .basel-price-table .basel-plan-inner .basel-plan-price { display: flex; flex-flow: row wrap; background: transparent; text-align: center; display: block; }
#tabla-comparativa .basel-price-table .basel-plan-inner .basel-plan-price span { display: inline; line-height: 1; vertical-align: bottom !important; color: #000; }
#tabla-comparativa .basel-price-table .basel-plan-inner .basel-plan-price span.basel-price-currency { font-size: 18px; opacity: .5; text-decoration: line-through; }
#tabla-comparativa .basel-price-table .basel-plan-inner .basel-plan-price span.basel-price-value { font-size: 26px; opacity: 1; margin-left: 5px; }
#tabla-comparativa .basel-price-table .basel-plan-inner .basel-plan-price span.basel-price-suffix { font-size: 18px; }
#tabla-comparativa .basel-price-table .basel-plan-inner .basel-plan-footer a { margin-bottom: 0px; }
#tabla-comparativa .columna-caracteristicas .basel-plan-price, 
#tabla-comparativa .columna-caracteristicas .basel-plan-footer { display: none !important; }
#tabla-comparativa .columna-caracteristicas { min-width: 600px; }
#tabla-comparativa .columna-caracteristicas .basel-plan-features > div { text-align: left; font-weight: 400; }

#tabla-comparativa .basel-price-table:not(.columna-caracteristicas) .basel-plan-features > div {}
#tabla-comparativa .basel-price-table:not(.columna-caracteristicas) .basel-plan-features > div { line-height: 1.2; color: #FFF; }
#tabla-comparativa .basel-price-table:not(.columna-caracteristicas) .basel-plan-features > div strong:after { position: absolute; margin-top: -10px; left: calc(50% - 8px); 
content: url(https://lucasgreenair.com/wp-content/uploads/2020/12/marca-de-verificacion.png); display: block; }

#tabla-comparativa .basel-price-table .basel-plan-inner, 
#tabla-comparativa .basel-price-table:hover .basel-plan-inner { box-shadow: none !important; }

#tabla-comparativa .basel-price-table { border-top: 10px solid #FFF; }
#tabla-comparativa .basel-price-table.destacado { border: 10px solid #00be66; }
#tabla-comparativa .basel-price-table.destacado .basel-plan-inner { border: none; border: 1px solid rgba(97,97,97,.09); }



/* Oculta el icono de menú movil */

.mobile-nav-icon { display: none; }