/* default */
*{margin:0;padding:0;border:0}
body{font-family:'Josefin Sans', sans-serif;font-weight:400;font-size:15px;color:#666}
a{outline:none;text-decoration:none;color:#666}

/* container */
div#container{margin:0 auto;width:100%}

/* header */
div#header{position:relative;z-index:100;height:150px}
div#header a.logo{position:absolute;top:35px;left:50px;z-index:10;width:180px;height:60px}
div#header a.logo img{display:block;width:100%}

div#header .main{display:none}

div#header ul.menu{position:absolute;z-index:200;top:60px;left:350px;list-style:none}
div#header ul.menu li{position:relative;display:inline-block}
div#header ul.menu li a{position:relative;display:block;padding:0 15px;height:30px;line-height:30px;color:#10335E;font-size:13px;font-weight:700;text-transform:uppercase;transition:all 0.5s ease}
div#header ul.menu li a:after{content:'';position:absolute;top:85px;left:0;width:0;height:5px;background-color:#804735;transition:all 0.5s ease}
div#header ul.menu li a:hover,
div#header ul.menu li a.active{color:#804735}
div#header ul.menu li a:hover:after,
div#header ul.menu li a.active:after{width:100%}

/* content */
div#content{position:relative}
div#content p{margin-bottom:20px}
div#content ul.list{margin:0 0 20px 20px}

div#content .photo{position:relative;z-index:90;margin-bottom:100px}
div#content .photo img{margin-left:300px;display:block;max-width:1000px}
div#content .photo .name{position:absolute;bottom:100px;color:#fff}
div#content .photo:after{content:'';position:absolute;z-index:-1;top:50px;left:0;width:calc(50% + 450px);height:calc(100% + 50px);background-color:#000;background-image:url(../images/stone-bg.jpg?v3);background-repeat:no-repeat;background-size:cover;background-position:center center}

div#content .welcome{position:relative;z-index:20}
div#content .welcome .inner{overflow:hidden;width:900px}
div#content .welcome .image{float:right}
div#content .welcome .image img{display:block}
div#content .welcome .description{position:relative;width:400px;height:400px}
div#content .welcome .description h1.header{margin-top:100px}
div#content .welcome .description h2.header{font-size:15px;letter-spacing:2px}
div#content .welcome .description .button{position:absolute;right:-100px;bottom:0}
div#content .welcome .description p{font-size:15px;line-height:25px}

div#content .counts{position:relative;z-index:10;margin-top:-100px}
div#content .counts .inner{background-color:#d1ccc8}
div#content .counts ul{overflow:hidden;padding:200px 200px 100px 200px;list-style:none}
div#content .counts ul li{float:left;width:33%;text-align:center}
div#content .counts ul li strong{display:block;margin-bottom:20px;font-size:50px;font-weight:400;color:#fff}

div#content .booking{}

div#content .slide{margin-bottom:200px}
div#content .slide img{display:block}
div#content .slide .name{position:absolute;left:100px;bottom:100px;font-size:100px}
div#content .slide .name span{display:block;margin-top:20px;font-size:.3em}

div#content .advantages{margin-bottom:200px}
div#content .advantages ul{margin:0 auto;width:900px;list-style:none}
div#content .advantages ul li{position:relative;display:inline-block;padding:20px 0 40px 0;width:calc(33.333333% - 1px);border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center}
div#content .advantages ul li:nth-child(3n){border-right:0}
div#content .advantages ul li:nth-last-child(-n+3){border-bottom:0}
div#content .advantages ul li img{display:block;margin:0 auto;transition:all 0.5s ease}
div#content .advantages ul li span{display:block;position:relative;font-size:18px;font-weight:700;color:#7b5737}

div#content .text{margin:0 auto;margin-top:200px;margin-bottom:200px;max-width:700px;font-size:17px;line-height:25px;text-align:justify}
div#content .text h2{font-size:30px}
div#content .text h3{margin-top:50px;padding-top:50px;border-top:1px solid #eee;color:#10335E}
div#content .text a{color:#10335E;border-bottom:1px solid #10335E}
div#content .text .booking{margin:0 -150px}
div#content .text .calendar{margin:0 -100px}
div#content .text .list{margin-top:10px;margin-left:20px}
div#content .text .list li +li{margin-top:5px}

div#content .text .address{margin:0 auto;margin-bottom:50px;width:300px;list-style:none}
div#content .text .address li +li{margin-top:20px}
div#content .text .form{padding:50px;border:2px solid #eee}
div#content .text .form div{position:relative}
div#content .text .form 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 .text .form input[type=text],
div#content .text .form input[type=date],
div#content .text .form select,
div#content .text .form textarea{padding:0 5px;width:calc(100% - 10px);height:30px;line-height:30px;border-bottom:1px solid #ccc;background-color:#fff;font-size:14px}
div#content .text .form textarea{height:240px}
div#content .text .form input[type=submit]{cursor:pointer}
div#content .text .form p{line-height:16px;font-size:12px}

div#content .gallery{display:none;margin:0 auto;width:1000px}
div#content .text +.gallery{margin-top:-150px}
div#content .gallery ul{overflow:hidden;list-style:none}
div#content .gallery ul li{float:left;margin:20px;width:250px;height:250px;background-position:center center;background-size:cover}
div#content .gallery ul li:nth-child(3){margin-top:310px;margin-left:-270px}
div#content .gallery ul li.big{height:540px}
div#content .gallery ul li a{display:block;width:100%;height:100%}


/* footer */
div#footer{position:relative;color:#fff;background-color:#bacbcb}
div#footer:before{content:'';position:absolute;z-index:0;top:-50px;left:0;width:calc(50% + 450px);height:50px;background-color:#000;background-image:url(../images/stone-bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center}
div#footer .inner{padding:100px 0}
div#footer .logo{margin:0 auto;margin-bottom:20px;width:100px}
div#footer .logo img{display:block;width:100%}
div#footer p{text-align:center}
div#footer ul.contact{margin:50px 0;list-style:none;text-align:center}
div#footer ul.contact li{position:relative;display:inline-block;font-size:20px}
div#footer ul.contact li +li:before{content:'/';position:absolute;bottom:0;left:-30px;color:#e6b487}
div#footer ul.contact li +li{margin-left:50px}
div#footer ul.contact li span{font-size:2em}
div#footer ul.menu{padding:30px 0;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3);list-style:none;text-align:center}
div#footer ul.menu li{position:relative;display:inline-block}
div#footer ul.menu li +li{margin-left:10px}
div#footer ul.menu li a{display:block;padding:0 10px;height:30px;line-height:32px;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:3px}
div#footer ul.menu li a:hover,
div#footer ul.menu li a.active{background-color:#e6b487}
div#footer .copyright{margin-top:100px}



/* other */
.break{float:none;clear:left}
.break.mb50{margin-bottom:50px}
.break.mb100{margin-bottom:100px}
.name{font-weight:700;font-size:40px;line-height:40px;color:#fff;letter-spacing:4px;text-transform:uppercase}
.header{margin-bottom:50px;color:#d1ccc8;font-weight:700;font-size:30px;line-height:0.8em;letter-spacing:-1px;text-transform:uppercase;text-align:center}
.header span{display:block;margin-top:10px;font-size:1.3em;color:#7b5737}
.inner{position:relative;margin:0 auto;max-width:1300px}
.center{text-align:center !important}
.button{display:block;width:200px;height:40px;line-height:42px;background-color:#10335E;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;text-align:center;letter-spacing:2px}
.button:hover{background-color:#ac1209;color:#fff}

/* script */
.bx-wrapper .bx-pager{bottom:40px;z-index:200;text-align:center}
.bx-wrapper .bx-pager.bx-default-pager a{position:relative;margin-right:5px;background-color:#ddd;border-radius:0;width:40px;height:2px;transition:all 0.5s ease}
.bx-wrapper .bx-pager.bx-default-pager a.active{background-color:#ac1209;width:100px}

/* max-width: 800px */
@media screen and (min-width: 800px) {
div#header .main{display:none}

div#content .photo:before{content:'';position:absolute;z-index:1;top:0px;left:0;width:calc(50% + 450px);height:50px;background-color:#bacbcb}
}

/* max-width: 800px */
@media screen and (max-width: 800px) {
div#header{height:100px}
div#header a.logo{top:20px;left:20px;width:120px}

div#header .main{display:block;position:absolute;top:44px;right:60px}
div#header .main span{display:block;width:25px;height:2px;background-color:#000}
div#header .main span:nth-child(2){margin-left:10px;width:15px}
div#header .main span:nth-child(3){margin-left:5px;width:20px}
div#header .main span +span{margin-top:4px}
div#header .main:hover span{background-color:#999}

div#header ul.menu{display:none;position:absolute;left:0;top:100px;height:auto;width:100%;z-index:500;background-color:#000}
div#header ul.menu li{display:block;text-align:left}
div#header ul.menu li +li{margin-left:0;border-top:1px solid rgba(255,255,255,.2)}
div#header ul.menu li a{display:block;height:auto;line-height:40px;text-indent:20px;color:#fff}

div#content .photo{position:relative;z-index:90}
div#content .photo img{margin-left:0;width:100%}
div#content .photo .name{bottom:-80px;left:20px;color:#fff;font-size:20px;line-height:20px}
div#content .photo:after{top:100px;left:0;width:100%}

div#content .welcome .inner{width:100%}
div#content .welcome .image{display:none}
div#content .welcome .description{width:100%;height:auto}
div#content .welcome .description .button{position:relative;left:0;margin:0 auto;}

div#content .counts{margin-top:50px}
div#content .counts ul{padding:50px}
div#content .counts ul li{float:none;width:100%}
div#content .counts ul li strong{display:block;margin-bottom:20px;font-size:50px;font-weight:400;color:#fff}

div#content .slide{margin-bottom:100px}
div#content .slide img{width:100%}
div#content .slide .name{position:absolute;left:20px;bottom:20px;font-size:50px}

div#content .text{padding:20px;width:calc(100% - 40px)}
div#content .text .booking{margin:0}
div#content .text .price div strong{float:none;display:block;width:100%;}
div#content .text .price div p{margin-left:0;height:auto;line-height:25px}

div#footer:before{width:100%}
div#footer .inner{padding:100px 0}
div#footer ul.contact{margin:50px 0;list-style:none;text-align:left}
div#footer ul.contact li{margin-left:50px;position:relative;display:block;font-size:15px;height:40px;line-height:40px}
div#footer ul.contact li:before{content:'/';position:absolute;bottom:0;left:-30px;color:#e6b487}
div#footer ul.menu{display:none}
div#footer .copyright{margin-top:100px}

.header{font-size:30px;text-align:center}
}

/* max-width: 600px */
@media screen and (max-width: 600px) {
}