/* fonts */
@import url('https://fonts.googleapis.com/css?family=Montserrat+Alternates:400,700,900|Playfair+Display:400,900&subset=latin-ext');

/* default */
*{margin:0;padding:0;border:0}
body{background-color:#fff;font-family:'Montserrat Alternates', sans-serif;font-size:14px;font-weight:400;color:#666}
a{outline:none;color:#666;text-decoration:none}

/* container */
div#container{position:relative}

/* header */
div#header{width:100%;height:100px;z-index:500}
div#header .logo{position:absolute;top:0px;z-index:220;display:block;width:231px;height:100px;background-image:url(../images/header-logo.png);background-size:231px 100px}

div#header div#main{display:none}
div#header div#menu{position:absolute;top:0;z-index:500;width:100%;text-align:center}
div#header div#menu ul{margin-left:50px;list-style:none}
div#header div#menu ul li{position:relative;display:inline-block}
div#header div#menu ul li +li{margin-left:30px}
div#header div#menu ul li a{display:block;height:95px;line-height:95px;color:#664c2e;font-size:14px;font-weight:400;text-transform:uppercase;transition:all 0.5s ease;letter-spacing:0.5px}
div#header div#menu ul li a:hover,
div#header div#menu ul li a.active{color:#e4a759}
div#header div#menu ul li a.active{font-weight:900}
div#header div#menu ul ul{position:absolute;display:none;top:100px;left:50%;margin-left:-100px;padding:10px 20px;width:180px;background-color:rgba(255,255,255,1);list-style:none;border:1px solid #eee;box-shadow:0 0 5px rgba(0,0,0,.1)}
div#header div#menu ul ul li{margin-left:0 !important}
div#header div#menu ul ul li +li{border-top:1px solid #eee}
div#header div#menu ul ul li a{display:block;padding:10px 0;width:160px;min-height:20px;height:auto;line-height:20px;font-size:12px;background-color:#fff;color:#000}
div#header div#menu ul ul li a:hover,
div#header div#menu ul ul li a.active{color:#color:rgb(225,165,90);}

div#header ul#socialmedia{position:absolute;top:35px;right:0;z-index:500;list-style:none}
div#header ul#socialmedia li{position:relative;display:inline-block}
div#header ul#socialmedia li +li{margin-left:10px}
div#header ul#socialmedia li a{display:block;height:20px;width:20px;background-size:20px 20px;opacity:0.5;transition:all 0.5s ease}
div#header ul#socialmedia li a:hover{opacity:1}
div#header ul#socialmedia li a.facebook{background-image:url(../images/icon-facebook.png)}
div#header ul#socialmedia li a.tripadvisor{background-image:url(../images/icon-tripadvisor.png)}

/* slider */
div#slider{position:relative;z-index:50;overflow:hidden;height:700px;background-color:#eee}
div#slider div.name{position:absolute;top:400px;left:calc(50% - 500px)}
div#slider div.name span{float:left;clear: both;margin-top:3px;padding:0 5px;font-size:50px;color:#fff;line-height:50px;background-color:#000;text-transform:uppercase}
div#slider img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
div#slider ul.slider{}
div#slider ul.slider li{position:relative;height:700px}

/* breadcrumbs */
div#breadcrumbs{display:none;margin-bottom:10px}
div#breadcrumbs ul{margin:0 auto;width:900px;list-style:none}
div#breadcrumbs ul li{display:inline-block;position:relative;margin-left:30px;font-size:12px;color:#aaa}
div#breadcrumbs ul li a:hover{border-bottom:1px solid #ccc;color:#ccc}
div#breadcrumbs ul li +li:before{content:'❯';position:absolute;left:-30px;width:30px;text-align:center}
div#breadcrumbs .inner{height:50px;line-height:50px;background-color:#f5f5f5}

/* content */
div#content{position:relative;z-index:100}
div#content p +p{margin-top:20px}
div#content ul.album{overflow:hidden;margin:0;margin-top:50px;list-style:none}
div#content ul.album li{float:left;margin:5px;width:calc(25% - 10px)}
div#content ul.album li a img{display:block;width:100%}
div#content ul.files{margin-left:0 !important;border-top:1px solid #eee;list-style:none}
div#content ul.files li{position:relative;display:block;padding:15px 150px 15px 0;border-bottom:1px solid #eee}
div#content ul.files li a{position:absolute;top:50%;right:0;margin-top:-13px;width:140px;height:24px;line-height:24px;border:1px solid #ee0000;color:#ee0000;font-size:12px;text-align:center;text-transform:uppercase;letter-spacing:2px}
div#content ul.files li a:hover{background-color:#ee0000;color:#fff}
div#content a.url{font-weight:bold;color:rgb(5,75,165)}
div#content table{margin-top:10px;margin-bottom:10px;width:100%;border-collapse:separate;border-spacing:0}
div#content table th{padding:10px;background-color:#eee;color:#000;font-weight:700}
div#content table td{padding:20px 0;border-bottom:1px solid #eee;text-align:left}
div#content table.price{margin:0 auto;margin-top:50px;width:80%}
div#content table.price td:nth-child(n+2){text-align:right;font-size:20px}
div#content table.price td span{display:block;color:#999}

div#content label.error{position:absolute;top:0;right:0;display:block;width:300px;height:29px;line-height:29px;border-bottom:1px solid #ee0000;color:#ee0000}
div#content input[type=text],
div#content input[type=file],
div#content input[type=password],
div#content select,
div#content textarea{padding:0 5px;width:calc(100% - 10px);height:30px;line-height:30px;border-bottom:1px solid #ccc;background-color:#fff;font-family:'Lato';font-size:14px}
div#content textarea{height:240px}
div#content input[type=submit]{cursor:pointer;font-family:'Lato';font-size:14px;background-color:transparent}

div#content div.top{position:relative;overflow:hidden;height:500px;background-color:#000}
div#content div.top .photo{position:absolute;top:0;left:calc(50% - 300px);width:calc(50% + 300px);height:100%;background-size:cover;background-position:center center}
div#content div.top .photo:after{content:'';position:absolute;top:0;left:0;width:300px;height:100%;background-color:rgba(0,0,0,.5)}
div#content div.top .header{position:absolute;bottom:50px;left:calc(50% - 500px);z-index:100;width:300px;font-size:60px;line-height:50px;text-align:left}

div#content div.map{position:relative;overflow:hidden;margin:50px 0;height:700px}
div#content div.map #map{position:absolute;top:0;left:calc(50% - 200px);width:calc(50% + 200px);height:100%}

div#content div.list.inline{float:left;margin:25px;width:calc(50% - 50px)}
div#content div.list.inline .image{margin-bottom:20px;border-bottom:3px solid #e5e5e5}
div#content div.list.inline .image img{width:100%}
div#content div.list.inline h2{height:40px;line-height:20px;font-size:16px;text-align:center}
div#content div.list.inline .button{margin:0 auto}

div#content div.list.block{overflow:hidden;margin:0 auto;width:1000px;clear:left}
div#content div.list.block +.block{margin-top:50px}
div#content div.list.block .image{float:left;width:500px}
div#content div.list.block .image img{width:100%}
div#content div.list.block .description{float:left;padding:50px;width:400px}
div#content div.list.alternately:nth-child(2n) .image{float:right}

div#content div.list .header{margin-bottom:20px}
div#content div.list p{margin-bottom:20px;color:#999}

div#content div.form{margin:0 auto;margin-bottom:100px;width:600px;padding:50px;border:2px solid #eee}
div#content div.form dl +dl{margin-top:20px}
div#content div.form dl dt{float:left;font-weight:700}
div#content div.form dl dd{margin-left:150px;position:relative}
div#content div.form dl dd div input[type=text]{margin-bottom:10px}
div#content div.form h3{margin-top:50px;margin-bottom:20px;padding:5px;background-color:#f5f5f5;border-bottom:1px solid #e5e5e5;color:#999;font-weight:400}
div#content div.form p{text-align:center;margin-bottom:50px;color:#000}
div#content div.form div.rule{margin:20px 0;padding:20px;border:1px solid #eee;background-color:#fff}
div#content div.form div.rule{margin:20px 0;padding:20px;border:1px solid #eee;background-color:#fff}
div#content div.form div.rule ol{padding-left:20px;}
div#content div.form div.buttons{margin-top:20px}
div#content div.form .button{margin-top:20px}

div#content div.welcome{position:relative;z-index:400;margin-top:-100px;padding:150px 0 50px 0;width:1000px;border:5px solid rgba(225,165,90,.8)}
div#content div.welcome .header{font-size:40px}
div#content div.welcome p{margin:0 auto;width:400px;font-size:14px;text-align:center}

div#content div.inn{overflow:hidden;position:relative;padding:100px 0}
div#content div.inn img{float:left}
div#content div.inn div{float:left;width:400px;height:400px;border-left:100px solid #f0ede9}
div#content div.inn div p{margin:50px 0 0 -50px;line-height:22px}

div#content div.offer{overflow:hidden;padding:50px 0;background-color:#eee8df}
div#content div.offer ul{margin:0 auto;width:750px;list-style:none}
div#content div.offer ul li{float:left;margin:25px;font-size:16px;text-align:center}
div#content div.offer ul li:nth-child(n+4){border-top:1px solid rgba(255,255,255,.5)}
div#content div.offer ul li a{display:block;width:200px}
div#content div.offer ul li a img{display:block;margin:0 auto;width:100px}

div#content div.specialoffer{overflow:hidden;padding:75px 0}
div#content div.specialoffer ul{margin:0 auto;width:100%;max-width:1400px;list-style:none}
div#content div.specialoffer ul li{float:left;margin:25px;width:calc(33.333333% - 50px)}
div#content div.specialoffer ul li a{position:relative;display:block;width:100%;transition:all 0.5s ease}
div#content div.specialoffer ul li a img{display:block;width:100%}
div#content div.specialoffer ul li a div{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 100px);height:calc(100% - 100px);border:5px solid rgba(165,110,40,.8);background-color:rgba(80,55,20,.8);color:#fff}
div#content div.specialoffer ul li a div strong{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,0);width:200px;font-weight:900;font-size:20px;text-align:center}
div#content div.specialoffer ul li a div strong:before{content:'';display:block;position:absolute;top:-50px;left:50%;margin-left:-20px;width:40px;height:40px;background-image:url(../images/specialoffer-rosette.png)}
div#content div.specialoffer ul li a div span{display:block;position:absolute;top:20%;left:50%;transform:translate(-50%,0);width:100px;font-weight:400;font-size:15px;text-align:center;text-transform:uppercase}
div#content div.specialoffer ul li a:hover div{display:block}

div#content div.news{overflow:hidden;padding:100px 0;background-color:#e9e9e9}
div#content div.news .inner{width:900px}
div#content div.news .item{float:left;width:400px}
div#content div.news .item +.item{margin-left:100px}
div#content div.news .item h2{margin-bottom:20px;height:60px;line-height:30px;font-weight:900}
div#content div.news .item h2 a{color:#052d87}
div#content div.news .item p{margin-bottom:50px}
div#content div.news .item .date{margin-bottom:20px;font-weight:400;color:#999}

div#content div.item{margin:0 auto;margin-top:50px;margin-bottom:50px;width:800px;font-size:14px;line-height:20px}
div#content div.item h2{margin-top:50px}
div#content div.item ul,
div#content div.item ol{margin-left:20px;margin-bottom:20px}
div#content div.item cite{display:block;margin:0 auto;width:300px;font-family:'Playfair Display', serif;font-size:15px;color:#000}

div#content div.col{float:left;width:calc(50% - 50px)}
div#content div.col +div.col{margin-left:100px}


/* footer */
div#footer{position:relative;z-index:150;overflow:hidden;background:url(../images/footer-bg.jpg) no-repeat center bottom #3b3126}
div#footer ul{list-style:none}
div#footer ul li{position:relative}
div#footer ul.main{text-align:center}
div#footer ul.main li{display:inline-block}
div#footer ul.main li +li{margin-left:30px}
div#footer ul.main li a{color:rgba(255,255,255,.5);text-transform:uppercase}
div#footer ul.contact{overflow:hidden;margin:0 auto;padding:100px 0;width:900px}
div#footer ul.contact li{float:left;margin:25px;width:250px;color:#fff;line-height:25px}
div#footer ul.contact li img{display:block;margin:0 auto;margin-bottom:50px;width:50px}
div#footer ul.contact li a{color:#fff}
div#footer .inner{padding-top:50px}
div#footer .copyright{padding:50px 0;border-top:1px solid rgba(255,255,255,.2);text-align:center;text-transform:uppercase;letter-spacing:1px}
div#footer .copyright,
div#footer .copyright a{color:#999}

/* privacy */
div#privacy{position:fixed;bottom:50px;right:50px;z-index:1000;width:300px;padding:50px;background-color:rgba(0,0,0,.8);color:#fff}
div#privacy p{line-height:20px}
div#privacy p a{color:#fff;border-bottom:1px dotted #fff}
div#privacy p a:hover{color:#fff}
div#privacy .close{display:block;position:absolute;right:20px;top:20px;height:20px;width:20px;background:url(../images/privacy-close.png) no-repeat center center}

/* other */
.more{display:inline-block;position:relative;height:40px;line-height:40px;color:#000;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all 0.5s ease}
.more.line{margin-left:150px}
.more.line:before{content:'';position:absolute;top:18px;left:-150px;width:100px;height:4px;background-color:rgba(0,0,0,.3)}
.more.line:hover::before{background-color:rgba(0,0,0,1)}
.button{display:inline-block;height:30px;line-height:30px;color:#000;font-family:'Barlow Condensed', sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:2px;transition:all 0.5s ease}
.break{float:none;clear:left}
.break.border{border-bottom:1px solid #ccc}
.mt50{margin-top:50px}
.mb50{margin-bottom:50px}
.center{text-align:center}
.right{text-align:right}
.justify{text-align:justify}
.header{margin-bottom:50px;font-family:'Playfair Display', serif;font-size:30px;font-weight:900;color:rgb(225,165,90);line-height:25px;text-align:center}
.inner{position:relative;margin:0 auto;width:100%;max-width:1000px}

/* min-width: 1100px */
@media screen and (min-width: 1000px) {
}

/* max-width: 1100px */
@media screen and (max-width: 1100px) {
div#container .inner{width:100%}

div#header .logo{left:50%;margin-left:-115px}

div#header div#main{display:block;position:absolute;top:38px;right:20px}
div#header div#main span{display:block;width:25px;height:3px;background-color:#ccc}
div#header div#main span +span{margin-top:3px}
div#header div#main:hover span{background-color:#000}
div#header div#menu{display:none;position:absolute;top:100px;height:auto;}
div#header div#menu ul{width:100%}
div#header div#menu ul li{display:block;text-align:left}
div#header div#menu ul li +li{margin-left:0}
div#header div#menu ul li a{display:block;height:auto;line-height:40px;text-indent:20px;background-color:#000}
div#header div#menu ul ul{position:relative;top:0;left:0;margin-left:0;width:calc(100% - 42px);display:block}
div#header div#menu ul ul li{margin-left:0 !important}
div#header div#menu ul ul li +li{border-top:1px solid #eee}
div#header div#menu ul ul li a{display:block;width:100%;height:20px;line-height:20px;color:#000;text-indent:0}
div#header div#menu ul ul li a:hover,
div#header div#menu ul ul li a.active{color:#ee0000}

div#slider{height:400px;background-color:#eee}
div#slider div.name{position:absolute;top:300px;left:calc(50% - 500px)}
div#slider ul.slider li{position:relative;height:400px}

div#breadcrumbs ul{width:100%}

div#content div.news{padding:50px 20px}
div#content div.news .inner{width:100%}
div#content div.news .item{float:none;width:100%}
div#content div.news .item +.item{margin-left:0;margin-top:50px}

div#content div.welcome{width:90%}
div#content div.welcome .header{font-size:30px}
div#content div.welcome p{width:80%}

div#content div.inn{overflow:hidden;position:relative;padding:100px 0}
div#content div.inn img{float:left;width:100%}
div#content div.inn div{float:left;width:calc(100% - 150px);height:auto;border-left:100px solid #f0ede9}
div#content div.inn div p{margin:50px 0 50px -50px;line-height:22px}

div#content div.offer ul{width:100%;}
div#content div.offer ul li{float:left;margin:25px;font-size:16px;text-align:center}
div#content div.offer ul li:nth-child(n+4){border-top:1px solid rgba(255,255,255,.5)}
div#content div.offer ul li a{display:block;width:200px}
div#content div.offer ul li a img{display:block;margin:0 auto;width:100px}

div#content div.specialoffer{overflow:hidden;padding:75px 0}
div#content div.specialoffer ul{margin:0 auto;width:100%;max-width:500px;list-style:none}
div#content div.specialoffer ul li{float:left;margin:25px;width:calc(100% - 50px)}
div#content div.specialoffer ul li a{position:relative;display:block;width:100%;transition:all 0.5s ease}
div#content div.specialoffer ul li a img{display:block;width:100%}
div#content div.specialoffer ul li a div{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 100px);height:calc(100% - 100px);border:5px solid rgba(165,110,40,.8);background-color:rgba(80,55,20,.8);color:#fff}
div#content div.specialoffer ul li a div strong{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,0);width:200px;font-weight:900;font-size:20px;text-align:center}
div#content div.specialoffer ul li a div strong:before{content:'';display:block;position:absolute;top:-50px;left:50%;margin-left:-20px;width:40px;height:40px;background-image:url(../images/specialoffer-rosette.png)}
div#content div.specialoffer ul li a div span{display:block;position:absolute;top:20%;left:50%;transform:translate(-50%,0);width:100px;font-weight:400;font-size:15px;text-align:center;text-transform:uppercase}
div#content div.specialoffer ul li a:hover div{display:block}

div#content div.item{padding:20px;width:calc(100% - 40px)}

div#footer ul.main{text-align:center}
div#footer ul.main li{display:block}
div#footer ul.main li +li{margin-left:0px}
div#footer ul.main li a{height:30px;line-height:30px;color:rgba(255,255,255,.5);text-transform:uppercase}
div#footer ul.contact{overflow:hidden;margin:0 auto;padding:100px 0;width:300px}
div#footer ul.contact li{float:none;margin:25px;width:250px;color:#fff;line-height:25px}
div#footer ul.contact li img{display:block;margin:0 auto;margin-bottom:50px;width:50px}
div#footer ul.contact li a{color:#fff}
div#footer .inner{padding-top:50px}
div#footer .copyright{padding:50px 0;border-top:1px solid rgba(255,255,255,.2);text-align:center;text-transform:uppercase;letter-spacing:1px}
div#footer .copyright,
div#footer .copyright a{color:#999}

div#content div.top{height:300px}
div#content div.top .photo{position:absolute;top:0;left:0;width:100%}
div#content div.top .photo:after{content:'';display:none}
div#content div.top .header{position:absolute;bottom:-50px;left:20px;color:#fff;width:auto;font-size:60px;line-height:50px;text-align:left}
}

/* max-width: 600px */
@media screen and (max-width: 600px) {
div#header .logo{top:20px;left:20px;margin-left:0;width:139px;height:60px;background-size:139px 60px}
div#header ul#socialmedia{top:35px;right:70px}

div#content div.offer{margin:0 auto;width:300px;height:auto}
div#content ul.album{margin-left:0;}
div#content ul.album li{float:left;margin:5px;width:calc(50% - 10px)}

div#info{display:none}

div#bar{height:auto}
div#bar ul li{float:none;width:100%}
div#bar ul li +li{margin-top:40px}
div#bar ul li +li:before{content:'';position:absolute;top:-20px;left:calc(50% - 30px);width:60px;height:1px;background-color:rgba(255,255,255,.3)}

div#contact{padding:25px 0}
div#contact a{font-size:30px}

div#footer .copyright{padding:50px 0 100px 0;height:auto;line-height:20px}
div#footer .stat{position:absolute;right:50%;top:150px;margin-left:-10px}

div#privacy{bottom:0px;right:0px;width:calc(100% - 60px);padding:30px}
div#privacy .close{right:5px;top:5px}
}