/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

.max-1000{max-width:1000px;}
.fusion-related-posts-title-link{font-size:18px!important; line-height:1.2em!important;}
.pagination .inactive{color:#0f1b49!important;}

.zmmlink{color:white!important;} 
.zmmlink:hover{color:#0f1b49!important;} 

.empresabg{margin-top:-150px;}
.zblog h2 a{color:#0f1b49!important;}

.zrainbow{
 background: linear-gradient(to right, 
        #0071ED 0%,
        #0071ED 15%,   
        #ff1569 30%,
        #ff1569 45%,  
        #FFCC00 65%,
        #FFCC00 80%,
       #00E86E 90%,
        #00E86E 100%  
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }

.max-750{max-width:750px;}

article.type-post h2 {
	font-size: 30px!important;
}
article.type-post h3 {
	font-weight: 800!important;
}
article.type-post h4 {
	font-weight: 800!important;	
}


/*MENU*/

.single-post h2{font-size:40px!important;}
.text-bratt-title{display:inline-flex!important;}
.text-bratt-title h1{font-weight:400!important;}


@media screen and (max-width: 1250px) {
    .zmenu-top{order:2!important;}
}

@media screen and (max-width: 1350px) {
    #menu-menu-principal-es li a{font-size:17px!important;}
    #menu-menu-principal-es li {margin-right:15px!important;}
    #menu-menu-principal-en li a{font-size:17px!important;}
    #menu-menu-principal-en li {margin-right:15px!important;}
}



.content-box-heading{font-weight:800!important;}


.galeria-partners img{filter: grayscale(100%) opacity(50%);}
.galeria-partners img:hover{filter: grayscale(0%) opacity(100%);}

.galeria-clientes img{filter: grayscale(100%) opacity(50%);}
.galeria-clientes img:hover{filter: grayscale(0%) opacity(100%);}

/*Pagina Proyecto SINGLE*/

.single-proyecto-bg{background-size: 75%!important;}
.proyectos-relacionados img{margin:10%; width:80%!important;}
.zindent{padding-left:30px; border-left:3px solid;}

.cliente-proyecto h1{}

.bgproyecto{background-size: 30%!important;    background-position: top 60px left 25%!important;}
.bgdesktop{background-size: 58%!important;     background-position: center right -30%!important;}
.bgmobile{background-size: 55%!important;     background-position: center left -15%!important;}
.bglaptop{background-size: 60%!important;     background-position: center right 0%!important;}

.bgdesktop, .bglaptop, .bgmobile {min-height: 75vh;}

@media screen and (max-width: 1920px) {
.bgproyecto{background-size: 37%!important;    background-position: top 60px left 20%!important;}
}

@media screen and (max-width: 1440px) {
.bgproyecto{background-size: 45%!important;    background-position: top 60px left 10%!important; padding-bottom:60px!important;}
 .bgdesktop, .bglaptop, .bgmobile {min-height: 0px!important; padding-top:60px!important; padding-bottom:60px!important;}
}

@media screen and (max-width: 1024px) {
    .bgproyecto{background-size: 60%!important;    background-position: top 90px left -25%!important; padding-bottom:30px!important;}
    .bgdesktop, .bglaptop, .bgmobile {background-image:none!important;}
    .bgdesktop, .bglaptop, .bgmobile {min-height: 0px!important; padding-top:30px!important; padding-bottom:30px!important;}
}

@media screen and (max-width: 700px) {
 .bgproyecto{background-size: 90%!important;    background-position: top 90px left -200%!important;}
  .fusion-content-boxes .content-wrapper-background{padding:10px 0px!important;}

}

/*Pagina Proceso*/
.lista-proyectos-numero{position: absolute;    margin-top: -200px;    z-index: -9;}
.proceso-paso .fusion-column-wrapper{background-size: 5px!important; background-position: left top 10px!important;}


/*Pagina FAQ*/
.fusion-toggle-heading{color:#ff1569!important;}
.fusion-panel{box-shadow:0px 0px 10px 2px rgb(15 27 73 / 15%)!important;}
.fusion-panel:first-child .panel-title a {border-radius:20px!important;}
.panel-title a {padding: 25px 25px!important; background-color:white!important;}

/*Pagina Empresa*/
.white-pill .fusion-column-wrapper{background-size:300px!important;}
.bratt-empresa-1, .bratt-empresa-2, .bratt-empresa-3, .bratt-empresa-4{font-size:100px; line-height:0px; font-weight:400;}
.bratt-empresa-1, .bratt-empresa-2{position: absolute;    padding-top: 35px;    padding-left: 25px;}

@media screen and (max-width: 1024px) {
.bratt-empresa-1, .bratt-empresa-2, .bratt-empresa-3, .bratt-empresa-4{font-size:80px; display:block; position:relative!important;}
.bratt-empresa-1, .bratt-empresa-2{position: absolute;    padding-top: 25px;    padding-left: 0px; margin-bottom:25px;}
.bratt-empresa-3, .bratt-empresa-4{padding-bottom: 30px;}
    
.fusion-toggle-heading{font-size:0.8em;}
}

/*Home carrusel proceso*/
.carrusel-proceso-numero{ margin-left: -50px; z-index:-1; height:200px!important;}

.fusion-carousel .fusion-carousel-wrapper{padding: 8px 0 100px 0px;}
.fusion-nav-prev{left: 48%!important;    margin-top: 80px!important; background:none!important; margin-left: 0px!important;}
.fusion-nav-next{left: 52%!important;   margin-top: 80px!important; background:none!important;}


@media screen and (max-width: 1024px) {
.fusion-nav-prev{left: 45%!important;  }
.fusion-nav-next{left: 55%!important;  }
    
}

.fusion-carousel-nav .fusion-nav-prev:before{color:#0f1b49!important; font-size:30px!important; }
.fusion-carousel-nav .fusion-nav-next:before{color:#0f1b49!important; font-size:30px!important;}

.faq-button a{display:inline-block; padding: 60px 30px; border-radius:50%; background-color:#FFCC00; color:#0f1b49;}
.faq-button a:hover{transform:scale(1.05); transition:0.5s;}

@media screen and (max-width: 1024px) {
.faq-button a{padding:30px; font-size:50px!important;}
.text-home-min p{font-size:20px!important;}
.lista-proyectos-numero p{font-size:300px;}
.lista-proyectos-titulocat p{font-size:40px;}
.lista-proyectos-subtitulocat p{font-size:20px;}
    
}


/*Home*/
.fusion-tb-header .fusion-sticky-transition{box-shadow: 0px 0px 6px 2px rgb(15 27 73 / 10%)!important;}

.zheader{z-index: 999999;}

@-webkit-keyframes scroll-inner {
    from {margin-top: 15%;}
    to {margin-top: 50%;}
}
@keyframes scroll-inner {
    from {margin-top: 15%;}
    to {margin-top: 50%;}
}
@-webkit-keyframes scroll-mouse {
    from {margin-top: 0;}
    to {margin-top: 15px;}
}
@keyframes scroll-mouse {
    from {margin-top: 0;}
    to {margin-top: 15px;}
}

div.mouse-container{
  position:relative;
  display:block;
  //border:solid 1px #0f1b49;
  height:0px;
  margin-top:30px;
}
div.mouse{
  position:relative;
  margin:0 auto;
  display:block;
  width:50px;
  height:90px;
  border: solid 2px #0f1b49;
  border-radius: 25px;
  -webkit-animation: scroll-mouse 1.5s; 
  animation: scroll-mouse 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  //-webkit-animation-timing-function:ease;
  //animation-timing-function:ease;
} 

@media screen and (max-width: 1024px) {
    div.mouse{
        width:40px;
        height:60px;
    }
    
}
span.scroll-down{
    color:white;
    display:block;
    width:10px;
    height:10px;
    background:#0f1b49;
    border-radius:50%;
    margin:15% auto auto auto;
    
    -webkit-animation: scroll-inner 1.5s; 
    animation: scroll-inner 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function:ease;
    animation-timing-function:ease;
}

.fusion-li-item-content{line-height:1.2em;}

.collapsed-nav-icon-open:before{
    content:""!important;
    display:block;
    width:24px; height:24px;
    background-repeat:norepeat;
    background:url('https://www.zonsai.com/wp-content/uploads/2022/07/mobile-menu.png');
    background-size:cover;
}

.collapsed-nav-icon-close:before{
    content:""!important;
    display:block;
    width:24px; height:24px;
    background-repeat:norepeat;
    background:url('https://www.zonsai.com/wp-content/uploads/2022/07/mobile-close.png');
    background-size:cover;
}

.fusion-custom-menu{max-height:none!important;}


.bratt {font-family: 'Poppins', sans-serif; font-weight:400;}
.bratt--homeblock1{font-size: 150px; margin-left: 620px;    margin-top: -250px; display: inline-block; position: absolute;}
.bratt--homeblock1-en{font-size: 150px; margin-left: 340px;    margin-top: -250px; display: inline-block; position: absolute;}
.bratt--homeblock3-en{font-size: 150px; margin-left: 800px;    margin-top: -250px; display: inline-block; position: absolute;}




@media screen and (max-width: 1024px) {
   .bratt--homeblock1, .bratt--homeblock1-en, .bratt--homeblock3-en{font-size: 100px; margin-left: 0px;    margin-top: -70px; display: block;}
   .text-bratt-title h1{font-size:100px!important;}

}

/* general */
strong{font-weight:700;}

.zpink{color: #ff1569;}
.zblue{color: #0071ED;}
.zyellow{color: #FFCC00;}
.zgreen{color: #00E86E;}

.green-text {border-color:#00E86E;}
.green-text a{color:#00E86E;}

.blue-text {border-color:#0071ED;}
.blue-text a{color:#0071ED;}

.yellow-text {border-color:#FFCC00;}
.yellow-text a{color:#FFCC00;}

.pink-text {border-color:#ff1569;}
.pink-text a{color:#ff1569;}

table th, table td{text-align:center; border:none; font-size:16px; padding:6px 20px;}
table{border:none; box-shadow:0px 0px 10px 2px rgb(15 27 73 / 15%)!important; margin-bottom:40px;}
table th{font-weight:800; background:#0071ED; color:white!important;}
tr:nth-child(even){background:rgba(15,27,72,0.05);}
tr:nth-child(odd){background:white;}

#toTop, #toTop:focus, #toTop:hover, #toTop:active {background-color: #ff1569;}

.jumbo-page{background-size:contain!important;}


/* elementos: botones */

.button-large{
	font-size:17px!important;	
	line-height:17px!important;
}

/* Scrollsequence */

.seq-text{
width: 1440px; 
height:100%;
margin: 0 auto; 
display: flex; 
flex-direction: row; 
flex-wrap: nowrap; 
justify-content; center; 
align-items: center;
}

.seq-text-1{
width: 43%; 
display: flex; 
flex-direction: column; 
align-items: left;
}

.seq-text-1-en{
width: 50%; 
display: flex; 
flex-direction: column; 
align-items: left;
}

.seq-text-2{
margin-left:40%;
margin-top: 5%;
width: 50%; 
display: flex; 
flex-direction: column; 
align-items: left;
}

.seq-text-3{
width: 43%; 
display: flex; 
flex-direction: column; 
align-items: left;
}

.seq-text-3-en{
width: 50%; 
display: flex; 
flex-direction: column; 
align-items: left;
}

.seq-text-1 h1, .seq-text-1-en h1{margin-top:0px; margin-bottom:50px; font-size:65px;}
.seq-text-1 h4, .seq-text-1-en h4{margin-top:20px; margin-bottom:20px;}
.seq-text .button-large{font-size:26px!important; padding:20px 32px!important;}
.seq-text-2 h2{margin-top:0px; margin-bottom:20px; font-size:50px!important;}

.bratt--homeb1{font-size: 120px; margin-left: 20px; margin-top: -40px; display: inline-block; position: absolute;}
.bratt--homeb2{font-size: 110px; margin-left: 0px; line-height:0px;}


@media screen and (max-width: 1530px) {
    .seq-text{
		width: 100%; 
		padding:0 45px;}
	}
	
@media screen and (max-width: 1300px) {
   .seq-text-2{
        margin-left:40%;
        margin-top: 5%;
        width: 60%; }
    
    .seq-text-1 h1, .seq-text-1-en h1{font-size:40px!important;}
    .seq-text-1 h3, .seq-text-1-en h3{font-size:26px!important;}
        
    .seq-text-2 h2{font-size:40px!important;}
    .seq-text-2 h3{font-size:26px!important;}
    
    .seq-text-3 h1, .seq-text-3-en h1{font-size:40px!important;}
    .seq-text-3 h3, .seq-text-3-en h3{font-size:26px!important;}
    
    .bratt--homeb1{font-size: 90px; margin-top: -20px;}
    .bratt--homeb2{font-size: 90px; }
    
     .seq-text-2 h3{display:none;}
    .seq-text-3 h3, .seq-text-3-en h3{display:none;}
}

@media screen and (max-width: 1100px) {
    
    .seq-text-1 h1, .seq-text-1-en h1{font-size:30px!important;}
    .seq-text-1 h3, .seq-text-1-en h3{font-size:20px!important;}
    
    .seq-text-2 h2{font-size:30px!important;}
    .seq-text-2 h3{font-size:20px!important;}
    
    .seq-text-3 h1, .seq-text-3-en h1{font-size:30px!important;}
    .seq-text-3 h3, .seq-text-3-en h3{font-size:20px!important;}
    
    .bratt--homeb1{font-size: 60px; }
    .bratt--homeb2{font-size: 60px; }
    
    .seq-text .button-large{font-size:16px!important; padding:10px 20px!important;}
}

@media screen and (max-width: 816px) {
    
    .seq-text-1, .seq-text-1-en{
        width: 100%;
         margin-bottom:130px;}
    
    .seq-text-3, .seq-text-3-en{
        width: 100%;
         margin-bottom:100px;}
    
    .seq-text-2{
        margin-left:0%;
        margin-top: 0%;
        width: 100%; }
        
    .seq-text-bot{
        align-items: flex-start!important;
        margin-top:160px!important;
    }
    
    .seq-text{
        align-items: flex-end;
        padding:0 30px;
    }
    
    .seq-text-1 h1, .seq-text-1-en h1{margin-bottom:0px; text-align:center;}
    .seq-text-2 h2{margin-bottom:0px; text-align:center;}
    .seq-text-3 h1, .seq-text-3-en h1{margin-bottom:0px; text-align:center;}
    
    .bratt--homeb1{
        display: block;
        width: 100%;
        text-align: center;
        position:relative;
        margin-left:0;
    }
    
    .bratt--homeb2{
        display: block;
        width: 100%;
        text-align: center;
        position:relative;
        margin-left:0;
        margin-bottom:20px;
    }
    
    .seq-text p{text-align:center; margin-bottom:0px;}
}

@media screen and (max-width: 376px) {
    .mouse-container{display:none!important;}
     .seq-text-1, .seq-text-1-en{
        
         margin-bottom:60px;}
    
    .seq-text-3, .seq-text-3-en{
         margin-bottom:60px;}
}


/* Formularios */

.gform_wrapper.gravity-theme .gf_page_steps{border-bottom:none; margin-bottom:40px;}
.gform_wrapper.gravity-theme .gf_page_steps{text-align:center;}
.gform_wrapper.gravity-theme .gf_step{margin:8px 0px;}
.gform_wrapper.gravity-theme .gf_step_number{border:none;}
.gform_wrapper.gravity-theme .gf_step_active .gf_step_number{background:#0071ED; color:white;}
.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number:before{content:none;}
.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number:after{content:none;}


.gf_placeholder{color:rgba(6,15,68,0.2)!important;}
.gform_wrapper .gform_footer .gform_button {padding: 20px 40px;}
.gform_wrapper .gform_footer{justify-content: center!important;}
.gform_wrapper .top_label .gfield_label{color:#060f44!important; margin-bottom:15px!important; font-size:22px;  padding-left:30px;}
.gform_wrapper .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){border-radius:50px!important; height:80px!important; font-size:22px!important; font-weight:bold!important; padding-left:30px!important; color:#0071ed!important;}
.gform_wrapper .gfield_select{border-radius:50px!important; height:80px!important; font-size:22px!important; font-weight:bold!important; padding-left:30px!important; color:#0071ed!important;}
.gform_wrapper .gfield textarea {border-radius:50px!important;  font-size:22px!important; font-weight:bold!important; padding-left:30px!important; color:#0071ed!important;}
.select-arrow{border-top-right-radius: 50px!important; border-bottom-right-radius: 50px!important;}

.gform_wrapper .gfield input::placeholder{color:rgba(6,15,68,0.2);}
.gform_wrapper .gfield textarea::placeholder{color:rgba(6,15,68,0.2);}

.gform_wrapper .gfield textarea.large {
    height: 200px;
}

.gform_page_footer{text-align:center;}
.gform_wrapper .gform_page_footer input[type=button] {
    padding: 18px 26px;
    line-height: 14px;
    font-size: 20px;
}

@media screen and (max-width: 900px) {
	.gf_page_steps{display:none;}
}

.gform_wrapper .gfield_error label{color:#0f1b49!important;}
.gform_wrapper .gfield_error .gfield_validation_message, .gform_wrapper .gform_validation_errors{color:#ff1569!important; border-color:#ff1569!important; background:rgba(0,113,237,0.1)!important; border-radius:6px;}

.gfield_required{color:#0f1b49!important;}

/*Shortcodes de Proyectos*/

.z-proyectos-wrapper{
	display:grid; 
	gap: 40px; 
	margin:0 auto 50px auto;
}

.z-proyectos-destacados-wrapper{grid-template-columns: 1fr 1fr; }

.z-proyectos-no-destacados-wrapper{grid-template-columns: 1fr 1fr 1fr; }

.z-proyectos-relacionados-wrapper .z-proyectos-item{border:10px solid white;}
.z-proyectos-relacionados-wrapper .z-proyectos-image{padding-bottom:0px;}
.z-proyectos-relacionados-wrapper .z-proyectos-image img{margin:0 auto;}

.z-proyectos-image{
	text-align:center;
	width:100%;
	display:block;
	padding-bottom:50px;
	margin-bottom:40px;	
	padding-right: 20px;
    
}

.z-proyectos-image img{
	width:80%;
	margin-bottom:-20px;
}

.z-proyectos-image:hover img{
	transform:scale(1.10);
	transition:0.5s;
}

.z-proyectos-title{
	text-decoration:none;
	color:#0f1b49;
	font-size:26px;
	font-weight:800;
	margin-bottom:20px;
	display:block;
}

.z-proyectos-tag{
	font-size:20px;
	font-weight:300;
}

@media screen and (max-width: 900px) {
	.z-proyectos-wrapper{	 
		grid-template-columns: 1fr; 	
	}
}


.z-proyectos-carrusel-wrapper{
	max-width:1440px;
	margin:0 auto 70px auto;
}
.z-proyectos-carrusel-item{
	display:flex;
	flex-direction:row;
	gap:60px;
	align-items: center;
	border:10px solid white;
}
.z-proyectos-carrusel-image{
	width:50%;
	display:block;	
	text-align:center;		
	padding-bottom:30px;
	padding-right:20px;
	
}
.z-proyectos-carrusel-image img{
	width:90%;	
	margin:0 auto -50px auto;
}

.z-proyectos-carrusel-image:hover img{
	transform:scale(1.05);
	transition:0.5s;
}
.z-proyectos-carrusel-texto{
	width:50%;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.z-proyectos-carrusel-tag{
	font-size:26px;
	font-weight:800;
	margin-bottom:20px;
	display:block;
	text-decoration:none;
	color:#0f1b49;
}
.z-proyectos-carrusel-title{
	font-size:20px;
	font-weight:300;
	text-transform:uppercase;
	margin-bottom:40px;
}
.z-proyectos-carrusel-descripcion{
	font-size:20px;
	font-weight:300;
}

@media screen and (max-width: 900px) {
	.z-proyectos-carrusel-item{	
		flex-direction:column;	
	}
	.z-proyectos-carrusel-image{
		width:100%;
	}
	.z-proyectos-carrusel-texto{
		width:100%;
	}
}

.proyecto-pink .z-proyectos-image{background-image: linear-gradient(180deg, transparent 40%, #ff1569 40%);}
.proyecto-yellow .z-proyectos-image{background-image: linear-gradient(180deg, transparent 40%, #FFCC00 40%);}
.proyecto-green .z-proyectos-image{background-image: linear-gradient(180deg, transparent 40%, #00E86E 40%);}
.proyecto-blue .z-proyectos-image{background-image: linear-gradient(180deg, transparent 40%, #0071ED 40%);}

.proyecto-pink .z-proyectos-carrusel-image{background-image: linear-gradient(180deg, transparent 40%, #ff1569 40%);}
.proyecto-yellow .z-proyectos-carrusel-image{background-image: linear-gradient(180deg, transparent 40%, #FFCC00 40%);}
.proyecto-green .z-proyectos-carrusel-image{background-image: linear-gradient(180deg, transparent 40%, #00E86E 40%);}
.proyecto-blue .z-proyectos-carrusel-image{background-image: linear-gradient(180deg, transparent 40%, #0071ED 40%);}



.proyecto-pink a:hover{color:#ff1569;}
.proyecto-yellow a:hover{color:#FFCC00;}
.proyecto-green a:hover{color:#00E86E;}
.proyecto-blue a:hover{color:#0071ED;}

.proyecto-pink .z-proyectos-carrusel-title, .proyecto-pink .z-proyectos-carrusel-saber-mas{color:#ff1569!important;}
.proyecto-yellow .z-proyectos-carrusel-title, .proyecto-yellow .z-proyectos-carrusel-saber-mas{color:#FFCC00!important;}
.proyecto-green .z-proyectos-carrusel-title, .proyecto-green .z-proyectos-carrusel-saber-mas{color:#00E86E!important;}
.proyecto-blue .z-proyectos-carrusel-title, .proyecto-blue .z-proyectos-carrusel-saber-mas{color:#0071ED!important;}

.proyectos-ico{width:100%; text-align:right; color:white!important;}

.z-proyectos-carrusel-wrapper .slick-dots{    
    bottom: -50px;
    width: 50%;
    text-align: left;
    margin-left:48%;
}


.z-proyectos-carrusel-wrapper .slick-dots li button:before{
    font-size:12px;
}

@media screen and (max-width: 1024px) {
    .z-proyectos-carrusel-wrapper .slick-dots{    
    margin-left:0;
    text-align: center;
    width: 100%;
    bottom: 50px;
    
}
}

.blog-bg{background-size:contain!important;}
.blog-shortcode-post-title{line-height:1.25em!important;}
.blog-shortcode-post-title a{font-size:24px!important; }
.modal-title{font-size:20px!important;}

.wpml-ls-menu-item, .wpml-ls-menu-item:hover{background:rgba(255,255,255,0);}
.fusion-accordian .fusion-panel.fusion-toggle-boxed-mode{background:white!important;}