@import url(font/stylesheet.css);

body {background: white;font-size: 12px;font-family: aeonikregular;}
a {text-decoration: none;}
a:hover{text-decoration: none;}

.toper{margin-top: 200px;}

.menu-1{display: block;}
.menu-2{display: none;}

.clear { clear: both; }
.dn{display: none;}
.msg{color: #000;font-size: 1.2em;}
.bv-form .help-block {color: red;font-size: 1.0em;}
.ap-desk{display: inline-block;}
.ap-movil{display: none;}

.btn-top{font-size: 3.2em;color: #fff;position: fixed;bottom: 30px;right: 20px;z-index: 9;padding: 0px 10px;background-color: #554c29;border-radius: 30px;cursor: pointer;border: 1px solid #fff;}

/* STYLE ACCORDION */
.accordion {width: 100%;max-width: 1080px;height: 450px;overflow: hidden;margin: 50px auto;}
.accordion ul {width: 100%;display: table;table-layout: fixed;margin: 0;padding: 0;}
.accordion ul li {display: table-cell;vertical-align: bottom;position: relative;width: 25%;height: 450px;background-repeat: no-repeat;background-position: center center;transition: all 500ms ease;}
.accordion ul li div {display: block;overflow: hidden;width: 100%;}
.accordion ul li div a {display: block;height: 450px;width: 100%;position: relative;z-index: 3;vertical-align: bottom;padding: 15px 20px;box-sizing: border-box;color: #fff;text-decoration: none;font-family: Open Sans, sans-serif;transition: all 200ms ease;}
.accordion ul li div a * {opacity: 0;margin: 0;width: 100%;text-overflow: ellipsis;position: relative;z-index: 5;white-space: nowrap;overflow: hidden;-webkit-transform: translateX(-20px);transform: translateX(-20px);-webkit-transition: all 400ms ease;transition: all 400ms ease;}
.accordion ul li div a h2 {font-family: Montserrat, sans-serif;text-overflow: clip;font-size: 24px;text-transform: uppercase;margin-bottom: 2px;top: 160px;}
.accordion ul li div a p {top: 160px;font-size: 13.5px;}
.accordion ul li:nth-child(1) { background-image: url("../img/hc_h_img111.jpg"); }
.accordion ul li:nth-child(2) { background-image: url("../img/hc_h_img211.jpg"); }
.accordion ul li:nth-child(3) { background-image: url("../img/hc_h_img311.jpg"); }
.accordion ul li:nth-child(4) { background-image: url("../img/hc_h_img411.jpg"); }

.accordion ul:hover li { width: 8%; }
.accordion ul:hover li:hover { width: 60%; }
.accordion ul:hover li:hover a { background: rgba(0, 0, 0, 0.4); }
.accordion ul:hover li:hover a * {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}


.fa-bars{display: none;}
header{background-color: rgb(255,255,255,0.8);overflow: hidden;padding: 10px 0 0;position: fixed;top: 0;width: 100%;z-index: 99;}
header .logo{margin: auto auto;}
header .logo img{width: 100%;}
header .btn-reserva{text-align: right;padding-top: 20px;}
header .btn-reserva span{border: 2px solid #554c29;padding: 10px 15px;font-size: 1.8em;text-transform: uppercase;transition: all .2s ease-in-out;}
header .btn-reserva a{color: #554c29;}
header .btn-reserva a:hover span{background-color: #554c29;color: #fff;}
header .menu{padding-top: 5px;}
header .menu ul{list-style: none;padding: 0;margin-top: 20px;float: right;}
header .menu ul li{padding-bottom: 10px;font-size: 1.6em;font-family: aeonikregular;text-align: center;float: left;border-bottom: 3px solid transparent;margin: 0 20px;}
header .menu ul li:hover{border-bottom: 3px solid #554c29;}
header .menu ul li a{color: #554c29;}
header .menu ul li a:hover{color: #554c29;}
header .menu ul li.active{border-bottom: 3px solid #554c29;}

.h-bloq1{background: url(../img/hc_h_bg.jpg) center top no-repeat;background-size: cover;padding-top: 1200px;padding-bottom: 0px;}
.h-bloq1 h3{text-align: center;color: #fff;font-family: aeoniklight;}
.h-bloq1 img{position: relative;transition: all .2s ease-in-out;}
.h-bloq1 img:hover{transform: scale(1.1);z-index: 9;}

.h-bloq2{padding: 60px 0;overflow: hidden;background: url(../img/hc_h_bg22.png) left top no-repeat;background-size: auto 100%;}
.h-bloq2.bg2{background: url(../img/hc_h_bg2.png) right top no-repeat;background-size: auto 100%;}
.h-bloq2 h3{color: #554c29;margin-top: 10px;font-family: aeonikblack;font-size: 3.2em;}
.h-bloq2 h3 span{text-transform: uppercase;margin-left: -80px;background-color: #fff;padding: 0 30px;}
.h-bloq2 h4{color: #554c29;font-size: 2.2em;font-family: aeoniklight;}
.h-bloq2 p{font-size: 1.4em;color: #554c29;text-align: justify;margin-left: 30px;}
.h-bloq2 img{width: 100%;}
.h-bloq2 .image2 img{position: absolute;bottom: 0;right: 0;}
.h-bloq2 .bloq-table{margin-top: 30px;}
.h-bloq2 tr td{color: #554c29;font-size: 1.2em;font-family: aeonikregular;vertical-align: middle;text-align: center;}
.h-bloq2 tr th{color: #fff;font-size: 1.2em;font-family: aeoniklight;vertical-align: middle;text-align: center;background-color: #5a4d24;}
.h-bloq2 .imagen-bottom p{text-align: center;}

.h-bloq2 .bg1{background: url(../img/hc_h_img3.png) right bottom no-repeat;background-size: 30% auto;}
.h-bloq2 .bg2{background: url(../img/hc_h_img7.png) right bottom no-repeat;background-size: 40% auto;}
.h-bloq2 .bg3{background: url(../img/hc_h_img12.png) right bottom no-repeat;background-size: 50% auto;}
.h-bloq2 .bg4{background: url(../img/hc_h_img14.png) right bottom no-repeat;background-size: 50% auto;}

.h-bloq3{padding: 60px 0;overflow: hidden;background: url(../img/hc_h_bg2.png) right top no-repeat;background-size: auto 100%;}
.h-bloq3 h3{color: #554c29;text-transform: uppercase;font-size: 4.4em;font-family: aeonikblack;}
.h-bloq3 p{font-size: 1.6em;color: #554c29;text-align: justify;}

.h-bloq4{padding: 60px 0;overflow: hidden;background: url(../img/hc_h_bg2.png) right top no-repeat;background-size: auto 100%;}
.h-bloq4 h3{color: #554c29;text-transform: uppercase;font-size: 4.4em;font-family: aeonikblack;margin-bottom: 0;}
.h-bloq4 h4{color: #554c29;font-size: 2.4em;font-family: aeoniklight;margin-bottom: 30px;}
.h-bloq4 h3.second{margin-left: 60px;}
.h-bloq4 h4.second{text-transform: uppercase;margin-left: 90px;}
.h-bloq4 p{font-size: 1.6em;color: #554c29;text-align: justify;}
.h-bloq4 tr td{color: #554c29;font-size: 1.1em;font-family: aeonikregular;vertical-align: middle;}
.h-bloq4 tr th{color: #554c29;font-size: 1.1em;font-family: aeoniklight;vertical-align: middle;text-transform: uppercase;text-align: right;}
.h-bloq4 .table-bordered td, .table-bordered th {border: 1px solid #584b22;}
.h-bloq4 tr.ubication:hover{background-color: #554c29;cursor: pointer;}
.h-bloq4 tr.ubication:hover td{color: #fff;}
.h-bloq4 tr.ubication.m-hide{display: none;}
#map{height: 600px;width: 100%;}

.h-bloq5 img{width: 100%;padding-bottom: 20px;}
.h-bloq5 .card-container {perspective: 700px;}
.h-bloq5 .card-container .card{border: 0px solid rgba(0,0,0,.125);}
.h-bloq5 .card-container .card-flip, .card-container {transform-style: preserve-3d;transition: all 0.7s ease;}
.h-bloq5 .card-container .card-flip div {backface-visibility: hidden;transform-style: preserve-3d;}
.h-bloq5 .card-container:hover .card-flip {transform: rotateY(180deg);}
.h-bloq5 .card-container .card-flip {display: grid; grid-template: 1fr / 1fr;grid-template-areas: "frontAndBack";transform-style: preserve-3d;transition: all 0.7s ease;}
.h-bloq5 .card-container .card-flip .front {border-radius: 5px;grid-area: frontAndBack;}
.h-bloq5 .card-container .card-flip .front img{width: 100%;}
.h-bloq5 .card-container .card-flip .back {padding: 30px;border-radius: 5px;background-color: #544b28;grid-area: frontAndBack;transform: rotateY(-180deg);}
.h-bloq5 .card-container .card-flip .back p{text-align: center;color: #fff;font-family: aeonikregular;font-size: 1.4em;margin: auto auto;}


.h-bloq6 img{width: 100%;}

/* ROOMS */
.r-bloq1{padding: 60px 0;overflow: hidden;background: url(../img/hc_h_bg22.png) left top no-repeat;background-size: auto 100%;}
.r-bloq1 h3{color: #554c29;margin-bottom: -40px;font-family: aeonikblack;font-size: 3.2em;text-align: center;position: relative;z-index: 9;}
.r-bloq1 h3 span{text-transform: uppercase;background-color: #fff;padding: 0 30px;}
.r-bloq1 img{width: 100%;}
.r-bloq1 .text{margin-top: -120px;}
.r-bloq1 p{font-size: 1.4em;color: #554c29;text-align: justify;margin-bottom: 10px;}

.r-bloq2{padding: 60px 0;overflow: hidden;background: url(../img/hc_h_bg2.png) right top no-repeat;background-size: auto 100%;}
.r-bloq2 h3{color: #554c29;margin-top: 10px;font-family: aeonikblack;font-size: 3.2em;text-align: left;margin-bottom: 30px;}
.r-bloq2 h4{color: #554c29;font-size: 2.2em;font-family: aeoniklight;}
.r-bloq2 p{font-size: 1.4em;color: #554c29;text-align: justify;margin-bottom: 60px;}

.r-bloq3{padding: 60px 0;overflow: hidden;background: url(../img/hc_h_bg22.png) left top no-repeat;background-size: auto 100%;}
.r-bloq3 h3{color: #554c29;margin-top: 10px;font-family: aeonikblack;font-size: 3.2em;text-align: left;margin-bottom: 30px;}
.r-bloq3 tr td{color: #554c29;font-size: 1.6em;font-family: aeoniklight;vertical-align: middle;text-align: left;padding: 0;}
.r-bloq3 .text{margin: auto auto;}
.r-bloq3 ul.rooms{margin: 0;padding: 0;list-style: none;position: absolute;bottom: 30px;left: -60px;}
.r-bloq3 ul.rooms li{margin: 10px 0;cursor: pointer;}
.r-bloq3 ul.rooms li img{width: 150px;border: 4px solid transparent;}
.r-bloq3 ul.rooms li.active img{border: 4px solid #554c29;}
#roomsPhotos1{position: relative;}
.r-bloq3 p{font-size: 1.6em;color: #554c29;text-align: center;margin-bottom: 0px;font-family: aeoniklight;}
.r-bloq3 .btn-reserva{margin-top: 60px;}
.r-bloq3 .btn-reserva span{border: 2px solid #554c29;padding: 10px 15px;font-size: 1.0em;text-transform: uppercase;transition: all .2s ease-in-out;}
.r-bloq3 .btn-reserva a{color: #554c29;}
.r-bloq3 .btn-reserva a{color: #554c29;}
.r-bloq3 .btn-reserva a:hover span{background-color: #554c29;color: #fff;}
.r-bloq3.bg2{background: url(../img/hc_h_bg2.png) right top no-repeat;background-size: auto 100%;}

/* GASTRO */
.g-bloq1{padding: 60px 0;overflow: hidden;background: url(../img/hc_h_bg2.png) right center no-repeat;background-size: auto auto;}
.g-bloq1 img{width: 100%;margin-bottom: 25px;}

/* Experiencias */
.e-bloq0{padding: 0px 0;overflow: hidden;}
.e-bloq0 img{width: 100%;}
.e-bloq1{padding: 60px 0;overflow: hidden;background: url(../img/hc_h_bg2.png) right top no-repeat;background-size: auto 100%;}
.e-bloq1 img{width: 100%;margin-bottom: 25px;}

.e-bloq2{padding: 30px 0;overflow: hidden;background: url(../img/hc_h_bg22.png) left top no-repeat;background-size: auto 100%;}
.e-bloq2 .text{margin-bottom: -180px;position: relative;z-index: 9;}
.e-bloq2 h3{color: #554c29;margin-top: 10px;font-family: aeonikblack;font-size: 3.2em;}
.e-bloq2 h3 span{text-transform: uppercase;margin-left: -80px;background-color: #fff;padding: 0 30px;}
.e-bloq2 h4{color: #554c29;font-size: 2.2em;font-family: aeoniklight;}
.e-bloq2 p{font-size: 1.4em;color: #554c29;text-align: justify;margin-left: 30px;}
.e-bloq2 img{width: 100%;}


.contact-bloq{padding: 30px 0;overflow: hidden;}
.contact-bloq h3{color: #554c29;margin-top: 10px;font-family: aeonikblack;font-size: 2.8em;text-transform: uppercase;text-align: center;}

#frm-contact{margin-top: 30px;}
#frm-contact label{font-family: aeoniklight;font-size: 1.4em;}
#frm-contact textarea{resize: none;}
#frm-contact button{background-color: #554c29;font-size: 2.0em;color: #fff;border: 0;padding: 5px 20px;}

/* PRIVACY */
.pr-bloq1{padding: 30px 0;}
.pr-bloq1 h3{color: #554c29;font-family: aeonikblack;font-size: 2.8em;text-align: center;}
.pr-bloq1 h4{color: #554c29;font-size: 1.6em;font-family: aeoniklight;}
.pr-bloq1 p{font-size: 1.2em;color: #554c29;text-align: justify;}
.pr-bloq1 li{font-size: 1.2em;color: #554c29;text-align: justify;}
.pr-bloq1 p.tac{text-align: center;}

footer{background-color: #554c29;padding: 30px 0;}
footer p{text-align: center;color: #FFFFFF;font-size: 1.4em;margin-bottom: 0;font-family: aeoniklight;}
footer p span{margin: 0 30px;}
footer p i{font-size: 2.4em;margin: 0 5px;}
footer p a{color: #fff;}
footer p a:hover{color: #fff;}

@media only screen and (min-width: 2560px){

}

@media only screen and (max-width: 1600px){

}

@media only screen and (max-width: 1440px){
	.h-bloq1{padding-bottom: 0px;}
}

@media only screen and (max-width: 1366px){

}

@media only screen and (max-width: 1024px){

	.r-bloq3 ul.rooms{left: -30px;}
}

@media (min-width: 1081px) and (max-width: 1199px) {

}

@media (min-width: 992px) and (max-width: 1080px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	header .menu-1 .menu ul li {font-size: 1.4em;margin: 0 10px;}
	header .menu-2 .menu ul li {font-size: 1.2em;margin: 0 5px;}

	header .menu-2 .btn-reserva span {font-size: 1.0em;padding: 10px 8px;}


	.h-bloq1 .btn-carousel-next{left: -20px;}
	.h-bloq1 .btn-carousel-prev{right: -20px;}

	.h-bloq2 {padding: 30px 0;}
	.h-bloq2 .image2{text-align: center;}
	.h-bloq2 .image2 img{position: relative;bottom: 0;right: 0;width: auto;}
	.h-bloq2 h3 span{margin-left: -80px;}
	.h-bloq2 p {margin-left: 0px;}
	.h-bloq2 .bg1{background: none;}

	.h-bloq3 {padding: 30px 0;}
	.h-bloq4 {padding: 30px 0;}
	.h-bloq5 img{padding: 10px;}
	.h-bloq5 .card-container .card-flip .back {padding: 5px;}
	.h-bloq5 .card-container .card-flip .back p {font-size: 1.0em;}

	#map{height: 400px;width: 100%;}

	.r-bloq1 {padding: 30px 0;}
	.r-bloq2 {padding: 30px 0;}
	.r-bloq3 {padding: 30px 0;}
	.r-bloq3 ul.rooms{display: none;}

	.e-bloq2 .text {margin-bottom: -120px;}

	.h-bloq2 .bg2 {background-size: 30% auto;}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.fa-bars{font-size: 4.4em;cursor: pointer;display: block;padding-top: 5px;color: #554c29;float: right;}
	header {padding: 10px 0 10px;}
	header .logo{padding: 0 40px 0px;}
	header .btn-reserva{text-align: center;}
	header .menu{text-align: center;margin-top: 10px;}
	header .menu ul{display: none;margin: 0;padding: 0;width:100%;overflow: hidden;background-color: #554c29;}
  header .menu ul li{float: none;width:100%;margin: 0;padding: 5px 0px;font-size: 1.4em;}
  header .menu ul li ul {display:none;position: relative;width: 100%;left: 0;}
  header .menu ul li ul li {background-color: transparent;width: 100%;text-align: center;}
  header .menu ul li:hover{border-bottom: 2px solid transparent;}
  header .menu ul li:hover > ul{display: none;}
  header .menu ul li a{color: #fff;}
	header .menu ul li a:hover{color: #fff;}

	header .logo img {width: 70%;}

	.h-bloq2 {padding: 30px 0;background: none;}
	.h-bloq2 h3 span{margin: 0px;padding: 0px;background-color: transparent;}
	.h-bloq2 p{margin-left: 0px;}
	.h-bloq2 .image2 img{position: relative;bottom: 0;right: 0;}
	.h-bloq2 .bg1{background: none;}
	.h-bloq2 .bg2{background: none;}
	.h-bloq2 .bg3{background: none;}
	.h-bloq2 .bg4{background: none;}

	.h-bloq3 {padding: 30px 0;}
	.h-bloq4 {padding: 30px 0;}

	.r-bloq1 {padding: 30px 0;}
	.r-bloq1 h3{color: #554c29;margin-bottom: 0px;}
	.r-bloq1 .text{margin-top: 30px;}
	.r-bloq1 h3 span{background-color: transparent;}
	.r-bloq2 {padding: 30px 0;}
	.r-bloq2 p{margin-bottom: 30px;}
	.r-bloq3 {padding: 30px 0;}
	.r-bloq3 ul.rooms li img{width: 150px;}
	.r-bloq3 ul.rooms{display: none;}

	.e-bloq2 .text {margin-bottom: 0px;}

	.e-bloq1 {padding: 30px 0;}
	.e-bloq2 {padding: 30px 0;}

	.contact-bloq h3 {font-size: 2.4em;}

	.accordion {height: 450px;}
	.accordion ul li {height: 250px;}
	.accordion ul li div a {height: 250px;}

	.accordion { height: auto; }
	.accordion ul li,
	.accordion ul li:hover,
	.accordion ul:hover li,
	.accordion ul:hover li:hover {
	  position: relative;
	  display: table;
	  table-layout: fixed;
	  width: 100%;
	  -webkit-transition: none;
	  transition: none;
	}

	.pr-bloq1 h3 {font-size: 2.4em;}
}

@media only screen and (max-width: 479px){
	

	.menu-1{display: block;}
	.menu-2{display: none;}

	.ap-desk{display: none;}
	.ap-movil{display: inline-block;}

	.h-bloq1 {padding-top: 250px;background: url(../img/hc_h_bg.jpg) center top no-repeat;background-size: 100%;background-position-y: 100px;}
	.accordion {display: none;}

    .h-bloq1 .btn-carousel-next{display: none;}
	.h-bloq1 .btn-carousel-prev{display: none;}

	.h-bloq2 {padding: 30px 0;background: none;}
	.h-bloq2 h3{margin: 0px;}
	.h-bloq2 p{margin-left: 0px;}
	.h-bloq2 .image2 img{position: relative;bottom: 0;right: 0;}
	.h-bloq2 .bg1{background: none;}
	.h-bloq2 .bg2{background: none;}
	.h-bloq2 .bg3{background: none;}
	.h-bloq2 .bg4{background: none;}

	.h-bloq3 {padding: 30px 0;}
	.h-bloq3 h3 {font-size: 3.4em;}
	.h-bloq4 {padding: 30px 0;}
	.h-bloq4 h3 {font-size: 3.4em;}
	.h-bloq4 h4 {font-size: 2.2em;}
	.h-bloq4 h3.second{margin-left: 0px;}
	.h-bloq4 h4.second{margin-left: 0px;}
	.h-bloq5 img{padding: 10px;}
	.h-bloq5 .card-container .card-flip .back {padding: 5px;}
	.h-bloq5 .card-container .card-flip .back p {font-size: 1.0em;}

	.r-bloq1 {padding: 30px 0;}
	.r-bloq2 {padding: 30px 0;}
	.r-bloq3 {padding: 30px 0;}
	.r-bloq3 ul.rooms{display: none;}

	.e-bloq1 {padding: 30px 0;}
	.e-bloq2 {padding: 30px 0;}
	.e-bloq2 h3 span {margin-left: 0px;padding: 30px 0;}
	.contact-bloq h3 {font-size: 2.4em;}

	.h-bloq4 tr.ubication.m-hide{display: table-row;}
	.h-bloq4 table.m-table{display: none;}

	footer p.links{margin: 30px 0;}
	footer p span {display: block;}
}