/********ACCESOS DIRECTOS******/
/*GENERICOS*/
/*HEADER*/
/*MENU*/
/*HOME*/
/*QUE HACEMOS*/
/*QUIENES SOMOS*/
/*TRABAJOS*/
/*404*/
/*CONTACTO*/
/*FOOTER*/


/*RESPONSIVE*/
/*m1500*/
/*m1250*/
/*m1024*/
/*m940*/
/*m768*/
/*m560*/

*{
	margin:0;padding:0;box-sizing:border-box;-webkit-appearance:none!important;-moz-appearance:none;appearance:none!important;font-weight:inherit;color:inherit;
	font-family: 'Lato', sans-serif;
}
a{text-decoration:none;cursor:pointer}
li,ul{list-style:none}

input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-appearance:none;-moz-appearance:none;appearance:none}

body{font-weight:400;text-align:center;font-size: 16px;background: #112028;}

.column-center{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;-webkit-justify-content:center;-ms-align-items:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column}
.column-start{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;-webkit-justify-content:center;-ms-align-items:flex-start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column}
.column-between{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between;-webkit-justify-content:space-between;-ms-align-items:space-between;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column}

.row-center{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;-webkit-justify-content:center;-ms-align-items:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
.row-center-wrap{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;-webkit-justify-content:center;-ms-align-items:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
.row-between{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between;-webkit-justify-content:space-between;-ms-align-items:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
.row-around{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-around;-webkit-justify-content:space-around;-ms-align-items:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
.row-start{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-start;-webkit-justify-content:flex-start;-ms-align-items:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
.row-start-wrap{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-start;-webkit-justify-content:flex-start;-ms-align-items:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
.row-end{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-end;-webkit-justify-content:flex-end;-ms-align-items:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
.row-center-stretch{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;-webkit-justify-content:center;-ms-align-items:stretch;-webkit-align-items:stretch;align-items:stretch;;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}

.df{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex}
.jcc{justify-content:center;-webkit-justify-content:center}
.jcsb{justify-content:space-between;-webkit-justify-content:space-between}
.jcsa{justify-content:space-around;-webkit-justify-content:space-around}
.jcfe{justify-content:flex-end;-webkit-justify-content:flex-end}
.aic{-ms-align-items:center;-webkit-align-items:center;align-items:center}
.ais{-ms-align-items:stretch;-webkit-align-items:stretch;align-items:stretch}
.aifs{-ms-align-items:flex-start;-webkit-align-items:flex-start;align-items:flex-start}.aife{-ms-align-items:flex-end;-webkit-align-items:flex-end;align-items:flex-end}
.fww{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap}
.fdc{-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column}

.container{width:100%;max-width:1200px;margin: 0 auto;}
.container--small{width:100%;max-width:1100px;margin: 0 auto;padding: 0 20px;}
.container--small.-bgdark{background: #112028;}
.container--xsmall{width:100%;max-width:980px;margin: 0 auto;padding: 0 20px;}


.full-width{width:100%}
.full-height{min-height:100vh}
.psr{position:relative}


.align-center{text-align:center}
.align-left{text-align:left}
.align-right{text-align:right}

.cover-imagen{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.5);z-index:1}
.hide{display:none}
.enlace-cover{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;}


.cover-popup{display:none;position: fixed;left: 0;top: 0;bottom: 0;right: 0;background: rgba(0,0,0,.5);z-index: 10;}
.contenedor-popup{position: relative;height: 100vh;width: 100vw;}
.popup{padding: 40px 60px;background:white;display: inline-block;z-index: 12;position: relative;max-width: 600px;}
.capa-cerrar-popup{position: absolute;width: 100vw;height: 100vh;left: 0;top: 0px;z-index: 10;}
.cerrar-popup{position: absolute;top: 10px;right: 10px;}


::-webkit-scrollbar
{
	width: 0px;
}
::-webkit-scrollbar-track-piece
{
	background-color: transparent;
	-webkit-border-radius: 6px;
}



.wrapper{
	background: #112028;
	min-height: 100vh;
	width: 100%;
	transition: .5s;
}



/*GENERICOS*/

.titulo__h1 {
	font-family: 'Anton', sans-serif;
	font-size: 120px;
	display: inline-block;
	width: 100%;
	line-height: 1em;
	letter-spacing: 1.6px;
	text-align: left;
	color: #ffffff;
	text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.5);
	transform: translateX(-40px);
	text-transform: uppercase;
	margin-top: 12vh;
	margin-bottom: 2vh;
}


.titulo__h1.-mBottom{
	margin-bottom: 8vh;
}



.titulo__h2 {
	font-family: 'Anton', sans-serif;
	font-size: 24px;
	width: 100%;
	text-align: left;
	line-height: 1.25;
	letter-spacing: 4px;
	text-align: left;
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 3vh;
	display: inline-block;
	position: relative;
	z-index: 1;
}



.titulo__h2.-mb10{
	margin-bottom: 10px;
}

.titulo__h2.-dark{
	color: #112028;
}

.titulo__h2.-big{
	font-size: 60px;
}

.titulo__h2.-mBottom{
	margin-bottom: 6vh;
}

.parrafo + .titulo__h2{
	margin-top: 40px;
}


.titulo__h3 {
	font-family: 'Anton', sans-serif;
	font-size: 18px;
	width: 100%;
	text-align: left;
	line-height: 1.25;
	letter-spacing: 4px;
	text-align: justify;
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 3vh;
	display: inline-block;
	position: relative;
	z-index: 1;
}

.titulo__h4 {
	font-family: 'Anton', sans-serif;
	font-size: 16px;
	width: 100%;
	text-align: left;
	line-height: 1.25;
	text-align: justify;
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 3vh;
	display: inline-block;
	position: relative;
	z-index: 1;
}


.parrafo + .titulo__h3{
	margin-top: 20px;
}

a.titulo__h2{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
	-webkit-align-items: center;
}

a.titulo__h2:hover{
	color: #82bc00;
}

.titulo__404 {
	font-family: 'Anton', sans-serif;
	font-size: 288px;
	line-height: 1.25;
	letter-spacing: 4px;
	text-align: justify;
	color: #ffffff;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
	z-index: 4;
	position: relative;
}


.parrafo {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.67em;
	text-align: justify;
	color: #ffffff;
	position: relative;
	z-index: 1;
}

.parrafo.-for404{
	text-align: justify;
	max-width: 450px;
	margin: 0 auto;
	margin-bottom: 5vh;
}

.parrafo.-dark{
	color: #112028;
}

.parrafo.-mBottom{
	margin-bottom: 2vh;
}

.parrafo strong{
	font-weight: 700;
}
.listado li{
	position: relative;
	padding-left: 20px;
	margin-bottom: 10px;
}

.listado li::before{
	position: absolute;
	left: 0;
	top: 15px;
	content: '';
	width: 5px;
	height: 5px;
	background:#fff;
	display: inline-block;
	border-radius: 50%;
	
}

.-lefted{
	transform: translateX(-40px);
}

.-notlefted{
	transform: translateX(0);
}

.-middle{
	width: 100%;
	max-width: 580px;
}

.container__small--middle{
	width: 100%;
	max-width: 550px;
	padding-left: 20px;
}

a:not(.--nothover){
	transition: .7s;
}

a:not(.--nothover):hover{
	color: #82bc00;
}

.btn{
	font-family: 'Lato';
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.67;
	letter-spacing: 8px;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	background: none;
	border: none;
	transition: .7s;
	cursor: pointer;
	will-change:transform;
	outline: none;
}

.btn:hover{
	letter-spacing: 12px;
	color: #82bc00;
	transform: scale(1.1);
}

.btn.-verde{
	color: #82bc00;
}

.btn.-verde:hover{
	color: #112028;
}

.decorado__circle{
	position: absolute;
	right: -37.5vh;
	top: 50%;
	height: 75vh;
	width: 75vh;
	display: inline-block;
	background: #0c161b;
	border-radius: 50%;
	margin-top: -37.5vh;
	background-size: cover;
	background-position: center;
}

.decorado__circle.-top{
	width: 33vw;
	height: 33vw;
	right: 120px;
	top: -23.5vw;
	margin-top: 0;
	animation-name: bubbleDown;
	animation-duration: 10s;
	animation-fill-mode: forwards;
	z-index: 0;
	transform: scale(.5);
}

.decoracion__trabajo-preview{
	width: 16vw;
	height: 11.25vw;
	display: inline-block;
	position: relative;
	overflow:hidden;
	box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.19);
}


.bubble--hablamos{
	background: url(../img/bubble--hablamos.jpg) center left/cover no-repeat;
}

.bubble--trabaja{
	background: url(../img/bubble--trabaja.jpg) center left/cover no-repeat;
}

.bubble--trabajos{
	background: url(../img/bubble--trabajos.jpg) center left/cover no-repeat;
}

.bubble--home{
	background: url(../img/bubble--home.jpg) center top/cover no-repeat;
}

.decoracion__trabajo-preview .cover-imagen{
	opacity: 0;
	transition: .7s;
}

.decoracion__trabajo-preview:hover .cover-imagen{
	opacity: 1;
}

.decoracion__trabajo-preview .titulo__h2{
	justify-content: center;
	margin-bottom: 0;
	text-align: center;
}

.decoracion__trabajo-preview--background{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	transition: .7s;
}

.decoracion__trabajo-preview:hover .decoracion__trabajo-preview--background{
	transform: scale(1.1);
}


.decorado__enlace-circle{
	position: relative;
	height: 25vh;
	min-width: 25vh;
	padding-top: 3vh;
}

.decorado__enlace-circle.-mBottom{
	margin-bottom: 8vh;
}

.decorado__enlace-circle:first-of-type{
	align-self: flex-start;
}

.decorado__enlace-circle:last-of-type{
	align-self: flex-end;
}

.decorado__enlace-circle .cover-imagen{
	opacity: 0;
	transition: .7s;
}

.decorado__enlace-circle .background{
	width: 25vh;
	height: 25vh;
	display: inline-block;
	border-radius: 50%;
	position: absolute;
	right: 0;
	top: 0;
	overflow:hidden;
	background: #82bc00;
	box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.19);	
}

.decorado__enlace-circle .btn:hover + .background .cover-imagen{
	opacity: .8;
}

.decorado__enlace-circle .btn{
	width: 100%;
	z-index: 6;
	position: relative;
	display: inline-block;
	text-align: left;
	transform: translateX(-100px);
}

.decorado__enlace-circle .btn.-right{
	transform: translateX(150px);
}

@keyframes bubbleDown {
	
	100%{
		transform: translate(0px, 200px) scale(.8);
		opacity: .5;
	}

}

.icons__goTo{
	background: #82bc00 url(../img/icon-flecha.svg) center no-repeat;
	width: 25px;
	height: 25px;
	display: inline-block;
	border-radius: 50%;
	transition: transform .7s;
	transform: rotate(90deg);
	margin-left: 5px;
	will-change:transform;
}

a.titulo__h2:hover .icons__goTo{
	transform: rotate(90deg) translateY(-5px);
}

#fp-nav.left{
	z-index: 2;
}

#fp-nav ul li{
	height: 20px!important;
}

#fp-nav ul li a span{
	width: 1px!important;
	height: 20px!important;
	border-radius: 0!important;
	margin: 0!important;
	transition: .7s;
}

#fp-nav ul li a.active span{
	background:#82bc00; 
}


.iScrollVerticalScrollbar.iScrollLoneScrollbar{
	display: none;
}


.home-player{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 80%;
	height: 30vw;
	z-index: 5;
	pointer-events: none;
}

/*carousel*/
.carousel {
	width: 100%;
	z-index: 1;
	max-height: 340px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
}
	
.carousel::after {
	right: 0;
	top: 0;
	transform: rotateZ(180deg);
	content: "";
	position: absolute;
	width: 200px;
}
.carousel::before {
	left: 0;
	top: 0;
	content: "";
	position: absolute;
	width: 200px;
}	
	
.carousel-track {
	animation: slide 30s linear infinite;
	display: flex;
	width: calc(200px * 22);
}
.column {
	display: grid;
	align-content: space-between;
	min-height: 340px !important;
	margin-right: 40px;
	width: 100%;
	min-width: 200px;
}
.column img {
	object-fit: contain;
	width: 100%;
	max-width: 140px;
	max-height: 80px;
	display: inline-block;
	opacity: .7 !important;
	transition: .7s !important;
}
	
.carousel-track:hover {
	animation-play-state: paused;
}
/* Animación de desplazamiento */
@keyframes slide {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(calc(-200px * 16));
}
}

/*HEADER*/
.header{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 10;
	padding-right: 6vw;
	height: 5vw;
	min-height: 60px;
	max-height: 80px;
}

.header__logo--container{
	transform: translateY(-100px);
	animation-name: translatey;
	animation-duration:1s;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	margin-top: 10px;
}


.header__hamburguer--container{
	width: 5vw;
	height: 5vw;
	min-width: 60px;
	min-height: 60px;
	max-width: 80px;
	max-height: 80px;
	position: fixed;
	right: 0;
	top: 0;
	background: #82bc00;
	transform: translateY(-100px);
	animation-name: translatey;
	animation-duration:1s;
	animation-delay: 1s;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@keyframes translatey{
	50%{
		transform: translateY(15px);
	}
	100%{
		transform: translateY(0);
	}
}

.header__hambuguer--menu{
	width: 35px;
	height: 27px;
	position: relative;
	cursor: pointer;
	display: inline-block;
	transition: .3s;
	transition-delay: 0s;
}
.header__hambuguer--menu span{
	background-color:#FFF;
	position: absolute;
	border-radius: 2px;
	transition: .3s ease-in;
	width:100%;
	height: 1px;
}
.header__hambuguer--menu span:nth-child(1){
	top:0px;
	left: 0px;
}
.header__hambuguer--menu span:nth-child(2){
	top:13px;
	left: 0px;
}
.header__hambuguer--menu span:nth-child(3){
	bottom:0px;
	left: 0px;
}


.clickheader__hambuguer--menu{
	transform: rotate(45deg);
	transition-delay: .8s;
}

.clickheader__hambuguer--menu span:nth-child(1){
	transform: rotate(90deg);
	top: 13PX;
}
.clickheader__hambuguer--menu span:nth-child(2){
	transform: scale(0);
	transition-duration: 50ms
}
.clickheader__hambuguer--menu span:nth-child(3){
	top: 13PX;
}





/*MENU*/


.menu--fakebackground{
	position: fixed;
	z-index: 6;
	right: 0;
	top:0;
	width: 180vw;
	height: 180vw;
	background: #fff;
	border-radius: 50%;
	transition: 1s;
	transition-delay: .2s;
	transform: translate(190vw,-190vw);
	will-change:transform;
}

.-active .menu--fakebackground{
	transform: translate(30vw,-30vw);
}

.menu--wrapper {
	width: 100%;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9;
	will-change:transform;
	transition: 1s;
	transition-delay: .4s;
	width: 0px;
	height: 0;
}


.menu--wrapper.-active{
	width: 100%;
	height: 100vh;
	transition-delay: .2s;
}


.menu--wrapper.-active .menu--fakebackground{
	transition-delay: .2s;
}

.menu--container{
	position: relative;
	max-width: 1400px;
	padding: 20px;
	width: 100%;
	z-index: 7;
	pointer-events: none;
}

.-active .menu--container{
	pointer-events: visible;
}

.menu__link--container {
	width: 100%;
	display: inline-block;
	text-align: left;
	margin-bottom: 2vh;
}

.menu__link--container.-last{
	margin-bottom: 0;
	position: relative;
}

a.menu__link{
	text-transform: uppercase;
	color: white;
	font-size: 64px;
	font-family: 'Anton';
	text-align: left;
	line-height: .9em;
	display: inline-block;
	opacity: 0;
	transform: translateX(-100vw);
	transition: .5s;
	will-change:transform;
	color: #112028;
}

.menu--wrapper.-active .menu__link--container:nth-child(1) a.menu__link{width: 380px;}


.menu--wrapper.-active .menu__link--container:nth-child(1) a.menu__link{transition-delay: .2s;}
.menu--wrapper.-active .menu__link--container:nth-child(2) a.menu__link{transition-delay: .3s;}
.menu--wrapper.-active .menu__link--container:nth-child(2) a.menu__link.-sub{transition-delay: .3s;}
.menu--wrapper.-active .menu__link--container:nth-child(3) a.menu__link{transition-delay: .4s;}
.menu--wrapper.-active .menu__link--container:nth-child(4) a.menu__link{transition-delay: .5s;}
.menu--wrapper.-active .menu__link--container:nth-child(4) a.menu__link.-sub{transition-delay: .5s;}
.menu--wrapper.-active .menu__link--container:nth-child(5) a.menu__link{transition-delay: .6s;}
.menu--wrapper.-active .menu__link--container:nth-child(6) a.menu__link{transition-delay: .7s;}
.menu--wrapper.-active .menu__link--container:nth-child(6) a.menu__link.-sub{transition-delay: .8s;}


.menu--wrapper.-active .menu__link--container a.menu__link,
.menu--wrapper.-active .menu__link--container a.menu__link.-sub{
	transform: translateX(0);	
	opacity: 1;
	transition: .7s;
}


.menu__link.-active{
	color: #82bc00;
}

.menu--container:hover a.menu__link{
	transition-delay: 0s!important;
}
.menu--container:hover a.menu__link:hover{
	color: #82bc00;
}

.menu__link.-sub{
	font-size: 24px;
	margin-left: 20px;
	width: 100%;
	display: inline-block;
	max-width: 140px;
	line-height: 1.2em;
}


.menu--wrapper.-active .menu__link--container.-last .menu__link.-sub{
	transform: translateY(28px) translateX(0);
}

.rrss--container{
	position: absolute;
	right: 20px;
	bottom: 0;
	width: auto;
}

.rrss--link{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #112028;
	line-height: 30px;
	margin-left: 10px;
	display: inline-block;
	transform: translateX(100vw);
	transition: .5s;
	transition-delay: 0s;
}


.menu--wrapper.-active .rrss--link{
	transform: translateX(0);
}

.menu--wrapper.-active .rrss--link:nth-child(1) {transition-delay: .5s;}
.menu--wrapper.-active .rrss--link:nth-child(2) {transition-delay: .55s;}
.menu--wrapper.-active .rrss--link:nth-child(3) {transition-delay: .60s;}
.menu--wrapper.-active .rrss--link:nth-child(4) {transition-delay: .65s;}
.menu--wrapper.-active .rrss--link:nth-child(5) {transition-delay: .70s;}

.rrss--link i{
	color: #fff;
}

.menu--container:hover a.rrss--link{
	transition-delay: 0s!important;
}

.menu--container:hover .rrss--link:hover{
	background: #979797;
}

.show-dots{
	width: auto;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	display: inline-block;
	background: url(../img/icon-mouse.svg) center left/20px no-repeat;
	position: absolute;
	left: 0;
	bottom: -120px;
	color: #112028;
	padding-left: 30px;
	cursor: pointer;
	transform: translateX(-120vw);
	will-change:transform;
	opacity: 0;
	transition: .6s;
	transition-delay: 0;
}


.-active .show-dots{
	opacity: 1;
	transition-delay: .8s;
	transform: translate(0);
}

.-active .show-dots.off{
	opacity: .3;
}


/*HOME*/

.home__video--container{
	position: relative;
	width: 100%;
	min-height: 100vh;
	overflow: hidden;
}

.home__video--container #words{
width: 100%;
height: 100%;
}

.home__video--container video{
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	min-height: 100vh;
	background-size: 100% 100%;
	background-color: black;
	background-image: /* our video */;
	background-position: center center;
	background-size: contain;
	object-fit: cover;
	z-index: 3;
}

.home__video--container iframe{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 4;
}


.home__superior{
	height: 100vh;
	padding-top: 12vh;
	padding-bottom: 25vh;
	position: relative;
}

.home__superior .decorado__circle{
	right: -5vh;
	bottom: -37vh;
	margin-top: 0;
}


.home__superior .decorado__enlace-circle--container{
	position: absolute;
	z-index: 7;
	width:auto;
	top: 0;
	right: 0;
	height: 100vh;
	width: 60vh;
	padding-right: 5vh;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	padding-top: 12vh;
}


.home__superior .decorado__enlace-circle{
	transition: 1s;
}
.home__superior .decorado__enlace-circle .btn{
	opacity: 0;
	transition-delay: 0s;
}

.home__superior .decorado__enlace-circle{
	transition-delay: 0s;
}

.home__superior .decorado__enlace-circle:first-of-type{
	transform: translateY(25vh) scale(.85);
}

.home__superior .decorado__enlace-circle:last-of-type{
	transform: translateY(-8vh) scale(.85);
}

.active .home__superior .decorado__enlace-circle{
	transform: none;
	transition-delay: 1s;
}

.active .home__superior .decorado__enlace-circle .btn{
	opacity: 1;
	transition-delay: 1s;
}


.home__superior .decorado__enlace-circle--container:hover .decorado__enlace-circle{
	transition-delay: 0s;
} 

.home__superior .decorado__enlace-circle--container:hover .decorado__enlace-circle .btn{
	transition-delay: 0s;
} 



.home__superior .decorado__parche--blanco{
	position: absolute;
	right: 0;
	bottom: -10px;
	height: 12.5vh;
	width: 65vw;
	display: inline-block;
	background: white;
	z-index: 5;
}

.home__superior .decorado__pie--blanco{
	position: absolute;
	right: 0;
	bottom: -10px;
	height: 50px;
	width: 100%;
	display: inline-block;
	background: white;
	z-index: 5;
}


.home__medio{
	background: white;
	height: 100vh;
	position: relative;
	padding-bottom: 30vh;
}


.home__medio .decorado__parche--dark--bottom{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 35vw;
	height: 30vh;
	display: inline-block;
	background: #112028;
}

.home__medio .decorado__barra--dark{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100vw;
	height: 15vh;
	background: #112028;
}


.home__medio-trabajos--container{
	position: absolute;
	right: 0;
	top: 0;
	height: 100vh;
	width: 100%;
	width: auto;
	z-index: 6;
	justify-content: flex-start;
	padding-top: 12vh;
}

.active .home__medio-trabajos--container{
	transform: translateX(0);
}


.home__medio-trabajos--container .row{
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	-ms-align-items: center;
	align-items: center;
	-webkit-align-items: center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.home__medio-trabajos--container .row .decoracion__trabajo-preview{
	margin-right: 20px;
	height: 17vh;
	width: 25vh;
	will-change:transform;
	transition: 1s;
	transition-delay: .5s;
}


#row-1 [data="pos-1"]{
	margin-right: 5vw;
	transform: translateX(100vw);
}

#row-2 [data="pos-1"]{
	transform: translateX(65vh);
	transition: 1.3s;
}

#row-2 [data="pos-2"]{
	transform: translateX(40vh);
	transition: 1.5s;
}

#row-3 [data="pos-1"]{
	margin-right: 10vw;
	transform: translateX(100vh);
	transition: 1.3s;
}

#row-3 [data="pos-2"]{
	margin-right: 10vw;
	transform: translateX(55vh);
	transition: 1.8s;
}

#row-4 [data="pos-1"]{
	margin-right: 15vw;
	transform: translateX(100vw);
}

#row-4 [data="pos-2"]{
	transform: translateX(100vw);
	transition-delay: 
}


.active .home__medio-trabajos--container .row .decoracion__trabajo-preview{
	transform: translate(0)!important;
}

.home__inferior{
	min-height: 100vh;
	padding-top: 12vh;
}

.home__logos--container{
	margin-top: 5vh;
}



.home__inferior .quienes__hablamos.-bgdark{
	padding: 7vh 20px;
	margin-top: 2vh;
}



/*QUE HACEMOS*/

.hacemos__intro > div{
	width: 50%;
	padding-bottom: 3vh;
}

.hacemos__intro--right{
	background: url(../img/que-hacemos--background.jpg) center/cover no-repeat;
}


.que-hacemos--list{
	display: grid;
	grid-template-columns: 33.3333333% 33.3333333% 33.33333%;
	grid-gap: 0px;
	max-width: 1200px;
	margin: 0 auto;
	margin-bottom: 50px;
}

.que-hacemos--list article{
	width: 100%;
	min-height: 33.33333vh;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-ms-align-items: center;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	padding: 0 40px;
	position: relative;
}

.animacion{
	position: relative;
	width: 150px;
	height: 100px;
	display: inline-block;
	z-index:5;
	margin-bottom: 20px;
}

.que-hacemos--list article .titulo__h2{
	text-align: center;
	margin-bottom: 10px;
}

.que-hacemos--list article p{
	text-align: center;
	max-width: 280px;
}


.que-hacemos--list article:nth-child(1)::before,
.que-hacemos--list article:nth-child(2)::before,
.que-hacemos--list article:nth-child(4)::before,
.que-hacemos--list article:nth-child(5)::before{
	content: '';
	display: inline-block;
	width: 50px;
	height: 1px;
	background: white;
	position: absolute;
	bottom: 0;
	right: -25px;
}

.que-hacemos--list article:nth-child(1)::after,
.que-hacemos--list article:nth-child(2)::after,
.que-hacemos--list article:nth-child(4)::after,
.que-hacemos--list article:nth-child(5)::after{
	content: '';
	display: inline-block;
	height: 50px;
	width: 1px;
	background: white;
	position: absolute;
	bottom: -25px;
	right: 0px;
}


.que-hacemos--trabajos-background{
	background: white;
	width: 50%;
	height: 10vh;
}


.trabajos__el .logo-ufv{
	min-width: 80px;
	width: 80px;
}

.trabajos__el .logo-corporacion-hms{
	min-width: 100px;
	width: 100px;
}

/*QUIENES SOMOS*/

.quienes__que-hacemos{
	background: white;
}

.quienes__que-hacemos .container--small{
	background: white;
	-ms-align-items: flex-start;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	padding-top:10vh;
}

.quienes__que-hacemos--decorado{
	position: absolute;
	right: 0;
	top: 0;
	width: 33vw;
	height: 33vh;
	background: #112028;
	transform: translateY(-20px);
}


.quienes__accesos {
	margin-top: 10vh;
}

.quienes__accesos--left {
	width: 50%;
	padding: 3vh 0;
}
.quienes__accesos--right {
	width: 50%;
	padding: 3vh 0;
	background: #112028;
}

.quienes__hablamos.-bgdark{
	background: #112028;
	width: 100%;
	padding: 7vh 20px;
}

.quienes__que-hacemos .decoracion__trabajo-preview[data="first"]{
	position: absolute;
	top: 15vh;
	right: 0;
	transform: translateX(100vw);
	transition: 1s;
}

.quienes__que-hacemos .decoracion__trabajo-preview[data="second"]{
	position: absolute;
	top: calc(15vh + 12vw);
	right: 10vw;
	transform: translateX(100vw);
	transition-delay: .5s;
	transition-duration: 1s;
}

.active.quienes__que-hacemos .decoracion__trabajo-preview[data="first"],
.active.quienes__que-hacemos .decoracion__trabajo-preview[data="second"]{
	transform: translate(0);
}



/*decorados*/

.decorado__circle.-quienes--big{
	bottom: 0%;
	margin-top: 17.5vh;
	animation-name: UpBubble;
	animation-duration:180s;
	animation-iteration-count: infinite;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
}

.decorado__circle.-quienes--small--first{
	top: 50%;
	right: 10vw;
	margin-top: -20vh;
	width: 40vh;
	height: 40vh;
	box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.5);
	animation-name: UpBubble;
	animation-duration: 60s;
	animation-iteration-count: infinite;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}


@keyframes UpBubble{

	0%{
		transform: translateY(0);
	}

	48%{
		transform: translateY(-200vh) scale(.8);
	}	

	49%{
		transform: translateY(-200vh) translateX(400px) scale(.8);
	}

	50%{
		transform: translateY(-200vh) translateX(100vh);
	}

	51%{
		transform: translateY(300vh) translateX(100vh);
	}

	52%{
		transform: translateY(300vh) translateX(0);
	}

	100%{
		transform: translateY(0);
	}

}







.decorado__circle.-quienes--small--second{
	top: 25vh;
	right: 15vw;
	width: 30vh;
	height: 30vh;
	margin-top: 0;
	box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.5);
	animation-name: UpBubble;
	animation-duration: 50s;
	animation-iteration-count: infinite;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.decorado__circle.-quienes--small--third{
	top: 45vh;
	right: 10vw;
	margin-top: 0vh;
	width: 25vh;
	height: 25vh;
	box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.5);
	animation-name: UpBubble;
	animation-duration: 40s;
	animation-iteration-count: infinite;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}



/*TRABAJOS*/

.wrapper.trabajos{
	overflow: hidden;
	transition: .5s;
}



.trabajos__list{
	margin-top: 5vh;
	margin-bottom: 5vh;
	width: 100%;
	position: relative;
	z-index: 2;
}


.trabajos__el{
	width: 100%;
	border-bottom: solid 1px #979797;
	height: auto;
	max-width: calc(100% - (50vw - 550px));
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-align-items: stretch;
	align-items: stretch;
}

.trabajos__list .trabajos__el:last-of-type{
	border-bottom: none;
	position: relative;
	z-index: 1;
}

.trabajos__el:last-of-type::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 1px;
	background: #979797;
	z-index: 3;
}


.trabajos__el--texto {
	width: 40%;
	padding: 30px 5vw 30px 20px;
}

.cloud-tag{
	margin-top: 40px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.cloud-tag span{
	padding: 0 15px;
	height: 30px;
	line-height: 30px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-align-items: center;
	align-items: center;
	background: white;
	margin:5px 2.5px;
	opacity: .9;
	transition: .7s;
	cursor: default;
}

.cloud-tag span:hover{
	opacity: 1;
}

.cloud-tag span::before{
	content: '#';
	color: #82bc00;
	margin-right: 2px;
	font-weight: 600;
	font-size: 18px;
}

.trabajos__el--texto img{
	max-width: 200px;
	min-width: 150px;
}
.trabajos__el--texto img.logo-dcoop{
		max-width: 210px;
	}

.trabajos__el--texto .parrafo{
	margin-top: 2vh;
	width: 100%;
}

.trabajos__el--imagen {
	width: 60%;
	transition: 1s;
	position: relative;
	z-index: 4;
}


.trabajos__el--imagen video,
.trabajos__el--imagen img{
	width: 100%;
	display: inherit;
}

.trabajos__el--imagen:hover{
	transform: scale(1.05);
	z-index: 5;
}


.trabajos__el--imagen .cover-imagen{
	padding: 3vw;
	opacity: 0;
	transition: .5s;
	overflow: hidden;
}

.trabajos__el--imagen:hover .cover-imagen{
	opacity: 1;
	transition: .5s;
}


.trabajos__el--imagen .titulo__h2{
	opacity: 0;
	transform: translateX(-300px);
	transition: 1s;
	will-change:transform, opacity;
}

.trabajos__el--imagen .titulo__h2:nth-child(1){
	transition-delay: .3s;
}

.trabajos__el--imagen .titulo__h2:nth-child(2){
	transition-delay: .5s;
}

.trabajos__el--imagen .titulo__h2:nth-child(3){
	transition-delay: .7s;
}

.trabajos__el--imagen .titulo__h2:nth-child(4){
	transition-delay: .9s;
}

.trabajos__el--imagen .titulo__h2:nth-child(5){
	transition-delay: 1.1s;
}

.trabajos__el--imagen .titulo__h2:nth-child(6){
	transition-delay: 1.3s;
}

.trabajos__el--imagen .titulo__h2:nth-child(7){
	transition-delay: 1.5s;
}

.trabajos__el--imagen .titulo__h2:nth-child(8){
	transition-delay: 1.7s;
}

.trabajos__el--imagen .titulo__h2:nth-child(9){
	transition-delay: 1.9s;
}

.trabajos__el--imagen .titulo__h2:nth-child(10){
	transition-delay: 2.1s;
}

.trabajos__el--imagen .titulo__h2:nth-child(11){
	transition-delay: 2.3s;
}

.trabajos__el--imagen .titulo__h2:nth-child(12){
	transition-delay: 2.5s;
}

.trabajos__el--imagen .titulo__h2:nth-child(13){
	transition-delay: 2.7s;
}


.trabajos__el--imagen:hover .titulo__h2{
	transform: translateX(0px);	
	opacity: 1;
}

a.trabajos__el--ampliar{
	position: absolute;
	left: 50%;
	top: 50%;
	transition-delay: .8s;
	width:80px;
	height: 80px;
	margin-top: -40px;
	margin-left: -40px;
	text-align: center;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-webkit-justify-content: center;


}

.trabajos__el--imagen:hover .trabajos__el--ampliar{
	transform: translateY(0);
}

.trabajos__el--ampliar img{
	transition: .7s;
	width: 80px;
	display: inline-block;
}

.trabajos__el--ampliar:hover img{
	transform: scale(1.05);
}


.trabajos__vermas--wrapper{
	position: relative;
	width: 100%;
	margin-bottom: 10vh;
	text-align: right;
	display: inline-block;
}


.trabajos__vermas--container{
	width: 100%;
	display: inline-block;
	z-index: 0;
	height: 12vh;
	text-align: center;
	max-width: calc(100% - (50vw - 550px));
}


.trabajos__vermas--background{
	margin:0 auto;
	display: inline-block;
	max-width: 55vw;
	height: 15vh;
	background: white;
	margin-top: -2vh;
	width: 100%;
}

.trabajos__vermas--container .btn--container{
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 15vh;
}

.trabajos__hablamos--container{
	margin-bottom: 8vh;
}

.trabajos__hablamos--container .parrafo{
	margin-bottom: 2vh;
	display: inline-block;
}


.cover-video{
	display: none;
	opacity: 0;
}

.cover-video.active{
	display: inline-block;
	animation-name: fadeIn;
	animation-duration: .4s;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	z-index: 12;
	animation-delay: .5s;
}

@keyframes fadeIn{
	0%{
		opacity: 0;
	}

	100%{
		opacity: 1;
	}
}

.cover-video .popup{
	width: 90vw;
	height: auto;
	max-width: 90vw;
	background: none;
	padding: 0;
	transform: translateY(110vh);
	will-change:transform;
	box-shadow: 1px 1px 17px 9px rgba(0, 0, 0, 0.35);
	z-index: 12;
}

@keyframes videoUp{
	
	100%{
		transform: translateY(0);	
	}

}

.cover-video.active .popup{
	animation-name: videoUp;
	animation-duration: .5s;
	animation-delay: .9s;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	width: auto;
}


.cover-video .popup .cerrar-popup{
	color: white;
	z-index: 5;
}


.cover-video .popup video{
	height: auto;
	max-width: 100%;
	max-height: 90vh;
}

.black-borders{
	position: fixed;
	left: 0;
	top: 0;
	height: 80px;
	display: inline-block;
	width: 100%;
	background: #000;
	z-index: 11;
	transform: translateY(-100px);
	transition: .4s;
	will-change:transform;
}

.black-borders.-bottom{
	top: auto;
	bottom: 0;
	transform: translateY(200px);
}


.bordered .black-borders{
	transform: translate(0);
}

/*404*/

.wrapper.view404 .container--small{
	position: relative;
	z-index: 2;
}

.background--404{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	width: 100%;
	height: 100vh;
}

.titulo__404--contenedor{
	position: relative;
}

.cohete--contenedor{
	position: absolute;
	right: 0;
	top: 100px;
	animation-name: desplazarCohete;
	animation-duration: 10s;
	animation-fill-mode: forwards;
	z-index: 3;
}

@keyframes desplazarCohete {
	

	40%{
		transform: translate(100px, 100px);
	}

	50%{
		transform: translate(100px, 100px) rotate(5deg);	
	}


	60%{
		transform: translate(-1800px, -300px) scale(.5);
	}

	100%{
		transform: translate(-1800px, -300px) scale(.5);
	}

}

.cohete-404{
	width: 200px;
	transform: rotate(20deg);
	animation-name: movecohete;
	animation-duration: 3s;
	animation-iteration-count: infinite;
}

@keyframes movecohete {
	
	0%{
		transform: rotate(20deg);
	}

	50%{
		transform: rotate(17deg) translateY(-10px);
	}

	100%{
		transform: rotate(20deg);
	}

}


.planet--earth{
	position: absolute;
	right: 50px;
	bottom:20px;
	transform: rotate(-20deg);
	animation-name: moveEarth;
	animation-iteration-count: infinite;
	animation-duration: 3s;
}

.planet--saturn{
	position: absolute;
	left: 50%;
	margin-left: -280px;
	top:50%;
	margin-top: -200px;
	transform: rotate(-20deg);
	animation-name: moveSaturn;
	animation-iteration-count: infinite;
	animation-duration: 3s;
}


@keyframes moveSaturn{

	0%{
		transform: rotate(-20deg) translate(0,0);
	}
	

	50%{
		transform: rotate(-20deg) translate(1px,10px);
	}


	100%{
		transform: rotate(-20deg) translate(0,0);
	}

}


@keyframes moveEarth{

	0%{
		transform: rotate(-20deg) translate(0,0);
	}
	

	50%{
		transform: rotate(-20deg) translate(1px,-10px);
	}


	100%{
		transform: rotate(-20deg) translate(0,0);
	}

}


.nyan{
	z-index:10;
	position:absolute;
	width:34px;
	height:33px;
	left: 100px;
	animation-name: animateNian;
	background-repeat: no-repeat;
	animation-duration: 4s;
	animation-iteration-count: infinite;
}
.rainbow{position:absolute;width:9px;height:18px;margin-top:6px;z-index:5;}
.star{width:7px;height:7px;position:absolute;z-index:1;-webkit-background-size: 100% 100%;}

.nyan{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMwAAAAgCAYAAABepJcLAAACiUlEQVR4nO2Yi23DMAxEvVMW6Ghdwzt1p7Qp4sKhKIkUqVyUXtEHBIlsPZ9J+bN9fG4bIcQGXICQlYALELIScAFCVgIuQMhKwAUIWQnboG27RkmRpQc9wB4mievXHiYaCj3o8QoePomffzcJodCDHq/iYRepTXTZ9c+KTEog9KAH0MMm0pvI2MHhQOhBjwSP7f680vM4xo03TIdC5CzeEcn0KFwqHl4XeqxfH7ex+77/0spDjktvGFVE6dyaSPaJqbqIE+Nxocf69XHefysPOeahYQ7RA7PIqTOjIqFAxCW46aKcmLQCocf0+pA1GvU45jmj/V40jNw42rlekVAgk1wyV/aVPeTYjJV9JAtZp1kePdSG0ZpGFak8UEVF3IE0HuwyXMyF+uYecltZ5Mj68HqMOBR5yFVECnU791JeSoe71xOI4pEVSq1I0R6IPGRdIOtDa+BjzIjH7a/mJn8rGqbWNH8ijhVsRMQciOGVYaZLtXEBHsg8ZA6o+sisU20xOB9bt2G0YCz3hhki5kCe4KJtg/AIraiTzo37SjfJIeJxvaM1bNHAd6oNY74FUd48RESGA6m8EQqFUjnBSA/zQjbBY+jlwxPqI8NDZiw/mxvmQaRzucsQyfDIdJEFivCQY5B5vFt91BaiM2r2ZpHOJS8qkuUx0wXhcfyO9mjegQDrw+uhubQosjffDhmIiLhDAbjQQ7/6orI49jeah4VizpaIZTUYxdMsMz1GXJAe6DzO8yOzmOXRa1bzSdG+t2xr3c5aIJ79vaML2gE9P9qjusMz2ve9g6lt6ynQ1pwZLl6fV3BBO6Dnz9hP5BhcxUvIfwcuQMhKwAUIWQm4ACErARcgZCXgAoSsxDdoVHw2ca8RoAAAAABJRU5ErkJggg==);}
.rainbow{background-image: url(data:image/png;base64,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);}




/*CONTACTO*/

.contacto__superior {
	min-height: 100vh;
}
.contacto__info {
	width: 50%;
	min-height: 100vh;
	text-align: left;
}

.contacto__info-ubicacion {
	margin-top: 10vh;
}

.contacto__info-ubicacion p,
.contacto__info-ubicacion p a{
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.63em;
	letter-spacing: normal;
	text-align: left;
	color: #ffffff;
	margin-bottom: 2.5vh;
}

.contacto__direccion {
	padding-left: 40px;
	padding-right: 80px;
	background: url(../img/icon-direccion.svg) left 4px no-repeat;
}
.contacto__telefono {
	padding-left: 40px;
	background: url(../img/icon-telefono.svg) left center no-repeat;
}
.contacto__mail {
	padding-left: 40px;
	background: url(../img/icon-mail.svg) left center no-repeat;
}
.contacto__mapa {
	width: 50%;
	min-height: 100vh;
	background: #333;
}

.contacto__medio{
	position: relative;
	overflow-x: hidden;
	height: 100vh;
	background: #112028;
}

.contacto__hablamos{
	width: 100%;
	margin-top: 6vh;
	display: inline-block;
	position: relative;
	z-index: 2;
}

.contenedor-input{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	margin-bottom: 10px;
}

.contenedor-input.-textarea{
	-ms-align-items: flex-start;
	align-items: flex-start;
}

.contenedor-input .input--text{
	height: 40px;
	border: solid 1px rgba(255, 255, 255, 0.5);
	transition: .7s;
	line-height: 40px;
	width: 100%;
	background: transparent;
	max-width: calc(100% - 110px);
	padding-left: 20px;
	outline: none;
	color: white;
	font-size: 18px;
	font-weight: 300;
}

.contenedor-input.-dark .input--text{
	border: solid 1px rgba(17, 32, 40, 0.5);
	color: #112028;
}

.contenedor-input .input--text:hover{
	border: 1px solid rgba(130, 188, 0, 0.5);
}

.contenedor-input .input--text.-textarea{
	height: 160px;
}

.contenedor-input .input--text:focus{
	border: 1px solid #82bc00;
}

.contenedor-input .input--text.-dark:hover{
	border: 1px solid rgba(130, 188, 0, 0.5);
}
.contenedor-input .input--text.-dark:focus{
	border: 1px solid #82bc00;
}

.contenedor-input label{
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 40px;
	text-align: justify;
	color: #ffffff;
	width: 110px;
	display: inline-block;
	transform: translateX(130px);
	opacity: .5;
	transition: .7s;
	-webkit-order: -1;
	-moz-order: -1;
	-ms-order: -1;
	-o-order: -1;
	order: -1;
	pointer-events: none;
}

.contenedor-input .js-data-limit{
	font-size: 10px;
	position: absolute;
	right: 0;
	bottom: 5px;
	color: #979797;
	padding-right: 70px;
	pointer-events: none;
	transition: 1s;
}

.contenedor-input .js-data-limit.error{
	color: red;
	transform: scale(1.15) translateY(-3px);
}

.contenedor-input .js-data-limit i{
	margin-left: 5px;
}

.contenedor-input.-dark label{
	color: #112028;
}

.contenedor-input .input--text:focus + label,
.contenedor-input .input--text:valid + label{
	transform: translateX(0);
	opacity: .8;
}

.contenedor-input.-check{
	padding-left: 110px;
	margin-top: 18px;
	position: relative;
}

.contenedor-input.-check input{
	position: absolute;
	left: 0;
	top:0;
	width: 200px;
	height: 20px;
	outline: none;
	z-index: 5;
	cursor: pointer;
	opacity: 0;
}

.contenedor-input.-check label{
	width: 100%;
	padding-left: 35px;
	position: relative;
	transform: translate(0);
	line-height: 20px;
	height: auto;
	pointer-events: visible;
	cursor: pointer;
}

.contenedor-input.-check label a{
	text-decoration: underline;
	position: relative;
	z-index: 2;
}

.contenedor-input.-check label::before{
	position: absolute;
	left: 0;
	top: 0;
	height: 20px;
	width: 20px;
	line-height: 20px;
	content: '';
	display: inline-block;
	border: solid 1px rgba(255, 255, 255, 0.8);
}


.contenedor-input.-check.-dark label::before{
	border: 1px solid #112028;
}

.contenedor-input.-check label::after{
	position: absolute;
	left: 0;
	top: 0;
	height: 20px;
	width: 20px;
	line-height: 20px;
	content: '';
	display: inline-block;
	background: #82bc00;
	border:1px solid #82bc00;
	transform: scale(0);
	transition: .7s;
}

.contenedor-input.-check input:checked + label::after{
	transform: scale(.7);
}

.contenedor-input.-file{
	position: relative;
}

.contenedor-input .input--file{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	min-height: 40px;
	opacity: 0;
	cursor: pointer;
}

.contenedor-input.-file .input--text{
	width: calc(100% - 170px);
	pointer-events: none;
	padding-right: 80px;
}

.contenedor-input .input--text.error{
	border-color: red;
}

.contenedor-input .input--text.error.valid{
	border-color: white;
}

.contenedor-input.-check input.error + label::before{
	border-color: red;
	opacity: 1;
}

.contenedor-input.-check input.error.valid + label::before{
	border-color: white;
	opacity: 1;
}

.contenedor-input.-dark .input--text.valid{
	border: solid 1px rgba(17, 32, 40, 0.5);
}


.contenedor-input.-check.-dark input.valid + label::before{
	border: solid 1px rgba(17, 32, 40, 0.5);		
}

.nota-formulario{
	width: 100%;
	font-size: 12px;
	text-align: left;
	color: white;
	padding-left: 145px;
	opacity: .5;
	margin-bottom: 30px;
}

.nota-formulario p{
	line-height: 15px;
}

.contacto__trabaja .nota-formulario{
	color: #112028;
}


.contacto__abajo{
	min-height: 100vh;
	width: 100%;
	position: relative;	
}


.contacto__trabaja--container{
	width: 60vw;
	min-width: 700px;
	height: 100vh;
	padding: 50px 5vw;
	background: white;
	position: relative;
	z-index: 2;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-align-items: center;
	transition: 1s;
}

.active .contacto__trabaja--container{
	box-shadow:-4px 4px 20px rgba(0, 0, 0, 0.5);
}

.contacto__trabaja{
	width: 100%;
}


.contacto__fake-update{
	background: #112028 url(../img/icon-flecha.svg) center no-repeat;
	width: 40px;
	height: 40px;
	display: inline-block;
	border-radius: 50%;
	margin-left: 20px;
	transition: transform .7s;
}

.contacto__fake-update.activo{
	transform: rotate(360deg);
	background: #82bc00 url(../img/icon-tick.svg) center no-repeat;
}

.contacto__abajo .decorado__circle{
	right: calc(50% - 21vh);
}

.decorado__circle.--withRotate{
	transform: translateX(20vh);
	transition: 1s;
}

.active .decorado__circle.--withRotate{
	transform: translateX(0);
}

.btn--animation--container{
	position: relative;
}

.btn.-hide{
	opacity: 0;
}

.contacto__hablamos .btn:hover{
	color: #fff;
}

.logo--animation{
	pointer-events: none;
}

.dot{
	opacity: 0;
	width: 30px;
	height: 30px;
	display: inline-block;
	background: rgba(130,188,0,.5);
	border-radius: 50%;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	position: relative;
	overflow:hidden;
	transition: 1s;
	pointer-events: none;
}

.dot.-show{
	opacity: 1;
}

.dot::before{
	width: 30px;
	height: 30px;
	display: inline-block;
	content: '';
	background: #82bc00;
	position: absolute;
	left: 0;
	top: 0;
	transform: translateY(35px);
	transition: 4s;
}


.dot.fill::before{
	transform: translate(0);
}


.dot.-one{
	animation-name: moveDotOne;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}


.dot.-two{
	animation-name: moveDotTwo;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.logo--animation{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

@keyframes moveDotOne{
	
	0%{
		transform: translate(0) scale(1);
	}


	50%{
		
		transform: translate(35px,0) scale(1);

	}

	100%{
		transform: translate(0) scale(1);
	}

}



@keyframes moveDotTwo{
	
	0%{
		transform: translate(0) scale(1);
	}


	50%{
		
		transform: translate(-35px,0) scale(1);

	}

	100%{
		transform: translate(0) scale(1);
	}

}



/*FOOTER*/

footer{
	display: inline-block;
	width: 100%;
	padding: 0 20px;
	background-color: #112028;
}

.footer__container.container--small{
	padding: 8vh 0;
	border-top: 1px solid #979797;
	background-color: #112028;
}

.footer--superior .rrss--container{
	position: relative;
	right: auto;
	bottom: auto;
}

.footer__logo--container{
	position: relative;
	z-index: 1;
}

.footer__logo--container .logo-doubledot{
	max-width: 200px;
}

.footer__logo--container .logo-iformalia {
	max-width: 100px;
}

.footer__logo--container img{
	margin-right: 30px;
}

.footer__logo--container .logo-innopulse{
	transform: translateY(-5px);
}

.footer--superior .rrss--link{
	transform: translate(0);
	background: white;
}

.footer--superior .rrss--link i{
	color: #112028;
}

.footer--superior .rrss--link:hover{
	background: #979797;
}


.footer--inferior{
	margin-top: 4vh;
}

.footer--direcciones{
	width: auto;
}

.footer--direcciones .contacto__info-ubicacion{
	margin-top: 0;
	max-width: 470px;
}

.footer--direcciones .contacto__direccion{
	padding-right: 0;
	padding-left: 30px;
	margin-bottom: 5px;
	height: 28px;
	line-height: 28px;
	text-align: right;
	width: 100%;
	background: none;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.footer--direcciones .contacto__direccion::before{
	content: '';
	display: inline-block;
	height: 28px;
	width: 28px;
	background: url(../img/icon-direccion.svg) left 4px no-repeat;
	margin-right: 5px;
}

.footer--direcciones .contacto__telefono{
	margin-right: 20px;
	padding-left: 25px;
}

.footer--direcciones .contacto__mail{
	padding-left: 27px;
}


.footer--enlaces a{
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 400;
	color: #979797;
	margin-right: 5px;
	position: relative;
	z-index: 1;
}

.footer--enlaces a::after{
	content: '-';
	margin-left: 5px;
}

.footer--enlaces a:last-of-type{
	margin-right: 0;
}

.footer--enlaces a:last-of-type::after{
	display: none;
}


#cookiesdirective{
	opacity: 1!important;
	border-radius: 50%;
	width: 300px!important;
	height: 300px!important;
	left: auto!important;
	right: 20px!important;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-align-items: center;
	align-items: center;	
}

.tabla-cookies  > th,td{

	text-align: left;
	vertical-align: top;
	border-collapse: collapse;
	 padding: 0.3em; 
	 color: white;
	 border: 1px solid white;

}




/*
#cookiesdirective::before{
	width: 100%;
	display: inline-block;
	position: absolute;
	bottom: 30px;
	height: 25px;
	content: 'Las rechazo';
	font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: 1px;
    text-align: center;
    color: #112028;
    text-transform: uppercase;
    background: none;
    border: none;
    transition: .7s;
    cursor: pointer;
    will-change: transform;
    outline: none;
}
*/
.cookies--intro{
	font-size: 18px;
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
	font-family: 'Lato', sans-serif;
}

.cookies--body{
	font-size: 18px;
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
	font-family: 'Lato', sans-serif;
}

.cookies--body a{
	color: white;
	text-decoration: underline;
	font-weight: normal!important;
}

#cookiesdirective input[type="submit"]{
	font-family: 'Lato';
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.67;
	letter-spacing: 8px;
	text-align: center;
	color: #112028;
	text-transform: uppercase;
	background: none;
	border: none;
	transition: .7s;
	cursor: pointer;
	will-change:transform;
	outline: none;
}


#cookiesdirective input[type="submit"]:hover{
	letter-spacing: 12px;
	color: #112028;
	transform: scale(1.1);
}


.follow--mouse{
	width: 10px;
	height: 10px;
	background: #82bc00;
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	border-radius: 50%;
	will-change:transform;
	transition: .1s;
	z-index: 10;
}

.follow--mouse.hide{
	opacity: 0;
}


.follow--mouse.-two{
	transition: .2s;
}


.nyan-img{
	position: absolute;
	left: -100px;
	bottom: 20px;
	animation-name: nyanAnimation;
	animation-duration: 100s;
	animation-delay: 10s;
}

.textos-legales ul li a{
	color: white;
	text-align: left;
	width: 100%;
	font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.67em;
    display: inline-block;
}

.textos-legales ul{
	margin-bottom: 20px;
	padding-left: 20px;
}



@keyframes nyanAnimation{
	0%{
		transform: none;
	}

	100%{
		transform: translateX(110vw);
	}
}





/*ANIMACIONES*/
@media screen and (min-width: 720px){
	.waypoints,
	.waypoints-instant
	{
		opacity: 0;
	}

	ul li.waypoints:nth-child(1){
		animation-delay: 0.5s;
		-webkit-animation-delay: 0.5s;
	}
	ul li.waypoints:nth-child(2){
		animation-delay: 0.8s;
		-webkit-animation-delay: 0.8s;
	}
	ul li.waypoints:nth-child(3){
		animation-delay: 1.1s;
		-webkit-animation-delay: 1.1s;
	}
	ul li.waypoints:nth-child(4){
		animation-delay: 1.4s;
		-webkit-animation-delay: 1.4s;
	}
	ul li.waypoints:nth-child(5){
		animation-delay: 1.7s;
		-webkit-animation-delay: 1.7s;
	}

}



/*RESPONSIVE*/


/*m1500*/
@media screen and (max-width: 1500px) {
	


	.-active .menu--container{
		padding: 0 10vw;
	}

	.menu--container .rrss--container{
		right: 10vw;
	}
}

@media screen and (max-width: 1250px) {
	
	.titulo__h1{
		font-size: 60px;
		line-height: 64px;
		transform: translateX(0);
	}

	.-lefted{
		transform: translateX(0);
	}

	.header{
		justify-content: flex-start;
		-webkit-justify-content: flex-start;
		background: #112028;
		box-shadow: 0 7px 16px -3px rgba(0,0,0,.4);
		padding-left: 5vw;
	}

	.header__logo--container{
		margin-top: 0;
	}

	.container__small--middle{
		width: 100%;
		max-width: 100%;
		padding-left: 5vw;
		padding-right: 2.5vw;
	}

	.container--xsmall{
		padding: 0 5vw;
	}

	.contacto__medio{
		padding-top: 60px;
	}

	.container--small{
		max-width: 100%;
		padding: 0 5vw;
	}



}


/*m1024*/
@media screen and (max-width: 1024px) {
	.titulo__h1{
		margin-top: 100px;
	}

	.header{
		padding-left: 5vw;
	}

	.container--small{
		padding: 0 5vw;
	}

	.home__video--container video{
		position: relative;
		left: auto;
		top: auto;
		right: auto;
		bottom: auto;
	}

	.home__superior .decorado__enlace-circle--container{
		display: none;
	}

	.contenedor-fullpage .section{
		position: relative;
	}

	.contenedor-fullpage{
		overflow: hidden;
	}

	.home__medio{
		overflow: hidden;
	}

	.home__inferior{
		height: auto;
	}

	.trabajos__el--texto{
		padding:10px 5vw;
	}

	.trabajos__el--imagen{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		-webkit-justify-content: center;
		-ms-align-items: center;
		align-items: center;
	}
	

	.quienes__superior .container--small{
		min-height: 100vh;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		-webkit-justify-content: center;
		-ms-align-items: flex-start;
		align-items: flex-start;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		padding: 40px 5vw;
	}

	.quienes__superior .container--small .titulo__h1{
		margin-top: 0;
	}

	#fp-nav.left{
		left: 10px!important;
	}

	.home__medio{
		height: auto;
		padding-top: calc(12vh - 50px);
		padding-bottom: 30vh;
	}

	.home__medio-trabajos--scrolleable{
		width: 100%;
		overflow-x: scroll;
		margin-bottom: 5vh;
		position: relative;
	}

	.scrolleable--degree{
		display: none;
		pointer-events: none;
		position: absolute;
		left: calc(100vw - 30px);
		top: 0;
		width: 30px;
		height: 100%;
		/*display: inline-block;*/
		z-index: 7;
		background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	}

	.home__medio-trabajos--container{
		position: relative;
		left: auto;
		top: auto;
		height: auto;
		width: calc( (50vw * 7) + 125px + 10vw );
		padding-left: 5vw;
		padding-right: calc(5vw - 20px);
		padding-top: 6vh;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
	}

	.home__medio-trabajos--container .row .decoracion__trabajo-preview{
		display: inline-block;
		transform: translate(0)!important;
		width: 50vw;
		height: 34vw;
	}

	.home__medio-trabajos--container .row{
		width: auto;
		margin-right: 20px;
	}

	
	#row-3 [data="pos-1"]{
		margin-right: 20px;
	}

	#row-4 [data="pos-1"]{
		margin-right: 20px;
	}

	#row-3 [data="pos-2"]{
		margin-right: 0;
	}

	#row-1 [data="pos-1"]{
		margin-right: 0px;
	}

	.home__medio-trabajos--container .decoracion__trabajo-preview:last-of-type{
		margin-right: 0;
	}

	.show-dots{
		display: none;
	}

	.follow--mouse{
		display: none;
	}

	.column {
		min-height: 240px;
		margin-right: 25px;
	}

	.column img {
		max-width: 120px;
		max-height: 60px;
	}
}

/*m940*/
@media screen and (max-width: 940px){

	footer{
		padding: 0 5vw;
	}

	.footer--superior,
	.footer--inferior{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}

	.footer--superior .rrss--container{
		margin-top: 20px;
	}

	.footer__container.container--small{
		padding: 40px 0;
	}

	.footer--direcciones{
		width: 100%;
	}

	.footer--direcciones p{
		width: 100%;
		text-align: center;
		width: auto;
	}

	.footer--direcciones .contacto__info-ubicacion{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		margin-bottom: 20px;
		max-width: 100%;
	}

	.footer--direcciones .contacto__telefono{
		margin-bottom: 5px;
		background: none;
		padding-left: 0;
		margin-right: 0;

	}

	.footer--direcciones .contacto__direccion{
		-webkit-order: 2;
		-moz-order: 2;
		-ms-order: 2;
		-o-order: 2;
		order: 2;
		background: none;
		padding-left: 0;
		max-width: 100%;
		text-align: center;
		background: none;
		justify-content: center;
	}

	.footer--direcciones .contacto__direccion::before{display: none;}

	.footer--direcciones .contacto__mail{
		margin-bottom: 5px;
		background: none;
		padding-left: 0;
	}

	.footer--enlaces{
		-webkit-order: 2;
		-moz-order: 2;
		-ms-order: 2;
		-o-order: 2;
		order: 2;
	}

	.wrapper.quienes{
		overflow: hidden;
	}


	.wrapper.quienes .section{
		position: relative;
		margin-bottom: 100px;
	}
	

	.quienes__superior .container--small{
		min-height: 0;
		position: relative;
		z-index: 6;
	}

	.quienes__superior .container--small .titulo__h1{
		margin-top: 100px;
	}

	.quienes__que-hacemos--decorado{
		display: none;
	}


	.decoracion__trabajo-preview{
		display: none;
	}

	.wrapper.quienes section.quienes__que-hacemos{
		margin-bottom: 0;
	}

	.que-hacemos--list{
		grid-template-columns: 50% 50%;
	}


	.que-hacemos--list article:nth-child(2)::before,
	.que-hacemos--list article:nth-child(4)::before,
	.que-hacemos--list article:nth-child(2)::after,
	.que-hacemos--list article:nth-child(4)::after{
		display: none;
	}


	.que-hacemos--list article:nth-child(3)::before,
	.que-hacemos--list article:nth-child(7)::before{
		content: '';
		display: inline-block;
		width: 50px;
		height: 1px;
		background: white;
		position: absolute;
		bottom: 0;
		right: -25px;
	}

	.que-hacemos--list article:nth-child(3)::after,
	.que-hacemos--list article:nth-child(7)::after{
		content: '';
		display: inline-block;
		height: 50px;
		width: 1px;
		background: white;
		position: absolute;
		bottom: -25px;
		right: 0px;
	}

	.que-hacemos--list article:nth-child(7)::after{
		bottom: 0;
		height: 50px;
	}

	.que-hacemos--list article:last-of-type{
		grid-column-start: 1;
		grid-column-end: 3;
	}

	.trabajos__el--texto{
		padding: 20px;
	}

	.cloud-tag{
		margin-top: 20px;
	}

	.cloud-tag span{
		font-size: 12px;
		height: 20px;
		line-height: 20px;
		padding: 0 10px;
	}


}



/*m768*/
@media screen and (max-width: 768px){


	.menu--container .rrss--container{
		position: relative;
		right: auto;
		bottom: auto;
		margin-top: 100px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: flex-start;
		-webkit-justify-content: flex-start;
		-ms-align-items: center;
		align-items: center;
		-webkit-align-items: center;
	}

	.menu--wrapper.-active .rrss--link:nth-child(1){
		margin-left: 0;
	}

	.titulo__h1.-mBottom{
		margin-bottom: 40px;
	}
	
	.home__superior{
		height: auto;
	}

	.home__superior .decorado__enlace-circle--container{
		display: none;
	}

	.trabajos__list{
		margin-top: 10vh;
	}

	.trabajos__el{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		border: none;
		margin-bottom: 20px;
	}

	.trabajos__el--imagen{
		width: 100%;
	}

	.trabajos__el--imagen .cover-imagen{
		opacity: 1;
		padding: 5vw;
	}

	.trabajos__el--imagen:hover{
		transform: scale(1);
	}

	.trabajos__el--imagen .titulo__h2{
		transform: translateX(0);
		opacity: 1;
	}

	a.trabajos__el--ampliar{
		transform: translate(0);
		opacity: 1;
	}

	.trabajos__el--texto{
		width: 100%;
		margin-bottom: 20px;
	}

	.trabajos__el--texto img{
		margin-bottom: 10px;
	}

	.trabajos__list .trabajos__el:last-of-type::before{
		display: none;
	}

	.trabajos__list .trabajos__el:last-of-type{
		margin-bottom: 0;
	}

	.trabajos__vermas--container{
		height: auto;
	}

	.trabajos__vermas--background{
		max-width: 100%;
		margin-top: 0;
	}

	.contacto__mapa{
		width: 100%;
		height: 50vh;
		min-height: 50vh;
	}

	.contacto__info{
		height: auto;
		min-height: 0;
		width: 100%;
		min-height: 50vh;
	}

	.contacto__info-ubicacion{
		margin-top: 30px;
		margin-bottom: 50px;
	}

	.container__small--middle{
		margin-right: 5vw;
	}

	.contacto__trabaja--container{
		width: 100%;
	}

	.titulo__404{
		font-size: 100px;
	}

	.wrapper.view404{
		min-height: 0;
		margin-bottom: 50px;
	}

	.planet--saturn{
		display: none;
	}


	.planet--earth{
		display: none;
	}

	.cohete--contenedor{
		display: none;
	}

	.view404 .titulo__h1{
		text-align: center;
	}

	.titulo__404--contenedor{
		margin-bottom: 40px;
	}
	
	.que-hacemos--list article .titulo__h2{
		font-size: 32px;
	}

	.cloud-tag{
		max-width: 400px;
	}
	.column {
		min-height: 200px !important;
		margin-right: 15px;
	}
		
	.column img {
		max-width: 100px;
		max-height: 60px;
	}

}


@media screen and (max-width: 767px){

	.menu--container{
		padding: 20px 5vw;
	}

	a.menu__link{
		font-size: 10vw;
	}

	.menu__link.-sub{
		font-size: 5vw;
		width: auto;
		margin-left: 1vw;
	}

	.menu--wrapper.-active .menu__link--container.-last .menu__link.-sub {
		transform: translateY(24px) translateX(0);
	}

	.menu--wrapper{
		width: 100%;
		height: 100vh;
		transform: translateY(-110vh);
	}

	.menu--wrapper.-active{
		transform: translateY(0);
	}

	.rrss--link{
		transform: translateX(-100vw);
	}

	.titulo__h2{
		font-size: 5vw;
	}

	.parrafo{
		font-size: 16px;
	}




	.trabajos__hablamos--container{
		padding: 0 5vw;
	}

	.trabajos .decorado__circle.-top{
/* 		right: 10px;
		position: fixed;
		height: 50vw;
		width: 50vw;
		animation-duration: 60s;
		z-index: 0;
		transform: scale(.9); */
		display: none;
	}

	@keyframes bubbleDown {

		100%{
			transform: translate(0px, 800px) scale(.6);
			opacity: .5;
		}

	}

	.nota-formulario {
		padding-left: 0;
	}

	.quienes__accesos {
		margin-top: 0;
	}

	.contacto__info-ubicacion p, .contacto__info-ubicacion p a{
		font-size: 16px;
	}

	.footer--enlaces{
		margin-top: 20px;
	}

	.footer--direcciones  .contacto__info-ubicacion p{
		padding-left: 0;
		margin-right: 0;
		background: none;
	}

	.wrapper.quienes .container--small{
		position: relative;
		z-index: 6;
	}

	.quienes__accesos--left{
		width: 100%;
	}

	.quienes__accesos--right{
		margin-bottom: 50px;
		width: 100%;
	}
	.contacto__hablamos{
		margin-bottom: 50px;
	}

	.contacto__medio{
		height: auto;
	}

	.contenedor-input{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.contenedor-input label{
		width: 100%;
		display: inline-block;
		transform: translate(0);
	}
	
	.contenedor-input .input--text{
		width: 100%;
		max-width: 100%;
		border-radius: 0;
	}

	.contenedor-input.-check{
		padding-left: 0;
	}


	#contacto__abajo{
		overflow: hidden;
	}

	.contacto__trabaja--container{
		min-width: 0;
		height: auto;
	}

	.contenedor-input.-file .input--text{
		width: calc(100% - 60px);
	}

	.que-hacemos--list {
		grid-template-columns: 100%;
	}

	.que-hacemos--list article{
		margin-bottom: 50px;
	}

	.que-hacemos--list article .titulo__h2{
		font-size: 24px;
	}

	.que-hacemos--list article::after,
	.que-hacemos--list article::before{
		display: none!important;
	}

	.que-hacemos--list article:last-of-type{
		grid-column: 1 / 2;
	}

	.que-hacemos--trabajos-background{
		width: 100%;
	}

}

@media screen and (max-width: 640px){
	.footer__logo--container{
		flex-direction: column;
	}

	.footer__logo--container img{
		margin-right: 0;
		margin-bottom: 15px;
	}

	.footer__logo--container .logo-doubledot{
		max-width: 160px;
	}
}

/*m560*/

@media screen and (max-width: 560px){
	.hacemos__intro > div{
		width: 100%;
	}

	.hacemos__intro--right{
		display: none;
	}

	.btn{
		font-size: 14px;
	}

	.titulo__h2{
		font-size: 20px;
	}

	.titulo__h2.-big{
		font-size: 50px;
	}
	
	.footer--enlaces a{
		font-size: 10px;
	}

	.menu--fakebackground{
		min-height: 190vw;
	}
	
	.quienes__hablamos .btn{
		margin-top: 30px;
	}

	.home-player{
		width: 90%;
		height: 40vw;
	}

	.column {
		max-height: 180px;
		min-height: 180px !important;
		margin-right: 10px;
	}

	.column img {
		max-width: 80px;
		max-height: 50px;
	}
}