html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} h1 {
font-size: 2em;
margin: 0.67em 0;
font-family: 'GraphikBlack', sans-serif;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}
.row:before, .row:after {display: none !important;} body,
button,
input,
select,
optgroup,
textarea {
color: #333;
font-family: 'Graphik', sans-serif;
font-weight: 400;
font-style: normal;
font-size: 18px;
font-size: 1rem;
line-height: 1.5;
}
body {
opacity: 0;
transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-webkit-transition: opacity .3s ease-in-out;
}
body.all-loaded {
opacity: 1;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
font-family: 'GraphikBlack', sans-serif;
}
p {
margin-bottom: 1.5em;
font-family: 'Graphik', sans-serif;
}
b, strong {
font-family: 'GraphikBold', sans-serif;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} html {
box-sizing: border-box;
}
*,
*:before,
*:after { box-sizing: inherit;
}
body {
background: #fff; }
hr {
background-color: #333;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul, ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; max-width: 100%; }
figure {
margin: 1em 0; }
table {
margin: 0 0 1.5em;
width: 100%;
}
::-moz-selection { color: #ffffff;
background: #e63640;
}
::selection {
color: #ffffff;
background: #e63640;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #333 #333 #bbb;
border-radius: 3px;
background: #fff;
color: rgba(0, 0, 0, 0.8);
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: .6em 0.6em .4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #333 #bbb #aaa;
}
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #333 #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #333;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #333;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}  a {
color: #e63640;
}
a:visited {
color: #e63640;
}
a:hover, a:focus, a:active {
color: #ad272e;
} .main-navigation {
clear: both;
display: block;
float: left;
width: 100%;
z-index: 180;
}
.site-branding {z-index: 800;}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
float: left;
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
}
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} .widget {
margin: 0 0 1.5em; }
.widget select {
max-width: 100%;
}  .sticky {
display: block;
}
.hentry {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
} .site-header {
margin-top: 60px;
}
.navbar-nav .menu-item a {
color: #333;
font-size: 18px;
}
.navbar-nav .menu-item.active a {
color: #e63640;
font-family: 'GraphikBlack', sans-serif;
}
.main-navigation.toggled .menu-toggle .fa-bars {
display: none;
} .main-navigation{
margin-top: 0;
}
.main-navigation button {
border: none;
background: transparent;
color: #e63640;
font-size: 20px;
line-height: 1;
}
.main-navigation button.white {
color: #fff;
margin-right: 1.2em;
}
.main-navigation .menu-toggle:before {
font-family: Dashicons;
content: "\f333";
}
.main-navigation .menu-toggle.toggled-on:before{
font-family: Dashicons;
content: "\f335";
}
.main-navigation ul {
margin-top: 6px;
float: right;
}
.main-navigation ul li.social {
padding: 0 4px;
margin: 0;
}
.main-navigation li {
padding: 0 12px;
}
.main-navigation a {
color: #333;
font-size: 20px;
}
.main-navigation .active a {
color: #e63640;
font-family: 'GraphikBlack', sans-serif;
}
.main-navigation a:hover,
.main-navigation a:focus {
color: #e63640;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
display: inline-block;
float:right;
}
.site-description, .site-title {display:none;} @media screen and (min-width: 600px) {
.main-navigation button {display:none;}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
border-bottom: 1px solid #ededed;
border-top: 1px solid #ededed;
display: inline-block !important;
text-align: left;
width: 100%;
}
.main-navigation ul {
margin: 0;
text-indent: 0;
}
.main-navigation li a,
.main-navigation li {
display: inline-block;
text-decoration: none;
}
.main-navigation li a {
border-bottom: 0;
color: #6a6a6a;
white-space: nowrap;
}
.main-navigation li a:hover,
.main-navigation li a:focus {
color: #000;
}
.main-navigation li ul {
margin: 0;
padding: 0;
position: absolute;
top: 100%;
z-index: 1;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation li ul ul {
top: 0;
left: 100%;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li:focus > ul,
.main-navigation .focus > ul {
border-left: 0;
clip: inherit;
overflow: inherit;
height: inherit;
width: inherit;
}
.main-navigation li ul li a {
background: #efefef;
border-bottom: 1px solid #ededed;
display: block;
font-size: 11px;
font-size: 0.785714286rem;
line-height: 2.181818182;
padding: 8px 10px;
padding: 0.571428571rem 0.714285714rem;
width: 180px;
width: 12.85714286rem;
white-space: normal;
}
.main-navigation li ul li a:hover,
.main-navigation li ul li a:focus {
background: #e3e3e3;
color: #444;
}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
color: #636363;
font-weight: bold;
}
.menu-toggle {
display: inline-block;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
display: inline-block;
} 
} 
@media screen and (min-width: 1024px) and (max-width: 1200px) {
.main-navigation li {
font-size: 16px;
padding: 0 6px;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.main-navigation ul {
margin-top: -10px;
float: right;
width: 95%;
}
.main-navigation button {
padding-top: 12px;
}
.main-navigation ul.nav-menu.toggled-on, .menu-toggle {
margin-top: 0;
}
.main-navigation ul.nav-menu.toggled-on{
margin-top: -40px;
float: left;
width: 95%;
}
.main-navigation li {
font-size: 14px;
padding: 0 6px;
width: 25%;
max-height: 40px;
}
.main-navigation ul li.social {
width: 6%;
}
.page-template-galeria-template .main-navigation a {
color: #fff;
}
}
@media screen and (max-width: 767px)  {
.site-header {
margin-top: 0px;
z-index:90;
}
.main-navigation {
margin-top: -50px;
z-index: 700;
}
.site-branding {
width: 80%;
margin-top: 30px;
}
.main-navigation button {
color: #e63640;
font-size: 32px;
z-index: 5000;
position: absolute;
top: 0;
right: 0;
}
.main-navigation .menu-toggle {text-align: right;}
.main-navigation .menu-toggle:before {
font-family: Dashicons;
content: "\f335";
color: transparent;
margin-right: -32px;
}
.main-navigation .menu-toggle:after {
font-family: Dashicons;
content: "\f333";
color: #e63640;
margin-right: 0;
z-index: 90;
}
.main-navigation .menu-toggle.white:after {
font-family: Dashicons;
content: "\f333";
color: #fff;
margin-right: 0;
}
.main-navigation .menu-toggle.toggled-on:after {
font-family: Dashicons;
content: "\f333";
visibility: hidden;
}
.main-navigation .menu-toggle.toggled-on:before {
font-family: Dashicons;
content: "\f335";
color: white;
}
.main-navigation ul {
display: none;
}
.main-navigation ul.toggled-on{
position: fixed;
top: 0;
z-index: 1800;
background-color: #e63640;
height: 100%;
margin: 0px;
left: 0;
padding-top: 80px;
}
.main-navigation li {
font-size: 20px;
padding: 0 16px;
width: 100%;
text-align: center;
}
.navbar-nav .menu-item a {
color: #fff;
}
.navbar-nav .menu-item.active a, .main-navigation a {
color: #fff;
width: 90%;
margin: 0 auto;
border-bottom: 1px solid #fff;
padding: 15px 0;
font-size: 28px;
}
.main-navigation ul li.social {
width: 10%;
}
.main-navigation .social .fa-tls {
font-size: 1.2em;
}
.main-navigation ul li.push{
margin-left: calc(30% + 18px);
}
.main-navigation ul li.social a {
border-bottom:none;
}
.page-template-galeria-template .main-navigation a {color: #fff;}
.main-navigation .active a {
color: #fff;
font-family: 'GraphikBlack', sans-serif;
}
}
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
} .site-footer {
margin: 80px 0 10px;
}
p.hola-footer {
font-size: 34px;
font-family: 'GraphikBold', sans-serif;
color: #e63640;
}
.footer-h4 {
font-size: 15px;
font-family: 'Graphik', sans-serif;
color: #e63640;
font-weight: 400;
text-transform: uppercase;
margin-right: 200px;
border-bottom: 1px solid #e63640;
padding-bottom: 6px;
}
.site-footer p {
padding-top: 6px;
color: #e63640;
}
.site-footer p a {
font-family: 'GraphikBold', sans-serif;
}
.copy {
font-size: 12px;
font-family: 'GraphikMedium', sans-serif;
color: #e63640;
text-align: right;
}
.copy a {
color: #e63640;
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
p.hola-footer {
font-size: 24px;
}
.site-footer p a {
font-size: 11px;
}
}
@media screen and (max-width: 599px) {
.copy {
font-size: 11px;
text-align: left;
}
}
#cn-notice-text {color: #fff; font-family: 'Graphik', sans-serif; line-height: 1.2;}
#cn-notice-text a, a#cn-more-info {color: #fff; text-decoration: underline;font-family: 'Graphik', sans-serif;}
#cn-notice-text a:hover, a#cn-more-info:hover {color: #fff; text-decoration: none;}
#cn-accept-cookie {background-color: #fff; color:#e63640; padding: 6px 16px; font-family: 'GraphikBold', sans-serif; margin-top: 30px;} .home-header {
z-index: 1000;
}
.home-header p {
color: #e63640;
}
.logo-home {
position: absolute;
left: 30px;
top: 30px;
z-index: 1000;
}
.social-header {
text-align: right;
margin-right: 170px;
}
.contacto-home {
position: absolute;
right: 30px;
top: 30px;
text-transform: uppercase;
font-size:15px;
padding-left: 20px;
border-left: 1px solid #e63640;
z-index: 1000;
}
.contacto-home p {
margin: 0;
padding: 0;
}
.contacto-home .black {
font-family: 'GraphikBlack', sans-serif;
}
.social {
margin-top: 10px;
}
.social .fa-tls {
font-size: 1.6em;
font-size: 24px;
padding-right: 12px;
}
@media screen and (max-width: 767px) {
.contacto-home {
top: 10px;
}
.logo-home {
top: 40px;
}
.contacto-home .social {
margin-top: 4px;
}
}
#home .menu-wrapper {
width: 100%;
height: 95%;
height: 95vh;
overflow: hidden;
}
#home .menu-home {
list-style-type: none;
padding: 0;
margin: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: stretch;
overflow-x: scroll;
height: 95%;
height: 95vh;
-webkit-overflow-scrolling: touch;
}
#home .menu-item {
text-align: center;
padding: 0;
min-width: 22%;
min-width: 22vw;
font-size: 5em;
float: left;
font-family: 'GraphikMedium', sans-serif;
flex-grow: 1;
margin-top: 30%;
padding-top: 10px;
margin-top: 30vh; align-items: center;
flex: 1; }
#home .menu-item span.divider {
float: right;
color: #e63640;
}
#home .menu-item-icon {
text-align: center;
padding: 0;
min-width: 6%;
min-width: 6vw;
font-size: 6em;
font-family: 'GraphikMedium', sans-serif;
float: left;
flex-grow: 1;
flex: 1;
margin-top: 30%;
margin-top: 30vh;
color: #e63640; align-items: center; }
#home .menu-item a {
text-align: center;
padding-bottom: 4px;
} 
#home .name a {padding: 45% 0 32%; padding: 45vh 0 32vh;}
#cookie-notice {bottom: 0;}
#home .menu-item a:hover, #home .menu-item a:focus {
font-family: 'GraphikBlack', sans-serif;
color: #e63640;
text-decoration: none;
}     
#home .name > div  {
display:none;
}
#home .name:hover > div {
display: block;
font-family: 'Gochi Hand', cursive;
font-size: 28px;
line-height: 20px;
font-weight: 400;
color: #e63640; }
#home .name:hover > div.nota-arriba {
margin-top: -6em;
}
#home .name:hover > div.nota-arriba > .left {
width: 100px;
margin: -3em 15px 0;
float: left;
}
#home .name:hover > div.nota-arriba > .right {
float: right;
font-size: 28px;
line-height: 28px;
width: 65%;
text-align: left;
display:inline;
margin-top:-4em;
}
#home .name:hover > div.nota-abajo {
margin-top: 6em;
}
#home .name:hover > div.nota-abajo > .right {
width: 40px;
margin-left: 5px;
margin-right: 15px;
float: right;
margin-top: 0em;
}
#home .name:hover > div.nota-abajo > .left {
float: left;
font-size: 28px;
line-height: 28px;
width: 20%;
width: 20vw;
text-align: right;
padding-top: 20px;
}
#circulo{
display:block;
position: absolute;
bottom: 60px;
left: 0; 
right: 0; 
margin-left: auto; 
margin-right: auto;
width:160px;
height:160px;
padding: 50px 12px;
border-radius:80px;
text-transform: uppercase;
font-size:16px;
color:#fff;
line-height:18px;
text-align:center;
text-decoration:none;
background:#e63640;
}
#circulo a {
color:#fff;
font-family: 'GraphikMedium', sans-serif;
}
#circulo a:hover{
text-decoration:none;
font-family: 'GraphikBlack', sans-serif;
}
#home .name:hover > div.nota1 {
margin-top: -7em;
}
#home .name:hover > div.nota2 {
margin-top: 6em;
}
#home .name:hover > div.nota3 {
margin-top: 10px;
width: 180px;
}
#home .name:hover > div.nota4 {
width: 250px;
float: right;
margin-top: -140px;
}
#home .name:hover > div.nota5 {
margin-top: -8em;
width: 100%;
float:right;
}
#home .name:hover > div.nota6 {
margin-top: -0.3em;
width: 55%;
float:left;
}
#home .name:hover > div.nota7 {
margin-top: 0.1em;
}
#home .name:hover > div.nota8 {
margin-top: -7em;
margin-left: 3em;
width: 100%;
}
#home .name:hover > div.nota9 {
margin-top: -8em;
width: 100%;
}
#home .name:hover > div.nota1 > .left {
width: 100px;
margin: 0 30px;
float: left;
}
#home .name:hover > div.nota2 > .right {
width: 40px;
margin-left: 20px;
float: right;
margin-top: -20px;
}
#home .name:hover > div.nota3 > .center-img {
width: 20px;
margin-top: -10px;
margin-left: 170px;
}
#home .name:hover > div.nota4 > .center-img {
width: 40px;
margin-top: -20px;
}
#home .name:hover > div.nota5 > .center-img {
width: 20px;
text-align:center;
margin: 0 auto;
}
#home .name:hover > div.nota6 > .center-img {
width: 20px;
margin: 0 auto;
}
#home .name:hover > div.nota7 > .center-img {
width: 90px;
float: left;
margin-left: 60px;
margin-top: 10px;
}
#home .name:hover > div.nota8 > .center-img {
width: 80px;
float: right;
margin-right: 80px;
}
#home .name:hover > div.nota9 > .center-img {
width: 20px;
margin: 0 auto;
}
#home .name:hover > div.nota1 > .right {
float: right;
font-size: 28px;
line-height: 28px;
width: 65%;
text-align: left;
display:inline;
}
#home .name:hover > div.nota2 > .left {
float: left;
font-size: 28px;
line-height: 28px;
width: 22%;
width: 22vw;
text-align: right;
padding-top: 20px;
}
#home .name:hover > div.nota3 > .center {
font-size: 28px;
line-height: 28px;
text-align: right;
}
#home .name:hover > div.nota4 > .center {
font-size: 28px;
line-height: 28px;
text-align: left;
padding-left: 20px;
}
#home .name:hover > div.nota5 > .center {
font-size: 28px;
line-height: 28px;
text-align: center;
padding-bottom: 10px;
}
#home .name:hover > div.nota6 > .center {
font-size: 28px;
line-height: 28px;
text-align: center;
padding-top: 20px;
}
#home .name:hover > div.nota7 > .center {
font-size: 28px;
line-height: 28px;
text-align: left;
padding-left: 20px;
width: 300px;
margin-top: 40px;
float: right;
}
#home .name:hover > div.nota8 > .center {
font-size: 28px;
line-height: 28px;
text-align: right;
float: left;
width: 250px;
}
#home .name:hover > div.nota9 > .center {
font-size: 28px;
line-height: 28px;
text-align: center;
padding-bottom: 10px;
}
#home-mobile ul {
list-style: none;
margin: 100px 40px 80px;
padding: 0;
text-align: center;
}
#home-mobile .menu-item-mobile .name {
font-size: 2em;
font-family: 'GraphikMedium',sans-serif;
line-height: 2.6;
}
#home-mobile .menu-item-mobile-icon {
font-size: 3.6em;
font-family: 'GraphikMedium', sans-serif;
color: #e63640;
line-height: 1.2;
}
#home-mobile .menu-item-mobile a:hover, #home-mobile .menu-item-mobile a:focus {
font-family: 'GraphikBlack', sans-serif;
color: #e63640;
text-decoration: none;
} @media (hover: none) and (pointer: coarse) {
#home .name:hover > div.nota1,  #home .name:hover > div.nota2,  #home .name:hover > div.nota3,  #home .name:hover > div.nota4,  #home .name:hover > div.nota5,  #home .name:hover > div.nota6,  #home .name:hover > div.nota7,  #home .name:hover > div.nota8,  #home .name:hover > div.nota9 {
display: none;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1700px) {
#home .menu-item, #home .menu-item-icon {
font-size: 4em;
}
#home .menu-item-icon img {
height: 36px;
}
#home .name:hover > div.nota1 {
margin-top: -8em;
}
#home .name:hover > div.nota2 {
margin-top: 8em;
}
#home .name:hover > div.nota3 {
margin-top: 10px;
width: 180px;
margin-left:-60px;
}
#home .name:hover > div.nota4 {
width: 250px;
float: right;
margin-top: -140px;
margin-right: -60px;
}
#home .name:hover > div.nota5 {
margin-top: -7.6em;
width: 100%;
float:right;
}
#home .name:hover > div.nota6 {
margin-top: -0.3em;
width: 55%;
float:left;
}
#home .name:hover > div.nota7 {
margin-top: 0.1em;
}
#home .name:hover > div.nota8 {
margin-top: -8.6em;
width: 100%;
}
#home .name:hover > div.nota9 {
margin-top: -8.6em;
width: 100%;
}
#home .name:hover > div.nota1 > .left {
width: 80px;
margin: 0 30px -80px;
float: left;
}
#home .name:hover > div.nota2 > .right {
width: 40px;
margin-left: 20px;
float: right;
margin-top: -60px;
}
#home .name:hover > div.nota3 > .center-img {
width: 20px;
margin-top: -10px;
margin-left: 170px;
}
#home .name:hover > div.nota4 > .center-img {
width: 40px;
margin-top: -20px;
}
#home .name:hover > div.nota5 > .center-img {
width: 20px;
text-align: center;
margin: 0 auto;
}
#home .name:hover > div.nota6 > .center-img {
width: 20px;
margin: 0 auto;
}
#home .name:hover > div.nota7 > .center-img {
width: 90px;
float: left;
margin-left: 60px;
margin-top: 10px;
}
#home .name:hover > div.nota8 > .center-img {
width: 80px;
float: right;
margin-right: 80px;
}
#home .name:hover > div.nota9 > .center-img {
width: 20px;
margin: 0 auto;
}
#home .name:hover > div.nota1 > .right {
float: right;
font-size: 28px;
line-height: 28px;
width: 65%;
text-align: left;
display:inline;
}
#home .name:hover > div.nota2 > .left {
float: left;
font-size: 28px;
line-height: 28px;
width: 22%;
width: 22vw;
text-align: right;
padding-top: 20px;
}
#home .name:hover > div.nota3 > .center {
font-size: 28px;
line-height: 28px;
text-align: right;
}
#home .name:hover > div.nota4 > .center {
font-size: 28px;
line-height: 28px;
text-align: left;
padding-left: 20px;
}
#home .name:hover > div.nota5 > .center {
font-size: 28px;
line-height: 28px;
text-align: center;
padding-bottom: 10px;
}
#home .name:hover > div.nota6 > .center {
font-size: 28px;
line-height: 28px;
text-align: center;
padding-top: 20px;
}
#home .name:hover > div.nota7 > .center {
font-size: 28px;
line-height: 28px;
text-align: left;
padding-left: 20px;
width: 300px;
margin-top: 40px;
float: right;
}
#home .name:hover > div.nota8 > .center {
font-size: 28px;
line-height: 28px;
text-align: right;
float: left;
width: 270px;
}
#home .name:hover > div.nota9 > .center {
font-size: 28px;
line-height: 28px;
text-align: center;
padding-bottom: 10px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
#home .menu-item, #home .menu-item-icon {
font-size: 3em;
margin-top: 30vh;
}
#home .menu-item-icon img {
height: 32px;
}
#home .name:hover > div.nota1 {
margin-top: -8em;
}
#home .name:hover > div.nota2 {
margin-top: 8em;
}
#home .name:hover > div.nota3 {
margin-top: 10px;
width: 180px;
margin-left:-60px;
}
#home .name:hover > div.nota4 {
width: 250px;
float: right;
margin-top: -140px;
margin-right: -60px;
}
#home .name:hover > div.nota5 {
margin-top: -7.6em;
width: 100%;
float:right;
}
#home .name:hover > div.nota6 {
margin-top: -0.3em;
width: 55%;
float:left;
}
#home .name:hover > div.nota7 {
margin-top: 0.1em;
}
#home .name:hover > div.nota8 {
margin-top: -8.6em;
width: 100%;
}
#home .name:hover > div.nota9 {
margin-top: -8.6em;
width: 100%;
}
#home .name:hover > div.nota1 > .left {
width: 80px;
margin: 0 30px -80px;
float: left;
}
#home .name:hover > div.nota2 > .right {
width: 40px;
margin-left: 20px;
float: right;
margin-top: -60px;
}
#home .name:hover > div.nota3 > .center-img {
width: 20px;
margin-top: -10px;
margin-left: 170px;
}
#home .name:hover > div.nota4 > .center-img {
width: 40px;
margin-top: -20px;
}
#home .name:hover > div.nota5 > .center-img {
width: 20px;
margin: 0 auto;
}
#home .name:hover > div.nota6 > .center-img {
width: 20px;
margin: 0 auto;
}
#home .name:hover > div.nota7 > .center-img {
width: 90px;
float: left;
margin-left: 60px;
margin-top: 10px;
}
#home .name:hover > div.nota8 > .center-img {
width: 80px;
float: right;
margin-right: 80px;
}
#home .name:hover > div.nota9 > .center-img {
width: 20px;
margin: 0 auto;
}
#home .name:hover > div.nota1 > .right {
float: right;
font-size: 24px;
line-height: 24px;
width: 65%;
text-align: left;
display:inline;
}
#home .name:hover > div.nota2 > .left {
float: left;
font-size: 24px;
line-height: 24px;
width: 22%;
width: 22vw;
text-align: right;
padding-top: 20px;
}
#home .name:hover > div.nota3 > .center {
font-size: 24px;
line-height: 24px;
text-align: right;
}
#home .name:hover > div.nota4 > .center {
font-size: 24px;
line-height: 24px;
text-align: left;
padding-left: 20px;
}
#home .name:hover > div.nota5 > .center {
font-size: 24px;
line-height: 24px;
text-align: center;
padding-bottom: 10px;
}
#home .name:hover > div.nota6 > .center {
font-size: 24px;
line-height: 24px;
text-align: center;
padding-top: 20px;
}
#home .name:hover > div.nota7 > .center {
font-size: 24px;
line-height: 24px;
text-align: left;
padding-left: 20px;
width: 300px;
margin-top: 40px;
float: right;
}
#home .name:hover > div.nota8 > .center {
font-size: 24px;
line-height: 24px;
text-align: right;
float: left;
width: 270px;
}
#home .name:hover > div.nota9 > .center {
font-size: 24px;
line-height: 24px;
text-align: center;
padding-bottom: 10px;
}
}
@media only screen and (max-width: 1240px) {
#home .name:hover > div {display: none;}
}
@media only screen and (max-width: 1023px) {
#home .menu-item, #home .menu-item-icon {
font-size: 2em;
margin-top: 30vh;
}
#home  .menu-item-icon img {
height: 32px;
margin-top: 10px;
} #home .name:hover > div.nota1 > .left {
width: 70px;
margin: 0 30px -80px;
float: left;
padding-right: 10px;
}
#home .name:hover > div.nota2 > .right {
width: 30px;
margin-left: 30px;
float: right;
margin-top: -60px;
}
#home .name:hover > div.nota3 > .center-img {
width: 20px;
margin-top: -10px;
margin-left: 170px;
}
#home .name:hover > div.nota4 > .center-img {
width: 40px;
margin-top: -20px;
}
#home .name:hover > div.nota5 > .center-img {
width: 20px;
margin: 0 auto;
}
#home .name:hover > div.nota6 > .center-img {
width: 20px;
margin: 0 auto;
}
#home .name:hover > div.nota7 > .center-img {
width: 60px;
float: left;
margin-left: 0px;
margin-top: 9;
}
#home .name:hover > div.nota8 > .center-img {
width: 80px;
float: right;
margin-right: 80px;
}
#home .name:hover > div.nota9 > .center-img {
width: 20px;
margin: 0 auto;
}
#home .name:hover > div.nota1 > .right {
float: right;
font-size: 20px;
line-height: 20px;
width: 65%;
text-align: left;
display:inline;
}
#home .name:hover > div.nota2 > .left {
float: left;
font-size: 20px;
line-height: 20px;
width: 22%;
width: 22vw;
text-align: right;
padding-top: 20px;
}
#home .name:hover > div.nota3 > .center {
font-size: 20px;
line-height: 20px;
text-align: right;
}
#home .name:hover > div.nota4 > .center {
font-size: 20px;
line-height: 20px;
text-align: left;
padding-left: 20px;
}
#home .name:hover > div.nota5 > .center {
font-size: 20px;
line-height: 20px;
text-align: center;
padding-bottom: 10px;
}
#home .name:hover > div.nota6 > .center {
font-size: 20px;
line-height: 20px;
text-align: center;
padding-top: 20px;
}
#home .name:hover > div.nota7 > .center {
font-size: 20px;
line-height: 20px;
text-align: left;
padding-left: 20px;
width: 300px;
margin-top: 40px;
float: right;
}
#home .name:hover > div.nota8 > .center {
font-size: 20px;
line-height: 20px;
text-align: right;
float: left;
width: 270px;
}
#home .name:hover > div.nota9 > .center {
font-size: 20px;
line-height: 20px;
text-align: center;
padding-bottom: 10px;
}
#circulo {
top: 450px;
width: 120px;
height: 120px;
padding: 25px 12px;
border-radius: 60px;
font-size: 14px;
line-height: 16px;
}
}
@media only screen and (min-width: 2400px) {
#home .menu-item, #home .menu-item-icon {
font-size: 6em;
}
#home .menu-item-icon img {
height: 40px;
}
#home .name:hover > div.nota1 {
margin-top: -9em;
}
#home .name:hover > div.nota2 {
margin-top: 8em;
}
#home .name:hover > div.nota3 {
margin-top: 10px;
width: 180px;
}
#home .name:hover > div.nota4 {
width: 250px;
float: right;
margin-top: -140px;
}
#home .name:hover > div.nota5 {
margin-top: -9em;
width: 100%;
float:right;
}
#home .name:hover > div.nota6 {
margin-top: -0.3em;
width: 55%;
float:left;
}
#home .name:hover > div.nota7 {
margin-top: -0.1em;
}
#home .name:hover > div.nota8 {
margin-top: -8em;
width: 100%;
}
#home .name:hover > div.nota9 {
margin-top: -9em;
width: 100%;
}
#home .name:hover > div.nota1 > .left {
width: 100px;
margin: 0 30px;
float: left;
}
#home .name:hover > div.nota2 > .right {
width: 40px;
margin-left: 20px;
float: right;
margin-top: -20px;
}
#home .name:hover > div.nota3 > .center-img {
width: 20px;
margin-top: -10px;
margin-left: 170px;
}
#home .name:hover > div.nota4 > .center-img {
width: 40px;
margin-top: -20px;
}
#home .name:hover > div.nota5 > .center-img {
width: 20px;
margin: 0 auto;
}
#home .name:hover > div.nota6 > .center-img {
width: 20px;
margin: 0 auto;
}
#home .name:hover > div.nota7 > .center-img {
width: 90px;
float: left;
margin-left: 100px;
margin-top: 10px;
}
#home .name:hover > div.nota8 > .center-img {
width: 80px;
float: right;
margin-right: 80px;
}
#home .name:hover > div.nota9 > .center-img {
width: 20px;
margin: 0 auto;
}
#home .name:hover > div.nota1 > .right {
float: right;
font-size: 28px;
line-height: 28px;
width: 65%;
text-align: left;
display:inline;
}
#home .name:hover > div.nota2 > .left {
float: left;
font-size: 28px;
line-height: 28px;
width: 22%;
width: 22vw;
text-align: right;
padding-top: 20px;
}
#home .name:hover > div.nota3 > .center {
font-size: 28px;
line-height: 28px;
text-align: right;
}
#home .name:hover > div.nota4 > .center {
font-size: 28px;
line-height: 28px;
text-align: left;
padding-left: 20px;
}
#home .name:hover > div.nota5 > .center {
font-size: 28px;
line-height: 28px;
text-align: center;
padding-bottom: 10px;
}
#home .name:hover > div.nota6 > .center {
font-size: 28px;
line-height: 28px;
text-align: center;
padding-top: 20px;
}
#home .name:hover > div.nota7 > .center {
font-size: 28px;
line-height: 28px;
text-align: left;
padding-left: 20px;
width: 500px;
margin-top: 40px;
float: right;
}
#home .name:hover > div.nota8 > .center {
font-size: 28px;
line-height: 28px;
text-align: right;
float: left;
width: 570px;
}
#home .name:hover > div.nota9 > .center {
font-size: 28px;
line-height: 28px;
text-align: center;
padding-bottom: 10px;
}
} #proyectos {
padding-top: 80px;
}
#proyectos p.intro {
font-size: 40px;
line-height: 44px;
color: #e63640;
}
#proyectos .guion {
width: 140px;
height: 2px;
border-bottom: 1px solid #e63640;
}
#proyectos .proyectos-h1 h1{
font-size: 25px;
font-family: 'GraphikMedium', sans-serif;
text-transform: uppercase;
color: #e63640;
margin: -25px 160px 140px;
}
#proyectos .texto1 {
padding-bottom: 40px;
}
#proyectos .proyectos-h2 {
font-size: 35px;
font-family: 'GraphikBlack', sans-serif;
color: #e63640;
padding: 40px 0;
}
#proyectos .slick-prev, #proyectos .slick-next {
padding: 30px;
border-radius: 50%;
border: 4px solid #e63640;
}
#proyectos .slick-prev:hover, #proyectos .slick-next:hover {
background-color: #fff;
}
#proyectos .slick-prev:before {
content: '';
width: 0;
height: 0;
top: 20px;
left: 20px;
opacity: 1;
border-style: solid;
border-width: 10px 15px 10px 0;
border-color: transparent #e63640 transparent;
position: absolute;
}
#proyectos .slick-next:before {
content: '';
width: 0; 
height: 0; 
width: 0;
height: 0;
top: 20px;
right: 20px;
opacity: 1;
border-style: solid;
border-width: 10px 0 10px 15px;
border-color: transparent #e63640 transparent;
position: absolute;
}
#proyectos .slick-prev {
left: 20px;
z-index: 500;
}
#proyectos .slick-next {
right: 20px;
z-index: 500;
}
#proyectos .slick-prev:before, #proyectos .slick-next:before {
color: #fff;
}
#slick-demo .slick-prev, #slick-demo .slick-next {
position: absolute;
left: -999999px;
}
#proyectos .lightbox {
cursor: zoom-in;
}
#proyectos .proyectos-h2 {
font-size: 35px;
font-family: 'GraphikBlack', sans-serif;
color: #e63640;
padding: 40px 0;
}
#proyectos .texto {
font-size: 18px;
}
#proyectos .plus{
position: absolute;
top: 40%;
right: 44%;
font-size: 40px;
font-family: 'GraphikSuper', sans-serif;
line-height: 1;
color: #e63640;
padding: 30px;
width: 40px;
height: 40px;
border-radius: 50%;
border: 4px solid #e63640;
}
#proyectos .mas {
position: absolute;
top: 20%;
right: 30%;
font-size: 40px;
font-family: 'GraphikSuper', sans-serif;
line-height: 1;
padding: 0;
margin: 0;
color: #e63640;
}
#proyectos .galeriafinal:hover .plus, #proyectos .galeriafinal:hover .mas  {
position: absolute;
left: -999999px;
opacity: 0.0;
visibility: hidden;
display: none;
}
.slick-lightbox-close {
margin-right: 20px;
}
.slick-lightbox-close:before {
font-family: "slick";
font-size: 60px;
line-height: 1;
color: white;
opacity: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '×';
}
.slick-prev:before, .slick-next:before {
font-family: 'slick';
font-size: 60px;
line-height: 1;
opacity: 1;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-lightbox .slick-next {
right: 55px;
}
#proyectos .destacado {
font-size: 26px;
font-family: 'GraphikBold', sans-serif;;
padding: 90px 30px;
color: #e63640;
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
#proyectos .intro-proyectos {
padding-top: 100px;
}
#proyectos .texto {
padding-bottom: 0;
}
}
@media screen and (max-width: 599px) {
#proyectos {
padding-top: 114px;
}
#proyectos p.intro {
font-size: 32px;
line-height: 38px;
}
#proyectos .guion {
width: 100px;
}
#proyectos .proyectos-h1 h1 {
font-size: 20px;
margin: -25px 120px 60px;
}
proyectos .intro-proyectos {
padding-top: 40px;
font-size: 16px;
}
#proyectos .texto1 {
padding-bottom: 0px;
}
#proyectos .texto {
padding-bottom: 0;
font-size: 16px;
}
#proyectos .slick-next {
right: -10px;
}
#proyectos .slick-prev {
left: -10px;
}
#proyectos .slick-prev, #proyectos .slick-next {
padding: 20px;
}
#proyectos .slick-prev:before {
top: 10px;
left: 10px;
}
#proyectos .slick-next:before {
top: 10px;
right: 10px;
}
#proyectos .proyectos-h2 {
font-size: 28px;
padding: 20px 0;
}
#proyectos .destacado {
font-size: 20px;
font-family: 'GraphikBold', sans-serif;
padding: 90px 10px 0;
}
.slick-prev:before, .slick-next:before {
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: 1;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-lightbox .slick-next {
right: 15px;
}
#slick-demo .slick-prev, #slick-demo .slick-next {
position: absolute;
left: -999999px;
}
} #espacios {
padding-top: 80px;
}
#espacios p.intro {
font-size: 40px;
line-height: 44px;
color: #e63640;
}
#espacios .guion {
width: 140px;
height: 2px;
border-bottom: 1px solid #e63640;
}
#espacios .espacios-h1 h1{
font-size: 25px;
font-family: 'GraphikMedium', sans-serif;
text-transform: uppercase;
color: #e63640;
margin: -25px 160px 140px;
}
#espacios .espacios-h2 {
font-size: 35px;
font-family: 'GraphikBlack', sans-serif;
color: #e63640;
padding: 40px 0;
}
#espacios .twentytwenty-before-label, #espacios .twentytwenty-after-label {display: none;}
#espacios ul {
list-style: none;
margin-left: 0;
padding-left: 0;
}
#espacios li {
padding-left: 1em;
text-indent: -1em;
font-size: 18px;
color: #e63640;
}
#espacios li:before {
content: "-";
font-size: 24px;
padding-right: 8px;
color: #e63640;
}
#espacios .destacado1 {
font-size: 22px;
font-family: 'GraphikBold', sans-serif;
margin-left: 30px;
margin-bottom: 80px;
padding: 30px 30px 0;
border-left: 1px solid #e63640;
color: #e63640;
}
#espacios .mini {
font-size: 18px;
}
#espacios p.destacado2 {
font-size: 22px;
font-family: 'GraphikBold', sans-serif;
}
#espacios .mini strong {
color: #e63640;
}
#espacios .final-destacado {
margin: 80px 0;
}
#espacios .final-destacado blockquote {
font-size: 32px;
padding: 30px;
border: 1px solid #e63640;
width: 85%;
margin: 0;
color: #e63640;
}
#espacios .final-destacado blockquote p {
margin-bottom: 0;
}
#espacios .final-destacado cite {
color:#e63640;
font-size: 64px;
font-style:normal;
font-family: 'GraphikBlack', sans-serif;
font-weight: 900;
background-color: #fff;
padding: 0 20px;
float: right;
margin-top: -55px;
margin-bottom: 60px;
}
@keyframes blinking {
0%    { opacity: 0; }
50%   { opacity: 0; }
51%   { opacity: 1; }
100%  { opacity: 1; }
}
#espacios .change-text:after {
content: '_';
animation: blinking 1.2s infinite;
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
#espacios .intro-espacios {
padding-top: 100px;
}
#espacios .texto {
padding-bottom: 0;
}
}
@media screen and (max-width: 599px) {
#espacios {
padding-top: 120px;
}
#espacios p.intro {
font-size: 32px;
line-height: 38px;
}
#espacios .guion {
width: 100px;
}
#espacios .espacios-h1 h1 {
font-size: 20px;
margin: -25px 120px 60px;
}
#espacios .intro-espacios {
padding-top: 40px;
font-size: 16px;
}
#espacios .texto1 {
width: 100%;
padding-bottom: 0px;
}
#espacios .texto {
padding-bottom: 0;
font-size: 16px;
}
#espacios .espacios-h2 {
font-size: 20px;
padding:  40px 0;
}
#espacios .destacado1 {
font-size: 18px;
margin-left: 10px;
margin-bottom: 40px;
padding: 0px 20px 0;
}
#espacios ul {margin: 0;}
#espacios li {
padding-left: 2em;
font-size: 16px;
}
#espacios .mini {
font-size: 16px;
padding-top: 40px;
}
#espacios .final-destacado {
margin: 30px 0 0;
}
#espacios .final-destacado blockquote {
font-size: 24px;
padding: 20px;
width: 100%;
}
#espacios .final-destacado cite {
font-size: 30px;
padding: 0 20px;
float: right;
margin-top: -15px;
margin-bottom: 60px;
}
} .header-galeria {
position: fixed;
z-index: 10;
width: 1140px;
}
#galeria {
min-height: 120%;
min-height: 120vh;
}
#galeria .galeria {
padding: 0;
margin: 0;
display: flex;
align-items: stretch;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
position: absolute;
top: 0;
left: 50%;
height: 100%;
height: 100vh;
}
#galeria .site-footer {margin-top: 180px;}
#galeria .galeria .fotos {
min-width: 7670px;
width: max-content;
height: 100%;
height: 100vh;
font-size: 0;
}
.intro-galeria{
padding: 0;
width: 50%;
min-height: 2300px;
min-height: 100vh;
background-color: #e63640;
font-size: 2.6em;
font-weight: 700;
flex-grow: 1;
position: absolute;
top: 0px;
}
#galeria  .intro{
padding: 0;
width: 50%;
height: 100%;
height: 100vh;
font-size: 2.6em;
font-weight: 700;
flex-grow: 1;
}
#textogaleria {
padding-top: 80px;
}
#textogaleria  p.introgal {
font-size: 40px;
line-height: 44px;
color: #fff;
margin-top: 100px;
}
#textogaleria .guion {
width: 140px;
height: 2px;
border-bottom: 1px solid #ffffff;
}
#textogaleria .galeria-h1 h1{
font-size: 25px;
font-family: 'GraphikMedium', sans-serif;
text-transform: uppercase;
color: #ffffff;
margin: -25px 160px 15%;
}
#textogaleria  p.secundariogal {
color: #fff;
}
#textogaleria  p.destacado {
color: #fff;
margin-top: 20px;
font-size: 25px;
font-family: 'GraphikBold', sans-serif;
text-transform: uppercase;
margin-bottom: 20px;
}
#textogaleria .pinterest {
color: #fff;
text-align: center;
text-decoration:none;
padding: 30px;
margin-right: 30px;
border: 1px solid #fff;
}
#textogaleria a:hover .pinterest, #textogaleria .pinterest:hover, #textogaleria a:focus .pinterest {
color: #e63640;
background-color: #fff;
text-decoration: none !important;
}
#textogaleria a:hover {text-decoration: none !important;}
#textogaleria .pinterest .texto {
font-family: 'GraphikBold', sans-serif;
font-size: 25px;
width: 80%;
}
#textogaleria a:hover .pinterest .texto, #textogaleria a:focus .pinterest .texto{
text-decoration: none !important;
}
#textogaleria .pinterest .icono{
font-size: 40px;
width: 10%;
float: right;
margin-top: -60px;
}
#galeria::-webkit-scrollbar { 
display: none; 
}
#galeria .fotos {background-color: #fff;}
#galeria .columna3  {
display: inline-block;
font-size: 0;
margin-left: -10px;
height: 100%;
height: 100vh;
}
#galeria .columna3,
#galeria .normal {
width: 600px;
}
#galeria .image-cover {
position: relative;
opacity: 0.6;
transition: .5s ease;
background-attachment: local;
background-size: auto auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-webkit-backface-visibility: hidden;
height: 100%;
}
#galeria .normal2 {
height: 100%;
height: 100vh;
width: auto;
background-color: #fff;
position: relative;
}
#galeria .alto{
height: 100%;
height: 100vh;
width: auto;
margin-right: 30px;
}
#galeria .middle {
transition: .5s ease;
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
width: 80%;
}
#galeria .normal2:hover{
background-color: #000;
}
#galeria .normal2:hover .middle {
opacity: 1;
}
#galeria .titulo {
color: white;
font-size: 24px;
font-family: 'GraphikBold', sans-serif;
text-transform: uppercase;
padding: 16px 32px;
}
#galeria .guion2 {
margin: 0 auto;
border-bottom: 2px solid #fff;
width: 30px;
}
#galeria .lugar {
color: white;
font-size: 24px;
text-transform: uppercase;
padding: 16px 32px;
}
#galeria .galeria {
positions: relative;
}
#galeria .scroll-btn {
position: fixed;
z-index: 5000;
right: 2%;
top: 50%;
border: none;
background: transparent;
padding: 0;
}
#galeria .scroll2-btn {
position: fixed;
z-index: 5000;
left: 2%;
top: 50%;
border: none;
background: transparent;
padding: 0;
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.quieto {
overflow-x: hidden;
margin-top: 60px;
position: fixed;
bottom: -72px;
background: white;
z-index: -1;
}
@media screen and (min-width: 1025px) {
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.header-galeria ul {
margin-top: 6px;
margin-right: 90px;
float: right;
}
.header-galeria .navbar-nav .menu-item a {
color: white;
}
.intro-galeria {
padding: 0;
width: 100%;
min-height: 50%;
min-height: 50vh;
background-color: #e63640;
font-size: 2.6em;
font-weight: 700;
flex-grow: 1;
top: 0px;
position: fixed;
}
#textogaleria .galeria-h1 h1 {
font-size: 25px;
font-family: 'GraphikMedium', sans-serif;
text-transform: uppercase;
color: #ffffff;
margin: -25px 160px 40px;
}
.intro-galeria {
min-height: 75%;
min-height: 75vh;
width: 100%;
position: absolute;
}
#galeria .galeria {
top: 75%;
left: 0;
}
.quieto {
top:1%;
top: 1vh;
position: relative;
}
.header-galeria {
position: fixed;
z-index: 10;
width: 100%;
}
#galeria .galeria {
padding: 0;
margin: 0;
display:block;
align-items: stretch;
overflow-y: visible;
-webkit-overflow-scrolling: touch;
position: relative;
height: auto;
}
#galeria .scroll-btn, #galeria .scroll2-btn {
display: none;
}
#galeria .galeria {
padding-top: 30px;
width: 100%
}
#galeria .galeria .fotos {
min-width: 100%;
height: auto;
font-size: 0;
background-color: #ececec;
}
#galeria .columna3, #galeria .normal {
width: 100%;
margin-left: 0;
margin-bottom: 20px;
}
#galeria .alto {
height: auto;
width: 100%;
margin-right: 0px;
}
}
@media screen and (min-width: 421px) and (max-width: 768px) {
.intro-galeria {
position: absolute;
min-height: 250vh;
min-height: 250vh;
width: 100%;
}
.header-galeria {
position: fixed;
z-index: 10;
width: 100%;    
}
#galeria .galeria {
padding: 0;
margin: 0;
left: 0;
display:block;
align-items: stretch;
overflow-y: visible;
-webkit-overflow-scrolling: touch;
position: relative;
height: auto;
}
#galeria .scroll-btn, #galeria .scroll2-btn {
display: none;
}
#galeria .galeria {
padding-top: 30px;
width: 100%
}
#galeria .galeria .fotos {
min-width: 100%;
height: auto;
font-size: 0;
background-color: #ececec;
}
#galeria .columna3, #galeria .normal {
width: 100%;
margin-left: 0;
margin-bottom: 20px;
}
#galeria .alto {
height: auto;
width: 100%;
margin-right: 0px;
}
.quieto {
position: relative;
margin: 0;
z-index: 10;
top: 0;
margin-left: -20px;
padding-left: 20px;
}
#galeria .image-cover {
-webkit-background-size: 768px 520px;
background-repeat: no-repeat
}
#galeria .normal2 {
height: 520px;
}
#galeria .columna3 {
height: 520px;
}
#galeria .site-footer {
margin: 80px 0 280px;
}
}
@media screen and (max-width: 420px) {
.intro-galeria {position: absolute;}
.header-galeria {
position: fixed;
z-index: 10;
width: 400px;
}
.header-galeria .main-navigation {
margin-top: -44px;
}
#galeria p.introgal {
font-size: 28px;
line-height: 36px;
margin-top: 30px;
}
#galeria #textogaleria {
position: fixed;
width: 92%;
}
#textogaleria .guion {
width: 100px;
}
#textogaleria .galeria-h1 h1 {
font-size: 20px;
margin: -25px 120px 15px;
width: 330px;
}
#textogaleria p.secundariogal {font-size: 0.9em;}
#textogaleria p.destacado {
margin-top: 15px;
font-size: 24px;
margin-bottom: 15px;
}
.intro-galeria {
min-height: 100%;
min-height: 100vh;
width: 100%;
}
#textogaleria .pinterest {
padding: 10px;
margin-right: 0px;
border: 1px solid #fff;
}
#textogaleria .pinterest .texto {
font-size: 18px;
width: 80%;
}
#textogaleria .pinterest .icono {
font-size: 30px;
margin-top: -50px;
}
#galeria .galeria {
padding: 0;
margin: 0;
left: 0;
display:block;
align-items: stretch;
overflow-y: visible;
-webkit-overflow-scrolling: touch;
position: relative;
height: auto;
}
#galeria .scroll-btn, #galeria .scroll2-btn {
display: none;
}
#galeria .galeria {
padding-top: 640px;
width: 100%
}
#galeria .galeria .fotos {
min-width: 100%;
height: auto;
font-size: 0;
background-color: #ececec;
}
#galeria .columna3, #galeria .normal {
width: 100%;
margin-left: 0;
margin-bottom: 20px;
}
#galeria .alto {
height: auto;
width: 100%;
margin-right: 0px;
}
.quieto {
position: relative;
margin: 0;
z-index: 10;
margin-left: -20px;
padding-left: 20px;
}
#galeria .image-cover {
-webkit-background-size: 420px 290px;
background-repeat: no-repeat
}
#galeria .normal2 {
height: 290px;
}
#galeria .columna3 {
height: 290px;
}
#galeria .site-footer {
margin: 80px 0 280px;
}
}
@media screen and (max-width: 340px) {
.header-galeria {
position: fixed;
z-index: 10;
width: 320px;
}
#galeria p.introgal {
font-size: 28px;
line-height: 32px;
margin-top: 30px;
}
#textogaleria .guion {
width: 100px;
}
#textogaleria .galeria-h1 h1 {
font-size: 16px;
margin: -25px 120px 60px;
}
} #portfolio {
padding-top: 80px;
}
#portfolio .portfolio-h2 {
font-size: 30px;
font-family: 'GraphikBlack', sans-serif;
color: #e63640;
text-transform: uppercase;
}
#portfolio .cuadrado {
margin-top: -700px;
padding: 30px 30px 1px;
background-color: #e63640;
color: white;
font-size: 18px;
}
#portfolio .izquierda {
float: left;
}
#portfolio .derecha {
float: right;
}
#portfolio .centrado {
margin: 0 auto;
text-align: center;
}
#portfolio .imagencuadrado-izquierda {
float: right;
margin-top: 120px;
margin-bottom: 15px;
padding: 0;
}
#portfolio .imagencuadrado-derecha {
float: left;
margin-top: 140px;
margin-bottom: 15px;
padding: 0;
}
#portfolio .imagenes {
list-style: none;
margin: 0;
padding: 0;
}
#portfolio img.derecha {
margin-left: 15px;
margin-top: 15px;
margin-bottom: 15px;
display: inline-block;
}
#portfolio img.izquierda{
margin-right: 15px;
margin-top: 15px;
margin-bottom: 15px;
display: inline-block;
}
#portfolio img.centrado {
margin: 15px 0;
}
hr {
background-color: #e63640;
}
#relatedpages h3 {
color:#e63640;
text-transform: uppercase;
font-size: 24px;
}
#relatedpages .slick-prev::before,   #relatedpages .slick-next::before {
color: #e63640;
font-size: 20px;
}
#portfolio .panorama {
padding: 15px 0;
}
@media screen and (max-width: 767px) {
#portfolio {
padding-top: 120px;
}
#portfolio .imagencuadrado-izquierda {
float: none;
margin-top: 15px;
margin-bottom: 15px;
}
#portfolio .cuadrado {
margin-top: 0;
}
#portfolio .link {
margin-left: 30px;
}
#portfolio .imagencuadrado-derecha {
margin-top: 15px;
}
#portfolio img.derecha,  #portfolio img.izquierda, #portfolio img.centrado{
margin-bottom: 0px;
}
} #mobiliario .mesa-mobiliario {
width: 100%;
height: 60%;
height: 60vh;
padding: 0;
margin: 0;
display: flex;
flex-direction:row;
align-items: stretch;
overflow-x: visible;
overflow-y:hidden;
-webkit-overflow-scrolling: touch;
}
#mobiliario::-webkit-scrollbar { 
display:block; 
overflow-x: visible;
}
#mobiliario .item {
padding: 0;
height: 60%;
height: 60vh;
font-size: 2.6em;
font-weight: 700; align-items: center;
display: inline-block;
}
#mobiliario .up {
margin-top: 4%;
margin-top: 4vh;
}
#mobiliario .middle {
margin-top: 18%;
margin-top: 18vh;
}
#mobiliario .down {
margin-top: 24%;
margin-top: 24vh;
}
#mobiliario .small {
min-width: 18%;
min-width: 18vw;
}
#mobiliario .medium {
min-width: 23%;
min-width: 23vw;
}
#mobiliario .big {
min-width:30%;
min-width: 30vw;
}
#mobiliario .extrabig {
min-width: 38%;
min-width: 38vw;
}
#mobiliario .item:hover {
height: 100%;
height: 100vh;
}
#mobiliario .img2 {
display: none;
z-index: 990;
}
#mobiliario .imgs:hover div[class="img1"]{
display:none;
z-index: 990;
}
#mobiliario .imgs:hover div[class="img2"]{
display: block;
}
#mobiliario .tooltip {
display:block;
position:relative
}
#mobiliario .tooltip > a:focus + .tooltip-content {
display:block!important; }
#mobiliario .tooltip-content{
display:none; position: absolute;
background:#e63640;
border:solid #e63640;
color: #fff;
padding:20px 30px 0;
font-size: 20px;
bottom:100px;
right:-300px;
z-index: 1000;
max-width:380px
}
#mobiliario .bajar{
bottom:-80px;
}
#mobiliario .izda{
right:-120px;
}
#mobiliario .tooltip-content h3{
font-family: 'GraphikBold', sans-serif;
text-transform: uppercase;
font-size: 24px;
} #mobiliario .tooltip-content>.arrow, #mobiliario .tooltip-content>.arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid
}
#mobiliario  .tooltip>.tooltip-content>.arrow:after {
content: " ";
width: 0; 
height: 0; 
border-top: 30px solid transparent;
border-bottom: 30px solid transparent; 
border-right: 30px solid #e63640;
bottom: 40px;
left: -55px;
}
#mobiliario .boton-popup {
position: absolute;
bottom: 100px;
left: 200px;
}  
#mobiliario .intro p {
font-size: 32px;
color: #fff;
line-height: 1.2;
}
#mobiliario .guion {
width: 140px;
height: 2px;
border-bottom: 1px solid #fff;
}
#mobiliario .mobiliario-h1 h1{
font-size: 24px;
font-family: 'GraphikMedium', sans-serif;
text-transform: uppercase;
color: #fff;
margin: -25px 160px 40px;
}
#mobiliario .texto {color: #fff;}
#mobiliario .destacado {
font-size: 22px;
font-family: 'GraphikBold', sans-serif;
margin-left: 30px;
margin-bottom: 10px;
margin-top: 40px;
padding: 30px 30px 0;
border: 1px solid #fff;
color: #fff;
}
#mobiliario .modal {
display: block;
padding: 0 1em;
text-align: center;
width: 100%;
}
#mobiliario .modal > label {
border-radius: .2em;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin: 0.5em 1em;
padding: 1.5em;
-webkit-transition: all 0.55s;
transition: all 0.55s;
}
#mobiliario .modal > label:hover {
-webkit-transform: scale(0.97);
-ms-transform: scale(0.97);
transform: scale(0.97);
}
#mobiliario .modal input {
position: absolute;
right: 100px;
top: 30px;
display: none;
z-index: -10;
}
#mobiliario .modal__overlay {
background: #e63640;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: -800;
}
#mobiliario .modal__box {
padding: 1em .75em;
position: relative;
margin: 1em auto;
width: 100%;
}
#mobiliario .modal__box label {
border-radius: 50%;
color: black;
cursor: pointer;
display: inline-block;
position: absolute;
right: 2em;
top: -5em;
}
#mobiliario .modal__box h2 {
color: #fff;
margin-bottom: 1em;
text-transform: uppercase;
}
#mobiliario .modal__box p {
color: #fff;
text-align: left;
margin-bottom: 1.2em;
}
#mobiliario .modal__overlay {
opacity: 0;
-webkit-transform: scale(0.5);
transform: scale(0.5);
transition: all 0.75s cubic-bezier(0.68, -0.55, 0.265, 1.55);
z-index: -800;
position: fixed;
left: 0px;
}
#mobiliario input:checked ~ .modal__overlay {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);
transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);
z-index: 900;
}
input:focus + label {
-webkit-transform: scale(0.97);
-ms-transform: scale(0.97);
transform: scale(0.97);
}
@media (min-width: 43.75em) {
#mobiliario .modal {
padding: 1em 10em;
text-align: left;
margin-top: -60px;
position: absolute;
}
}
@media (min-height: 37.5em) {
#mobiliario .modal__box {
left: 50%;
position: absolute;
top: 85%;
-webkit-transform: translate(-50%, -80%);
-ms-transform: translate(-50%, -80%);
transform: translate(-50%, -80%);
}
}
@media (min-width: 50em) {
#mobiliario .modal__box { padding: 1.75em; margin-top: -2em;}
}
@media screen and (min-width: 768px) and (min-height: 1160px) {
#mobiliario .slide_container {
min-height: 60%;
max-height: 60vh;
}
#mobiliario .mesa-mobiliario {
max-height: 60%;
max-height: 60vh;
}
#mobiliario .item {
height: 60%;
height: 60vh;
}
#mobiliario .modal__box {
left: 48%;
top: 75%;
}
}
@media screen and (max-width: 800px) {
#mobiliario .modal {
padding: 1em 4em;
margin-top: -60px;
}
#mobiliario .modal__box {
top: 70%;
}
#mobiliario .mobiliario-h1 h1 {
margin: -25px 160px 60px;
}
#mobiliario .intro p {
font-size: 32px;
line-height: 1.2;
}
#mobiliario .destacado {
font-size: 20px;
margin-left: 30px;
margin-bottom: 60px;
margin-top: 30px;
padding: 20px 20px 0px 20px;
}
}
@media screen and (max-width: 600px) and (min-height: 600px){
#mobiliario .imgs:hover div[class="img1"]{
display:block;
}
#mobiliario .slide_container {
height: auto;
}
#mobiliario .mesa-mobiliario {
height: auto;
display: block;
overflow-x:hidden;
margin-top: -60px;
}
#mobiliario .up, #mobiliario .middle, #mobiliario .down {
padding-top: 3%;
padding-top: 3vh;
padding-bottom: 3%;
padding-bottom: 3vh;
}
#mobiliario .bajar{
bottom:-100px;
}
#mobiliario .item:hover {
height: auto;
}
#mobiliario .tooltip-item1, #mobiliario .tooltip-item2, #mobiliario .tooltip-item3, #mobiliario .tooltip-item4, #mobiliario .tooltip-item5, #mobiliario .tooltip-item6, #mobiliario .tooltip-item7, #mobiliario .tooltip-item8, #mobiliario .tooltip-item9, #mobiliario .tooltip-item10, #mobiliario .tooltip-item11, #mobiliario .tooltip-item12, #mobiliario .tooltip-item13, #mobiliario .tooltip-item14, #mobiliario .tooltip-item15, #mobiliario .tooltip-item16, #mobiliario .tooltip-item17, #mobiliario .tooltip-item18, #mobiliario .tooltip-item19, #mobiliario .tooltip-item20, #mobiliario .tooltip-item21, #mobiliario .tooltip-item22, #mobiliario .tooltip-item23, #mobiliario .tooltip-item24, #mobiliario .tooltip-item25{
cursor: pointer;
position: fixed;
padding: 30px;
background: #e63640;
background-size: cover;
left: 0%;
top: 00%;
transform: translate(-0%,-0%);
height: auto;
display: none;
z-index: 999999;
}
#mobiliario	.tooltip-item1:after, #mobiliario .tooltip-item2:after, #mobiliario .tooltip-item3:after, #mobiliario .tooltip-item4:after, #mobiliario .tooltip-item5:after, #mobiliario .tooltip-item6:after, #mobiliario .tooltip-item7:after, #mobiliario .tooltip-item8:after, #mobiliario .tooltip-item9:after, #mobiliario .tooltip-item10:after, #mobiliario .tooltip-item11:after, #mobiliario .tooltip-item12:after, #mobiliario .tooltip-item13:after, #mobiliario .tooltip-item14:after, #mobiliario .tooltip-item15:after, #mobiliario .tooltip-item16:after, #mobiliario .tooltip-item17:after, #mobiliario .tooltip-item18:after, #mobiliario .tooltip-item19:after, #mobiliario .tooltip-item20:after, #mobiliario .tooltip-item21:after, #mobiliario .tooltip-item22:after, #mobiliario .tooltip-item23:after, #mobiliario .tooltip-item24:after, #mobiliario .tooltip-item25:after{
font-family: Dashicons;
content: "\f335";
position: absolute;
background: transparent;
color: white;
font-size: 56px;
top:0px;
right: 0px;
padding: 40px 34px;
z-index:988;
}
#mobiliario	.hide {
display: none;
height: 0%;
z-index: 99999;
}
#mobiliario .show {
display: block;
height: 100%;
z-index: 99999;
}
#mobiliario .tooltip-item h3{
font-size: 32px;
color: white;
margin-top: 60px;
text-transform: uppercase;
}
#mobiliario .tooltip-item p{
font-size: 24px;
color: white;
margin-top: 30px;
}
#mobiliario  .item {
width: 90%;
height: auto;
padding: 20px;
cursor: pointer;
margin: 0 auto;
}
#mobiliario .modal {
padding: 1em;
margin-top: 0;
z-index: 99;
}
#mobiliario .mobiliario-h1 h1 {
font-size: 18px;
margin: -25px 160px 20px;
}
#mobiliario .modal input {
position: relative;
}
#mobiliario .modal__box label {top: -2em;}
#mobiliario .modal__box label img {width: 46px;}
#mobiliario .modal__box p {
font-size: 18px;
}
#mobiliario .modal__box .intro {padding-top: 40px;}
#mobiliario .modal__box .texto p{
font-size: 14px;
margin-bottom: 10px;
}
#mobiliario .destacado {
font-size: 16px;
margin-left: 0;
margin-bottom: 0;
margin-top: 0;
padding: 15px 15px 0px 15px;
}
#mobiliario .destacado p{
font-size: 16px;
}
#mobiliario .modal__box .texto p {
font-size: 12px;
margin-bottom: 6px;
}
#mobiliario .destacado p {
font-size: 14px;
}
#mobiliario .modal > label {
margin: 3em;
z-index: 9;
}
#mobiliario .modal__box label {
left: 2.4em;
}
#mobiliario .modal__box {
margin: 0;
top: 560px;
}
}
@media screen and (max-width: 600px) and (max-height: 600px){
#mobiliario .modal {
padding: 1em;
margin-top: -60px;
}
#mobiliario .guion {
margin-top: 10px;
margin-left: -10px;
}
#mobiliario .mobiliario-h1 h1 {
font-size: 18px;
margin: -15px 160px 0;
}
#mobiliario .modal input {
position: relative;
}
#mobiliario .modal__box label {top: -2em;}
#mobiliario .modal__box label img {width: 46px;}
#mobiliario .modal__box p {
font-size: 16px;
margin: 0 -10px;
}
#mobiliario .modal__box .intro {padding-top: 0;}
#mobiliario .modal__box .texto p{
font-size: 14px;
margin-bottom: 10px;
}
#mobiliario .destacado {
margin-left: -10px;
margin-right: -10px;
margin-bottom: 0;
margin-top: 0;
}
#mobiliario .destacado p{
font-size: 15px;
margin-bottom: 6px;
}
#mobiliario .modal__box .texto p {
font-size: 12px;
margin: 6px -10px;
}
#mobiliario .modal > label {
margin: 3em;
}
#mobiliario .modal__box label {
left: 2.4em;
}
#mobiliario .modal__box {
margin: 3em 0;
top: 0;
}
#mobiliario .slide_container {
height: auto;
}
#mobiliario .mesa-mobiliario {
height: auto;
display: block;
overflow-x:hidden;
}
#mobiliario .up, #mobiliario .middle, #mobiliario .down {
padding-top: 3%;
padding-top: 3vh;
padding-bottom: 3%;
padding-bottom: 3vh;
}
#mobiliario .bajar{
bottom:-100px;
}
#mobiliario .item:hover {
height: auto;
}
#mobiliario .imgs:hover div[class="img1"]{
display:block;
}
#mobiliario .tooltip-item1, #mobiliario .tooltip-item2, #mobiliario .tooltip-item3, #mobiliario .tooltip-item4, #mobiliario .tooltip-item5, #mobiliario .tooltip-item6, #mobiliario .tooltip-item7, #mobiliario .tooltip-item8, #mobiliario .tooltip-item9, #mobiliario .tooltip-item10, #mobiliario .tooltip-item11, #mobiliario .tooltip-item12, #mobiliario .tooltip-item13, #mobiliario .tooltip-item14, #mobiliario .tooltip-item15, #mobiliario .tooltip-item16, #mobiliario .tooltip-item17, #mobiliario .tooltip-item18, #mobiliario .tooltip-item19, #mobiliario .tooltip-item20, #mobiliario .tooltip-item21, #mobiliario .tooltip-item22, #mobiliario .tooltip-item23, #mobiliario .tooltip-item24, #mobiliario .tooltip-item25:after {
cursor: pointer;
position: fixed;
padding: 30px;
background: #e63640;
background-size: cover;
left: 0%;
top: 00%;
transform: translate(-0%,-0%);
height: 100%;
display: none;
z-index: 1999;
}
#mobiliario	.tooltip-item1:after, #mobiliario .tooltip-item2:after, #mobiliario .tooltip-item3:after, #mobiliario .tooltip-item4:after, #mobiliario .tooltip-item5:after, #mobiliario .tooltip-item6:after, #mobiliario .tooltip-item7:after, #mobiliario .tooltip-item8:after, #mobiliario .tooltip-item9:after, #mobiliario .tooltip-item10:after, #mobiliario .tooltip-item11:after, #mobiliario .tooltip-item12:after, #mobiliario .tooltip-item13:after, #mobiliario .tooltip-item14:after, #mobiliario .tooltip-item15:after, #mobiliario .tooltip-item16:after, #mobiliario .tooltip-item17:after, #mobiliario .tooltip-item18:after, #mobiliario .tooltip-item19:after,  #mobiliario .tooltip-item20:after,  #mobiliario .tooltip-item21:after,  #mobiliario .tooltip-item22:after,  #mobiliario .tooltip-item23:after,  #mobiliario .tooltip-item24:after, #mobiliario .tooltip-item25:after{
font-family: Dashicons;
content: "\f335";
position: absolute;
background: transparent;
color: white;
font-size: 56px;
top:0px;
right: 0px;
padding: 16px;
z-index:988;
}
#mobiliario	.hide1, #mobiliario	.hide2, #mobiliario	.hide {
display: none;
}
#mobiliario	.show1, #mobiliario	.show2, #mobiliario	.show {
display: block;
}
#mobiliario .tooltip-item h3{
font-size: 28px;
color: white;
margin-top: 60px;
text-transform: uppercase;
}
#mobiliario .tooltip-item p{
font-size: 20px;
color: white;
margin-top: 20px;
}
#mobiliario  .item {
width: 90%;
height: auto;
padding: 20px;
cursor: pointer;
margin: 0 auto;
}
} #nosotros {
padding-top: 80px;
}
#nosotros p.intro {
font-size: 40px;
line-height: 44px;
color: #e63640;
}
#nosotros .guion {
width: 140px;
height: 2px;
border-bottom: 1px solid #e63640;
}
#nosotros .nosotros-h1 h1{
font-size: 25px;
font-family: 'GraphikMedium', sans-serif;
text-transform: uppercase;
color: #e63640;
margin: -25px 160px 80px 160px;
}
#nosotros .texto {
padding-bottom: 80px;
}
#nosotros .nosotros-h2 {
font-size: 35px;
font-family: 'GraphikBlack', sans-serif;
color: #e63640;
padding: 40px 0;
}
#nosotros .guion2 {
width: 80px;
height: 2px;
border-bottom: 2px solid #e63640;
}
#nosotros .item-lista {
margin: -17px 100px 0;
font-size: 18px;
}
#nosotros .final-nosotros {
padding: 30px 40px;
border: 2px solid #e63640;
margin: 60px 0;
}
#nosotros .final-nosotros h3 {
font-size: 32px;
font-family: 'GraphikBold', sans-serif;
color: #e63640;
}
#nosotros .final-nosotros p {
font-size: 22px;
margin-bottom: 0;
color: #e63640;
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
#nosotros .intro-nosotros {
padding-top: 100px;
}
#nosotros .texto {
padding-bottom: 0;
}
}
@media screen and (max-width: 599px) {
#nosotros {
padding-top: 120px;
}
#nosotros p.intro {
font-size: 32px;
line-height: 38px;
}
#nosotros .guion {
width: 100px;
}
#nosotros .nosotros-h1 h1 {
font-size: 20px;
margin: -25px 120px 60px;
}
#nosotros .intro-nosotros {
padding-top: 40px;
font-size: 16px;
}
#nosotros .texto {
padding-bottom: 0;
}
#nosotros .nosotros-h2 {
font-size: 28px;
padding:  0 0 40px;
}
#nosotros .guion2 {
width: 40px;
}
#nosotros .item-lista {
margin: -17px 0 0 60px;
font-size: 16px;
}
#nosotros iframe, object {
max-height: 300px;
}
#nosotros .final-nosotros {
padding: 20px 30px;
margin-bottom: 10px;
}
#nosotros .final-nosotros h3 {
font-size: 28px;
}
#nosotros .final-nosotros p {
font-size: 18px;
}
} #contacto {
padding-top: 80px;
}
#contacto p.intro {
font-size: 40px;
line-height: 44px;
color: #e63640;
}
#contacto .guion {
width: 140px;
height: 2px;
border-bottom: 1px solid #e63640;
}
#contacto .contacto-h1 h1{
font-size: 25px;
font-family: 'GraphikMedium', sans-serif;
text-transform: uppercase;
color: #e63640;
margin: -25px 160px 140px;
}
#contacto .contacto-h2 {
font-size: 35px;
font-family: 'GraphikBlack', sans-serif;
color: #e63640;
padding-bottom: 20px;
}
#contacto .wpcf7 {margin-bottom: 120px;}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
color: #e63640;
border:none;
border-bottom: 1px solid #e63640;
border-radius: none;
padding: 3px;
width: 100%;
}
span.wpcf7-list-item {
color: #e63640;
}
::-webkit-input-placeholder { color: #e63640 !important;
opacity: 1;
font-size: 18px;
font-family: 'GraphikMedium', sans-serif;
}
:-moz-placeholder { color: #e63640 !important;
opacity: 1;
font-size: 18px;
font-family: 'GraphikMedium', sans-serif;
}
::-moz-placeholder { color: #e63640 !important;
opacity: 1;
font-size: 18px;
font-family: 'GraphikMedium', sans-serif;
}
:-ms-input-placeholder { color: #e63640 !important;
opacity: 1;
font-size: 18px;
font-family: 'GraphikMedium', sans-serif;
}
span.wpcf7-list-item a {
text-decoration: underline;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
border: 2px solid #e63640;
border-radius: none;
background: #fff;
color: #e63640;
font-family: 'GraphikBlack', sans-serif;
font-size: 20px;
line-height: 1;
padding: 20px;
width: 100%;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
color: #fff;
background-color: #e63640;
border-color: #e63640;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #e63640;
color: #e63640;
}
#contacto .telmail {
font-size: 24px;
font-family: 'GraphikBold', sans-serif;
margin: 0;
padding-left: 0;
color: #e63640;
}
#contacto .telmail a{
color: #e63640;
}
#contacto .map {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grey;
}
.newsletter {
background-color: #e63640; 
padding: 80px 0;
margin: 30px 0 0;
}
.newsletter p {
color: white;
font-size: 28px;
margin-bottom: 0;
text-align:center;
}
#modal {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 10;
background-color: transparent;
background-color: rgba(0, 0, 0, 0.5);
transform: scale(0);
transition: transform 0.3s ease-in-out, border-radius 0.3s ease-in-out;
overflow: hidden;
}
#modal:hover:before {
transform: scale(1.5);
}
#modal:before {
display: block;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
content: " ";
transition: transform 60s linear;
transform: scale(1);
transform-origin: left top;
}
#modal:focus, #modal:target {
transform: scale(1);
}
#modal > a {
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
cursor: default;
}
#modal section {
position: fixed;
top: 50%;
left: 50%;
width: 400px;
padding: 25px;
box-sizing: border-box;
background-color: #fff;
color: #e63640;
transform: translate(-50%, -50%);
}
#modal .close {
position: absolute;
right: 15px;
top: 15px;
}
.newsletter .modal {
display: inline-block;
height: 50px;
line-height: 50px;
padding-left: 15px;
padding-right: 15px;
background-color: #e63640;
color: #fff;
font-size: 24px;
font-family: 'GraphikBlack', sans-serif;
border: 2px solid #fff;
text-decoration: none;
text-align:center;
width: 100%;
}
.newsletter .modal:hover, .newsletter .modal:focus {
outline: none;
background-color: #fff;
color: #e63640;
}
.newsletter .modal:active {
background-color: #fff;
}
#contacto .intro-contacto {
padding-top: 120px;
font-size: 18px;
color: #e63640;
}
#contacto .destacado-contacto {
font-size: 32px;
font-family: 'GraphikBlack', sans-serif;
color: #e63640;
}
#contacto .bloque-contacto {
padding: 120px 40px;
border: 1px solid  #e63640;
color: #e63640;
margin: 80px 0;
}
#contacto .bloque3-contacto {
padding: 96px 40px;
border: 1px solid  #e63640;
color: #e63640;
margin: 80px 0;
}
#contacto .bloque-contacto:hover, #contacto .bloque3-contacto:hover {
background-color: #e63640;
color: #fff;
}
#contacto .h3-contacto {
font-family: 'GraphikBold', sans-serif;
font-size: 35px;
text-align: center;
text-transform: uppercase;
color: #e63640;
}
#contacto .bloque-contacto:hover .h3-contacto, #contacto .bloque3-contacto:hover .h3-contacto {
background-color: #e63640;
color: #fff;
}
#contacto .union1 {
padding-top: 260px;
width: 280px;
height: 2px;
border-bottom: 1px solid #e63640;
}
#contacto .union2 {
margin-top: -80px;
width: 280px;
height: 2px;
float: right;
border-bottom: 1px solid #e63640;
}
#contacto .union3 {
padding-top: 200px;
width: 280px;
height: 2px;
border-bottom: 1px solid #e63640;
}
#contacto .dire1-contacto {
padding-left: 300px;
margin-top: -40px;
color: #e63640;
}
#contacto .dire2-contacto {
margin-top: 220px;
color: #e63640;
}
#contacto .dire3-contacto {
padding-top: 180px;
padding-left: 30px;
color: #e63640;
}
#contacto .dire1-contacto p, #contacto .dire2-contacto p, #contacto .dire3-contacto p{
font-size: 22px;
font-family: 'GraphikBold', sans-serif;
color: #e63640;
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
#contacto .telmail {
font-size: 16px;
padding-left: 0px;
}
#contacto .intro-contacto {
padding-top: 100px;
}
#contacto .destacado-contacto {
font-size: 24px;
}
#contacto .bloque-contacto {
padding: 40px 20px;
margin: 20px 0;
}
#contacto .h3-contacto {
font-size: 18px;
}
#contacto .union1 {
padding-top: 90px;
width: 80px;
}
#contacto .dire1-contacto {
padding-left: 100px;
}
#contacto .union2 {
margin-top: -60px;
width: 80px;
}
#contacto .dire2-contacto {
margin-top: 60px;
}
#contacto .bloque3-contacto {
padding: 60px 10px;
margin: 40px 0;
}
#contacto .union3 {
padding-top: 120px;
width: 80px;
}
#contacto .dire3-contacto {
padding-top: 30px;
padding-left: 30px;
}
}
@media screen and (max-width: 599px) {
#contacto {
padding-top: 120px;
}
#contacto p.intro {
font-size: 32px;
line-height: 38px;
}
#contacto .guion {
width: 100px;
}
#contacto .contacto-h1 h1 {
font-size: 20px;
margin: -25px 120px 60px;
}
#contacto .intro-contacto {
padding-top: 40px;
font-size: 16px;
}
#contacto .destacado-contacto {
font-size: 20px;
}
#contacto .contacto-h2 {
font-size: 28px;
}
#contacto .telmail {
font-size: 16px;
padding-left: 10px;
}
#contacto .h3-contacto {
font-size: 24px;
}
#contacto .bloque-contacto {
padding: 70px 40px 120px;
}
#contacto .bloque-contacto, #contacto .bloque3-contacto {
margin:10px 0;
}
#contacto .dire1-contacto, #contacto .dire2-contacto {
padding-left: 10px;
margin-top: 0px;
}
#contacto .dire3-contacto {
padding-left: 0px;
}
#contacto .dire1-contacto p  {
margin-top: -130px;
text-align: center;
}
#contacto .dire2-contacto {
position: absolute;
margin: 116px auto 0;
width: calc(100% - 30px);
}
#contacto .dire3-contacto p  {
margin-top: -290px;
margin-bottom: -200px;
text-align: center;
font-size: 14px;
}
#contacto .dire2-contacto p {
text-align: center;
padding-left: 0px;
padding-top: 50px;
}
#contacto .union1, #contacto .union2, #contacto .union3 {
padding-top: 0px;
width: 0px;
height: 2px;
border-bottom: none;
}
#contacto .map {
margin-top: 90px;
}
.newsletter p {margin-bottom: 30px;}
} #proyectos2 {
padding-top: 80px;
}
#proyectos2 p.intro {
font-size: 40px;
line-height: 44px;
color: #e63640;
}
#proyectos2 .guion {
width: 140px;
height: 2px;
border-bottom: 1px solid #e63640;
}
#proyectos2 .proyectos2-h1 h1{
font-size: 25px;
font-family: 'GraphikMedium', sans-serif;
text-transform: uppercase;
color: #e63640;
margin: -25px 160px 80px;
}
#proyectos2 .entry-header {display:none;}
#proyectos2 .search-filter-results {width: 1140px;}
#proyectos2 .sf-field-tag h4{padding-left: 4px;}
#proyectos2 select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; background-image: url(http://thelearningspaces.com/wp-content/uploads/down_ic.png); background-color: transparent;
background-repeat: no-repeat;
background-position: right center;
border: none;
color: #e63640;
font-family: 'GraphikBold', sans-serif;
font-size: 20px;
margin-left: 0;
padding: 0;
}
#proyectos2 select .sf-option-active {
font-family: 'GraphikBold', sans-serif;
font-size: 20px;
}
#proyectos2 .searchandfilter ul {margin: 0; padding: 0; width: 100%;}
#proyectos2 .searchandfilter ul li {width: 37%; margin-right:3%; display: inline-block;}
#proyectos2 select::after {
position: absolute;
content: url(http://thelearningspaces.com/wp-content/uploads/down_ic.png);
top: 14px;
right: 10px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: #e63640 transparent transparent transparent;
}
#proyectos2 select:hover {
background-color:#faecec;
border: 1px solid #e63640;
}
#proyectos2 select .sf-level-0 {padding: 10px 0; border-bottom: 1px solid #e63640;}
#proyectos2 .pint {display: inline-block; width: 100%; margin-bottom: 40px;}
#proyectos2 .resetea {float: right; padding-right: 30px;}
#proyectos2 a.pint .pinterest {
color: #e63640;
background-color: white;
border: 2px solid #e63640;
font-family: 'GraphikMedium', sans-serif;
padding: 40px 16px;
}
#proyectos2 a.pint .pinterest .texto {
display:inline-block;
width: 90%;
text-align:center;
font-size: 28px;
}
#proyectos2 a.pint .pinterest .icono {
display:inline-block;
width: 10%;
float: right;
}
#proyectos2 a.pint:hover .pinterest {
color: white;
background-color: #e63640;
border: 2px solid white;
}
#thumb {width: 1140px;}
#proyectos2 .proy-width {
display: inline-block;
width: 540px;
margin-right: 15px;
margin-left: 15px;
vertical-align: top;
float: left;
}
.proy-width {
margin-right: 15px;
margin-left: 5px;
}
.proythumb {background-color: #e63640; color: white;}
.proythumb * { -webkit-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.proythumb img {
position: relative;
max-width: 100%;
vertical-align: top;
}
.proythumb figcaption {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
padding: 20px 30px;
}
.proythumb figcaption:before,
.proythumb figcaption:after {
width: 1px;
height: 0;
}
.proythumb figcaption:before {
right: 0;
top: 0;
}
.proythumb figcaption:after {
left: 0;
bottom: 0;
}
.proythumb h2,
.proythumb p {
line-height: 1.5em;
font-family: 'GraphikMedium', sans-serif;
}
.proythumb h2 {
font-family: 'GraphikMedium';
margin: 20px;
text-transform: uppercase;
}
.proythumb h4 {
font-family: 'GraphikMedium';
font-size: 24px;
margin: 20px;
text-transform: uppercase;
}
.proythumb p {
margin: 0 20px;
}
.proythumb ul.post-categories {
list-style: none;
padding: 0;
margin: 0 20px;
}
.proythumb ul.post-categories li a, .proythumb p a {
position: relative;
color: white;
font-family: 'GraphikMedium', sans-serif;
font-size: 20px;
}
.proythumb a {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 1;
}
.proythumb:before,
.proythumb:after,
.proythumb figcaption:before,
.proythumb figcaption:after {
position: absolute;
content: '';
background-color: transparent;
z-index: 1;
-webkit-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
opacity: 0.6;
}
.proythumb:before,
.proythumb:after {
height: 1px;
width: 0%;
}
.proythumb:before {
top: 0;
left: 0;
}
.proythumb:after {
bottom: 0;
right: 0;
}
.proythumb:hover img,
.proythumb.hover img {
opacity: 0.4;
color:transparent;
}
.proythumb:hover figcaption,
.proythumb.hover figcaption {
opacity: 1;
}
.proythumb:hover figcaption:before,
.proythumb.hover figcaption:before,
.proythumb:hover figcaption:after,
.proythumb.hover figcaption:after {
height: 100%;
}
.proythumb:hover:before,
.proythumb.hover:before,
.proythumb:hover:after,
.proythumb.hover:after {
width: 100%;
}
.proythumb:hover:before,
.proythumb.hover:before,
.proythumb:hover:after,
.proythumb.hover:after,
.proythumb:hover figcaption:before,
.proythumb.hover figcaption:before,
.proythumb:hover figcaption:after,
.proythumb.hover figcaption:after {
opacity: 0.1;
}
.proythumb {
position: relative;
width: 545px;
height: 260px;
overflow: hidden;
}
.proythumb img{
position: absolute;
left: 50%;
top: 50%;
height: auto;
width: auto;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
#proyectos2 #thumb > :first-child .proythumb {
height: 540px;
}
#proyectos2 #thumb > :first-child .proythumb img{
object-fit: cover;
height: 540px;
width: auto;
}
#proyectos2 p.noresults {
text-align: center;
margin: 60px 0;
font-size: 24px;
font-style: italic;
}
#proyectos2 .nav-previous {text-align: right;}
#proyectos2 .nav-next {text-align: left;}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
#proyectos2 .entry-content {width:960px;}
#proyectos2 .search-filter-results, #thumb {
width: 960px;
}
#proyectos2 .searchandfilter ul li {
width: 35%;
}
#proyectos2 select {font-size: 16px;}
#proyectos2 .proy-width {
width: 450px;
}
.proythumb {
width: 450px;
height: 210px;
}
#proyectos2 #thumb > :first-child .proythumb {
height: 450px;
}
#proyectos2 #thumb > :first-child .proythumb img{
height: 450px;
}
.proythumb h2, .proythumb p, .proythumb ul.post-categories {
margin: 0;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
#proyectos2 .entry-content {width:720px;}
#proyectos2 .search-filter-results, #thumb {
width: 720px;
}
#proyectos2 .searchandfilter ul li {
width: 35%;
}
#proyectos2 select {font-size: 12px;}
#proyectos2 .proy-width {
width: 330px;
}
.proythumb {
width: 330px;
height: 150px;
}
#proyectos2 #thumb > :first-child .proythumb {
height: 330px;
}
#proyectos2 #thumb > :first-child .proythumb img{
height: 330px;
}
.proythumb h2, .proythumb p, .proythumb ul.post-categories {
margin: 0;
}
.proythumb h2 {font-size: 16px;}
.proythumb p, .proythumb ul.post-categories li a, .proythumb p a {font-size: 12px;}
}
@media screen and (max-width: 767px) {
#proyectos2 p.intro {
font-size: 32px;
line-height: 38px;
}
#proyectos2 .proyectos2-h1 h1 {
margin: -25px 160px 40px;
font-size: 20px;
}
#proyectos2 .entry-content {width:100%;}
#proyectos2 .search-filter-results, #thumb {
width: 100%;
}
#proyectos2 .searchandfilter ul li {
width: 100%;
margin: 0;
}
#proyectos2 .proy-width {
width: 100%;
margin: 0;
padding: 0 15px;
}
.proythumb {
width: 100%;
height: 200px;
}
#proyectos2 #thumb > :first-child .proythumb {
height: 200px;
}
#proyectos2 #thumb > :first-child .proythumb img{
object-fit: none;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
height: auto;
width: auto;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.proythumb h2, .proythumb p, .proythumb ul.post-categories {
margin: 0;
}
.proythumb h2 {font-size: 18px;}
.proythumb h4 {margin: 0;}
.proythumb p, .proythumb ul.post-categories li a, .proythumb p a {font-size: 14px;}
} .pnlm-sprite {
background-image: url(//www.thelearningspaces.com/wp-content/themes/tls/css/sprites.svg);
}
div.custom-tooltip span {
visibility: hidden;
position: absolute;
border-radius: none;
background-color: #e63640;
color: #fff;
text-align: left;
padding: 15px;
cursor: default;
margin: 0 !important;
bottom: 40px !important;
transform: translateX(-50%);
min-width: 260px;
}
div.custom-tooltip:hover span::after {
border-color: #e63640 transparent transparent transparent;
}
div.custom-ifram {
position: absolute;
top: 12%;
left: 50%;
transform: translateX(-50%);
z-index: 99;
width: 80%;
}
.custom-ifram p, .custom-tooltip p {
color: #fff;
background-color: #e63640;
font-family: 'Graphik', sans-serif;
border-radius: none;
}
.pano-wrap .cross {
color: #e63640;
} #diagnostico {
padding-top: 80px;
}
#diagnostico p.intro {
font-size: 40px;
line-height: 44px;
color: #e63640;
}
#diagnostico .guion {
width: 140px;
height: 2px;
border-bottom: 1px solid #e63640;
}
#diagnostico .diagnostico-h1 h1{
font-size: 25px;
font-family: 'GraphikMedium', sans-serif;
text-transform: uppercase;
color: #e63640;
margin: -25px 160px 80px;
}
#diagnostico .rojo-dest {color: #e63640;}
#diagnostico .entry-header {display:none;}
#diagnostico .question-divider {
color: #e63640;
background-color: white;
border: 2px solid #e63640;
font-family: 'GraphikBold', sans-serif;
padding: 40px 16px;
margin: 40px 0;
}
#diagnostico .question-divider .texto {
display:inline-block;
width: 100%;
padding: 0 120px 40px;
text-align:center;
font-size: 32px;
}
#diagnostico .question-divider .radios {
text-align: center;
font-size: 24px;
font-family: 'GraphikMedium', sans-serif;
}
#diagnostico .question-divider .radios label {
position: absolute;
margin-top: 1px;
margin-left: 6px;
}
#diagnostico .question-divider .radios .radio-htal {
margin: 0 20px;
display: inline-block;
}
#diagnostico .content {
display:none;
}
#diagnostico .wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active, #diagnostico .wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed {
border-bottom: 8px solid #e63640;
font-family: 'GraphikBlack', sans-serif;
color: #e63640;
margin: 0;
}
#diagnostico .wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
border-bottom: 2px solid #e63640;
text-align: center;
flex: 1;
margin-bottom: 3px;
}
#diagnostico .wpcf7cf_multistep {
color: #e63640;
font-size: 24px;
line-height: 1.3;
}
#diagnostico .sep {
border-bottom: 1px dashed #e63640;
margin-bottom: 40px;
}
#diagnostico .wpcf7cf_multistep label {line-height: 32px; transition: all .8s ease-in-out; margin-left: 60px;}
#diagnostico span.wpcf7-not-valid-tip {
color: #333;
font-size: 18px;
font-weight: normal;
font-style: italic;
text-align: center;
display: block;
padding: 10px;
}
#diagnostico div.wpcf7-validation-errors, #diagnostico div.wpcf7-acceptance-missing {
border: 2px solid #e63640;
background-color: #e63640;
color: white;
font-style: italic;
}
#diagnostico div.wpcf7-mail-sent-ok {
border: 2px solid #e63640;
color: #fff;
background-color: #e63640;
text-align: center;
font-weight: bold;
padding: 10px;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 0px solid #ff0000;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index {
background-color: #e63640 !important;
color: #ffffff !important;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
display: inline-block;
border-radius: 50%;
background: #fff !important;
background-color: rgb(255, 255, 255) !important;
color: #e63640 !important;
width: 60px  !important;
height: 60px !important;
line-height: 60px !important;
text-align: center;
border: 2px solid #e63640;
font-size: 24px;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index::after {
position: absolute !important;
top: 30px !important;
height: 2px !important;
border-top: 2px solid black !important;
right: 0 !important;
left: 50% !important;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-title {
font-family: 'GraphikBlack', sans-serif;
font-weight: 900;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
text-transform: uppercase;
font-size: 24px;
text-align: center;
color: #e63640;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-title {
padding-top: 20px;
}
.wpcf7cf_multistep h3.step-title {
font-size: 32px;
color: #e63640;
text-transform: uppercase;
text-align: center;
padding-bottom: 30px;
margin: 60px 0;
}
.wpcf7 input[type="radio"] {
position: absolute !important; opacity: 0;
margin: 10px;
}
.wpcf7-radio span.wpcf7-list-item-label {
position: relative;
padding-left: 60px;
padding-right: 100px;
}
.wpcf7-radio span.wpcf7-list-item-label:before  {
content: '';
background: #fff;
width: 32px;
height:32px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
border-radius: 100%;
border: 2px solid #e63640;
}
#diagnostico .wpcf7 input[type=radio]:not(old):checked + span:before {
background: #e63640;
font-family: 'GraphikBlack', sans-serif;
}
.wpcf7 input[type=radio]:not(old):checked + span.wpcf7-list-item-label {
font-family: 'GraphikBlack', sans-serif;
transition: all .8s ease-in-out;
}
#diagnostico span.wpcf7-list-item-label {
margin-left: -60px;
transition: all .8s ease-in-out;
}
#diagnostico .wpcf7cf_step_inner p {padding-right: 30px;}
#diagnostico input[type="text"], #diagnostico input[type="email"], #diagnostico input[type="url"], #diagnostico input[type="password"], #diagnostico input[type="search"], #diagnostico input[type="number"], #diagnostico input[type="tel"], #diagnostico input[type="range"], #diagnostico input[type="date"], #diagnostico input[type="month"], #diagnostico input[type="week"], #diagnostico input[type="time"], #diagnostico input[type="datetime"], #diagnostico input[type="datetime-local"], #diagnostico input[type="color"], textarea {
margin-bottom: 30px;
}
#diagnostico .wpcf7cf_next-container button, #diagnostico .wpcf7cf_next-container button input[type="button"], #diagnostico .wpcf7cf_next-container button input[type="reset"], #diagnostico .wpcf7cf_next-container button input[type="submit"] {
border: 2px solid #e63640;
background: #e63640;
color: #fff;
}
#diagnostico .wpcf7cf_next-container button:hover, #diagnostico .wpcf7cf_next-container button input[type="button"]:hover, #diagnostico .wpcf7cf_next-container button input[type="reset"]:hover, #diagnostico .wpcf7cf_next-container button input[type="submit"]:hover {
border: 2px solid #e63640;
background: #fff;
color: #e63640;
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
#diagnostico .question-divider .texto {
padding: 0px 60px 40px 60px;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
font-size: 20px;
}
.wpcf7-radio span.wpcf7-list-item-label {
padding-right: 60px;
}
}
@media screen and (max-width: 767px) {
#diagnostico p.intro {
font-size: 32px;
line-height: 38px;
}
#diagnostico .diagnostico-h1 h1 {
font-size: 20px;
}
#diagnostico .question-divider .texto {
display: inline-block;
width: 100%;
padding: 0 20px 20px;
text-align: center;
font-size: 24px;
}
.wpcf7cf_multistep h3.step-title {
font-size: 24px;
margin: 40px 0;
}
#diagnostico .wpcf7cf_multistep {
font-size: 18px;	
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
font-size: 12px;
padding: 15px 5px !important;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-title {
display: none;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
width: 40px !important;
height: 40px !important;
line-height: 40px !important;
font-size: 18px;
}
.wpcf7-radio span.wpcf7-list-item-label {
position: relative;
padding-left: 50px;
padding-right: 10px;
margin-bottom: 10px;
}
#diagnostico .sep {
margin-bottom: 20px;
margin-top: 10px;
}
span.wpcf7-list-item-label {
margin-left: 0;
}
}  input[type=radio],
input[type=checkbox] {
margin-bottom: 0;
} .checkator_source {
position: relative;
z-index: 2;
display: block;
} .checkator_holder { display: inline-block;
position: relative;
}
.checkator_element { border: 2px solid #e63640;
background-color: #fff;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.checkator_source:checked+.checkator_element:after { background-color: #e63640;
display: block;
content: ' ';
top: 0%;
right: 0%;
bottom: 0%;
left: 0%;
position: absolute;
}
.checkator_source:focus+.checkator_element { border: 2px solid #e63640;
}
.checkator_source:hover+.checkator_element {  background-color: #def;
border: 2px solid #e63640;
} .checkator_element.radio {
border-radius: 50% !important;
}
.checkator_element.radio:after {
border-radius: 50% !important;
} .checkator_element.checkbox { border: 2px solid #e63640;
}