@charset "UTF-8";
/* CSS Document

color 928377
back B7ADA5

*/

body, html, div, a, ul {
	font-family: 'Open Sans', sans-serif;
	box-sizing:border-box;
}

a { text-decoration:none; color:#585858}

h1{font-size:28px; font-weight:300; color:#A19489}
h2{font-size:18px; font-weight:700; color:#222}
h3{}
p{font-size:14px; font-weight:400; color:#585858; line-height:150%}

p a {  border-bottom: solid 1px #fff; display:inline-block; color:#A19489}

.no-touch p a:hover {  border-bottom: solid 1px #999; color:#585858}

@media only screen and (min-width : 1440px) {
	h1{font-size:34px;}
	h2{font-size:22px;}
	p{font-size:16px;}
}


header > a:first-child,
#scrollmenu > a:first-child
{ position: absolute; left:5%;}


header > a:first-child svg .color {fill:#B7ADA5}
.no-touch header > a:first-child:hover svg .color { fill:#444}


/* nav mobile */
@media only screen and (max-width : 991px) {
	header { height:50px;}
	header > a:first-child {top: 18px;}
	img { max-width:100%; height: auto}

	header > nav { position: fixed; top:0px; width:100%; height:0; background-color: #B7ADA5; overflow:hidden; text-align:center}
	header > nav > a {color:#fff; font-weight:700; line-height:1; margin:30px auto; display:block; width:60%; padding:10px 0}

	header > nav.max {height: calc(100vh + 50px); padding-top:50px;}
	.bt-active span { border-bottom:solid 1px #fff; display:inline-block; padding:12px 10px}

}

@media only screen and (min-width : 992px) {
	header { height:100px; position:relative;}
	header > a:first-child {bottom: 30px;}
	header > nav { position: absolute; right:5%; bottom: 30px;}
	nav > a {color:#928377; font-weight:700; line-height:1; margin:0 0 0 30px; padding-bottom:6px}
	.no-touch header > nav > a:hover:not(.bt-active) { color:#444; border-bottom:solid 1px #444;}
	.bt-active { border-bottom:solid 1px #928377;}

}




footer{ background-color:#B7ADA5; padding:20px 0 0 0; position:relative; font-weight:700;}


footer > a:first-child svg {width:114px; height:auto;}
footer > a:first-child svg .color {fill:#fff}
footer > span {font-size:14px; color:#fff; display:inline-block;}
footer > div{ background-color:#fff; padding:15px 5%; text-align:center; margin-top:30px; font-size:12px; color:#B7ADA5}
footer nav {display:none;}

@media only screen and (max-width : 991px) {
	footer { text-align:center;}
	footer > a:first-child {display:block; margin:0 auto 10px; width:114px;}
}


@media only screen and (min-width : 992px) {
	footer > div{ text-align:right;}
	footer nav { position: absolute; right:5%; top: 18px; display:block;}
	footer > nav a { color:#fff; font-size:13px; margin:0 0 0 25px; padding-bottom:4px}
	footer > a:first-child {display:inline-block; margin:0 15px 0 5%;}
	footer > a:first-child svg { margin-top:-5px}
	footer .bt-active { border-color:#fff;}
}

/* FIXED MENU ON SCROLL */

#scrollmenu {
	position:fixed;
	background-color:#857A6F;/*#B7ADA5;*/
	height:0;
	overflow:hidden;
	padding:0;
	opacity:0;
	-webkit-transition: opacity 600ms ease-in;
	-moz-transition: opacity 600ms ease-in;
	-ms-transition: opacity 600ms ease-in;
	-o-transition: opacity 600ms ease-in;
	transition: opacity 600ms ease-in;
}


#scrollmenu > nav {position:absolute; right:5%; top:15px;}
#scrollmenu > nav > a{margin:0 0 0 30px; color:#fff; border-color:#fff}

#scrollmenu > a:first-child svg .color {fill:#FFFFFF}



@media only screen and (min-width : 992px) {
	#scrollmenu.min {
		display:block;
		top:0;
		left:0;
		width:100%;
		overflow:auto;
		height:60px;
		padding:15px 5%;
		opacity:1;

	}
}

/*============
	HOME
==============*/
.page-home .cartelera {
	position:relative;
	background-size:cover !important;
	overflow: hidden;

}
.page-home .cartelera h2{
	font-weight:700;
	position:absolute;
	display:block;
	text-align:center;
	color:#fff;
	line-height:1;
}

a.flechita-mobile{ position:absolute; top: calc(100vh - 160px); left:50%; margin-left:-22px; z-index:99}

/* Flechita */
span.flechita {
	border-radius:50%;
	border:1px solid #fff;
	width:44px; height:44px;
	display:block;
	margin:15px auto 0;
	border:2px solid #fff;
	overflow:hidden;
}

span.flechita svg{ display:block; margin:12px 0 0 12px}

span.flechita .flechaFill{ fill:#fff}


.page-home .cartelera div:last-child {
	position:relative;
	padding:30px 5%;
	width:100%;
	background-color:rgba(156,143,132,.8);
	color:#fff;
	text-align:center;
}

.page-home .cartelera div:last-child h3 { font-size:20px; line-height:1.3; margin:0}
.page-home .cartelera div:last-child p { color:#fff; font-size:16px; line-height:1.8}

@media only screen and (min-width : 960px) {
	.page-home .cartelera {height:calc(100vh - 100px);}
	.page-home .cartelera div:last-child {position:absolute;bottom:0;}
	.page-home .cartelera div:last-child p { width:800px; margin:0 auto}
}


/* Portrait */
@media only screen and (orientation: portrait) {
	.page-home .cartelera h2{
		font-size:12vw;
		width:90%;
		margin:0 0 0 5%;

	}
}

/* Landscape */
@media only screen and (orientation: landscape) {
	.page-home .cartelera h2{
		font-size:7vh;
		width:60%;
		margin:0 0 0 20%;

	}
}


@media only screen and (min-width : 1440px) and (orientation: landscape) {
	.page-home .cartelera h2{
		font-size:12vh;
	}
}


#cuerpo{
	margin:0 auto;
	width:90%;
	padding:30px 0 0;
}


/*

#cuerpo .tags {
	margin:30px auto;
	-webkit-align-items: center;
	align-items: center;

	-webkit-flex-direction: column;
				flex-direction: column;

}

#cuerpo .tags > div {
		font-weight:700;
		font-size:16px;
		color:#A19489;
		text-align:center;
		padding:10px 0;
		color:#A19489;
		text-transform:uppercase;
		border-top:#EDEAE8 solid 1px;
}
*/

@media only screen and (min-width : 960px) {#cuerpo {width:80%}}

@media only screen and (min-width : 1440px) {
	#cuerpo {width:70%}
	#cuerpo .tags {
	-webkit-flex-direction: row;
				flex-direction: row;
	}
	#cuerpo .tags > div { border:none;}
}

@media only screen and (min-width : 1650px) {
	#cuerpo { width:55%}
}

/* MOSTRAR OCULTAR VIDEO O SLIDER SEGUN TOUCH*/
.touch #videoclip,
.no-touch slider {display:none;}

.touch .slider { width:100%; height:calc(100vh - 50px); background-size: cover;}

.no-touch #videoclip {
	width:100%;
	height:auto;
}

.video #videoclip.vertical { height:calc(100vh - 50px); width:auto;}

/*============
	SECCIONES
==============*/

section {display:block; margin:0 auto;}

@media only screen and (max-width : 991px) {
.invert {order:-1}
}


.page-soluciones section:nth-child(even) { background-color:#F1EDEA}

section h1, section h2, section p { padding:0 10%;}


@media only screen and (min-width : 960px) {
section h1, section h2, section p { padding:0 15%;}
}
@media only screen and (min-width : 1440px) {
	section h1, section h2, section p { padding:0 20%;}
}

section h1 { padding-top:60px; margin:0}
section p { padding-bottom:60px;}

form { display:block; margin:60px auto; width:90%}

@media only screen and (min-width : 960px) {
	form {width:60%}
}

/* PAGE CONTACTO */

@media only screen and (max-width : 959px) {
	.page-contacto .grid > div:last-child { display:none;}
	.page-contacto .grid { background:url(../img/humo.jpg) no-repeat right center; background-size:auto 100%}
}

input, textarea, button { display:block; box-sizing:border-box;}
input, textarea { margin:15px auto; width:100%; border:solid 1px #B7ADA5; padding:10px; background-color:rgba(255,255,255,.9)}

button { display:inline-block; text-align:center; font-size:15px; line-height:26px; color:#B7ADA5; font-weight:700; padding:5px; margin:0 auto;}

form a { display:none;}

@media only screen and (min-width : 1280px) {
	form a { display:inline-block;  font-size:26px; font-weight:300; color:#B7ADA5;}
	button { display:inline-block; float:right;}
}

/* ANIMACIONES */
.trans {
	-webkit-transition: all 400ms ease-out;
	-moz-transition: 	all 400ms ease-out;
	-ms-transition: 	all 400ms ease-out;
	-o-transition: 		all 400ms ease-out;
	transition: 		all 400ms ease-out;
}

/* z index */
.ico-menu {z-index:100}
header {z-index:99}
header nav {z-index:99}

a.flechita-mobile{z-index:3}

.section{z-index:2}
.contenidos {z-index:1}

/* LOGOS */
.logos {
	font-size: 0;
	white-space: inherit;
	text-align: center;
	padding:0 0 30px 0;
	margin-bottom: 60px;
}

.logos h2 {
	text-align: center;
	color: #A19489;
	padding: 15px 30px;
	font-weight: 400;
	font-size: 14px;
	border-bottom: solid 1px #E1DDDA;
}
.logos img {
	display: inline-block;
	margin: 0 auto;
	padding: 0 80px;
	width: 100%;
	max-width: 295px;
	height: auto;
	box-sizing: border-box;
}

@media only screen and (min-width : 480px) {
	.logos {
		text-align: left;
	}
	.logos img {
		width: calc(100% / 4);
		padding: 0 30px;
		margin: 0
	}
}

@media only screen and (min-width : 960px) {
	.logos img {
		width: calc(100% / 5);
		padding:0 5%;
		margin: 0 2%;
	}
}

/* FOOTER MENU SOCIAL */

.social {
	list-style: none;
	padding: 0;
	margin: 30px auto;
	display: flex;
	justify-content: center;
}

.social li {
	padding: 0 12px;
}

.social	.icon {
	width: 32px;
	height: 32px;
	fill: #585858;
	transition: fill .3s ease;
}

.page-contacto.gracias .grid {
	background: none;
	height: 75vh;
}

.page-contacto.gracias .grid .centrado {
	display: flex;
}

.page-contacto.gracias .grid h1 {
	margin: 0;
}


/* INDUSTRIA */
#industria {display:none;}

@media only screen and (min-width : 960px) {

	#industria {position:absolute; bottom: 10px; left:5%; font-weight:300; font-size:12px; color:#ccc; display:block;}

	.social {
		justify-content: flex-end;
		margin: 12px 5% 12px;
	}

	.social	.icon {
		width: 26px;
		height: 26px;
	}	

	.social	a:hover .icon {
		fill: #fff;
	}
}