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

/*************** FONTS.   ***************/


@font-face {
    font-family: 'Museo Sans';
    src: url('/wp-content/themes/flatsome-child/fonts/MuseoSans-700.woff2') format('woff2'),
        url('/wp-content/themes/flatsome-child/fonts/MuseoSans-700.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans';
    src: url('/wp-content/themes/flatsome-child/fonts/MuseoSans-500.woff2') format('woff2'),
        url('/wp-content/themes/flatsome-child/fonts/MuseoSans-500.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans';
    src: url('/wp-content/themes/flatsome-child/fonts/MuseoSans-900.woff2') format('woff2'),
        url('/wp-content/themes/flatsome-child/fonts/MuseoSans-900.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans';
    src: url('/wp-content/themes/flatsome-child/fonts/MuseoSans-500Italic.woff2') format('woff2'),
        url('/wp-content/themes/flatsome-child/fonts/MuseoSans-500Italic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans';
    src: url('/wp-content/themes/flatsome-child/fonts/MuseoSans-300Italic.woff2') format('woff2'),
        url('/wp-content/themes/flatsome-child/fonts/MuseoSans-300Italic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans';
    src: url('/wp-content/themes/flatsome-child/fonts/MuseoSans-100Italic.woff2') format('woff2'),
        url('/wp-content/themes/flatsome-child/fonts/MuseoSans-100Italic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans';
    src: url('/wp-content/themes/flatsome-child/fonts/MuseoSans-700Italic.woff2') format('woff2'),
        url('/wp-content/themes/flatsome-child/fonts/MuseoSans-700Italic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans';
    src: url('/wp-content/themes/flatsome-child/fonts/MuseoSans-900Italic.woff2') format('woff2'),
        url('/wp-content/themes/flatsome-child/fonts/MuseoSans-900Italic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans';
    src: url('/wp-content/themes/flatsome-child/fonts/MuseoSans-300.woff2') format('woff2'),
        url('/wp-content/themes/flatsome-child/fonts/MuseoSans-300.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans';
    src: url('/wp-content/themes/flatsome-child/fonts/MuseoSans-100.woff2') format('woff2'),
        url('/wp-content/themes/flatsome-child/fonts/MuseoSans-100.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

html {
    font-family: 'Museo Sans';
    font-weight:100;
}

strong {
	font-weight:300;
}

/*END FONTS*/

/*GENERAL*/

.ls-6 * {
	letter-spacing:6px
}

.ls-8 * {
	letter-spacing:8.8px;
}

.fw-100 * {
	font-weight:100;
}

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

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

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

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

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

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

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

.row.stack-5-cols > .col {
	flex-basis: 20%;
    max-width: 20%;
}
div.text p a {
	position:relative;
}
div.text p a:after {
	content:"";
	position:absolute;
	width:100%;
	height:1px;
	background:#000;
	opacity:.2;
	bottom:-1px;
	left:0;
}

div.text p a:before {
	content:"";
	display:inline-block;
	position:absolute;
	width:0;
	height:1px;
	background:#000;
	opacity:1;
	bottom:-1px;
	left:0;
	transition:.3s width linear;
}

.ux-logo-link {
	padding:0!important;
}

.section.dark div.text p a:after {
	background:#fff;
}
.section.dark div.text p a:before {
	background:#fff;
}

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

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

div.text p a:hover:before {
	width:100%
}

.zeta2 * {
	position:relative;
	z-index:2;
}


/*animation*/
.text .char {
  display: inline-block;
  -webkit-animation-delay: calc(0.15s + var(--char-index) * 0.1s);
          animation-delay: calc(0.15s + var(--char-index) * 0.1s);
  transition: transform 0.25s calc(0.15s + var(--char-index) * 0.07s);
}

.text--turning[data-scroll='out'] .char {
 	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
}
.text--turning[data-scroll='in'] .char {
	-webkit-transform: rotateY(0);
	transform: rotateY(0);
}

span.word {
	display:inline-block!important;
}

/*buttons*/
.button span {
	font-size:.875rem;
	font-weight:400;
	letter-spacing: 1.8px;
}

.button.simple-arrow-right {
	padding-right:18px;
	position:relative;
}

.button.simple-arrow-right-before {
	padding-left:18px;
	position:relative;
}


.button.simple-arrow-right:after {
	content: "";
    width: 12px;
    height: 12px;
    background: url(/wp-content/uploads/2023/09/4050_vector.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 12px;
	transition:.3s right linear;
}

.button.simple-arrow-right:hover:after {
	right: -5px;
}

.button.simple-arrow-right-before {
	padding-left:35px;
	position:relative;
	line-height:initial;
	min-height:auto;
}

.button.simple-arrow-right-before:before {
    content: "";
    width: 25px;
    height: 12px;
    position: absolute;
    background: url(/wp-content/uploads/2023/08/link-arrow-right.svg) center center no-repeat;
    background-size: contain;
    top: 5px;
    left: 0;
    transition: .3s left linear;
}

.button.simple-arrow-right-before:hover:before {
    left: 5px;
}

.button.white span {
	color:#000;
}
.button.white:hover {
	box-shadow: inset 0 0 0 100px rgba(0,0,0,.1);
}
.button.primary.icon-right-button {
	position: relative;
	left:0;
	transition:.3s left ease-in;
}
.button.primary.icon-right-button:before {
	content:"";
	position: absolute;
	left:0;
	top:-1px;
	display:block;
	border:1px solid #000;
	opacity:0;
	width:39px;
	height:39px;
	background:url(/wp-content/uploads/2023/12/button-arrow-right-white.svg) center center no-repeat,#000;
	background-size:11px;
	border-radius:99px;
	transition:.3s all  ease-in;
}
.button.primary.icon-right-button:after {
	content:"";
	position: absolute;
	left:100%;
	top:-1px;
	display:block;
	border:1px solid #000;
	width:39px;
	height:39px;
	background:url(/wp-content/uploads/2023/12/button-arrow-right-white.svg) center center no-repeat,#000;
	background-size:11px;
	border-radius:99px;
	transition:.3s all  ease-in;
}

.button.primary.icon-right-button:hover {
	left:40px;
}

.button.primary.icon-right-button:hover:before {
	left:-40px;
	opacity:1;
}

.button.primary.icon-right-button:hover:after {
	left:calc(100% - 40px);
	opacity:0;
}

.pretitle .scrolling-effect {
	opacity:0;
	animation: showAfter .2s linear forwards;
}



@keyframes showAfter {
	99% {
		opacity: 0;
	}
	100% {
		opacity:1;
	}
}



/*END GENERAL*/

/*HEADER*/

.header-full-width .header-inner {
	padding-left:30px;
	padding-right:30px;
}

.header-inner .hide-for-medium .flex-left {
	display:none;
}

.header-inner .hide-for-medium .header-nav-main > li  {
	margin:0 max(15px, 2vw);
} 

.header-inner .hide-for-medium .header-nav-main > li > a {
	font-size:.75rem;
	letter-spacing:3.6px;
	position:relative;
	padding:3px 7px;
	transition:.3s font-weight ease-in;
	text-shadow:0 0 0 rgba(0,0,0,0);
	transition:.3s all linear;
}

.header-inner .hide-for-medium .header-nav-main > li > a:hover {
	text-shadow:0 0 0px rgba(0,0,0,1);
}

.header-inner .hide-for-medium .header-nav-main:has(a:hover) > li > a:not(:hover) {
	opacity:.5;
}

/*END HEADER*/

/*HOME*/

	/*slider-soluciones*/
	.soluciones-slider-container {
		display:flex;
	}
	.soluciones-slider-container .slider-cell {
		height:531px;
		min-width:16.7%;
	}

	#content .soluciones-slider-container .slider-cell.total1 {
		width:100%!important;
	}

	#content .soluciones-slider-container .slider-cell.total2 {
		width:50%!important;
	}

	#content .soluciones-slider-container .slider-cell.total3 {
		width:33.4%!important;
	}

	#content .soluciones-slider-container .slider-cell.total4 {
		width:25%!important;
	}

	#content .soluciones-slider-container .slider-cell.total5 {
		width:20%!important;
	}

	#content .soluciones-slider-container .slider-cell.total6 {
		width:16.7%!important;
	}
	.solucion-container {
		position:relative;
		height:100%;
	}
	.solucion-container:after {
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height: 100%;
		background: linear-gradient(51deg, #666 0%, rgba(217, 213, 203, 0.00) 100%);
		mix-blend-mode: multiply;
		z-index:2;
	}

	.solucion-container img {
		width:100%;
		height:100%;
		object-fit: cover;
		object-position: 50% 50%;
	}

	.solucion-container .solucion-text {
		position: absolute;
		top:30px;
		left:30px;
		z-index:3;
		color:#fff;
		font-weight:500;
		font-size:1rem;
		text-transform:uppercase;
	}
	.tabs-container {
		padding:calc(30px + 1.5vw) 0;

	}
	.tabs-container ul {
		max-width:1670px;
			margin:0 auto;
		display:flex;
		flex-flow:row wrap;
		justify-content:space-evenly;
	}
	.tabs-container ul li {
		list-style-type:none;
		margin:0;
		text-transform:uppercase;
		font-size:1rem;
		margin:0 10px;
		text-shadow:0 0 0 rgba(0,0,0,0);
		transition: .3s all linear;
		position:relative;
		cursor:pointer;
	}

	.tabs-container ul li:after {
		content:"";
		position:absolute;
		bottom:-2px;
		left:0;
		width:0;
		height:1px;
		background:#000;
		transition: .3s width linear;
	} 

	.tabs-container ul li:hover:after,.tabs-container ul li.active:after  {
		width:100%;
	}

	.tabs-container ul li:hover,.tabs-container ul li.active {
		text-shadow:0 0 0 rgba(0,0,0,1);
	}

	.tabs-container ul:has(li:hover) li:not(:hover) {
		opacity:.5;
	}

	/*slider-proyectos*/
#content .proyectos-slider-container {
	margin-top: -80px;
	display:flex;
}
	
#content .proyectos-slider-container .proyectos-cell {
	width:calc(33.3333333% - 10px)!important;
	flex-shrink: 0;
	margin:0 10px;
}

.proyectos-cell .proyectos-image  {
	height:645px;
	display:flex;
	align-items:flex-end;
}

.proyectos-cell .proyectos-text {
	margin-top:40px;
	min-height:180px;
	padding-bottom:40px;
	position:relative;
	opacity:.3;
	transition:.5s opacity linear;
}

.proyectos-cell.is-selected .proyectos-text {
	display:block;	
	opacity:1;
}

.proyectos-cell.ver-todos .proyectos-image a {
	position:relative;
}

.proyectos-cell.ver-todos .proyectos-image a div {
	text-align:center;
	position:absolute;
	top:50%;
	left:0;
	font-weight:400;
	color:#fff;
	width:100%;
}

.proyectos-cell.ver-todos .proyectos-image a div span {
	padding-left:35px;
	position:relative;
}


.proyectos-cell.ver-todos .proyectos-image a div span:after {
	content:"";
	width:25px;
	height:12px;
	position:absolute;
	background:url(/wp-content/uploads/2023/08/link-arrow-right-white.svg) center center no-repeat;
	background-size:contain;
	top:6px;
	left:0;
	transition:.3s left linear;
}

.proyectos-cell.ver-todos .proyectos-image a div span:hover:after {
	left:5px;
}


.proyectos-cell .proyectos-text h4 {
	font-size:1.5rem;
}


.proyectos-cell .proyectos-text .proyectos-link {
	font-weight:400;
	position:relative;
	padding-left:35px;
	position:absolute;
	left:0;
	bottom:0;
}

.proyectos-cell .proyectos-text .proyectos-link:after {
	content:"";
	width:25px;
	height:12px;
	position:absolute;
	background:url(/wp-content/uploads/2023/08/link-arrow-right.svg) center center no-repeat;
	background-size:contain;
	top:5px;
	left:0;
	transition:.3s left linear;
}


.proyectos-cell .proyectos-text .proyectos-link:hover:after {
	left:5px;
}
.empresas {
	overflow:hidden!important;
}
.empresas .logos-slider-container {
	z-index:2;
	display:flex;
}


.logos-slider-container .flickity-viewport {
	overflow:visible;
}

#content .logos-slider-container .logos-cell {
	width:calc(25% - 40px)!important;
	flex-shrink: 0;
	margin:0 20px;
	display:flex;
	flex-flow:column wrap;
}

.logos-slider-container .logo-image  {
	min-height:120px;
	overflow: visible;
}
.logos-slider-container .logo-image .image-hover {
	height: 220px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: scale(.9) translateX(-30px) translateY(-30px);
    z-index: 2;
    width: 100%;
  	transition:transform 0.2s cubic-bezier(.02,1.23,.79,1.08),opacity .2s linear;

}

.logos-slider-container .logo-image:hover .image-hover {
	opacity:1;
	transform: translateX(-60px) translateY(-60px);
}

.logos-slider-container .logo-image .image-hover img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.logos-slider-container .logo-text {
	min-height:120px
} 

.logos-slider-container .logo-block:not(:last-child) {
	margin-bottom:40px;	
}

.logos-slider-container .flickity-page-dots {
	bottom:-80px;
	left:0;
	right:0;
	display:flex;
	flex-flow:row nowrap;
}


.logos-slider-container .flickity-page-dots .dot {
	border:none;
	width:100%;
	height:1px;
	border-radius:0;
	background:#000;
	opacity:.1;
	margin:0;
}


.logos-slider-container .flickity-page-dots .dot.is-selected {
	opacity:1;
}

#content .logos-slider-container .flickity-prev-next-button {
	top: auto;
    bottom: -120px;
    width: 23px;
    height: 23px;
    line-height: 0;
    min-height: 0;
	opacity:1!important;
}

#content .logos-slider-container .flickity-prev-next-button:disabled, #content .logos-slider-container button.flickity-prev-next-button[disabled] {
	opacity:.3!important;
}


#content .logos-slider-container .flickity-prev-next-button svg {
	display:none!important;
}

#content .logos-slider-container .flickity-prev-next-button.previous {
	background:url(/wp-content/uploads/2023/09/slider-arrow-left.svg) center center no-repeat!important;
	background-size:contain!important;
	right:50px;
	left:auto;
}

#content .logos-slider-container .flickity-prev-next-button.next {
	background:url(/wp-content/uploads/2023/09/slider-arrow-right.svg) center center no-repeat!important;
	background-size:contain!important;
	right:0;
	left:auto;
}


.empresas .logos-slider-container:after {
	content: 'flickity';
	display:none!important;
}

.empresas .floated-content {
	position:absolute;
	top:0;
	left:0;
}
.empresas .floated-content.right {
	position:absolute;
	top:0;
	right:0;
	left:auto;
}
.empresas .floated-content video {
	width: 280px;
    height: 60px;	
}

.empresas .floated-content .floated-video {
	margin-left: 90px;
	position:relative
}

.empresas .floated-content .floated-video:after {
	content:"";
	width:70px;
	height:1px;
	background:#000;
	position:absolute;
	top:calc(50% - 2px);
	right:calc(100% + 20px);
}

.empresas .floated-content.right .floated-video {
	margin-right: 90px;
	margin-left:0;
	position:relative
}

.empresas .floated-content.right .floated-video:after {
	content:"";
	width:70px;
	height:1px;
	background:#000;
	position:absolute;
	top:calc(50% - 2px);
	left:calc(100% + 20px);
	right:auto;
}

.video-banner-section .section-content {
	position:static!important;
}

.video-banner-section .title h2 span {
	display:inline-block;

}

.video-banner-section .title h2 span:first-child {
	transform:translateX(-3vw);
}
.video-banner-section .title h2 span:last-child {
	transform:translateX(3vw);
}
.video-banner-section .absolute-bottom-row {
	justify-content:space-between;
	position: absolute;
	bottom:max(30px,2.5vw);
	margin-left: max(15px,calc((100vw - 1670px)/2))!important;
	padding-right:15px;
}

.video-banner-section .absolute-bottom-row:after {
	display:none;
}

.column-screen {
	transition:.3s max-width linear;
}
.column-screen .video-gap {
	padding-top:56.25%!important;
	position: relative;
}

.column-screen .video-gap:after {
	content:"";
	display: block;
	position:absolute;
	top:15px;
	left:15px;
	right:15px;
	bottom:15px;
	background:#464A54;

}

.screen-video {
    position: absolute;
    top: 20%;
    left: 20%;
    right: 20%;
    bottom: 20%;
    width: auto;
    border-radius:10px;
    overflow:hidden;
	transition:.3s all linear;
	background-transparent;
}

.video-section:hover .column-screen {
	max-width:80%;
}

.video-section:hover .section-content {
	position:static!important;
}

.video-section:hover .screen-video {
top:0;
left:0;
right:0;
bottom:0;
border-radius:0;
}

@media screen and (min-width: 850px) {
	.video-banner-section .absolute-bottom-row > .col {
    	width: fit-content;
    	max-width: 270px;
    	flex-basis: fit-content;
	}
}

/*.video-hover-effect {
	display:flex;
	align-items:center;
	justify-content:center;
	
}
.video-hover-effect div {
	width: 100%;
	max-width:500px;
    height: 500px;
    overflow: hidden;
    display: flex;
    justify-content: center;
	align-items:center;
	transition:.3s all linear;
	position:relative;
}

.video-hover-effect div img {
	position:absolute;
	opacity:1;
	transition:.3s opacity linear;
}

.video-hover-effect div h2 {
	position:absolute;
	text-align:center;
	font-size:5.5rem;
	color:#fff;
	opacity:0;
	transition:.3s opacity linear;
	line-height:1;
}



.video-hover-effect div video {
	height: 100%;
	max-height:1080px;
    width: auto;
	position:relative;
	
}
.section-hover-effect {
	overflow:hidden;
}
.section-hover-effect > .section-content {
	position:absolute!important;
	top:0;
	bottom:0;
	display:flex;
	align-items:center;
	justify-content:center;
}

.section-hover-effect:hover .video-hover-effect div, 
.section-hover-effect.pinned .video-hover-effect div {
	height:1080px;
	max-width:100%;
}

.section-hover-effect:hover .video-hover-effect div img {
	animation-name: dissapear;
	animation-duration:.2s;
	animation-fill-mode:forwards;
}

.section-hover-effect.pinned .video-hover-effect div img, .section-hover-effect.pinned .video-hover-effect div h2 {
	opacity:0!important;
}

.section-hover-effect:hover .video-hover-effect div h2 {
	animation-name: appear;
	animation-duration:.2s;
	animation-delay:.2s;
	animation-fill-mode:forwards;
}

.section-hover-effect.pinned .video-hover-effect video {
	z-index:3;
}

@keyframes dissapear {
	0% {opacity:1;}
	100% {opacity:0}
}

@keyframes appear {
	0% {opacity:0;}
	100% {opacity:1}
}*/
   

.image-collage-section > .section-content {
	position:absolute!important;
	top:0;
	bottom:0;
}

.image-collage-section > .section-content > .row, .image-collage-section > .section-content > .row > .col, .image-collage-section > .section-content > .row > .col > .col-inner {
	height:100%;
}  

.image-collage-section > .section-content > .row > .col > .col-inner {
	display:flex;
	align-items:center;
	justify-content:center;
}

.image-collage-section .img {
	position:absolute;
	transition:.3s all linear;
	
}

.image-collage-section .img.image-top-left {
	max-width:723px;
	margin-left:-55%;
	margin-top:-20%;
	z-index:3;
} 

.image-collage-section .img.image-top-right {
	max-width:533px;
	margin-right:-65%;
	margin-top:-60%;
	z-index:3;
} 

.image-collage-section .img.image-center {
	max-width:644px;
	margin-right:-10%;
	margin-bottom:0;
	z-index:2;
}

.image-collage-section .img.image-bottom-right {
	max-width:390px;
	margin-right:-60%;
	margin-bottom:-50%;
	z-index:3;
}

.image-collage-section:hover .img.image-top-left {
	margin-left:-40%;
}

.image-collage-section:hover .img.image-top-right {
	margin-top:-45%;
}

.image-collage-section:hover .img.image-center {
	margin-right:-5%;
	margin-bottom:-5%;
}

.image-collage-section:hover .img.image-bottom-right {
	margin-right:-50%;
	margin-bottom:-40%;
}

.image-collage-section .img.cherry-background {
	max-width:514px;
	bottom:-230px;
	right:0;
	z-index:4;
}

.image-collage-section .img.sorro {

	max-width:463px;
	bottom:-130px;
	left:-80px;
	z-index:4;
	transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
}

/*TECNOLOGIAS*/
#content .tecnologias-slider-container {
	position:relative;
	display:flex;
}
#content .tecnologias-slider-container .logo-cell {
	width:20%!important;
	min-width:300px;
	flex-shrink: 0;
}
#content .tecnologias-slider-container:before {
	content:"";
	width:10%;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	background: linear-gradient(90deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
	z-index:2;
} 

#content .tecnologias-slider-container:after {
	content:"";
	width:10%;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	background: linear-gradient(270deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
	z-index:2;
} 

.lds-spinner {
     color: white;
    display: inline-block;
    position: relative;
    width: 400px;
    height: 400px;
    padding: 0;
    margin: 0 auto;
}

.lds-spinner div.linea {
    transform-origin: 200px 200px;
}

.lds-spinner div.linea:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 200px;
    width: 1px;
    height: 16px;
    border-radius: 20%;
    background: #000;
}

.lds-spinner .leyenda {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    color:#000;
    font-size:1.5rem;
    font-weight: 300;
}

.lds-spinner .leyenda div {
    position:absolute;
    width:100%;
}

.lds-spinner .leyenda .top {
    text-align: center;
    top:-60px;
}

.lds-spinner .leyenda .right {
	display: inline-block;
    text-align: right;
  	left: calc(100% + 30px);
    top:50%;
    width:fit-content;
    transform:translateY(-50%);
}

.lds-spinner .leyenda .left {
	display: inline-block;
    text-align: left;
    right: 100%;
    top:50%;
    width:fit-content;
    transform:translateX(calc(-100% - 30px)) translateY(-50%);
}

.lds-spinner .leyenda .bottom {
    text-align: center;
    bottom:-60px;
}

.lds-spinner .leyenda .center {
    text-align: center;
    top:50%;
    letter-spacing: 4px;
    text-transform:uppercase;
    transform:translateY(-50%);
}

.servicios-tecnologia-section {
	overflow-x:hidden;
}

.servicios-tecnologia-section .servicios-scroll-container {
	flex-flow:row nowrap;
	align-items: stretch;
	width:250%;
	overflow-x:hidden;
	max-width:initial!important;
}

.servicios-tecnologia-section .servicios-scroll-container > .col {
	flex-basis:35%;
	width:35%;
	min-width:340px;
	padding-left: max(15px,calc((100vw - 1670px)/2))!important;
}
.servicios-tecnologia-section .title-separator {
	position:relative;
}
.servicios-tecnologia-section .title-separator:before {
	content:"";
	height:7px;
	width:7px;
	background:#C7C7C7;
	position:absolute;
	top:50%;
	margin-top:-3px;
	left:0!important;
	display: block;
	border-radius:3px;

}
.servicios-tecnologia-section .title-separator:after {
	content:"";
	height:1px;
	background:#C7C7C7;
	position:absolute;
	top:50%;
	left:min(-15px,calc((-100vw + 1670px)/2))!important;
	display: block;
	right:0;
}

.servicios-scroll-container > .col > .col-inner {
	padding-bottom:60px;
}

.servicios-scroll-container > .col > .col-inner .icon-right-button {
	position:absolute;
	bottom:0;
	left:0;
}

.logos-grid-container {
	display:flex;
	flex-flow:row wrap;
	align-items: center;
	justify-content: flex-start;
}

.logos-grid-container .logo-image {
	flex-basis: 16.6666666666%;
	text-align: center;
	margin-bottom:max(30px,3vw);
}

/* Common Blocks */

.product-card-column .button {
	position: absolute;
    bottom: 15px;
}

.frm_forms .frm_form_field {
		margin-bottom:20px;
}

.frm_forms .frm_error {
		color:red;
		font-weight:300;
}


.section-form-service .frm_forms ::placeholder {
	color:#fff;
	font-weight:300;
	opacity:.7;
}

.section-form-service .frm_forms input[type=email], 
.section-form-service .frm_forms input[type=number], 
.section-form-service .frm_forms input[type=search], 
.section-form-service .frm_forms input[type=tel], 
.section-form-service .frm_forms input[type=text], 
.section-form-service .frm_forms input[type=url], 
.section-form-service .frm_forms textarea {
	margin-bottom:3px;
	font-size:1.125rem;
	font-weight:300;
	background:transparent;
	line-height:normal;
	padding:10px 0;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	box-shadow:none;
	border:none;
	border-bottom:1px solid #fff;
	color:#fff;
}

.section-form-service .frm_forms input[type=checkbox] {
	width:20px;
	height:20px;
	background:transparent;
	border:1px solid #fff;
	top:4px;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	display:block;
	position:absolute;
	top:0;
	left:0;
	  display: flex;
 align-items:center;
	justify-content:center;
}

.section-form-service .frm_forms input[type="checkbox"]::before {
  content: "";
	width: 90%;
    height: 90%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #fff;
}

.section-form-service input[type="checkbox"]:checked::before {
  transform: scale(1);
}


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

.frm_forms .frm_checkbox label a {
		text-decoration:underline;
}

.frm_forms .frm_submit button {
	font-size:20px;
	line-height:normal;
	padding:5px 20px 7px 20px;
	background:#202020;
	color:#fff;
	font-weight:300;
	max-width:190px;
}




/* footer */


footer .row.stack-5-cols > .col .icon-box-img  {
	min-height:70px;
}

footer .ux-menu .ux-menu-link__link {
	min-height:0;
	padding:2px 0;
	font-size:1.1rem;
} 

footer .logos-footer-stack .ux-logo-link {
	    margin: 0 auto;
}

@media (max-width:1080px) {
	.tabs-container ul {
		flex-flow:row nowrap;
		overflow-x: auto;
    	justify-content: left;
	}
	
	.tabs-container ul li {
		text-align:center;
		min-width:fit-content;
		padding: 0 15px 20px;

	}
	
	
	#content .proyectos-slider-container {
		margin-top:-40px
	}
}

@media (max-width:850px) {
	#content .logos-slider-container .logos-cell {
		width:calc(33.3333333% - 40px)!important;
	}
	
	#content .soluciones-slider-container .slider-cell.total4 {
		width:33.4%!important;
	}

	#content .soluciones-slider-container .slider-cell.total5 {
		width:33.4%!important;
	}

	#content .soluciones-slider-container .slider-cell.total6 {
		width:33.4%!important;
	}

	#content .proyectos-slider-container .proyectos-cell {
    	width: calc(70% - 10px)!important;
	}
	
	#content .proyectos-slider-container {
		margin-top:20px;
	}
	
	.empresas .floated-content video {
		width:180px;
		height: 50px;
	}
	
	.empresas .floated-content img {
		max-width:80%;
	}
	
	.video-hover-effect div h2 {
		font-size:3.5rem;
		line-height:1.3;
	}
	
	.video-hover-effect div video {
		max-height: 600px;
	}
	
	.section-hover-effect:hover .video-hover-effect div, .section-hover-effect.pinned .video-hover-effect div {
		height:700px;
	}
	
	.row.stack-5-cols > .col {
		flex-basis: 33.3333333%;
   		 max-width: 33.3333333%;
		margin-bottom:60px;
	}

}

@media (max-width:550px) {
	
	.ls-6 * {
		letter-spacing:4px
	}

	.ls-8 * {
		letter-spacing:6px;
	}
	
	.logos-slider-container {
		overflow-x:auto;
	}
	
	.logos-slider-container {
		flex-flow:row nowrap;
	}
	
	.logos-slider-container:after {
		content: ''!important;
	}
	
	#content .logos-slider-container .logos-cell {
		width:100%;
		margin:0;
		margin-right:30px;
		min-width:900px;
		flex-flow:row nowrap;
	}
	
	#content .logos-slider-container .logo-block {
		margin-right:30px;
	}
	
	#content .logos-slider-container .logo-block:nth-child(3n) {
		margin-right:0;
	}
	
	
	.image-collage-section .img.cherry-background {
		bottom: -50px;
	}

	.image-collage-section .img.sorro {
		bottom: -50px;
	}
	
		.row.stack-5-cols > .col {
		flex-basis: 100%;
   		 max-width: 100%;
		margin-bottom:60px;
	}
	
	.video-hover-effect div video {
		    max-height: 370px;
	}
	
	.video-hover-effect div {
		max-width: 300px;
    	height: 300px;
	}
	
	.video-hover-effect div h2 {
		font-size:2.2rem;
		line-height:1.2;
	}
	
	#content .proyectos-slider-container .proyectos-cell {
		width: calc(90% - 10px)!important;
	}
	
	.proyectos-cell .proyectos-image {
		height:470px;
	}
	
	.empresas .floated-content {
		position:relative;
	}
	
	.empresas .floated-content img {
		display:none;
	}
	#content .soluciones-slider-container .slider-cell {
		max-width: 320px!important;
	}
	
	#content .soluciones-slider-container .slider-cell.total1 {
		width:95%!important;
	}
	
	#content .soluciones-slider-container .slider-cell.total2 {
		width:95%!important;
	}
	
	#content .soluciones-slider-container .slider-cell.total3 {
		width:95%!important;
	}
	
	#content .soluciones-slider-container .slider-cell.total4 {
		width:95%!important;
	}

	#content .soluciones-slider-container .slider-cell.total5 {
		width:95%!important;
	}

	#content .soluciones-slider-container .slider-cell.total6 {
		width:95%!important;
	}

	.video-banner-section .title h2 span:first-child {
		transform:none;
	}
	.video-banner-section .title h2 span:last-child {
		transform:none;
	}
}

/*END FOOTER*/