@charset "UTF-8";

/*
 *   Tripoli is a generic CSS standard for HTML rendering.
 *   Copyright (C) 2007-2008 David Hellsing
 *
 *   http://devkick.com/lab/tripoli/
 *
 *   You should have received a copy of the GNU General Public License
 *   along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 *   CSS Name: Reset Default - Frontend y Backend CMS
 *   Modificado por: ZORRAQUINO COMUNICACIÓN S.L.U.
**
_______________________________
RESET */

*{text-decoration:none;font-size:1em;margin:0;padding:0}code,kbd,samp,pre,tt,var,textarea,input,select,isindex,listing,xmp,plaintext{font:inherit;white-space:normal}a,img,a img,iframe,form,abbr,acronym,object,applet,table,a abbr,a acronym{border-width:0}dfn,i,cite,var,address,em{font-style:normal}th,b,strong,h1,h2,h3,h4,h5,h6,dt{font-weight:400}caption,th,td{text-align:left}html{background:#fff;color:#000;line-height:1;font-family:arial, sans-serif}/* \*/html{font-family:sans-serif}/* */q{quotes:"\201C""\201D""\2018""\2019"}ul,ol,dir,menu{list-style:none}sub,sup{vertical-align:baseline}a{color:inherit}

/*
_______________________________
DISABLE DEPRECATED HTML */

font,basefont{color:inherit;font:inherit;font-size:100%}center,*[align]{text-align:inherit}s,strike,u{text-decoration:inherit}img{border:none;margin:0}ol{list-style-type:decimal}body{background-color:transparent}tr,th,td{width:auto;height:auto;background-color:transparent;vertical-align:inherit;border:none}table[border],.contenedor table[border]{border-collapse:separate;border-spacing:0}nobr{white-space:normal}marquee{overflow:visible;}blink{text-decoration:none}

/*
_______________________________
GENERAL */

html{font-size:125%}body{font-size:50%}a{text-decoration:underline}strong,th,thead td,h1,h2,h3,h4,h5,h6,dt{font-weight:600}cite,em,dfn{font-style:italic}code,kbd,samp,pre,tt,var,input[type='text'],input[type='password'],textarea{font-size:100%}pre{white-space:pre}pre *{font-size:100%;white-space:pre}del{text-decoration:line-through}ins,dfn{border-bottom:1px solid #000}small,sup,sub{font-size:85%}big{font-size:125%;line-height:80%}abbr,acronym{text-transform:none;font-size:100%;}abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px dotted #000}sup{vertical-align:super}sub{vertical-align:sub}blockquote{padding-left:2.2em}hr{display:none}:lang(af),:lang(nl),:lang(pl){quotes:'\201E' '\201D' '\201A' '\2019'}:lang(bg),:lang(cs),:lang(de),:lang(is),:lang(lt),:lang(sk),:lang(sr),:lang(ro){quotes:'\201E' '\201C' '\201A' '\2018'}:lang(da),:lang(hr){quotes:'\00BB' '\00AB' '\203A' '\2039'}:lang(el),:lang(es),:lang(sq),:lang(tr){quotes:'\00AB' '\00BB' '\2039' '\203A'}:lang(en){quotes:'\2018' '\2019' '\201C' '\201D'}:lang(fi),:lang(sv){quotes:'\201D' '\201D' '\2019' '\2019'}:lang(fr){quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'}input,select,button{cursor:pointer}input[type='text'],input[type='password']{cursor:text}input[type='hidden']{display:none}strike,s{text-decoration:line-through;}

/*
_______________________________
CONTENEDOR */

u{text-decoration:underline}b{font-weight:600}.contenedor img{margin:0 -4px -4px 0;padding:0}h1{font-size:1.6em;line-height:1;margin:1em 0 .5em}.contenedor h2{font-size:1.5em;line-height:1;margin:1.07em 0 .535em}.contenedor h3{font-size:1.4em;line-height:1;margin:1.14em 0 .57em}.contenedor h4{font-size:1.3em;line-height:1;margin:1.23em 0 .615em}.contenedor h5{font-size:1.2em;line-height:1;margin:1.33em 0 .67em}.contenedor h6{font-size:1em;line-height:1;margin:1.6em 0 .8em}.contenedor ul{list-style:disc}.contenedor ol{list-style:decimal}.contenedor table td,.contenedor table th{/* border:1px solid #000; */padding:.8em}.contenedor address,.contenedor dl,.contenedor form,.contenedor hr,.contenedor img,.contenedor ol,.contenedor p,.contenedor pre,.contenedor table,.contenedor ul{margin-bottom:.8em}.contenedor fieldset{/* border:1px solid #000; */margin:1.6em 0;padding:1.6em}.contenedor legend{padding-left:.8em;padding-right:.8em}.contenedor fieldset>:first-child{margin-top:0}.contenedor input{padding:.2em .1em}.contenedor select{padding:.2em .1em 0}.contenedor select[multiple]{margin-bottom:.8em}.contenedor option{padding:0 .4em .1em}.contenedor input[type=radio]{position:relative;bottom:-.2em}.contenedor dt{margin-top:.8em;margin-bottom:.4em}.contenedor ol,.contenedor ul{margin-left:2.2em}.contenedor ul ol,.contenedor ul ul,contenedor ol ol,contenedor ol ul{margin-bottom:0}

::selection { background: #f1f1f1; }
::-moz-selection { background: #f1f1f1; }

/*
_______________________________
END */


/*
 *   CSS Document
 *   Template Name: Frontend CMS Web 1.0
 *   Template Author: ZORRAQUINO DESIGN STUDIO S.L.U.
 *   Template Copyright: 2008 © ZORRAQUINO DESIGN STUDIO S.L.U.
 *
 *   http://www.zorraquino.com
**
*/


/* ==========================================================================
   $FONTS
   ========================================================================== */

@font-face {
    font-family: 'zFont-Light';
    font-display: swap;
    src: url('../fonts/zFont-Light.eot');
    src: url('../fonts/zFont-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/zFont-Light.woff2') format('woff2'),
        url('../fonts/zFont-Light.woff') format('woff'),
        url('../fonts/zFont-Light.ttf') format('truetype'),
        url('../fonts/zFont-Light.svg#zFont-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'zFont-Medium';
    font-display: swap;
    src: url('../fonts/zFont-Medium.eot');
    src: url('../fonts/zFont-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/zFont-Medium.woff2') format('woff2'),
        url('../fonts/zFont-Medium.woff') format('woff'),
        url('../fonts/zFont-Medium.ttf') format('truetype'),
        url('../fonts/zFont-Medium.svg#zFont-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'zFont-Bold';
    font-display: swap;
    src: url('../fonts/zFont-Bold.eot');
    src: url('../fonts/zFont-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/zFont-Bold.woff2') format('woff2'),
        url('../fonts/zFont-Bold.woff') format('woff'),
        url('../fonts/zFont-Bold.ttf') format('truetype'),
        url('../fonts/zFont-Bold.svg#zFont-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'zFont';
    font-display: swap;
    src: url(https://s3-eu-west-1.amazonaws.com/zorraquino/assets/fonts/zfont/zFont-Light.woff2) format("woff2"),
         url(https://s3-eu-west-1.amazonaws.com/zorraquino/assets/fonts/zfont/zFont-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'zFont';
    font-display: swap;
    src: url(https://s3-eu-west-1.amazonaws.com/zorraquino/assets/fonts/zfont/zFont-Medium.woff2) format("woff2"),
         url(https://s3-eu-west-1.amazonaws.com/zorraquino/assets/fonts/zfont/zFont-Medium.woff) format("woff");
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'zFont';
    font-display: swap;
    src: url(https://s3-eu-west-1.amazonaws.com/zorraquino/assets/fonts/zfont/zFont-Bold.woff2) format("woff2"),
         url(https://s3-eu-west-1.amazonaws.com/zorraquino/assets/fonts/zfont/zFont-Bold.woff) format("woff");
    font-weight: bold;
    font-style: normal;
}






@font-face {
	font-family: 'zorraquino';
	src: url('../fonts/zorraquino.eot');
	src: url('../fonts/zorraquino.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/zorraquino.woff') format('woff'),
			 url('../fonts/zorraquino.ttf') format('truetype'),
			 url('../fonts/zorraquino.svg#zorraquino') format('svg');
	font-weight: normal;
	font-style: normal;
}



[class^="font-icon-"],
[class*=" font-icon-"] {
	font-family: 'zorraquino';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.font-icon-facebook:before { content: "\e600"; }
.font-icon-twitter:before { content: "\e601"; }
.font-icon-linkedin-rnd:before { content: "\e604"; }
.font-icon-linkedin:before { content: "\e60a"; }
.font-icon-pinterest:before { content: "\e602"; }
.font-icon-youtube:before { content: "\e603"; }
.font-icon-whatsapp:before { content: "\e605"; }
.font-icon-play:before { content: "\e607"; }
.font-icon-close:before { content: "\e60b"; }
.font-icon-search:before { content: "\e608"; }
.font-icon-arrow-up:before { content: "\e60c"; }
.font-icon-arrow-right:before { content: "\e609"; }
.font-icon-arrow-down:before { content: "\e60d"; }
.font-icon-arrow-left:before { content: "\e606"; }

[class^="font-icon-"] span,
[class*=" font-icon-"] span { display: none; }






/* ==========================================================================
   $LINKS
   ========================================================================== */

a {
    color: #9E9E9E;
    text-decoration: none;
}

/* a:link {
	color: #9E9E9E;
	text-decoration: none;
} */

a:hover {
	color: #9E9E9E;
	text-decoration: line-through;
}

a strong {
    color: #9E9E9E;
	text-decoration: none;
}
a:visited { color: #9E9E9E; }

a:active { color: #9E9E9E; }

.contenedor .bloque a:link,
.contenedor .bloque a:visited,
.contenedor .bloque a:active { color: #9E9E9E; }
.contenedor .bloque a:hover { color: #000000; }
#cultura .bloque a:visited { color: #000000; }

.contenedor .bloque--intro a:link,
.contenedor .bloque--intro a:visited,
.contenedor .bloque--intro a:active {
	font-family: 'zFont-Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: normal;
	color: #000;
	text-decoration: underline;
    text-decoration-skip: ink;
}
	.contenedor .bloque--intro a.boton:link,
	.contenedor .bloque--intro a.boton:visited,
	.contenedor .bloque--intro a.boton:active {
		font-family: "zFont-Bold", 'Helvetica Neue', Helvetica, Arial, sans-serif;
		text-decoration: none;
	}
.contenedor .bloque--intro a:hover { color: #9E9E9E; }

.contenedor .bloque--legal li a { word-break: break-word; }


#areadeprensa .contenedor .bloque a.no-black,
#sessions .bloque a.no-black,
#sessions .bloque a.no-black:visited,
#sessions .bloque a.no-black:active,
.contenedor .bloque a.no-black:active,
.contenedor .bloque .control-group--checkbox a.no-black,
.contenedor .bloque .control-group--checkbox a.no-black:visited,
.contenedor .bloque .control-group--checkbox a.no-black:active { color: #9E9E9E; }

#sessions .bloque a.no-black:hover,
.contenedor .bloque a.no-black:hover,
.contenedor .bloque .control-group--checkbox a.no-black:hover {
	color: #000000;
	text-decoration: none;
}

form:not(.withTel) .control-group__tel {
	display: none !important;
}





/* ==========================================================================
   GENERAL
   ========================================================================== */

html {
	background: #FFF;
	overflow-y: scroll;
	font-family: 'zFont-Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: geometricPrecision;
}

strong,
label,
dt,
.choices__text {
	font-family: 'zFont-Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
}

label .nota,
.choices__text .nota {
	font-family: 'zFont-Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	display: inline-block;
}

hr { display: none; }

.contenedor {
	font-size: 11px;
	width: 940px;
	margin: auto;
	color: #000;
	position: relative;
}

.hero + #main .contenedor:first-child { padding-top: 60px; }

.tablet .hero + #main .contenedor { padding-top: 50px; }

.contenedor p {
	margin-bottom: 20px;
	color: #000;
}

.contenedor p,
.contenedor li,
.contenedor dd,
label,
.choices__text,
.contenedor .proyecto__cliente + .nota,
.contenedor .proyect-awwards dt,
.contenedor .proyect-awwards dd,
.contenedor p.termino-aux,
.contenedor .bloque--intro p.termino-aux {
	font-size: 1.1875em;
	line-height: 1.55em;
}

.contenedor .col3_1 p,
.contenedor .col3_1  li,
.contenedor .col4_1 p,
.contenedor .col4_1  li {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

    .contenedor #informacion { margin-bottom: 40px; }

.contenedor .bloque--intro p,
.contenedor .bloque--intro li,
#areadeprensa .bloque--intro h3,
.contenedor .bloque--proyecto p,
.contenedor h2,
.contenedor .bloque h3,
.contenedor dt,
.proyecto__cliente,
.contenedor .bloque--proyecto h3,
.diccio-content li {
	font-size: 1.6em;
	line-height: 1.4em;
}

.contenedor .bloque--intro li p { font-size: 1em; }

.proyect-awwards {
	border-top: 2px solid #000000;
	margin-top: 30px;
	padding-top: 20px;
}

.contenedor .bloque--proyecto p,
.contenedor .bloque--proyecto li,
.contenedor .bloque--proyecto dd {

}

.contenedor p.fecha + p.fecha { margin-top: -21px; }

.contenedor .diccio-content p { margin-bottom: 5px ; }
.contenedor .diccio-content ul { margin-left: 0; }
.contenedor .diccio-content .bloque li a { color: #000; }

.contenedor .bloque ul { margin-bottom: 21px; }
    .contenedor #sessions .bloque ul {margin-bottom: 30px;}
    .contenedor #sessions .bloque ul + p {margin-bottom: 30px;}
.contenedor .bloque li { margin-bottom: 0; }

p strong { color: #000000; }
p a:hover > strong { color: #9E9E9E; }

.contenedor, pre, input, textarea, #topbar_ie6 {
	color: #000;
	font-size: 16px;
	line-height: 26px;
	font-style: normal;
	font-variant: normal;
}

h1,h2,h3,h4,h5,h6 {
	color: #000;
	font-weight: 600;
}
.h2__link a { color: #000000 !important; }
    .h2__link a:hover { color: #000000 !important; }

	.old-session a { color: #000000!important; }

.h3--fix { margin-top: 24px; }

.contenedor h2,
.contenedor .bloque h3,
.contenedor dt,
.proyecto__cliente,
.contenedor .bloque--proyecto h3,
.diccio-content li {
	font-family: "zFont-Bold", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin: 40px 0 30px;
	color: #000;
}

.contenedor p.termino-aux span,
.contenedor .bloque--intro p.termino-aux span { font-family: "zFont-Bold", 'Helvetica Neue', Helvetica, Arial, sans-serif; }

.contenedor .premios dt { margin-bottom: 4px; }

.contenedor .proyect-awwards dt,
.contenedor p.termino-aux,
.contenedor .bloque--intro p.termino-aux {
	margin-top: 20px;
	margin-bottom: 0;
}

.contenedor .termino_descripcion + p.termino-aux,
.contenedor .bloque--intro .termino_descripcion + p.termino-aux { margin-top: 40px; }

.contenedor .termino-aux--h {
	font-family: "zFont-Light", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin: 0;
	font-size: 1.1875em;
    line-height: 1.55em;
	font-style: normal;
	font-variant: normal;
}

.contenedor .premios h2,
.contenedor .diccio-content h2 {
	font-family: "zFont-Light", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 20px;
}

.contenedor h3,
.contenedor h4,
.contenedor h5,
.contenedor h6 {
	font-family: "zFont-Medium", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 20px;
	line-height: 26px;

}

.contenedor .bloque h4,
.contenedor .bloque h5,
.contenedor .bloque h6 {
	font-size: 20px;
	line-height: 26px;
	margin: 0 0 26px;
}

	.contenedor .bloque--legal p + h3,
	.contenedor .bloque--legal ul + h3,
	.contenedor .bloque--legal table + h3 { margin-top: 40px; }

.contenedor .bloque dd { margin-bottom: 21px; }

.contenedor .bloque dl { padding-right: 20px; }
.contenedor .bloque .extra-top dl { padding-right: 0; }

.contenedor .proyecto__cliente {
	margin-top: 16px;
	margin-bottom: 4px;
}
.diccio-content li + li { margin-top: 25px; }

.col3_1 .bloque h2:first-child,
.col3_2 .bloque h2:first-child,
.col4_1 .bloque h2:first-child,
.col4_2 .bloque h2:first-child,
.col4_3 .bloque h2:first-child { margin-top: 0; }

.bloque .extra-top h3,
.col3_1 .bloque--intro h2:first-child,
.col3_2 .bloque--intro h2:first-child,
.col4_1 .bloque--intro h2:first-child,
.col4_2 .bloque--intro h2:first-child,
.col4_3 .bloque--intro h2:first-child { margin-top: 16px; }

.bloque .extra-top .proyect-tags .no-list:first-child { margin-top: 21px; }

/* .bloque .extra-top h3, */
.col3_1 .bloque--form h2:first-child,
.col3_2 .bloque--form h2:first-child,
.col4_1 .bloque--form h2:first-child,
.col4_2 .bloque--form h2:first-child,
.col4_3 .bloque--form h2:first-child { margin-top: 0; }

.col3_3 + .col3_3 .col3_1 .bloque h2:first-child { margin-top: 40px; }

.col3_1 + .col3_1 .bloque,
.col4_1 + .col4_1 .bloque { padding-top: 44px; }


.col3_3 + .no-title,
.col4_4 + .no-title {
	margin-top: 80px;
}

.no-title .col3_1 + .col3_1 .bloque,
.contacto .col3_1 + .col3_1 .bloque,
.no-title .col4_1 + .col4_1 .bloque,
.contacto .col4_1 + .col4_1 .bloque { padding-top: 0; }

.contacto .col3_1 .bloque + .bloque { margin-top: 68px;  }
.contacto .col3_2 + .col3_2 {
	float: none;
	margin-left: 0;
}
.contacto form .bloque { margin-bottom: 0; }

.no-top { padding-top: 0!important; }



.col3_3 > .bloque--intro,
.col4_4 > .bloque--intro { padding-right: 80px; }


abbr,
acronym,
dfn,
abbr[title],
acronym[title],
dfn[title] {
	border: 0;
	color: #000;
}


.symbol-zorraquino {
	width: 940px;
	height: 0;
	padding-bottom: 17.618271%;
	background-color: #000;
	display: block;

	position: absolute;
	top: 50%;
	margin-top: -8.8091355%;
}
.toggled--trigger {
	white-space: nowrap;
	position: relative;
	cursor: pointer;
	display: block;
}

.toggled--trigger::after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
	border: solid black;
	border-width: 0 3px 3px 0;
	position: relative;
	left: 10px;
	top: -3px;
}
.toggled--target {
	display: none;
}

.toggled--trigger--open::after,
.toggled--trigger-close::after {
	transform: rotate(-135deg);
	top: 3px;
}


/*
_______________________________
TABLAS */

.contenedor .bloque--legal table { border-spacing: 0; }


.contenedor table td,
.contenedor table th {
	border: 0px solid #000;
	padding: 0;
}

.contenedor .bloque--legal table td,
.contenedor .bloque--legal table th {
	border: none;
	padding: 12px 35px 8px;
}

.contenedor .bloque--legal table th { background-color: #f1f1f1; }
.contenedor .bloque--legal table td { border-bottom: 1px solid #f1f1f1; }

.contenedor table th { padding-right: 10px; }

.contenedor table td { padding-left: 10px; }

caption { display: none; }

/*
_______________________________
CONTENIDO */

.animate-height {
	-webkit-transition: height .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
	   -moz-transition: height .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
	    -ms-transition: height .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
	     -o-transition: height .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
	        transition: height .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
}

.limpia { clear: both; height: 0; font-size: 0; margin: 0; padding: 0; }

.separador {
	background: #ebedef;
	height: 14px ;
}

.bloque {
	margin: 0 0 20px 0;
	padding: 0;
	display: block;
}
.bloque--video { margin: 0 0 80px 0; }

	.video--corporate { display: none; }

.bloque_2 {
	margin: 0;
	padding: 0 13px 0 15px;
	display: block;
}


.lista_logos {
	list-style: none;
	margin: 0 ;
	padding: 0 ;
}

.lista_logos li {
	margin: 5px 10px -5px 0 ;
	float: left;
	padding: 0 ;
	display: block;
	width: 147px;
	height: 125px;
}


.indice h2	{ margin-top: 10px; }

.indice a	{ text-decoration: none; }

.indice span a, .indice span a:link {
	font-style: italic;
	color: #999;
	position: relative;
	top: -7px;
}

.imagen { border: solid 1px #ddd; }

.destacado p {
	font-family: "Open Sans", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 20px;
	line-height: 28px;
}

.entradilla p {
	margin-bottom: .6em ;
	line-height: 1.5em;
}

.resaltado {
	margin-top: 10px;
    padding: 40px 0px 20px 0px;
}
	.resaltado p {
	    font-size: 19px !important;
	    line-height: 29px !important;
	}
	.resaltado p strong {
		font-size: 19px;
	    line-height: 29px;
	}

@media all and (max-width: 768px) {
	.resaltado {
		padding: 40px 0px 20px 0px;
	}
}

/* 1 COLUMNA */

/* 3 COLUMNAS */
.col3_3 { margin-top: 20px; }
.col3_1,
.col3_2 {
	float: left;
	background: #FFFFFF;
	margin-left: 50px;
}

.col3_1 { width: 280px; }
.col3_2 { width: 610px; }

.margin_col3_1 { margin-left: 280px; padding-left: 50px; }

.col3_1:first-child,
.col3_2:first-child { margin-left: 0; }

/* 4 COLUMNAS */
.col4_4 { margin-top: 20px; }
.col4_1,
.col4_2,
.col4_3 {
	float: left;
	margin-left: 48px;
}

.col4_1 { width: 198px; }
.col4_2 { width: 446px; }
.col4_3 { width: 692px; }

.col4_1:first-child,
.col4_2:first-child,
.col4_3:first-child { margin-left: 0; }

.ponentes {
	display: block;
}

    .ponentes .col5_1 {
        float: left;
        width: 20%;
        width: calc(20% - 12px);
        margin-left: 24px;
        margin-bottom: 24px;
    }

    .ponentes .col5_2 {
        float: left;
        width: 45%;
        width: calc(40% - 12px);
        margin-left: 24px;
        margin-bottom: 24px;
    }

    .ponentes .col5_3 {
        float: left;
        width: 70%;
        width: calc(60% - 12px);
        margin-left: 24px;
        margin-bottom: 24px;
    }

    .ponentes .col5_4 {
        float: left;
        width: 70%;
        width: calc(80% - 12px);
        margin-left: 24px;
        margin-bottom: 24px;
    }

    .ponentes .col4_1 {
        float: left;
        width: 20%;
        width: calc(25% - 10px);
        margin-left: 10px;
        margin-bottom: 10px;
    }

    .ponentes .col4_2 {
        float: left;
        width: 45%;
        width: calc(50% - 10px);
        margin-left: 10px;
        margin-bottom: 10px;
    }

    .ponentes .col4_3 {
        float: left;
        width: 70%;
        width: calc(75% - 10px);
        margin-left: 10px;
        margin-bottom: 10px;
    }

	.ponentes .col3_1 {
		float: left;
		width: 30%;
		width: calc(33.33% - 10px);
		margin-left: 10px;
		margin-bottom: 10px;
	}
	.ponentes .col3_1:first-child,
    .ponentes .col4_1:first-child,
    .ponentes .col4_2:first-child,
    .ponentes .col4_3:first-child,
    .ponentes .col5_1:first-child,
    .ponentes .col5_2:first-child,
    .ponentes .col5_3:first-child,
    .ponentes .col5_4:first-child {
		margin-left: 0;
	}
	.ponentes .img-ponente {
		width: 256px;
		margin: 0;
		display: block;
	}
	.ponentes .ponente__pie {
		padding-top: 20px;
		padding-bottom: 18px;
		font-size: 19px;
	}
@media only screen and (max-width:768px) {
	.ponentes .flickity-page-dots {
		display: none;
	}

        .ponente {
            width: 100%;
            float: none;
            margin-right: 0;
        }

            .ponente .img-ponente {
                width: 100%;
                margin: 0;
                display: block;
            }
}
@media only screen and (max-width:500px) {
	.ponentes {
		margin-bottom: 60px;
	}
	.ponentes .col3_1 {
		float: none;
		width: 100%;
		margin-left: 10px;
		margin-bottom: 0px;
	}
	.ponentes .flickity-page-dots {
		display: block;
		left: 0 !important;
	}

}

#info-proyecto .col4_1,
#info-proyecto-pre .col4_1 { width: 300px; }
#info-proyecto .col4_3,
#info-proyecto-pre .col4_3 { width: 620px; }
.col4_3 .col3_3 { margin-top: 0; }

.proyect-concat { margin-top: 40px; }


/* 6 COLUMNAS */
.col6_1 { width: 160px; float: left; }
.col6_2 { width: 320px; float: left; }
.col6_3 { width: 480px; float: left; }
.col6_4 { width: 640px; float: left; }
.col6_5 { width: 800px; float: left; }


.col--video { width: 940px; }

.last-sessions { margin-top: 0; }

	.next-sessions .new-session,
	.last-sessions .old-session { margin: 0 0 4px!important; }


.yt__video--big {
	margin-bottom: 56px;
}



.nota,
.contenedor p.nota,
.fecha,
.contenedor p.fecha,
.contenedor h2.fecha,
.gris,
.contenedor p.gris { color: #9E9E9E; }

.linea {
	height: 1px;
	padding: 0;
	background: #E5E5E5;
	position: relative;
	z-index: 1;
}


.foto { display: block; }
.no-foto { display: none !important; }

.section--last-sessions {
	margin-bottom: 60px;
}

/*
_______________________________
HEADER */

header {
	display: inline-block;
    width: 100%;
}

header.lock {
	position: fixed;
	position: -webkit-sticky;
	position: sticky;
	width: 100%;
	top: 0;
	z-index: 100;
}

header.lock + * { padding-top: 100px; }
.csspositionsticky header.lock + * { padding-top: 0; }

#cabecera {
	position: relative;
	height: 39px;
	color: #FFF;
	padding: 70px 0 30px;
}

#cabecera #logo {
	position: relative;
	overflow: hidden;
	-webkit-font-smoothing: antialiased;
	float: left;
	font-family: "zFont-Bold", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 30px;

	background: url('../imagenes/Logo-Zorraquino.png') 0 0 no-repeat;
	background-size: 219px 39px;
	width: 219px;
	height: 39px;

	text-decoration: none;
	color: #000;
	padding: 0;
	line-height: 1em;
	-webkit-transition: all .1s ease-in;
	   -moz-transition: all .1s ease-in;
	        transition: all .1s ease-in;
}

.zorionak {
	font-family: "zFont-Light", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 30px;
	color: #000000;
	margin-top: 10px;
	margin-left: 15px;
	float: left;
	display: none;
}

.video-focus .zorionak,
.video-focusDefault .zorionak { color: #ffffff; }

.body--cumple .zorionak { display: none; }

#logo .logo-wrp {
	position: relative;
	display: block;
	text-indent: -2000em;
	height: 100%;
}

#cabecera #logo .logo-wrp:before {
	content: "";
	background-color: #000;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translateY(39px);
	   -moz-transform: translateY(39px);
	        transform: translateY(39px);
}

#cabecera #logo .logo-wrp:after {
	content: "ZORRAQUINO";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translateY(78px);
	   -moz-transform: translateY(78px);
	        transform: translateY(78px);
}

#cabecera #logo:hover .logo-wrp:before {
	-webkit-transform: translateY(0px);
	   -moz-transform: translateY(0px);
	        transform: translateY(0px);
}
.video-focus #cabecera #logo:hover .logo-wrp:before { background-color: #ffffff; }


@-webkit-keyframes logoIn {
  0% { -webkit-transform: translateY(0); }
  100% { -webkit-transform: translateY(-100%); }
}

@-webkit-keyframes logoOut {
  0% { -webkit-transform: translateY(-100%); }
  100% { -webkit-transform: translateY(-200%); }
}

#cabecera #logo img {
	float: left;
	display: none;
}

#cabecera span#slogan {
	float: left;
	font-family: "zfont_pronormal", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	height: 16px;
	margin: 5px 0 0 2px;
	padding: 1px 0 3px 12px;
	color: #000;
	font-size: .8em;
	border-left: solid 1px #999;
	width: 140px;
}



#menuMobile {
	display: none;
	position: absolute;
	right: 0;
	width: 36px;
	height: 36px;
	margin-top: 1px;
	z-index: 10;
}

#menuMobile.lock {
	position: fixed;
	z-index: 100;
}

#menuMobile .bars {
	position: absolute;
	width: 46px;
	height: 36px;
	top: 0;
	left: 0;
	cursor: pointer;
}
#menuMobile .bars .x,
#menuMobile .bars .y,
#menuMobile .bars .z {
	position: absolute;
	top: 12px;
	left: 12px;
	width: 24px;
	height: 4px;
	background-color: #000;
	-webkit-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
	-webkit-transform-origin: center center;
		    transform-origin: center center;
	-webkit-animation-duration: .3s;
            animation-duration: .3s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	-webkit-transform-style: preserve-3d;
}

#menuMobile .bars .x {
	-webkit-transform-origin: center 4px;
}
#menuMobile .bars .z {
	top: 20px;
	-webkit-transform-origin: center -4px;
}

@-webkit-keyframes openMobileBarX {
	0% { -webkit-transform: rotateZ(0deg) translate(0px,0px); }
	50% { -webkit-transform: rotateZ(0deg) translate(0px,4px); }
	100% { -webkit-transform: rotateZ(45deg) translate(1px,4px); }
	/* 1,4 */
}

@-webkit-keyframes closeMobileBarX {
	0% { -webkit-transform: rotateZ(45deg) translate(1px,4px); }
	50% { -webkit-transform: rotateZ(0deg) translate(0px,4px); }
	100% { -webkit-transform: rotateZ(0deg) translate(0px,0px); }
}

@-webkit-keyframes openMobileBarY {
	0% { width: 12px; left: 0px; }
	50% { width: 12px; left: 0px; }
	100% { width: 0px; left: 6px; }
}

@-webkit-keyframes closeMobileBarY {
	0% { width: 0px; left: 6px; }
	50% { width: 12px; left: 0px; }
	100% { width: 12px; left: 0px; }
}


@-webkit-keyframes openMobileBarZ {
	0% { -webkit-transform: rotateZ(0deg) translate(0px,0px); }
	50% { -webkit-transform: rotateZ(0deg) translate(0px,-4px); }
	100% { -webkit-transform: rotateZ(-45deg) translate(-2px,-5px); }
	/* -2,-5 */
}

@-webkit-keyframes closeMobileBarZ {
	0% { -webkit-transform: rotateZ(-45deg) translate(-2px,-5px); }
	50% { -webkit-transform: rotateZ(0deg) translate(0px,-4px); }
	100% { -webkit-transform: rotateZ(0deg) translate(0px,0px); }
}

/* .video-focus #menuMobile .x, */
.openMobileBarX,
.openMenu #menuMobile .x,
#menuMobile .open .x {
	-webkit-animation-name: openMobileBarX;
			animation-name: openMobileBarX;
}
.closeMobileBarX,
.closeMenu #menuMobile .x,
#menuMobile .close .x {
	-webkit-animation-name: closeMobileBarX;
			animation-name: closeMobileBarX;
}

/* .video-focus #menuMobile .y, */
.openMobileBarY,
.openMenu #menuMobile .y,
#menuMobile .open .y {
	-webkit-animation-name: openMobileBarY;
			animation-name: openMobileBarY;
}
.closeMobileBarY,
.closeMenu #menuMobile .y,
#menuMobile .close .y {
	-webkit-animation-name: closeMobileBarY;
			animation-name: closeMobileBarY;
}

/* .video-focus #menuMobile .z, */
.openMobileBarZ,
.openMenu #menuMobile .z,
#menuMobile .open .z {
	-webkit-animation-name: openMobileBarZ;
			animation-name: openMobileBarZ;
}
.closeMobileBarZ,
.closeMenu #menuMobile .z,
#menuMobile .close .z {
	-webkit-animation-name: closeMobileBarZ;
			animation-name: closeMobileBarZ;
}



/* ==========================================================================
   $MAIN
   ========================================================================== */

	#main {
		padding-bottom: 35px;
		overflow-x: hidden;
		background-color: #ffffff;
	}

	#main {
		min-height: calc(100vh - 715px);
		margin-bottom: 100vh;
		position: relative;
		z-index: 10;
		background-color: #ffffff;
		padding-bottom: 100px;
	}



/* ==========================================================================
   $MENU
   ========================================================================== */

#menu_principal,
#menu_principal_pie {
	margin: 2px 0 0;
	float: right;
	font-family: "zFont-Bold", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
}

	#pie:before {
		content: "";
		display: block;
		width: 100%;
		height: calc(100vh - 200px);
		background-color: #ffffff;
		position: fixed;
		bottom: 200px;
		left: 0;
		z-index: 10;
	}
	.ms-oldie #pie:before { z-index: 1; }

	.body--footReady #pie:before {
		background-color: #f8f8f8;
		position: absolute;
		bottom: 100%;
	}
/*cabecera no-100%*/
#menu_video {
	position: absolute;
	width: 100%;
	bottom: 263px;
	z-index: 100;
}

/* antes
#menu_video {
	position: absolute;
	width: 100%;
	bottom: 153px;
	z-index: 100;
}
*/
/*cabecera no-100% FIN*/

#menu_principal ul,
#menu_principal_pie ul,
#menu_video ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu_principal li,
#menu_principal_pie li,
#menu_video li {
	float: left;
	margin: 0;
	margin-left: 0;
	margin-right: 0;
	text-align: left;
	padding: 0;
}

#menu_principal li a,
#menu_principal_pie li a,
#menu_video li a {
	text-decoration: none;
	float:left;
	cursor: pointer;
	outline: none;
	color: #000;
	margin: 0;
	padding: 3px 15px;
	position: relative;
	float:left;
	font-size: 58px;
}
#menu_video li a { color: #ffffff; }

#menu_principal li.last a,
#menu_principal_pie li.last a,
#menu_video li.last a, { padding-right: 0; }

#menu_principal li a:active,
#menu_principal_pie li a:active,
#menu_video li a:active { text-decoration: none; }

.menu_idiomas {
	margin: 0;
	float: right;
}

#menuMobile { display: block; }
#menuMobile.lock {
	left: 664px;
	margin: 0 auto;
}

#menu_principal {
	display: none;
	position: absolute;
	width: 100%;
	margin: 0;
	padding-bottom: 10px;
}

#menu_principal_pie {
	float: none;
	margin: 0 0 40px;
}

#menu_principal li,
#menu_principal_pie li,
#menu_video li {
	float: none;
	width: 100%;
	display: block;
	margin: 0;
	line-height: 1em;
}

#menu_principal li,
#menu_principal_pie li { text-align: right; }

#menu_principal li a,
#menu_principal_pie li a,
#menu_video li a {
	float: none;
	padding: 0;
	font-family: "zFont-Bold", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin-left: -2px;
	line-height: 1em;

	font-size: 66px;
	font-weight: normal;
	line-height: 1.1em;

}
	#menu_video li a{
		font-size: 44px;
	}


#menu_video li a {
	position: relative;
	z-index: 100;
}

#menu_principal li a:hover,
#menu_principal_pie li a:hover,
#menu_video li a:hover,
#menu_principal li a:active,
#menu_principal_pie li a:active,
#menu_video li a:active,
#menu_principal li.activo  a,
#menu_principal_pie li.activo  a,
#menu_video li.activo  a { text-decoration: none; }

#menu_principal li a:hover,
#menu_principal_pie li a:hover,
#menu_video li a:hover,
#menu_principal li.activo  a,
#menu_principal_pie li.activo  a,
#menu_video li.activo  a { text-decoration: line-through; }



/* ==========================================================================
   $COLUMNAS CSS3
   ========================================================================== */

.columnas {
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	   -moz-column-count: 2;
	   -moz-column-gap: 20px;
	        column-count: 2;
	        column-gap: 20px;
}

/*
-------------------------------
SUBMENU SECCIONES */

.contenido .submenu { margin: -5px 14px 7px -2px; }

.contenido .submenu h2 { float: left; }

.contenido .submenu ul, .contenido .submenu li {
	padding: 0;
	margin: 0;
}

.contenido .submenu ul {
	list-style: none;
	margin: 0;
	margin-top: 0.6em;
	padding: 0;
	float: right;
}

.contenido .submenu li {
	display: block;
	padding: 0 5px;
	margin-left: 5px;
	float: left;
	position: relative;
}

.contenido .submenu .activo { background: #F4F4F4; }

.contenido .submenu li:hover, .contenido .submenu #menu_back li:hover {
	background: #F4F4F4;
	cursor: pointer;

}

.contenido .submenu li:active {  }

.contenido .submenu li a {
	padding: 8px 12px;
	display: block;
}

.contenido .submenu li a:link, .submenu li a:visited {
	text-decoration: none;
	color: #000000;

}
.contenido .submenu li a:hover { color: #000000; }

.contenido .submenu .destacado { background: #000000; }

.contenido .submenu .destacado a { color: #fff; }

.contenido .submenu .destacado-activo a { color: #fff ; }

.contenido .submenu .destacado-activo a:hover,
.contenido .submenu .destacado-activo a:active { color: #fff; }

.contenido_background_glosario {
	background: #fff;
	padding: 15px 0;
	min-height: 50px;
}


.menu_top { margin: -3px 0 0 0 ; }

.social_bottom {
	display: block;
	margin: 5px 17px 0 17px;
	padding-top: 10px;
	border-top: 1px solid #F1F1F1;
}

.social_bottom ul { margin: -3px 0 0 0 ; }


.img_proyecto img {
	display: block;
	margin: 0;
}


.index header {
	position: absolute;
	z-index: 30;
}



/*
-------------------------------
HERO */


#hero {
	color: #000;
	font-family: "zfont_pronormal", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	min-height: 230px;
}

	.hero .wrapper {
		padding-top: 140px;
		position: relative;
		z-index: 20;
	}

	.hero__media {
		width: 100%;
		height: calc(100% + 140px);
		position: absolute;
		top: 0;
		left: 0;
	}

.content #hero {
	position: relative;
	z-index: 10;
	background-color: #ffffff;
	margin-top: -3px;
}
	.body--formularios #hero,
	.body--formularios .breadcrumb,
	.body--formularios #pie { display: none; }
	.body--formularios #main {
		margin-bottom: 0 !important;
		padding-bottom: 0;
	}
	.body--formularios #main .contenedor { width: 100%; }
	.body--formularios .typeform-widget {
		height: calc(100vh - 139px) !important;
	}
/*
	.body--formularios .typeform-widget:after {
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 60px;
		background-color: #fff;
	}
*/

.wrapper,
.wrp {
	margin: auto;
	width: 940px;
	position: relative;
}


.textazo, .textito,
.contenedor .facts .percent,
.play .texto,
.block-proyecto .textazo,
.contenedor h2.h2textazo {
	font-family: "zFont-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 60px;
	font-weight: normal;
	margin: 0;
	padding: 80px 0 40px 0;
	margin-left: -2px;
	line-height: 1.1em;
	-webkit-font-smoothing: antialiased;
}

.textito { font-size: 28px; }

#cultura .textazo,
#informes .textazo,
.textito,
.block-proyecto .textazo {
	padding-top: 30px;
	padding-bottom: 0px;
	padding-right: 0;
}
#cultura .textazo,
#informes .textazo,
.block-proyecto .textazo { padding-bottom: 10px; }

.vecinos .textazo { padding: 0; }

.textazo + .boton {
	margin: 0px 0 20px;
	text-transform: none;
}


#cultura .textazo a,
#informes .textazo a {
	display: block;
	color: #000000;
}
.textazo + .fecha,
.proyect-type {
	margin-top: -2px;
	color: #9E9E9E!important;
}

	.vecinos .proyect-type { margin-bottom: 10px; }

	.vecinos__anterior:hover,
	.vecinos__siguiente:hover,
	.diccio-content li a:hover,
	.new-session a:hover,
	.old-session a:hover,
	#cultura .textazo a:hover,
	#informes .textazo a:hover {
		color: #000000;
		text-decoration: none;
	}

	.vecinos__anterior:hover .textazo span,
	.vecinos__siguiente:hover .textazo span,
	.diccio-content li a:hover span,
	.new-session a:hover span,
	.old-session a:hover span,
	#cultura .textazo a:hover span,
	#informes .textazo a:hover span { text-decoration: line-through; }
	#informes .textazo + p { padding-right: 200px; }


#clientes .textazo a { color: #000000; }
#clientes .textito a { color: #000000; }

.textazo-np { padding-right: 0; }

.textazo .subtext {
	font-family: "Open Sans", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #000;
	font-size: .3em;
	font-size: 14px;
	font-weight: normal;
	margin: 20px 0 0 4px;
	display:block;
	line-height: 1.2em;
	text-transform: initial;
}


.contenedor .facts {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	display: table;
}
	.contenedor .facts li {
		width: 100%;
		float: none;
		margin-bottom: 20px;
		margin-left: 0;
	}
	.contenedor .facts li:first-child { margin-left: 0; }

	.contenedor .facts .percent:before { content: "+"; }

	.contenedor .facts .percent + span {
		display: inline-block;
		margin-left: 10px;
		vertical-align: baseline;
	}


header {
	position: relative;
	z-index: 11;
}
.lt-ie10 header,
.ms-oldie header { z-index: 21; }
.content header {
	background-color: #ffffff;
	transform: translate3d(0,0,0);
}

.fullscreen header {
	position: absolute;
	top: 0;
	z-index: 20;
	left: 0;
	width: 100%;
	background: transparent;
}

#hero-logo {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}

#hero-logo .wrp {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#hero-logo .infinite {
	width: 100%;
	height: 100%;
}

#hero-logo figure {
	width: 100%;
	height: 100%;
	float: left;
}

.index body { font-size: 50%; }
#hero-log {  }

#hero-logo figure { position: relative; }

#hero-logo figure:before {
	content: "";
	display: block;
	margin-top: 100%;
}
#hero-logo figure:before { margin-top: 60%; }


#hero-logo figure img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	max-height: 100%;
    width: 1500px;
    position: absolute;
    height: auto;
    top: 0;
}
#hero-logo figure .bn-img {
    display: none;
}

#hero-logo figure.active-block:hover img.bn-img { display: block !important; }


#hero-logo figure svg {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	max-height: 100%;
}



.video--mobile { display: none; }
.tablet .video--mobile { display: block; }

/*cabecera no-100%*/
#video-wrp {
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
    height: 85%;
    height: 86vh;
}
/* antes
#video-wrp {
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
*/
/*cabecera no-100% FIN*/

.video-focusDefault #video-wrp { height: 80vh; }
.home-video { background-color: #ffffff; }

/*cabecera no-100%*/
.svg-container {
	position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
	height: 86vh;
	z-index: 10;
}
/* antes
.svg-container {
	position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
	height: 100vh;
	z-index: 10;
}
*/
/*cabecera no-100% FIN*/
.lt-ie10 .svg-container,
.ms-oldie .svg-container { z-index: 20; }
.video-focusDefault .svg-container { height: 80vh; }

.index body { -webkit-backface-visibility: hidden; }


.video-home { }

.video-home .svg-container {
	background-color: rgba(255,255,255,.82);
	opacity: 1;
	-webkit-transition: opacity 0.2s;
	   -moz-transition: opacity 0.2s;
			transition: opacity 0.2s;
}
.video-focusDefault .svg-container { background-color: rgba(0, 0, 0, .25); }

.tablet.video-home .svg-container { display: none; }

.video-home .textazo { }

#menu_video { display: none; }
.video-focus #menu_video { display: block; }
.video-focusDefault #menu_video { display: none; }

.video-home #menuMobile,
.video-home .hero,
.video-home #pie,
.video-home #menu_video li a {
	opacity: 1;
	-webkit-transition: opacity 0.2s;
	   -moz-transition: opacity 0.2s;
			transition: opacity 0.2s;
}
.video-home #menu_video li a {
	-webkit-transition-delay: 0.6s;
	   -moz-transition-delay: 0.6s;
			transition-delay: 0.6s;
	opacity: 0;
	pointer-events: none;
}


.video-home #hero {
	z-index: 10;
	position: relative;
	height: calc(100% - 278px);
	z-index: 11;
}
.lt-ie10 .video-home #hero,
.ms-oldie .video-home #hero { z-index: 21; }

	.video-home #hero .wrapper { height: 100%; }

	.video-home .block-textazo {
		position: absolute;
		width: 100%;
		top: 61%;
		margin-top: -94px;
		opacity: 0;
		-webkit-transition: opacity 0.2s;
		   -moz-transition: opacity 0.2s;
				transition: opacity 0.2s;
	}

	.tablet.video-home .block-textazo {
		margin-top: 0;
		top: 0;
	}

	.video-home .block-textazo .textazo {
		position: absolute;
		opacity: 0;
	}
	.video-home .textazo.visible { opacity: 1; }

	.video-home .play {
		margin-top: 210px;
		opacity: 1;
		-webkit-transition: opacity 0.2s;
		   -moz-transition: opacity 0.2s;
				transition: opacity 0.2s;
	}

	.video-home .play {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -38px;
		margin-left: -38px;
	}
	.video-home .play span { display: none; }

	.video-home .multiple .textazo,
	.video-home #hero .multiple .textazo:first-child { opacity: 0; }



/* CRISIS TRENDS TEASER */
/* @media only screen and (min-width: 1001px) { */

	.video-home--inverse .svg-container {
		/* background: linear-gradient(0deg, rgba(24,31,44,.0),rgba(24,31,44,.25));
		height: 200px; */
		background: none;
	}

	.video-home--inverse .svg-container:after {
		content: '';
		background: linear-gradient(0deg, rgba(24,31,44,.0),rgba(24,31,44,.25));
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 200px;
	}

	.video-home--inverse.openMenu .svg-container {
		/* height: 86vh; */
	}

	.video-home--inverse.openMenu .svg-container:after {
		height: 100%;
		transition: height 0.2s, background-color 0.2s;
	}

	.video-home--inverse #cabecera #logo {
		background: url('../imagenes/Logo-Zorraquino-Blanco.png') 0 0 no-repeat;
	}

	.video-home--inverse #cabecera #logo .logo-wrp:before {
		background-color: #fff;
	}

	.video-home--inverse #menuMobile .bars .x,
	.video-home--inverse #menuMobile .bars .y,
	.video-home--inverse #menuMobile .bars .z {
		background-color: #fff;
	}

	.video-home--inverse #cabecera #menu_principal li a,
	.video-home--inverse #cabecera #menu_principal_pie li a,
	.video-home--inverse #cabecera #menu_video li a {
		color: #fff;
	}

	.video-home--inverse .bloque--intro.hero .textazo {
		padding-right: 0;
		margin-right: -100px;
	}

	.video-home--inverse.video-focus .svg-container,
	.video-home--inverse.video-focus .hero {
		opacity: 1;
	}

	.video-home--inverse #video-wrp {
		height: auto;
	}

	.video-home--inverse #video-wrp:before {
		content: '';
		display: block;
		margin-top: 56.25%;
		/* height: 177.77%; */
	}

	.video-home--inverse #video-wrp .home-video {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}

	.video-home--inverse.scroll-home #hero {
		height: calc((100vw / 1.77777) - 142px);
	}
/* } */

/* CRISIS TRENDS TEASER */
@media only screen and (max-width: 1000px) {

	.video-home--inverse.scroll-home #hero {
		height: 0;
	}

	.video-home--inverse.scroll-home #video-wrp {
		display: block;
		width: 100%;
		height: calc(100vw / 1.77777);
		position: relative;
		transform: translateY(0)!important;
	}
}



.scroll-home {

}
	/*cabecera no-100%*/
	.scroll-home #hero {
/* 		height: calc(85vh - 278px); */
		height: calc(85vh - 140px);
		margin-top: -3px;
		margin-bottom: 136px;

	}
		/* antes
		.scroll-home #hero {
			height: calc(100vh - 278px);
			margin-top: -3px;
			margin-bottom: 136px;
		}
		*/
	/*cabecera no-100%*/
	.scroll-home.video-focusDefault #hero { height: calc(100vh - 358px); }

	.touch .scroll-home #hero,
	.tablet.scroll-home #hero {
		height: 318px;
		margin-bottom: 0;
	}

		.scroll-home .hero .wrapper { height: 100%; }

	.scroll-home .block-textazo {
		position: absolute;
		height: 252px;
		width: 100%;
		top: 61%;
		margin-top: -94px;
		opacity: 0;
		-webkit-transition: opacity 0.2s;
		   -moz-transition: opacity 0.2s;
				transition: opacity 0.2s;
	}
	.scroll-home.video-focusDefault .block-textazo {
		top: 51%;
		opacity: 1;
	}
	.tablet.scroll-home .block-textazo { height: 100%; }

		.scroll-home .block-textazo .textazo {
			position: absolute;
			bottom: 0;
			opacity: 0;
		}

		.scroll-home .block-textazo .textazo.visible { opacity: 1; }



	.scroll-home #video-wrp,
	.scroll-home .svg-container { position: absolute; }

	.scroll-home #video-wrp {
		background-color: #ffffff;
		z-index: 1;
	}

	.lt-ie10 .scroll-home #video-wrp,
	.ms-oldie .scroll-home #video-wrp { z-index: 11; }


.video-focus #video-wrp,
.video-focus .home-video,
.video-focusDefault #video-wrp,
.video-focusDefault .home-video,
.fullscreen #video-wrp,
.fullscreen .home-video { background-color: #000000;  }
.video-focus .svg-container,
/* .video-focusDefault .svg-container, */
.video-focus .hero { opacity: 0; }
.video-focus .hero { pointer-events: none; }


.video-focusDefault .hero .textazo { color: #ffffff; }

.hero .textazo {
	padding-right: 120px;
}

.video-focus #menu_video li a {
	-webkit-transition-delay: 0.6s;
	   -moz-transition-delay: 0.6s;
			transition-delay: 0.6s;
	opacity: 1;
	pointer-events: all;
}

.video-focus #menu_video li a.active {
	-webkit-transition-delay: 0s;
	   -moz-transition-delay: 0s;
			transition-delay: 0s;
}


.video-focus #cabecera #logo,
.video-focusDefault #cabecera #logo  { background-image: url('../imagenes/Logo-Zorraquino-Blanco.png'); }

.video-focus #menuMobile .bars .x,
.video-focus #menuMobile .bars .y,
.video-focus #menuMobile .bars .z,
.video-focusDefault #menuMobile .bars .x,
.video-focusDefault #menuMobile .bars .y,
.video-focusDefault #menuMobile .bars .z { background-color: #ffffff; }


.video-focus #menu_principal li a,
.scroll-home.video-focus #menu_principal li a,
.video-focusDefault #menu_principal li a,
.scroll-home.video-focusDefault #menu_principal li a { color: #ffffff; }


#home-video,
.home-video {
	position: absolute;
	opacity: 0;
	-webkit-transition: opacity 1s;
	   -moz-transition: opacity 1s;
			transition: opacity 1s;
}

.video-ready #home-video,
.video-ready .home-video { opacity: 1; }

.video-focusDefault #hero .play { opacity: 0; }
.video-idle #hero .play { opacity: 0; }
.mobile.video-idle #hero .play {
	position: relative;
	margin: 180px 0 0;
	left: 0;
	top: 0;
	opacity: 1;
	display: none;
}

.video-idle #hero .block-textazo { opacity: 1; }

.video-idle #menu_video li a {
	-webkit-transition-delay: 0s;
	   -moz-transition-delay: 0s;
			transition-delay: 0s;
	opacity: 0;
}


.letraset {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	opacity: 0;
	z-index: 100;
	-webkit-transition: opacity 0.2s;
	   -moz-transition: opacity 0.2s;
			transition: opacity 0.2s;
}

.video-focus .letraset { background-color: #000000; }

	.letraset h2 {
		font-family: "zFont-Light", 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight: normal;
		font-size: 140px;
		-webkit-font-smoothing: antialiased;
		line-height: 1em;
		text-align: center;
		text-transform: uppercase;
		color: #000;
		padding: 0;
		margin-left: 0;
		position: absolute;
		width: 100%;
		top: 50%;
		margin-top: -55px;
		display: none;
	}

.video-letraset .letraset { opacity: 1; }

.video-letraset #menu_video li a {
	-webkit-transition: opacity 0.2s;
	   -moz-transition: opacity 0.2s;
			transition: opacity 0.2s;
	opacity: 0;
}
.video-letraset #menu_video li a.next { opacity: 1; }
.video-letraset #menu_video { opacity: 1; }

.video-white .letraset { opacity: 1; }

.play {
	display: inline-block;
	width: 76px;
	height: 76px;
	background: url("../imagenes/Bt-Play.png") 0 0 transparent;
	cursor: pointer;
}

.play .texto {
	margin: 58px 0 0 -5px!important;
	opacity: 1!important;
	display: inline-block;
	padding: 0;
	width: 460px;
}

html[lang="es"] .play .texto { margin: 58px 0 0 -4px!important; }


.home-intro { }

	.home-intro .boton { margin-top: 20px; }


.cover-zorraquino {
	position: absolute;
	top: calc(50% - 10px);
	left: 50%;
	display: block;
	-webkit-transform: translate(-50%,-50%) scale(1.5);
	-ms-transform: translate(-50%,-50%) scale(1.5);
	transform: translate(-50%,-50%) scale(1.5);
}

	.cover-zorraquino path,
	.cover-zorraquino polygon { fill: rgba(255,255,255,.75); }

	.video-home .cover-zorraquino path,
	.video-home .cover-zorraquino polygon { fill: rgba(255,255,255,0.82); }

.movie-viewer {
	position: relative;
	z-index: 1000;
}


/*
-------------------------------
DYNAMICSEARCH */

#dynamicsearch {
	width: 100%;
	position: relative;
	margin-top: -20px;
}

	#dynamicsearch #dynamicsearch_input { position: relative; }

	#dynamicsearch #dynamicsearch_input_icon {
		position: absolute;
		z-index: 10;
		width: 25px;
		height: 25px;
		top: 16px;
		right: 20px;
		background:transparent url('../imagenes/dynamicsearch_icon.png') no-repeat 0px 0px;
	}

	#dynamicsearch #dynamicsearch_results {
		display: none;
		position: absolute;
		top: 58px;
		background: white;
		width: 589px;
		border: 2px solid #000000;
		border-top: none;
		max-height: 250px;
		overflow-x: hidden;
		overflow-y: auto;
	}

		#dynamicsearch #dynamicsearch_results ul {
			list-style: none;
			padding: 0px;
			margin: 0px;
		}

			#dynamicsearch #dynamicsearch_results ul li { padding: 0px; }

			#dynamicsearch #dynamicsearch_results ul li.focus { background: #f8f8f8; }

				#dynamicsearch #dynamicsearch_results ul li a,
				#dynamicsearch #dynamicsearch_results ul li p {
					width: 555px;
					display: block;
					height: 100%;
					padding: 10px 17px 7px;
					margin: 0px;
					color: #000000;
					line-height: 1.55em;
				}

					#dynamicsearch #dynamicsearch_results ul li a strong,
					#dynamicsearch #dynamicsearch_results ul li p strong { color: #000000; }

				#dynamicsearch #dynamicsearch_results ul li.focus a,
				#dynamicsearch #dynamicsearch_results ul li.focus p { color: black; }
				#dynamicsearch #dynamicsearch_results ul li hr {
					display: block;
				    width: 96%;
				    margin: 5px 2%;
				}



/*
-------------------------------
NUEVOS */

.contentHeader {
	margin: 0 15px 15px;
	padding-bottom: 7px;
	border-bottom: 1px solid #F1F1F1;
}

.contentHeader h2 {
	float: left;
  margin: 0.45em 0 0 ;
  padding: 0 17px 0 0;
}

.contentHeader .submenu {
	float: right;
	margin: 0;
}

.blespecial h3 { margin-top: 18px; }

.blespecial h4 { margin-top:1.6em; }

.serv_dest h3 { margin: 20px 0 15px; }






/*
-------------------------------
FORMULARIOS */

input:-moz-placeholder,
textarea:-moz-placeholder { color: #9E9E9E; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder { color: #9E9E9E; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: #9E9E9E; }

.control-group {
	position: relative;
	margin: 0 0 25px;
	display: inline-block;
}
	.control-group.clausula {
		margin-top: 20px;
	}
#formContacto .control-group {
	display: block;
	float: left;
	margin-left: 50px;
}
#formContacto .control-group:first-child { margin-left: 0; }

.control-group .input {
	position: relative;
	float: left;
}

.control-group + button { margin-top: 20px; }

h2 + .control-group-pair,
h2 + .control-group { margin-top: 40px; }

label,
.choices__text {
	display: block;
	margin-bottom: 8px;
}

input {
    border-radius: 0;
    -webkit-appearance: none;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
	position: relative;
	z-index: 3;
	margin: 0;
	padding: 14px 17px 11px;
	border: 2px solid #000000;
	font-size: 1.1875em;
    line-height: 1.55em;
	-webkit-appearance: none;
	   -moz-appearance: none;
	    -ms-appearance: none;
	     -o-appearance: none;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: geometricPrecision;
}

textarea {
	display: block;
	min-height: 132px;
	border-radius: 0;
}

textarea:focus,
input:focus { outline: none; }

input[type="date"] { height: 29px; }

input[type="tel"]::-webkit-outer-spin-button,
input[type="tel"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="date"]::-webkit-outer-spin-button,
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
	display: none;
	-webkit-appearance: none;
	margin: 0;
}

select { margin: 0; }

select[disabled],
select.disabled { cursor:not-allowed; }

select:invalid { color: #999999; }

select.hasCustomSelect {
    width: 100%!important;
    z-index: 10;
}

.customSelect {
	position: relative;
	z-index: 3;
	font-size: 1.1875em;
	background-color: #FFF;
	height: 21px;
	line-height: 21px;
	margin: 0;
	padding: 18px 16px 15px;
	border: 2px solid #000000;
}

.customSelect [class^="font-icon-"],
.customSelect [class*=" font-icon-"] {
	position: absolute;
	top: 18px;
	right: 20px;
}

.customSelectInner {
	color: #999999;
	width: 100%!important;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.customSelectChanged .customSelectInner,
.selected .customSelectInner,
#idPais + .customSelect .customSelectInner { color: #000000; }


.fileInput {
	position: relative;
	cursor: pointer;
}
.fileInput .boton {
	font-family: 'zFont-Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1.1875em;
	color: #999999!important;
	display: block;
	position: relative;
	z-index: 3;
	width: 196px;
    min-width: 196px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.fileInput.lleno .boton {
	font-weight: normal;
	color: #000000!important;
}

.fileInput input[type="file"] {
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	padding: 0;
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	cursor: pointer;
}


.check-option {
	position: absolute;
	top: 0;
	right: 0;
}

.check-option input {
	width: auto!important;
	margin-right: 5px;
}

.control-group--checkbox__subgroup{ padding-left: 50px; }

.control-group--checkbox { }

.control-group--radio { }

	.control-group--checkbox label,
	.control-group--radio label { display: inline-block; }
	.control-group--checkbox span.error{
		overflow: visible !important;
		max-height: none;
	}

	.control-group--checkbox input[type="checkbox"],
	.control-group--radio input[type="radio"] {
		visibility: hidden;
		position: absolute;
	}

	.control-group--checkbox .control__mask,
	.control-group--radio .control__mask {
		border: 2px solid #000000;
		display: inline-block;
		width: 16px;
		height: 16px;
		margin-top: -2px;
		vertical-align: middle;
		margin-right: 10px;
		background-color: #ffffff;
		position: relative;
	    pointer-events: none;
		transition: all 0.2s ease;
	}
		.control-group--checkbox .error+.control__mask { border-color: #CC0000; }
	.control-group--radio .control__mask {
		-webkit-border-radius: 50px;
		   -moz-border-radius: 50px;
		   		border-radius: 50px;
	}
	.control-group--checkbox .control__mask:before {
		content: '';
		position: absolute;
		top: 3px;
		left: 6px;
		width: 2px;
		height: 7px;
		border-right: 2px solid #000;
		border-bottom: 2px solid #000;
		transform: rotate(25deg) scale(0.2);
		opacity: 0;
		transition: all 0.2s ease;
	}

	.control-group--checkbox input[type="text"],
	.control-group--radio input[type="text"] { display: none; }


/* 	.control-group--checkbox input[type="checkbox"]:checked ~ .control__mask { background-color: #000000; } */

	.control-group--radio input[type="radio"]:checked ~ .control__mask { box-shadow: inset 0px 0px 0px 9px #000000; }

	.control-group--checkbox input[type="checkbox"]:checked ~ .control__mask:before {
		transform: rotate(40deg) scale(1);
		opacity: 1;
	}

	.control-group--checkbox input[type="checkbox"]:checked ~ input[type="text"],
	.control-group--radio input[type="radio"]:checked ~ input[type="text"] {
		display: inline-block;
		vertical-align: middle;
	}

	.control-group--checkbox input[type="checkbox"]:checked ~ .control__text--other,
	.control-group--radio input[type="radio"]:checked ~ .control__text--other { display: none; }

	.control-group--checkbox input[type="checkbox"] ~ .control__text,
	.control-group--radio input[type="radio"] ~ .control__text {
		font-family: 'zFont-Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}









#formNewsletter input[type="text"],
#formNewsletter input[type="email"] { width: 230px; }

#formNewsletter .control-group {
/* 	margin: 0; */
	float: left;
}

#formNewsletter .boton {
	margin-top: 37px;
	margin-left: 30px;
}

#formEmpleo input,
#formContacto input,
#formSessions input,
#formSessions select,
#dynamicsearch input,
#formUpdateNewsletter input { width: 242px; }

#formEmpleo .customSelect,
#formSessions .customSelect,
#formContacto .customSelect { width: 244px; }

#formSessions,
#formUpdateNewsletter { width: 440px; }
#formSessions input,
#formSessions select,
#formSessions textarea,
#formUpdateNewsletter input { width: 402px; }
#formSessions textarea { max-width: 402px; }

#formSessions .customSelect { width: 404px;}

	#formEmpleo .col3_1 .bloque { margin-bottom: 0; }
	#formEmpleo .col3_3 + .col3_3 { margin-top: 0; }

#formContacto textarea {
	max-width: 572px;
	width: 572px;
	min-height: 200px;
}

#formEmpleo select.hasCustomSelect,
#formContacto select.hasCustomSelect { width: 100%!important; }
#formEmpleo .fileInput input[type="file"],
#formContacto .fileInput input[type="file"] { width: 100%; }

#formEmpleo button,
#formContacto button,
#formSessions button { display: block; }

#formUpdateNewsletter button{ margin-right: 20px; }

#estudios_01,
#estudios_02 { display: none; }

#formContacto .col3_3 + .col3_3 { margin-top: 0; }


.control-group.error > label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #CC0000;
}
.control-group.error input,
.control-group.error select,
.control-group.error textarea,
.control-group .error,
.control-group .error + .customSelect,
.fileInput .error + .boton {
  color: #CC0000;
  border-color: #CC0000;
}
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus,
.control-group .error:focus {
  border-color: #953b39;
  -webkit-box-shadow: 0 0 6px #d59392;
  -moz-box-shadow: 0 0 6px #d59392;
  box-shadow: 0 0 6px #d59392;
}
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #CC0000;
  background-color: #f2dede;
  border-color: #CC0000;
}
.control-group.success > label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847;
}
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847;
  border-color: #468847;
}
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: 0 0 6px #7aba7b;
  -moz-box-shadow: 0 0 6px #7aba7b;
  box-shadow: 0 0 6px #7aba7b;
}
.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}

span.error {
	font-size: 20px;
	line-height: 1.4;
	display: block;
}

form span.error,
.survey span.error {
	font-family: 'zFont-Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #CC0000;
	position: relative;
	top: -3px;
	padding: 16px 0 8px 0;
	display: block;
	z-index: 1;
	max-height: 20px;
}
form .textarea span.error { top: -8px; }


.help-block + span.error { margin: 0; }

.slegal + span.error { top: 5px; }

.validation-icon {
	position: absolute;
	right: 15px;
	top: 10px;
	z-index: 3;
}

.img--first {
	top: 0;
    position: relative;
}






/*
-------------------------------
CONTENIDO LINEAS */

ul.contenido_lineas {
	margin: 12px 0 -15px 0;
	list-style: none;
}

ul.contenido_lineas li {
	border-bottom: solid 1px #E5E5E5;
	border-top: solid 1px #E5E5E5;
	margin: 0 15px -1px 0 ;
}

/*
_______________________________
LISTAS */





/*
_______________________________
COMENTARIOS */
.autor_comentario{
	font-weight: bold;
	display: block;
	margin-bottom: 0.5em;
}
.fecha_comentario{
	font-style: italic;
	display:block;
}
#idComentario{
	width: 100%;
	max-width: 100%;
	resize: vertical;
}

.lista_comentarios { height: 335px; }

.contenido .lista_comentarios li { margin-bottom: 16px; }


/*
_______________________________
BOTÓN */

.bt_mas_informacion {
	font-weight: bold;
	margin-top: 5px;
}

.boton,
.boton:visited,
.bt_mas_informacion,
.bt_mas_informacion:visited,
.bt_enviar,
.bt_enviar:visited {
	font-family: 'zFont-Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	position: relative;
	background-color: #ffffff;
	color: #000000!important;
	border: none;
	display: inline-block;
	text-decoration: none;
    min-width: 226px;
	padding: 16px 64px 12px 16px;
	border: 2px solid #000000;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: geometricPrecision;
}

a.boton,
button.boton {
	font-size: 20px;
	height: 22px;
	line-height: 22px;
	padding: 17px 25px 15px;
	text-align: center;
	border-radius: 0;
	box-sizing: content-box;
}
button.boton { height: auto; }
	a.boton.botonWithMargin { margin-top: 30px; }

.boton:hover {
	background-color: #000000;
	color: #ffffff!important;
	text-decoration: none;
}

.boton + .boton { margin-left: 30px; }


.boton:focus,
.bt_mas_informacion:focus,
.bt_enviar:focus,
.fileInput:focus .boton { outline: none; }

.boton [class^="font-icon-"],
.boton [class*=" font-icon-"] {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	line-height: 21px;
	padding: 9px 16px 9px 0;
}


.btn_comentarios {
	position: absolute;
	bottom: 38px;
	font-size: 13px;
	line-height: 1.6em;
	right: 30px;
	background-color: #F1F1F1;
	padding: 0 8px;
	color: #000666 ;
}

.last .btn_comentarios { right: 10px; }

.indice_proyectos_home .btn_comentarios {
	bottom: 29px;
	right: 10px;
}

.indice_proyectos_home .last .btn_comentarios { right: 10px; }





/*
_______________________________
AGENCIA */

#estudio { margin-top: 40px; }
#estudio .img-wrp img {
	width: 100%;
	margin: 0;
	display: block;
}

#clientes .col4_4 + .col4_4 { margin-top: 0; }

.col4_1 .logo-cliente,
figure .img-equipo,
figure .logo-cliente {
	width: 100%;
	margin: 0;
	display: block;
	display: none;
}

#equipo .figure-list { margin-top: -20px; }

	#equipo .figure-list figure,
	#clientes .figure-list figure {
		position: relative;
		float: left;
		width: 220px;
		margin-right: 20px;
		margin-bottom: 20px;
	}
	#equipo .figure-list figure { height: 470px; }
	#equipo .affiliation { display: none; }
	#equipo .figure-list figure.isFour,
	#clientes .figure-list figure.isFour { margin-right: 0; }

	#clientes .figure-list figure:after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.0275);
		position: absolute;
		left: 0;
		top: 0;
	}

figure img + figcaption { margin-top: 11px; }


#equipo .figure-list figcaption {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 18px;
	background-color: #FFF;
}
#equipo .figure-list figcaption p { margin: 0; }

#equipo .figure-list figcaption p strong:first-child {
	font-family: 'zFont-Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 22px;
    line-height: 32px;
}

	#equipo .figure-list figcaption .hideName { display: none; }

#clientes .bloque { position: relative; }

.img-wrp { position: relative; }
.anim-wrp {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	overflow: hidden;
	-webkit-transition: padding .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
	   -moz-transition: padding .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
	        transition: padding .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
}

.censor-tag {
	position: absolute;
	top: calc(100% - (100%/1.618));
	left: 50%;
	margin-top: -21px;
	margin-left: -121px;
	display: block;
	width: 242px;
	height: 42px;
	background-color: #000;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
	   -moz-transition:    -moz-transform .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
	        transition:         transform .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
}


#equipo .figure-list figure:hover .censor-tag {
	-webkit-transform: translateY(-130px);
	   -moz-transform: translateY(-130px);
	        transform: translateY(-130px);
}

#equipo .figure-list figure.empleo .img-wrp { background-color: #F8F8F8; }

#equipo .figure-list figure.empleo img { visibility: hidden; }



/*
_______________________________
EMPLEO */

#empleo .col4_2 .bloque p,
#empleo .col4_2 .bloque li { padding-right: 30px; }

#empleo .top-hueco { margin-top: 117px; }

#empleo .col4_4 + .oferta-empleo,
#empleo + .col4_4 { margin-top: 60px; }




/*
_______________________________
INFORMES */

#informes .bloque + .bloque { margin-top: 60px; }



#inform {  }

	#inform .boton { margin-bottom: 0; }

.dic-term + #inform {
	margin-top: 0;
	border-top: none;
	padding-bottom: 70px;
	border-bottom: 2px solid #000000;
}





.body--cultura #hero,
.body--culture #hero,
.body--contacto #hero,
.body--contact #hero,
.body--informes #hero,
.body--reports #hero,
.body--diccionario #hero,
.body--dictionary #hero { min-height: 100px; }

.body--cultura #hero .textazo,
.body--culture #hero .textazo { display: none; }



/*
_______________________________
PIE */

#pie,
#pie-home {
	padding: 55px 0 40px;
	line-height: 1.4em;
	position: relative;
}

#pie {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #f8f8f8;
}

#pie a,
#pie-home a {
	color: #000;
	text-decoration: none;
}
#pie a:hover,
#pie-home a:hover { text-decoration: line-through; }

#pie .social-links a,
#pie .social-links a:hover,
#pie .social-links a:hover > strong,
#pie .social-links a:visited,
#pie .social-links a:visited > strong { color: #000000; }

#pie .dir,
#pie-home .dir { float: left; }

#pie .sep,
#pie-home .sep { padding: 0 10px; }

#pie p,
#pie-home p {
	font-size: 15px;
	margin-bottom: 2px ;
	line-height: 26px;
	margin: 3px 0;
}

#pie .bloque,
#pie-home .bloque {
	margin: auto;
	width: 930px;
}

#pie address { }

.datos_contacto p {
	margin-bottom: 0.3em ;
}

.datos_contacto .h2  {
	font-size: 1em;
	padding-top: 98px;
	margin-bottom: 0;
	line-height: 1em;
}

.h2 strong { color: #000; }

.datos_contacto a {
	display: block;
	margin-top: 30px;
}

#pie #copyright,
#pie-home #copyright { float: right; }

#copyright p { text-align: right; }

#zorraquino, #zorraquino a { display: none; }

#navicons { float: left; }

#navicons a {
	width: 30px;
	height: 30px;
	display: block;
	float: left;
	margin-left: 1px;
	background-color: #000;
	text-decoration: none;
	text-align: center;
	-webkit-transition: all .1s ease-in;
	   -moz-transition: all .1s ease-in;
	        transition: all .1s ease-in;
}

#navicons a:hover,
#navicons a:active,
#navicons a:visited { text-decoration: none; }

#navicons a:hover,
#navicons a:active { background-color: #000; }

#navicons a:first-child { margin-left: 0; }

#navicons a [class^="font-icon-"],
#navicons a [class*=" font-icon-"] {
	font-size: 1.15em;
	color: #000;
	line-height: 30px;
	-webkit-transition: all .1s ease-in;
	   -moz-transition: all .1s ease-in;
	        transition: all .1s ease-in;
}

#navicons a:hover [class^="font-icon-"],
#navicons a:active [class^="font-icon-"],
#navicons a:hover [class*=" font-icon-"],
#navicons a:active [class*=" font-icon-"] { color: #FFF; }

.navicon {
	display: block;
	float: left ;
	margin: 0 ;
	padding: 0 0 0 5px ;
}

.pie-text { float: left; }
.navicon + .pie-text { margin-left: 20px; }


/*
_______________________________
PÁGINA DE CONTACTO */

#map, #map2{
	height: 260px;
	width: 690px;
	margin: 13px 0 19px 0;
	border: 1px solid #E5E5E5;
}

#map img, #map2 img{
	background: transparent;
	border: 0;
}

/*
_______________________________
ACCESIBILIDAD WEB */

.accesible {
	display: none;
}
/*
_______________________________
GLOSARIO */

.termino_descripcion ul{
	list-style-type: disc ;
	margin-left: 50px;
	margin-bottom: 20px;
	}
.termino_descripcion li{
	list-style-type: disc ;
	margin-bottom: 10px;
	}


/*
_______________________________
PÁGINA SITEMAP */

.lista_sitemap ul li {
	margin-left: 10px ;
}

/*
_______________________________
GALERIA */

#imgs-proyecto {
	position: relative;
	min-height: 600px;
}

#imgs-proyecto img,
#imgs-proyecto video,
.block-proyecto img {
	position: relative;
	display: block;
	display: none;
    width: 992px;
    margin: 0;
    margin-left: -26px;
}

.block-proyecto--half img {
	width: 100%;
	margin-left: 0;
	background-color: #f8f8f8;
}

	#imgs-proyecto img.img--photo{
		width: 100%;
		margin: 0;
		padding: 20px 0;
	}
		#imgs-proyecto img.img--photo.img--photo--first{
			padding-top: 75px;
		}
		#imgs-proyecto img.img--photo.img--photo--last{
			padding-bottom: 75px;
		}
#imgs-proyecto img.show { display: block; }

#imgs-proyecto .img--first {
    visibility: visible;
    -webkit-transform: scale(1);
    opacity: 0;
    display: block;
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
    transition: transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
}
#imgs-proyecto .img--first.show { opacity: 1; }

	#imgs-proyecto .img--first img { background-color: #f8f8f8; }


#imgs-proyecto video { display: block; }

#info-proyecto,
#info-proyecto-pre { margin-top: 30px; margin-bottom: 25px; }
#info-proyecto--first {margin-top: 40px; margin-bottom: 55px;}
#info-proyecto--concat {margin-top: 0; margin-bottom: 55px;}


#info-proyecto .col3_2 .bloque,
#info-proyecto-pre .col3_2 .bloque { width: 470px; }
#info-proyecto .col3_2 .bloque + .bloque { width: auto; }

#info-proyecto .col3_1 .bloque,
#info-proyecto-pre .col3_1 .bloque { padding-top: 42px; }
#info-proyecto .col3_2 .bloque,
#info-proyecto-pre .col3_2 .bloque { padding-top: 0; }
#info-proyecto .col3_1:first-child .bloque,
#info-proyecto-pre .col3_1:first-child .bloque,
#info-proyecto .col3_2:first-child .bloque,
#info-proyecto-pre .col3_2:first-child .bloque { padding-top: 0; }

.extra-bottom { display: none; }



.vecinos {
	position: relative;
	margin-top: 70px;
	padding-top: 40px;
	border-top: 2px solid #000000;
}

	.vecinos__anterior,
	.vecinos__siguiente { width: 42%; }

	.vecinos__anterior {
		text-align: left;
		float: left;
	}
	.vecinos__siguiente {
		text-align: right;
		float: right;
	}





/*
_______________________________
SESSIONS */



.next-sessions {

}

	.next-sessions + .boton { margin-top: 30px; }



/* #sessions .bloque + .bloque { margin-top: 68px; } */
#sessions .bloque--intro,
#sessions .diapo-slider,
#sessions-content { margin-bottom: 40px; }
#sessions .bloque + #sessions-content { margin-top: 20px; }
#sessions .proyect-tags ul li + li { margin-top:25px; }
#sessions.report .proyect-tags ul li + li br + br:last-child { display: none; }

/* .diapo-slider { display: table; } */

#sessions-form .col3_3 + .col3_3 { margin-top: 40px; }

.hero-content {
    position: relative;
    overflow: hidden;
    height: 650px;
    height: 100vh;
    max-height: 100%;
    max-height: 100vh;
    background-color: #ffffff;
    z-index: 10;
}

.hero-content + #main {
	padding-top: 40px;
}

	.hero__slides {
	    height: 100%;
	    position: relative;
	    z-index: 10;
	    background-color: #fff;
	}
	.hero__slides:before {
	    content: '';
	    width: 100%;
	    height: 100%;
		background-color: rgba(255,255,255,.82);
		opacity: 1;
		-webkit-transition: opacity 0.2s;
		-moz-transition: opacity 0.2s;
		transition: opacity 0.2s;
		position: absolute;
		z-index: 10;
		top: 0;
	}

		/* .hero__slide {
			position: absolute;
			margin: 0;
			width: 100%;
			height: 100%;
			float: left;
			text-align: center;
			overflow: hidden;
		} */

        .hero__slide--c4e {
            background-image: url('../imagenes/c4e/futuro-tendencias.jpg');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
        }

        .hero__slide--dweek {
            background-image: url('../imagenes/dweek/bilbao-d-week.jpg');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
        }


			.hero__slide__img {
				position: absolute;
				top: 0;
				left: 0;
				margin: auto;
				-webkit-transition: opacity .6s cubic-bezier(.52,.01,.16,1);
			    -moz-transition: opacity .6s cubic-bezier(.52,.01,.16,1);
			    transition: opacity .6s cubic-bezier(.52,.01,.16,1);
			}

	.hero__text {
		position: absolute;
		top: 61.80339%;
		left: 50%;
		width: 846px;
		text-align: left;
		margin: -175px 0 0 -423px;
		z-index: 11;
		text-align: center;
	}

	.hero__location {
		font-size: 1.6em;
		margin: 0 0 35px 0;
		font-family: "zFont-Bold", Arial, Helvetica, sans-serif;
		font-weight: normal;
		text-transform: uppercase
	}

	.hero__title {
	    font-size: 3.8em;
	    font-weight: 500;
	    margin: 0;
	}

	.hero__title--disruptors {
		background: url('../imagenes/design-disruptors/Design_Disruptors-Zorraquino_Sessions.png');
		width: 846px;
		height: 135px;
		display: block;
	}
	.hero__title--c4e {
		background: url('../imagenes/c4e/C4E-Zorraquino_Sessions.png');
		width: 846px;
		height: 135px;
		display: block;
	}
	.hero__title--dweek {
		background: url('../imagenes/dweek/Bilbao-Dweek-Zorraquino_Sessions.png');
		width: 846px;
		height: 135px;
		display: block;
	}
	.hero__title--evernote {
		background: url('../imagenes/evernote/Evernote-Zorraquino_Sessions.png');
		width: 259px;
		height: 135px;
		display: block;
        margin: 0 auto;
	}

		.hero__title--disruptors span,
		.hero__title--c4e span,
		.hero__title--dweek span,
		.hero__title--evernote span  { display: none; }


	.hero__title--disruptors + p,
	.hero__title--c4e + p,
	.hero__title--dweek + p,
	.hero__title--evernote + p {
		font-size: 16px;
		font-weight: 700;
		margin: 40px 0 50px;
	}

	.hero__title--disruptors + .boton,
	.hero__title--c4e + .boton,
	.hero__title--dweek + .boton,
    .hero__title--evernote + .boton{ margin-top: 100px; }


    .btn_sessions { margin-bottom: 30px; }

    .col3_2_sessions {

    }
        .col3_2_sessions--form {
            margin-left: 0 !important;
        }
    .col3_1_sessions {
        margin-left: 90px;
        width: 240px;
    }



/*
_______________________________
INDICE */

ul.indice {
	margin: 0;
}

ul.indice li {
	list-style-type: none;
}

ul.no-list {
	list-style: none;
	margin-left: 0;
	margin-top: -5px;
}

/*
_______________________________
BREADCRUMB */

.breadcrumb {
	position: relative;
	margin-bottom: 40px;
	padding: 0;
}

.breadcrumb,
.breadcrumb a {
	color: #000;
	padding-top: 10px;
	padding-bottom: 0;
	height: 20px;
	font-size: 15px;
}

.breadcrumb a,
.breadcrumb_pie a {
	color: #000;
	text-decoration: none;
}

.breadcrumb a:hover { text-decoration: line-through; }

.breadcrumb #menu_principal a {
	color: #000;
	font-style: normal;
	height: auto;
	margin-top: 0;
	font-size: 13px;
}

.bc-arrow { color: #9E9E9E; }






/*
_____________ AVISOS CABECERA_________________*/

.aviso_cabecera {
	background-color: #FFF;
	border-left: 6px solid #FFF;
	display: block;
	clear: both;
	margin-top: 20px;
	margin-bottom: 50px!important;
	padding: 15px 20px 15px 20px;
	color: #000;
}
.aviso_cabecera strong { color: #000; }
.aviso_cabecera .titulo {
    font-family: "zFont-Bold", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	display: block;
	font-weight: normal;
}

.aviso_error {
	background-color: #FAE5E5;
	color: #CC0000!important;
	border-left-color: #CC0000;
}
.aviso_error strong { color: #CC0000; }
.aviso_error a {
	color: #CC0000;
	text-decoration: underline;
}

.confirmacion {
	background-color: #EAF5EF;
	color: #339966!important;
	border-left-color: #339966;
}
.confirmacion strong { color: #339966; }
.confirmacion a {
	color: #339966;
	text-decoration: underline;
}

.advertencia {
	background-color: #EAF2F5;
	color: #3a7e9e !important;
	border-left-color: #337999;
}

.advertencia a {
	color: #3a7e9e;
	text-decoration: underline;
}


.video-home .aviso_cabecera {
	position: fixed;
	z-index: 99;
	width: 100%;
	top: 170px;
	margin: 0;
	font-size: 16px;
	line-height: 26px;
}

/*
_______________________________
INDICE PROYECTOS */


#list-proyectos { margin-top: 40px; }
#list-proyectos.list-proyectos--new { margin-top: 20px; }

#list-proyectos {
	margin-left: -20px;
	margin-right: -20px;
}

#list-proyectos article {
	float: left;
	margin: 0 20px 20px 0;
	position: relative;
}

#list-proyectos .entry-image {
	width: 460px;
	max-height: 286px;
}

#list-proyectos article a {
	position: relative;
	display: block;
	padding: 0 20px;
}
#list-proyectos .entry-image img {
	position: relative;
	z-index: 10;
	display: block;
	display: none;
	width: 100%;
	margin: 0;
}

#list-proyectos .entry-image .bn-img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

#list-proyectos .isTwo { margin-right: 0; }

#list-proyectos .isImpar.last { display: none; }

#list-proyectos .entry-image canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


#list-proyectos article h2 .entry-type {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #000;
	text-transform: none;
}

#list-proyectos article .censor-tag {
	font-family: "zFont-Bold", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #FFF;
	line-height: 42px;
	text-transform: uppercase;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(195px);
	   -moz-transform: translateY(195px);
	        transform: translateY(195px);
}

#list-proyectos article:hover .entry-image img { visibility: hidden; }
#list-proyectos article:hover .entry-image .bn-img { visibility: visible; }

#list-proyectos article:hover .anim-wrp { padding-bottom: 10px; }

#list-proyectos article:hover .censor-tag {
	-webkit-transform: translateY(-5px);
	   -moz-transform: translateY(-5px);
	        transform: translateY(-5px);
}
#list-proyectos article a:hover {
/* 	text-decoration: none; */
	color: #000000;
	text-decoration: none;
}

	#list-proyectos article a:hover h2,
	#list-proyectos article a:hover p { text-decoration: none; }

		#list-proyectos article a:hover h2 span { text-decoration: line-through; }



.block-proyecto { width: 100%; }

	#list-proyectos .block-proyecto,
	.block-proyecto {
		float: none;
		margin: 0 0 40px;
	}

.block-proyecto--half,
#list-proyectos .block-proyecto--half {
	width: 50%;
	float: left;

}


#analytics {
	position: absolute;
	visibility: hidden;
	top: -20px;
}



.blockOnDesktop { display: block; }
.hideOnDesktop { display: none !important; }


.gal_proyecto--bg:before {
    content:"";
    background: #f8f8f8;
    width: 5000%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -20000px;
	z-index: 0;
}
.gal_proyecto--bg {
    background: #f8f8f8;
}
.foo-parallax .col3_2{
    background: #f8f8f8;
}



html,
body {
	min-height: 100%;
	margin: 0;
	padding: 0;
}

#canvas {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	z-index: -1;
}

#playPong { cursor: pointer; }

.dg.ac { z-index: 100!important; }


/*
_______________________________
END */



.hidden {
	display: none ;
	visibility: hidden ;
}

/* TIPSY */

.tipsy { padding: 5px; font-size: 11px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(/js/jquery/plugins/tipsy/tipsy.gif); margin: -1px 0 0 5px; line-height: 13px; }
  .tipsy-inner { padding: 7px 8px 6px 8px; background-color: black; color: white; max-width: 220px; text-align: center; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }


/* NOTAS */
.marked { background: #fff555; padding: 2px 0px; /*display: inline; padding: 2px 0px;*/ }

/*
_______________________________
END */









/* ==========================================================================
   $ENCUESTAS
   ========================================================================== */

	.survey__step {
		position: relative;
		display: none;

	}
		.survey__step .survey__question,
		.survey__step .survey__response {
			position: relative;
			opacity: 1;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 */
			-webkit-transition: opacity 300ms linear;
			-moz-transition: opacity 300ms linear;
			-o-transition: opacity 300ms linear;
			transition: opacity 300ms linear;
		}
		.survey__step .survey__response {
			width: 100%;
			display: inline-block;
		}

		.survey__step.survey__step--inactive .survey__question,
		.survey__step.survey__step--inactive .survey__response {
			opacity: 0.30;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE8 */
		}
		.survey__step.survey__step--inactive .survey__response:before{
			display: block;
			content: "";
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 999;
		}

		.survey__response {

		}

		.survey__step--visible { display: block; }

		.survey__step a.boton:hover { text-decoration: none; }

		.survey__step__edit,
		.survey__step.survey__step--inactive a.boton { display: none; }

			.survey__step.survey__step--inactive a.boton.survey__step__edit { display: inline-block; }

		.survey__step a.boton { margin-top: 40px; }

	.contenedor .survey__question { margin: 60px 0 40px 0; }

		.contenedor .survey__question span { font-family: "zFont-Light", 'Helvetica Neue', Helvetica, Arial, sans-serif; }



	.choices { margin: 20px 0; }

		.choices__text {  }

		.choices__list,
		.contenedor .choices__list {
			display: table;
			margin: 0;
			padding: 0;
			border-top: 2px solid #000000;
			border-left: 2px solid #000000;
			border-bottom: 2px solid #000000;
		}

		.choices__list.choices__list--big { width: 100%; }

			.choices__item,
			.contenedor .choices__item {
				font-size: 1.1875em;
				line-height: 1.55em;
				display: table-cell;
				width: 1%;
				height: 48px;
				padding-top: 6px;
				word-break: break-word;
				text-align: center;
				cursor: pointer;
				vertical-align: middle;
				border-right: 2px solid #000000;
			}

			.choices__item:hover {
				color: #000000;
				background-color: #e6e6e6;
			}

			.choices__item--active,
			.choices__item--active:hover {
				color: #ffffff;
				background-color: #000000;
			}



	.survey__step .control-group {
		display: block;
	}

		.survey__step .control-group input[type='text'] {
			width: 100%;
			width: calc(100% - 38px);
		}

	.survey__step .control-group--checkbox,
	.survey__step .control-group--radio {
		width: 100%;
	    float: none;
	    margin-left: 0;
	}

	.survey__question__required {
		color: #db4437;
	}

		.choices__text + .survey__required-text{
			margin: -10px 0 10px 0;
		}





/* ==========================================================================
   $ANIMATIONS
   ========================================================================== */

.animated {
	-webkit-animation-duration: 1s;
			animation-duration: 1s;
	-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
}

.animated.delay {
	-webkit-animation-delay: 1s;
			animation-delay: 1s;
}

.animated.fast {
	-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
}

.animated.fast.delay {
	-webkit-animation-delay: 0.5s;
			animation-delay: 0.5s;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100px, 0);
				transform: translate3d(0, 100px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
				transform: none;
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100px, 0);
				transform: translate3d(0, 100px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
				transform: none;
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
			animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100px, 0);
				transform: translate3d(0, -100px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
				transform: none;
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100px, 0);
				transform: translate3d(0, -100px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
				transform: none;
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
			animation-name: fadeInDown;
}




@-webkit-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

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

.fadeIn {
	-webkit-animation-name: fadeIn;
			animation-name: fadeIn;
}


@-webkit-keyframes fadeOut {
	0% { opacity: 1; }
	100% { opacity: 0; }
}

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

.fadeOut {
	-webkit-animation-name: fadeOut;
			animation-name: fadeOut;
}

@-webkit-keyframes fadeInOut {
	0% { opacity: 1; }
	3% { opacity: 0.5; }
	6% { opacity: 1; }
	100% { opacity: 1; }
}

@keyframes fadeInOut {
	0% { opacity: 1; }
	3% { opacity: 0.5; }
	6% { opacity: 1; }
	100% { opacity: 1; }
}

.fadeInOut {
	-webkit-animation-name: fadeInOut;
			animation-name: fadeInOut;
}



.front-row { z-index: 100; }


/* ==========================================================================
   $SESSIONS
   ========================================================================== */

#sessions #colaboran a,
#sessions #informacion a { color: #000000; }

#formSessions .control-group .input,
#formUpdateNewsletter .control-group .input{ float: none; }

.yt__video {
    height: 343px;
    margin-top: 20px;
}
.bloque--video .yt__video { margin-top: 0; }
.bloque--intro p + .yt__video { margin-top: 40px; }

    .yt__video + p { margin-top: 30px; }

    .yt__video .yt__iframe { height: 100%; }

.col3_3 > .yt__video {
	margin-bottom: 80px;
	background-color: #000000;
	box-shadow: inset 0 0 0px 1px #ffffff;
}

/* 	.col3_3 > .yt__video iframe { opacity: 0.97; } */

#sessions-content .bloque_imagenes {}
#sessions-content .bloque_imagenes--margen {margin-top:20px;margin-bottom:40px;overflow: hidden;}
    #sessions-content .bloque_imagenes .bloque_imagen {
        float: left;
        margin: 0 8px 8px 0;
    }
        #sessions-content .bloque_imagenes .bloque_imagen img {
	        display: block;
            margin: 0;
            width: 198px;
        }

            .bloque_imagen.isOne {}
            .bloque_imagen.isTwo {}
            .bloque_imagen.isThree {margin-right: 0 !important;}
            .bloque_imagen.isFour {}
            .bloque_imagen.isFive {}
            .bloque_imagen.isSix {margin-right: 0 !important;}




.awards-info-proyecto { margin-bottom: 40px; }
#info-proyecto--last { margin-top: 65px; }

/* ==========================================================================
   $AWARDS
   ========================================================================== */

.iframe--sim {
	width: 100%;
	overflow: hidden;
	padding: 20px 0;
	position: relative;
}

.iframe--sim:first-child { padding-top: 75px; }

.iframe--sim--nomargin { margin-bottom: 0; }





/* ==========================================================================
   $FLICKITY v2.0.10 | http://flickity.metafizzy.co
   ========================================================================== */

.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-prev-next-button{position:absolute;top:50%;width:44px;height:44px;border:none;border-radius:50%;background:#fff;background:hsla(0,0%,100%,.75);cursor:pointer;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.flickity-prev-next-button:hover{background:#fff}.flickity-prev-next-button:focus{outline:0;box-shadow:0 0 0 5px #09f}.flickity-prev-next-button:active{opacity:.6}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button:disabled{opacity:.3;cursor:auto}.flickity-prev-next-button svg{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-prev-next-button .arrow{fill:#333}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}


.hiddenOnDesktop { display: none; }
.showOnDesktop { display: block; }
.hiddenOnMobile { display: block; }

@media(max-width: 414px) {
	.hiddenOnDesktop {
		display: block;
	}
	.hiddenOnMobile {
		display: none;
	}
}

.body--dark {
	background-color: #000;
}
	.body--dark.content header,
	.body--dark.content #hero,
	.body--dark.content #main,
	.body--dark .col3_1,
	.body--dark .col3_2 {
		background-color: #000;
	}
	.body--dark .contenedor p,
	.body--dark p strong,
	.body--dark .contenedor h2,
	.body--dark .contenedor .bloque h3,
	.body--dark .contenedor
	 {
		color: #FFF;
	}

	.body--landing #main {
		margin-bottom: 0;
	}

	.body--dark .boton,
	.body--dark .boton:visited,
	.body--dark .bt_mas_informacion,
	.body--dark .bt_mas_informacion:visited,
	.body--dark .bt_enviar,
	.body--dark .bt_enviar:visited{
		background-color: #000;
		color: #FFF!important;
		border: 2px solid #FFF;
	}
	.body--dark .boton:hover {
		background-color: #FFF;
		color: #000!important;
	}

	.body--dark #sessions .bloque a.no-black:hover,
	.body--dark .contenedor .bloque a.no-black:hover,
	.body--dark .contenedor .bloque .control-group--checkbox a.no-black:hover {
		color: #FFF;
	}

	.body--dark textarea, .body--dark input[type="text"], .body--dark input[type="password"], .body--dark input[type="datetime"], .body--dark input[type="datetime-local"], .body--dark input[type="date"], .body--dark input[type="month"], .body--dark input[type="time"], .body--dark input[type="week"], .body--dark input[type="number"], .body--dark input[type="email"], .body--dark input[type="url"], .body--dark input[type="search"], .body--dark input[type="tel"], .body--dark input[type="color"] {
		border-color: #FFF;
		background-color: #000;
		color: #FFF;
	}
		.body--dark .control-group--checkbox .control__mask,
		.body--dark .control-group--radio .control__mask {
			border-color: #FFF;
			background-color: #000;
		}
			.body--dark .control-group--checkbox .control__mask:before {
				border-color: #FFF;
			}

	.body--dark .customSelect,
	.body--dark .control-group .error+.customSelect {
		border-color: #FFF;
		background-color: #000;
		color: #FFF;
	}
		.body--dark  .survey span.error,
		.body--dark  form span.error {
			color: #ff4747;
		}

	.body--dark .customSelectChanged .customSelectInner,
	.body--dark .selected .customSelectInner {
		color: #FFF;
	}

	.body--dark #cabecera #logo{
		background-image: url("../imagenes/Logo-Zorraquino-Blanco.png");
	}
		.body--dark #cabecera #logo .logo-wrp:before {
			background-color: #fff;
		}
		.body--dark .confirmacion {
			background-color: transparent;
			color: #63f7ad!important;
			border-left-color: #63f7ad;
		}

		.body--dark .advertencia {
			background-color: transparent;
			color: #74cbf4!important;
			border-left-color: #74cbf4;
		}

		.aniversario_head p {
			margin-top: 15px;
			font-family: zFont-Bold,'Helvetica Neue',Helvetica,Arial,sans-serif;
			font-weight: 400;
			margin-bottom: 30px;
			font-size: 1.6em;
			line-height: 1.4em;
		}
		.aniversario_head .textazo{
			padding-top: 0;
			padding-bottom: 30px;
		}
			.body--dark .aniversario_head .textazo{
				color: #FFF;
			}
			@media only screen and (min-width: 1680px) {
				.aniversario_head .textazo{
					padding-right: 200px;
				}
			}
			@media only screen and (min-width: 1280px) {
				.aniversario_head .textazo{
					padding-right: 140px;
				}
			}
		.wrapper__aniversario {
			padding-top: 0px;
			padding-bottom: 100px;
		}
			.wrapper__aniversario .textazo {
				text-align: left;
				padding-top: 40px;
				padding-bottom: 100px;
			}
			.body--dark .wrapper__aniversario .textazo {
				color: #FFF;
			}

		.wrapper__aniversario svg {
			max-width: 100%;
			height: auto;
		}

			.wrapper__aniversario svg .bg{
				fill: #000;
			}
				.body--dark .wrapper__aniversario svg .bg{
					fill: #FFF;
				}

			.wrapper__aniversario svg .left-topLeft {
				-webkit-animation: changeColorleft-topLeft 3s ease-in-out;
				animation: changeColorleft-topLeft 3s ease-in-out;

				-webkit-animation-iteration-count: infinite;
				animation-iteration-count: infinite;
			}
			@-webkit-keyframes changeColorleft-topLeft {
				0% {fill: #F3A402;}  25% {fill: #FA501F;}	50% {fill: #30EB66;}	75% {fill: #FA501F;}	100% {fill: #F3A402;}
			}
			@keyframes changeColorleft-topLeft {
				0% {fill: #F3A402;}	25% {fill: #FA501F;}	50% {fill: #30EB66;}	75% {fill: #FA501F;}	100% {fill: #F3A402;}
			}

			.wrapper__aniversario svg .left-topRight {
				-webkit-animation: changeColorleft-topRight 3s ease-in-out;
				animation: changeColorleft-topRight 3s ease-in-out;

				-webkit-animation-iteration-count: infinite;
				animation-iteration-count: infinite;
			}
			@-webkit-keyframes changeColorleft-topRight {
				0% {fill: #EB2151;}  25% {fill: #EB2151;}	50% {fill: #B232D3;}	75% {fill: #F3A402;}	100% {fill: #EB2151;}
			}
			@keyframes changeColorleft-topRight {
				0% {fill: #EB2151;}  25% {fill: #EB2151;}	50% {fill: #B232D3;}	75% {fill: #F3A402;}	100% {fill: #EB2151;}
			}

			.wrapper__aniversario svg .left-bottomLeft {
				-webkit-animation: changeColorleft-bottomLeft 3s ease-in-out;
				animation: changeColorleft-bottomLeft 3s ease-in-out;

				-webkit-animation-iteration-count: infinite;
				animation-iteration-count: infinite;
			}
			@-webkit-keyframes changeColorleft-bottomLeft {
				0% {fill: #1D47DB;}  25% {fill: #30EB66;}	50% {fill: #2592EF;}	75% {fill: #28CB8C;}	100% {fill: #1D47DB;}
			}
			@keyframes changeColorleft-bottomLeft {
				0% {fill: #1D47DB;}  25% {fill: #30EB66;}	50% {fill: #2592EF;}	75% {fill: #28CB8C;}	100% {fill: #1D47DB;}
			}

			.wrapper__aniversario svg .left-bottomRight {
				-webkit-animation: changeColorleft-bottomRight 3s ease-in-out;
				animation: changeColorleft-bottomRight 3s ease-in-out;

				-webkit-animation-iteration-count: infinite;
				animation-iteration-count: infinite;
			}
			@-webkit-keyframes changeColorleft-bottomRight {
				0% {fill: #28CB8C;}  25% {fill: #2592EF;}	50% {fill: #EB2151;}	75% {fill: #1D47DB;}	100% {fill: #28CB8C;}
			}
			@keyframes changeColorleft-bottomRight {
				0% {fill: #28CB8C;}  25% {fill: #2592EF;}	50% {fill: #EB2151;}	75% {fill: #1D47DB;}	100% {fill: #28CB8C;}
			}

			.wrapper__aniversario svg .right-topLeft {
				-webkit-animation: changeColorright-topLeft 3s ease-in-out;
				animation: changeColorright-topLeft 3s ease-in-out;

				-webkit-animation-iteration-count: infinite;
				animation-iteration-count: infinite;
			}
			@-webkit-keyframes changeColorright-topLeft {
				0% {fill: #2592EF;}  25% {fill: #B232D3;}	50% {fill: #1D47DB;}	75% {fill: #EB2151;}	100% {fill: #2592EF;}
			}
			@keyframes changeColorright-topLeft {
				0% {fill: #2592EF;}  25% {fill: #B232D3;}	50% {fill: #1D47DB;}	75% {fill: #EB2151;}	100% {fill: #2592EF;}
			}

			.wrapper__aniversario svg .right-topRight {
				-webkit-animation: changeColorright-topRight 3s ease-in-out;
				animation: changeColorright-topRight 3s ease-in-out;

				-webkit-animation-iteration-count: infinite;
				animation-iteration-count: infinite;
			}
			@-webkit-keyframes changeColorright-topRight {
				0% {fill: #30EB66;}  25% {fill: #EB2151;}	50% {fill: #28CB8C;}	75% {fill: #2592EF;}	100% {fill: #30EB66;}
			}
			@keyframes changeColorright-topRight {
				0% {fill: #30EB66;}  25% {fill: #EB2151;}	50% {fill: #28CB8C;}	75% {fill: #2592EF;}	100% {fill: #30EB66;}
			}

			.wrapper__aniversario svg .right-bottomLeft {
				-webkit-animation: changeColorright-bottomLeft 3s ease-in-out;
				animation: changeColorright-bottomLeft 3s ease-in-out;

				-webkit-animation-iteration-count: infinite;
				animation-iteration-count: infinite;
			}
			@-webkit-keyframes changeColorright-bottomLeft {
				0% {fill: #B232D3;}  25% {fill: #F3A402;}	50% {fill: #FA501F;}	75% {fill: #30EB66;}	100% {fill: #B232D3;}
			}
			@keyframes changeColorright-bottomLeft {
				0% {fill: #B232D3;}  25% {fill: #F3A402;}	50% {fill: #FA501F;}	75% {fill: #30EB66;}	100% {fill: #B232D3;}
			}

			.wrapper__aniversario svg .right-bottomRight {
				-webkit-animation: changeColorright-bottomRight 3s ease-in-out;
				animation: changeColorright-bottomRight 3s ease-in-out;

				-webkit-animation-iteration-count: infinite;
				animation-iteration-count: infinite;
			}
			@-webkit-keyframes changeColorright-bottomRight {
				0% {fill: #B232D3;}  25% {fill: #F3A402;}	50% {fill: #FA501F;}	75% {fill: #30EB66;}	100% {fill: #B232D3;}
			}
			@keyframes changeColorright-bottomRight {
				0% {fill: #FA501F;}  25% {fill: #28CB8C;}	50% {fill: #F3A402;}	75% {fill: #B232D3;}	100% {fill: #FA501F;}
			}




		@media only screen and (max-width: 768px) {
			.wrapper__aniversario {
				padding-top: 20px;
				padding-bottom: 40px;
			}
				.wrapper__aniversario .textazo {
					padding-bottom: 40px;
				}
			.body--dark .aniversario_head p {
				font-size: 1.3em;
				line-height: 1.45em;
			}
		}


		@media
		only screen and (-webkit-min-device-pixel-ratio: 2),
		only screen and (   min--moz-device-pixel-ratio: 2),
		only screen and (     -o-min-device-pixel-ratio: 2/1),
		only screen and (        min-device-pixel-ratio: 2),
		only screen and (                min-resolution: 192dpi),
		only screen and (                min-resolution: 2dppx) {

			.body--dark #cabecera #logo {
				background-image: url('../imagenes/Logo-Zorraquino-Blanco@2x.png');
			}

		}

.wrapper__aniversario {
	text-align: center;
}


/* ==========================================================================
   $WHATSAPP BUSINESS
   ========================================================================== */

.chat__wrp {
	opacity: 0;
	position: fixed;
	bottom: 50px;
	right: 50px;
	-webkit-transition: width 400ms ease, opacity 0.4s linear;
	-moz-transition: width 400ms ease, opacity 0.4s linear;
	-o-transition: width 400ms ease, opacity 0.4s linear;
	transition: width 400ms ease, opacity 0.4s linear;
	-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 30px 0 rgba(0,0,0,0.2);
	z-index: 900;
	width: 370px;
	overflow: hidden;
	background: none;
	border-radius: 32px;
}
.chat__button__close {
	position: absolute;
	left: 14px;
	top: 20px;
	z-index: 2;
	background: #e3e3e3;
	width:24px;
	height: 24px;
	text-align: center;
	border-radius: 24px;
	-webkit-transition: z-index 400ms ease;
	-moz-transition: z-index 400ms ease;
	-o-transition: z-index 400ms ease;
	transition: z-index 400ms ease;
}
.chat__button__close .icon {
	position: relative;
	top: 4.5px;
	width: 14px;
	height: 14px;
}

.chat__button__link {
	position: relative;
	z-index: 1;
}
.chat__button__text {
	position: absolute;
	width: calc(370px - (64px / 2));
	height: 64px;
	padding: 0 0 0 50px;
	background-color: #FFF;
	z-index: 1;
	display: flex;
	align-items: center;
}
.chat__button__text_p {
	font-size: 16px;
	line-height: 1.2em;
	margin: 0;
}
.chat__button__text_p strong {
	font-weight: bold;
}
.chat__button__icon {
	position: relative;
	background-color: #25d366;
	width: 64px;
	height: 64px;
	border-radius: 32px;
	text-align: center;
	z-index: 2;
	float: right;
}
.chat__button__icon .icon {
	width: 32px;
	height: 32px;
	position: relative;
	top: 16px;
}
.chat__button__icon .icon .icon__glyph {
	stroke: #FFF;
}

.chat__wrpShown {
	opacity: 1;
}
.chat__wrpClosed {
	width: 64px;
}
.chat__wrpClosed.chat__button__close {
	z-index: 0;
}




/* ==========================================================================
   $MEDIA-QUERIES
   ========================================================================== */


@media only screen and (min-height: 769px) and (min-width: 1001px) {

	.touch .scroll-home #hero,
	.tablet.scroll-home #hero { height: 418px; }

	.content #hero { padding-top: 100px; }

}




@media only screen and (min-width: 1001px) and (max-width: 1279px) {

	.pie-text,
	#pie #copyright,
	#pie-home #copyright { float: none; }

	#pie address,
	#pie-home address {
		display: inline-block;
		margin-bottom: 0;
	}

	#pie p,
	#pie-home p { margin: 0; }

	#copyright p {
		text-align: left;
		margin: 0;
	}


	#menu_principal_pie li {
		width: 50%;
		float: left;
		text-align: left;
	}

	.fdez {
		position: relative;
		display: inline-block;
		text-indent: -2000em;
		height: 100%;
		width: 40px;
	}

	.fdez:after {
		content: "Fdez.";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-indent: 0;
	}

}

@media only screen and (min-width: 1001px) and (max-width: 1279px) and (max-height: 700px){
	.svg-container { height: 100vh; }
	#video-wrp { height:100%; }
	.scroll-home #hero { height: calc(100vh - 278px); }
}

@media only screen and (min-width: 1650px) and (max-height: 900px){
	.svg-container { height: 100vh; }
	#video-wrp { height:100%; }
	.scroll-home #hero { height: calc(100vh - 278px); }
}
@media only screen and (min-width: 1800px) and (max-height: 1100px){
	.svg-container { height: 100vh; }
	#video-wrp { height:100%; }
	.scroll-home #hero { height: calc(100vh - 278px); }
}
/* 1180PX
----------------------------------------------- */

@media only screen and (min-width: 1280px) {
	#main {min-height: calc(100vh - 685px);}
	.iframe--sim {
		padding: 60px 0 0;
	}

	.contenedor { width: 1180px; }
	.wrapper,
    .wrp { width: 1180px; }

	.hero-home { min-height: 140px!important; }

	.symbol-zorraquino { width: 1180px; }


	.mobile.video-idle #hero .play { margin-top: 280px; }

	/* 3 COLUMNAS */
	.col3_1 { width: 360px; }
	.col3_2 { width: 770px; }

	.margin_col3_1 { margin-left: 360px; padding-left: 50px; }

	/* 4 COLUMNAS */
	.col4_1 { width: 259px; }
	.col4_2 { width: 566px; }
	.col4_3 { width: 873px; }

	#info-proyecto .col4_1,
	#info-proyecto-pre .col4_1 { width: 280px; }
	#info-proyecto .col4_2,
	#info-proyecto-pre .col4_2 { width: 580px; }
	#info-proyecto .col4_3,
	#info-proyecto-pre .col4_3 { width: 880px; }

	.lista_comentarios { height: 380px; }

	.tweets { height: 340px; }

	.textazo { padding-right: 240px; }

	.hero .textazo {
		font-size: 72px;
		padding-right: 200px;
	}

	/* INDICE PROYECTOS */

	.indice_proyectos_home li.isFour { margin-right: 20px; }
	.indice_proyectos_home li.isFive { display: block; }

	.indice_proyectos li.isFour { margin-right: 20px; }
	.indice_proyectos li.isFive { margin-right: 0; }

    #imgs-proyecto img,
	#imgs-proyecto video,
	.block-proyecto img {
    	width: 1245px;
    	margin-left: -32px;
    }

    .block-proyecto--half img {
		width: 100%;
		margin-left: 0;
	}


	#list-proyectos .entry-image {
		width: 380px;
		max-height: 360px;
	}

	#list-proyectos .isTwo { margin-right: 20px; }
	#list-proyectos .isThree { margin-right: 0; }
	#list-proyectos .isImpar.last { display: block; }

	#list-proyectos.home .isFour { display: none; }

	#list-proyectos article .censor-tag {
		-webkit-transform: translateY(140px);
		   -moz-transform: translateY(140px);
		        transform: translateY(140px);
	}


	#info-proyecto .col3_2 .bloque,
	#info-proyecto-pre .col3_2 .bloque { width: 590px; }
	#info-proyecto .col3_2 .bloque + .bloque { width: auto; }

	.contenedor .facts { display: table; }


	/* AGENCIA */

	#equipo .figure-list figure,
	#clientes .figure-list figure {
		float: left;
		width: 280px;
		margin-right: 20px;
	}
	#equipo .figure-list figure { height: 500px; }

		#equipo .figure-list figcaption .hideName { display: inline; }

	#equipo .figure-list figure.isFour,
	#clientes .figure-list figure.isFour { margin-right: 0; }

	#equipo .figure-list figure:hover .censor-tag {
		-webkit-transform: translateY(-160px);
		   -moz-transform: translateY(-160px);
		        transform: translateY(-160px);
	}

    .img__google--partner,
    .img__mailchimp {
        width: 220px;
        height: 76px;
        margin: 0 0 0 1px;
    }

	.contenedor .facts li {
		width: auto;
		float: left;
		margin-bottom: 20px;
		margin-left: 50px;
	}
	.contenedor .facts li:first-child { margin-left: 0; }
	.contenedor .facts .percent + span { margin-left: 15px; }


	#formEmpleo input,
	#formContacto input,
    #formSessions input,
    #formSessions select,
    #formSessions textarea,
    #formUpdateNewsletter input { width: 322px; }

	#formEmpleo .customSelect,
	#formContacto .customSelect,
    #formSessions .customSelect { width: 324px; }

    #formSessions textarea { max-width: 322px; }


    #formContacto input,
	#formContacto .customSelect,
	#formNewsletter input[type="text"],
	#formNewsletter input[type="email"] { width: 322px; }

/* 	#dynamicsearch input { width: 537px; } */

	.fileInput .boton { width: 276px; }

	#formContacto textarea {
		max-width: 732px;
		width: 732px;
	}

	#formSessions,
	#formUpdateNewsletter { width: 515px; }
	#formSessions { width: auto; }
	#formSessions input,
	#formSessions select,
	#formSessions textarea,
	#formUpdateNewsletter input { width: 475px; }
	#formSessions textarea { max-width: 475px; }

	#formSessions .customSelect { width: 477px;}





	#pie #copyright p,
	#pie-home #copyright p { text-align: right; }
	#copyright p:first-child { display: block; }

	#pie p,
	#pie-home p { margin-bottom: 0 ; }
	#pie p:first-child,
	#pie-home p:first-child { margin-bottom: 2px ; }

	.pie-text,
	#pie #copyright,
	#pie-home #copyright { margin-top: -4px; }


    .yt__video { height: 433px; }

        .yt__video .yt__iframe { height: 100%; }

    .col3_2_sessions {  }

    .col3_1_sessions {
        margin-left: 120px;
        width: 290px;
    }

    #sessions-content .bloque_imagenes {}
        #sessions-content .bloque_imagenes .bloque_imagen {
            float: left;
            margin: 0 10px 10px 0;
        }
            #sessions-content .bloque_imagenes .bloque_imagen img { width: 250px; }

    .bloque_imagen.isOne {}
    .bloque_imagen.isTwo {}
    .bloque_imagen.isThree {margin-right: 0 !important;}
    .bloque_imagen.isFour {}
    .bloque_imagen.isFive {}
    .bloque_imagen.isSix {margin-right: 0 !important;}

	.col3_3 > .bloque--intro,
	.col4_4 > .bloque--intro { padding-right: 200px; }

    /* ENCUESTAS */


    .survey__step .control-group--checkbox,
	.survey__step .control-group--radio {
		width: 360px;
	    float: left;
	    margin-left: 50px;
	}

	.survey__step .control-group--checkbox:first-child,
	.survey__step .control-group--radio:first-child,
	.survey__step .control-group--checkbox:nth-child(2n+3),
	.survey__step .control-group--radio:nth-child(2n+3) { margin-left: 0px; }


}

@media only screen and (min-width: 1280px) and (max-height: 800px){
	.svg-container { height: 100vh; }
	#video-wrp { height:100%; }
	.scroll-home #hero { height: calc(100vh - 278px); }
}



/* 1420PX
----------------------------------------------- */
@media only screen and (min-width: 1680px) {

	.contenedor,
	.wrapper,
    .wrp { width: 1420px; }
	.hero-home { min-height: 140px!important; }

	.symbol-zorraquino { width: 1420px; }

	/* 3 COLUMNAS */
	.col3_1 { width: 440px; }
	.col3_2 { width: 930px; }

	.margin_col3_1 { margin-left: 440px; padding-left: 50px; }

	/* 4 COLUMNAS */
	.col4_1 { width: 319px; }
	.col4_2 { width: 686px; }
	.col4_3 { width: 1053px; }

	.textazo { padding-right: 420px; }

	.hero .textazo {
		font-size: 88px;
		padding-right: 200px;
	}

	.col3_3 > .bloque--intro,
	.col4_4 > .bloque--intro { padding-right: 300px; }

	.col3_3 > .bloque--intro.bloque--form,
	.col4_4 > .bloque--intro.bloque--form { padding-right: 0; }

	/* INDICE PROYECTOS */

	#list-proyectos .entry-image {
		width: 460px;
		max-height: 286px;
	}

	#list-proyectos .isTwo { margin-right: 20px; }
	#list-proyectos .isThree { margin-right: 0; }
	#list-proyectos .isImpar.last { display: block; }

	#list-proyectos.home .isFour { display: none; }

	#list-proyectos article .censor-tag {
		-webkit-transform: translateY(165px);
		   -moz-transform: translateY(165px);
		        transform: translateY(165px);
	}


	.contenedor .col3_1 p,
	.contenedor .col3_1  li,
	.contenedor .col4_1 p,
	.contenedor .col4_1  li {
		-webkit-hyphens: inherit;
		-moz-hyphens: inherit;
		hyphens: inherit;
	}



	#info-proyecto .col3_2 .bloque,
	#info-proyecto-pre .col3_2 .bloque { width: 720px; }


	/* AGENCIA */

	#equipo .figure-list figure,
	#clientes .figure-list figure { width: 268px; }
	#equipo .figure-list figure { height: 485px; }
	#equipo .figure-list figure.isFour,
	#clientes .figure-list figure.isFour { margin-right: 20px; }
	#equipo .figure-list figure.isFive,
	#clientes .figure-list figure.isFive { margin-right: 0; }

	#clientes .figure-list figure.isLast { display: none; }


	#equipo .figure-list figure:hover .censor-tag {
		-webkit-transform: translateY(-155px);
		   -moz-transform: translateY(-155px);
		        transform: translateY(-155px);
	}

	#formContacto .customSelect,
	#formEmpleo .customSelect,
	#formContacto .customSelect { width: 404px; }

	#formContacto input,
	#formContacto textarea,
	#formEmpleo input { width: 402px; }

	#formSessions,
	#formUpdateNewsletter { width: 515px; }
	#formSessions { width: auto; }
	#formSessions input,
	#formSessions select,
	#formSessions textarea,
	#formUpdateNewsletter input { width: 475px; }
	#formSessions .customSelect { width: 477px; }
	#formSessions textarea { max-width: 475px; }

	.fileInput .boton { width: 356px; }

	#formContacto textarea {
		max-width: 892px;
		width: 892px;
	}



    #imgs-proyecto img,
	#imgs-proyecto video,
	.block-proyecto img {
    	width: 1500px;
    	margin-left: -40px;
    }

    .block-proyecto--half img {
		width: 100%;
		margin-left: 0;
	}

    .contenedor .facts li { margin-left: 50px; }
	.contenedor .facts li:first-child { margin-left: 0; }
	.contenedor .facts .percent + span { margin-left: 15px; }

	.bloque--video { max-width: 1180px; }

    .yt__video { height: 522px }

        .yt__video .yt__iframe { height: 100%; }

    .col3_2_sessions { }

    .col3_1_sessions {
        margin-left: 190px;
        width: 300px;
    }

    #sessions-content .bloque_imagenes {}

        #sessions-content .bloque_imagenes .bloque_imagen {
            float: left;
            margin: 0 12px 12px 0;
        }
            #sessions-content .bloque_imagenes .bloque_imagen img {
                margin: 0;
                width: 302px;
            }

        .bloque_imagen.isOne {}
        .bloque_imagen.isTwo {}
        .bloque_imagen.isThree {margin-right: 0 !important;}
        .bloque_imagen.isFour {}
        .bloque_imagen.isFive {}
        .bloque_imagen.isSix {margin-right: 0 !important;}




	/* ENCUESTAS */

	.survey__step .control-group--checkbox,
	.survey__step .control-group--radio {
		width: 440px;
	}

	/* DETALLE TENDENCIA */



	.flickity--tendencia figure {
		/*width: 1180px;*/
		width: 690px;
		display: block;
	}

	.flickity--tendencia figure img {
		display: block;
		width: 100%;
		margin: 0;
	}

	.flickity-page-dots .dot {
		width: 5px !important;
		height: 5px !important;
		margin: 0 6px;
	}

}


/* ALTO
----------------------------------------------- */

@media only screen and (min-width: 1000px) and (max-height: 620px) {

	.video-home .block-textazo { top: 41%; }

}



/* TABLET LAYOUT
----------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 1000px) {

	.hiddenOnTablet { display: none; }
    .hideOnDesktop { display: block; }
    .gotoOut,
    .gotoSessions { width: 194px; }
	.contenedor,
	.wrapper,
    .wrp { width: 700px; }

	#cabecera { padding-top: 50px; }

	#main { min-height: calc(100vh - 560px);}

	#menuMobile { display: block; }
	#menuMobile.lock {
		left: 664px;
		margin: 0 auto;
	}

	#menu_principal li,
	#menu_principal_pie li,
	#menu_video li {
		float: none;
		width: 100%;
		display: block;
		margin: 0;
		line-height: 1em;
	}

	#menu_principal li a,
	#menu_principal_pie li a,
	#menu_video li a { font-size: 44px; }

	#menu_principal li a:hover,
	#menu_principal_pie li a:hover,
	#menu_video li a:hover,
	#menu_principal li a:active,
	#menu_principal_pie li a:active,
	#menu_video li a:active,
	#menu_principal li.activo  a,
	#menu_principal_pie li.activo  a,
	#menu_video .activo  a { text-decoration: none; }


	.hero-home { min-height: 100px !important; }

    #hero-logo figure {
        width: 768px;
        height: 768px;
    }

    .scroll-home #hero {
	    height: 318px;
	    margin-bottom: 0;
	}

	.video-home .svg-container { display: none; }

	.scroll-home .block-textazo {
		height: 100%;
		margin-top: 0;
		top: 0;
	}
    .video-home .block-textazo { opacity: 1; }

    .scroll-home #video-wrp { display: none; }

    .video--mobile { display: block; }

	.textazo,
	.textito,
	.play .texto,
	.block-proyecto .textazo,
	.play .texto,
	.contenedor h2.h2textazo {
		font-size: 44px;
		padding-right: 80px;
		padding-bottom: 25px;
	}

	.block-proyecto .textazo { padding-bottom: 5px; }

	.contenedor .facts .percent {
		font-size: 2.2em;
		padding: 0;
	}

	.contenedor .facts li {
		float: left;
		width: auto;
		margin-left: 60px;
	}
	.contenedor .facts li:first-child { margin-left: 0; }

	.video-home .play { display: none; }


	.contenedor .facts .percent + span {
		display: block;
		margin-left: 0;
	}

	.symbol-zorraquino { width: 700px; }

	.hero + #main .contenedor { padding-top: 50px; }


	.bloque--video { margin-bottom: 30px; }

		.video--office { display: none; }
		.video--corporate { display: block; }


	/* 3 COLUMNAS */
	.col3_1,
	.col3_2 {
		float: none;
		width: 100%;
		margin: 0;
		min-height: 0;
	}

	.col3_3 > .bloque--intro,
	.col4_4 > .bloque--intro { padding-right: 0; }

	#informes .textazo + p { padding-right: 0; }

    #sessions .col3_1,
    #sessions .col3_2 { margin-top: 60px; }

    .contacto > .col3_1,
	.contacto > .col3_2 { display: inline-block; }

	.contacto > .col3_1 {
		float: left;
		width: 305px;
		margin-left: 30px;
	}
	.contacto > .col3_1:first-child {
		margin-left: 0;
		width: 100%;
	}
	.contacto--alone > .col3_1:first-child { width: 305px; }

		.contacto > .col3_1:first-child .bloque {
			width: 312px;
			margin-bottom: 0;
			float: left;
		}
		.contacto > .col3_1 .bloque + .bloque {
			margin-top: 0;
			margin-bottom: 0;
			margin-left: 35px;
		}


	.col3_1 .bloque,
	.col3_2 .bloque { padding-right: 20px; }
	.contacto form .bloque,
	#formEmpleo .bloque { padding-right: 0; }

	.col3_3 + .col3_3 { margin-top: 0; }
	.margin_col3_1 { margin-left: 0; padding-left: 0; }

	/* 4 COLUMNAS */
	.col4_1 { width: 330px; }
	.col4_2 { width: 690px; margin-left: 0; }
	.col4_3 { width: 690px; margin-left: 0; }

	.col3_1 + .col3_1 .bloque { padding-top: 0; }
	.col4_1 + .col4_1 + .col4_1 .bloque { padding-top: 0; }

	.col3_1 + .col3_1 .bloque h2:first-child,
	.col3_1 + .col3_2 .bloque h2:first-child,
	.col3_2 + .col3_1 .bloque h2:first-child,
	.col4_1 + .col4_1 .bloque h2:first-child,
	.col4_1 + .col4_2 .bloque h2:first-child,
	.col4_1 + .col4_3 .bloque h2:first-child,
	.col4_2 + .col4_1 .bloque h2:first-child,
	.col4_2 + .col4_2 .bloque h2:first-child,
	.col4_3 + .col4_1 .bloque h2:first-child { margin-top: 40px; }

	.contacto .col3_1 + .col3_1 .bloque h2 { margin-top: 0; }

	.next-sessions .new-session,
	.last-sessions .old-session { margin: 40px 0 4px!important; }

	.next-sessions .col3_1:first-child .new-session,
	.last-sessions .col3_1:first-child .old-session { margin-top: 0!important; }

	.contenido .menu { width: 700px; }

	.lista_comentarios { height: 220px; }

	.tweets { height: 220px; }

	.metodo-list-1,
	.metodo-list-2 { min-height: 0; }

	.boton { margin-bottom: 21px; }



	/* INDICE PROYECTOS */

	.indice_proyectos_home li.isFive { display: none; }
	.indice_proyectos_home li.isFour { display: none; }
	.indice_proyectos_home li.isThree { margin-right: 0; }

	.indice_proyectos li.isFive { margin-right: 20px; }
	.indice_proyectos li.isFour { margin-right: 20px; }
	.indice_proyectos li.isThree { margin-right: 0; }

	#list-proyectos .entry-image {
		width: 340px;
		max-height: 210px;
	}

	#list-proyectos .isTwo { margin-right: 0; }
	#list-proyectos .isImpar.last { display: none; }

	.img__google--partner { margin-top: 20px; }
    .img__mailchimp { margin-top: -20px; }

	.img__mailchimp img { margin-bottom: 0; }

	.img__google--partner + .texto,
    .img__mailchimp + .texto { padding-top: 0!important; }



	/* PROYECTO */

	#info-proyecto .col3_1,
	#info-proyecto-pre .col3_1,
	#info-proyecto .col3_2,
	#info-proyecto-pre .col3_2 { width: 100% }

	#info-proyecto .col3_1 .bloque,
	#info-proyecto-pre .col3_1 .bloque,
	#info-proyecto .col3_2 .bloque,
	#info-proyecto-pre .col3_2 .bloque { padding-top: 0; }

	#info-proyecto .col3_2 .bloque,
	#info-proyecto-pre .col3_2 .bloque { width: 100%; }
	#info-proyecto .col3_2 .bloque + .bloque { width: 100%; }

	#imgs-proyecto { min-height: 300px; }


	.columnas {
		-webkit-column-count: 2;
		-webkit-column-gap: 20px;
		-moz-column-count: 2;
		-moz-column-gap: 20px;
		column-count: 2;
		column-gap: 20px;
	}

	/* AGENCIA */
	#estudio { display: none; }
	#equipo .figure-list figure,
	#clientes .figure-list figure { width: 220px; }
	#equipo .figure-list figure.isFour,
	#clientes .figure-list figure.isFour { margin-right: 20px; }
	#equipo .figure-list figure.isThree,
	#clientes .figure-list figure.isThree { margin-right: 0; }

	#clientes .figure-list figure.isPreLast { display: block; }
	#clientes .figure-list figure.isLast { display: none; }

	#equipo .figure-list figure:hover .censor-tag {
		-webkit-transform: translateY(-130px);
		   -moz-transform: translateY(-130px);
		        transform: translateY(-130px);
	}


	#empleo .top-hueco { margin-top: 0px; }

	#empleo .col4_4 + .oferta-empleo,
	#empleo + .col4_4 { margin-top: 40px; }


	#informes .bloque + .bloque { margin-top: 40px; }


	.control-group-pair .control-group {
		display: block;
		float: left;
		margin-left: 50px;
	}

	.control-group-pair .control-group:first-child {
		margin-left: 0;
	}

	#formEmpleo input,
	#formContacto input,
	#formContacto input,
	#formSessions input,
	#formSessions select,
	#formUpdateNewsletter input { width: 287px; }


	#formContacto .customSelect,
	#formEmpleo .customSelect,
	#formContacto .customSelect,
	#formSessions .customSelect { width: 289px; }

	#formContacto textarea {
		max-width: 662px;
		width: 662px;
	}

	#formSessions,
	#formUpdateNewsletter { width: 515px; }
	#formSessions input,
	#formSessions select,
	#formSessions textarea,
	#formUpdateNewsletter input { width: 475px; }
	#formSessions textarea { max-width: 475px; }

	#formSessions .customSelect { width: 477px;}

	.fileInput .boton {
		width: 241px;
		margin: 0;
	}

	#formContacto button.boton,
	#formEmpleo button.boton,
	#formSessions button.boton {
		position: relative;
		top: 30px;
		margin-left: 0;
		display: inline-block;
	}

	#formEmpleo button.boton {
		margin-left: 0;
		float: left;
	}

	.pie-text { float: none; }


	#pie,
	#pie-home { padding: 55px 0 25px; }

	#pie address,
	#pie-home address {
		display: inline-block;
		margin-bottom: 0;
	}

	#pie #copyright,
	#pie-home #copyright {
		float: none;
		margin-top: 0;
	}
	#copyright p {
		text-align: left;
		margin: 0;
	}


	#menu_principal_pie li {
		width: 50%;
		float: left;
		text-align: left;
	}


	.nmOnTablet { margin: 0; }
	.hideOnTablet { display: none; }
	.showOnTablet { display: block; }

    .img--first{
        top:0;
        position: relative;
    }

    #info-proyecto--first {
        margin-top: 40px;
        margin-bottom: 25px;
    }

    #imgs-proyecto img,
	#imgs-proyecto video,
	.block-proyecto img {
        width: 738px;
        margin-left: -19px;
    }

    .block-proyecto--half img {
		width: 100%;
		margin-left: 0;
	}

    #hero-logo { top: -30px; }

    input[type="date"] { height: 26px; }

    .hero__title--disruptors,
    .hero__title--c4e,
    .hero__title--dweek,
    .hero__title--evernote {
	    -webkit-transform: scale(0.75);
	    		transform: scale(0.75);
	}



	.contenedor .bloque--legal table,
	.contenedor .bloque--legal table tr { width: 100%; }

	.contenedor .bloque--legal table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

		.contenedor .bloque--legal table td {
			position: relative;
			display: inline-block;
			width: calc(50% - 20px);
			padding-left: calc(50% + 20px);
			padding-right: 0;
		}
		.contenedor .bloque--legal table td:first-child { background-color: #f1f1f1; }
		.contenedor .bloque--legal table td:last-child { margin-bottom: 40px; }

		.contenedor .bloque--legal table td:before {
			content: attr(data-title);
			color: #000;
		}

		.contenedor .bloque--legal table td:before {
			position: absolute;
			top: 12px;
			left: 20px;
			width: calc(50% - 20px);
			white-space: nowrap;
			text-align: left;
			font-weight: bold;
		}

    .bloque--intro p + .yt__video { margin-right: -20px; }

    .yt__video { height: 382px }

        .yt__video .yt__iframe { height: 100%; }

    .col3_1 .bloque.diapo-slider,
    .col3_2 .bloque.diapo-slider,
    .diapo-slider { padding: 0; }

    	#sessions-content .bloque_imagenes .bloque_imagen { margin: 0 14px 14px 0; }

        #sessions-content .bloque_imagenes .bloque_imagen img { width: 224px; }

        .btn_sessions.hideOnTablet {display: none !important;}



    /* ENCUESTAS */
   .contenedor .choices__text {
		float: none;
		width: auto;
		margin-bottom: 10px;
	}

	.contenedor .choices__list {
		float: none;
		width: 100%;
	}

}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    #hero-logo figure {
        width: 100%;
        height: auto;
    }

    #hero-logo figure img{
        width: 640px;
        height: auto;
    }

    #pie-home { bottom: 0px; }
    #hero-logo { top: -90px; }

}



/* MOBILE LAYOUT (PORTRAIT/320PX)
----------------------------------------------- */

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

	.index { overflow: visible; }
	.index .hero .block-textazo .textazo {
		padding-right: 0 !important;
	}

    .gotoOut,
    .gotoSessions {
        width: 155px;
        margin: 0 auto;
    }
	.contenedor,
	.wrapper,
    .wrp {
		width: calc(100% - 40px);
		margin: 0px 20px;
	}

	.contenedor .wrapper {
		width: 100%;
		margin: 0;
	}

    .h2__link a { color: #000000 !important; }
    .h2__link a:hover { color: #000000 !important; }
	.h2__link { margin-top: 40px !important; }

	header.lock + * { padding-top: 70px; }
	.csspositionsticky header.lock + * { padding-top: 0; }

	#cabecera { padding: 30px 0 20px; }

	#menuMobile { display: block; }
	#menuMobile.lock { right: 6.25%; }

	#menu_principal {
		display: none;
		position: absolute;
		width: 100%;
		margin: 0;
	}

	#menu_principal li,
	#menu_principal_pie li,
	#menu_video li {
		float: none;
		width: 100%;
		display: block;
		margin: 0;
		line-height: 1em;
	}

	#menu_principal li,
	#menu_principal_pie li { text-align: left; }

	#menu_principal li a,
	#menu_principal_pie li a,
	#menu_video li a,
	.textazo,
	.textito,
	.contenedor .facts .percent,
	.play .texto,
	.block-proyecto .textazo,
	.play .texto,
	.contenedor h2.h2textazo {
		font-size: 32px;
		line-height: 1.15em;
	}

	#hero,
	.body--cultura #hero,
	.body--culture #hero,
	.body--contacto #hero,
	.body--contact #hero,
	.body--informes #hero,
	.body--reports #hero,
	.body--diccionario #hero,
	.body--dictionary #hero { min-height: 0; }

		.hero + #main .contenedor { padding-top: 0; }

	.body--formularios #main .contenedor {
		margin: 0;
	}
	.body--formularios .typeform-widget {
		height: calc(100vh - 89px) !important;
	}
		.body--formularios .typeform-widget:after { display: none; }

	.scroll-home #hero {
		height: 194px;
		margin-bottom: 0;
		background-color: #ffffff;
	}
	.touch .scroll-home #hero,
	.tablet.scroll-home #hero { height: 194px; }

		.scroll-home .block-textazo { height: 100%; }

    #hero-logo figure {
        width: 100%;
        height: auto;
    }

    #hero-logo figure img {
        width: 100%;
        height: auto;
    }

    #hero .textazo-np br { display: none; }

	.hero-home { min-height: 50px!important; }

	.scroll-home .svg-container,
	.scroll-home #video-wrp { display: none; }

	.video--mobile { display: block; }

	.yt__video--big {
		width: calc(100% + 40px);
		margin-bottom: 40px;
		margin-left: -20px;
	    margin-right: -20px;
	}

	.textazo,
	.textito,
	.contenedor .facts .percent,
	.play .texto,
	.block-proyecto .textazo,
	.play .texto,
	.contenedor h2.h2textazo {
		padding-top: 40px;
		padding-bottom: 10px;

	}
	#cultura .textazo,
	#informes .textazo,
	.block-proyecto .textazo { padding-top: 25px; }
	.vecinos .textazo { padding-top: 0; }
	#cultura .bloque:first-child .textazo,
	#cultura .block-proyecto .textazo { padding-top: 30px; }

	.textazo,
	.block-proyecto .textazo { padding-right: 20px; }


	.video-idle #hero .play,
	.mobile.video-idle #hero .play {
		position: relative;
		top: 50%;
		left: 50%;
		margin: -38px -38px;
		opacity: 1;
		display: none;
	}

	.video-home .block-textazo {
		margin-top: 0;
		top: 0;
		opacity: 1;
	}

	.video-home .play { display: none; }

	.textazo br { content: ""; }
	.textazo br:before { content: " "; }

	.symbol-zorraquino { width: 100%; }


	.video--mobile { display: block; }


    .video-home--inverse .bloque--intro.hero .textazo {
        margin-right: 0;
    }


	#main {
		overflow: hidden;
		padding-bottom: 60px;
		min-height: calc(100vh - 365px);
	}

	.breadcrumb { display: none; }

	pre,
	.contenedor,
	.contenedor h3,
	.contenedor .bloque h3,
	.contenedor .bloque h4,
	.contenedor .bloque h5,
	.contenedor .bloque h6,
	.contenedor .bloque dt { font-size: 16px; }

	.contenedor h2 { font-size: 24px; }

	.contenedor .facts,
	.contenedor .bloque ul.facts {
		margin-bottom: 40px
	}
		.contenedor .facts li {
			float: none;
			margin-left: 0;
		}

		.contenedor .facts .percent {
			display: block;
			padding-top: 0;
			padding-bottom: 5px;
		}

		.contenedor .facts .percent + span {
			width: auto;
			margin-left: 0;
		}

		.contenedor .facts .percent + span br { content: ""; }
		.contenedor .facts .percent + span br:before { content: " "; }

	#imgs-proyecto { min-height: 100px; }

	.img__google--partner { margin-top: 20px; }
    .img__mailchimp { margin-top: -20px; }

	.img__mailchimp img { margin-bottom: 0; }

	.img__google--partner + .texto,
    .img__mailchimp + .texto { padding-top: 0!important; }


    .bloque--video { margin-bottom: 25px; }

    	.video--office { display: none; }
		.video--corporate { display: block; }



    .contenedor .bloque--intro p,
    .contenedor .bloque--intro li,
    #areadeprensa .bloque--intro h3,
    .contenedor .bloque--proyecto p,
    .contenedor .proyect-awwards dd,
    .contenedor h2,
    .contenedor .bloque h3,
    .contenedor dt,
    .contenedor dd,
    .proyecto__cliente,
    .contenedor .bloque--proyecto h3,
    .diccio-content li,
    .contenedor .bloque dt,
    .contenedor .bloque dd {
		font-size: 1.3em;
		line-height: 1.45em;
    }

    .contenedor .bloque dt { word-wrap: break-word; }

    .contenedor .bloque dt {
	    margin-top: 20px;
	    margin-bottom: 0;
	}

    .contenedor .bloque--intro p,
    .contenedor .bloque--proyecto p {
	    -webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
    }

    .contenedor .bloque--intro li p { font-size: 1em; }


	/* 3 COLUMNAS */
	.col3_1,
	.col3_2 {
		float: none;
		width: 100%;
		margin: 0;
		min-height: 0;
	}

	.margin_col3_1 { margin-left: 0; padding-left: 0; }

    #areadeprensa .col3_2,
    #sessions .col3_2 {
        margin-top: 60px;
    }

	.col3_3 + .col3_3 { margin-top: 0; }

	/* 4 COLUMNAS */
	.col4_1,
	.col4_2,
	.col4_3 {
		float: none;
		width: 100%;
		margin-left: 0;
		padding: 0;
	}

	.col3_1 + .col3_1 .bloque,
	.col4_1 + .col4_1 .bloque { padding-top: 0; }

	.col3_1 + .col3_1 .bloque h2:first-child,
	.col3_1 + .col3_2 .bloque h2:first-child,
	.col3_2 + .col3_1 .bloque h2:first-child,
	.col4_1 + .col4_1 .bloque h2:first-child,
	.col4_1 + .col4_2 .bloque h2:first-child,
	.col4_1 + .col4_3 .bloque h2:first-child,
	.col4_2 + .col4_1 .bloque h2:first-child,
	.col4_2 + .col4_2 .bloque h2:first-child,
	.col4_3 + .col4_1 .bloque h2:first-child {
		margin-top: 40px;
		margin-bottom: 20px;
	}

	.col3_1 .bloque h2:first-child,
	.col3_2 .bloque h2:first-child,
	.col4_1 .bloque h2:first-child,
	.col4_2 .bloque h2:first-child,
	.col4_3 .bloque h2:first-child { margin-bottom: 20px; }

	.next-sessions .new-session,
	.last-sessions .old-session { margin-top: 24px!important; }

	.col3_3 > .bloque--intro,
	.col4_4 > .bloque--intro { padding-right: 0; }

	#informes .textazo + p { padding-right: 0px; }

	#info-proyecto .col3_1,
	#info-proyecto-pre .col3_1,
	#info-proyecto .col3_2,
	#info-proyecto-pre .col3_2 { width: 100% }

	#info-proyecto .col3_1 .bloque,
	#info-proyecto-pre .col3_1 .bloque,
	#info-proyecto .col3_2 .bloque,
	#info-proyecto-pre .col3_2 .bloque { padding-top: 0; }

	#info-proyecto .col3_2 .bloque,
	#info-proyecto-pre .col3_2 .bloque { width: 100%; }

	.vecinos { padding: 0; }
		.vecinos__anterior { display: none; }
		.vecinos__siguiente {
			width: 100%;
			padding: 20px 0;
		}

			.vecinos .proyect-type { display: none; }

			.vecinos__siguiente .textazo { margin-left: 0; }

	.vecinos--last { display: none; }


	.bt_mas_informacion,
	.bt_enviar { font-size: 17px; }

	.lista_comentarios { height: 220px; }

	.tweets { height: 220px; }

	.metodo-list-1,
	.metodo-list-2 { min-height: 0; }

	.boton,
	a.boton,
	button.boton,
	.bt_mas_informacion,
	.bt_enviar {
		box-sizing: border-box;
		width: 100%;
		height: 58px;
		margin-bottom: 21px;
		text-align: center;
		display: inline-block;
	}

	.boton + .boton,
	.no-list .boton {
		margin-left: 0;
		margin-top: 20px;
	}

	#inform .boton { margin-top: 20px; }


	.scroll-home #hero,
	.content #hero { margin-top: -3px; }




	.next-sessions .col3_1 + .col3_1 { margin-top: 40px; }




	#informes .bloque + .bloque { margin-top: 20px; }


	/* INDICE PROYECTOS */

	.indice_proyectos_home li.isTwo { display: none; }
	.indice_proyectos_home li.isThree { display: none; }
	.indice_proyectos_home li.isFour { display: none; }
	.indice_proyectos_home li.isFive { display: none; }


	#list-proyectos .entry-image {
		width: 100%;
		max-height: none;
	}

	#list-proyectos .entry-image img,
	#list-proyectos .entry-image canvas {
		width: 116%;
		margin: 0 -8%;
	}

	#list-proyectos article:hover .entry-image img { visibility: visible; }
	#list-proyectos article:hover .entry-image .bn-img { visibility: hidden; }

	#list-proyectos .isThree { margin-right: 0; }
	#list-proyectos .isTwo { margin-right: 0; }
	#list-proyectos article,
	.block-proyecto--half,
	#list-proyectos .block-proyecto--half {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	#list-proyectos .isImpar.last { display: block; }

	#list-proyectos.home .isFour { display: none; }


	.anim-wrp {
		width: 116%;
		margin: 0 -8%;
	}

	#list-proyectos article h2 {
		width: 100%;
		padding: 5px 0 0;
	}

	#list-proyectos article .censor-tag,
	#list-proyectos article:hover .censor-tag {
		-webkit-transform: translateY(-165px);
		   -moz-transform: translateY(-165px);
		        transform: translateY(-165px);
	}

	#list-proyectos article.hover .censor-tag,
	#list-proyectos article.hover:hover .censor-tag {
		-webkit-transform: translateY(0px);
		   -moz-transform: translateY(0px);
		        transform: translateY(0px);
	}

	#list-proyectos article.hover h2,
	#list-proyectos article.hover:hover h2 {
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		        transform: translateY(0);
	}

    .index body { font-size: 50%; }

	/* PROYECTO */

	.gal_proyecto { margin: 0 -20px; }

	.gal_proyecto figure figcaption { margin: 0 6%; }

	.columnas {
		-webkit-column-count: 1;
		-webkit-column-gap: 20px;
		-moz-column-count: 1;
		-moz-column-gap: 20px;
		column-count: 1;
		column-gap: 20px;
	}

	.ver-web { display: none; }


	/* AGENCIA */

	#equipo .figure-list { margin-top: 0; }


	#equipo .figure-list figure,
	#clientes .figure-list figure {
		width: 100%;
		margin: 0 0 20px 0;
	}
	#equipo .figure-list figure,
	#clientes .figure-list figure { height: auto; }


	figure .img-equipo,
	figure .logo-cliente,
	.yt__video {
		width: calc(100% + 40px);
		margin: 0 -20px;
	}
	figure .logo-cliente { margin: -40px -8%; }
	.flickity figure .logo-cliente { margin: 0; }

	#equipo .figure-list figure.isFour,
	#clientes .figure-list figure.isFour,
	#equipo .figure-list figure.isThree,
	#clientes .figure-list figure.isThree,
	#equipo .figure-list figure.isTwo,
	#clientes .figure-list figure.isTwo { margin: 0 0 20px 0; }

	#equipo .flickity.figure-list figure.isFour,
	#clientes .flickity.figure-list figure.isFour,
	#equipo .flickity.figure-list figure.isThree,
	#clientes .flickity.figure-list figure.isThree,
	#equipo .flickity.figure-list figure.isTwo,
	#clientes .flickity.figure-list figure.isTwo { margin: 0; }

	figure .anim-wrp {
		width: 116%;
		margin: 0 -8%;
	}


	.contacto > .col3_1,
	.contacto > .col3_2 { display: inline-block; }
	.contacto .col3_1 .bloque + .bloque { margin-top: 40px; }


	#estudio { display: none; }
	#equipo .figure-list figcaption { width: 100%; }


	#empleo .top-hueco { margin-top: 0px; }

	#empleo .col4_4 + .oferta-empleo,
	#empleo + .col4_4 { margin-top: 40px; }


	.cliente-kutxabank .logo-cliente { margin: -40px -8% -50px; }
	.cliente-euskaltel .logo-cliente { margin: -50px -8% -58px; }
	.cliente-museo-guggenheim-bilbao .logo-cliente { margin: -58px -8% -55px; }
	.cliente-eroski .logo-cliente { margin: -55px -8% -40px; }
	.cliente-saunier-duval .logo-cliente { margin: -40px -8%; }
	.cliente-kaspersky-lab .logo-cliente { margin: -40px -8% -50px; }
	.cliente-bathco .logo-cliente { margin: -50px -8%; }
	.cliente-bodeboca .logo-cliente { margin: -40px -8%; }
	.cliente-vidrala .logo-cliente { margin: -40px -8%; }
	.cliente-ide .logo-cliente { margin: -40px -8%; }
	.cliente-grupo-consorcio .logo-cliente { margin: -40px -8%; }


	.flickity .cliente-kutxabank .logo-cliente,
	.flickity .cliente-euskaltel .logo-cliente,
	.flickity .cliente-museo-guggenheim-bilbao .logo-cliente,
	.flickity .cliente-eroski .logo-cliente,
	.flickity .cliente-saunier-duval .logo-cliente,
	.flickity .cliente-kaspersky-lab .logo-cliente,
	.flickity .cliente-bathco .logo-cliente,
	.flickity .cliente-bodeboca .logo-cliente,
	.flickity .cliente-vidrala .logo-cliente,
	.flickity .cliente-ide .logo-cliente,
	.flickity .cliente-grupo-consorcio .logo-cliente { margin: 0; }



	.control-group { display: block; }
	.control-group .input { float: none; }

	h2 + .control-group-pair,
	h2 + .control-group { margin-top: 0; }

	#formContacto .control-group {
		float: none;
		margin-left: 0;
	}

	#formNewsletter .control-group {
		margin: 0 0 15px;
		float: none;
	}

	textarea,
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"],
	textarea,
	.fileInput {
		width: 100%;
		box-sizing: border-box;
	}

		.fileInput .boton { text-align: left; }


	#formNewsletter input[type="text"],
	#formNewsletter input[type="email"],
	#formEmpleo input,
	#formEmpleo select,
	#formEmpleo .customSelect,
	#formContacto input,
	#formContacto select,
	#formContacto .customSelect,
	#formContacto textarea,
	#formSessions input,
    #formSessions textarea,
    #formUpdateNewsletter input,
	#formSessions select,
	#formSessions .customSelect,
	#dynamicsearch input,
	#dynamicsearch #dynamicsearch_results {
		width: 100%;
		box-sizing: border-box;
	}

	.fileInput .boton {
		margin: 0;
		width: 100%;
		box-sizing: border-box;
	}

	input[type="date"] { height: 58px; }
	.customSelect { height: 58px; }

	#formContacto textarea {
		max-width: 100%;
		min-height: 132px;
		width: 100%;
	}
	#formContacto .bloque { margin-bottom: 0; }

	#formSessions,
	#formUpdateNewsletter { width: 100%; }
	#formSessions textarea { max-width: 100%; }

	#formNewsletter .boton {
		margin-top: 0;
		margin-left: 0;
	}


	#formEmpleo button,
	#formContacto button,
	#formSessions button { margin-bottom: 0; }


	#dynamicsearch #dynamicsearch_results ul li a,
	#dynamicsearch #dynamicsearch_results ul li p {
		width: 100%;
		box-sizing: border-box;
	}


	/* FOOTER */

	#navicons,
	.pie-text { display: block; }

	.pie-text,
	#pie #copyright,
	#pie-home #copyright {
		width: 100%;
		margin-left: 0;
	}

	.pie-text {
		float: none;
		width: auto;
	}
	#pie .dir,
	#pie-home .dir { float: none; }
	#pie #copyright,
	#pie-home #copyright {
		float: none;
		width: auto;
	}
	#copyright p { text-align: left; }

	#pie p,
	#pie-home p {
		line-height: 20px;
		margin-top: 30px;
	}

	.social-links span {
		display: block;
		line-height: 0;
		height: 0;
	}

	#pie .blockOnMobile,
	#pie-home .blockOnMobile { margin-bottom: 8px; }

	.blockOnMobile { display: block; }
	.hideOnMobile { display: none; }
	.blockOnDesktop { display: none; }
	.hideOnDesktop { display: block; }
	.hiddenOnMobile { display: none; }
	.hiddenOnDesktop.showOnMobile { display: block; }

    .btn_sessions.hideOnMobile {display: none !important;}

	.no-br-portrait br { content: ""; }
	.no-br-portrait br:before { content: " "; }

    .img--first{
        top:0px;
        position: relative;
    }
    .img-wrp.img--first img {
        width: 120% !important;
        margin-left: -10% !important;
    }

    #info-proyecto--first,
    #info-proyecto--concat {
        margin-top: 40px;
        margin-bottom: 25px;
    }
    .proyect-concat { margin-top: 0; }

    #imgs-proyecto img,
	#imgs-proyecto video,
	.block-proyecto img {
		width: calc(100% + 40px);
        margin-left: -20px;
        margin-bottom: 20px;
        background-color: #f8f8f8;
    }

    #imgs-proyecto.gal_proyecto img,
    #imgs-proyecto.gal_proyecto video {
	    width: 100%;
	    margin-left: 0;
    }

	    #imgs-proyecto img.img--photo{
		    width: 100%;
		    margin: 0;
		    padding: 10px 0;
	    }

	    	#imgs-proyecto img.img--photo.img--photo--first { padding-top: 25px; }

			#imgs-proyecto img.img--photo.img--photo--last { padding-bottom: 25px; }

    div#estudios_01.control-group { width: 100%; }


    #pie,
	#pie-home { padding: 35px 0 10px; }



	.contenedor .bloque--legal table,
	.contenedor .bloque--legal table tr { width: 100%; }

	.contenedor .bloque--legal table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

		.contenedor .bloque--legal table td {
			position: relative;
			display: inline-block;
			width: calc(50% - 20px);
			padding-left: calc(50% + 20px);
			padding-right: 0;
		}
		.contenedor .bloque--legal table td:first-child { background-color: #f1f1f1; }
		.contenedor .bloque--legal table td:last-child { margin-bottom: 40px; }

		.contenedor .bloque--legal table td:before {
			content: attr(data-title);
			color: #000;
		}

		.contenedor .bloque--legal table td:before {
			position: absolute;
			top: 12px;
			left: 20px;
			width: calc(50% - 20px);
			white-space: nowrap;
			text-align: left;
			font-weight: bold;
		}



	.fdez {
		position: relative;
		display: inline-block;
		text-indent: -2000em;
		height: 100%;
		width: 40px;
	}

	.fdez:after {
		content: "Fdez.";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-indent: 0;
	}


	.hero__text {
		width: 87.5%;
		padding: 0px 6.25%;
		left: 0;
		margin-left: 0;
	}

	.hero__title--disruptors,
	.hero__title--c4e,
	.hero__title--dweek,
	.hero__title--evernote {
		background-size: cover;
		width: 280px;
		height: 45px;
		margin: 0 auto;
	}

	.hero__title--disruptors + p,
	.hero__title--c4e + p,
	.hero__title--dweek + p,
	.hero__title--evernote + p {
		font-size: 17px;
		line-height: 26px;
	}


	.social-links a {
		display: inline-block;
		margin-bottom: 8px;
	}


	/* ENCUESTAS */
	.contenedor .choices__text {
		float: none;
		width: auto;
		margin-bottom: 10px;
	}

	.contenedor .choices__list {
		float: none;
		width: 100%;
	}

	.component__checkbox,
	.component__radio { width: 100%; }

	.survey__required-text { margin-left: 0; }



    @-webkit-keyframes fadeInUp {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(0, 36px, 0);
					transform: translate3d(0, 36px, 0);
		}

		100% {
			opacity: 1;
			-webkit-transform: none;
					transform: none;
		}
	}

	@keyframes fadeInUp {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(0, 36px, 0);
					transform: translate3d(0, 36px, 0);
		}

		100% {
			opacity: 1;
			-webkit-transform: none;
					transform: none;
		}
	}

	@-webkit-keyframes fadeInDown {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(0, -36px, 0);
					transform: translate3d(0, -36px, 0);
		}

		100% {
			opacity: 1;
			-webkit-transform: none;
					transform: none;
		}
	}

	@keyframes fadeInDown {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(0, -36px, 0);
					transform: translate3d(0, -36px, 0);
		}

		100% {
			opacity: 1;
			-webkit-transform: none;
					transform: none;
		}
	}

	#formSessions .control-group,
	#formUpdateNewsletter .contro-group {
	    width: 100%;
	}

	.awards-info-proyecto { margin-bottom: 0px; }
	#info-proyecto--last { margin-top: 15px; }

    .col3_1_sessions {
        margin-top: 50px !important;
    }
    .btn_sessions {
        margin-top: 30px !important;
        margin-bottom: 0px !important;
    }

    .bloque.diapo-slider,
    #equipo .figure-list,
    #clientes .figure-list {
        margin-bottom: 20px !important;
        margin-left: -20px;
		margin-right: -20px;
    }
    .bloque.diapo-slider { margin-bottom: 60px !important; }

    #sessions .diapo-slider + #sessions-content { margin-top: 60px; }

    #sessions-content .bloque_imagenes .bloque_imagen,
    #equipo .figure-list figure,
    #clientes .figure-list figure {
		width: calc(100% - 60px);
	    margin-right: 0;
	    margin-bottom: 0;
	}


	#sessions-content .bloque_imagenes .bloque_imagen:last-child,
	#equipo .figure-list figure:last-child,
	#clientes .figure-list figure:last-child { padding-right: 60px; }

	#clientes .figure-list figure:after {
		width: calc(100% - 20px);
		left: 20px;
	}
	#clientes .figure-list figure:last-child:after { width: calc(100% - 80px); }

		#sessions-content .bloque_imagenes .bloque_imagen img,
		#equipo .figure-list figure img,
		#clientes .figure-list figure img {
			display: block;
			text-align: center;
			color: white;
			width: calc(100% - 20px);
			height: 100%;
			margin-left: 20px
		}

		#equipo .figure-list figcaption,
		#clientes .figure-list figcaption { padding-bottom: 0; }

			#equipo .figure-list figcaption p,
			#clientes .figure-list figcaption p { padding-left: 20px; }


	.flickity-slider { 	}

		.flickity-viewport { height: 400px; }

		.flickity-prev-next-button { display: none; }

	    .flickity-page-dots {
		    margin-left: 0!important;
	        bottom: -45px !important;
	        left: 20px !important;
	        text-align: left!important;
	    }

			.flickity-page-dots .dot {
			    width: 5px !important;
			    height: 5px !important;
			    margin: 0 6px;
			}
			.flickity-page-dots .dot:first-child { margin-left: 2px; }

			.flickity-page-dots .dot:nth-child(7) { opacity: 1; }
			.flickity-page-dots .dot.is-selected ~ .dot { opacity: 0.25; }

			.flickity-page-dots .dot:nth-child(7) ~ .dot {
			    display: none;
			}


	.yt__video {
        margin-top: 15px;
        margin-bottom: 10px;
    }


    /* ENCUESTAS */

    .survey__step__edit,
    .survey__step__edit.boton,
    .survey__step.survey__step--inactive a.boton {
	    display: none;
	}



}


/* WIDE MOBILE LAYOUT (LANDSCAPE/480PX)
----------------------------------------------- */

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


	/* 4 COLUMNAS */
	.col4_1,
	.col4_2,
	.col4_3 {
		float: none;
		width: 100%;
		margin-left: 0;
		padding: 0 10px 0 0;
		box-sizing: border-box;
	}

	.col4_1.isTwo { padding: 0 0 0 10px; }

	.col4_1 + .col4_1 .bloque { padding-top: 44px; }
	.col4_1 + .col4_1 + .col4_1 .bloque { padding-top: 0; }

	.textazo {
		padding-right: 12%;
		padding-top: 40px;
	}
	.video-home .textazo { width: auto; }

	.lista_comentarios { height: 220px; }

	.tweets { height: 220px; }


	/* INDICE PROYECTOS */

	.indice_proyectos_home li.isTwo { display: block; }
	.indice_proyectos_home li.isThree { display: none; }
	.indice_proyectos_home li.isFour { display: none; }
	.indice_proyectos_home li.isFive { display: none; }

	/* #list-proyectos .entry-image, */


	#list-proyectos article {
		width: 50%;
		margin: 0 0 20px 0;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
	}
	#list-proyectos .isTwo { padding: 0 0 0 10px; }
	#list-proyectos .isImpar.last { display: none; }

	#list-proyectos.home .isFour { display: block; }

	#list-proyectos .entry-image img,
	#list-proyectos .entry-image canvas {
		width: 100%;
		margin: 0;
	}

	#list-proyectos article h2 {
		width: 100%;
		padding: 5px 0 0;
	}

	#list-proyectos .block-proyecto,
	.block-proyecto { width: 100%; }

	.anim-wrp {
		width: 100%;
		margin: 0;
	}



	/* PROYECTO */

	.gal_proyecto { margin: 0; }
	.gal_proyecto figure figcaption { margin: 0; }


	#info-proyecto .col4_1,
	#info-proyecto-pre .col4_1,
	#info-proyecto .col4_3,
	#info-proyecto-pre .col4_3 {
		width: 100%;
		padding: 0;
	}

	#list-proyectos article h2 .entry-type { display: none; }


	.boton,
	a.boton,
	button.boton,
	.bt_mas_informacion,
	.bt_enviar,
	.textazo + .boton {
		width: auto;
		min-width: 274px;
		margin-right: 30px;
	}


	/* AGENCIA */

	#equipo .figure-list figure,
	#clientes .figure-list figure {
		width: calc(50% - 60px);
		margin: 0;
	}

	figure .img-equipo,
	figure .logo-cliente {
		width: 100%;
		margin: 0;
	}

	.cliente-kutxabank .logo-cliente,
	.cliente-euskaltel .logo-cliente,
	.cliente-museo-guggenheim-bilbao .logo-cliente,
	.cliente-eroski .logo-cliente,
	.cliente-saunier-duval .logo-cliente,
	.cliente-kaspersky-lab .logo-cliente,
	.cliente-bathco .logo-cliente,
	.cliente-bodeboca .logo-cliente,
	.cliente-vidrala .logo-cliente,
	.cliente-ide .logo-cliente,
	.cliente-grupo-consorcio .logo-cliente { margin: -20px 0; }

	.flickity .cliente-kutxabank .logo-cliente,
	.flickity .cliente-euskaltel .logo-cliente,
	.flickity .cliente-museo-guggenheim-bilbao .logo-cliente,
	.flickity .cliente-eroski .logo-cliente,
	.flickity .cliente-saunier-duval .logo-cliente,
	.flickity .cliente-kaspersky-lab .logo-cliente,
	.flickity .cliente-bathco .logo-cliente,
	.flickity .cliente-bodeboca .logo-cliente,
	.flickity .cliente-vidrala .logo-cliente,
	.flickity .cliente-ide .logo-cliente,
	.flickity .cliente-grupo-consorcio .logo-cliente { margin: 0; }



	.bloque.diapo-slider,
	#equipo .figure-list,
	#clientes .figure-list { margin-bottom: 60px !important; }

	.flickity-page-dots { display: block; }



	/* FOOTER */

	#menu_principal_pie li {
		width: 50%;
		float: left;
	}

	#navicons,
	.pie-text { display: block; }

	.pie-text { width: auto; }

	.pie-text { margin-top: 0; }
	.pie-text { margin-top: -4px; }

	.social-links span { display: inline-block; }

	#pie,
	#pie-home { padding: 35px 0 10px; }

	#pie address { margin-bottom: 5px; }

	#pie .dir .blockOnMobile,
	#pie .dir .hideOnMobile { display: inline-block; }


	.no-br-portrait br { content: " "; }
	.no-br-portrait br:before { content: ""; }

	#formSessions .control-group,
	#formUpdateNewsletter .control-group { width: 100%; }

	#pie p,
	#pie-home p { margin-top: 0; }


	/* MOBILE LANDSCASPE */
	@media only screen and (orientation: landscape) {

		.scroll-home #hero,
		.touch .scroll-home #hero,
		.tablet.scroll-home #hero { height: 122px; }

		.bloque--video { margin-top: 40px; }

	}


}
@media only screen and (max-width: 479px){
	#main {min-height: calc(100vh - 443px);}
	#hero .textazo br { content: ""; }
}


@media only screen and (max-width: 767px) and (orientation: portrait) {
	.body--cumple .zorionak {
		display: block;
	    margin-left: 0;
	    position: absolute;
	    left: 0;
	    top: 70px;
	}

	.body--cumple #cabecera { padding-bottom: 50px; }
}



/* MOBILE LAYOUT (<320PX)
----------------------------------------------- */
@media only screen and (max-width: 320px) {

    #hero-logo {
        top: -20px;
    }

    #imgs-proyecto img,
	#imgs-proyecto video,
	.block-proyecto img {
        width: 93%;
        margin-left: 3.5%;
    }

    #pie-home {
        padding: 0 0 10px;
    }

    .hero__title--disruptors,
    .hero__title--c4e,
    .hero__title--dweek,
    .hero__title--evernote {
		background-size: cover;
		width: 252px;
		height: 40px;
		margin: 0 auto;
	}

}

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

	.contenedor,
	.wrapper,
    .wrp { min-width: 261px; }
}

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

	#menu_principal li a,
	#menu_principal_pie li a,
	#menu_video li a,
	.textazo { font-size: 30px; }

}







/* ==========================================================================
   $RETINA OVERRIDES
   ========================================================================== */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

	#cabecera #logo {
		background-image: url('../imagenes/Logo-Zorraquino@2x.png');
		background-size: 219px 39px;
	}
	.video-focus #cabecera #logo {
        background-image: url('../imagenes/Logo-Zorraquino-Blanco@2x.png');
        background-size: 219px 39px;
    }

	/* CRISIS TRENDS TEASER */
	/* @media only screen and (min-width: 1001px) { */
		.video-home--inverse #cabecera #logo {
			background: url('../imagenes/Logo-Zorraquino-Blanco@2x.png') 0 0 no-repeat;
            background-size: 219px 39px;
		}
	/* } */

	.play {
		background-image: url("../imagenes/Bt-Play@2x.png");
		background-size: 76px 76px;
	}

	.hero__title--disruptors {
		background-image: url("../imagenes/design-disruptors/Design_Disruptors-Zorraquino_Sessions@2x.png");
		background-size: 846px 135px;
	}
	.hero__title--c4e {
		background-image: url("../imagenes/c4e/C4E-Zorraquino_Sessions@2x.png");
		background-size: 846px 135px;
	}
	.hero__title--dweek {
		background: url('../imagenes/dweek/Bilbao-Dweek-Zorraquino_Sessions@2x.png');
		background-size: 846px 135px;
	}
	.hero__title--evernote {
		background-image: url("../imagenes/evernote/Evernote-Zorraquino_Sessions@2x.png");
		background-size: 259px 135px;
	}

	#dynamicsearch #dynamicsearch_input_icon{
		background-position: -25px 0px;
		background-size: 50px 25px;
	}


	@media only screen and (max-width: 767px) {
		.hero__title--disruptors {
			background-size: cover;
			width: 280px;
			height: 45px;
		}

        .hero__title--c4e,
        .hero__title--dweek {
            background-size: cover;
            width: 100%;
            height: 52px;
        }
        .hero__title--evernote {
		    background-size: cover;
            width: 170px;
            height: 89px;
        }

	}

	@media only screen and (max-width: 320px) {
	    .hero__title--disruptors,
	    .hero__title--c4e,
	    .hero__title--dweek {
			background-size: cover;
			width: 252px;
			height: 40px;
			margin: 0 auto;
		}

        .hero__title--evernote { height: 89px; }
	}

}


/* TENDENCIA */


.col-wrapper {
	overflow: hidden;
}

.col-wrapper .col--half:first-child {
	padding: 0 20px 0 0;
}

.col-wrapper .col--half:last-child {
	padding: 0 0 0 20px;
}

.col--half {
	width: 50%;
	float: left;
	box-sizing: border-box
}
.tendencia--title {
	padding-bottom: 20px;
}

.tendencia--subtitle {
	font-size: 28px;
	font-weight: 200;
	padding-bottom: 40px;
}

.flickity--tendencia figure {
    width: 1180px;
    width: 100%;
    display: block;
}

.flickity--tendencia img {
	max-width: 100%;
}

.contenedor .contenido-tabla--tendencia li {
	margin-bottom: 10px;
}


@media only screen and (max-width: 1120px) {
	.col--half {
		width: 100%;
		float: none;
	}

	.col-wrapper .col--half:first-child,
	.col-wrapper .col--half:last-child {
		margin: 0;
	}
}


/* @media only screen and (min-width: 768px) and (max-width: 1000px) { */

@media only screen and (max-width: 1000px) {
	.contenedor .bloque--capacidades, .contenedor .bloque--capacidades ul {
		margin-bottom: 0;
	}
}