html{margin:0;padding:0}
*{box-sizing:border-box}
body,div,span,h1,h2,h3,p,a,img,ul,li,form,label,nav,footer,header{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;line-height:1.5}
body{font:14px 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#333;background:#f1f1f1;line-height:1.4}
a{color:#4f4479;text-decoration:none}a:hover{color:#332a54}
a img{border:none}
img.fr-fin{position:relative;margin:auto;display:block;padding:10px 0;vertical-align:top}
.row{display:table;table-layout:fixed;width:100%}
.col{display:table-cell;vertical-align:top;padding:15px}
.w20{width:20%}.w30{width:30%}.w50{width:50%}.w70{width:70%}
.divider{display:table;width:80%;height:1px;border-bottom:3px dotted #ccc;margin:20px auto}
.topbar{position:relative;background:#fff;display:table;width:100%;z-index:11}
.topbar .contactus{float:right;margin:15px 0}
.topbar .contactus a{color:#555;font-weight:bold}.topbar .contactus a:hover{color:#000;text-decoration:underline}
.header-wrapper{position:relative;width:100%;height:500px;z-index:11}
.header-wrapper .header{position:relative;left:0;top:0;z-index:-10;width:100%;height:500px;overflow:hidden;background:#eee;border-bottom:3px solid #fcfcfc}
.header-wrapper .header>div{position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;transition:opacity 1.2s;opacity:0}
.header-wrapper .header>div.on{opacity:1}
.header-wrapper .container{padding:0 15px;margin:0 auto;position:absolute;top:0;left:0;right:0;z-index:100;overflow:visible}
.logo{position:relative;float:left;width:200px;min-height:70px;text-align:center;margin:0 0 10px;background:#7a6ea8}
.logo img{display:table;min-height:65px;max-width:200px}
nav{clear:left;display:table;width:100%}
nav .menu-icon{display:none;position:absolute;right:0;top:0;width:62px;height:62px;background:#444;cursor:pointer}
nav .menu-icon:before{content:"\2630";color:#fff;font-size:34px;line-height:62px;display:block;text-align:center}
nav .menu ul{display:table;width:200px;background:#7a6ea8;list-style:none}
nav .menu>ul>li{display:block;border-bottom:1px solid #4f4b70}
nav .menu ul>li>a{display:block;padding:5px 3px;color:#fff;font-size:14px;text-align:center;text-transform:uppercase}
nav .menu ul>li>a:hover{color:#111;background:#cac5dc}
nav .menu ul>li.active>a{background:#ddd;color:#000}
h1,h2,h3{margin:20px 0 10px;color:#342477}
h1{font-size:46px;font-weight:bold}h2{font-size:38px}h3{font-size:32px}
.form label{cursor:pointer;display:block}
.form input,.form textarea{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.075) inset;color:#555;display:block;font-size:14px;height:34px;padding:6px 12px;width:100%;margin-bottom:10px;font-family:inherit}
.form textarea{height:auto}
.form input:focus,.form textarea:focus{border-color:#66afe9;outline:0}
.btn{display:inline-block;padding:6px 12px;font-size:14px;border:1px solid #3a7324;border-radius:4px;color:#fff;background:#338016;cursor:pointer}
.btn:hover{background:#26610f;color:#fff}
.container{position:relative;width:1050px;display:table;margin:0 auto 20px;overflow:hidden}
#content{font-size:16px;color:#555;padding:40px 0 15px}
#content .gallery img,#content .content img{padding:4px;line-height:1.43;background:#fff;border:1px solid #ddd!important;border-radius:4px;max-width:100%;height:auto}
#content .content{margin-bottom:15px;word-wrap:break-word}
#content .gallery{margin-right:-25px}
#content .gallery img{width:120px!important;height:85px!important;margin:0 5px 5px 0}
#content .map{border:4px solid #fff;box-shadow:0 1px 5px rgba(0,0,0,.2)}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;z-index:9999;cursor:pointer}
.lightbox.on{display:flex}.lightbox img{max-width:92%;max-height:92%;border:6px solid #fff}
footer{position:relative;background:#000;color:#999;padding:25px 0;z-index:11}
footer .container{padding:0 15px;margin-bottom:0}
footer .useful{display:table;margin-bottom:25px}
footer p{float:left;color:#fff;font-size:120%}
footer .menu{float:left;margin-left:100px}
footer .menu ul{list-style:none}
footer .menu a{color:#fff}footer .menu a:hover{text-decoration:underline}
footer .copyright{display:table;width:100%;border-top:1px solid #eee;padding:30px 0}
@media screen and (max-width:800px){
.col{display:block;width:100%}.row{display:block}
.topbar .contactus{margin:8px 15px}
.header-wrapper,.header-wrapper .header{height:200px}
.logo{width:150px;min-height:auto;margin-left:15px}.logo img{width:100%}
nav .menu-icon{display:inline-block}
nav .menu{position:absolute;right:0;top:62px;display:none;width:100%;background:#444;z-index:9999}
nav .menu.open{display:table}
nav .menu ul{width:100%}
nav .menu ul>li>a{padding:10px 5px}
h1{font-size:200%}h2{font-size:160%}h3{font-size:130%}
.container{width:100%}
#content .gallery{margin-right:0}
footer .menu{float:none;margin:25px 0 0}footer p{float:none}
}

nav .menu>ul>li.dropdown{position:relative}
nav .menu ul>li>a .caret{float:right;margin-right:6px}
nav .menu ul.dropdown-menu{display:none;position:absolute;top:0;left:200px;width:auto;min-width:260px;background:#cac5dc;z-index:1000}
nav .menu>ul>li.dropdown:hover>ul.dropdown-menu{display:block}
nav .menu ul.dropdown-menu li a{text-align:left;text-transform:none;color:#333;padding:5px 20px;white-space:nowrap;border-bottom:1px solid #8d87b0}
nav .menu ul.dropdown-menu li.active a{background:#ddd}
footer .menu ul.dropdown-menu{display:none}
footer .menu .caret{display:none}
#content ul.nav{list-style:none}
#content ul.nav li a{display:block;padding:5px 15px;border-bottom:1px solid #ddd}
#content ul.nav li a:hover{background:#dfdfdf}
#content ul.nav li.active>a{background:#7a6ea8;color:#fff}
#content .roomgal{margin:15px 0}
#content .roomgal img{padding:4px;background:#fff;border:1px solid #ddd;border-radius:4px;margin:0 5px 5px 0;vertical-align:top}
#content .roomgal img.main{width:100%;max-width:485px;height:auto}
#content table{width:100%;background:#fff;border-collapse:collapse;border:1px solid #ddd}
#content table td{padding:8px;border:1px solid #ddd;vertical-align:top;line-height:1.43}
#content table td:first-child{width:35%}
#content .content p{margin-bottom:8px}
@media screen and (max-width:800px){
nav .menu ul.dropdown-menu{position:static;display:table;width:100%}
nav .menu ul.dropdown-menu li a{padding:10px 20px}
nav .menu ul>li>a .caret{display:none}
}

#content .gallery img,#content .roomgal img:not(.main){object-fit:cover}