/* FONTS */
@font-face { font-family: 'Gotham-Bold'; src: url('../fonts/Gotham-Bold.eot'); src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Bold.woff2') format('woff2'), url('../fonts/Gotham-Bold.woff') format('woff'), url('../fonts/Gotham-Bold.ttf') format('truetype'), url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Gotham-Light'; src: url('../fonts/Gotham-Light.eot'); src: url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Light.woff2') format('woff2'), url('../fonts/Gotham-Light.woff') format('woff'), url('../fonts/Gotham-Light.ttf') format('truetype'), url('../fonts/Gotham-Light.svg#Gotham-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Bodoni-Book'; src: url('../fonts/BodoniSvtyTwoITCTT-Book.eot'); src: url('../fonts/BodoniSvtyTwoITCTT-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/BodoniSvtyTwoITCTT-Book.woff2') format('woff2'), url('../fonts/BodoniSvtyTwoITCTT-Book.woff') format('woff'), url('../fonts/BodoniSvtyTwoITCTT-Book.ttf') format('truetype'), url('../fonts/BodoniSvtyTwoITCTT-Book.svg#BodoniSvtyTwoITCTT-Book') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Bodoni-Bold'; src: url('../fonts/BodoniSvtyTwoITCTT-Bold.eot'); src: url('../fonts/BodoniSvtyTwoITCTT-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/BodoniSvtyTwoITCTT-Bold.woff2') format('woff2'), url('../fonts/BodoniSvtyTwoITCTT-Bold.woff') format('woff'), url('../fonts/BodoniSvtyTwoITCTT-Bold.ttf') format('truetype'), url('../fonts/BodoniSvtyTwoITCTT-Bold.svg#BodoniSvtyTwoITCTT-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Bodoni-BookIta'; src: url('../fonts/BodoniSvtyTwoITCTT-BookIta.eot'); src: url('../fonts/BodoniSvtyTwoITCTT-BookIta.eot?#iefix') format('embedded-opentype'), url('../fonts/BodoniSvtyTwoITCTT-BookIta.woff2') format('woff2'), url('../fonts/BodoniSvtyTwoITCTT-BookIta.woff') format('woff'), url('../fonts/BodoniSvtyTwoITCTT-BookIta.ttf') format('truetype'), url('../fonts/BodoniSvtyTwoITCTT-BookIta.svg#BodoniSvtyTwoITCTT-BookIta') format('svg'); font-weight: normal; font-style: italic; font-display: swap; }


.fancybox__content { background: transparent !important; }

/* MENU */
header img.logo-epe-menu { width: 125px; }
header .logo-menu-mobile { display: none; }
header ul { z-index: 1; background:white; margin: 0 auto; font-family: 'Gotham-Bold'; font-size: 17px; text-transform: uppercase; letter-spacing: 5px; }
header .fixed-top { background: white; }
header ul li { -ms-flex-align: center!important; align-items: center!important; display: flex; justify-content: center; padding: 0px 50px; position: relative; }
header div#navbarSupportedContent:before { content: ""; position: absolute; top: 50%; width: 100%; height: 2px; background: #a57c37; left: 0px; }
header .navbar-light .navbar-toggler { box-shadow: none; border: none !important; color: #a57c37; }

.nav-link { position: relative; }
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link, .footer-menu a.active { color: #a57c37; }
.navbar-light .navbar-nav .nav-link.active:before, .navbar-light .navbar-nav .show>.nav-link:before, .footer-menu a.active:before { content: ""; position: absolute; left: 50%; bottom: 5px; width: 90%; height: 3px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #a57c37; }

@media screen and (max-width: 1200px){
	header ul li { padding: 0px 25px; }
}

@media screen and (max-width: 991px){
	header .logo-menu-mobile { display: inherit; }
	header .logo-menu-desktop { display: none; }
	header img.logo-epe-menu { width: 82px; }

	header div#navbarSupportedContent:before { display: none; }
}

/* FOOTER */
footer .newsletter { text-align: center; padding-top: 25px; }
footer #mc_embed_signup { max-width: 900px; margin: 0 auto; }
footer #mc_embed_signup form { padding: 10px 20px; }
footer #mc_embed_signup .button { background: #a57c37; border-radius: 0px; font-family: 'Gotham-Light'; width: 200px; min-height: 37px; }
footer #mc_embed_signup .mc-field-group { float: left; width: calc(100% - 214px); }
footer #mc_embed_signup .submit-btn { float: left; clear: unset; }
footer #mc_embed_signup .mc-field-group input { border-color: #a57c37; }
footer #mc_embed_signup .mc-field-group input { border: 2px solid#a57c37; border-radius: 0px !important; font-family: 'Gotham-Light'; text-align: center; }
footer span.envelope { border: 2px solid #a57c37; padding: 5px; text-align: center; float: left; width: 47px; height: 37px; }
footer #mc_embed_signup .mc-field-group input { width: calc(100% - 53px); float: right; margin: 0px 2px; }
footer i.fal.fa-envelope { color: #928b85; font-size: 24px; }
footer #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error { color: #a57c37; }
footer #mc_embed_signup input:focus, footer #mc_embed_signup input:active { border-color: #a57c37; border-radius: 0px !important; }

.footer-menu ul { font-family: 'Gotham-Bold'; font-size: 17px; text-transform: uppercase; letter-spacing: 5px; list-style: none; padding: 0px; text-align: center; }
.footer-menu ul li { display: inline-block; font-size: 15px; color: #5f6062; }
.footer-menu a { color: rgba(0,0,0,.55); position: relative; }
.footer-menu a:hover { text-decoration: none; color: rgba(0,0,0,.7); }

footer .legal p { text-align: center; font-size: 15px; }

footer .logos { text-align: center; margin-bottom: 20px; }


@media screen and (max-width: 767px){
	footer .logos .col { flex: 0 0 auto; width: calc(100% / 6); }
}

@media screen and (max-width: 500px){
	footer #mc_embed_signup .mc-field-group { float: unset; width: 100%; }
	footer #mc_embed_signup .submit-btn { float: unset; clear: both; }
	footer #mc_embed_signup .button { width: 100%; }

	.footer-menu ul li { display: block; }
	.footer-menu a { padding-top: 0px; padding-bottom: 7px; display: table; margin: 0 auto; }
}

/* GENERAL */
body, html { height: 100%; }
body { overflow-x: hidden; }
.alert { font-family: 'Gotham-Bold'; }
.alert-success { text-align: center; }
h2, h3 { color: #a57c37; font-family: 'Bodoni-Book'; font-size: 41px; text-transform: uppercase; letter-spacing: 2px;  }
h3 { font-size: 51px; }
p, ul, ol { font-family: 'Gotham-Light'; color: #10312b; font-size: 17px; }
img.arrow { width: 14px; height: 24px; }
strong { font-family: 'Gotham-Bold'; font-weight: unset; }
g#terraza .st7 { opacity: 0; }

ul.fixed-social-icons-jj { position: fixed; top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%); z-index: 7; text-align: center;list-style: none; padding: 0px; right: 0px; }
ul.fixed-social-icons-jj a { color: #ffffff; text-decoration: none; font-size: 17px; }
ul.fixed-social-icons-jj li { background: transparent; padding: 6px 8px; border-bottom: 1px solid transparent; -webkit-transition: 0.7s all; transition: 0.7s all; }
ul.fixed-social-icons-jj li:hover { background: #a57c37; }

ul.fixed-social-icons-jj.scroll li { background: #a57c37; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
ul.fixed-social-icons-jj.scroll li:hover { background: #af966d; }

div.principal-slider { position:relative;}
div.principal-slider div#carouselPrincipalSlider { padding: 0px; }
div.principal-slider { margin-top: 95px; border-bottom: 20px solid #a57c37; }
div.principal-slider .row { height: 100%; }
div#carouselPrincipalSlider { width: 100%; height: 100%/*calc(100vh - 133.4px)*/; background: #efeeec; }
div#carouselPrincipalSlider .carousel-inner, div#carouselPrincipalSlider .carousel-item { height: 100%; }
div#carouselPrincipalSlider .carousel-item { background-size: cover;background-position: center center;background-repeat: no-repeat;}
div#carouselPrincipalSlider .absolute-text { z-index: 2; position: absolute; bottom: 50px; left: 450px; }
div#carouselPrincipalSlider .absolute-text h2 { color: white; /*text-shadow: 1px 1px 6px black;*/ }
div#carouselPrincipalSlider .carousel-indicators { left: 250px; bottom: 50px; right: unset; margin-left: 0; }
div#carouselPrincipalSlider .carousel-indicators button { opacity: 1; width: 35px; height: 3.5px;}
div#carouselPrincipalSlider .carousel-indicators button.active { background-color: #c2c4c6; height: 5px; position: relative; top: -0.7px; }
div#carouselPrincipalSlider .scroll-to-next { z-index: 1; position: absolute; bottom: 22px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
div#carouselPrincipalSlider .scroll-to-next img { width: 21px; height: 46px; }
div#carouselPrincipalSlider .carousel-indicators button { box-shadow: 1px 2px 2px rgba(0,0,0,0.3); border-top: none;border-bottom: none; }

.play-btn { position: absolute; bottom: 100px; left: 50%; z-index: 9; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: white; }
.play-btn i.fas.fa-play { -webkit-transition:0.4s all;transition:0.4s all;background: rgba(93, 78, 163, 0.4);color: white; text-shadow: 1px 1px 3px black; border: 2px solid white; box-shadow: 1px 1px 3px black; border-radius: 100%; padding: 16px 16px 16px 19px; font-size: 21px; }
.play-btn i.fas.fa-play:hover{background: rgba(93, 78, 163, 0.9);}

div#espacios { margin-top: 100px; margin-bottom: 80px; }
div#espacios .row { margin-left: auto; margin-right: auto; }
div#espacios img { margin: 0 auto; display: table; }
div#espacios img { -webkit-transition: 0.7s all; transition: 0.7s all; -webkit-transform: scale(1); transform: scale(1); }
div#espacios img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }

div#mapa svg { width: 1000px; height: 680px; margin: 0 auto; display: table; }
div#mapa { background: #f4f3f2; padding-top: 50px; padding-bottom: 50px; }
button.to-contact-form { -webkit-transition: 0.5s; transition: 0.5s; margin: 0 auto; display: table; border: none; background: #a57c37; color: white; font-family: 'Bodoni-Book'; font-size: 27px; text-transform: uppercase; letter-spacing: 3px; padding: 5px 20px; margin-top: 20px; border: 2px solid; }
button.to-contact-form:hover { color: #a57c37; background: white; }

div#about img { width: 100%; }

div#gallery { text-align: center; }
div#gallery h3 span { background: white; padding: 0px 20px; position: relative; z-index: 1; }
div#gallery h3 { position: relative; }
div#gallery h3:before { content: ""; position: absolute; left: 0px; width: 100%; height: 2px; background: #a57c37; top: 50%; }
div#gallery .photos img { margin-bottom: 30px; width: 100%; }
div#gallery .title { margin-top: 50px; margin-bottom: 50px; }
div#gallery .photos .col-md-6:nth-child(odd) { padding-right: 15px; }
div#gallery .photos .col-md-6:nth-child(even) { padding-left: 15px; }
div#gallery .content-text p { max-width: 600px; margin: 20px auto 50px; display: table; }

div#spaces { height: 500px; position: relative; background: #efeeec; }
div#spaces div#carouselSpaces { position: absolute; top: 0px; left: 0px; width: 100%; }
div#spaces .row, div#spaces .col-md-12, div#spaces div#carouselSpaces, div#spaces div#carouselSpaces .carousel-inner, div#spaces div#carouselSpaces .carousel-item { height: 100%; }
div#spaces div#carouselSpaces img.play-button { width: 100px; height: 100px; position: absolute; top: 50%; left: calc(50% - 100px); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

div#spaces div#carouselSpaces .carousel-item { background-size: cover;background-position: center center;background-repeat: no-repeat; }

div#spaces .carousel-navigation-and-text { position: absolute; z-index: 1; text-align: center; width: 400px; top: 50%; right: 150px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
div#spaces .carousel-navigation-and-text .text { background: white; padding: 40px; }
div#spaces .carousel-navigation-and-text h3 { font-size: 33px; }
div#spaces .carousel-navigation-and-text .arrows { position: relative; margin-top: 20px; }
div#spaces .carousel-navigation-and-text .arrows button { position: relative; background: #ededee; display: inline-block; width: 50px; height: 50px; }
div#spaces .carousel-navigation-and-text .arrows { position: relative; margin-top: 20px; }
div#break-cvid { background: #efeeec; padding-top: 50px; padding-bottom: 50px; }
div#break-cvid h3 { font-size: 40px; text-align: center; }
div#break-cvid h3 span { display: block; }
div#break-cvid .gold { margin: 30px auto 0; display: table; background: #a37c34; color: white; padding: 20px; max-width: 500px; text-align: center; }
div#break-cvid .gold p { color: white; }
div#break-cvid p.small.gold-text { text-align: center; color: #a37c34; margin-top: 10px; }
div#break-cvid img.logo-epe { margin: 50px auto 0; display: table; width: 150px; height: 75px; }

@media screen and (max-width: 1199px){
	div#spaces div#carouselSpaces img.play-button { left: 30%; }
}

@media screen and (max-width: 1100px){
	div#mapa svg { width: 700px; height: 477px; }
}

@media screen and (max-width: 991px){
	/*div.principal-slider p.disclaimer {font-size: 9px !important;width: 200px;right: -194px;bottom: 23px;}*/
	div.principal-slider { margin-top: 67px; height: calc(100% - 67px); }
	div.principal-slider p.disclaimer { -webkit-transform: rotate(0deg); transform: rotate(0deg); bottom: 5px; right: 10px; font-size: 8px !important; width: 150px; }
	div#carouselPrincipalSlider .absolute-text { top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
	div#carouselPrincipalSlider .scroll-to-next, div#carouselPrincipalSlider .carousel-indicators { left: 40px; }
	div#carouselPrincipalSlider .scroll-to-next img {width: 25px;}
	div#carouselPrincipalSlider .absolute-text { text-shadow: 1px 1px 1px black; }
	div#mapa svg { width: 100%; height: auto !important; }

}

@media screen and (max-width: 900px){
	div#spaces .carousel-navigation-and-text { position: relative; z-index: 1; text-align: center; width: 400px; top: unset; right: unset; -webkit-transform: unset; transform: unset; margin: 0 auto; margin-top: -40px; }
	div#spaces { height: auto; }
	div#spaces .col-md-12 { padding: 0px; }
	div#spaces div#carouselSpaces { position: relative; height: 300px; }
	div#spaces div#carouselSpaces img.play-button { left: 50%; width: 80px; height: 80px; }
	div#spaces .carousel-navigation-and-text .arrows { display: none; }	
}

@media screen and (max-width: 768px){
	h2, h3 { font-size: 35px; }
}

@media screen and (max-width: 600px){
	div#carouselPrincipalSlider .absolute-text { width: 90%; text-align: center; top: 38%; bottom: unset; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  }
	div#carouselPrincipalSlider .carousel-indicators { bottom: 0px; left: 10px; }
	div#carouselPrincipalSlider .scroll-to-next img { width: 16px; height: 35px; }
	
	button.to-contact-form { font-size: 23px; }

	div#spaces .carousel-navigation-and-text { width: 90%; }

	div#break-cvid h3 { font-size: 30px; }
}

@media screen and (max-width: 500px){
	button.to-contact-form { font-size: 19px; }
}