@charset "UTF-8";
/*
Theme Name: RENACE
https://renace-re.com
Description: RENACE
Author: Wonton
Author URI: https://www.wonton.es
Version: 1.0.0
Template: bridge
*/
/* VENDORS */
@import url(css/animsition.min.css);
@import url(css/animate.min.css);
@import url(css/lightgallery.css);
@import url(css/lightgallery-transitions.css);
/* ********************************************************************************************************************* LIGHTGALLERY OVERRIDES */
.lg-backdrop { background-color: #e6dfd8; }
.lg-outer.lg-zoomed .lg-toolbar { background-color: rgba(255, 255, 255, 0.4); }
.lg-outer .lg-toolbar { box-sizing: border-box; padding: 15px; background-color: transparent; }
.lg-outer .lg-toolbar .lg-icon { width: 40px; color: #000; }
.lg-outer .lg-toolbar #lg-counter { /* position: relative;
left: 50%;
padding: 0; */ float: right; padding-right: 20px; color: #000; }
.lg-outer .lg-actions .lg-icon { color: #000; background-color: transparent; }
.lg-outer .lg-inner { top: 10%; height: 80%; }
.lg-outer .lg-thumb-outer .lg-toogle-thumb { width: 40px; color: #000; background-color: transparent; }
.lg-outer .lg-thumb-outer .lg-thumb-item { border: 0; border-radius: 0; filter: brightness(0.5); transition: filter 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }
.lg-outer .lg-thumb-outer .lg-thumb-item:hover, .lg-outer .lg-thumb-outer .lg-thumb-item.active { filter: brightness(1); }
.lg-outer .lg-toogle-thumb:after { content: url("../../../media/lg-thumbs.svg"); }
.lg-outer #lg-zoom-in { opacity: 1; }
.lg-outer #lg-zoom-in:after { content: url("../../../media/lg-zoom-in.svg"); }
.lg-outer #lg-zoom-out { opacity: 1; }
.lg-outer #lg-zoom-out:after { content: url("../../../media/lg-zoom-out.svg"); }
.lg-outer .lg-close:after { content: url("../../../media/lg-close.svg"); }
.lg-outer .lg-next:before { content: url("../../../media/lg-right.svg"); }
.lg-outer .lg-prev:after { content: url("../../../media/lg-left.svg"); }

@media screen and (max-width: 767px) { .lg-backdrop.in { opacity: 1; } }
/* GLOBAL */
/* ********************************************************************************************************************* FONTS */
@font-face { font-family: "didot"; src: url("fonts/didot.woff2") format("woff2"), url("fonts/didot.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: "peclet"; src: url("fonts/peclet.woff2") format("woff2"), url("fonts/peclet.woff") format("woff"); font-weight: normal; font-style: normal; }
/* ********************************************************************************************************************* GLOBALS */
body { font-family: 'peclet', sans-serif; font-weight: 400; font-size: 16px; line-height: 1.3; color: #000; }

h1, h2, h3, h4, h5, h6 { font-family: 'didot'; font-weight: 400; line-height: 1; letter-spacing: 1px; text-transform: none; color: #000; }

h1 { font-size: 30px; }

h2 { font-size: 24px; }

h3 { font-size: 20px; }
h3 + p, h3 + ul { margin-top: 20px; }

h4 { font-size: 28px; }

h5 { font-size: 22px; }

h6 { font-size: 14px; }

p, li { font-size: 16px; line-height: 1.6; color: #000; /* &:empty {
	display: none;
} */ }
p strong, li strong { font-weight: 900; }

p + p, ul + p, ol + p, p + ul, p + ol { margin-top: 30px; }

ul li { list-style: none; }

ol { padding-left: 40px; }
ol li { margin-bottom: 20px; }

ul.styled { text-indent: -20px; margin-left: 20px; padding-left: 40px; }
ul.styled li:before { content: "\2022"; display: inline-block; width: 20px; font-weight: 700; font-size: 2em; line-height: 1; color: #BF977E; transform: translateY(3px); }

img.invert { filter: invert(1); }

.text-light, .text-light a { font-weight: 300; }

.text-medium, .text-medium a { font-weight: 500; }

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

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

.text-smaller { font-size: 14px !important; }

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

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

.black { color: #000 !important; }

.grey { color: #B3B3B2 !important; }

.light-grey { color: #B3B3B2 !important; }

.dark-grey { color: #313131 !important; }

.accent, .accent p { color: #BF977E !important; }

.dark-accent, .dark-accent p { color: #A68039 !important; }

.blue, .blue p { color: #514745 !important; }

.flex { display: flex; flex-flow: row wrap; justify-content: space-between; }

.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-30-below { margin-bottom: 30px; }

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

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

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

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

.margin-40-above { margin-top: 50px; }

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

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

.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 #eeeeee; }

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

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

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

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

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

.with-line-below:after { content: ''; display: block; width: 50px; height: 1px; margin: 10px auto 20px auto; background-color: #B3B3B2; }

.with-line-above:before { content: ''; display: block; width: 50px; height: 1px; margin: 20px auto 10px auto; background-color: #B3B3B2; }

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

.invisible { visibility: hidden; }

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

.only-home { display: none; }

.only-admin { display: none; }

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

@media screen and (max-width: 1300px) { h1 { font-size: 26px; } }
@media screen and (max-width: 1000px) { p, li { font-size: 15px; } }
@media screen and (max-width: 767px) { .hide-on-desktop { display: block; }
  .hide-on-mobile { display: none; }
  h1 { font-size: 22px; }
  h2 { font-size: 20px; }
  h3 { font-size: 18px; }
  ul.styled { text-indent: -15px; margin-left: 15px; padding-left: 30px; }
  ul.styled li:before { width: 15px; } }
/* ********************************************************************************************************************* LINKS */
a, a:before, a:after, button { transition: all 0.3s ease 0s !important; }

a, p a { color: #000; }

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

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

a.black-link { color: #000; }
a.black-link:hover { color: #BF977E; }

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

a.grey-link { color: #B3B3B2 !important; }
a.grey-link:hover { color: #BF977E !important; }

a.light-grey-link { color: #B3B3B2; }
a.light-grey-link:hover { color: #BF977E !important; }

.boxed-link { display: inline-block; padding: 8px 15px; font-family: 'mr'; font-size: 14px; letter-spacing: 2px; text-decoration: none !important; color: #fff; background-color: #313131; }
.boxed-link:hover { padding: 8px 20px; color: #fff; background-color: #BF977E; }
.boxed-link.accent { color: #fff !important; background-color: #BF977E; }
.boxed-link.accent:hover { background-color: #e6dfd8; }
.boxed-link.white { color: #000; background-color: #fff; }
.boxed-link.white:hover { color: #fff !important; background-color: #BF977E; }
.boxed-link.orange { color: #fff; background-color: #514745; }
.boxed-link.orange:hover { background-color: #352f2e; }
.boxed-link.bold { font-family: 'bgb'; }
.boxed-link.icon-left img { float: left; margin: -2px 10px 0 0; }
.boxed-link.icon-right img { float: right; margin: -2px 0 0 10px; }
.boxed-link.bordered { color: #fff; background-color: transparent; border: 1px solid #fff; }
.boxed-link.bordered:hover { background-color: #BF977E; border-color: #BF977E; }
.boxed-link.rounded { border-radius: 25px; }
.boxed-link.wider { padding: 8px 35px; }
.boxed-link.wider:hover { padding: 8px 40px; }
.boxed-link.medium { padding: 14px 35px; }
.boxed-link.medium:hover { padding: 14px 40px; }
.boxed-link.big { padding: 22px 55px; }
.boxed-link.big:hover { padding: 22px 60px; }

a.line-link { display: inline-block; padding-bottom: 8px; line-height: 0; color: #000; }
a.line-link:after { content: ''; position: relative; width: 101%; height: 1px; margin-bottom: -4px; display: inline-block; background-color: transparent; transform: scaleX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; }
a.line-link:hover { color: #313131 !important; }
a.line-link:hover:after { background-color: #B3B3B2; transform: scaleX(1); }
a.line-link.dark-accent { color: #A68039; }
a.line-link.dark-accent:hover { color: #BF977E !important; }
a.line-link.dark-accent:hover:after { background-color: #BF977E; }
a.line-link.grey { color: #B3B3B2; }
a.line-link.grey:hover { color: #fff !important; }
a.line-link.grey:hover:after { background-color: #fff; }
a.line-link.white { color: #fff; }
a.line-link.white:hover { color: #fff !important; }
a.line-link.white:hover:after { background-color: #fff; }
a.line-link.disabled { pointer-events: none; }

a.icon-link { font-size: 16px; font-family: 'bgr'; line-height: 60px; }
a.icon-link img { float: left; margin: 0 10px 0 0; }
a.icon-link:hover { opacity: 0.8; }

a.alt-link { letter-spacing: 2px; color: #000; }
a.alt-link:before, a.alt-link:after { content: ''; display: inline-block; vertical-align: middle; width: 30px; height: 1px; margin: 0 10px; background-color: #BF977E; }
a.alt-link:hover { color: #BF977E; }
a.alt-link:hover:before, a.alt-link:hover:after { margin: 0 14px; }

a.hover-link { position: relative; }
a.hover-link:before { transform: scaleX(0); transform-origin: bottom right; }
a.hover-link:hover { padding: 0 4px; color: #fff; }
a.hover-link:hover:before { transform: scaleX(1); transform-origin: bottom left; }
a.hover-link:before { content: ' '; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; inset: 0 0 0 0; background: #BF977E; z-index: -1; transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1); }

a.arrow-link { position: relative; display: inline-block; font-size: 12px; line-height: 1.7; font-weight: 600; }
a.arrow-link:hover { padding-left: 7px; color: #514745 !important; }
a.arrow-link:hover:after { padding-left: 15px; }
a.arrow-link:after { content: url("../../../media/arrow-right.svg"); display: inline-block; vertical-align: top; padding-left: 10px; }
a.arrow-link.white { color: #fff; }
a.arrow-link.white:after { filter: invert(1); }

a.iconed-link { display: inline-block; font-size: 15px; line-height: 0; }
a.iconed-link:before { margin-right: 10px; display: inline-block; }
a.iconed-link span { vertical-align: top; line-height: 24px; }
a.iconed-link:hover:before { opacity: 0.5; }
a.iconed-link:hover span { color: #BF977E; }
a.iconed-link.tf:before { content: url("../../../media/global-icon-tf.png"); }
a.iconed-link.mail span { line-height: 11px; }
a.iconed-link.mail:before { content: url("../../../media/global-icon-mail.png"); }
a.iconed-link.web span { line-height: 14px; }
a.iconed-link.web:before { content: url("../../../media/global-icon-web.png"); }

.pdf-links { position: relative; margin-top: 30px; padding-left: 70px; }
.pdf-links--big { padding-left: 85px; }
.pdf-links--big:before { transform-origin: 0 0; transform: scale(2); }
.pdf-links--one { padding-left: 50px; line-height: 35px; }
.pdf-links:before { content: url("../../../media/icon-pdf.svg"); position: absolute; left: 0; }
.pdf-links a { display: inline-block; padding-bottom: 8px; text-decoration: underline; }

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

/* div.grid_section .section_inner {
	box-sizing: border-box;
	padding: 0 50px;
	border-right: 1px solid $border;
} */
.wrapper_inner > .content { margin-bottom: -1px !important; }

.qbutton { height: 37px; padding: 0 18px; font-size: 15px; line-height: 37px; font-weight: 400; letter-spacing: 0 !important; border: 1px solid #B3B3B2; border-radius: 0; }
.qbutton:hover { padding: 0 24px; color: #fff; background-color: #BF977E; }
.qbutton:hover span, .qbutton:hover i { color: #fff !important; }

#back_to_top { right: 25px !important; bottom: 25px; }
#back_to_top > span { border: 0; background-color: transparent !important; }
#back_to_top > span i { font-size: 30px; color: #cccccc; }
#back_to_top:hover > span i { color: #e6dfd8; }

.q_accordion_holder h5.title-holder { margin-bottom: 0; border-top: 1px solid #514745; }
.q_accordion_holder h5.title-holder .accordion_mark { display: none !important; }
.q_accordion_holder h5.title-holder .tab-title { padding: 10px 0 30px 0 !important; font-size: 32px; line-height: 1.3; letter-spacing: 0; font-weight: 400; text-align: center; text-transform: none; color: #000; }
.q_accordion_holder h5.title-holder .tab-title i { display: block; font-style: normal; font-size: 24px; }
.q_accordion_holder h5.title-holder .tab-title:after { content: '+'; display: inline-block; float: right; margin-top: -25px; font-size: 65px; font-weight: 300; color: #514745; transition: color 0.6s linear 0s !important; }
.q_accordion_holder h5.title-holder.ui-state-active .tab-title:after { content: '–'; }
.q_accordion_holder .accordion_content { padding: 0  !important; }
.q_accordion_holder .accordion_content .vc_row p { padding: 0 20px; }
.q_accordion_holder .accordion_content img { max-width: 80%; }

.q_counter_holder.center { padding: 0; border: 0; }
.q_counter_holder.center .counter { font-family: 'mb'; font-size: 48px; }

.image_with_text { font-family: 'bgb'; text-align: center; line-height: 1.5; }
.image_with_text img { margin: 0 auto 10px auto; }
.image_with_text h3 { font-size: 24px; }
.image_with_text a { color: #A68039; text-decoration: underline; }
.image_with_text a:hover { color: #BF977E; }
.image_with_text .separator { margin: 4px 0 !important; }

@-webkit-keyframes element-from-bottom { 0% { -webkit-transform: translate(0, 10%); opacity: 0; }
  100% { -webkit-transform: translate(0, 0); opacity: 1; } }
@-moz-keyframes element-from-bottom { 0% { -moz-transform: translate(0, 10%); opacity: 0; }
  100% { -moz-transform: translate(0, 0); opacity: 1; } }
@-o-keyframes element-from-bottom { 0% { -o-transform: translate(0, 10%); opacity: 0; }
  100% { -o-transform: translate(0, 0); opacity: 1; } }
@keyframes element-from-bottom { 0% { transform: translate(0, 10%); opacity: 0; }
  100% { transform: translate(0, 0); opacity: 1; } }
.vc_row.section .element_from_bottom > div, .vc_row.section .element_from_fade > div { transition-delay: 200ms !important; -webkit-animation-delay: 200ms !important; animation-delay: 200ms !important; }

@keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@media screen and (max-width: 1000px) { div.grid_section .section_inner, .container_inner { width: 85% !important; }
  div.grid_section .section_inner { box-sizing: border-box; padding: 0; border: 0; } }
@media screen and (max-width: 767px) { div.grid_section .section_inner, .container_inner { width: 80% !important; }
  #back_to_top { display: none; } }
/* ********************************************************************************************************************* SHARED ELEMENTS */
/* PRELOAD */
.preload, .preload:after { position: absolute; z-index: 2; width: 220px; height: 220px; left: 50%; top: 50%; margin: -110px 0 0 -110px; border-radius: 50%; }

.preload { background-color: transparent; border-top: 1px solid #BF977E; border-right: 1px solid #BF977E; border-bottom: 1px solid #BF977E; border-left: 1px solid #514745; transform: translateZ(0); animation-iteration-count: infinite; animation-timing-function: linear; animation-duration: .8s; animation-name: preload-loading; }

@keyframes preload-loading { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
.mouse-trail { width: 60px; height: 60px; position: fixed; top: 0; left: 0; transform: translateX(-30px) translateY(-30px); pointer-events: none; z-index: 9999; }
.mouse-trail svg { width: 100%; position: fixed; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0s !important; -moz-transform: scale(0.3); -webkit-transform: scale(0.3); transform: scale(0.3); }
.mouse-trail svg circle { transition: all 0.2s ease 0s !important; }

.zoom-trail svg { -moz-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0.2; }
.zoom-trail svg #outside { stroke-width: 0; fill: #fff; }
.zoom-trail svg #inside { opacity: 0; }
.zoom-trail::before { opacity: 0.4; }

.img-block { height: 40vh; background-position: center center; }
.img-block--fixed { background-attachment: fixed; }

.list-with-checkboxes { border: 1px solid #eeeeee; border-radius: 6px; }
.list-with-checkboxes li { padding: 15px 20px; border-bottom: 1px solid #eeeeee; }
.list-with-checkboxes li:first-child { background-color: #B3B3B2; }
.list-with-checkboxes li:last-child { border: 0; }
.list-with-checkboxes li input { margin-right: 10px; }

.main-title { position: fixed; top: 48%; left: 45px; font-family: 'Didot'; font-size: 30px; color: #C56663; transition: color .5s linear; }

.slick-prev, .slick-next { position: absolute; z-index: 1000; cursor: pointer; display: block; outline: none; width: 50px; height: 50px; top: 40%; padding: 0; color: transparent; border: none; background: transparent; }
.slick-prev:before, .slick-next:before { /* font-family: "linea-arrows-10" !important;
content: "\e068";
font-size: 50px;
color: $accent; */ content: url("../../../media/arrow-right.svg"); opacity: 1; transition: all 0.4s ease 0s !important; }
.slick-prev:hover:before, .slick-next:hover:before { color: #514745; opacity: 0.8; }

.slick-prev { left: -70px; transform: rotate(180deg); }

.slick-next { right: -70px; }

.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; display: block; list-style: none; width: 100%; margin-top: 5px; text-align: center; }
.slick-dots li { position: relative; display: inline-block; cursor: pointer; width: 20px; height: 20px; padding: 0; }
.slick-dots li button { display: block; cursor: pointer; width: 20px; height: 20px; padding: 5px; font-size: 0; line-height: 0; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { content: '•'; position: absolute; top: 0; left: 0; width: 20px; height: 20px; font-size: 24px; line-height: 24px; text-align: center; color: #000; opacity: 0.1; }
.slick-dots li.slick-active button:before { opacity: .5; color: #000; }

.social ul li { display: inline-block; vertical-align: top; overflow: hidden; width: 32px; height: 32px; margin: 0 3px; border-radius: 100%; border: 1px solid #fff; transition: all 0.4s ease 0s !important; }
.social ul li:first-child { margin-left: 0; }
.social ul li a { display: block; width: 100%; height: 200%; position: relative; top: 0; line-height: 32px !important; text-align: center; color: #fff; }
.social ul li a i { font-size: 16px; }
.social ul li a i:last-child { display: block; margin-top: 2px; color: #fff; }
.social ul li:hover { border-color: transparent; }
.social ul li:hover a { top: -26px; }
.social ul li:hover a i:first-child { transition: all 0.3s ease 0s !important; opacity: 0; }
.social ul li:nth-of-type(1):hover { background-color: #537bbd; }
.social ul li:nth-of-type(2):hover { background-color: #77cdf0; }
.social ul li:nth-of-type(3):hover { background-color: #ff0000; }
.social ul li:nth-of-type(4):hover { background-color: #0077B5; }

#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; }

.pagination ul li a, .pagination ul li span { border: 0; }

.wp-pagenavi { margin: 30px 0 40px 0 !important; }
.wp-pagenavi .pages { display: none; }
.wp-pagenavi a, .wp-pagenavi span { margin: 0 4px; padding: 5px; font-size: 20px; color: #B3B3B2; text-decoration: none; }
.wp-pagenavi a img { vertical-align: top; }
.wp-pagenavi a:hover { color: #313131; }
.wp-pagenavi .current { font-weight: 600; color: #BF977E; }
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink { font-size: 30px; }
.wp-pagenavi .previouspostslink { margin-right: 6px; }
.wp-pagenavi .nextpostslink { margin-left: 6px; }

@media screen and (max-width: 1300px) { .main-title { font-size: 24px; } }
@media screen and (max-width: 1200px) { .main-title { display: none; } }
@media screen and (max-width: 1000px) { .row-with-vertical-padding-60 { padding: 40px 0; } }
/* ********************************************************************************************************************* HEADER - MENU */
header { min-height: 100px; }
header .header_bottom { background-color: transparent !important; }
header .header_bottom .header_inner_left { margin-top: 40px; }
header .header_bottom .header_inner_right { position: absolute; top: 8px; left: 40px; }
header .header_bottom .q_logo { /* img.popup {
	display: none;
} */ }
header .header_bottom .q_logo a { height: 22px !important; }
header .side_menu_button { cursor: default; height: 100px !important; }
header a.popup_menu { display: inline-block; width: 200px; height: 30px; padding-left: 0 !important; }
header a.popup_menu:after { content: 'Real Estate Co.'; vertical-align: top; margin-left: 20px; font-family: 'Didot'; font-size: 20px; line-height: 1; color: #000; transition: color 1s ease; }
header a.popup_menu:hover .line:before { top: -3px; }
header a.popup_menu:hover .line:after { top: 3px; }
header a.popup_menu .popup_menu_inner { width: 30px; }
header a.popup_menu .line, header a.popup_menu .line:before, header a.popup_menu .line:after { width: 30px; height: 1px; background-color: #000; transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s !important; }
header a.popup_menu .line:before { top: -10px; }
header a.popup_menu .line:after { top: 10px; }
header a.popup_menu.opened:after { color: transparent; }
header a.popup_menu.opened .line, header a.popup_menu.opened .line:before, header a.popup_menu.opened .line:after { background-color: #fff; }

.popup_menu_holder { height: 100vh; width: 800px; margin-left: -100px; background-color: #653e43; }
.popup_menu_holder_inner { display: block; }
.popup_menu_holder:after { content: ''; position: absolute; display: block; top: 0; left: 0; width: 500px; height: 100vh; background-color: #BF977E; opacity: 0; transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.popup_menu_holder nav.popup_menu ul { padding-left: 10%; }
.popup_menu_holder nav.popup_menu ul li { text-align: left; }
.popup_menu_holder nav.popup_menu ul li a { display: inline-block; font-family: 'didot'; font-size: 32px; line-height: 1.7; text-transform: none; letter-spacing: 1px; color: #BF977E; }
.popup_menu_holder nav.popup_menu ul li a.current, .popup_menu_holder nav.popup_menu ul li a:hover { color: #fff; letter-spacing: 2px; }

.popup_menu_widget_holder { position: absolute; bottom: 50px; left: 50px; text-align: left; font-size: 13px; color: #fff; }
.popup_menu_widget_holder .lang-bt { margin-bottom: 5px; font-weight: 700; }
.popup_menu_widget_holder span { display: block; margin-top: 10px; font-size: 11px; }

body.popup_menu_opened header .header_bottom .q_logo a { pointer-events: none; }
body.popup_menu_opened .popup_menu_holder { width: 500px; margin: 0; }
body.popup_menu_opened .popup_menu_holder:after { width: 0; left: 500px; opacity: 0.3; }

@media screen and (max-width: 1000px) { header { height: 0; min-height: 0; }
  header .header_bottom .logo_wrapper { height: auto !important; left: auto; right: 0; }
  header .header_bottom .q_logo a { left: 0; }
  header .header_bottom .header_inner_right { left: 30px; }
  header a.popup_menu:after { font-size: 16px; } }
@media screen and (max-width: 767px) { header .header_bottom .header_inner_left { margin-top: 25px; }
  header .header_bottom .header_inner_right { top: -8px; }
  header .header_bottom .logo_wrapper { right: 15px; }
  header a.popup_menu { width: auto; }
  header a.popup_menu:after { display: none; }
  .popup_menu_holder { height: 100vh; }
  .popup_menu_holder nav.popup_menu ul { padding-left: 32px; }
  .popup_menu_holder nav.popup_menu ul li { line-height: 1.3; }
  .popup_menu_holder nav.popup_menu ul li a { line-height: 1; font-size: 40px; }
  .popup_menu_widget_holder { bottom: 35px; left: 35px; } }
/* ********************************************************************************************************************* FOOTER */
footer .footer_bottom { padding: 80px 0 0 0; text-align: center; background-color: #000; }
footer .footer_bottom h3 { font-size: 50px; color: #fff; }
footer .footer_bottom h3 > span > span { overflow: hidden; }
footer .footer_bottom .contact { max-width: 500px; margin: 50px auto 0 auto; text-align: left; opacity: 0; }
footer .footer_bottom .contact a { padding: 8px; line-height: 1.2; color: #fff; }
footer .footer_bottom .contact a span { display: block; color: #fff; }
footer .footer_bottom .contact a.email { float: left; }
footer .footer_bottom .contact a.tel { float: right; }
footer .footer_bottom .contact a:hover { padding: 15px; color: #BF977E; background-color: #1f1315; }
footer .footer_bottom .img { margin-top: 150px; transform: translateY(350px); opacity: 0; transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
footer .footer_bottom .img.active { transform: translateY(10px); opacity: 1; }
footer .footer_bottom .img img { max-width: 70%; }

@media screen and (max-width: 767px) { footer .footer_bottom { padding: 50px 0 0 0; }
  footer .footer_bottom h3 { font-size: 40px; }
  footer .footer_bottom .contact { width: 80%; margin: 30px auto 0 auto; }
  footer .footer_bottom .contact a { text-align: center; }
  footer .footer_bottom .img img { max-width: 90%; } }
/* ********************************************************************************************************************* FIREFOX POSITION FIXES */
@-moz-document url-prefix() {}
/* PAGES / MODULES */
/* ********************************************************************************************************************* HOME */
.home header { opacity: 0; transform: translateY(-150px); }

.loading { position: absolute; display: flex; justify-content: center; align-items: center; box-sizing: border-box; width: 100%; height: 100vh; background-color: #514745; }
.loading .tit { pointer-events: none; font-family: 'didot'; font-size: 30px; color: #fff; }
.loading .letters { width: 600px; height: 600px; }
.loading .letters > div { position: absolute; opacity: 0; transform: scale(3); }
.loading .letters img { width: 600px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100%; mask-size: 100%; }

.clip-r { -webkit-mask-image: url(../../../media/letter-r.svg); mask-image: url(../../../media/letter-r.svg); }

.clip-e { -webkit-mask-image: url(../../../media/letter-e.svg); mask-image: url(../../../media/letter-e.svg); }

.clip-n { -webkit-mask-image: url(../../../media/letter-n.svg); mask-image: url(../../../media/letter-n.svg); }

.clip-a { -webkit-mask-image: url(../../../media/letter-a.svg); mask-image: url(../../../media/letter-a.svg); }

.clip-c { -webkit-mask-image: url(../../../media/letter-c.svg); mask-image: url(../../../media/letter-c.svg); }

.intro { position: absolute; width: 100%; height: 100vh; opacity: 0; filter: blur(20px); transition: all 2s linear 1s; }
.intro.active { filter: blur(0); opacity: 1; }
.intro.active .imgs > div { bottom: -10vw; }
.intro.active .imgs-nomask > div { bottom: -5px; }
.intro .words > div { position: absolute; overflow: hidden; transform-origin: center bottom; width: 600px; height: 100px; left: calc(50% - 300px); top: 25vh; text-align: center; opacity: 0; transition: opacity .6s ease; }
.intro .words > div img { width: 600px; }
.intro .imgs > div { position: absolute; width: 100%; height: 100%; bottom: -600px; -webkit-clip-path: circle(60% at 50% 125%); clip-path: circle(60% at 50% 125%); transform-origin: center bottom; transform: scale(0.8); transition: opacity 1s linear, filter 0.4s ease, bottom 2s cubic-bezier(0.645, 0.045, 0.355, 1) 2s; }
.intro .imgs > div.blur { filter: blur(4px); }
.intro .imgs-nomask { width: 100%; height: 100%; display: flex; align-items: end; }
.intro .imgs-nomask > div { position: absolute; width: 100%; bottom: -600px; text-align: center; transform-origin: center bottom; transition: opacity 1s linear, filter 0.4s ease, bottom 2s cubic-bezier(0.645, 0.045, 0.355, 1) 1s; }
.intro .imgs-nomask > div.blur { filter: blur(4px); }
.intro .imgs-nomask > div img { max-width: 85%; }

@media screen and (max-width: 1300px) { .loading .tit { font-size: 25px; }
  .loading .letters { width: 500px; height: 500px; }
  .loading .letters img { width: 500px; } }
@media screen and (max-width: 1000px) { .loading { flex-direction: column; }
  .loading .tit { font-size: 30px; }
  .loading .letters { transform: translateY(20px); width: 600px; height: 600px; }
  .loading .letters img { width: 600px; }
  .intro.active .imgs > div { bottom: 0; }
  .intro .words > div { top: 35vh; }
  .intro .imgs > div { height: auto; opacity: 0; }
  .intro .imgs > div.blur { filter: blur(0); }
  .intro .imgs-nomask > div { opacity: 0; }
  .intro .imgs-nomask > div.blur { filter: blur(0); }
  .intro .imgs-nomask > div img { max-width: 95%; } }
@media screen and (max-width: 767px) { .loading { padding: 60px 0; }
  .loading .tit { font-size: 23px; }
  .loading .letters { transform: translateY(10px); width: 300px; height: 300px; }
  .loading .letters img { width: 300px; }
  .intro .words > div { width: 84%; height: auto; top: 25vh; left: 8%; }
  .intro .imgs > div { -webkit-clip-path: circle(120% at 50% 125%); clip-path: circle(120% at 50% 125%); transform: scale(1); }
  .intro .imgs > div img { transform: scale(2); transform-origin: center bottom; }
  .intro .imgs-nomask > div img { width: 100%; max-width: 100%; } }
@media screen and (max-width: 767px) and (-webkit-device-pixel-ratio: 2) { .intro { height: -webkit-fill-available; } }
@media screen and (max-width: 767px) and (-webkit-device-pixel-ratio: 3) { .intro { height: -webkit-fill-available; } }
/* ********************************************************************************************************************* FILOSOFIA */
.filosofia { width: 1000px; margin: 150px auto 0 auto; }
.filosofia h1 { margin-bottom: 150px; text-align: center; font-size: 110px; }
.filosofia h1 > span > span { overflow: hidden; margin-bottom: -10px; }
.filosofia .block { display: flex; }
.filosofia .block > div { opacity: 0; }
.filosofia .block .left { width: 50%; }
.filosofia .block .left.data { padding-left: 40px; }
.filosofia .block .right { width: 50%; text-align: right; }
.filosofia .block .right.data { display: flex; justify-content: end; }
.filosofia .block .right.letter img { transform: translateX(65px); }
.filosofia .block .letter { transform-origin: center top; transform: scale(0.2); }
.filosofia .block .letter img { width: 500px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100%; mask-size: 100%; }
.filosofia .block .data { transform: translateX(100px); padding-top: 80px; }
.filosofia .block .data > div { width: 350px; text-align: left; }
.filosofia .block .data img { height: 70px; }
.filosofia .block .data p { margin-top: 20px; }

@media screen and (max-width: 1300px) { .filosofia { width: 750px; }
  .filosofia h1 { margin-bottom: 100px; font-size: 80px; }
  .filosofia .block .data { padding-top: 40px; }
  .filosofia .block .data img { height: 50px; } }
@media screen and (max-width: 1000px) { .filosofia .block .right.letter img { transform: translateX(0); }
  .filosofia .block .data > div { width: 300px; } }
@media screen and (max-width: 767px) { .filosofia { width: 80%; margin: 100px 0 0 10%; }
  .filosofia h1 { margin-bottom: 60px; font-size: 46px; }
  .filosofia .block { flex-direction: column; margin-bottom: 40px; }
  .filosofia .block > div { width: 100% !important; }
  .filosofia .block .data { padding-top: 30px; }
  .filosofia .block .data > div { width: 100%; text-align: center; }
  .filosofia .block .left.data { padding-left: 0; }
  .filosofia .block.block--2, .filosofia .block.block--4, .filosofia .block.block--6 { flex-direction: column-reverse; } }
/* ********************************************************************************************************************* ABOUT */
.page-about .main-title { color: #886B59; }
.page-about .main-title.white { color: #fff; }
.page-about .about { width: 900px; margin: 200px auto 0 auto; }
.page-about .about h1 { margin-bottom: 60px; text-align: center; line-height: 1.2; }
.page-about .about h1 > span > span { overflow: hidden; margin-bottom: -10px; }
.page-about .about h2 { max-width: 480px; margin: 60px auto; }
.page-about .about .stats { opacity: 0; }
.page-about .about .stats .column { cursor: default; width: 20%; margin-top: auto; text-align: center; transition: all .4s ease; }
.page-about .about .stats .column:hover { opacity: 0.8; }
.page-about .about .stats .column.c1:hover .val { color: #6e3c0f; }
.page-about .about .stats .column.c1 .percent { background-image: url("../../../media/stats-bkg-1.svg"); }
.page-about .about .stats .column.c2:hover .val { color: #c56663; }
.page-about .about .stats .column.c2 .percent { background-image: url("../../../media/stats-bkg-2.svg"); }
.page-about .about .stats .column.c3:hover .val { color: #a68039; }
.page-about .about .stats .column.c3 .percent { background-image: url("../../../media/stats-bkg-3.svg"); }
.page-about .about .stats .column.c4:hover .val { color: #d2b988; }
.page-about .about .stats .column.c4 .percent { background-image: url("../../../media/stats-bkg-4.svg"); }
.page-about .about .stats .column.c5:hover .val { color: #222222; }
.page-about .about .stats .column.c5 .percent { background-image: url("../../../media/stats-bkg-5.svg"); }
.page-about .about .stats .val { font-family: 'Didot'; font-size: 65px; line-height: 1; transition: color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }
.page-about .about .stats .tit { margin: 10px 0; font-size: 9px; }
.page-about .about .stats .percent { width: 100%; height: 0; opacity: 0; background: transparent repeat-y center bottom; }
.page-about .about p.claim { max-width: 480px; margin: 70px auto; text-align: center; opacity: 0; }
.page-about .words { padding: 120px 0; background-color: #A68039; }
.page-about .words .imgs { max-width: 400px; margin: 0 auto 100px auto; text-align: center; }
.page-about .words .imgs img { display: block; height: 62px; margin: 0 auto 10px auto; opacity: 0; }
.page-about .words .aqui { max-width: 640px; margin: 0 auto; text-align: center; text-transform: uppercase; font-size: 12.5px; }
.page-about .words-eng .imgs img:nth-child(4) { width: 400px; height: auto; }

@media screen and (max-width: 1300px) { .page-about .about { width: 700px; margin: 130px auto 0 auto; }
  .page-about .about .stats .column { width: 19%; }
  .page-about .about .stats .val { font-size: 55px; }
  .page-about .about .stats .tit { font-size: 8px; }
  .page-about .about .stats .percent { background-size: 100%; }
  .page-about .about p.claim { max-width: 550px; } }
@media screen and (max-width: 767px) { .page-about .about { width: 80%; margin: 100px 0 0 10%; }
  .page-about .about .stats .column { max-width: 62px; }
  .page-about .about .stats .val { font-size: 28px; }
  .page-about .about .stats .tit { font-size: 7px; }
  .page-about .words { padding: 50px 20%; }
  .page-about .words .imgs img { margin-bottom: 0; }
  .page-about .words .imgs img:nth-child(1), .page-about .words .imgs img:nth-child(3) { height: 42px; margin: 5px auto; }
  .page-about .words .aqui { margin: -20px -40px 0 -40px; }
  .page-about .words-eng .imgs img:nth-child(1) { height: 62px; } }
/* ********************************************************************************************************************* GALERIA */
.galeria { width: 1000px; margin: 150px auto 0 auto; }
.galeria h1 { margin-bottom: 150px; text-align: center; font-size: 110px; }
.galeria h1 > span > span { overflow: hidden; margin-bottom: -10px; }
.galeria .bts { display: flex; flex-wrap: wrap; justify-content: space-between; transform: translateY(50px); opacity: 0; transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s, opacity 1s linear 0.3s; }
.galeria .bts a { display: block; overflow: hidden; width: 46%; max-height: 320px; margin-bottom: 8%; }
.galeria .bts a img { vertical-align: top; transition: transform 10s cubic-bezier(0.39, 0.575, 0.565, 1); }
.galeria .bts a:hover { filter: brightness(1.1); }
.galeria .bts a:hover img { transform: scale(1.2); }
.galeria .bts.active { transform: translateY(0); opacity: 1; }
.galeria .gal { display: none; }

@media screen and (max-width: 1300px) { .galeria { width: 750px; margin: 130px auto 0 auto; }
  .galeria h1 { margin-bottom: 100px; font-size: 80px; } }
@media screen and (max-width: 1000px) { .galeria h1 { margin-bottom: 80px; } }
@media screen and (max-width: 767px) { .galeria { width: 80%; margin: 100px 0 0 10%; }
  .galeria h1 { margin-bottom: 60px; font-size: 44px; } }
/* ********************************************************************************************************************* ABOUT */
.page-contact .full_width { background-color: #A68039; }
.page-contact .main-title { color: #D2B988; }
.page-contact .contact { box-sizing: border-box; width: 700px; min-height: calc(100vh - 1px); margin: 0 auto; padding-top: 20vh; }
.page-contact .contact h1 { position: relative; margin-bottom: 60px; text-align: center; font-size: 80px; line-height: 0.9; }
.page-contact .contact h1 > span > span { overflow: hidden; margin-bottom: -10px; }
.page-contact .contact .links { position: relative; max-width: 500px; height: 100px; margin: 0 auto; text-align: left; opacity: 0; }
.page-contact .contact .links a { padding: 8px; font-size: 13px; line-height: 1.2; color: #000; }
.page-contact .contact .links a span { display: block; color: #000; }
.page-contact .contact .links a.email { float: left; }
.page-contact .contact .links a.tel { float: right; }
.page-contact .contact .links a:hover { padding: 15px; color: #fff; background-color: #937132; }
.page-contact .contact .aqui { max-width: 640px; margin: 0 auto; text-align: center; text-transform: uppercase; font-size: 12.5px; }

@media screen and (max-height: 700px) and (min-width: 1000px) { .page-contact .contact h1 { margin-bottom: 40px; font-size: 65px; } }
@media screen and (min-width: 1000px) and (max-width: 1300px) { .page-contact .contact h1 { margin-bottom: 40px; font-size: 65px; } }
@media screen and (max-width: 767px) { .page-contact .contact { width: 80%; margin: 0 0 0 10%; }
  .page-contact .contact h1 { margin-bottom: 60px; font-size: 38px; } }
/* ********************************************************************************************************************* LEGAL */
.page-legal footer { display: none; }
.page-legal .wpb_text_column { padding: 0 0 100px 0; }
.page-legal .wpb_text_column h1 { font-size: 60px; text-transform: uppercase; color: #BF977E; }
.page-legal .wpb_text_column h1 + p { margin-top: 30px; }
.page-legal .wpb_text_column h2 { padding: 40px 0 0 0; font-size: 24px; letter-spacing: 0; }
.page-legal .wpb_text_column h2:after { content: ''; display: block; width: 30px; height: 2px; margin-top: 10px; background-color: #BF977E; }
.page-legal .wpb_text_column h2 + p { margin-top: 20px; }
.page-legal .wpb_text_column p, .page-legal .wpb_text_column table, .page-legal .wpb_text_column li { font-size: 15px; line-height: 1.3; color: #000; }
.page-legal .wpb_text_column a { text-decoration: underline; }
.page-legal .wpb_text_column ul, .page-legal .wpb_text_column ol { list-style: none; margin-top: 30px; }
.page-legal .wpb_text_column table { width: 100%; margin: 20px 0; }
.page-legal .wpb_text_column table th, .page-legal .wpb_text_column table td { text-align: left !important; border: 1px solid #B3B3B2; }
.page-legal .wpb_text_column hr { visibility: hidden; margin: 40px 0 !important; }

@media screen and (max-width: 1200px) { .page-legal .wpb_text_column h2 { font-size: 20px; } }
@media screen and (max-width: 767px) { .page-legal .wpb_text_column { margin-top: 100px; }
  .page-legal .wpb_text_column h1 { font-size: 40px; }
  .page-legal .wpb_text_column h2 { font-size: 17px; } }
/* RESPONSIVE */