/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*Open sans full axis*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body {
	font-family: 'Open Sans', sans-serif;
}
/*Variables*/
:root {
	--color-primary:#7BADD3;
	--color-secondary:#FDC300;

    --color-base:#323E48;

    --color-red:#D26A6B;
    --color-orange:#F5A050;
    --color-blue-turquoise:#49B9C4;
}

body .color-primary, body .color-primary * {
	color:var(--color-primary);
}

body .color-secondary, body .color-secondary * {
	color:var(--color-secondary);
}

body .color-red, body .color-red * {
	color:var(--color-red);
}

body .color-orange, body .color-orange * {
	color:var(--color-orange);
}

body .color-blue-turquoise, body .color-blue-turquoise * {
	color:var(--color-blue-turquoise);
}

.txt-m-0 * {
    margin:0!important;
}

.txt-mb-0 * {
	margin-bottom:0;
}

.button.button-mb-0 {
	margin-bottom:0;
}

.doubled-font > * {
    font-size:2em!important;
}

h1, .banner h1, h2, .banner h2, h3, .banner h3, h4,  .banner h4, h5,  .banner h5, h6,  .banner h6 {
	line-height:inherit;
	font-size:1em;
}

.pb-0 {
	padding-bottom:0!important;
}

body .fw-300, body .fw-300 * {
	font-weight:300;
}

body .fw-400, body .fw-400 * {
	font-weight:400;
}

body .fw-500, body .fw-500 * {
	font-weight:500;
}

body .fw-600, body .fw-600 * {
    font-weight:600;
}

body .fw-700, body .fw-700 * {
	font-weight:700;
}

.br-l {
    border-top-left-radius:99px;
    border-bottom-left-radius: 99px;
}

.br-r {
   border-top-left-radius:99px;
    border-bottom-left-radius: 99px;
}

.pad-left-col > .col-inner {
    padding-left: max(15px,calc((100vw - 1600px)/2))!important;
}

.pad-right-col > .col-inner {
    padding-right: max(15px,calc((100vw - 1600px)/2))!important;
}

.custom-list-style ul li {
	margin-bottom:5px;
}

.custom-list-style ul li::marker {
	color:var(--color-primary);
}

/*GLOBAL ELEMENTS*/

/*BUTTONS*/
.button {
	padding:12px 20px;
	line-height: 1em;
    min-height: 0;
    border-radius:3px;
}

.button span {
	font-size:16px;
	color:#fff;
}
.button:hover {
    box-shadow: unset;
}
.button:hover span {
	color:var(--color-base);
	text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset:3px;
}

.button.color-base {
	background-color:var(--color-base);
}

.button.color-base:hover span {
	color:#fff;
}

@media (max-width:550px) {
	.button.full-width-mobile {
		width:100%!important;
	}
}
/*Fondo hombre*/
.fondo-hombre-left {
	background:url('/wp-content/uploads/2024/09/hombre-fondo-new.png') bottom left no-repeat;
	background-size:min(605px,42%);
}

.fondo-hombre-left.reduced {
	background:url('/wp-content/uploads/2024/09/hombre-fondo-new.png') bottom left no-repeat;
	background-size:min(605px,27%);
}

@media (max-width:849px) {
	.fondo-hombre-left, .fondo-hombre-left.reduced {
		background:none;
	}
}


/*Fondo furgo*/
.fondo-furgo-right {
	background:url('/wp-content/uploads/2024/04/Furgoneta-v2.jpg') right calc(100% - 80px) no-repeat;
	background-size:min(1191px,48%);

}

@media (max-width:849px) {
	.fondo-furgo-right {
		background:none;
	}
}

/*Banner consulta*/

.banner-consulta-section .bg-fill {
background-size: 65%!important;
}

@media (max-width:1000px) {
	.banner-consulta-section .bg-fill {
	background-size: cover!important;
	}
}

.banner-consulta-section .banner-consulta-col-left > .col-inner {
    border-top-right-radius:99px;
    border-bottom-right-radius:99px;
}

.banner-consulta-section .banner-consulta-col-left:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:20%;
	height:100%;
	background:var(--color-secondary);
	clip-path: polygon(0 0, 100% 0%, calc(100% - 50px) 100%, 0% 100%);
}

/*Banner instaladores autorizados*/

.banner-instaladores-section .banner-instaladores-right-col {
	clip-path: polygon(50px 0, 100% 0%, 100% 100%, 0% 100%);
	padding-right:max(80px,calc((100vw - 1600px)/2));
}

.banner-instaladores-section .banner-instaladores-right-col:after {
	content:"";
	width:max(80px,calc((100vw - 1600px)/2));
	position: absolute;
	right:0;
	top:0;
	bottom:0;
	background:var(--color-base);
	clip-path: polygon(50px 0, 100% 0%, 100% 100%, 0% 100%);
}

/*Header topbar*/

#top-bar > .flex-row {
	padding-left: max(15px,calc((100vw - 1600px)/2))!important;
	padding-right:0;
}

.top-bar-email {
	display:flex;
	align-items: center;
	justify-content:flex-start;
	font-size:.875rem;
	font-weight:bold;
}

.top-bar-email img {
	max-width:25px;
	height: auto;
	margin-right:10px;
} 

#top-bar .flex-right .top-bar-nav > li {
	min-height:70px;
	display: flex;
	align-items: center;
}

#top-bar .flex-right .top-bar-nav > li:first-child {
	padding:0 max(25px, 2.5vw) ;
	border-top-right-radius:99px;
	border-bottom-right-radius:99px;
	background:var(--color-primary);
	font-size:.875rem;
	font-weight:bold;
	color:#fff;
	margin:0;
	position:relative;
	right:-25px;
	z-index: 2;
} 

#top-bar .flex-right .top-bar-nav > li:not(:first-child) {
	background:#fff;
	font-size:.875rem;
	font-weight:bold;
	color:var(--color-base);
	padding:0 20px 0 45px;
	margin:0;
	position: relative;
} 
/*header*/
.header-main .header-inner {
	padding:0;
	padding-left: max(15px,calc((100vw - 1600px)/2))!important;
	flex-flow:row wrap;
    justify-content: flex-end;
}

.header-main .header-inner .flex-col {
	width:calc(100% - 270px);
}

.header-main .header-inner > .logo {
	position:relative;
	top:50%;
	transform: translateY(-50%);
	height: 70px;
}

.stuck .header-main .header-inner > .logo {
	position:relative;
	transform:none;
	top:10px;
}

.header-main .header-nav > .html {
	width:auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:15px 0;
	margin-right:max(20px,calc((100vw - 1600px)/2))!important;
	flex-shrink:0;
	flex-grow:1;
	max-width:840px;
    margin-left: auto !important;
}

.stuck .header-main .header-nav > .html {
	display:none!important;
}

.header-main .header-nav > .html .phone-group {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
}

.header-main .header-nav > .html .phone-group img {
	max-width:25px;
	margin-right:10px;
}

.header-main .header-nav > .html .phone-group > div {
	font-size:.875rem;
	font-weight:600;
	line-height:1.4;
    display: flex;
    align-items: center;
    width:140px;
}

.header-main .header-nav > .html .phone-group a {
	font-size:2rem;
	font-weight: 700;

}

.header-main .header-nav > li:not(.html){
	height:70px;
	display:flex;
	align-items: center;
	background:var(--color-base);
	color:#fff;
}
.header-main .header-nav > li.menu-item {
	margin:0;
	padding:0 20px;
}

.header-main .header-nav > li.menu-item a {
	font-size:1rem;
	color:#fff;
	font-weight:400;
}

.header-main .header-nav > li.menu-item a:hover, .header-main .header-nav > li.menu-item.active a {
	font-weight:600;
	text-decoration:underline;
	text-decoration-thickness: 3px;
	text-underline-offset:5px;
	text-decoration-color: var(--color-secondary);
}

.header-main .header-nav > li.menu-item:first-child {
	padding-left: max(15px,calc((100vw / 5)/2))!important;
	border-top-left-radius:99px;
	border-bottom-left-radius:99px;
	padding-right:20px;
	margin:0;
}

.header-main .header-nav > li.menu-item:last-child {
	padding-right:max(20px,calc((100vw - 1600px)/2))!important;
}

/*FOOTER*/
#footer .ux-menu > .ux-menu-link .ux-menu-link__link {
	padding:0;
	min-height:0;
	font-size:.875rem;
	margin-bottom:5px;
	opacity:.85;
	font-weight:600;
}
#footer .ux-menu > .ux-menu-link .ux-menu-link__link:hover {
	opacity:1;
}


#footer .ux-menu > .ux-menu-link:first-child .ux-menu-link__link {
	font-weight:500;
	color:#fff;
	margin-top:15px;
}

#footer .ux-menu > .ux-menu-link:not(:first-child) .ux-menu-link__link {
	color:#7c7c7c;
}

#footer .footer-links p {
	margin-bottom:0;
}
#footer .footer-links a {
	font-weight:600;
}
#footer .absolute-footer .container {
	padding-top:20px;
}
#footer .absolute-footer .container {
	border-top:1px solid #7c7c7c;
}

#footer .absolute-footer .footer-secondary.pull-right {
	padding-right:10%;
}

#footer .absolute-footer .footer-secondary.pull-right,#footer .absolute-footer .footer-secondary.pull-left  {
	padding-top:0;
	float:left;
}

#footer .absolute-footer .copyright-footer a{
	margin: 0 15px;
	color: #7c7c7c;
	opacity: .8;
	font-weight:600;
} 

#footer .absolute-footer .copyright-footer a:hover {
	opacity:1;
}

/*Home*/
.home-proyectos-banner {
	position: relative;
	z-index: 2;
	margin-top:-100px;
}
.home-proyectos-banner .more-projects a {
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	right:50px;
	font-size:1.5rem;
	color:var(--color-secondary);
	font-weight: 700;
	padding:10px;
}

.hero-header-section .floating-header-row  {
	position:absolute;
	top:30px;
	margin:0 auto!important;
	padding-left:max(15px,calc((100vw - 1600px)/2))!important;
}
.hero-header-section .flickity-slider .section > .section-content {
	position:absolute!important;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.header-buttons .button {
	margin-right:max(15px,2.5vw);
}

.servicios-icon {
    width: 115px!important;
    height: 115px;
    border-radius: 100px;
    border: 3px solid var(--color-base);
    background:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position:absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition:.2s all linear;
}
 .servicios-column > .col-inner:after {
	content:"";
	width:70px;
	height:10px;
	border-radius:99px;
	position:absolute;
	bottom:-4px;
	left:50%;
	transform:translateX(-50%);
}
 .servicios-column.servicio-blue > .col-inner:hover .servicios-icon {
	background:var(--color-primary);
	border-color:#fff;
}

.servicios-column.servicio-red > .col-inner:hover .servicios-icon {
	background:var(--color-red);
	border-color:#fff;
}

.servicios-column.servicio-yellow > .col-inner:hover .servicios-icon {
	background:var(--color-orange);
	border-color:#fff;
}

.servicios-column.servicio-turquoise > .col-inner:hover .servicios-icon {
	background:var(--color-blue-turquoise);
	border-color:#fff;
}

.servicios-column.servicio-blue > .col-inner:after {
		background:var(--color-primary);
}

.servicios-column.servicio-red > .col-inner:after {
		background:var(--color-red);
}

.servicios-column.servicio-yellow > .col-inner:after {
		background:var(--color-orange);
}

.servicios-column.servicio-turquoise > .col-inner:after {
		background:var(--color-blue-turquoise);
}

.servicios-icon .img-inner img {
	max-width:65px;
	height:auto;
	transition:.2s filter linear;
}

.servicios-column > .col-inner:hover img {
	filter:brightness(0) invert(1);
}
.quienes-somos-icons {
	flex-wrap:wrap;
}
.quienes-somos-icons .quienes-somos-icon {
	min-width:140px;
	width:25%;
	margin:0 0 40px!important;
	padding:0 10px;
	text-align:center;
}
.quienes-somos-icons .quienes-somos-icon > div {
	display: flex;
	flex-flow: column nowrap;
}

.quienes-somos-icons .quienes-somos-icon img {
	max-height:80px;
}

.quienes-somos-icons .quienes-somos-icon span {
	font-size:1rem;
	font-weight:700;
	margin-top:15px;	
}

.opiniones-slider-container  {
	margin:0 auto!important;
}

.clientes-slider-col {
	background:url(/wp-content/uploads/2024/09/que_opinan-1.jpg) center center no-repeat;
	background-size:cover;
}

.clientes-slider-col:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:#000;
	opacity:.6;
	z-index: 1;
}

.clientes-slider-col > .col-inner {
	z-index: 2;
}
.clientes-slider-col .opiniones-slider .flickity-slider {
	min-height:250px;
}
.clientes-slider-col .opiniones-slider .flickity-slider > .row {
	min-height:100%;
}
.opiniones-slider .flickity-page-dots {
	bottom:-10px;
}
.opiniones-slider .flickity-page-dots .dot {
	border:1px solid #fff;
}
.logos-clientes {
	flex-wrap: wrap;

}
.logos-clientes .img {
	margin-bottom:30px!important;
    width: fit-content!important;
    min-width:220px;

}
.logos-clientes .img-inner img {
	margin:0 auto;
}

/*SERVICIOS*/

.servicios-section.page-section .servicios-column > .col-inner:after, .proyectos-section .servicios-column > .col-inner:after {
	display:none;
}

.servicio-section .banner .img {
    width: 125px !important;
    height: 125px;
    border-radius: 100px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*QUIENES SOMOS*/


.servicio-section.section .servicio-images-row {
	margin-top:-50px;
}
.quienes-somos-servicios {
	flex-wrap:wrap;
}
.quienes-somos-servicios .img {
	width:calc(6.666667% - 20px)!important;
	min-width:60px;
	margin-right:20px!important;
	margin-bottom:40px!important;
}

/*PROYECTOS*/

.ultimos-proyectos-section .home-proyectos-banner {
	padding:0 50px;
	margin-top:-200px;
}

.proyectos-section .servicios-column .img {
	border:none;
}

.proyectos-section .servicios-column:hover .img {
	background:#fff!important;
}

.proyectos-section .servicios-column:hover .img img {
	filter:unset;
}


#content .proyectos-section-slider .flickity-slider > .row {
width:calc(33.3333333% - 20px)!important;
margin:0 15px;
opacity:1;
min-height:100%;
}

#content .proyectos-section-slider .flickity-slider > .row > .col {
	margin-bottom:30px;
}

#content .proyectos-section-slider .flickity-slider > .row > .col .col-inner > .img {
	margin-bottom:0;
}

#content .proyectos-section-slider .flickity-slider .proyectos-slider-text-row {
	height:calc(100% - 180px);
}

#content .proyectos-section-slider .flickity-slider .proyectos-slider-text-row > .col > .col-inner {
	height:100%;
}

.proyectos-section-slider .slider-nav-outside .flickity-prev-next-button.next {
	left:calc(100% + 10px);
}

.proyectos-section-slider .slider-nav-outside .flickity-prev-next-button.previous {
	left:auto;
	right:calc(100% + 10px);
}

/*Contacto*/

.contacto-section .section-bg {
	background-size:max(1060px,60%)!important;
	background-position: bottom left!important;
}


/*************** FORM ***************/
.frm_error_style, .frm_error {
	color:red;
}

.frm_form_fields input {
	margin-bottom:5px;
}
.frm_form_fields .frm_form_field {
	margin-bottom:20px;
} 

.frm_fields_container .frm_checkbox label {
    position: relative;
    padding-left: 40px;
    font-size: 16px;
    font-weight: 400;
}

.frm_fields_container input[type="checkbox"] {
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	margin:0;
	width:24px;
	height:24px;
	border:1px solid #ddd;
	background:#fff;
	border-radius:3px;
	position:absolute;
	top:1px;
	left:0;
	display: flex;
 	align-items:center;
    justify-content:center;
}

.frm_fields_container input[type="checkbox"]:checked {
	border-color:var(--color-primary);
}

.frm_fields_container input[type="checkbox"]::before {
  content: "";
    width: calc(100% - 8px);
    height: calc(100% - 8px);
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--color-primary);
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  border-radius: 0;
}

.frm_fields_container input[type="checkbox"]:checked::before {
  transform: scale(1);
    position:relative;
}

.frm_form_field input[type=text], .frm_form_field input[type=password],
.frm_form_field input[type=email], .frm_form_field input[type=number],
.frm_form_field input[type=url], .frm_form_field input[type=tel],
.frm_form_field input[type=file], .frm_form_field input[type=search],
.frm_form_field select, .frm_form_field .frm-card-element.StripeElement, .frm_form_field textarea {
    background-color: #fff;
    padding: 12px 25px;
	border-radius:3px;
    font-size: 18px;
    border: none;
    box-shadow: none;
	height:auto;
	margin-bottom:0;
}

.frm_form_field select {
	background-image:url(/wp-content/uploads/2024/05/select-arrow.svg);
	background-position:top 50% right 20px;
	background-size:15px;
}

.frm_dropzone .dz-message.needsclick {
   display: flex;
    flex-flow: row-reverse nowrap;
    align-items: center;
    justify-content: space-between;
    background-color: var(--bg-form-input);
    border:none;
    background:#fff;
    border-radius: 3px;
    padding: 9px 30px;
}

.frm_dropzone.frm_single_upload {
    max-width:100%;
}

.frm_dropzone .frm_small_text {
    display:none;
}

.frm_dropzone .frm_upload_text button {
    margin:0;
    color:#696969!important;
    font-size:18px!important;
    text-transform: unset;
}

.frm_dropzone .dz-message.needsclick svg {
    max-width: 32px;
}

/*Show mobile menú*/

@media (max-width:1050px) {

	body .header-main {
		height:80px;
	}
	body #logo {
    	max-width: 180px;
	}

	.header-main .header-inner .flex-col {
		width:initial;
        align-self: stretch;
        display: flex;
        align-items: center;

	}

	.header-main .header-inner > .logo {
	    top: 0;
    	transform: unset;
    	height: auto;
	}

	.stuck .header-main .header-inner > .logo {
		top:0;
	}

    .header-main .hide-for-medium, .header-main [data-show=hide-for-medium] {
        display: none !important;
    }

    .header-main .show-for-medium, .header-main [data-show=show-for-medium] {
        display:block!important;
    }

    .header-main .medium-logo-center .logo {
        order: 2;
        text-align: center;
    }



    .header-main .show-for-medium.flex-right {
    	padding-left: 50px;
	    background: var(--color-base);
	    border-top-left-radius: 99px;
	    border-bottom-left-radius: 99px;
	    padding-right:30px;
	    max-width:140px;
	}

	.header-main .show-for-medium.flex-right  .mobile-nav > li > a {
		color:#fff;
		font-size: 22px;
		position: relative;
		top:2px;
	}

	.main-menu-overlay + .off-canvas .mfp-content {
		background:var(--color-base);
	}

	.mobile-sidebar > .sidebar-menu {
		padding-top:60px;
	}  

	.mobile-sidebar > .sidebar-menu .nav-sidebar li a {
	    font-size: 1.25rem;
	    color: #fff;
	    font-weight: 400;
	}
	.mobile-sidebar > .sidebar-menu .nav-sidebar li.current-menu-item a {
	    font-weight: 600;
	    text-decoration: underline;
	    text-decoration-thickness: 3px;
	    text-underline-offset: 5px;
	    text-decoration-color: var(--color-secondary);
    }
	.mobile-sidebar > .sidebar-menu .nav-sidebar li + li {
		border:0;
	}
}





 @media (max-width:850px) {
	.quienes-somos-icons .quienes-somos-icon {
		width:50%;
 }

	 .clientes-slider-col .opiniones-slider .flickity-slider {
	 	min-height:290px;
	 }

	 #footer .absolute-footer .footer-secondary.pull-right,#footer .absolute-footer .footer-secondary.pull-left  {
		padding-top:0;
		float:none;
		width:100%;
		text-align: center;
	}

	.home-proyectos-banner {
		transform: unset;
	}

	#content .proyectos-section-slider .flickity-slider > .row {
        width: calc(50% - 10px) !important;	
		margin:0 10px;
		opacity:1;
		min-height:100%;
	}

	.proyectos-section .header-buttons {
		text-align:center;
	}

	.ultimos-proyectos-section .home-proyectos-banner {
		margin-top:-100px;
	}
 }



 @media (max-width:550px) {
 	.home-proyectos-banner {
		transform: unset;
		margin-top:0;
	}

	.header-buttons .button {
		margin-right:max(15px,2.5vw);
		margin-bottom:30px;
		width:100%;
	}
	.home-proyectos-banner .more-projects {
		text-align: center;
	}
	.home-proyectos-banner .more-projects a {
		position:static;
		transform: unset;
	}

	.quienes-somos-icons .quienes-somos-icon img {
		max-height:50px;
	}

	#footer .absolute-footer .copyright-footer a {
		display:block;
		width:100%;
	}

	#content .proyectos-section-slider .flickity-slider > .row {
        width: 90% !important;	
		margin:0 10px;
		opacity:1;
		min-height:100%;
	}

	.ultimos-proyectos-section .home-proyectos-banner {
		padding:0 15px;
		margin-top:-80px;
	} 
 }