@charset "UTF-8";
/*!
  *  Fuentes
 */
 
@font-face {
    font-family:"Pillgothic";
    src: url(fuentes/pillgothic300mg-regular.eot); /* IE */
    src: local("Pillgothic"), url(fuentes/pillgothic300mg-regular.ttf) format("truetype"); /* resto de navegadores */
}


@font-face {
    font-family:"Pillgothic-ob";
    src: url(fuentes/pillgothic300mg-semibdobq.eot); /* IE */
    src: local("Pillgothic-ob"), url(fuentes/pillgothic300mg-semibdobq.ttf) format("truetype"); /* resto de navegadores */
}

@font-face {
    font-family:"JaneAust";
    src: url(fuentes/JaneAust.eot); /* IE */
    src: local("JaneAust"), url(fuentes/JaneAust.ttf) format("truetype"); /* resto de navegadores */
}

@font-face {
    font-family:"FuturaStd-Condensed";
    src: url(fuentes/FuturaStd-Condensed.eot); /* IE */
    src: local("FuturaStd-Condensed"), url(fuentes/FuturaStd-Condensed.ttf) format("truetype"); /* resto de navegadores */
}


button {
	border: none;
	padding: 0.6em 1.2em;
	background: #000;
	color: #fff;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-size: 1em;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
	display: inline-block;
	margin: 3px 2px;
	border-radius: 2px;
}

button:hover {
	background: #222;
}



.md-content {
	color: #fff;
	background: #0083D6;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
}

.md-content h3 {
	font-family: 'Pillgothic', sans-serif;
	margin: 0;
	padding: 0.4em;
	text-align: center;
	font-size: 2.4em;
	font-weight: 300;
	background: rgba(0,0,0,0.1);
	border-radius: 3px 3px 0 0;
}

.md-content > div {
	padding: 15px 40px 30px;
	margin: 0;
	font-weight: 300;
	font-size: 1.15em;
}

.md-content > div p {
	padding: 10px 0;
}

.md-content > div ul {
	margin: 0;
	padding: 0 0 30px 20px;
}

.md-content > div ul li {
	padding: 5px 0;
}

.md-content button {
	display: block;
	margin: 0 auto;
	font-size: 0.8em;
}


::-webkit-input-placeholder { color: #FFF; font-family:"Pillgothic-ob", sans-serif;; } /* WebKit */
:-moz-placeholder { color: #FFF; font-family:"Pillgothic-ob", sans-serif;; } /* Firefox 18- */
::-moz-placeholder { color: #FFF; font-family:"Pillgothic-ob", sans-serif;; } /* Firefox 19+ */
:-ms-input-placeholder { color: #FFF; font-family:"Pillgothic-ob", sans-serif;; } /* IE 10+ */


.md-perspective,
.md-perspective body {
	height: 100%;
	overflow: hidden;
}

.md-perspective body  {
	background: #222;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
}

.container {
	background: #e74c3c;
	min-height: 100%;
}

.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 730px;
	min-width: 320px;
	height: 480;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(143,27,15,0.8);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}


#amazingcarousel-1 .amazingcarousel-image {	
	position: relative;
}

#amazingcarousel-1 .amazingcarousel-image img {
	display: block;
	width: 100%;
	max-width: 100%;
	border: 0;
	margin: 0;
	padding: 0;
}

#amazingcarousel-1 .amazingcarousel-title {
	position:relative;
	font:14px 'Open Sans', sans-serif;
	color:#333333;
	margin:6px;
	text-align:center;
	text-shadow:0px 1px 1px #fff;
}

/* carousel */

#amazingcarousel-container-1 {
	padding: 0px 0px; 
}

#amazingcarousel-1 .amazingcarousel-list-container { 
	padding: 0px 0;
}

/* item */

#amazingcarousel-1 .amazingcarousel-item-container {
	text-align: center;
	background-color: #fff;
	border: 1px solid #ddd;
	-moz-box-shadow: 0px 0px 5px 1px rgba(96, 96, 96, 0.1);
	-webkit-box-shadow: 0px 0px 5px 1px rgba(96, 96, 96, 0.1);
	box-shadow: 0px 0px 5px 1px rgba(96, 96, 96, 0.1);
}

/* arrows */

#amazingcarousel-1 .amazingcarousel-prev {
	margin-left: -48px;
	margin-top: -16px;
}

#amazingcarousel-1 .amazingcarousel-next {
	margin-right: -48px;
	margin-top: -16px;
}

/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}


/* galeri */

.gal:hover{
	opacity:0.7;
	cursor:pointer;
}

/*  image rotate   */

.img1{
	
	background-image: url(image/menu-empre2.png);
	background-position:center;
	background-size:cover;
	width:100%;
	height:100%;
	}
	
.img1:hover{
	opacity:0.7;
	cursor:pointer;
	}
	
	
	
	.img2{
	
	background-image: url(image/menu-empre3.png);
	background-position:center;
	background-size:cover;
	width:100%;
	height:100%;
	}
	
.img2:hover{
	opacity:0.7;
	cursor:pointer;
	}
	
	
	.img3{
	
	background-image: url(image/menu-empre.png);
	background-position:center;
	background-size:cover;
	width:100%;
	height:100%;
	}
	
.img3:hover{
	opacity:0.7;
	cursor:pointer;
	}
	
	
	
	.img4{
	
	background-image: url(image/capa-2.png);
	background-position:center;
	background-size:cover;
	width:100%;
	height:100%;
	}
	
.img4:hover{
	opacity:0.7;
	cursor:pointer;
	}
	
	
	.img5{
	
	background-image: url(image/capa-3.png);
	background-position:center;
	background-size:cover;
	width:100%;
	height:100%;
	}
	
.img5:hover{
	opacity:0.7;
	cursor:pointer;
	}

.img-empre{
	background-image: url(image/empresa.jpg);
	background-position:center;
	background-size:cover;
	width:100%;
	height:100%;
}

/*  object responsive*/

.bloq-bene{
font-family:'Pillgothic-ob', sans-serif;
margin-top:82px;
margin-left:30%;
}

.bloq-bene2{
font-family:'Pillgothic-ob', sans-serif;
margin-top:128px;
}

.bloq-bene3{
font-family:'Pillgothic-ob', sans-serif;
margin-top:78px;
}

.bloq-bene4{
font-family:'Pillgothic-ob', sans-serif;
margin-top:52px;
}

.bloq-bene-rsp{
font-size:0.95em;
line-height:1.2em;
margin-left:30%;
}

.bloq-bene-rsp2{
font-size:0.95em;
line-height:1.2em;
}

.fond-princ{
background-image:url(image/fond.jpg);
background-position: bottom center;
}

.galeri-fot{
width:170px;
height:150px;
padding:10px;
background:#0083D6;
float:left;
margin:7px 7px;
}

.fecha-roll{
	font-family:'Pillgothic', san-serif;
	font-size:1em; 
}
.barritas-roll{
font-style:italic;
font-size:1em;
}

.info-roll{
font-size:0.9em; color:#FFF;
font-style:italic;
font-family: 'Pillgothic-ob', san-serif;
}

.icon-menu{
width:100%;
bottom:0px;
z-index:9999;
position:absolute;
background-image:url(fondo-miniun.png);
background-size:100% 100%;
}

.resp-menu{
	display:none;
}
.bloq2-esc{
width:51%;
height:320px;
padding:10px;
float:left;
margin-top:0px;
		}
		
.bloq1-esc{
width:45%;
height:255px;
background:#0083D6;
float:left;
margin:7px 7px;
}	

.main-menu{
background:#fff;
padding:30px 100px 0 100px;
overflow:hidden;
}

.qui-1{
	width:45%;
	height:150px;
	float:left;
	margin:7px 7px;
	margin-left:3%;
}

.qui-2{
	width:47%;
	height:150px;
	float:left;
	margin:7px 7px;
	padding:0 0px 0 3%;
}

.separ{
	clear:both;
	height:100px;
}

.boton{
width:102%;
background-color:#808080;
height:41px;
margin: 2px 0 ;
border:none;
padding: 5px 0px 5px 15px;
color:#fff;
font-family:'JaneAust';
font-size:25px
}

.boton:hover{
background-color:#0083D6;
cursor:pointer;

}

.formula{
width:60%;
height:320px;
padding:10px;
float:left;
margin:7px 7px;
}
.formula2{
width:34%;
height:320px;
padding:10px;
float:left;
margin:0 7px 7px;
color:#808080;
font-size:0.92em;
font-style:italic;
}

.b-ima1{
width:30%;
height:315px;
padding:7px;
background:#0083D6;
float:left;
margin:0.7% 0.7%;
}

.b-ima2{
width:30%;
height:315px;
padding:7px;
background:#0083D6;
float:left; 
margin:0.7% 0.7%;
}

.b-ima3{
width:30%;
height:315px;
padding:7px;
background:#0083D6;
float:left;
 margin: 0.7% 0.7%;
}
	 
	 
.blo-ser{
	width:100%;
}


.blo-gal{
padding:2% 7%;
width:89%
}

.mrl-1{
	font-weight:bold;

}
.mrl-2{
font-weight:bold;
display:none;
}

.descarga-point{
cursor:pointer;
}
.descarga-text{
margin-top: 15%;
font-style:italic;
line-height:20px;
margin-right:12px;
}

.temas-resp{
	text-align:center;
	margin-top:40px;
}

.salto{
	margin-top:-46px;
	width:75%;
}
/*  end object responsive*/


/* foto */

.freshdesignweb{width:950px; margin:0 auto;}
	 .freshdesignweb a:link{text-decoration:none;}
     .freshdesignweb article{ float:left; width:157px; height:157px; } /*cursor:pointer;opacity:0.5;*/
	/*portfolio*/
	.fdw-background{ background-color:rgba(0, 131 ,224, 0.8);opacity:0; width:100%; height:100%; color:#FFF; }
	.fdw-background h4{ text-align:center; padding:40px 40px 0; }
	.fdw-background .fdw-port{ text-align:center; padding:0 40px 0; }
	.fdw-background .fdw-port a{ padding:8px 15px; font-size:1em; }
	/*subtitle*/
	.fdw-subtitle{ font-size:0.8em; margin-top:-20px; color:#fff; font-family:"Pillgothic-ob", san-serif; font-weight:100 }
	.fdw-subtitle a{ color:#fff; }
	/*columns*/
	.c-two{ width:100%; height:100%;
	!important; }
	/*align*/
	.a-center{ text-align: left; }
	/*border*/
	.border{  margin:-1px;}
	/*link buttons*/
    .fdw-port a{ 
		background-color:#336699; 
		color:#fff; 
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-o-border-radius:3px;
		-webkit-box-shadow: 0 3px 0 #0f3963, 3px 5px 3px #333;
		-moz-box-shadow: 0 3px 0 #0f3963, 3px 5px 3px #333;
		box-shadow: 0 3px 0 #0f3963, 3px 5px 3px #333;
		-o-box-shadow: 0 3px 0 #0f3963, 3px 5px 3px #333;
		text-shadow:0 1px 1px #000;
	}
    .fdw-port a:hover{ 
		background-color:#f2f2f2; 
		color:#336699 !important; 
		text-shadow:0 1px 1px #ccc;
		-webkit-box-shadow: 0 3px 0 #ccc, 3px 5px 3px #333;
		-moz-box-shadow: 0 3px 0 #ccc, 3px 5px 3px #333;
		box-shadow: 0 3px 0 #ccc, 3px 5px 3px #333;
		-o-box-shadow: 0 3px 0 #ccc, 3px 5px 3px #333;
	}


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline; z-index: inherit;}body{line-height:1}

div{
	display:block;}


.titulos{
	font-family: 'JaneAust', sans-serif;
	color:#0083D6;
	font-size:4em;
	margin-bottom:20px;
	margin-right:14px;
	
}

.titulo2{
	font-family: 'JaneAust', sans-serif;
	color:#808080;
	font-size:3em;
	margin-bottom:20px;
	margin-right:14px 0px;
	
}

.subti{
	font-family: 'Pillgothic', sans-serif;
	color:#808080;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:0.8em;
	font-size:1.5em;
}


.bold{
	font-family: 'Pillgothic', sans-serif;
	font-weight:bold;
}

.proxi{
	font-family: 'Pillgothic', sans-serif;
	color:#fff;
	font-size:1em;
	font-style:italic;
	}
	
	.proxi span{
		font-size:1.5em;
	}
	
	#scroll{
		position:absolute;
	 padding-top:25px;
	 top:0;
	 left:105px; 
	 z-index:1; 
	 width:365px; 
	 height:52px; 
	 background:#0083D6;
	 text-align: center;
	 vertical-align:middle;
}
#flecha{
	 position:fixed;
	 bottom:40px;
	 right:20px; 
	 z-index:1; 
	 width:50px; 
	 height:50px;
	 background-image:url(image/scroll.png);
	 background-size:100%;
	 background-position:center;
}

.number{
	font-size:2.4em;
	font-family: 'Pillgothic', sans-serif;
	font-style:italic;
	font-weight:bold;
	margin-left:-9px;
}



/*Acordion*/


.ac-container{
	margin: 10px auto 30px auto;
	text-align: left;
}
.ac-container label{
	font-family: 'Pillgothic', sans-serif;
	padding: 5px 20px;
	position: relative;
	z-index: 20;
	display: block;
	height: 30px;
	cursor: pointer;
	color: #fff;
	line-height: 33px;
	font-size: 19px;
	background: #808080;
	box-shadow: 
		0px 0px 0px 0px rgba(155,155,155,0.3), 
		0px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover{
	background: #808080;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #ccc;
	color: #808080;
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(../images/arrow_down.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
	background-image: url(../images/arrow_up.png);
}
.ac-container input{
	display: none;
}
.ac-container article{
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
	color: #4D4D4D;
	text-align: justify;
	color: #777;
	line-height: 23px;
	font-size: 14px;
	padding: 20px 36px;
}
.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
}
.ac-container input:checked ~ article.ac-small{
	height: 136px;
}
.ac-container input:checked ~ article.ac-medium{
	height: 136px;
}
.ac-container input:checked ~ article.ac-large{
	height: 150px;
}



/* Giro 3d*/


    .flip{
		font-family: 'Pillgothic', sans-serif;
        position: relative;
        transition: all 1s ease;
        transform: perspective(100%);
        transform-origin: 100% 100%;
        transform-style: preserve-3d;

    }
    .flip:hover{

        transform: rotateY(-180deg) translateX(100%);

    }


    .flip .flip-1,
    .flip .flip-2{

        position: absolute;
        backface-visibility: hidden;

    }
    .flip .flip-2{

        transform: rotateY(-180deg);

    }
	
	
	
	.enlac{
		display:block;
	}
	.enlac a{
		background-image:url(image/menu/clientes.svg);
		width:50px;
		height:50px;
	}
	.enlac a:hover{
		background-image: url(image/menu/clientes-roll.svg);
		width:50px;
		height:50px;
	}
	.log-fu{
	height:50px;
	padding-right:100px;
	}



ol,ul{list-style:none; float:right; margin-right:0px;}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}@font-face{font-family:aller_rg;src:url(fonts/Aller_Rg.eot);src:url(fonts/Aller_Rg.eot?#iefix) format('embedded-opentype'),url(fonts/Aller_Rg.ttf) format('truetype'),url(fonts/Aller_Rg.svg) format('svg');font-weight:400;font-style:normal}@font-face{font-family:aller_lt;src:url(fonts/Aller_Lt.eot);src:url(fonts/Aller_Lt.eot?#iefix) format('embedded-opentype'),url(fonts/Aller_Lt.ttf) format('truetype'),url(fonts/Aller_Lt.svg) format('svg');font-weight:400;font-style:normal}@font-face{font-family:aller_it;src:url(fonts/Aller_It.eot);src:url(fonts/Aller_It.eot?#iefix) format('embedded-opentype'),url(fonts/Aller_It.ttf) format('truetype'),url(fonts/Aller_It.svg) format('svg');font-weight:400;font-style:normal}@font-face{font-family:aller_bd;src:url(fonts/Aller_Bd.eot);src:url(fonts/Aller_Bd.eot?#iefix) format('embedded-opentype'),url(fonts/Aller_Bd.ttf) format('truetype'),url(fonts/Aller_Bd.svg) format('svg');font-weight:400;font-style:normal}@-webkit-keyframes scrollDownAnim{0%{-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}50%{-ms-transform:translateY(100px);-webkit-transform:translateY(100px);transform:translateY(100px)}51%{-ms-transform:translateY(-80px);-webkit-transform:translateY(-80px);transform:translateY(-80px)}100%{-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}}@keyframes scrollDownAnim{0%{-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}50%{-ms-transform:translateY(100px);-webkit-transform:translateY(100px);transform:translateY(100px)}51%{-ms-transform:translateY(-80px);-webkit-transform:translateY(-80px);transform:translateY(-80px)}100%{-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes back-bg-left-in{from{-ms-transform:translate(-500px,0);-webkit-transform:translate(-500px,0);transform:translate(-500px,0)}to{-ms-transform:translate(0px);-webkit-transform:translate(0px);transform:translate(0px)}}@keyframes back-bg-left-in{from{-ms-transform:translate(-500px,0);-webkit-transform:translate(-500px,0);transform:translate(-500px,0)}to{-ms-transform:translate(0px);-webkit-transform:translate(0px);transform:translate(0px)}}@-webkit-keyframes back-bg-left-out{from{opacity:1;-ms-transform:translate(0px);-webkit-transform:translate(0px);transform:translate(0px)}to{opacity:1;-ms-transform:translate(-500px,0);-webkit-transform:translate(-500px,0);transform:translate(-500px,0)}}@keyframes back-bg-left-out{from{opacity:1;-ms-transform:translate(0px);-webkit-transform:translate(0px);transform:translate(0px)}to{opacity:1;-ms-transform:translate(-500px,0);-webkit-transform:translate(-500px,0);transform:translate(-500px,0)}}@-webkit-keyframes back-bg-right-in{from{-ms-transform:translate(500px,0);-webkit-transform:translate(500px,0);transform:translate(500px,0)}to{-ms-transform:translate(0px);-webkit-transform:translate(0px);transform:translate(0px)}}@keyframes back-bg-right-in{from{-ms-transform:translate(500px,0);-webkit-transform:translate(500px,0);transform:translate(500px,0)}to{-ms-transform:translate(0px);-webkit-transform:translate(0px);transform:translate(0px)}}@-webkit-keyframes back-bg-right-out{from{opacity:1;-ms-transform:translate(0px);-webkit-transform:translate(0px);transform:translate(0px)}to{opacity:1;-ms-transform:translate(500px,0);-webkit-transform:translate(500px,0);transform:translate(500px,0)}}@keyframes back-bg-right-out{from{opacity:1;-ms-transform:translate(0px);-webkit-transform:translate(0px);transform:translate(0px)}to{opacity:1;-ms-transform:translate(500px,0);-webkit-transform:translate(500px,0);transform:translate(500px,0)}}@-webkit-keyframes back-bg-top-in{from{-ms-transform:translate(0px,-500px);-webkit-transform:translate(0px,-500px);transform:translate(0px,-500px)}to{-ms-transform:translate(0px);-webkit-transform:translate(0px);transform:translate(0px)}}@keyframes back-bg-top-in{from{-ms-transform:translate(0px,-500px);-webkit-transform:translate(0px,-500px);transform:translate(0px,-500px)}to{-ms-transform:translate(0px);-webkit-transform:translate(0px);transform:translate(0px)}}@-webkit-keyframes back-bg-top-out{from{opacity:1;-ms-transform:translate(0px);-webkit-transform:translate(0px);transform:translate(0px)}to{opacity:1;-ms-transform:translate(0px,-500px);-webkit-transform:translate(0px,-500px);transform:translate(0px,-500px)}}@keyframes back-bg-top-out{from{opacity:1;-ms-transform:translate(0px);-webkit-transform:translate(0px);transform:translate(0px)}to{opacity:1;-ms-transform:translate(0px,-500px);-webkit-transform:translate(0px,-500px);transform:translate(0px,-500px)}}@-webkit-keyframes back-bg-bottom-in{from{-ms-transform:translate(0px,500px);-webkit-transform:translate(0px,500px);transform:translate(0px,500px)}to{-ms-transform:translate(0px);-webkit-transform:translate(0px);transform:translate(0px)}}@keyframes back-bg-bottom-in{from{-ms-transform:translate(0px,500px);-webkit-transform:translate(0px,500px);transform:translate(0px,500px)}to{-ms-transform:translate(0px);-webkit-transform:translate(0px);transform:translate(0px)}}@-webkit-keyframes back-bg-bottom-out{from{opacity:1;-ms-transform:translate(0px);-webkit-transform:translate(0px);transform:translate(0px)}to{opacity:1;-ms-transform:translate(0px,500px);-webkit-transform:translate(0px,500px);transform:translate(0px,500px)}}@keyframes back-bg-bottom-out{from{opacity:1;-ms-transform:translate(0px);-webkit-transform:translate(0px);transform:translate(0px)}to{opacity:1;-ms-transform:translate(0px,500px);-webkit-transform:translate(0px,500px);transform:translate(0px,500px)}}@-webkit-keyframes contact-hover-before{49%{-ms-transform:translate(-100%);-webkit-transform:translate(-100%);transform:translate(-100%)}50%{opacity:0}100%{opacity:0}}@keyframes contact-hover-before{49%{-ms-transform:translate(-100%);-webkit-transform:translate(-100%);transform:translate(-100%)}50%{opacity:0}100%{opacity:0}}@-webkit-keyframes contact-hover-after{49%{opacity:0;-ms-transform:translate(100%);-webkit-transform:translate(100%);transform:translate(100%)}50%{opacity:1;-ms-transform:translate(100%);-webkit-transform:translate(100%);transform:translate(100%)}100%{opacity:1;-ms-transform:translate(0);-webkit-transform:translate(0);transform:translate(0)}}@keyframes contact-hover-after{49%{opacity:0;-ms-transform:translate(100%);-webkit-transform:translate(100%);transform:translate(100%)}50%{opacity:1;-ms-transform:translate(100%);-webkit-transform:translate(100%);transform:translate(100%)}100%{opacity:1;-ms-transform:translate(0);-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes hide-show-anim{0%{opacity:0}50%{opacity:0}100%{opacity:1}}@keyframes hide-show-anim{0%{opacity:0}50%{opacity:0}100%{opacity:1}}#awwwards{position:absolute;width:126px;height:126px;text-indent:-666em;overflow:hidden;z-index:999;-webkit-transition:all 1s ease;transition:all 1s ease}#awwwards.top{top:0}#awwwards.bottom{bottom:0}#awwwards.left{left:0}#awwwards.right{right:0}#awwwards a{position:absolute;top:0;left:0;display:block;width:126px;height:126px;background-repeat:no-repeat;background-position:4px -23px;background-size:145px 145px}#awwwards.top.left a{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}#awwwards.bottom.left a{background-position:-23px 4px}#awwwards.bottom.right a{background-position:-23px 4px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}#awwwards.honorable.black a{background-image:url(../images/ribbons/awwwards_honorable_black.png)}#awwwards.honorable.silver a{background-image:url(../images/ribbons/awwwards_honorable_silver.png)}#awwwards.honorable.white a{background-image:url(../images/ribbons/awwwards_honorable_white.png)}#awwwards.honorable.green a{background-image:url(../images/ribbons/awwwards_honorable_green.png)}@media only screen and (-Webkit-min-device-pixel-ratio:1.5),only screen and (-moz-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5){#awwwards.honorable.black a{background-image:url(../images/ribbons/awwwards_honorable_black@2x.png)}#awwwards.honorable.silver a{background-image:url(../images/ribbons/awwwards_honorable_silver@2x.png)}#awwwards.honorable.white a{background-image:url(../images/ribbons/awwwards_honorable_white@2x.png)}#awwwards.honorable.green a{background-image:url(../images/ribbons/awwwards_honorable_green@2x.png)}}html{height:100%}html.flexbox .intro-content-holder .middle-parent{margin-top:-32px}html.flexbox .intro-content-middle-parent{min-height:1px}html.flexbox .interactive-scroll-link,html.flexbox .fact-description,html.flexbox .intro-holder,html.flexbox .intro-content-holder,html.flexbox .intro-anim,html.flexbox #interactive-menu,html.flexbox .grid-item.loaded .back,html.flexbox .list-item-holder,html.flexbox .case-item-categories-list,html.flexbox .contact-link-holder{display:-webkit-flex;display:flex}html.flexbox .interactive-scroll-link{width:100%;height:100%}html.flexbox .interactive-menu .interactive-scroll-item{margin-left:auto}html.flexbox .interactive-scroll-link,html.flexbox .fact-description,html.flexbox .intro-content-holder,html.flexbox .intro-anim,html.flexbox .grid-item.loaded .back,html.flexbox .case-item-categories-list,html.flexbox .contact-link-holder{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}html.flexbox .intro-holder,html.flexbox .intro-content-holder,html.flexbox .grid-item.loaded .back,html.flexbox .contact-link-holder{-webkit-flex-direction:column;flex-direction:column}html.flexbox .grid-item .back-content{width:100%;position:relative}html.flexbox .grid-item .back-content-container{width:100%}html .interactive-scroll-link p,html.no-flexbox .interactive-scroll-link p{display:inline-block}html .interactive-scroll-link:after,html.no-flexbox .interactive-scroll-link:after{display:inline-block;margin:auto}html 


.fact-inner-wrapper,html.no-flexbox .fact-inner-wrapper,html .fact-inner-container,html.no-flexbox .fact-inner-container{width:100%;height:100%}


html .interactive-menu .interactive-list-item,html.no-flexbox .interactive-menu .interactive-list-item{float:left}html .case-item-categories-list .case-item-categories-list-item,html.no-flexbox .case-item-categories-list .case-item-categories-list-item{display:inline-block}html .interactive-menu .interactive-scroll-item,html.no-flexbox .interactive-menu .interactive-scroll-item{float:right}html .intro-content-middle-parent,html.no-flexbox .intro-content-middle-parent{position:absolute;display:table;width:100%;height:1000px;top:50%;margin-top:-500px}html .intro-content-middle-child,html.no-flexbox .intro-content-middle-child{display:table-cell;vertical-align:middle}html .grid-item.loaded .back,html.no-flexbox .grid-item.loaded .back{display:block}html .list-item-holder img,html.no-flexbox .list-item-holder img,html .list-item-holder .description,html.no-flexbox .list-item-holder .description{float:left}html .list-item-holder .description,html.no-flexbox .list-item-holder .description{width:40%}html .case-item-content-blocks,html.no-flexbox .case-item-content-blocks{width:100%;text-align:center}html .contact-link-holder,html.no-flexbox .contact-link-holder{width:92px}html .contact-link-item,html.no-flexbox .contact-link-item{display:inline-block}

html.csstransforms3d .case-explode{z-index:998;position:absolute;opacity:0;top:0;left:0;width:300px;height:300px}html.csstransforms3d .case-explode.active{display:block}html.csstransforms3d .case-explode.active.transition{-webkit-transition:all .4s cubic-bezier(0.19,1,.22,1);-ms-transition:all .4s cubic-bezier(0.19,1,.22,1);transition:all .4s cubic-bezier(0.19,1,.22,1)}html.csstransforms3d .case-explode.active.show{opacity:1}html.csstransforms3d .case-explode.active.hide{opacity:0}html.csstransitions #case-view.deactive{opacity:0}html.csstransitions #case-view.active{opacity:1;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}html.csscalc .intro{height:-webkit-calc(100% - 14px);height:calc(100% - 14px)}html.csscalc #loader{width:-webkit-calc(100% - 30px);width:calc(100% - 30px)}html.csscalc .intro-holder{height:-webkit-calc(100% - 47px);height:calc(100% - 47px)}html.touch .view-list-link:active .case-nav-label,html.touch .interactive-list-link:active .case-nav-label,html.touch .case-previous-btn:active .case-nav-label,html.touch .case-next-btn:active .case-nav-label,html.touch .case-view-btn:active .case-nav-label{color:#0083D6}html.touch .view-list-link:active .no-hover,html.touch .interactive-list-link:active .no-hover,html.touch .case-previous-btn:active .no-hover,html.touch .case-next-btn:active .no-hover,html.touch .case-view-btn:active .no-hover{opacity:0}html.touch .view-list-link:active .hover,html.touch .interactive-list-link:active .hover,html.touch .case-previous-btn:active .hover,html.touch .case-next-btn:active .hover,html.touch .case-view-btn:active .hover{opacity:1}

html.touch .nav-list-link:active{color:#5D5958}html.touch .nav-list-link:active:before,html.touch .nav-list-link:active:after{opacity:1}html.touch .nav-list-link:active:before{-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}html.touch .nav-list-link:active:after{-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}html.touch .list-item .list-item-holder{background:#f0f2f4}html .view-list-link:hover .case-nav-label,html.no-touch .view-list-link:hover .case-nav-label,html .interactive-list-link:hover .case-nav-label,html.no-touch .interactive-list-link:hover .case-nav-label,html .case-previous-btn:hover .case-nav-label,html.no-touch .case-previous-btn:hover .case-nav-label,html .case-next-btn:hover .case-nav-label,html.no-touch .case-next-btn:hover .case-nav-label,html .case-view-btn:hover .case-nav-label,html.no-touch .case-view-btn:hover .case-nav-label{color:#0083D6}html .view-list-link:hover .no-hover,html.no-touch .view-list-link:hover .no-hover,html .interactive-list-link:hover .no-hover,html.no-touch .interactive-list-link:hover .no-hover,html .case-previous-btn:hover .no-hover,html.no-touch .case-previous-btn:hover .no-hover,html .case-next-btn:hover .no-hover,html.no-touch .case-next-btn:hover .no-hover,html .case-view-btn:hover .no-hover,html.no-touch .case-view-btn:hover .no-hover{opacity:0}html .view-list-link:hover .hover,html.no-touch .view-list-link:hover .hover,html .interactive-list-link:hover .hover,html.no-touch .interactive-list-link:hover .hover,html .case-previous-btn:hover .hover,html.no-touch .case-previous-btn:hover .hover,html .case-next-btn:hover .hover,html.no-touch .case-next-btn:hover .hover,html .case-view-btn:hover .hover,html.no-touch .case-view-btn:hover .hover{opacity:1}html .interactive-list-link:hover:before,html.no-touch .interactive-list-link:hover:before,html .interactive-list-link.active:before,html.no-touch .interactive-list-link.active:before{opacity:1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}

html .nav-list-link:hover,html.no-touch .nav-list-link:hover{color:#5D5958}html .nav-list-link:hover:before,html.no-touch .nav-list-link:hover:before,html .nav-list-link:hover:after,html.no-touch .nav-list-link:hover:after{opacity:1}html .nav-list-link:hover:before,html.no-touch .nav-list-link:hover:before{-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}html .nav-list-link:hover:after,html.no-touch .nav-list-link:hover:after{-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}html .list-item .list-item-holder,html.no-touch .list-item .list-item-holder,html .list-item img,html.no-touch .list-item img,html .list-item button,html.no-touch .list-item button,html .list-item .description,html.no-touch .list-item .description{-webkit-transition:all .3s cubic-bezier(0.19,1,.22,1);-ms-transition:all .3s cubic-bezier(0.19,1,.22,1);transition:all .3s cubic-bezier(0.19,1,.22,1)}html .list-item:hover .list-item-holder,html.no-touch .list-item:hover .list-item-holder{background:#f0f2f4;border-left:5px solid #0083D6}html .list-item:hover img,html.no-touch .list-item:hover img,html .list-item:hover button,html.no-touch .list-item:hover button,html .list-item:hover .description,html.no-touch .list-item:hover .description{-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}html .contact-link:after,html.no-touch .contact-link:after{opacity:0}html .contact-link:hover:before,html.no-touch .contact-link:hover:before{-webkit-animation:contact-hover-before .3s;animation:contact-hover-before .3s;-webkit-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards}html .contact-link:hover:after,html.no-touch .contact-link:hover:after{-webkit-animation:contact-hover-after .3s;animation:contact-hover-after .3s;-webkit-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards}html.svg .contact-link.phone:before{background-image:url(../images/icons/contact/phone.svg)}html.svg .contact-link.phone:after{background-image:url(../images/icons/contact/phone-hover.svg)}html.svg .contact-link.mail:before{background-image:url(../images/icons/contact/mail.svg)}html.svg .contact-link.mail:after{background-image:url(../images/icons/contact/mail-hover.svg)}html.svg .contact-link.map:before{background-image:url(../images/icons/contact/location.svg)}html.svg .contact-link.map:after{background-image:url(../images/icons/contact/location-hover.svg)}html #image-link:before,html.no-svg #image-link:before{background-image:url(../images/image-red.png)}html #glocalisation-link:before,html.no-svg #glocalisation-link:before{background-image:url(../images/glocalisation-red.png)}html #content-link:before,html.no-svg #content-link:before{background-image:url(../images/content-red.png)}

html #galeri:before,html.no-svg #galeri:before{background-image: url(image/menu/superior/galeria.svg); background-position:center; background-size:50%; background-repeat:no-repeat}

html #contacto:before,html.no-svg #contacto:before{background-image: url(image/menu/superior/contactos.svg); background-position:center; background-size:50%; background-repeat:no-repeat}


html #empresa:before,html.no-svg #empresa:before{background-image: url(image/menu/superior/empresa.svg); background-position:center; background-size:50%; background-repeat:no-repeat}


html #escuela:before,html.no-svg #escuela:before{background-image: url(image/menu/superior/escuela.svg); background-position:center; background-size:50%; background-repeat:no-repeat}

html #servic:before,html.no-svg #servic:before{background-image: url(image/menu/superior/servicio.svg); background-position:center; background-size:50%; background-repeat:no-repeat}

html #cli:before,html.no-svg #cli:before{background-image: url(image/menu/superior/clientes.svg); background-position:center; background-size:50%; background-repeat:no-repeat}


html .contact-link.phone:after,html.no-svg .contact-link.phone:after{background-image:url(../images/icons/contact/phone-hover.png)}

html .contact-link.mail:before,html.no-svg .contact-link.mail:before{background-image:url(../images/icons/contact/mail.png)}html .contact-link.mail:after,html.no-svg .contact-link.mail:after{background-image:url(../images/icons/contact/mail-hover.png)}html .contact-link.map:before,html.no-svg .contact-link.map:before{background-image:url(../images/icons/contact/location.png)}html .contact-link.map:after,html.no-svg .contact-link.map:after{background-image:url(../images/icons/contact/location-hover.png)}html.lt-ie9 .hover,html.lt-ie9 .no-hover{position:relative}html.lt-ie9 .hover{display:none}html.lt-ie9 .item{margin-right:-4px}html.lt-ie9 .body-wrapper.active{display:block}html.lt-ie9 .body-wrapper.deactive,html.lt-ie9 .interactive-list-link:before,html.lt-ie9 .interactive-list-link:after{display:none}html.lt-ie9 .interactive-menu{bottom:90px}html.lt-ie9 .view-list-link:hover .case-nav-label,html.lt-ie9 .interactive-list-link:hover .case-nav-label,html.lt-ie9 .case-next-btn:hover .case-nav-label,html.lt-ie9 .case-previous-btn:hover .case-nav-label,html.lt-ie9 .case-view-btn:hover .case-nav-label,html.lt-ie9 .view-list-link.active .case-nav-label,html.lt-ie9 .interactive-list-link.active .case-nav-label,html.lt-ie9 .case-next-btn.active .case-nav-label,html.lt-ie9 .case-previous-btn.active .case-nav-label,html.lt-ie9 .case-view-btn.active .case-nav-label{color:#0083D6}html.lt-ie9 .view-list-link:hover .hover,html.lt-ie9 .interactive-list-link:hover .hover,html.lt-ie9 .case-next-btn:hover .hover,html.lt-ie9 .case-previous-btn:hover .hover,html.lt-ie9 .case-view-btn:hover .hover,html.lt-ie9 .view-list-link.active .hover,html.lt-ie9 .interactive-list-link.active .hover,html.lt-ie9 .case-next-btn.active .hover,html.lt-ie9 .case-previous-btn.active .hover,html.lt-ie9 .case-view-btn.active .hover{display:block}html.lt-ie9 .view-list-link:hover .no-hover,html.lt-ie9 .interactive-list-link:hover .no-hover,html.lt-ie9 .case-next-btn:hover .no-hover,html.lt-ie9 .case-previous-btn:hover .no-hover,html.lt-ie9 .case-view-btn:hover .no-hover,html.lt-ie9 .view-list-link.active .no-hover,html.lt-ie9 .interactive-list-link.active .no-hover,html.lt-ie9 .case-next-btn.active .no-hover,html.lt-ie9 .case-previous-btn.active .no-hover,html.lt-ie9 .case-view-btn.active .no-hover{display:none}html.lt-ie9 .nav-list-link:before,html.lt-ie9 .nav-list-link:after{display:none}html.lt-ie9 .nav-list-link:hover:before,html.lt-ie9 .nav-list-link.active:before,html.lt-ie9 .nav-list-link:hover:after,html.lt-ie9 .nav-list-link.active:after{display:block}html.lt-ie9 .intro-anim-holder .description{position:relative;top:auto}html.lt-ie9 .intro-anim-holder video{height:auto}html.lt-ie9 .case-content .case-image-bullets{display:none}html.lt-ie9 .grid-item .back{left:-9999px}html.lt-ie9 .grid-item.move-up{margin:0;top:-71px}html.lt-ie9 .grid-item.move-down{margin:0;top:71px}html.lt-ie9 .list-item img,html.lt-ie9 .list-item button{visibility:hidden}html.lt-ie9 .list-item .description{position:relative;left:-145px}html.lt-ie9 .contact-link{border:0;background:transparent}html.lt-ie9 .contact-link:hover{background:transparent;border:0}html.lt-ie9 .contact-link:hover:after{opacity:1}html.lt-ie9 .v-logo{background:transparent}html.lt-ie9 .v-logo:hover .hover{display:block}html.lt-ie9 .v-logo:hover .no-hover{display:none}html.touch .contact-link:after,html.lt-ie9 .contact-link:after{display:none}html.touch .contact-link:hover:before,html.lt-ie9 .contact-link:hover:before,html.touch .contact-link:active:before,html.lt-ie9 .contact-link:active:before{display:none}html.touch .contact-link:hover:after,html.lt-ie9 .contact-link:hover:after,html.touch .contact-link:active:after,html.lt-ie9 .contact-link:active:after{display:block}html.lt-ie9.no-touch .nav-list-link:hover:after,html.lt-ie9.no-touch .nav-list-link.active:after{display:block}html.lt-ie9.no-touch .grid-item:hover .back{left:7.5%}html.lt-ie9.no-touch .list-item:hover img,html.lt-ie9.no-touch .list-item:hover button{visibility:visible}html.lt-ie9.no-touch .list-item:hover .description{left:0}.view-list-link.active .no-hover,.interactive-list-link.active .no-hover{opacity:0}.view-list-link.active .hover,.interactive-list-link.active .hover{opacity:1}

.nav-list-link.active{color:#5D5958}

.nav-list-link.active:before,.nav-list-link.active:after{opacity:1}.nav-list-link.active:before{-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}.nav-list-link.active:after{-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}body{height:100%;font-family:Georgia,"Times New Roman",Times;font-size:16px;line-height:21px;font-family:aller_rg;background-color:#fff;-webkit-transition:all 350ms;-ms-transition:all 350ms;transition:all 350ms}body.active{overflow:hidden;-webkit-transition:opacity .2s;-ms-transition:opacity .2s;transition:opacity .2s;opacity:1}#loader{height:3px;position:fixed;top:0;left:15px;z-index:999}#loader .loader-inner{width:0;opacity:0;height:100%;background:#0083D6}#loader .loader-inner.active{-webkit-transition:width .2s;-ms-transition:width .2s;transition:width .2s;opacity:1}.body-wrapper{position:relative}.body-wrapper .vintage-logo{margin:14px 0 0 14px}.body-wrapper.active .interactive-menu{opacity:0}.body-wrapper.preloaded .interactive-menu{-webkit-transition:opacity .3s;-ms-transition:opacity .3s;transition:opacity .3s;opacity:1}.body-wrapper.preloaded .interactive-scroll-link{position:relative;left:auto;-webkit-transition:opacity .3s;-ms-transition:opacity .3s;transition:opacity .3s;opacity:1}.body-wrapper.foreground{z-index:998}.body-wrapper.hide{opacity:0}.body-wrapper.transition{-webkit-transition:opacity .3s;-ms-transition:opacity .3s;transition:opacity .3s}.body-wrapper.active,.case-detail.active{height:100%;-webkit-overflow-scrolling:touch;-mozkit-overflow-scrolling:touch;-overflow-scrolling:touch;-webkit-transform:scale(1);-webkit-backface-visibility:hidden}.body-wrapper.preloaded,.case-detail.active{overflow-x:hidden;overflow-y:auto}*{-webkit-font-smoothing:antialiased;text-shadow:1px 1px 1px rgba(0,0,0,.004);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none}


h1,h2,h3,p{cursor:default;}a{color:#22242d;text-decoration:none}h1{font-family:aller_bd;font-size:1.5em;font-weight:400;line-height:1em;letter-spacing:3px;text-transform:uppercase}h2{font-family:aller_it;font-weight:400;font-size:1em;line-height:1em;letter-spacing:3px}

p{font-family: 'Pillgothic', sans-serif;font-size:1.3em;line-height:1.5em;}

hr{width:100%;height:1px;background:#4D4D4D;border:0;margin:20px auto}


button{outline:0;border:0;cursor:pointer;font-family:aller_it;font-size:.85em;color:#0083D6}


.intro .intro-content,.main-menu,#view,.grid-item,.list-item,.case-item,.case-item-header,.case-item-content-blocks,.contact-footer{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.no-hover,.hover{-webkit-transition:all .3s cubic-bezier(0.19,1,.22,1);-ms-transition:all .3s cubic-bezier(0.19,1,.22,1);transition:all .3s cubic-bezier(0.19,1,.22,1);position:absolute}.hover{position:relative;opacity:0

}.btn{font-size:1em;text-transform:uppercase;font-family:aller_bd;color:#fff;text-align:center;padding:22px}.vintage-logo{width:180px;height:32px;display:block;margin:14px 0}

.case-detail 

.vintage-logo{visibility:hidden}.intro{width:100%;height:100%;overflow:hidden;color:#fff;position:relative}.intro .intro-holder{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;position:relative;padding:7px 7px 0}.intro .intro-content{position:relative;padding:7px;height:100%;width:100%;text-align:center}.intro .intro-content .intro-content-holder{width:100%;height:100%;color:#fff;background:#0083D6}.intro .intro-content h1{font-size:2.5em}.intro .intro-content h2{font-family:aller_rg;text-transform:uppercase}.intro .intro-content .intro-text{position:absolute;left:-9999px}.intro .intro-content .intro-text p{max-width:550px;width:88%;margin:0 auto}.intro .intro-content hr{background:#fff;margin:20px auto}.intro-content-holder{left:-9999px;position:absolute}.intro-content-holder .description{opacity:0;-webkit-transition:opacity .3s;-ms-transition:opacity .3s;transition:opacity .3s}.intro-content-holder .description.active{opacity:1}.intro-content-holder.active{position:relative;left:auto}.intro-anim-holder{width:100%;max-width:600px;position:relative;margin:auto}.intro-anim-holder video{width:600px;height:360px;display:none}.intro-anim-holder .description{position:absolute;top:180px;width:100%}.preloader-holder{width:115px;height:3px;background:#22242d;position:relative;margin:14px auto 10px}.preloader-holder .preloader{width:0;height:100%;position:absolute;top:0;left:0;background:#fff}.preloader-holder.preloaded{-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;width:25px}.preloader-holder.preloaded .preloader{width:100%}.preload{-webkit-backface-visbility:hidden;-webkit-transition:all 350ms;-ms-transition:all 350ms;transition:all 350ms;opacity:0}.preload.complete{opacity:1}


.facts-holder{display:none}.interactive-scroll-link{opacity:0;position:absolute;left:-9999px;color:#fff;text-transform:uppercase;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;text-align:center}.interactive-scroll-link p{display:block;line-height:1em;font-size:1.5em;font-family:aller_bd;padding-right:10px;cursor:pointer;width:auto}.interactive-scroll-link:after{content:'';background-image:url(../images/arrow.svg);background-repeat:no-repeat;position:relative;display:block;width:24px;height:36px}

.fact-more,.fact-more .fact-inner{-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.fact-more:hover .fact-inner{background-color:#0083D6;color:#22242d}.fact-more:hover .interactive-scroll-link:after{background-image:url(../images/arrow-hover.svg)}.interactive-menu{display:none;position:absolute;width:100%;left:45px;bottom:45px}.interactive-menu .interactive-list-item{margin-left:25px;width:40px;height:40px;position:relative}.interactive-menu .interactive-scroll-item{margin-right:115px}.interactive-menu .interactive-scroll-item span{float:left;margin-top:7px;font-size:.9em}.interactive-menu .interactive-scroll-item img{display:inline-block}.interactive-list-link:before{content:"";position:absolute;opacity:0;-webkit-transition:all .3s cubic-bezier(0.19,1,.22,1);-ms-transition:all .3s cubic-bezier(0.19,1,.22,1);transition:all .3s cubic-bezier(0.19,1,.22,1);-ms-transform:scale(0.7);-webkit-transform:scale(0.7);transform:scale(0.7);border:1px #fff solid;display:block;width:40px;height:40px;left:50%;margin-left:-21px;top:50%;margin-top:-20px;border-radius:50%}


.main-menu,.interactive-menu{font-size:14px; font-family:"FuturaStd-Condensed", sans-serif;}


.main-menu.active{opacity:1}

.main-menu.reposition{-webkit-animation:hide-show-anim .3s;animation:hide-show-anim .3s}.nav-list-item,.view-list-item{float:left;-webkit-backface-visibility:hidden;text-align:center}.nav-list-item img,.view-list-item img{position:absolute;top:0;left:0}.nav-list-item .hover,.view-list-item .hover{opacity:0}

.nav-list-item a,.view-list-item a{color:#CBCBCB;position:relative;display:block}.nav-list-item a.selected .no-hover,.view-list-item a.selected .no-hover{opacity:0}.nav-list-item a.selected .hover,.view-list-item a.selected .hover{opacity:1}.view-list-item{width:22px;height:22px}.view-list-item.second{margin-left:10px}.nav-list-item{margin-left:20px;font-size:.9em;opacity:1}.nav-list-item,.interactive-scroll-item{text-transform:uppercase;letter-spacing:.1rem}#image-link:before{background-image:url(../images/image-red.svg)}#glocalisation-link:before{background-image:url(../images/glocalisation-red.svg)}#content-link:before{background-image:url(../images/content-red.svg)}#interactivity-link:before{background-image:url(../images/interactivity-red.svg)}.view-nav{display:inline-block}.nav-list-link{-webkit-transition:all 200ms cubic-bezier(0.865,-.045,.2,1.26);-ms-transition:all 200ms cubic-bezier(0.865,-.045,.2,1.26);transition:all 200ms cubic-bezier(0.865,-.045,.2,1.26)}.nav-list-link:before,.nav-list-link:after{-webkit-transition:all 200ms cubic-bezier(0.865,-.045,.2,1.26);-ms-transition:all 200ms cubic-bezier(0.865,-.045,.2,1.26);transition:all 200ms cubic-bezier(0.865,-.045,.2,1.26)}.nav-list-link:before{content:'';width:40px;height:40px;position:absolute;left:50%;top:-40px;margin-left:-20px;-ms-transform:translateY(-50px);-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}.nav-list-link:after{bottom:-10px;-ms-transform:scale(0.3);-webkit-transform:scale(0.3);transform:scale(0.3)}


.back-content-holder:before{top:-25px;-ms-transform:translateY(24px);-webkit-transform:translateY(24px);transform:translateY(24px)}.back-content-holder:after{bottom:-25px;-ms-transform:translateY(-24px);-webkit-transform:translateY(-24px);transform:translateY(-24px)}

opacity:0}.back-content-holder:before,.back-content-holder:after{background:#22242d}.main-menu-mobile{position:absolute;right:15px;top:23px;background-image:url(../images/mobile.svg);background-repeat:no-repeat;background-position:center right}.main-menu-mobile select{opacity:0;-ms-filter:"alpha(Opacity=0)"}#view{position:relative;height:auto;width:100%;padding:0 7px}.grid,.list{display:none;position:relative;width:100%;font-size:0;margin-top:30px}.grid.active,.list.active{display:block;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.grid.hide,.list.hide{opacity:0}.grid{margin-bottom:71px}.grid-item.hide,.list-item.hide{opacity:0}.grid-item.hide,.list-item.hide{opacity:0}.grid-item.transition,.list-item.transition{-webkit-transition:all .2s;-ms-transition:all .2s;transition:all .2s}.grid-item{text-align:center;font-size:16px;display:inline-block;width:100%;position:relative;vertical-align:middle;margin:0 0 20px;padding:0 7px 14px;overflow:hidden}.grid-item.loaded .front{opacity:1;-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.grid-item *{pointer-events:none}.grid-item .grid-item-holder{width:100%;height:100%;position:relative;overflow:hidden}.grid-item img{position:relative;width:100%;height:auto;vertical-align:top;-webkit-transition:all .15s cubic-bezier(0.25,.46,.45,.94);-ms-transition:all .15s cubic-bezier(0.25,.46,.45,.94);transition:all .15s cubic-bezier(0.25,.46,.45,.94)}.grid-item .front,.grid-item .back{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;pointer-events:none}.grid-item .front{width:100%;height:100%;background-size:cover;overflow:hidden;-webkit-transition:all .3s cubic-bezier(0.25,.46,.45,.94);-ms-transition:all .3s cubic-bezier(0.25,.46,.45,.94);transition:all .3s cubic-bezier(0.25,.46,.45,.94);-ms-transform:translateY(50px);-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}.grid-item .back{margin-top:30px;padding-left:10px}.grid-item .back .back-content h1{font-size:2em;color:#22242d}.grid-item .back .back-content h2{color:#0083D6;margin-top:3px;letter-spacing:2px}.grid-item .back .back-content-holder{position:relative;pointer-events:none}.list-item{position:relative;text-align:left;height:100px;overflow:hidden;font-size:16px;width:100%;display:inline-block;padding:0 10px;margin-bottom:10px}.list-item .list-item-holder{overflow:hidden;background:#f0f2f4;border-left:5px solid #22242d;height:100%;pointer-events:none}.list-item img{min-width:100px;height:100%}.list-item button{background:transparent;text-align:center;padding:0;letter-spacing:0;display:none}.list-item h1{font-size:1em}.list-item h2{margin-top:5px;color:#0083D6;font-size:1em}.list-item .description{padding:20px 20px 0;max-width:600px}.list-item .description p{line-height:1.5em;display:none}.list-item .list-button-holder{padding-left:20px}#case-view{position:absolute;width:100%}#case-view.case-animate.next .case-item.in{z-index:999;-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%)}#case-view.case-animate.next .case-item.in.active{-ms-transform:translate(0);-webkit-transform:translate(0);transform:translate(0)}#case-view.case-animate.next .case-item.out.active{-ms-transform:translateX(-30%);-webkit-transform:translateX(-30%);transform:translateX(-30%)}#case-view.case-animate.previous .case-item.in{-ms-transform:translateX(-30%);-webkit-transform:translateX(-30%);transform:translateX(-30%)}#case-view.case-animate.previous .case-item.in.active{-ms-transform:translate(0);-webkit-transform:translate(0);transform:translate(0)}#case-view.case-animate.previous .case-item.out{z-index:999}#case-view.case-animate.previous .case-item.out.active{-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%)}.case-detail{position:absolute;top:0;left:0}.case-nav{position:absolute;top:5px;right:0;font-family:aller_lt;font-size:14px}.case-previous-btn,.case-next-btn{width:50px;height:21px}.case-previous-btn .case-nav-label,.case-next-btn .case-nav-label,.case-previous-btn .hover-holder,.case-next-btn .hover-holder{display:block;float:left;padding:0 2px}.case-previous-btn{margin-right:10px}.case-next-btn{margin-left:10px}.case-view-btn{width:22px;height:22px}.case-next-btn,.case-previous-btn,.case-view-btn{display:inline-block}.case-item{position:absolute;top:0;left:0;padding:0 14px 14px;width:100%;background:#fff;z-index:998}.case-item.in.active,.case-item.out.active{-webkit-transition:all .45s cubic-bezier(0.215,.61,.355,1);-ms-transition:all .45s cubic-bezier(0.215,.61,.355,1);transition:all .45s cubic-bezier(0.215,.61,.355,1)}.case-item .case-item-holder{position:relative}.case-item .case-item-header{position:relative;text-align:center}.case-item .case-item-header-holder{position:relative}.case-item .case-item-header-content{position:relative;z-index:998;width:100%;margin:auto}.case-item .case-item-header-content h1{color:#fff;font-size:2em;margin-top:75px}.case-item .case-item-header-content h2{font-size:1em;padding-top:3px}.case-item .case-item-header-content hr{margin:40px auto 110px}.case-item .case-item-categories{position:relative;margin-bottom:50px;width:100%;z-index:997}.case-item .case-item-background{position:absolute;width:100%;height:100%;background:#0083D6;z-index:996;top:0}.case-item .case-item-banner{position:relative}.case-item .case-banner-image{display:none}.case-item .case-item-content-blocks{padding:0 14px;margin-top:60px}.case-item .case-item-content-block{text-align:center;margin-bottom:45px}.case-item .case-item-content-block p{font-family:aller_lt}.case-item .case-item-content-block-title{font-size:1em;text-transform:uppercase;padding-bottom:8px}.case-item .imageset{width:100%;overflow:hidden}.case-item .imageset-row{width:150%;line-height:0}.case-item .image,.case-item .video{margin-right:14px;margin-bottom:14px}.case-item .image .imageset-item{background-size:cover;background-position:center;background-clip:content-box;background-repeat:no-repeat}.case-item .bottom-nav-holder{position:relative;height:27px;margin-bottom:17px}.body-wrapper .contact-footer{padding:0 14px 14px}.contact-footer{position:relative;width:100%;overflow:hidden}.contact-footer h1{font-size:3em}.contact-footer h2{font-size:1.5em}.contact-footer .contact-footer-holder{background:#22242d;color:#fff;text-align:center;padding:80px 0 60px}.contact-footer .contact-link-holder{margin:20px auto 0;padding-bottom:20px}.contact-footer .contact-link{width:57px;height:57px;border-radius:50%;border:1px #fff solid;display:block;position:relative;overflow:hidden;-webkit-transition:all .2s;-ms-transition:all .2s;transition:all .2s;margin:0 12px 10px}.contact-footer .contact-link:hover,.contact-footer .contact-link:active{background:#0083D6;border:1px #0083D6 solid}.contact-footer .contact-link:before,.contact-footer .contact-link:after{width:100%;height:100%;content:'';position:absolute;background-repeat:none;left:0;top:0}.contact-footer .contact-information-holder{display:none}.name{position:absolute;left:-9999px}.v-logo{display:block;position:absolute;bottom:35px;right:35px;background:#fff;width:22px;height:22px;border-radius:50%}.v-logo:hover{-webkit-transition:.2s;-ms-transition:.2s;transition:.2s;background:#ee3536}.v-logo img{position:absolute;top:50%;left:50%;margin-left:-8px;margin-top:-6px}.v-logo .hover{display:none}@media screen and (min-width:620px){html.flexbox .contact-link-holder{-webkit-flex-direction:row;flex-direction:row}html .grid-item .back-content,html.no-flexbox .grid-item .back-content,html .fact-inner-wrapper,html.no-flexbox .fact-inner-wrapper{position:absolute;display:table;width:100%;height:1000px;top:50%;margin-top:-500px}html .grid-item .back-content-container,html.no-flexbox .grid-item .back-content-container,html .fact-inner-container,html.no-flexbox .fact-inner-container{display:table-cell;vertical-align:middle}html .contact-link-holder,html.no-flexbox .contact-link-holder{width:100%}html .back-content-holder:before,html.no-touch .back-content-holder:before,html .back-content-holder:after,html.no-touch .back-content-holder:after{-webkit-transition:opacity .1s .2s,-webkit-transform .3s .2s cubic-bezier(0.865,-.045,.2,1.26);-ms-transition:opacity .1s .2s,-webkit-transform .3s .2s cubic-bezier(0.865,-.045,.2,1.26);transition:opacity .1s .2s,-webkit-transform .3s .2s cubic-bezier(0.865,-.045,.2,1.26);-webkit-transition:opacity .1s .2s,transform .3s .2s cubic-bezier(0.865,-.045,.2,1.26);-ms-transition:opacity .1s .2s,transform .3s .2s cubic-bezier(0.865,-.045,.2,1.26);transition:opacity .1s .2s,transform .3s .2s cubic-bezier(0.865,-.045,.2,1.26)}html .grid-item .back .back-content h1,html.no-touch .grid-item .back .back-content h1,html .grid-item .back .back-content h2,html.no-touch .grid-item .back .back-content h2{-webkit-transition:all .3s .3s cubic-bezier(0.25,.46,.45,.94);-ms-transition:all .3s .3s cubic-bezier(0.25,.46,.45,.94);transition:all .3s .3s cubic-bezier(0.25,.46,.45,.94)}html .grid-item.loaded.left-in .back,html.no-touch .grid-item.loaded.left-in .back{opacity:1;-webkit-animation:back-bg-left-in .3s;animation:back-bg-left-in .3s}html .grid-item.loaded.left-out .back,html.no-touch .grid-item.loaded.left-out .back{-webkit-animation:back-bg-left-out .3s;animation:back-bg-left-out .3s}html .grid-item.loaded.top-in .back,html.no-touch .grid-item.loaded.top-in .back{opacity:1;-webkit-animation:back-bg-top-in .3s;animation:back-bg-top-in .3s}html .grid-item.loaded.top-out .back,html.no-touch .grid-item.loaded.top-out .back{-webkit-animation:back-bg-top-out .3s;animation:back-bg-top-out .3s}html .grid-item.loaded.right-in .back,html.no-touch .grid-item.loaded.right-in .back{opacity:1;-webkit-animation:back-bg-right-in .3s;animation:back-bg-right-in .3s}html .grid-item.loaded.right-out .back,html.no-touch .grid-item.loaded.right-out .back{-webkit-animation:back-bg-right-out .3s;animation:back-bg-right-out .3s}html .grid-item.loaded.bottom-in .back,html.no-touch .grid-item.loaded.bottom-in .back{opacity:1;-webkit-animation:back-bg-bottom-in .3s;animation:back-bg-bottom-in .3s}html .grid-item.loaded.bottom-out .back,html.no-touch .grid-item.loaded.bottom-out .back{-webkit-animation:back-bg-bottom-out .3s;animation:back-bg-bottom-out .3s}html .grid-item.loaded:hover .front img,html.no-touch .grid-item.loaded:hover .front img{-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)}html .grid-item.loaded:hover .back .back-content h1,html.no-touch .grid-item.loaded:hover .back .back-content h1,html .grid-item.loaded:hover .back .back-content h2,html.no-touch .grid-item.loaded:hover .back .back-content h2{opacity:1;-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}html .grid-item.loaded:hover .back .back-content .back-content-holder:before,html.no-touch .grid-item.loaded:hover .back .back-content .back-content-holder:before,html .grid-item.loaded:hover .back .back-content .back-content-holder:after,html.no-touch .grid-item.loaded:hover .back .back-content .back-content-holder:after{-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);opacity:1}html.touch .grid-item{-webkit-user-select:none;-webkit-touch-callout:none}html.touch .grid-item.over .front img{-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)}html.touch .grid-item.over .back{opacity:1;-ms-transform:translate(0);-webkit-transform:translate(0);transform:translate(0)}html.touch .grid-item.over .back .back-content{-webkit-user-select:none}html.touch .grid-item.over .back .back-content h1,html.touch .grid-item.over .back .back-content h2{opacity:1;-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}html.touch .grid-item.over .back .back-content .back-content-holder:before,html.touch .grid-item.over .back .back-content .back-content-holder:after{-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);opacity:1}html .contact-information,html.lt-ie9 .contact-information{display:none}html .contact-information.active,html.lt-ie9 .contact-information.active{display:block}h1{font-size:4em}h2{font-size:1.5em}.body-wrapper .vintage-logo,.case-detail .vintage-logo{visibility:visible;margin-left:auto;margin-right:auto}.intro .intro-content h1{font-size:4em}.intro .intro-content .intro-text{position:relative;left:auto}.description.interactivity h1{font-size:3em}.description.glocalisation h1{font-size:2.5em}.grid-item{margin:0;width:50%;height:auto}.grid-item .back{margin:0;padding:0;opacity:0;-ms-transform:translate(0);-webkit-transform:translate(0);transform:translate(0);background:#ee3536;position:absolute;width:85%;height:85%;top:7.5%;left:7.5%;text-align:center}.grid-item .back .back-content{text-align:center;left:0}.grid-item .back .back-content h1,.grid-item .back .back-content h2{opacity:0}.grid-item .back .back-content h1{color:#fff}.grid-item .back .back-content h2{color:#22242d;font-size:.85em}

.contact-footer h1{font-size:4em}.contact-footer .contact-footer-holder{padding:80px 0 0}.contact-footer .contact-link{margin:0 12px 5px}.contact-footer .contact-information-holder{display:block;position:relative;text-align:center;height:60px}.contact-footer .contact-information{opacity:0;position:absolute;-ms-transform:translateY(100px);-webkit-transform:translateY(100px);transform:translateY(100px);width:100%;-webkit-transition:all .3s cubic-bezier(0.19,1,.22,1);-ms-transition:all .3s cubic-bezier(0.19,1,.22,1);transition:all .3s cubic-bezier(0.19,1,.22,1)}.contact-footer .contact-information.active{-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);opacity:1}html .grid,html .list{margin:0}html .back,html .back-content,html .grid-item .back .back-content h1,html .grid-item .back .back-content h2,html .back-content-holder{opacity:1}html .back-content-holder:before,html .back-content-holder:after{opacity:1;-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}}@media screen and (min-width:768px){html.flexbox .list-button-holder,html.flexbox .case-item-content-blocks,html.flexbox .imageset-row{display:-webkit-flex;display:flex}html.flexbox .case-item-content-blocks{-webkit-justify-content:center;justify-content:center}html.flexbox .list-item .list-item-holder .list-button-holder{-webkit-align-self:center;align-self:center;-webkit-align-items:flex-end;align-items:flex-end;-webkit-justify-content:flex-end;justify-content:flex-end;flex-grow:1;-webkit-flex:1 0 0;flex:1 0 0}html .list-button-middle-parent,html.no-flexbox .list-button-middle-parent{position:absolute;display:table;width:100%;height:1000px;top:50%;margin-top:-500px}html .list-button-middle-child,html.no-flexbox .list-button-middle-child{display:table-cell;vertical-align:middle}html .list-item img,html.no-flexbox .list-item img,html .list-item .description,html.no-flexbox .list-item .description{float:left}html .list-item .description,html.no-flexbox .list-item .description{width:350px}html .list-item .list-button-holder,html.no-flexbox .list-item .list-button-holder{float:right;width:145px;height:100%}html .case-item-content-block,html.no-flexbox .case-item-content-block{display:inline-block;width:49%;vertical-align:top}html .imageset-row .image,html.no-flexbox .imageset-row .image,html .imageset-row .video,html.no-flexbox .imageset-row .video{float:left}html .fact-height:hover .fact-inner,html.lt-ie9 .fact-height:hover .fact-inner,html .fact:hover .fact-inner,html.lt-ie9 .fact:hover .fact-inner,html .fact-width:hover .fact-inner,html.lt-ie9 .fact-width:hover .fact-inner{position:absolute;left:-9999px}html .fact-height:hover.fact-more .fact-inner,html.lt-ie9 .fact-height:hover.fact-more .fact-inner,html .fact:hover.fact-more .fact-inner,html.lt-ie9 .fact:hover.fact-more .fact-inner,html .fact-width:hover.fact-more .fact-inner,html.lt-ie9 .fact-width:hover.fact-more .fact-inner,html .fact-height:hover .fact-description,html.lt-ie9 .fact-height:hover .fact-description,html .fact:hover .fact-description,html.lt-ie9 .fact:hover .fact-description,html .fact-width:hover .fact-description,html.lt-ie9 .fact-width:hover .fact-description{position:relative;left:0}html .fact-inner,html.lt-ie9 .fact-inner{position:relative;left:0}html .fact-description,html.lt-ie9 .fact-description{position:absolute;left:-9999px}html.no-touch .list-item img,html.no-touch .list-item .description{-ms-transform:translateX(-145px);-webkit-transform:translateX(-145px);transform:translateX(-145px)}html.no-touch .list-item button{-ms-transform:translateX(320px);-webkit-transform:translateX(320px);transform:translateX(320px)}button{font-family:aller_bd;text-transform:uppercase;color:#fff}.facts-holder{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:30%}.fact,.fact-width,.fact-height{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;padding:7px;width:25%;height:50%;float:left;overflow:hidden}.fact-more{width:50%}.fact-more .fact-inner-wrapper,.fact-more .fact-inner-container{width:100%;height:100%}

.fact-people{display:none}.fact-inner{width:100%;height:100%;background-repeat:no-repeat;background-position:center}



.descarga .fact-inner{background-image:url(descarga.svg)}


.twit .fact-inner{background-image:url(twit.svg)}

.like .fact-inner{background-image:url(like.svg)}

.estadist .fact-inner{background-image:url(estadist.svg)}

.descuento .fact-inner{background-image:url(descuento.svg)}

.tarj .fact-inner{background-image:url(tarj.svg)}

.minist .fact-inner{background-image:url(minis.svg);}

.cursos .fact-inner{background-image:url(cursos.svg)}


.fact-description{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:5px;text-align:center}
.negro{background-color:#000}
.azul{background-color:#0084D7}
.blanco{background-color:#fff; border: solid 1px #0084D7}

.fact-height:hover .fact-inner,.fact:hover .fact-inner,.fact-width:hover .fact-inner{-webkit-transition:-webkit-transform 400ms cubic-bezier(0.19,1,.22,1),opacity 100ms 200ms cubic-bezier(0.19,1,.22,1);transition:transform 400ms cubic-bezier(0.19,1,.22,1),opacity 100ms 200ms cubic-bezier(0.19,1,.22,1);opacity:0}.fact-height:hover .fact-description,.fact:hover .fact-description,.fact-width:hover .fact-description{-webkit-transition:-webkit-transform 400ms cubic-bezier(0.19,1,.22,1),opacity 100ms cubic-bezier(0.19,1,.22,1);transition:transform 400ms cubic-bezier(0.19,1,.22,1),opacity 100ms cubic-bezier(0.19,1,.22,1);opacity:1}.fact-height:hover.rotateX .fact-inner,.fact:hover.rotateX .fact-inner,.fact-width:hover.rotateX .fact-inner,.fact-height:hover.rotateY .fact-inner,.fact:hover.rotateY .fact-inner,.fact-width:hover.rotateY .fact-inner{-ms-transform:rotateX(90deg);-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}.fact-height:hover.rotateX .fact-description,.fact:hover.rotateX .fact-description,.fact-width:hover.rotateX .fact-description,.fact-height:hover.rotateY .fact-description,.fact:hover.rotateY .fact-description,.fact-width:hover.rotateY .fact-description{-ms-transform:rotateX(0deg);-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}.fact-more:hover .fact-inner{opacity:1}.fact-inner-holder{position:relative;width:100%;height:100%;-webkit-perspective:3000px;perspective:3000px}.fact-inner,.fact-description{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:absolute}.fact-inner{-webkit-transition:-webkit-transform 400ms cubic-bezier(0.19,1,.22,1),opacity 100ms cubic-bezier(0.19,1,.22,1);transition:transform 400ms cubic-bezier(0.19,1,.22,1),opacity 100ms cubic-bezier(0.19,1,.22,1);opacity:1}.fact-description{-webkit-transition:-webkit-transform 400ms cubic-bezier(0.19,1,.22,1),opacity 100ms 200ms cubic-bezier(0.19,1,.22,1);transition:transform 400ms cubic-bezier(0.19,1,.22,1),opacity 100ms 200ms cubic-bezier(0.19,1,.22,1);opacity:0;width:100%;height:100%}.rotateX .fact-description,.rotateY .fact-description{-ms-transform:rotateX(-90deg);-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}.intro .intro-content{height:70%}.intro-anim-holder video{display:block}.grid{margin-top:71px}.list{margin-top:142px}.grid-item.move-up{-ms-transform:translateY(-71px);-webkit-transform:translateY(-71px);transform:translateY(-71px)}.grid-item.move-down{-ms-transform:translateY(71px);-webkit-transform:translateY(71px);transform:translateY(71px)}.list-item{height:145px;margin-bottom:20px}.list-item .list-item-holder{background:transparent}.list-item img,.list-item .list-button-holder{min-width:145px}.list-item .list-button-holder{margin-right:15px;padding:0}.list-item img{display:block;width:145px;height:100%;padding:0 20px 0 0}.list-item h1,.list-item h2{display:inline}.list-item h2{margin:0;font-size:.85em}.list-item button{display:block;position:relative;width:145px;height:50px;background:#ee3536;color:#fff;letter-spacing:3px}.list-item .description{padding:20px 20px 0 0}.list-item .description p{display:block}.case-item .case-item-header{overflow:hidden}.case-item .case-item-header-content{position:absolute}.case-item .case-item-header-content h1{margin-top:40px}.case-item .case-item-categories{position:absolute;bottom:60px;margin:0}.case-item .case-item-background{top:-48px}.case-item .case-banner-image{z-index:998;position:relative;width:100%;display:block}.case-item .case-item-content-blocks{margin-top:12px}.case-item .case-item-content-block{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:500px}.case-item .case-item-content-block:nth-of-type(odd){padding-right:50px}.case-item .case-item-content-block:nth-of-type(even){padding-left:50px}.main-menu-mobile{display:none}.main-menu{display:block}.interactive-menu{display:block}}

@media screen and (min-width:1024px){html.flexbox .intro-holder{-webkit-flex-direction:row;flex-direction:row}html.flexbox .interactive-scroll-link{-webkit-flex-direction:column;flex-direction:column}html .list-item .description,html.no-flexbox .list-item .description{width:600px}html .intro-content,html.no-flexbox .intro-content,html .facts-holder,html.no-flexbox .facts-holder{float:left}html .interactive-scroll-link p,html.no-flexbox .interactive-scroll-link p{display:block;margin:auto}html .interactive-scroll-link:after,html.no-flexbox .interactive-scroll-link:after{display:block;margin:10px auto 0}html.csscalc.ios7 .intro{height:-webkit-calc(100% - 35px);height:calc(100% - 35px)}h1{font-size:5em}.intro .intro-content{height:100%;width:66.66666667%}.facts-holder{width:33.33333333%;height:100%;padding:0}.fact,.fact-width,.fact-height{width:50%}.fact,.fact-width,.fact-more{height:14.28571429%}.fact-width{width:100%}.fact-height{height:28.57142857%}.fact-people{display:block}.fact-height:hover.rotateX .fact-inner,.fact:hover.rotateX .fact-inner,.fact-width:hover.rotateX .fact-inner{-ms-transform:rotateY(90deg);-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}.fact-height:hover.rotateX .fact-description,.fact:hover.rotateX .fact-description,.fact-width:hover.rotateX .fact-description{-ms-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.rotateX .fact-description{-ms-transform:rotateY(-90deg);-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}.interactive-scroll-link p{width:100%;display:block;max-width:324px;padding:0}.interactive-scroll-link:after{margin-top:10px}.description.interactivity h1,.description.glocalisation h1{font-size:5em}.grid-item{width:33.33333333%}button{font-family:aller_bd;text-transform:uppercase;color:#fff}.main-menu .nav-list-item{margin-left:50px;font-size:1em}.list-item{height:145px}.list-item img{display:block}.list-item button{position:relative;width:145px;height:50px;background:#ee3536;color:#fff;letter-spacing:3px}.list-item img{padding:0 20px 0 0}.list-item .description{padding:20px 20px 0 0}.list-item .description p{display:block}.case-item .case-item-header-content h1{font-size:3.8em}.case-item .case-item-categories{bottom:80px}.case-item .case-item-background{top:-64px}.case-item .case-item-content-blocks{margin-top:-4px}.main-menu-mobile{display:none}.main-menu{display:block}.interactive-menu{display:block}}@media screen and (min-width:1440px){html .list-item .description,html.no-flexbox .list-item .description{width:350px}h1{font-size:6em}.description.interactivity h1,.description.glocalisation h1{font-size:6em}.intro .intro-content{width:75%}.facts-holder{width:25%}.grid-item{width:25%}.list-item{width:50%}.case-item .case-item-header-content h1{margin-top:70px}.case-item .case-item-categories{bottom:112px}.case-item .case-item-background{top:-90px}.case-item .case-item-content-blocks{margin-top:-30px}}@media screen and (min-width:1900px){html .list-item .description,html.no-flexbox .list-item .description{width:600px}.intro .intro-content{width:80%}.grid-item,.facts-holder{width:20%}.list-popup .list-wrap{width:75%}.case-item .case-item-header-content h1{margin-top:105px}.case-item .case-item-categories{bottom:150px}.case-item .case-item-background{top:-122px}.case-item .case-item-content-blocks{margin-top:-82px}}html 




.body-wrapper{height:100%; }html .interactive-scroll-link{opacity:1;left:auto;position:relative}html .preloader-holder,html .interactive-menu{display:none}html .headline{margin-bottom:10px}html .main-menu{opacity:1;}html .nav-list-link{-webkit-transition:none;-ms-transition:none;transition:none}html .nav-list-link:before,html .nav-list-link:after{-webkit-transition:none;-ms-transition:none;transition:none}html .grid,html .list{margin:20px 0 0}html .grid .lazy,html .list .lazy{display:none}html.no-js .front{opacity:1;-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}html.no-js .back{display:block}html.no-js .list-item .list-item-holder,html.no-js .list-item img,html.no-js .list-item button,html.no-js .list-item .description{-webkit-transition:none;-ms-transition:none;transition:none}html.no-js .contact-link{border:0}html.no-js .contact-link:hover{border:0;background:transparent}html.no-js .contact-link:hover:before,html.no-js .contact-link:hover:after{-webkit-animation:none 300ms;animation:none 300ms}

.bloq-temas{
	font-size:0.75em;
	line-height:1.2em;
}
.image-flo{
float:right;
}







/* RESPONSIVE ACTUAL */

@media (min-width:1300px){

.bloq2-esc{
padding:10px;
}
}

@media (max-width:1055px){
	#scroll{
		width:300px;
		}
.minist .fact-inner{
	background-size:280%;
}
	
.blo-gal{
padding:2% 15%;
width:89%
}
.mrl-1{
	display:none;

}
.mrl-2{
font-weight:bold;
display: inline;

}

.bloq2-esc{
padding:5px;
}
.ac-container article p{
	line-height:15px;
	padding:15px 16px;
}
.titulo2{
	line-height:35px;
}

}

@media (max-width:1350px){
	.desp{
display:none;
}
.formula{
width:55%;
}
.nav-list-item{
	margin-left:10px;
}
.md-modal{
	width:80%;
}

.qui-1{
	margin-left:0%;
}


}


@media (max-width:990px){
	
	.image-flo{
float:none;
}
		.despa{
display:none;
}

	.fond-princ{
background-image:url(image/fond.jpg);
background-position: center 40%;
}
	.descarga-text{
margin-top: 0;
}
	
.cursos .fact-inner{
	background-size:200%;
}

.descuento .fact-inner{
	background-size:200%;
}

.descarga .fact-inner{
	background-size:180%;
}

.fecha-roll{
	display:none;
}

.barritas-roll{
	display:none;
}

.info-roll{
font-size:0.7em;
}

.descarga-point{
	display:none;
}

.formula{
width:93%;
}
.formula2{
	width:93%;
}

.b-ima3{
	width: 370px;
	margin:7px;
}
.b-ima2{
	width: 370px;
	margin:7px;
}
.b-ima1{
	width: 370px;
	margin:7px;
}
.blo-ser{
	padding: 5% 15% 15%; 
}
#main_nav{
display:none;
}
.resp-menu{
	display: block;
}
.galeri-fot{
width:35%;
	}
}


@media (max-width:804px){
	.log-fu{
	padding-right:0px;
	}
	
	.salto{
	margin-top:0px;
}
	
	
.bloq2-esc{
	width:100%;
	margin-top:20px;
}
.bloq1-esc{
width:100%;
}	
.ac-container article p{
	line-height:23px;
	padding:20px 36px;
}
.fond-princ{
background-position: bottom center;
}


}


@media (max-width:690px){
.titulo2{
		font-size:2.5em;
	}
		
	.titulos{
		font-size:2.5em;
	}
	
.main-menu{
background:#fff;
padding:30px 10px 0 10px;
}

.qui-1{
	width:100%;
	height:100px;
}

.qui-2{
	width:95%;
}
.formula{
	margin:7px 0 7px;
	
}
.proxi{
display:none;
}

.temas-resp{
	font-size:0.95em;
	text-align:center; 
	font-family:'Pillgothic-ob', sans-serif;
	margin-top:0px;
}

.bloq-temas{
	font-size:0.65em;
	line-height:0.8em;
}
.bloq-bene{
margin-top:80px;
margin-left:20%;
font-size:1.2em;
line-height:1em;
}

.bloq-bene3{
margin-top:68px;
}

.bloq-bene4{
margin-top:40px;
}	


}



@media (max-width:490px){
		.desp{
display:none;
}
	.bloq-bene-rsp{
margin-left:20%;
font-size:0.85em;
}
	.galeri-fot{
width:70%;
	}
	
.ac-container input:checked ~ article.ac-small{
	height: 250px;
}
.ac-container input:checked ~ article.ac-medium{
	height: 190px;
}
.ac-container input:checked ~ article.ac-large{
	height: 250px;
}

.icon-menu{
	display:none;
}
.main-menu{
background:#fff;
padding:30px 5px 0 5px;
}
.blo-ser{
	padding:0;
}

.b-ima3{
	width: 90%;
	margin:7px;
}
.b-ima2{
	width: 90%;
	margin:7px;
}
.b-ima1{
	width: 90%;
	margin:7px;
}
.qui-1{
	margin-top:85px;
}
.bloq-temas{
	font-size:0.55em;
	line-height:0.8em;
}
.bloq-bene3{
margin-top:0px;
}

.bloq-bene4{
margin-top:0px;
}
}


/* OBJETOS PAR5A RESPONSIVE */