/*
Theme Name: Child Theme Hello Graphv
Template: hello-elementor
Author: Graphvity Team
Description: Theme for Elementor page builder
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.0
Updated: 22-03-21 16:04:05

*/

html{
	overflow-x: hidden;
}
body{
	position: relative;
}
.tituloEspecial,
.tituloEspecial *{
	word-break: keep-all;
	white-space: nowrap;
}
@media(min-width: 768px){
	.br2 br{
		display: none !important;
	}
}
.btnBlanco .elementor-button,
.btnMorado a,
.btnMagenta a,
.btnAzul a,
.btnAmarillo a{
	position: relative;
}
.btnBlanco .elementor-button span,
.btnMorado a span,
.btnMagenta a span,
.btnAzul a span,
.btnAmarillo a span{
	position: relative;
	z-index: 1;
}
.btnBlanco .elementor-button:before,
.btnMorado a:before,
.btnMagenta a:before,
.btnAzul a:before,
.btnAmarillo a:before{
	content: '';
	position: absolute;
	top: 0px;
	left: 8px;
	bottom: 0px;
	right: inherit;
	width: 15px;
	height: 70%;
	background: var(--e-global-color-secondary);
	margin: auto;
	transition: all .3s linear;
	z-index: 0;
}
.btnBlanco .elementor-button:before{
	background: #F2F2F2;
}
.btnMorado a:before{
	background: var(--e-global-color-c7f9f89);
}
.btnMagenta a:before{
	background: var(--e-global-color-6f4493c);
}
.btnAzul a:before{
	background: var(--e-global-color-25566a0);
}
@media(min-width: 1025px){
	.btnBlanco .elementor-button:hover:before,
	.btnMorado a:hover:before,
	.btnMagenta a:hover:before,
	.btnAzul a:hover:before,
	.btnAmarillo a:hover:before{
		width: calc(100% + 10px);
	}
	.btnAzul a:hover,
	.btnMorado a:hover{
		color: white !important;
	}
}

@media(max-width: 920px){
	.br br{
		display: none !important;
	}
}
/*MENU PRINCIPAL HOVER*/
.nav nav ul li a:after{
	z-index: -2 !important;
	left: 0 !important;
	right: inherit !important;
}
.nav nav ul li a:after:hover{
	right: 0 !important;
}

/*MENU PRINCIPAL BOTON*/
.nav nav ul li:last-child a{
	padding: 0px 15px !important
}
.nav nav ul li:last-child a:before{
	content: '' !important;
	z-index: -1 !important;
	position: absolute !important;
	width: 100% !important;
	height: calc(100% + 10px) !important;
	top: -5px !important;
	left: 0px !important;
	border: 1px solid var( --e-global-color-secondary ) !important;
	display: block !important;
	background: transparent !important;
	opacity: 1 !important
}
.nav nav ul li:last-child a:after{
	left: 6px !important;
	height: 20px !important;
}
.nav nav ul li:last-child a:hover:before{
	border-color: var( --e-global-color-primary ) !important;
}

/* MEGAMENU*/
.megamenu{
	padding-left: 10% !important;
	position: fixed !important;
	top: 0px !important;
	right: -100% !important;
	width: 100% !important;
	opacity: 0 !important;
	visibility: hidden !important;
	transition: all .3s linear !important;
	-webkit-transition: all .3s linear !important;
	-moz-transition: all .3s linear !important;
	-o-transition: all .3s linear !important;
}
.megamenu.active{
	right: -0% !important;
	opacity: 1 !important;
	visibility: visible !important;
}
.megamenu .elementor-background-overlay{
	opacity: 0 !important;
	cursor:pointer !important;
	transition: all .3s linear .2s !important;
	-webkit-transition: all .3s linear .2s !important;
	-moz-transition: all .3s linear .2s !important;
	-o-transition: all .3s linear .2s !important;
}
.megamenu.active .elementor-background-overlay{
	opacity: .25 !important;
}

#abrirMenu,
#cerrarMenu{
	cursor:pointer !important;
}
.megamenu>.elementor-container>.elementor-column>.elementor-widget-wrap{
	height: 100vh !important;
	overflow-y: auto !important;
}
.megamenu nav ul li a:after{
	z-index: -2 !important;
	left: 0 !important;
	right: inherit !important;
}
.megamenu nav ul li a:after:hover{
	right: 0 !important;
}

/*MEGAMENU BOTON*/
.megamenu nav ul li:last-child a{
	padding: 4px 15px 4px 25px !important
}
.megamenu nav ul li:last-child a:before{
	content: '' !important;
	z-index: -1 !important;
	position: absolute !important;
	width: 100% !important;
	height: calc(100% + 10px) !important;
	top: -5px !important;
	left: 0px !important;
	border: 2px solid var( --e-global-color-primary ) !important;
	display: block !important;
	background: transparent !important;
	opacity: 1 !important
}
.megamenu nav ul li:last-child a:after{
	left: 6px !important;
	height: 37px !important; 
	opacity: 1 !important;
	bottom: 4px !important;
}
.megamenu nav ul li:last-child a:hover:before{
	border-color: var( --e-global-color-primary ) !important;
}

/* FOOTER MENU HOVER*/
.footerNav nav ul li a:after{
	z-index: -2 !important;
	left: 0 !important;
	right: inherit !important;
}
.footerNav nav ul li a:after:hover{
	right: 0 !important;
}
/* FOOTER REDES HOVER*/
.homeRedes a,
.footerRedes a{
	position: relative !important;
}
.homeRedes a:before,
.footerRedes a:before{
	content: '' !important;
	z-index: -1 !important;
	position: absolute !important;
	width: 35px !important;
	height: 35px !important;
	top: 5px !important;
	left: 0px !important;
	background: var( --e-global-color-c7f9f89 ) !important;
	display: block !important;
	opacity: 0 !important;
	transition: all .3s linear !important;
	-webkit-transition: all .3s linear !important;
	-moz-transition: all .3s linear !important;
	-o-transition: all .3s linear !important;
}
.homeRedes a:before{
	background: var( --e-global-color-secondary ) !important;
}
.homeRedes a:hover:before,
.footerRedes a:hover:before{
	opacity: 1 !important;
	left: 10px !important;
}
.homeRedes{
	right: calc(50vw - 680px) !important;
	left: inherit !important;
}
@media(max-width: 1200px){
	.homeRedes{display: none !important}
}
/* SECCION PRINCIPAL HOME A*/
@media(min-width: 1024px){
	.bannerPrincipal .elementor-container .elementor-column{
		height: 85vh;
		max-height: 850px;
	}
}
.padding-left .elementor-column:first-child .elementor-widget-wrap,
.bannerPrincipal .elementor-column:first-child .elementor-widget-wrap{
	padding-left: calc(50vw - 680px) !important;
}
.padding-right .elementor-column:first-child .elementor-widget-wrap,
.bannerPrincipal .elementor-column:last-child .elementor-widget-wrap{
	padding-right: calc(50vw - 680px) !important;
}

/* SECCION SERVICIOS HOME A*/
.imgBorder,
.imgLineas{
	position: relative !important;
}
.imgBorder:before,
.imgLineas:before{
	content: '';
	position: absolute;
	width: 90%;
	height: 90%;
	top: 0px;
	right: 0px;
	z-index: 0;
	background-image: repeating-linear-gradient(-45deg, #000 0, #000 3px, transparent 0, transparent 50%) !important;
	background-size:15px 15px !important;
}
.imgBorder:before{
	background:white !important;
	border: 3px solid #000;
}
.imgBorder .elementor-widget-container img,
.imgLineas .elementor-widget-container img{
	z-index: 1 !important;
	position: relative !important;
}

/* SECCION CREEMOS HOME A*/
.creemosCtn{

}
.creenosCtn:before{
	content: '';
	width: 100%;
	left: 0;
	bottom:0;
	height: 55px;
	background: white;
	display: block;
	position: absolute;
}

.testimoniosListado .elementor-testimonial__content{
	background: white !important;
	box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.15);
	padding: 80px 30px 20px 35px !important;
	margin-top: -60px !important;
	text-align: left !important;
}
.testimoniosListado .elementor-testimonial__content *{
	font-style: normal !important;
}
.testimoniosListado .elementor-testimonial__image{
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.25) !important;
	margin-left: 35px !important;
	z-index: 2 !important;
}

/*Añadir desborde al contenedor de los slides*/
.desbordarS .jet-listing-grid .slick-list,
.desbordarS .slick-list.draggable,
.desbordarS .elementor-main-swiper{overflow: inherit !important;}

.elementor-testimonial{
	padding: 20px !important;
}
.testimoniosListado .elementor-testimonial__content:before{
	content: '';
	position: absolute;
	width: 90%;
	height: 60%;
	bottom: 0px;
	right: 0px;
	z-index: -1;
	background-image: repeating-linear-gradient(-45deg, #000 0, #000 3px, transparent 0, transparent 50%) !important;
	background-size:15px 15px !important;
}

/*Modificamos los Bullets de Control*/

.testimoniosListado.controlS .jet-slick-dots li,/*slide Listing*/
.testimoniosListado.controlS .swiper-pagination-bullet/*slide Elem*/{
	border-radius: 0px !important;
	height: 10px !important;
	width: 10px !important;
	background: var(--e-global-color-c7f9f89) !important;
	opacity: 1 !important;
	transition: all .3s linear !important;
	-webkit-transition: all .3s linear !important;
	margin: 3px !important
}
.testimoniosListado.controlS .jet-slick-dots li.slick-active,/*slide Listing*/
.testimoniosListado.controlS .swiper-pagination-bullet-active/*slide Elem*/{
	width: 34px !important;
}
.testimoniosListado.controlS .swiper-pagination.swiper-pagination-bullets{
	bottom: -40px !important;
	text-align: right !important;
	padding-right: 180px !important;
}

/*Modificamos las Flechas de Control*/
.testimoniosListado.controlS .slick-arrow/*slide listing*/,
.testimoniosListado.controlS .elementor-swiper-button/*slide Elem*/{
	background: #000 !important;
	box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.25) !important;
	border-radius: 0 !important;
	padding: 20px 20px !important;
	width: 70px !important;
	height: 70px !important;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	bottom: -100px !important;
	top: inherit !important;
	right: 0px !important;
	left: inherit !important;
	box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.55) !important; 
	z-index: 1;
}
.testimoniosListado.controlS .slick-arrow/*slide listing*/,
.testimoniosListado.controlS .elementor-swiper-button-prev/*slide Elem*/{
	right: 85px !important;
	left: inherit !important;
}

@media (max-width: 768px){
	.testimoniosListado.controlS .slick-arrow/*slide listing*/,
	.testimoniosListado.controlS .elementor-swiper-button/*slide Elem*/{
		right: 10px !important;
	}
	.testimoniosListado.controlS .slick-arrow/*slide listing*/,
	.testimoniosListado.controlS .elementor-swiper-button-prev/*slide Elem*/{
		right: 95px !important;
		left: inherit !important;
	}
}

/* lineas de borde de los items */
.extraItem:after,
.creemosItem:after,
.extraItem:before,
.creemosItem:before{
	content: '';
	position: absolute;
	width: calc(100% - 20px);
	height: 43%;
	bottom: 0px;
	right: 0px;
	z-index: 0px;
	background: transform;
	border-right: 2px solid white;
	border-bottom: 2px solid white;
}
.creemosItem:after,
.creemosItem:before{
	width: calc(100% - 75px);
	bottom: 0px;
	right: 55px;
}
.extraItem:after,
.creemosItem:after{
	border-right: none;
	bottom: 43%;
	width: 20px
}
.extraItem:after,
.extraItem:before{
	border-color: black;
	height: 49%;
}
.extraItem:after{
	bottom: 49%;
}
.extraItem{
	min-height: 340px;
}
@media(min-width: 1025px){
	.creemosItem{
		min-width: 25vw !important;
	}
}
/* fondo adicional de seccion */
@media(min-width: 769px){
	.creemosCtn:before{
		content: '';
		position: absolute;
		width: 73.225%;
		height: 20px;
		bottom: -20px;
		right: 0px;
		z-index: 0;
		background: var(--e-global-color-primary);
	}
	.HBCreemos:before{
		background: var(--e-global-color-5f3725b);
	}
}

@media(max-width: 769px){
	.creemosItem{
		width: 84vw !important;
		max-width: 400px !important;
	}
}

/* SECCION COMO LO HACEMOS HOME A*/

.comoCtn .elementor-background-overlay{
	height: 50%  !important;
	bottom: 0  !important;
	top: inherit !important;
}

.comoItem {
	padding: 0 !important;
	margin: 0 !important;
}

.comoItem .elementor-widget-container{
	padding: 15px 20px 0px 40px !important;
	margin: 0px 0px 70px 0px!important;
	width: 100% !important;
}
.comoItem .elementor-image-box-wrapper{
	background: white  !important;
	box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.25)  !important;
	padding: 0 30px 30px 100px  !important;
	min-height: 235px !important;
}
.comoItem .elementor-image-box-title{
	position: relative  !important;
	top: -18px  !important;
	padding: 0 !important;
	margin: 0 !important;
}
.comoItem .elementor-image-box-img{
	top: -25px !important;
	left: -40px !important;
	width: 198px !important;
	position: absolute  !important;
}

@media(max-width: 768px){
	.comoItem .elementor-image-box-img{
		width: 89px !important;
		left: -20px !important;
	}
	.comoItem .elementor-image-box-wrapper{
		padding: 0 30px 20px 40px !important;
	}
	.comoItem .elementor-widget-container{
		padding: 20px 0px 0px 20px !important;
		margin: 0px 0px 50px 0px!important;
	}
}

/* SCROLL BAR */
.scrollCtn{
	position: relative  !important;
	overflow-x: scroll !important;
	transition: all 0.2s !important;
	transform: scale(0.99) !important;
	will-change: transform !important;
	user-select: none !important;
	cursor: move !important;
}


.scrollCtn .elementor-widget-wrap{
	display: flex !important;
	flex-flow: row nowrap !important;
	width: auto !important;
}
@media(max-width: 768px){
	.scrollCtnMobile{
		position: relative  !important;
		overflow-x: scroll !important;
		overflow-y: hidden !important;
		transition: all 0.2s !important;
		transform: scale(0.99) !important;
		will-change: transform !important;
		user-select: none !important;
		cursor: move !important;
	}
	.scrollCtnMobile .elementor-widget-wrap{
		display: grid !important;
		grid-template-columns: 50vw 50vw 50vw 50vw ;
		gap: 0px;
		width: auto !important;
		padding-bottom: 20px !important;
	}
	.scrollCtnMobile .elementor-widget-image{
		margin: auto !important;
	}
	.scrollNum0:before,
	.scrollNum0:after, /*A*/
	.scrollNum1:before,
	.scrollNum1:after, /*B*/
	.scrollNum2:before,
	.scrollNum2:after,/*B*/
	.scrollNum3:before,
	.scrollNum3:after/*B*/{
		content: '';
		position: absolute;
		bottom: 20px;
		height: 10px;
		width: 40px;
		left: 0;
		background: #f6f5f6 !important;
		z-index: 1;
	}
	.scrollNum0:before,
	.scrollNum1:before,
	.scrollNum2:before,
	.scrollNum3:before{
		right: 0;
		left: inherit;
	}
	.scrollNum0:before,
	.scrollNum0:after{
		width: 30px !important;
		background: #000 !important;
	}
	.scrollNum1:before,
	.scrollNum1:after{
		background: #000 !important;
		bottom: 10px;
	}
	.scrollNum3:before,
	.scrollNum3:after{
		bottom: 80px;
	}
}
.scrollCtnMobile .elementor-widget-wrap.active,
.scrollCtn .elementor-widget-wrap.active{
	cursor: move !important;
	cursor: -webkit-move !important;
	transform: scale(1) !important;
}
.scrollCtnMobile::-webkit-scrollbar,
.scrollCtn::-webkit-scrollbar {
	height: 5px;
}
/* Track */
.scrollCtnMobile::-webkit-scrollbar-track,
.scrollCtn::-webkit-scrollbar-track {
	box-shadow: inset 0 0 50px rgba(255,255,255,0); 
	border-radius: 0px;
}
/* Handle */
.scrollCtnMobile::-webkit-scrollbar-thumb,
.scrollCtn::-webkit-scrollbar-thumb {
	background: var(--e-global-color-secondary); 
	border-radius: 0px;
}
.scrollCtnMobile,
.scrollCtn {
	scrollbar-color: var(--e-global-color-secondary) black;
	scrollbar-height: thin;
}

/*******************************/
/* HOME B */
/*******************************/

/* MEGAMENU B */
.megamenuB{
	padding-left: 0% !important;
}
.megamenuB nav ul li:last-child a:before{
	display: none !important;
}
.MMB-contacto a{
	margin: 0 10px !important;
}

/* BOTONES B */
.HBForm .elementor-field-type-submit button{
	padding: 10px 15px !important;
}
.btn-HB a{
	position: relative !important;
	background: transparent !important;
	padding: 0px !important;
}
.btn-HB a .elementor-button-content-wrapper{
	background: var( --e-global-color-secondary ) !important;
	padding: 10px 15px !important;
	position: relative !important;
	z-index: 1 !important;
}
.btn-HB a:before{
	content: '' !important;
	position: absolute !important;
	top: -7px !important;
	left: -7px !important;
	width: 100% !important;
	height: 100% !important;
	border: 2px solid black !important;
	z-index: 0 !important;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}
.HBForm .elementor-field-type-submit i,
.btn-HB a i{
	font-style: normal !important;
	display: inline-block !important;
	padding-left: 20px !important;
	font-size: 20px !important;
}
.btn-HB.white a:before{
	border: 2px solid white !important;
}
.btn-HB a:hover:before{
	top: 0px !important;
	left: 0px !important;
}

/* SERVICIOS B*/
.HB-servicioItem .elementor-image-box-img{
	position: relative;
}
.HB-servicioItem .elementor-image-box-img:before{
	content: '' !important;
	position: absolute !important;
	top: -10px !important;
	left: -10px !important;
	width: 100% !important;
	height: 99% !important;
	border: 1px solid white !important;
	z-index: 0 !important;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}
.HB-servicioItem .elementor-image-box-img img{
	position: relative !important;
	z-index: 1 !important;
}
@media(min-width: 1600px){
	.HB-servicioListado{
		justify-content:center !important;
	}
}
@media(max-width: 767px){
	.HB-servicioSecc .elementor-shape-fill{
		fill: var(--e-global-color-5f3725b) !important;
	}
	.HB-servicioItem{
		max-width: 85vw !important;
	}
	.HB-servicioItem .elementor-widget-container{
		padding: 25px 0px 25px 40px !important;
	}
}
/* Creemos B*/
.HB-creemosListado{}
.HBcreemosItem {
	padding: 10px 80px 30px 80px !important;
	width: 550px !important;
	max-width: 550px !important;
}
.HBcreemosItem .elementor-widget-container .elementor-image-box-wrapper{
	border: 1px solid #000 !important;
	padding: 15px !important;
	background: white !important;
	z-index: 1 !important;
	position: relative !important;
	margin-left: 10px;
	margin-top: -10px;
	margin-bottom: 10px;
	margin-right: -10px;
}
.HBcreemosItem .elementor-widget-container{
	border: 1px solid #000 !important;
	background: transparent !important;
}
@media(max-width: 1024px){
	.HBcreemosItem {
		padding: 10px 30px 30px 30px !important;
		width: 474px !important;
		max-width: 474px !important;
	}
}
@media(max-width: 767px){
	.HB-creemosSecc{
		background: var( --e-global-color-5f3725b ) !important;
	}
	.HBcreemosItem {
		padding: 10px 25px 30px 10px !important;
		width: 90vw !important;
		max-width: 520px !important;
	}
}

/* Extra B*/
.HB-extraItem .elementor-image-box-description{
	border-left: 1px solid var(--e-global-color-secondary);
	padding-left: 15px !important;
}

/*Nosotros B*/
.tabsCtn,
.tabsCtn .elementor-widget-container,
.tabsCtn .elementor-image-box-img,
.tabsCtn .elementor-image-box-wrapper{
	position: initial !important;
}
.tabsCtn .elementor-image-box-img{
	margin: 0px auto !important;
	padding: 0px !important;
	display: block !important;
	position: absolute !important;
	top: 0px !important;
	bottom: 0px !important;
	right: -100% !important;
	border: 1px solid var(--e-global-color-secondary);
	width: 90% !important;
	height: 100% !important;

	opacity: 0;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}
.tabsCtn  .elementor-image-box-img img{
	position: absolute !important;
	top: -20px !important;
	right: 20px !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
}
.tabsCtn .elementor-image-box-content{
	padding: 8px 30px 22px 30px !important;
	position: relative;
	background: white;
}
.tabsCtn .elementor-image-box-description{
	display: none;
	padding: 0px !important; 
}
.tabsCtn .elementor-image-box-title{
	cursor: pointer !important;
	display: block !important;
	padding: 0 !important;
	margin: 0px !important;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	position: relative;
	line-height: 50px !important;
	position: relative;
}
.tabsCtn .elementor-image-box-description img{
	position: absolute;
	width: 140px;
	top: -75px;
	right: -50px;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	opacity: 0;
}
@media (max-width: 768px){
	.tabsCtn .elementor-image-box-description img{
		right: -45px !important;
		top: -64px !important;
	}
}

/***************************************/
/* Atributo Pasos */
/***************************************/
.tabsCtn:before{
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	content: attr(paso) " ";
	font-weight: 800;
	font-size: 30px;
	background: white;
	border: 1px solid #000;
	width: 30px;
	height: 30px;
	display: inline-block;
	position: relative;
	text-align: center;
	line-height: 30px;
	bottom: -50px;
	z-index: 1;
	left: -50px;
	color: #000;
}
.tabsCtn.active:before{
	color: var(--e-global-color-secondary);
}

/***************************************/
/*Fecla de acordeon al lado del titulo */
/***************************************/
.tabsCtn .elementor-image-box-title:after{
	content: '';
	position: relative;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	border-color: var(--e-global-color-text);
	border-style: solid;
	border-width: 0px 2px 2px 0px;
	width: 12px;
	height: 12px;
	display: inline-block;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	margin: 0 0 4px 20px;
	opacity: 1;
}

/**************************************/
/*Fecla de card que apunta a la imagen*/
/**************************************/
/*.tabsCtn .elementor-image-box-title:before{
background:transparent;
right: -28px;
width: 20px;
height: 20px;
transform: rotate(45deg);
top: 18px;
opacity: 0;
}*/

/********/
/*ACTIVO*/
/********/

.tabsCtn.active .elementor-image-box-description img{
	opacity: 1;
}
.tabsCtn.active .elementor-image-box-img{
	opacity: 1;
}
.tabsCtn.active .elementor-image-box-content{
	border: 1px solid #000;
}
.tabsCtn.active .elementor-image-box-content:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border: 1px solid #000;
	background: var(--e-global-color-secondary);
	z-index: -1;
	left: -10px;
	top: 10px;
}
.tabsCtn.active .elementor-image-box-title{
	padding: 0 0 10px 0 !important;
}
.tabsCtn.active .elementor-image-box-title:after{
	opacity: 1;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	margin: 0 0 0px 20px;
}
.tabsCtn.active .elementor-image-box-title:before{
	opacity: 0;
}
@media (max-width: 920px){
	.tabsCtn .elementor-image-box-wrapper,
	.tabsCtn .elementor-image-box-content,
	.tabsCtn .elementor-image-box-img{
		display: flex !important;
		flex-flow: column wrap !important;
	}
	.tabsCtn .elementor-image-box-img{
		order: 2 !important;
	}
	.tabsCtn .elementor-image-box-content{
		padding: 20px 20px 20px 20px !important;
		margin-left: 0px !important;
		order: 1 !important;
	}
	.tabsCtn .elementor-image-box-img{
		height: 0px !important;
		width: 100% !important;
		right: inherit !important;
		position: relative !important;
		top: inherit !important;
		display: none !important;
	}
	.tabsCtn  .elementor-image-box-img img {
		position: absolute !important;
		top: 0px !important;
		right: 0px !important;
	}
	.tabsCtn .elementor-image-box-title:before{
		display: none !important;
	}
	.tabsCtn .elementor-image-box-title{
		line-height: 30px !important;
	}
	.tabsCtn:before{
		bottom: -60px;
	}
}


/* TESTIMONIOS HOME B*/

.HBclientesItem{
	padding: 20px 50px 10px 20px !important;
	margin: 0 !important;
}
.HBclientesItem .elementor-widget-container{
	position: relative !important;
}
.HBclientesItem .elementor-widget-container:before{
	content: '';
	position: absolute;
	width: calc(100% - 110px);
	height: calc(100% - 50px);
	border: 1px solid #000;
	left: 40px;
	top: 40px;
	background: white;
} 

.HBclientesItem .elementor-flip-box__layer__description:before{
	content: '"';
	font-size: 47px;
	font-weight: 900;
	font-style: italic;
	color: var(--e-global-color-secondary);
	position: absolute;
	text-transform: uppercase;
	top: 20px;
	left: 6px
}
.HBclientesItem .elementor-flip-box__layer__description b{
	display: block !important;
	font-size: 18px !important;
	padding: 15px 0 2px 0 !important;
}
.HBclientesItem .elementor-flip-box__layer__description p{
	display: block !important;
	font-size: 16px !important;
}


.HBscrollCtnInner .elementor-container{
	flex-flow: column wrap !important;
	width: 100% !important
}

@media (max-width: 1024px){
	.HBclientesItem .elementor-flip-box__layer__description{
		padding-bottom: 90px !important;
	}
	.HBclientesItem .elementor-flip-box__layer__description span{
		padding: 0 20px 10px 130px !important;
		position: absolute !important;
		bottom: 0px;
		left: 0px;
	}
	.HBclientesItem .elementor-flip-box__front{
		display: none !important;
	}
	.HBclientesItem .elementor-flip-box__back{
		opacity: 1 !important;
		visibility: visible !important;
		transform: rotateX(0deg) rotateY(0) !important;
	}
	.HBclientesItem{
		width: 435px !important;
		max-width: 435px !important;
		padding: 0px 0px 0px 0px !important;
	}
}

@media (max-width: 767px){
	.HBscrollCtnInner .elementor-container{
		flex-flow: row nowrap !important;
	}
	.HBscrollCtnInner .elementor-column{
		width: auto !important;
		min-width: auto !important; 
	}
	.HBclientesItem{
		width: 90vw !important;
		max-width: 500px !important;
		padding: 0px 0px 0px 0px !important;
	}
	.HBclientesItem .elementor-widget-container:before{
		left: 10px;
		width: calc(100% - 40px);
	}
}

.bannerPrincipalanimado > .elementor-widget-wrap{
	will-change: background-position, filter, background
}
.bannerPrincipalanimado > .elementor-widget-wrap:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	background: url('https://beall.graphica.pe/wp-content/uploads/2022/08/bg-portada.jpg');
	background-size: cover;
	background-position: center center;
	opacity: .8;
	/* mix-blend-mode: hard-light; */
	mix-blend-mode: screen;
	animation: glitch2 10s linear infinite;
}
.bannerPrincipalanimado > .elementor-widget-wrap:hover:before{
	animation: glitch1 1s linear infinite;
}

@keyframes glitch1{
	0%
	{
		background-position: 0 0;
		filter: hue-rotate(0deg);
		will-change: background-position, filter
	}
	10%
	{
		background-position: 5px 0;
		will-change: background-position
	}
	20%
	{
		background-position: -5px 0;
		will-change: background-position
	}
	30%
	{
		background-position: 15px 0;
		will-change: background-position
	}
	40%
	{
		background-position: -5px 0;
		will-change: background-position
	}
	50%
	{
		background-position: -25px 0;
		will-change: background-position
	}
	60%
	{
		background-position: -50px 0;
		will-change: background-position
	}
	70%
	{
		background-position: 0 -20px;
		will-change: background-position
	}
	80%
	{
		background-position: -60px -20px;
		will-change: background-position
	}
	81%
	{
		background-position: 0 0;
		will-change: background-position
	}
	100%
	{
		background-position: 0 0;
		filter: hue-rotate(360deg);
		will-change: background-position, filter
	}
}

@keyframes glitch2{
	0%
	{
		background-position: 0 0;
		filter: hue-rotate(0deg);
		will-change: background-position, filter
	}
	10%
	{
		background-position: 15px 0;
		will-change: background-position
	}
	15%
	{
		background-position: -15px 0;
		will-change: background-position
	}
	20%
	{
		filter: hue-rotate(360deg);
		will-change: background-position
	}
	25%
	{
		background-position: 0 0;
		filter: hue-rotate(0deg);
		will-change: background-position, filter
	}
	100%
	{
		background-position: 0 0;
		filter: hue-rotate(0deg);
		will-change: background-position, filter
	}
}


.flechasanimadas img{
	-webkit-animation: bounceRight 2s infinite 2s;
	animation: bounceRight 2s infinite 2s;
	opacity: .6;
}
.flechasanimadas{
	opacity: .6;
}
.flechasanimadas .elementor-widget-container{
	display: inline-block;
}
.flechasanimadas .elementor-widget-container:before{
	content:"Explora";
	opacity: .5;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	margin-right: 18px;
	font-size: 13px;
	text-transform: uppercase;
}
.flechasanimadas.white .elementor-widget-container:before{
	color: white;
}
@-webkit-keyframes bounceRight {
	0%,
	20%,
	50%,
	80%,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	40% {
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px);
	}
	60% {
		-webkit-transform: translateX(-7px);
		transform: translateX(-7px);
	}
}
@-moz-keyframes bounceRight {
	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateX(0);
	}
	40% {
		transform: translateX(-20px);
	}
	60% {
		transform: translateX(-7px);
	}
}
@keyframes bounceRight {
	0%,
	20%,
	50%,
	80%,
	100% {
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	40% {
		-ms-transform: translateX(-20px);
		transform: translateX(-20px);
	}
	60% {
		-ms-transform: translateX(-7px);
		transform: translateX(-7px);
	}
}
/* /right bounce */