/*
Theme Name: Estudio Morgan
Theme URI: https://estudiomorgan.es
Description: Estudio Morgan
Author: Wonton Design
Author URI: http://www.wonton.es
Version: 1.0.0
Template: bridge
*/
/* ********************************************************************************************************************* IMPORTS */
@import url(css/animsition.min.css);
@import url(css/animate.css);
@import url(css/tooltipster.css);
@import url(css/lightslider.css);
/* ********************************************************************************************************************* VARS */
/* ********************************************************************************************************************* GLOBALS */
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600");
@font-face { font-family: "didot"; src: url("https://estudiomorgan.es/wp-content/themes/morgan/fonts/didot.eot"); src: url("https://estudiomorgan.es/wp-content/themes/morgan/fonts/didot.eot?#iefix") format("embedded-opentype"), url("https://estudiomorgan.es/wp-content/themes/morgan/fonts/didot.woff2") format("woff2"), url("https://estudiomorgan.es/wp-content/themes/morgan/fonts/didot.woff") format("woff"), url("https://estudiomorgan.es/wp-content/themes/morgan/fonts/didot.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: "cloak"; src: url("https://estudiomorgan.es/wp-content/themes/morgan/fonts/cloak.eot"); src: url("https://estudiomorgan.es/wp-content/themes/morgan/fonts/cloak.eot?#iefix") format("embedded-opentype"), url("https://estudiomorgan.es/wp-content/themes/morgan/fonts/cloak.woff2") format("woff2"), url("https://estudiomorgan.es/wp-content/themes/morgan/fonts/cloak.woff") format("woff"), url("https://estudiomorgan.es/wp-content/themes/morgan/fonts/cloak.ttf") format("truetype"); font-weight: normal; font-style: normal; }
body { font-family: 'Montserrat', sans-serif; font-weight: 500; }

h1, h2, h3, h4, h5, h6 { font-weight: 500; letter-spacing: 0; text-transform: none; }

p { margin-top: 20px; /* &:empty {
	display: none;
} */ }
p.bigger-margin-top { margin-top: 30px; }

/* .text-light,
.text-light a {	
	font-weight: 300;
} */
.text-bigger { font-size: 18px !important; }

.text-even-bigger { font-size: 20px !important; }

.text-smaller { font-size: 13px !important; line-height: 17px !important; }
.text-smaller p { margin-bottom: 20px; font-size: 14px !important; line-height: 17px !important; }

.text-spaced { letter-spacing: 3px; }

.didot { font-family: 'didot', sans-serif; }

.white { color: #fff; }
.white p, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white span { color: #fff; }

.black { color: #000; }

.grey { color: #5f6b67; }

.light-grey { color: #ececec; }

.dark-grey { color: #25282A; }

.colored { color: #B7CDC2; }

.brown { color: #B9825F; }

.align-left { text-align: left; }

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

.align-right { text-align: right; }

.margin-10-below { margin-bottom: 10px; }

.margin-20-below { margin-bottom: 20px; }

.margin-10-above { margin-top: 10px; }

.margin-20-above { margin-top: 20px; }

.element-with-side-padding-120 { padding: 0 120px; }

.row-with-vertical-padding-120 { padding: 120px 0; }

.row-with-bottom-padding-120 { padding-bottom: 120px; }

.column-no-padding-right .vc_column-inner { padding-right: 0 !important; }

.column-no-padding-left .vc_column-inner { padding-left: 0 !important; }

.row-with-side-padding-200 { padding: 0 200px; }

.centered { margin: 0 auto; text-align: center; }

.vertical-centered { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.border-top { border-top: 1px solid #ececec; }

.border-bottom { border-bottom: 1px solid #ececec; }

.no-text-transform { text-transform: none !important; }

.no-letter-spacing { letter-spacing: 0 !important; }
.no-letter-spacing a { letter-spacing: 0 !important; }

.no-block { display: inline; }
.no-block + p { margin-top: -10px; }

.boxed { padding: 6px 10px; background-color: #B7CDC2; color: #fff; }

.boxed-white { border: 1px solid #fff; }
.boxed-white:hover { background-color: #fff; }

.title-boxed { display: inline; padding: 0 10px; background-color: #ececec; color: #444444; }
.title-boxed + br { display: block !important; margin-bottom: 20px; content: " "; }
.title-boxed.accent { background-color: #B7CDC2; color: #fff; }
.title-boxed.dark { background-color: #25282A; color: #fff; }

.hidden, .hide { display: none !important; }

.hide-on-desktop { display: none; }

a, a:before, a:after { -webkit-transition: all 0.3s ease 0s !important; -moz-transition: all 0.3s ease 0s !important; -ms-transition: all 0.3s ease 0s !important; -o-transition: all 0.3s ease 0s !important; transition: all 0.3s ease 0s !important; }

a.accent-link { color: #B7CDC2; }
a.accent-link:hover { color: #B7CDC2 !important; text-decoration: underline; }

a.white-link { color: #fff; border-bottom: 1px solid transparent; }
a.white-link:hover { border-bottom: 1px solid #fff; }

a.dark-grey-link { color: #25282A; }
a.dark-grey-link:hover { color: #B7CDC2 !important; }

a.light-grey-link { color: #ececec; }
a.light-grey-link:hover { color: #B7CDC2 !important; }

a.line-link { padding-bottom: 6px; display: inline-block; line-height: 0; color: #B7CDC2; border-bottom: 1px solid #B7CDC2; }
a.line-link:after { content: ''; position: relative; width: 101%; height: 1px; margin-bottom: -7px; display: inline-block; background-color: #B9825F; transform: scaleX(1); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; -ms-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; -o-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; }
a.line-link:hover { color: #B7CDC2 !important; border-color: #B7CDC2; }
a.line-link:hover:after { transform: scaleX(0); }
a.line-link.white { color: #fff; border-color: #fff; }
a.line-link.white:after { background-color: #B7CDC2; }
a.line-link.white:hover { color: #fff !important; }
a.line-link.disabled { pointer-events: none; }

.only-home { display: none; }

.only-admin { display: none; }

body.logged-in .only-admin { display: block; }

/* ********************************************************************************************************************* THEME GLOBAL REPLACEMENTS  */
body > .wrapper { opacity: 0; filter: alpha(opacity=0); -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }

#back_to_top { display: none; background-color: transparent !important; }
#back_to_top span { background-color: transparent !important; border: 0 !important; }

/* ********************************************************************************************************************* SHARED ELEMENTS */
.social { margin-top: 20px; }
.social ul li { display: inline-block; vertical-align: top; overflow: hidden; width: 50px; height: 50px; margin-right: 10px; border-radius: 100%; background-color: #B7CDC2; border: 2px solid #B7CDC2; -webkit-transition: all 0.4s ease 0s !important; -moz-transition: all 0.4s ease 0s !important; -ms-transition: all 0.4s ease 0s !important; -o-transition: all 0.4s ease 0s !important; transition: all 0.4s ease 0s !important; }
.social ul li:hover { background-color: #B7CDC2; }
.social ul li:hover a { top: -25px; background-color: #fff; border-color: #B7CDC2; }
.social ul li:hover a i:first-child { -webkit-transition: all 0.3s ease 0s !important; -moz-transition: all 0.3s ease 0s !important; -ms-transition: all 0.3s ease 0s !important; -o-transition: all 0.3s ease 0s !important; transition: all 0.3s ease 0s !important; opacity: 0; filter: alpha(opacity=0); }
.social ul li a { display: block; width: 100%; height: 200%; position: relative; top: 4px; line-height: 50px !important; text-align: center; color: #fff; }
.social ul li a i { font-size: 30px; color: #fff; }
.social ul li a i:last-child { display: block; margin-top: -15px; color: #B7CDC2; }

.wpcf7-form { /* .ajax-loader {
	display: block !important;
	background-image: url('https://www.somoszyx.com/media/loader.gif') !important;
	width: 30px !important;
	height: 30px !important;
	margin: 0 auto !important;
} */ }
.wpcf7-form input.wpcf7-text, .wpcf7-form textarea.wpcf7-textarea { padding: 10px 8px; font-size: 22px !important; text-align: left; color: #B7CDC2 !important; border: 1px solid #B7CDC2; }
.wpcf7-form textarea.wpcf7-textarea { height: 150px; padding-bottom: 0; line-height: 22px; }
.wpcf7-form input.wpcf7-submit { width: auto; height: 40px; font-size: 16px !important; line-height: 40px; text-align: center; color: #fff !important; background-color: #B7CDC2 !important; border: 1px solid #B7CDC2 !important; border-radius: 0; }
.wpcf7-form input.wpcf7-submit:hover { background-color: #d5e2dc !important; border: 1px solid #B7CDC2 !important; }
.wpcf7-form label { font-size: 18px; color: #B7CDC2; }
.wpcf7-form div.politica { margin: 30px 0 50px 0; }
.wpcf7-form span { font-size: 15px; color: #fff; }
.wpcf7-form span a { color: #fff; text-decoration: underline; }

.wpcf7-not-valid-tip { font-size: 14px !important; color: #ff0000 !important; }

.wpcf7-response-output { margin: 0 !important; background-color: #ff0000 !important; text-transform: none !important; line-height: 22px; }
.wpcf7-response-output.wpcf7-mail-sent-ok { background-color: #5ba745 !important; }

/* HACK PARA CAMPOS AUTOCOMPLETAR AMARILLOS EN WEBKIT */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 100px #fff inset; -webkit-text-fill-color: #B7CDC2 !important; }

input:focus::-webkit-input-placeholder { opacity: 0; -webkit-transition: all 0.6s linear 0s !important; -moz-transition: all 0.6s linear 0s !important; -ms-transition: all 0.6s linear 0s !important; -o-transition: all 0.6s linear 0s !important; transition: all 0.6s linear 0s !important; }

input:focus::-moz-placeholder { opacity: 0; }

textarea:focus::-webkit-input-placeholder { opacity: 0; -webkit-transition: all 0.6s linear 0s !important; -moz-transition: all 0.6s linear 0s !important; -ms-transition: all 0.6s linear 0s !important; -o-transition: all 0.6s linear 0s !important; transition: all 0.6s linear 0s !important; }

textarea:focus::-moz-placeholder { opacity: 0; }

#cookie-notice { min-width: 0; width: 200px; right: 0; left: initial; font-size: 11px; line-height: 17px; font-weight: 300; background-color: rgba(0, 0, 0, 0.6) !important; }
#cookie-notice .cookie-notice-container { box-sizing: border-box; padding: 40px 15px 15px 15px; }
#cookie-notice span { display: block; padding-bottom: 10px; }
#cookie-notice .qbutton { height: 20px; margin: 0 auto; font-size: 10px; font-weight: 300; line-height: 21px; text-transform: none; background-color: transparent; color: #fff; border: 1px solid #ccc; border-radius: 0; }
#cookie-notice .cn-close-icon { top: 20px; }

/* ********************************************************************************************************************* HEADER - MENU - HOME */
header { -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; -ms-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; -o-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; }
header .header_bottom { background-color: #fff !important; }
header .header_bottom .logo_wrapper { width: auto !important; }
header .header_bottom .q_logo { width: 200px; height: 50px; }
header .header_bottom .q_logo a { width: 100% !important; height: 100% !important; text-align: center; }
header nav.main_menu { top: 55px !important; }
header nav.main_menu ul { vertical-align: top !important; }
header nav.main_menu ul li a { padding: 0 20px; font-size: 14px; line-height: 20px; text-transform: none; color: #25282A; }
header nav.main_menu ul li a span { line-height: 20px !important; }
header nav.main_menu ul li.active a { color: #9db1a8; }
header nav.main_menu.left_side li:last-child { margin-right: 120px !important; }
header nav.main_menu.right_side li:first-child { margin-left: 120px !important; }
header.sticky .container_inner { text-align: center; }
header.sticky .header_inner_left { display: inline-block !important; }
header.sticky .q_logo { width: 100px; height: 25px; }
header.sticky nav.main_menu { box-sizing: border-box; width: 30% !important; top: 0 !important; }
header.sticky nav.main_menu.left_side { margin-right: 30px !important; }
header.sticky nav.main_menu.right_side { margin-left: 30px !important; }

.hidden-header { transform: translateY(-120px); }

#bt__menu { display: block !important; position: absolute; z-index: 3; top: 30px; left: 50%; margin-left: -20px; font-size: 40px; color: #fff; -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; -ms-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; -o-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; }
#bt__menu i:last-child { display: none; }

.bt-close { top: 140px !important; -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
.bt-close i:first-child { display: none; }
.bt-close i:last-child { display: block !important; }

/* ********************************************************************************************************************* FOOTER */
footer .footer_top_holder { padding: 0 40px; background-color: #B7CDC2; }
footer .footer_top_holder .footer_top { padding: 80px 0 20px 0; }
footer .footer_top_holder .widget_text { margin-left: 0 !important; }
footer .footer_top_holder a { font-size: 16px; color: #25282A !important; }
footer .footer_top_holder a:hover { color: #25282A !important; }
footer .footer_top_holder a:hover img { padding-right: 12px; }
footer .footer_top_holder a img { vertical-align: middle; width: 22px; padding-right: 8px; -webkit-transition: padding 0.3s ease 0s !important; -moz-transition: padding 0.3s ease 0s !important; -ms-transition: padding 0.3s ease 0s !important; -o-transition: padding 0.3s ease 0s !important; transition: padding 0.3s ease 0s !important; }
footer .footer_top_holder a.email img { padding: 0 0 0 8px; }
footer .footer_top_holder a.email:hover img { padding: 0 0 0 12px; }
footer .footer_top_holder span { display: inline-block; font-size: 16px; line-height: 21px; letter-spacing: 1px; color: #25282A; }
footer .footer_bottom_holder { padding: 0 40px 20px 40px; background-color: #B7CDC2; }
footer .footer_bottom_holder .footer_bottom_columns { border-top: 1px solid #fff; }
footer .footer_bottom_holder .footer_bottom { font-size: 10px; color: #25282A; }
footer .footer_bottom_holder a { margin-left: 10px; color: #25282A; border-bottom: 1px solid transparent; }
footer .footer_bottom_holder a:hover { border-color: #25282A; }

/* ********************************************************************************************************************* HOME */
.home { overflow: hidden; }
.home .wrapper, .home .content { background-color: #B7CDC2 !important; }
.home .full_width { background-color: transparent !important; }
.home #home_logo { position: absolute; display: block; z-index: 4; pointer-events: none; width: 380px; left: 50%; margin: 180px 0 0 -190px; }
.home #home_logo svg { max-width: 100%; }
.home .projects { position: absolute; display: block; z-index: 2; width: 100%; min-height: 100%; }
.home .projects .item { position: relative; display: inline-block; float: left; box-sizing: border-box; cursor: pointer; width: 20%; height: 100%; border-right: 1px solid rgba(255, 255, 255, 0.3); background-color: rgba(0, 0, 0, 0.3); -webkit-transition: background 0.3s linear 0s !important; -moz-transition: background 0.3s linear 0s !important; -ms-transition: background 0.3s linear 0s !important; -o-transition: background 0.3s linear 0s !important; transition: background 0.3s linear 0s !important; }
.home .projects .item .data { position: absolute; width: 100%; bottom: 50px; -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s !important; -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s !important; -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s !important; -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s !important; transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s !important; }
.home .projects .item .data h3, .home .projects .item .data h4, .home .projects .item .data h5 { text-align: center; color: #fff; -webkit-transition: all 0.8s linear 0s !important; -moz-transition: all 0.8s linear 0s !important; -ms-transition: all 0.8s linear 0s !important; -o-transition: all 0.8s linear 0s !important; transition: all 0.8s linear 0s !important; }
.home .projects .item .data h3 br, .home .projects .item .data h4 br, .home .projects .item .data h5 br { display: none; }
.home .projects .item .data h3 { padding-bottom: 20px; font-family: 'cloak', sans-serif; font-size: 45px; opacity: 0.5; }
.home .projects .item .data h4, .home .projects .item .data h5 { font-size: 14px; font-weight: 600; opacity: 0; }
.home .projects .item img { display: none !important; }
.home .projects .item:hover { background-color: rgba(0, 0, 0, 0.4); }
.home .projects .item:hover .data { bottom: 100px; }
.home .projects .item:hover .data h3, .home .projects .item:hover .data h4, .home .projects .item:hover .data h5 { opacity: 1; }

.grid__item { position: absolute; display: flex; align-items: stretch; width: 100vw; }

.grid__item-img { display: block; height: 100%; width: 100%; }

.grid__item-img canvas { height: 100%; }

.grid__item-img img { height: 100%; display: block; }

.grid__item-img img:nth-child(2) { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.3s; }

.grid__item:hover .grid__item-img img:nth-child(2) { opacity: 1; }

.js_active .grid__item-img img { display: none; }

@media screen and (min-width: 50em) { .grid { display: grid; grid-template-columns: repeat(2, 50vmax); }
  .grid__item { height: 50vmax; width: 100%; } }
/* ********************************************************************************************************************* ESTUDIO */
.page-estudio #claim { z-index: 2; margin-bottom: -120px !important; padding-top: 60px; }
.page-estudio #claim h1 { padding: 0 350px 0 30px; font-family: 'didot', serif; font-weight: 400; font-size: 60px; line-height: 65px; color: #25282A; }
.page-estudio #entry { z-index: 1; margin-top: 650px; background-color: #B7CDC2; }
.page-estudio #entry .wpb_wrapper { text-align: center; }
.page-estudio #entry img { max-width: 680px; margin-top: -650px; }
.page-estudio #entry h4 { box-sizing: border-box; max-width: 680px; margin: 30px auto; padding: 0 30px; font-size: 17px; line-height: 28px; color: #25282A; }
.page-estudio #entry h4:first-of-type { margin-top: 60px; }
.page-estudio #entry h4:last-of-type { padding-bottom: 60px; color: #5f6b67; }
.page-estudio .profile .wpb_raw_html.name { padding: 0 80px; }
.page-estudio .profile .vc_row { margin: 40px 0 0 0; }
.page-estudio .profile .vc_row .section_inner_margin { padding: 0 80px; }
.page-estudio .profile h2 { margin-bottom: 10px; font-size: 24px; }
.page-estudio .profile h4 { font-size: 12px; }
.page-estudio .profile h4:last-of-type { color: #9db1a8; }
.page-estudio .profile h3 { margin-top: -10px; font-family: 'didot', serif; font-weight: 400; font-size: 36px; line-height: 43px; }
.page-estudio .profile p:last-of-type { color: #9db1a8; }
.page-estudio .profile img { max-width: 430px; }
.page-estudio .profile#marina { padding: 100px 0 150px 0; }
.page-estudio .profile#marina .vc_col-sm-6:last-child { padding-right: 80px; }
.page-estudio .profile#laura { padding: 50px 0 150px 0; }
.page-estudio .profile#laura .vc_col-sm-6:first-child { padding-right: 80px; }
.page-estudio .profile#laura .vc_row { margin: 0; }
.page-estudio .profile#laura h2 { margin-top: 30px; }
.page-estudio .profile#laura_mobile { display: none; }

/* ********************************************************************************************************************* PROYECTOS */
.page-proyectos .pods_widget_list { padding: 0 35px; }
.page-proyectos .projects-item { position: relative; display: inline-block; box-sizing: border-box; overflow: hidden; width: calc(50% - 17px); margin: 15px 0; -webkit-transition: background 0.3s linear 0s !important; -moz-transition: background 0.3s linear 0s !important; -ms-transition: background 0.3s linear 0s !important; -o-transition: background 0.3s linear 0s !important; transition: background 0.3s linear 0s !important; }
.page-proyectos .projects-item:nth-child(odd) { margin-right: 17px; }
.page-proyectos .projects-item:nth-child(even) { margin-left: 17px; }
.page-proyectos .projects-item img { vertical-align: top; -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s !important; -moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s !important; -ms-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s !important; -o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s !important; transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s !important; }
.page-proyectos .projects-item .data { position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); -webkit-transition: background 0.5s ease 0s !important; -moz-transition: background 0.5s ease 0s !important; -ms-transition: background 0.5s ease 0s !important; -o-transition: background 0.5s ease 0s !important; transition: background 0.5s ease 0s !important; }
.page-proyectos .projects-item .data h3, .page-proyectos .projects-item .data h4, .page-proyectos .projects-item .data h5 { text-align: center; color: transparent; -webkit-transition: all 0.8s linear 0s !important; -moz-transition: all 0.8s linear 0s !important; -ms-transition: all 0.8s linear 0s !important; -o-transition: all 0.8s linear 0s !important; transition: all 0.8s linear 0s !important; }
.page-proyectos .projects-item .data h3 br, .page-proyectos .projects-item .data h4 br, .page-proyectos .projects-item .data h5 br { display: none !important; }
.page-proyectos .projects-item .data h3 { padding: 20% 0 30px 0; font-family: 'cloak', sans-serif; font-size: 80px; color: #fff; -webkit-transition: all 0.5s ease 0s !important; -moz-transition: all 0.5s ease 0s !important; -ms-transition: all 0.5s ease 0s !important; -o-transition: all 0.5s ease 0s !important; transition: all 0.5s ease 0s !important; }
.page-proyectos .projects-item .data h4, .page-proyectos .projects-item .data h5 { font-size: 14px; font-weight: 600; opacity: 0; }
.page-proyectos .projects-item:hover img { -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.page-proyectos .projects-item:hover .data { background-color: rgba(183, 205, 194, 0.9); }
.page-proyectos .projects-item:hover .data h3 { padding: 14% 0 20px 0; letter-spacing: -3px; color: #25282A; }
.page-proyectos .projects-item:hover .data h4, .page-proyectos .projects-item:hover .data h5 { color: #25282A; opacity: 1; }

.single-proyecto .content { margin-top: 0 !important; }
.single-proyecto .grid_section .section_inner { width: calc(100% - 90px); padding: 17px 0; }
.single-proyecto .vc_column-inner { padding: 0 17px; }
.single-proyecto nav.main_menu #menu-main_left li:nth-child(2) a { color: #9db1a8; }
.single-proyecto .project-header { position: relative; min-height: 700px; margin-bottom: 17px; background-size: cover; background-position: 50% 50%; }
.single-proyecto .project-header .data { position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); }
.single-proyecto .project-header .data h3, .single-proyecto .project-header .data h4, .single-proyecto .project-header .data h5 { text-align: center; color: #fff; }
.single-proyecto .project-header .data h3 br, .single-proyecto .project-header .data h4 br, .single-proyecto .project-header .data h5 br { display: none !important; }
.single-proyecto .project-header .data h3 { padding: 12% 0 30px 0; font-family: 'cloak', sans-serif; font-size: 115px; }
.single-proyecto .project-header .data h4, .single-proyecto .project-header .data h5 { font-size: 17px; font-weight: 600; }
.single-proyecto .titular p { margin-top: 0; padding: 80px 25%; font-family: 'didot', serif; font-size: 40px; line-height: 50px; color: #25282A; text-align: center; }
.single-proyecto .titular.verde p { color: #B7CDC2; }

#prevnext { margin: 100px auto; text-align: center; }
#prevnext .bt-prev, #prevnext .bt-next { position: relative; vertical-align: top; color: #9db1a8; }
#prevnext .bt-prev i, #prevnext .bt-next i { padding-top: 5px; vertical-align: top; }
#prevnext .bt-back { margin: 0 100px; }
#prevnext a.bt-back:first-child { margin-left: 175px; }
#prevnext a.bt-back:last-child { margin-right: 175px; }

/* ********************************************************************************************************************* PUBLICACIONES */
.page-publis footer { margin-top: 100px; }
.page-publis h1 { margin-top: 200px; font-family: 'didot', serif; font-weight: 400; font-size: 70px; line-height: 70px; color: #B7CDC2; }
.page-publis .pods_widget_list { padding: 0 60px; }
.page-publis .publis-item { min-height: 100px; margin-top: 80px; }
.page-publis .publis-item > div { display: inline-block; vertical-align: top; box-sizing: border-box; }
.page-publis .publis-item .data { width: 50%; padding: 0 10% 0 50px; }
.page-publis .publis-item .data h3 { padding-bottom: 30px; font-family: 'didot', serif; font-size: 55px; line-height: 36px; color: #B7CDC2; }
.page-publis .publis-item .data h4 { font-family: 'didot', serif; font-size: 26px; color: #25282A; }
.page-publis .publis-item .data img { padding: 20px 0 0 0; }
.page-publis .publis-item .data h5 { font-size: 14px; font-weight: 600; color: #25282A; }
.page-publis .publis-item .slider { width: 49%; }
.page-publis .publis-item .slider .gallery li { text-align: center; }
.page-publis .publis-item .slider .gallery li img { max-width: 400px; }
.page-publis .publis-item .slider .lSNext i, .page-publis .publis-item .slider .lSPrev i { font-size: 38px !important; color: #5f6b67; }
.page-publis .publis-item:nth-child(even) .slider { float: left; }

/* ********************************************************************************************************************* CONTACTO */
.page-contacto footer { margin-top: -120px; }
.page-contacto footer .footer_top a { visibility: hidden; }
.page-contacto header .header_bottom { background-color: #B7CDC2 !important; }
.page-contacto .content_top_margin_none { background-color: #B7CDC2; }
.page-contacto #claim { padding-top: 60px; }
.page-contacto #claim h1 { text-align: center; font-family: 'didot', serif; font-weight: 400; font-size: 185px; line-height: 185px; color: #25282A; }
.page-contacto #data { padding: 5% 0; }
.page-contacto #data .datadiv { display: inline-block; vertical-align: top; width: 33%; margin-bottom: 30px; text-align: center; font-size: 15px; }
.page-contacto #data .datadiv.person { width: 49%; margin-top: 20px; }
.page-contacto #data .datadiv.person h6 { font-weight: 600; font-size: 16px; }
.page-contacto #data a { display: inline-block; line-height: 23px; }
.page-contacto #data a:hover { opacity: 0.7; color: #25282A; }
.page-contacto #data a:hover img { transform: scaleX(-1); }
.page-contacto #data img { display: block; margin: 5px auto; -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; -ms-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; -o-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; }

/* ********************************************************************************************************************* BLOG */
/* .blog,
.search,
.archive {

	.content {
		margin-top: 0;
	}

	.content_inner  {
		margin-top: 80px;
	}
}

.single {

	.content_inner  {
		margin-top: 80px;
	}
}

.latest_post_holder {

	h5 {
		font-size: 20px;
		line-height: 23px;
	}
	
	.post_infos {
		font-size: 15px;
	}
}

.widget_categories {

	h5 {
		margin-bottom: 5px;
		color: $accent;

		&:after {
			content: '';
			display: block;
			width: 30px;
			height: 2px;
			margin-top: 5px;
			background-color: $accent;
		}
	}
} */
/* ********************************************************************************************************************* LEGAL */
.page-legal h1 { padding: 30px 0 0 0; }
.page-legal p, .page-legal table { font-size: 18px; line-height: 23px; }
.page-legal ul, .page-legal ol { list-style: none; margin-top: 40px; font-size: 18px; line-height: 23px; }
.page-legal table { margin: 20px 0; }
.page-legal table th, .page-legal table td { text-align: left !important; border: 1px solid #5f6b67; }
.page-legal hr { visibility: hidden; margin: 40px 0 !important; }

/* ********************************************************************************************************************* FIREFOX POSITION FIXES */
@-moz-document url-prefix() {}
/* ********************************************************************************************************************* RESPONSIVE MEDIA QUERIES */
/* ********************************************************************************************************************* FOR RETINA */
/* ********************************************************************************************************************* VERTICAL BREAK POINTS */
@media screen and (max-height: 900px) { .page-contacto #data { padding: 3% 0; } }
@media screen and (max-height: 800px) { .page-contacto footer { margin-top: 0; }
  .page-contacto #data { padding: 4% 0; } }
/* ********************************************************************************************************************* BREAK POINT 1500 */
@media screen and (max-width: 1500px) { .page-proyectos .projects-item .data h3 { padding: 17% 0 30px 0; }
  .single-proyecto .project-header .data h3 { padding: 15% 0 30px 0; } }
/* ********************************************************************************************************************* BREAK POINT 1300 */
@media screen and (max-width: 1300px) { .home .projects .item .data h5 br { display: block; }
  .page-proyectos .projects-item:hover .data h3 { padding: 11% 0 20px 0; }
  .single-proyecto .grid_section .section_inner { width: 1100px; }
  .single-proyecto .project-header { min-height: 600px; }
  .single-proyecto .project-header .data h3 { padding: 12% 0 30px 0; } }
/* ********************************************************************************************************************* BREAK POINT 1200 */
@media screen and (max-width: 1200px) { .home .projects .item .data h4, .home .projects .item .data h5 { font-size: 13px; }
  .page-estudio .profile img { max-width: 100%; }
  .single-proyecto .grid_section .section_inner { width: 960px; }
  .single-proyecto .titular p { padding: 50px 15%; }
  .page-publis .pods_widget_list { padding: 0; } }
/* ********************************************************************************************************************* PORTRAIT TABLET TO LANDSCAPE AND DESKTOP  - 1000 */
@media screen and (max-width: 1000px) { #back_to_top { display: none; }
  #bt__menu { display: none !important; }
  .hidden-header { transform: translateY(-45px); }
  header .header_bottom { height: 100px; padding: 0; background-color: #f7f7f7 !important; }
  header .header_bottom .container_inner { width: 100%; }
  header .header_bottom .q_logo img { -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); height: auto !important; padding-top: 10px; }
  header .mobile_menu_button { width: 100%; height: 25px; margin-top: 60px; text-align: center; }
  header .mobile_menu_button i { font-size: 30px; color: #000; }
  header .mobile_menu { background-color: #B7CDC2; -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15); }
  header .mobile_menu > ul { padding: 10px 0; width: 100%; }
  header .mobile_menu li { text-align: center; border: 0 !important; }
  header .mobile_menu li a { padding: 4px 0 !important; font-size: 15px !important; font-weight: 500 !important; letter-spacing: 1px !important; color: #25282A !important; }
  footer .footer_top_holder { padding: 0 30px; }
  footer .footer_top_holder a, footer .footer_top_holder span { font-size: 12px; }
  footer .footer_bottom_holder { padding: 0 30px; }
  .home .wrapper, .home .content { background-color: #B7CDC2 !important; }
  .home .content { margin-top: -100px !important; }
  .home header .header_bottom { background-color: transparent !important; }
  .home header .header_bottom .q_logo { display: none; }
  .home header .mobile_menu_button i { color: #fff; }
  .home #home_logo { width: 300px; margin: 100px 0 0 -150px; }
  .home .projects .item .data { top: 70%; bottom: auto; }
  .home .projects .item .data h3 { padding-bottom: 15px; font-size: 25px; opacity: 0.7; }
  .home .projects .item .data h4, .home .projects .item .data h5 { font-size: 11px; font-weight: 400; }
  .home .projects .item img { display: none !important; }
  .home .projects .item:hover, .home .projects .item:active { background-color: rgba(0, 0, 0, 0.5); }
  .home .projects .item:hover .data, .home .projects .item:active .data { bottom: auto; }
  .home .projects .item:hover .data h3, .home .projects .item:hover .data h4, .home .projects .item:hover .data h5, .home .projects .item:active .data h3, .home .projects .item:active .data h4, .home .projects .item:active .data h5 { opacity: 1; }
  .page-estudio #claim { padding-top: 40px; }
  .page-estudio #claim h1 { padding: 0 100px 0 0; font-size: 42px; line-height: 50px; }
  .page-estudio #entry { margin-top: 250px; }
  .page-estudio #entry img { max-width: 100%; margin-top: -160px; }
  .page-estudio #entry h4 { box-sizing: border-box; max-width: 680px; margin: 20px auto; padding: 0; font-size: 16px; line-height: 25px; }
  .page-estudio #entry h4:first-of-type { margin-top: 40px; }
  .page-estudio #entry h4:last-of-type { padding-bottom: 40px; }
  .page-estudio .profile .wpb_raw_html.name { padding: 0; }
  .page-estudio .profile .vc_row { margin: 20px 0 0 0; }
  .page-estudio .profile .vc_row .section_inner_margin { padding: 0; }
  .page-estudio .profile h4 { font-size: 11px; }
  .page-estudio .profile h3 { font-size: 30px; line-height: 35px; }
  .page-estudio .profile img { max-width: 100%; padding-bottom: 30px; }
  .page-estudio .profile#marina { padding: 50px 0 70px 0; }
  .page-estudio .profile#marina .vc_col-sm-6:last-child { padding-right: 0px; }
  .page-estudio .profile#laura { display: none; }
  .page-estudio .profile#laura_mobile { display: block; padding-bottom: 60px; }
  .page-proyectos .pods_widget_list { padding: 15px 25px; }
  .page-proyectos .projects-item { width: 100%; margin: 10px 0 !important; }
  .page-proyectos .projects-item .data { background-color: rgba(0, 0, 0, 0.5); }
  .page-proyectos .projects-item .data h3, .page-proyectos .projects-item .data h4, .page-proyectos .projects-item .data h5 { color: #fff; }
  .page-proyectos .projects-item .data h3 { padding: 18% 0 10px 0; font-size: 70px; }
  .page-proyectos .projects-item .data h4, .page-proyectos .projects-item .data h5 { font-size: 13px; opacity: 1; }
  .single-proyecto .content { margin-top: 0 !important; }
  .single-proyecto .grid_section .section_inner { width: 90%; padding: 10px 0; }
  .single-proyecto .vc_column-inner { padding: 0 17px; }
  .single-proyecto nav.main_menu #menu-main_left li:nth-child(2) a { color: #9db1a8; }
  .single-proyecto .project-header { min-height: 300px; }
  .single-proyecto .project-header .data h3 { padding: 9% 0 10px 0; font-size: 60px; }
  .single-proyecto .project-header .data h4, .single-proyecto .project-header .data h5 { font-size: 15px; }
  .single-proyecto .titular p { padding: 0 10% 30px 10%; font-size: 25px; line-height: 33px; }
  .single-proyecto .vc_single_image-wrapper { margin-bottom: 17px; }
  #prevnext { margin: 50px auto; text-align: center; }
  #prevnext .bt-prev, #prevnext .bt-next { position: relative; vertical-align: top; color: #9db1a8; }
  #prevnext .bt-prev i, #prevnext .bt-next i { padding-top: 5px; vertical-align: top; }
  #prevnext .bt-back { margin: 0 40px; }
  #prevnext a.bt-back:first-child { margin-left: 120px; }
  #prevnext a.bt-back:last-child { margin-right: 120px; }
  .page-publis footer { margin-top: 20px; }
  .page-publis h1 { margin-top: 40%; font-size: 40px; line-height: 40px; }
  .page-publis .publis-item { height: auto !important; }
  .page-publis .publis-item > div { display: block; }
  .page-publis .publis-item .data { width: 100%; padding: 0; }
  .page-publis .publis-item .data img { display: block; margin: 5px auto; }
  .page-publis .publis-item .data h3, .page-publis .publis-item .data h4, .page-publis .publis-item .data h5 { text-align: center; }
  .page-publis .publis-item .data h4 { font-size: 22px; line-height: 28px; }
  .page-publis .publis-item .slider { width: 100%; }
  .page-publis .publis-item .slider .gallery li img { max-width: 100%; }
  .page-publis .publis-item .slider .lSNext, .page-publis .publis-item .slider .lSPrev { display: none; }
  .page-publis .publis-item .slider .lSPager.lSpg { padding: 0 !important; text-align: center; }
  .page-publis .publis-item:nth-child(even) .slider { float: none; }
  .page-contacto footer { margin-top: -100px; }
  .page-contacto footer .footer_top .column1, .page-contacto footer .footer_top .column3 { display: none; }
  .page-contacto footer .footer_top .column2 { width: 100%; margin-top: -50px; }
  .page-contacto #claim { padding-top: 40px; }
  .page-contacto #claim h1 { font-size: 105px; line-height: 105px; }
  .page-contacto #data { padding-top: 15%; }
  .page-contacto #data .datadiv { width: 100%; } }
/* ********************************************************************************************************************* VERTICAL MOBILES AND DOWN  < 768 */
@media screen and (max-width: 767px) { p { font-size: 15px; line-height: 20px; }
  	/* header {  		.header_inner_left { 			z-index: 2; 		}  		.mobile_menu { 			z-index: 1; 			position: absolute; 			padding-top: 100px; 		} 	} */
  footer .footer_top_holder .footer_top { padding: 30px 0 20px 0; }
  footer .footer_top_holder .footer_top .column1, footer .footer_top_holder .footer_top .column3 { margin-bottom: 0 !important; text-align: center !important; }
  footer .footer_top_holder .footer_top .column1 { margin-top: 70px; }
  footer .footer_top_holder .footer_top .column2 { position: absolute; left: 0; box-sizing: border-box; }
  footer .footer_top_holder .footer_top a { font-size: 14px; }
  .page-estudio #claim h1 { padding: 0 0 0 0; font-size: 27px; line-height: 32px; }
  .page-proyectos .projects-item .data h3 { padding: 10% 0 10px 0; font-size: 50px; }
  .single-proyecto .grid_section .section_inner { width: 100%; padding: 0; }
  .single-proyecto .project-header { min-height: 200px; }
  .single-proyecto .project-header .data h3 { padding: 7% 0 10px 0; }
  .single-proyecto .titular p { padding: 30px 10% 60px 10%; }
  .page-publis h1 { margin-top: 30%; }
  .page-contacto footer { margin-top: 0; }
  .page-contacto footer .footer_top .column2 { margin-top: -40px; }
  .page-contacto #data { padding: 30px 0; }
  .page-contacto #data .wpb_raw_html { padding: 0; }
  .page-contacto #data .datadiv { width: 100% !important; font-size: 15px; } }
/* ********************************************************************************************************************* SMALL DEVICES  < 350 */