/*
Theme Name: Sozpic Theme Base
Theme URI: http://www.sozpic.com
Author: Fran Moreno & Roberto Marin
License: The Unlicense
License URI: LICENSE
*/


/* FUENTES */

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

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

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




/* ESTILOS GENERALES */

html {
	cursor:none;
}

body {
    /*background: #F0F2F1;*/
    background:#222222;
    /*color: #2c2e30;*/
    color:#fff;
    font-family: 'FoundersGrotesk', sans-serif;
    font-weight: 300;
    position: relative;
    /*font-size: 17px;*/
    font-size: 18px;
    cursor:none!important;
}
body a, body a:hover, body a:visited, body a:active, body a:focus{
	/*color: #2c2e30;*/
	color:#fff;
	outline: none;
	cursor:none!important;
}
img{
	max-width: 100%;
	height: auto;
}
code {
	white-space: normal;
}
.cursiva{
	font-style: italic;
}
.inline-block{
	display: inline-block;
}
.alignLeft{
	text-align: left;
}
.alignCenter{
	text-align: center;
}
.alignRight{
	text-align: right;
}
.unstyled-list{
	margin: 0;
	padding: 0;
}
.unstyled-list li{ 
	margin: 0;
	padding: 0;
	list-style: none;
}
.uppercase{
	text-transform: uppercase;
}
.lowercase{
	text-transform: lowercase; 
}
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
	font-family: 'FoundersGrotesk', sans-serif;
	clear: both;
	font-weight: 700;
}
.big-font{
	font-size: 17px;
}
h1.h3{
	margin: 0px 0px 5px;
}
.h2, h2 {
    font-size: 40px;
    margin: 0 0 20px;
}
.medium{
	font-weight: 500;
 }
a.scroll-down{
	position: absolute;
	padding: 10px;
	z-index: 11;
	left: 50%;
	bottom: 30px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	cursor: pointer;
}
.bold, strong{
	font-weight: 700;
}
.medium{
	font-weight: 500;
}
.noMargin{
	margin: 0;
}
blockquote {
    font-size: 23.5px;
    font-weight: 300;
    max-width: 570px;
    padding: 0;
    border: none;
    line-height: 1.1;
    text-align: left;
    margin: 0 0 40px;
}
blockquote p{
	margin: 0;
}

.project-section{
	margin-bottom: 20px;
}

a.hover-animation{
	position: relative;
	text-decoration: none!important;
}
a.hover-animation:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 1px;
	background: #2c2e30;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a.hover-animation:hover:after{
	width: 100%;
}

/* HEADER */

#head{
	padding: 20px 0px 20px;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	/*z-index: 13;*/
	z-index: 999;
	background: #232323;
}
#head.no-slider{
	/*background: #f0f2f1;*/
	background:transparent;
}
.page-template-page-estudio #head.no-slider{
	background: #f2c2a2;
}

#head .menu{
	margin: 0;
}
#head .menu li {
    margin-left: 20px;
    font-size: 26px;
}

#head .menu > li > a{
	position: relative;
	text-decoration: none;
	color:#2b151b;
}

#head .menu > li > a:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 2px;
	background: #2b151b;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#head .menu > li.current-menu-item > a:after,
#head .menu > li:hover > a:after{
	width: 100%;
}
#head .menu > li > ul{
	display: none;
}
/*body.scrolling #head .menu li {
    line-height: 23px;
    margin-left: 10px;
    position: relative;
    max-width: 28px;
    min-height: 2px;
    max-height: 2px;
    font-size: 0;
    min-width: 28px;
}
body.scrolling #head .menu li:nth-child(1){
	top: 21px;
    left: 122px;
}
body.scrolling #head .menu li:nth-child(2){
    top: 14px;
    left: 81px;
}
body.scrolling #head .menu li:nth-child(3){
    top: 7px;
    left: 41px;
}*/

/* MENU TRIGGER */

body #trigger-menu {
    display: block;
    /*cursor: pointer;*/
    z-index: 13;
    position: absolute;
    top: -14px;
    right: 5px;
    width: 50px;
    height: 50px;
    -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
    -moz-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
    transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
}
body #trigger-menu i {
    width: 26px;
    height: 2px;
    /*background-color: #1c1c1c;*/
    background-color:#ffffff;
    display: block;
    position: absolute;
    left: 14px;
    top: 24px;
    -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
    -moz-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
    transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
}
body #trigger-menu i:first-child {
    top: 16px;
}
body #trigger-menu i:last-child {
  top: 32px;
}
body.menu-active #trigger-menu i {
  opacity: 0;
  -webkit-transform: translate3d(-20px,0,0);
  transform: translate3d(-20px,0,0);
}
body.menu-active #trigger-menu i:first-child {
  -webkit-transform: rotate(45deg) translate3d(5.5px,5.5px,0);
  -moz-transform: rotate(45deg) translate3d(5.5px,5.5px,0);
  transform: rotate(45deg) translate3d(5.5px,5.5px,0);
  opacity: 1;
}
body.menu-active #trigger-menu i:last-child {
  -webkit-transform: rotate(-45deg) translate3d(6px,-5.5px,0);
  -moz-transform: rotate(-45deg) translate3d(6px,-5.5px,0);
  transform: rotate(-45deg) translate3d(6px,-5.5px,0);
  opacity: 1;
}


/* IDIOMAS */

ul.languages{
    margin-left: 30px;
}


ul.languages li{}

ul.languages li a{
    display: block;
    border: 2px solid;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
ul.languages li a:hover{
    background: #2c2e30;
    color: #fff;
    border-color: #2c2e30;
}
ul.languages li a.active-0{}
ul.languages li a.active-1{
    background: #2c2e30;
    color: #fff;
    border-color: #2c2e30;
}

/* MENU DESPLEGABLE */

#menu-desplegable{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f2c2a2;
	/*z-index: 12;*/
	z-index: 995;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
}
.menu-active #menu-desplegable{
	visibility: visible;
	opacity: 1;
}
#menu-desplegable > ul {
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    text-align: center;
    left: 50%;
    top: calc(50% + 37px);
    padding: 40px 0px;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
#menu-desplegable > ul li{
	font-size: 35px;
	display: block;
	text-align: center;
	position: relative;
	margin: 30px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
}
#menu-desplegable > ul li a{
	text-decoration: none;
	cursor: pointer;
}

#menu-desplegable > ul li ul {
    position: absolute;
    padding: 0;
    left: 50%;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
}
.menu-active.proyectos-activos #menu-desplegable > ul li ul{
	opacity: 1;
	visibility: visible;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
}

#menu-desplegable > ul li ul li {
    font-size: 20px;
    cursor: pointer;
    margin: 10px 10px;
    min-width: 200px;
    text-align: center;
}
.proyectos-activos #menu-desplegable > ul  > li{
	/*display: none;*/
}
.proyectos-activos #menu-desplegable > ul li.li-proyectos{
	display: block;
}
.proyectos-activos #menu-desplegable > ul li.li-proyectos > a{
	/*opacity: 0;
	visibility: hidden;*/
}



/**********/

.logo {
	margin-top: 30px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 0px 0px 0px;
    line-height: 0;
	height: 24px;
	overflow: hidden;
}
.logo svg{
	position: absolute;
	top: 0px;
	display: inline-block;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-ms-transition: all .8s;
	transition: all .8s;
	
}
.logo svg:nth-child(1){
	position: static;
	opacity: 0;
	width: 390px;
}
.logo svg:nth-child(2) {
    width: 3.6%;
    left: 0%;
}
.logo svg:nth-child(3) {
    width: 24.8%;
    left: 6.7%;
}
.logo svg:nth-child(4) {
    width: 4.6%;
    left: 41.1%;
}
.logo svg:nth-child(5) {
    left: 55.6%;
    width: 3.8%;
}
.logo svg:nth-child(6) {
    width: 10.2%;
    left: 62.5%;
}
.logo svg:nth-child(7) {
    width: 4.2%;
    left: 82.4%;
}
.logo svg:nth-child(8) {
    left: 88.8%;
    width: 11.15%;
}


.logo svg path, .logo svg rect, .logo svg polygon {
	transition: fill .3s ease;
}


.scrolling .logo svg path, .scrolling .logo svg rect, .scrolling .logo svg polygon, .archive .logo svg path, .archive .logo svg rect, .archive .logo svg polygon, .single .logo svg path, .single .logo svg rect, .single .logo svg polygon, .blog .logo svg path, .blog .logo svg rect, .blog .logo svg polygon, .page-template-page-proyectos .logo svg path, .page-template-page-proyectos .logo svg rect, .page-template-page-proyectos .logo svg polygon {
	fill:#fff!important;
	transition: fill .3s ease;
}

#head.comprimida .logo svg:nth-child(3),
#head.comprimida .logo svg:nth-child(6),
#head.comprimida .logo svg:nth-child(8),
body.menu-active .logo svg:nth-child(3),
body.menu-active .logo svg:nth-child(6),
body.menu-active .logo svg:nth-child(8){
	opacity: 0;
	-webkit-transform: translate(-100%,0%);
}

#head.comprimida .logo svg:nth-child(4),
body.menu-active .logo svg:nth-child(4) {
    left: 3.9%;
}
#head.comprimida .logo svg:nth-child(5),
body.menu-active .logo svg:nth-child(5){
	left: 8.9%;
}

#head.comprimida .logo svg:nth-child(7),
body.menu-active .logo svg:nth-child(7){
	left: 12.6%;
}

#main-section{
	padding-top: 110px;
}
#slider-section + #main-section{
	margin-top: 70px;
}

/* SLIDER */

#slider-section{
	width: 100%;
	height: 100vh;
	position: relative;
	-webkit-transition: opacity 1.5s, height 99999s;
	-moz-transition:  opacity 1.5s, height 99999s;
	-ms-transition:  opacity 1.5s, height 99999s;
	transition:  opacity 1.5s, height 99999s;
	opacity: 0;
	overflow: hidden;
}
#slider-section.activo{
	opacity: 1;
}

#left-dec {
	display: block;
    position: absolute;
    top: 100%;
    right: 50%;
    width: 70%;
    height: 350px;
    background: #222222;
    transform: rotateZ(14deg);
    -webkit-transform-origin: 100% 50% 0 ;
    transform-origin: 100% 50% 0 ;
    z-index: 1;
    outline: 1px solid transparent;
}
#right-dec {
	display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 70%;
    height: 350px;
    background: #222222;
    transform: rotateZ(-14deg);
    -webkit-transform-origin: 0% 50% 0 ;
    transform-origin: 0% 50% 0 ;
    z-index: 1;
    outline: 1px solid transparent;
}
#slider{
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
}
/*#slider:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 15%;
	background: url(img/mask_lightgray.png) no-repeat center center;
	background-size: 100% 100%;
}*/
#slider ul.slides{
	display: block;
	width:100%;
	height:100%;
}
#slider .flex-viewport{
	height: 100%;
}
#slider ul.slides li{
	background-size: 100%;
	background-position: center center;
	background-size: cover;
	display: block;
	width:100%;
	height:100%;
}


#slider .flex-direction-nav{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.touch #slider .flex-direction-nav{
	display: none;
}
#slider ul.flex-direction-nav li{
	position: absolute;
	left: 0; top: 0;
	width: 50%;
	height: 100%;
}
#slider ul.flex-direction-nav li:nth-last-child(1){
	right: 0;
	left: 50%;
}

#slider ul.flex-direction-nav a {
    top: 0;
    left: 0;
    width: 100%;
    right: inherit;
    height: 100%;
    margin: 0;
    display: block;
    opacity: 1;
    position: absolute;
    right: inherit;
    font-size: 0px;
}
#slider ul.flex-direction-nav a:before{
	display: none;
	font-size: 0px;
}

#slider .flex-direction-nav a{
	font-size: 0px;
}
#slider .flex-direction-nav a.flex-prev:before,
#slider .flex-direction-nav a.flex-next:before{
	font-size: 0px;
}

#slider ul.flex-direction-nav a.flex-prev {
	cursor: url(img/arrow_left_slider.png), auto;
    width: 100%;
}
#slider ul.flex-direction-nav a.flex-next {
	cursor: url(img/arrow_right_slider.png), auto;
    width: 100%;
}
/* FOOTER */

#footer {
	font-weight: 300;
    padding-top: 50px;
    /*background: #f0f2f1;*/
    font-size: 16px;
    float: left;
    width: 100%;
}
#footer a{
	/*color: #2c2e30;*/
	color:#fff;
	display: inline;
	position: relative;
	text-decoration: none;
}

#footer svg {
    width: 70px;
}

#footer p{
	margin-bottom: 20px;
	float: left;
    clear: both;
}

#footer a:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 1px;
	background: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#footer a:hover{
	color: #fff;
	display: inline;
	position: relative;
}
#footer a:hover:after{
	width: 100%;
	
}
#footer .thecontent {
	font-size: 16px;
    line-height: 1.7;
    color: #F5F6F6;
}

.page-template-page-estudio #footer .thecontent, .page-template-page-estudio #footer .thecontent a, .page-template-page-estudio #footer a {
	color: #232323;
}

.page-template-page-contacto #footer .thecontent, .page-template-page-contacto #footer .thecontent a, .page-template-page-contacto #footer a {
	color: #232323;
}

.page-template-page-estudio #footer svg path, .page-template-page-contacto #footer svg path {
	fill:#232323!important;
}

#footer ul{
	padding: 0;
	margin: 0;
}
#footer ul li{
	padding: 0;
	margin: 0 0 5px;
	list-style: none;
}
#footer ul li ul{
	display: none;
}

/* BLOG */

.share-post{
	padding: 0px;
	margin: 20px 0px;
	font-size: 0px;
}
.share-post li {
	display: inline-block;
	padding: 0px;
	font-size: 17px;
	margin: 0px 6px 0px 0px;
	list-style: none;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.share-post li a{
	color: #fff;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
}

.share-post li.facebook:hover{
	background-color:#3B5998;
}
.share-post li.twitter:hover{
	background-color:#4099FF;
}
.share-post li.linkedin:hover{
	background-color:#0e76a8;
}
.share-post li.vimeo:hover{
	background-color:#1ab7ea;
}
.share-post li.email:hover{
	background-color:#ffea00;
}

.navigation{
	overflow: hidden;
}
.navigation .alignLeft{
	float: left;
	width: 50%;
}
.navigation .alignRight{
	float: right;
	width: 50%;
}
.thecontent{
	margin-bottom: 30px;
}
.thecontent a{
	position: relative;
	text-decoration: none;
}
.project-section .thecontent a{
	color: #807577;
}

.contenido-inicial a {
    color: #fff!important;
    z-index: 9;
    position: relative;
}

.project-section .thecontent a {
    color: #fff!important;
}

.thecontent a:after{
	display:none;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 1px;
	/*background: #2c2e30;*/
	background:#fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.project-section .thecontent a:after{
	background: #807577;
}
.thecontent a:hover:after{
	width: 100%;
}

/* PACKERY */

#proyectos{
	margin-bottom: 30px;
}


	.animated-element{
	opacity: 0;
	display: block;
}
.animated-element.visible{
	-webkit-transform: translateY(90px);
	-moz-transform: translateY(90px);
	-ms-transform: translateY(90px);
	transform: translateY(90px);
	-webkit-animation: moveUp 1.4s ease forwards;
	-moz-animation: moveUp 1.4s ease forwards;
	-ms-animation: moveUp 1.4s ease forwards;
	animation: moveUp 1.4s ease forwards; 
}
@-webkit-keyframes moveUp {
	0% { }
	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

@-moz-keyframes moveUp {
	0% { }
	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

@-ms-keyframes moveUp {
	0% { }
	100% {
		-ms-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes moveUp {
	0% { }
	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.item{
	margin-bottom: 40px;
}
.tamano_1, .tamano_2, .tamano_3, .tamano_4, .tamano_5 {
    width: 100%;
    text-align: center;
}

/*.tamano_1{
	background: red;
}
.tamano_2{
	background: blue;
}
.tamano_3{
	background: pink;
}*/

.item a{
	text-decoration: none;
}
.item h2{
	font-size: 14px;
	padding-top: 10px;
	font-weight: 200;
	text-align: center;
	margin: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 100%;
	text-transform: uppercase;
}

.item.post-item{}
.item.post-item > div{
    position: relative;
    /* margin: 0 10px; */
}
.item.post-item > div img{}
.item.post-item > div .caption{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: left;
    padding: 6%;
    font-size: 25px;
}
.item.post-item > div .caption > div{
	background: #2f3030;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 16px;
	position: relative;
	-webkit-transition:  all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
.item.post-item > div .caption > div:hover{
	opacity: .7;
}
.item.post-item > div .caption h3{
    font-size: 30px;
    opacity: 1;
    visibility: visible;
    position: static;
    text-align: left;
    font-weight: bold;
    text-transform: none;
    margin: 13px 0 16px;
    color:#ffffff;
}
.item.post-item > div .caption .the_excerpt a {
	color:#ffffff;
}
.item.post-item > div .caption ul.post-categories{
    position: absolute;
    bottom: 10%;
    left: 0;
    font-size: 14px;
    padding: 0 10%;
}
.item.post-item > div .caption ul.post-categories li{}
.item.post-item > div .caption ul.post-categories li a{}

/* SINGLE PROYECTO */


p.related-projects a{
	color: #fff;
	position: relative;
	text-decoration: none!important;
}

.related-projects span.project-cats {
    margin-left: 5px;
}

p.related-projects a:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	/*background: #807577;*/
	background:#fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
p.related-projects a:hover:after{
	width: 0%;
}


p.related-projects, ul.share, a.ver-proyectos{
    padding-top: 32px;
}

/* slider section */

.normal-slider .flex-direction-nav a:before {
    font-size: 0px;
}

.normal-slider .flex-direction-nav a{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	width: 31px;
	height: 16px;
	font-size: 0px;
	opacity: 1;
	display: none;
}

.flex-direction-nav a:before{
	display:none!important;
}


span.project-cats a:before {
    display: none;
}

a.scroller.scroll-up:before {
    display: none;
}

.normal-slider .flex-direction-nav a.flex-prev{
	/*background-image: url(img/arrow_left_slider.png);*/
	background-image: url(img/arrow-left-slider.svg);
	left: 0px;
}
.normal-slider .flex-direction-nav a.flex-next{
	/*background-image: url(img/arrow_right_slider.png);*/
	background-image: url(img/arrow_right_slider.svg);
	right: 0px;
}

.no-touch ul.share{
    position: relative;
    -webkit-transition:  all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    max-height: 60px;
    overflow: hidden;
	
}
.no-touch ul.share:hover{
	max-height: 300px;
}
ul.share li{
	position: relative;
	margin-bottom: 13px;
}
.no-touch ul.share li{
	margin-bottom: 10px;
	-webkit-transform: translateY(-10px);
	opacity: 0;
	visibility: hidden;
	-webkit-transition:  all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
.no-touch ul.share:hover li{
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0px);
}
ul.share:hover li{}
.no-touch ul.share li:nth-child(1){
    position: static;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
}
.no-touch ul.share:hover li:nth-child(1){
	-webkit-transition-delay: .05s
}
.no-touch ul.share li:nth-child(2){
	-webkit-transition-delay: .15s
}
.no-touch ul.share:hover li:nth-child(2){}
.no-touch ul.share li:nth-child(3){
	
	-webkit-transition-delay: .25s
}
.no-touch ul.share:hover li:nth-child(3){}
.no-touch ul.share li:nth-child(4){
	
	-webkit-transition-delay: .35s
}
.no-touch ul.share:hover li:nth-child(4){}
.no-touch ul.share li:nth-child(5){
	
	-webkit-transition-delay: .45s
}
.no-touch ul.share:hover li:nth-child(5){}
.no-touch ul.share li:nth-child(6){
	-webkit-transition-delay: .55s
}
.no-touch ul.share:hover li:nth-child(6){}


ul.share li a{}

ul.share li:hover a{}

/* gallery section */


.normal-gallery{
	margin: 0;
	padding: 0;
}
.normal-gallery li{
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}

.no-margen .normal-gallery li {
    margin-bottom: 0px;
}

.normal-gallery li img{
	width: 100%;
}

/******************/

.scroll-top{
	padding-left: 40px;
}
.quote-section img{
	margin-bottom: 20px;
}
.quote-section .thecontent {
    font-size: 27px;
    text-align: left;
    font-weight: 100;
    line-height: 1.2;
}


.project-cats a{
	margin: 0 6px 0px 0px;
}
a.scroller.scroll-up {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-top: 5px;
    padding: 26px 10px 0px 41px;
    /*background: url(img/arrow_up_black.png) no-repeat left 0px;
    background-size: 20px;*/
	-webkit-transition:  all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	text-decoration: none!important;
}

a.scroller.scroll-up:hover{
	color: #807577;
}
a.scroller.scroll-up:hover:after{
	bottom: -2px!important;
}

.page-template-page-estudio-php a.scroller.scroll-up:after {
	content: '';
	position: absolute;
	left: 0px;
	width: 20px;
	bottom: -6px;
	padding-left: 10px;
	background: url(img/arrow_up_black.png) no-repeat right center;
	height: 60px;
	background-size: 100%;
	-webkit-transition:  all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

a.scroller.scroll-up:after{
	content: '';
	position: absolute;
	left: 0px;
	width: 20px;
	bottom: -6px;
	padding-left: 10px;
	/*background: url(img/arrow_up_black.png) no-repeat right center;*/
	background:url(img/Flecha.svg) no-repeat right center;
	height: 60px;
	background-size: 100%;
	-webkit-transition:  all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
a.ver-proyectos{
	position: relative;
	padding-right: 61px;
	text-decoration: none;
	display: inline-block;
	-webkit-transition:  all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
a.ver-proyectos:after{
	content: '';
	position: absolute;
	right: 0px;
	width: 44px;
	bottom: -3px;
	padding-left: 10px;
	background: url(img/arrow_right_black.png) no-repeat right center;
	height: 27px;
	background-size: 100%;
	-webkit-transition:  all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
a.ver-proyectos:hover{
	color: #807577;
}
a.ver-proyectos:hover:after{
	right: -5px;
	
}

/* CONTACTO */


.page-template-page-contacto{
	background: #f2c2a2;
}

.page-template-page-contacto .section{
	padding-top: 0px;
	padding-bottom: 40px;
}

.page-template-page-contacto h1{
	margin-top: 0px;
}
#map-section{
	position: relative;
	padding: 0;
	overflow: hidden;
}
.touch #map-section{
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
#map-section #left-dec,
#map-section #right-dec{
	background: #f2c2a2;
}
#map{
	position: relative;
	width: 100%;
	height: 100vh;
}

.page-template-page-contacto #head {
    /*background: #eaebed;*/
    background:#222222;
}


/* ESTUDIO */

.page-template-page-estudio{
	background: #f2c2a2;
}
.page-template-page-estudio .thecontent a{
	color: #807577;
}
.page-template-page-estudio #slider:after {
	background-image: url(img/mask_salmon.png);
}

.page-template-page-estudio #left-dec,
.page-template-page-estudio #right-dec{
	background: #f2c2a2;
}


/* blog */

.blog #head,
.single #head{
	background: #222222;
}

.single #head .menu > li > a, .blog #head .menu > li > a {
	color:#fff;
}

.single #head .menu > li > a:after, .blog #head .menu > li > a:after  {
	background:#fff;
}


#mosaic div > div h4, #mosaic div > div p, ul.post-categories li a {
	color:#fff;
}

.menu-active.blog #head,
.menu-active.single #head,
.menu-active #head{
	background: #f2c2a2!important;
}

.blog-section h2{
	margin-bottom: 20px;
	padding: 10px;
}

#mosaic{
	position: relative;
}
#mosaic > div{
	margin-bottom: 16px;
	width: 50%;	
}
#mosaic > div > div > a{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}	
#mosaic div > div {
    position: relative;
    padding: 10px 20px 50px;
    margin: 0px 8px;
	-webkit-transition:  all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
#mosaic div:hover > div,
#mosaic div.activo > div {
	opacity: .7;
}
#mosaic div > span.categories{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px 20px;
	font-size: 14px;
	z-index: 1;
}
ul.post-categories{
	padding: 0;
	margin: 0;
}
ul.post-categories li{
	padding: 0;
	margin: 0;
	list-style: none;
}


/*  RESPONSIVE */

@media (min-width: 768px) {
	
	/* generales */
	
	.h3, h3 {
	    font-size: 37px;
	}
	
	
	#head{
		background-color: transparent;
	}
	#head.comprimida{
		/*background: #F0F2F1;*/
		background:#222222;
		line-height: 1em;
		z-index: 999;
	}
	#head,#main-section,#footer{
		padding-left: 20px;
		padding-right: 20px;
	}
	
	a.scroller.scroll-up {
	    left: -40px;
	}
	
	
	.thecontent{
		/*font-size: 25px;
		line-height: 31px;*/
		font-size: 18px;
    	line-height: 26px;
		text-align: left;
	}
	

	.thecontent.contenido-inicial {
		font-size: 33px;
		line-height: 1.21;
	}


	.thecontent a:after{
		height: 2px;
	}
	
	.thecontent.big-font{
		font-size: 34px;
		/* max-width: 810px; */
		line-height: 1.25;
		text-align: left;
	}
	.thecontent.big-font a, #menu-desplegable > ul li a{
		display: inline;
		position: relative;
		line-height: .5;
		text-decoration: none;
	}
	.thecontent.big-font a:before, #menu-desplegable > ul li a:before{
		content: '';
		position: absolute;
		right: 0;
		bottom: 7px;
		height: 1px;
		background: #ffffff;
		width: 100%;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.thecontent.big-font a:hover:before, #menu-desplegable > ul li a:hover:before{
		width: 0%;
	}



	#menu-desplegable > ul li a{
		display: inline;
		position: relative;
		line-height: .5;
		text-decoration: none;
	}
	#menu-desplegable > ul li a:before{
		content: '';
	    position: absolute;
	    right: 0;
	    bottom: 2vw;
	    height: 3px;
	    background: #2C2E2F;
	    width: 0%;
	    -webkit-transition: all 0.3s ease;
	    -moz-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	    transition: all 0.3s ease;
	}

	#menu-desplegable > ul li a:hover:before{
		width: 100%;
	}


	.project-section a:not(.ver-proyectos,.flex-next, .flex-prev) {
    	position: relative;
    	text-decoration: none!important;
	}

	.project-section a:not(.ver-proyectos):before{
		content: '';
	    position: absolute;
	    right: 0;
	    bottom: 2px;
	    height: 1px;
	    background: #fff;
	    width: 100%;
	    -webkit-transition: all 0.3s ease;
	    -moz-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	    transition: all 0.3s ease;
	}

	.project-section a:not(.ver-proyectos):hover:before{
		width: 0%;
	}

	/*.thecontent.big-font a:hover{
		text-decoration: none;
		color: #a5a5a5;
	}*/
	
	
	.section{
		padding-bottom: 60px;
	}
	
		
	blockquote {
	    font-size: 34px;
	    margin: 0 0 60px;
	}
	p + blockquote {
	    margin: 60px 0 60px;
	}

	
	.quote-section .thecontent {
  	 	font-size: 25px;
  	}
	
	#main-section{
		padding-top: 120px;
	}
	#slider-section + #main-section{
		margin-top: 50px;
	}

	/* slider */
	
		
	.normal-slider .flex-direction-nav a{
		width: 62px;
		height: 31px;
		display: block;
	}
	
	.normal-slider .flex-direction-nav a.flex-prev{
		left: -57px;
	}
	.normal-slider .flex-direction-nav a.flex-next{
		right: -57px;
	}
	
	/* home */
	
	.right-info{
		text-align: right;
	}
	.right-info > *{
		display: inline-block;
		max-width: 222px;
		font-size: 26px;
		line-height: 1.2;
		vertical-align: top;
		text-align: left;
	}
	
	/* proyectos */
	
	#proyectos {
	    margin-bottom: 70px;
	}
	/* lightbox */
	
	.modal.fade .modal-dialog {
		-webkit-transform: translate(0, 0%);
		-ms-transform: translate(0, 0%);
		transform: translate(0, 0%);
	}
	  .contenido-lightbox{
		padding: 20px 30px;
		margin-top:150px;
	}
	
	.contenido-lightbox .title{
		
		text-transform: uppercase;
		font-size: 15px;
		margin-bottom: 20px;
	}
	
	.contenido-lightbox iframe{
		width: 100%;
		margin-top: 22px;
		height: 400px;
	}
	
	 .modal-dialog {
		width: 700px;
		margin: 30px auto;
	}
	
	/* blog */
	
	#sidebar-blog{
		padding-left:20px;
		margin-left:20px;
		border-left: 1px solid;
	}
	
	.posts-container{
		position: relative;
		margin-bottom: 20px;
	}
	.posts-container:after{
		content: '';
		position: absolute;
		right: -21px;
		top:0px;
		background: #000;
		width: 1px;
		height: 100%;
	}
	
	/* proyectos */
	
	.item{
		width: 100%;
	}
	.item h2{
		opacity: 0;
		font-size: 14px;
		padding-top: 10px;
		font-weight: 200;
		text-align: center;
		text-transform: uppercase;
		margin: 0;
		-webkit-transform: translateY(20px);
		-moz-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
	}
	.item:hover h2{
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		-ms-transform: translateY(10px);
		transform: translateY(10px);
	    opacity: 1;
	}
	
    .tamano_1,.tamano_2,.tamano_3,.tamano_4,.tamano_5{
	    /*margin-bottom: 2.38%;*/
	    
	    float: left;
	 }
	.tamano_1, .tamano_4{
        width: 66.6666%;
    }
    .tamano_2,.tamano_3, .grid-sizer{
        width: 33.3333%;
    }
    .tamano_5{
	    width: 100%;
    }
    .tamano_1 img , .tamano_2 img , .tamano_3 img, .tamano_4 img, .tamano_5 img{
        width: 100%;
    }
    
    
    /* contacto */
    
    .page-template-page-contacto #main-section .thecontent,
    .page-template-page-contacto #main-section ul li a {
	    text-align: left;
	    font-size: 24px;
	    line-height: 1.3;
	}
	
    .page-template-page-contacto #main-section .thecontent p{
	    margin-bottom: 40px;
    }
    
	/* blog */
	
	/* interior proyecto */
	
	.project-section h1.h3{
		font-size: 36px;
		margin-top: 4px;
	}
	
	.project-section h1.h3 + p{
		font-size: 18px;
	}
	

}

@media (min-width: 992px) {
	
	/* head + menu */
	



	/* head */
	#head{
	    -webkit-transition: all .8s;
	    -moz-transition: all .8s;
	    -ms-transition: all .8s;
	    transition: all .8s;
	}
	#menu-container{
	    -webkit-transition: all .8s;
	    -moz-transition: all .8s;
	    -ms-transition: all .8s;
	    transition: all .8s; 
	    text-align: right;
	}
	#menu-container > *{
		display: inline-block;
		vertical-align: top;
	}
	body.menu-active #head.comprimida{
		background: #F2C2A2;
	}

	
		
	#head.comprimida #trigger-menu,
	#menu-container{
		-webkit-transform: translate(0px,0px);
		-moz-transform: translate(0px,0px);
		-ms-transform: translate(0px,0px);
		transform: translate(0px,0px);
		opacity: 1;
		visibility: visible;
		
	}
	#head.comprimida #menu-container,
	 #trigger-menu{
		-webkit-transform: translate(0px,-50px);
		-moz-transform: translate(0px,-50px);
		-ms-transform: translate(0px,-50px);
		transform: translate(0px,-50px);
		opacity: 0;
		visibility: hidden;
	}
	
	#head.comprimida #trigger-menu,
	body.menu-active #trigger-menu,
	#menu-container{
		-webkit-transform: translate(0px,0px);
		-moz-transform: translate(0px,0px);
		-ms-transform: translate(0px,0px);
		transform: translate(0px,0px);
		opacity: 1;
		visibility: visible;
		
	}
	#head.comprimida #menu-container,
	body.menu-active #menu-container,
	 #trigger-menu{
		-webkit-transform: translate(0px,-50px);
		-moz-transform: translate(0px,-50px);
		-ms-transform: translate(0px,-50px);
		transform: translate(0px,-50px);
		opacity: 0;
		visibility: hidden;
	}
	
	
	/* menu */
	
	#menu-desplegable > ul li{
		margin: 40px;
	}
	
	#menu-desplegable > ul  > li,
	#menu-desplegable > ul li.li-proyectos,
	.proyectos-activos #menu-desplegable > ul  > li,
	.proyectos-activos #menu-desplegable > ul li.li-proyectos{
		display: inline-block;
	}
	
	#menu-desplegable > ul li ul li {
		min-width: 0px;
		text-align: left;
	}
	
	
	/* proyectos */
	
	#proyectos{
		margin: auto;
		margin-top:70px;
	}
	
	.tamano_1, .tamano_4{
        width: 33.333333%;
    }
    .tamano_2,.tamano_3, .grid-sizer{
        width: 16.666666%;
    }
    .tamano_5{
	    width: 50%;
    }
	
	/* blog */
	
	#mosaic div.small{
		width: 14.285%;
	}
	#mosaic div.small > div{
		height: 165px;
	}
	#mosaic div.grid-sizer{
		width: 14.285%;
	}
	#mosaic div.big{
		width: 28.571%;
	}
	#mosaic div.big > div{
		height: 346px;
	}
	#mosaic div.large{
		width: 14.285%;
	}
	#mosaic div.large div{
		height: 346px;
	}
	
	
	#mosaic div > div {
	    font-size: 20px;
	}
	#mosaic div.small > div h4{
		font-size: 15px;
	}
	#mosaic div.big > div h4{
		font-size: 23px;
	}
	
}

@media (min-width: 1200px) {
	
	/* general */
	
	body{
		/*font-size: 25px;*/
		font-size: 18px;
		line-height: 1.28;
	}
	.small-font{
		font-size: 14px;
	}

	.title-2-col p {
    	font-size: 18px;
    	/*font-weight: 100;*/
	}


	

	.thecontent.contenido-inicial, .quote-section .thecontent, .intro-estudio p {
    	font-size: 44px;
    	line-height: 1.2em;
	}

	.texto-2-fotos p {
		font-size:27px;
		line-height:1.2;
	}

	.title-2-6-col p {
		font-size: 27px;
		line-height: 1.2em;
	}

	


	.quote-section .small-font {
    	font-size: 17px;
	}

	.section {
	    padding-bottom: 50px;
	}
	
	/* slider section */
	
	.normal-slider .flex-direction-nav a.flex-prev{
		left: -70px;
	}
	.normal-slider .flex-direction-nav a.flex-next{
		right: -70px;
	}
	
	/* blog */
	
	#mosaic div > div {
	    font-size: 28px;
	    line-height: 1.25;
	}
	#mosaic div.small > div h4 {
	    font-size: 17px;
	    line-height: 1.2;
	}
	#mosaic div.big > div h4 {
	    font-size: 26px;
	    line-height: 1.2;
	}
	
}
@media (min-width: 1300px) {
	
	
	#head,#main-section, .project-section, .blog-section, #footer{
		padding-left: 70px;
		padding-right: 70px;
	}
	
}


@media (min-width: 1400px) {
	
	
	.tamano_1, .tamano_4 #mosaic div.big{
        width: 28.5714%;
    }
    .tamano_2,.tamano_3, #mosaic div.small, #mosaic div.large, .grid-sizer{
        width: 14.2857%;
    }
    .tamano_5{
	    width: 42.8571%;
    }
	
}

@media (min-width: 1700px) {
	
	
	.tamano_1, .tamano_4, #mosaic div.big{
        width: 25%;
    }
    .tamano_2,.tamano_3, #mosaic div.small, #mosaic div.large, .grid-sizer{
        width: 12.5%;
    }
    .tamano_5{
	    width: 37.5%;
    }
	
}

@media (min-width: 2000px) {
	
	
	.tamano_1, .tamano_4, #mosaic div.big{
        width: 22.222%;
    }
    .tamano_2,.tamano_3, #mosaic div.small, #mosaic div.large, .grid-sizer{
        width: 11.111%;
    }
    .tamano_5{
	    width: 33.333%;
    }
	
}
@media (min-width: 2300px) {
	
	
	.tamano_1, .tamano_4, #mosaic div.big{
        width: 20%;
    }
    .tamano_2,.tamano_3, #mosaic div.small, #mosaic div.large, .grid-sizer{
        width: 10%;
    }
	.tamano_5{
		width: 30%;
	}
}


@media (min-width: 2600px) {
	
	
	.tamano_1, .tamano_4 #mosaic div.big{
        width: 18.1818%;
    }
    .tamano_2,.tamano_3, #mosaic div.small, #mosaic div.large, .grid-sizer{
        width: 9.0909%;
    }
    .tamano_5{
	    width: 27.27%;
    }
	
}





/*Full Width*/

.full-width {
    padding-left: 0px;
    padding-right: 0px;
}


.full-width .col-sm-10 {
    margin-left: 0px;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

.full-width .container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

.full-width .row {
    margin-right: 0px;
    margin-left: 0px;
}

.embed-container {
  position: relative;
  padding-bottom: 67.25%;
  /*padding-bottom: 56.25%;*/
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%!important;
  height: 100%!important;
}


@media (min-width: 1200px){
	.full-width .normal-slider .flex-direction-nav a.flex-next {
    	right: 50px;
	}

	.full-width .normal-slider .flex-direction-nav a.flex-prev {
    	left: 50px;
	}

}

@media (min-width: 768px){
	.full-width .normal-slider .flex-direction-nav a.flex-next {
	    right: 20px;
	}

	.full-width .normal-slider .flex-direction-nav a.flex-prev {
    	left: 20px;
	}

}

/* Módulos premios */


.premios-section .col-sm-10 {
	text-align: center;
}

.premios-section .premio {
    display: inline-block;
    width: 25%;
    padding-left: 25px;
    padding-right: 25px;
}

.premios-section .img-premio {
    min-height: 150px;
    display: flex;
    align-items: center;

}

.img-premio img {
    max-width: 105px;
    margin-bottom: 20px;
    margin: 0 auto;
}

.premios-section p {
    font-size: 18px;
    line-height: 1.2em;
    max-width: 180px;
    margin: 0 auto;
    min-height: 60px;
    display: flex;
    align-items: center;
    min-width: 180px;
    justify-content: center;
}


@media (max-width: 768px){
	.premios-section .premio {
    	width: 100%!important;
    	padding-left: 15px;
    	padding-right: 15px;
	}

	.texto-2-fotos div {
    	margin-bottom: 20px;
	}

	.title-2-6-col .col-sm-4 {
    	margin-bottom: s0px;
	}

}


/*Páginas de archivo*/

.archive #head .menu > li > a, .page-template-page-proyectos #head .menu > li > a /*, .page-template-page-contacto #head .menu > li > a*/ {
    color: #fff;
}

.archive #head .menu > li > a:after, .page-template-page-proyectos #head .menu > li > a:after/*, .page-template-page-contacto #head .menu > li > a:after*/  {
    background: #fff!important;
}


a.logo-mobile svg {
    width: 70px;
}

/* Single proyecto*/

.info-pro span {
    clear: both;
    width: 100%;
    display: block;
    line-height: 1em;
    margin-bottom: 5px;
}

.info-pro, .info-pro h1, .info-pro p {
    font-size: 17px!important;
    font-weight: 100!important;
    margin-bottom: 0px!important;
    margin-top: 0px!important;
}

.info-pro .proyecto {
    margin-bottom: 20px;
}

.contenido-inicial span, .intro-estudio h1, .texto-2-fotos p span {
    display: block;
    float: left;
    padding-right: 50px;
    padding-bottom: 50px;
    font-size: 18px;
    display: flex;
    height: auto;
    line-height: 1.5em;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 300;
}


.contenido-inicial blockquote, .texto-2-fotos p blockquote {
    display: block;
    float: left;
    padding-right: 50px;
    padding-bottom: 50px;
    font-size: 17px;
    display: flex;
    height: auto;
    line-height: 1em;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 300;
    margin-top:4px;
    max-width: 200px;
}

.thecontent.contenido-inicial p {
    /*text-align: justify;*/
    word-break: break-word;
    margin-top:-4px;
}

@media (max-width: 990px){

	.info-pro .proyecto, .info-pro .cliente {
    	margin-bottom: 20px;
    	width: 50%;
    	float: left;
	}
}


@media (max-width: 767px){
	/*#main-section {
    	padding-top: 50px;
	}*/

	.contenido-inicial span, .intro-estudio h1  {
    	width: 100%;
    	padding-bottom: 10px;
	}

	.info-pro, .info-pro h1, .info-pro p, .contenido-inicial span, .intro-estudio h1 {
    	font-size: 12px!important;
	}

	.thecontent.contenido-inicial, .quote-section .thecontent {
    	font-size: 17px;
	}
	
	a.logo-mobile.visible-xs {
		height:26px;
	}

}


/* Slider Full Width */

.section.slider-full-width, .section.slider-full-width .container-fluid, .section.slider-full-width .container-fluid .col-md-12, .section.slider-full-width .container-fluid .row {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.slider-full-width-r .slide img {
    max-height: 747px;
}


.slide.video .embed-container {
    height: 750px;
    width: 1116px;
}

.slide.mi {
    margin-left: 20px;
}

.slide.md {
    margin-right: 20px;
}

/*Vimeo cabecera*/
.vimeo-section.capa .col-sm-10:after {
	content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

section#main-section {
	display:block;
	float:left;
	width:100%;
}

.video-header {
    display: block;
    float: left;
    height: 100vh;
    position: relative;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.video-header  #right-dec, .video-header #left-dec {
	z-index:22;
}


.vimeo-wrapper {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
}
.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw!important; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   border:none;
}

@media (min-width: 2000px){
	.vimeo-wrapper {
    	height: 105%;
	}
}


/*Estudio*/

.page-template-page-estudio {
    color: #232323;
}

.intro-estudio {
    margin: 0 auto;
    float: initial;
    margin-bottom: 0px;
}

.intro-estudio p, .intro-estudio h1 {
    color: #232323;
}


.texto-2-fotos p {
	text-align: justify;
    word-break: break-word;
    color:#2A181C;
    margin-bottom: 0px;
}

.team p {
	font-size:18px;
	line-height: 1.21;
	margin-top:30px;
	color:#2A181C;
}

.texto-2-fotos p span {
    max-width: 190px;
    text-align: left;
    line-height: 1.2;
}


.team-4 p {
    margin-top: 30px;
}


.title-2-6-col {
	color:#2A181C;
}

.title-2-6-col p {
    margin-bottom: 0px;
}

.title-2-6-col h3 {
    font-size: 17px;
    font-weight: 300;
    line-height: 1em;
    margin-bottom: 30px;
}

.title-2-6-col a {
   color: #2A181C!important;
}

.title-2-6-col a:before {
	width:0%!important;
	background:#2A181C!important;
}

.title-2-6-col a:hover:before {
	width:100%!important;
}

.nombre-fecha h3 {
    font-size: 44px;
    font-weight: 300;
    margin-bottom: 35px;
    margin-top: 0px;
}


.nombre-fecha p {
    font-size: 44px;
    color:#232323;
}

.nombre-fecha p sup {
	color:#232323;
	font-size: 22px;
}

.formacion img {
    /* max-height: 72px; */
    max-width: 180px;
}

.formacion .logos {
	display: flex;
    align-items: center;
}



@media (min-width:768px){
	.nombre-fecha:not(.ponencias) p {
	    -webkit-column-count: 2;
	    -moz-column-count: 2;
	    column-count: 2;
	    -webkit-column-gap: 30px;
	    -moz-column-gap: 30px;
	    column-gap: 30px;
	}


}


@media (max-width: 1200px){
	.slider-full-width-r .slide img {
    	max-height: 450px;
	}
	.slide.video .embed-container {
    	height: 450px;
    	width: 685px;
	}
	.col-sm-2.col-md-2.logotipo {
    	width: 25%!important;
	}
}

@media (max-width: 500px){
	.slider-full-width-r .slide img {
    	max-height: 260px;
	}

	.slider-full-width-r .embed-container {
    	height: 260px!important;
    	width: 390px!important;
	}



}


/*Cookies*/

#cookie-law-info-bar {
	bottom: 6.25vw!important;
    left: 6.25vw!important;
    width: 120px!important;
    height: 120px!important;
    border-radius: 100%!important;
    background:#fff!important;
}


.txt-cookie {
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #000!important;
    font-size: 17px;
    line-height: 1.1em;
    left: 0px;
    max-width: 79px;
    left: 50%;
}

.txt-cookie a {color:#000!important;text-decoration: underline;}

a#cookie_action_close_header {text-decoration: none!important;}

#cookie_action_close_header {
    font-family: 'FoundersGrotesk', sans-serif;
    clear: both;
    font-weight: 700;
    text-decoration: none;
    margin-top: 5px;
    display: block;
}


.single-proyecto {
    overflow-x: hidden;
}



.carrusel {
    background: transparent;
    margin: 85px 0 0 -50px;
}


.carrusel .panel {
    padding: 66px 0px 0px 0px;
    background: transparent;
    overflow: hidden;
    position: relative;
}

.carrusel .post_carrusel {
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.carrusel {
    width: 100%;
    padding: 100px 0;
    text-align: center;
    position: relative;
    z-index: 260;
}


.post_carrusel .carrusel_item img {
    width: auto;
    height: auto;
    display: block;
    max-width: 100%;
    height: calc(100vh - 66px);
    margin: 0 auto;
}

.carrusel .post_carrusel .carrusel_item:first-child {
    padding-left: 0;
}

.carrusel .post_carrusel .carrusel_item .caption {
    font-family: 'Univers',sans-serif;
    font-size: 12px;
    color: #333;
    position: absolute;
    top: 0;
    right: -30px;
    height: 100%;
    width: 50px;
    z-index: 1;
    writing-mode: vertical-rl;
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -o--transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}


.carrusel_item.mi {
    padding-left: 30px;
}

.carrusel_item.md {
   padding-right: 30px;
}

@media (max-width: 990px) {
		.carrusel {margin:0px;}
		.slider-full-width {width: 100%!important;max-width: 100%!important;}
		.scrollmagic-pin-spacer {padding: 0px!important;}
		.carrusel .post_carrusel {position: relative!important;}
		.carrusel .post_carrusel .carrusel_item:first-child {margin-left:0px!important;}
		.carrusel .panel {width: 100%!important;max-width: 100%!important;transform: none!important;padding:0px!important;}
		.post_carrusel .carrusel_item img {height:auto!important;max-width: calc(100% - 20px);margin-bottom: 20px;}
		
}

@media (max-width: 992px){
	.title-2-col .col-xs-8.col-sm-5.col-sm-offset-0.col-md-3.col-xs-offset-1 {
    	margin-left: 8.33333333%;
	}

	#menu-desplegable > ul li {
    	font-size: 65px;
	}

}

@media (max-width: 768px) {
	.blog-section h2 {
    	margin-top: 30px;
	}

	.title-2-col .col-xs-8.col-sm-5.col-sm-offset-1.col-md-3.col-xs-offset-1 {
    	margin-left: 0px!important;
	}

	.title-2-col .col-xs-8.col-sm-5.col-md-3.col-md-offset-0.contenido {
    	margin-left: 33.333333%;
	}

	.title-2-col .col-xs-8.col-sm-5.col-sm-offset-0.col-md-3.col-xs-offset-1 {
    	margin-left: 33.333333%!important;
	}

	.col-sm-2.col-md-2.logotipo {
    	width: 100%!important;
    	margin-bottom: 15px;
	}
	.formacion .logos {
		display:block;
	}

	.page-id-6 .project-section {
    	margin-bottom: 50px;
	}

	.title-2-6-col h3 {
    	font-size: 12px;
	}

	.ponencias img {
    	margin-bottom: 30px;
	}

	.col-2-img img {
    	margin-top: 40px;
	}

}


@media (max-width: 1360px){
	.premios-section .premio {
    	width: 33%;
	}

}

@media (max-width: 1200px){
	.nombre-fecha h3 {
    	font-size: 17px;
	}
	.nombre-fecha p {
    	font-size: 34px;
	}
}


.error404 {
    height: 100vh;
    background-image:url("/wp-content/themes/ryda/img/back-404.jpg");
    background-size:cover;
    background-position: center center;
}

.error404 footer#footer {
    display: none;
}

.error404 h1{
	color: #232323;
    font-size: 21vw;
    margin: 0px;
    line-height: .71em;
    transform: translateY(98px);
}

.error404 h3{
	color: #2A181C;
	font-weight: 100;
	font-size: 44px;
}

.error404 .col-sm-3 a{
	color: #2A181C!important;
	text-decoration:none;
	font-size: 44px;
}

.error404 a img {
    transform: rotate(90deg);
    width: 28px;
    margin-left: 21px;
    transition: all .3s ease;
}

.error404 a:hover img {
    transform: rotate(90deg) translateY(-10px);
    transition: all .3s ease;

}

.error404 .thecontent {
	margin:0px;
}

.error404 .container{
	margin-left:0px;
	width:100%;
	height:100%;
	display: flex;
    align-items: center;
}
.error404 .container .row {
	display: flex;
    align-items: flex-end;
}

.error404 #main-section {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 100%;
 
}

@media (max-width: 990px){
	.error404 .container .row {
		display:block;
	}
	.error404 h1 {
		transform:none;
	}
}



/*
.item h2 {
	display:none!important;
}

.item {
	margin-bottom: 0px!important;
}
*/



/*
	.tamano_1 {
			background:yellow;
	}

	.tamano_2 {

	    background:red;
	}

	.tamano_5 {
    		background: blue;

	}

	.tamano_3 {
		background:green;
	}
*/

/*

.item a {
    max-width: 100%;
    height: 100%;
}


@media (min-width: 768px){
	.tamano_1 img, .tamano_2 img, .tamano_3 img, .tamano_4 img, .tamano_5 img {
	    width: 100%;
	    height: 100%;
	}
}
*/

@media(max-width: 1990px){
	.tamano_2 img {
    	max-width: 232px;
	}
}


@media (min-width: 768px){
	.item.tamano_2:hover h2 {
	    -webkit-transform: translateY(5px);
	    -moz-transform: translateY(5px);
	    -ms-transform: translateY(5px);
	    transform: translateY(5px);
	}

}


@media (min-width: 768px) {
	.page-id-6 #head.comprimida, .page-id-10 #head.comprimida {
   		background: #f2c2a2;
   	}


}


.page-id-6 #head, .page-id-10 #head {
	background: #f2c2a2;
}

.page-id-6 a.ver-proyectos, .page-id-6 .scroll-up {
    color: #232323!important;
}





body.menu-active #trigger-menu i {
	background:#222222;
}

body.menu-active .logo-mobile path {
	fill:#222222!important;
}



.page-id-10 #main-section * {
    color: #2c2e30;
}

.page-id-10 .thecontent a:after {
	background:#2c2e30;;
}

#cursor {
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  pointer-events: none;
  /*will-change: transform;
  mix-blend-mode: difference;*/
}

#cursor.hovered .cursor__circle {
  width:64px;
  height:64px;
  opacity:0.8;
}

@media (hover: hover) and (pointer: fine) {
  .cursor__circle {
    width: 20px;
    height: 20px;
    margin-top: -50%;
    margin-left: -50%;
    border-radius: 50%;
    border: none;
    background:#f2c2a2;
    transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1),
    background-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),
    border-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),
    width 0.3s cubic-bezier(0.25, 1, 0.5, 1),
    height 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  }
  
  .menu-active .cursor__circle, .page-template-page-estudio .cursor__circle, .page-template-page-contacto .cursor__circle {
  	background:#2C2E2F;
  }

  #cursor.arrow .cursor__circle{
    width: 128px;
    height: 128px;
    background-color: #073099;
    border-color: #073099;
  }
  
  #cursor.arrow::after{
    content: '';
    position: absolute;
    left: -50%;
    top: -50%;
    width: 100%;
    height: 100%;
    background-image: url('https://svgshare.com/i/MzQ.svg');
    background-repeat: no-repeat;
    background-position: center;
  }
  
  #cursor.subtle .cursor__circle{
    opacity: 0.16;
  }
  
  #cursor.overlay .cursor__circle{
    width: 48px;
    height: 48px;
    background-color: rgba(227, 222, 193, 0.08);
    border-color: transparent;
  }
}



@media (min-width: 992px){
	#mosaic div.big > div {
	    height: 417px;
	}
	
	#mosaic div.small > div {
    height: 200px;
	}
}

#menu-desplegable > ul li a {
    color: #2C2E2F;
    text-transform: uppercase;
}

@media (min-width: 992px) {
	#menu-desplegable > ul li {
	    display: block!important;
	    font-size: 150px;
	    line-height: 1em;
	}
}

@media (max-width: 340px){
	#menu-desplegable > ul li {
    	font-size: 45px;
	}
}

#menu-desplegable > ul li {
    margin: 0px;
    line-height: 1em;
}


.menu-active .logo svg path {
    	fill: #222222!important;
	}



.page-template-page-estudio.scrolling .logo svg path, .page-template-page-estudio.scrolling .logo svg rect, .page-template-page-estudio.scrolling .logo svg polygon, .page-template-page-contacto.scrolling .logo svg path, .page-template-page-contacto.scrolling .logo svg rect, .page-template-page-contacto.scrolling .logo svg polygon{
	fill:#2a181c!important;
} 

body.page-template-page-estudio.scrolling #trigger-menu i, .page-template-page-contacto.scrolling #trigger-menu i {
	background:#2a181c!important;
}

ul.share li a:before {
	display:none;
}

.project-section {
    clear: both;
}


#mosaic .item a:before {
    display: none;
}

.page-template-page-estudio #footer a:after, .page-template-page-contacto #footer a:after {
	background:#232323;
}

.page-template-page-estudio .logo-mobile svg path, .page-template-page-contacto .logo-mobile svg path {
    fill: #2a181c!important;
}

.page-template-page-estudio #trigger-menu i, .page-template-page-contacto #trigger-menu i   {
	background:#2a181c!important;;
}



@media(max-width: 767px)  {
	#main-section {
    	padding-top: 55px;
	}

	.thecontent.contenido-inicial {
    	font-size: 25px!important;
	}

	.title-2-col .col-xs-8.col-sm-5.col-sm-offset-0.col-md-3.col-xs-offset-1, .title-2-col .col-xs-8.col-sm-5.col-md-3.col-md-offset-0.contenido {
    	margin-left: 0px!important;
    	width: 100%;
	}

	.title-2-col .col-xs-4 {
    	width: 100%;
	}

	.title-2-col .col-xs-4 {
    	width: 100%;
    	font-size: 12px;
	}	

}