@charset "UTF-8";
/* font */


@font-face {
    font-family: 'DB_Li';
    src: url('../fonts/DBHelvethaicaX-Li.woff2') format('woff2'),
        url('../fonts/DBHelvethaicaX-Li.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'DB_Med';
    src: url('../fonts/DBHelvethaicaX-65Med.woff2') format('woff2'),
        url('../fonts/DBHelvethaicaX-65Med.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: 'DB_Bd';
    src: url('../fonts/DBHelvethaicaX-75Bd.woff2') format('woff2'),
        url('../fonts/DBHelvethaicaX-75Bd.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}



body { background: #fff; color: #7a7677;
  font-family: 'DB_Li'; font-size: 24px; line-height: 26px;
 }
.img-raduis{border-radius: 5px;}
a {color: #000000; text-decoration: none !important;outline:none;}
a:hover { color:#af453c; }
ul { margin:0; padding: 0; }
*::-moz-selection {background-color: #0095eb;color: white;}
*::selection {background-color: #0095eb;color: white;}
.bold{font-family: 'latobold'; font-weight: normal;}
.black{font-family: 'latoblack'; font-weight: normal;}

h1{font-family: 'db_bold';}
button:focus,button:active,
input:focus,input:active,
textarea:focus,textarea:active {
  outline: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.light{  font-family: 'db_thin'!important; }
/*header*/
.wrap { }
.header { color:#fff; top: 0; left: 0; width: 100%; z-index: 99; height: 90px; position: fixed;
  transition:all .3s ease-in-out; background: #3e3c39;}



.langmenu-group{position: relative;}
.langmenu-group:before{content:""; position: absolute; width: 1px; height: 20px; background: #696667; left: -12px;
top: 7px;}
.langmenu-group a.langthis{color: #e0884b!important;}

.logo{ position:absolute; left:15px; top: 0;   width: 100%;  z-index: 9;
 max-width: 120px; left: 15px;  }
.header-logo img{ height: 100% }

.header-navmenu { background: rgba(0,0,0,1.00); position: relative; z-index: 1; font-size: 14px;}

.wsmainfull { padding-left: 10px; padding-right: 10px; }
.nav-menu-top { float:right;}	

/*menu mobile*/
.menu-hotel {max-height: calc(100vh - 10px); overflow-y: auto;}
.menu-sub { text-align: center; list-style: none; padding:50px;}
.menu-sub li a {text-transform: uppercase;letter-spacing: 0px; display: inline-block; color:#fff; padding-top: 5px; padding-bottom: 5px; }
.hover-submenu{color:#fff;position:relative;overflow:hidden;width:100%;background-color:#000;color:#fff;text-align:center}
.hover-submenu *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .6s ease;transition:all .6s ease}
.hover-submenu img{opacity:.7;width:100%}
.hover-submenu:after{background:#ed1d24;width:0;height:6px;position:absolute;left:0;bottom:0;content:'';-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.hover-submenu figcaption{position:absolute; bottom:25%;left:0;width:100%;padding:0 30px;-webkit-transform:translateY(70%);transform:translateY(70%)}
.hover-submenu h4,.hover-submenu span{margin:0;width:100%}
.hover-submenu h4{ font-size:18px; font-weight:400;text-transform:uppercase}
.hover-submenu h4::first-letter { color: #ed1d24;}
.hover-submenu span{color:#e6e6e6;font-weight:700;text-transform:uppercase}
.hover-submenu a{left:0;right:0;top:0;bottom:0;position:absolute;z-index:1}
.hover-submenu:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}
.hover-submenu:hover:after{width:100%}


.box-menu-overlay {display: none; position: fixed;  width: 100%;  height: 100%;left: 0; z-index: 100;  top: 0; background-color: rgba(33,32,31,.4);  }
.box-menu-content { position: fixed; left: -370px;  width: 370px; height: 100%; background: #333; z-index: 100; transition: all 1s cubic-bezier(.19,1,.22,1),opacity .7s cubic-bezier(.19,1,.22,1); overflow: hidden;}
.box-menu-content.showengine{left: 0; }
.top-close { cursor: pointer;position: relative;   background: #000; position: absolute; z-index: 99; padding: 5px; top: 15px; right: 15px; }
.top-close svg{ width: 35px; height: 35px; }
.menu-close {  }
.nav-menu-mobile { display:none; }

.menu-mobile{position:fixed;display:block;top:72px;right:0;width:100%;
  background:#363636; overflow:hidden;
  z-index:98; opacity: 0; visibility: hidden;}
.menu-mobile.menu-show{opacity: 1; visibility: visible;}


.burger-container{  max-height: 63px;position: absolute; right: 0; top: 0;  height:100%;width:60px;background:#3a3a3c;cursor:pointer;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent; transition: all 0.5s ease 0s; }
.burger-container.scrollto { right: 0px; top: 0px; }
.burger-container #burger{width:25px;height:8px;position:relative;display:block;margin:-4px auto 0;top:50%}
.burger-container #burger .bar{width:100%;height:2px;display:block;position:relative;background:#FFF;transition:all .3s cubic-bezier(0.4,0.01,0.165,0.99);transition-delay:0}
.burger-container #burger .bar.topBar{-webkit-transform:translateY(0px) rotate(0deg);transform:translateY(0px) rotate(0deg)}
.burger-container #burger .bar.btmBar{-webkit-transform:translateY(6px) rotate(0deg);transform:translateY(6px) rotate(0deg)}



.menu-opened.burger-container #burger .bar{transition:all .4s cubic-bezier(0.4,0.01,0.165,0.99);transition-delay:.2s}
.menu-opened.burger-container #burger .bar.topBar{-webkit-transform:translateY(4px) rotate(45deg);transform:translateY(4px) rotate(45deg)}
.menu-opened.burger-container #burger .bar.btmBar{-webkit-transform:translateY(3px) rotate(-45deg);transform:translateY(3px) rotate(-45deg)}



/*mobile*/
.nav-mobile .book-strone { display:inline-block; float: left;}
.nav-mobile { float:right;}
.btn-mobile-booking { color:#fff; text-transform: uppercase; display:inline-block; background: #ed1d24; padding:20px 20px; margin-left: 10px; }
/*menu*/


.wsfbiglink li { position: relative;}
.wsfbiglink li .submenu {display: none;}
/*.wsfopen .wsfbiglink li:hover ul.submenu {display: block;visibility: visible;}*/
.wsfbiglink li .submenu li a{font-size:14px; padding: 2px 0px; }
.wsfbiglink li ul.submenu li {float: none;width: 100%;list-style: none;}
.wsfbiglink li ul.submenu li a { color: #fff; }
.wsfbiglink li ul.submenu li a::after { display:none; }
.wsfbiglink li ul.submenu a:hover {  color: #fff;	}
.wsfbiglink li ul.submenu a {	}
.list-submenu { display: inline-block;position: relative; width: 15px;height: 12px;}
.list-submenu::after { color:#fff; font: normal normal normal 14px/1 FontAwesome; content: "\f107"; 
position: absolute; top: 0; right: 0 ;
	-webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.list-submenu.active::after { 
-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
/*titel*/
.txt-main { color:#ed1d24 !important; }
strong{font-weight: 700;}


	


/*main*/
.main.top { padding-top:70px; }
.main-title { padding: 50px 30px 0;  line-height: 25px; }
.main-title header { position: relative;  padding-bottom: 5px; margin-bottom: 10px; }
.main-title header.text-center::after { display: none;}
.main-title h1{  font-weight:normal;font-size: 40px; line-height: 42px; padding: 0; margin: 0 0 20px 0; text-transform: uppercase; }


.main-title h2{   }
.main-title h1.light { font-weight: 300;font-size: 30px; }
/*member*/
.relative{position: relative;}
/*slide*/
/*slide*/
.slide { position:relative; background: #241411; height: 100vh;}
.slide-full { }
.slide-full .item:before{position: absolute; width: 100%; height: 107px; content:""; z-index: 9;
left: 0; top: 0;  background: url(../images/header-gradient.png) repeat-x top left; }
.slide-full .owl-item .item { position: relative; height: 100vh; width: 100%; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; background-position: 50% 50%; }

.slide-full .owl-item .item .text-caption{ position: absolute; bottom: 0; left: 0; width: 100%; }
.slide-full .owl-nav{position: absolute; z-index: 9; top: 50%; margin-top: -25px;width: 100%;}
.slide-full .owl-nav .fa{width:40px; height:40px;  font-size: 35px; background: rgba(0,0,0,0.20); 
    color:#fff; display:block}
.slide-full .owl-nav .owl-next { position: absolute;  right:0;margin:0; }
.slide-full .owl-nav .owl-next:hover { background: #000 }
.slide-full .owl-nav .owl-prev { position: absolute;  left: 0;margin:0;}
.slide-full .owl-nav .owl-prev:hover { background: #000 }
.slide-full.owl-theme .owl-nav button:focus { outline: 0; -webkit-box-shadow: none; box-shadow: none; outline: none !important;}
.owl-theme .owl-nav.disabled + .owl-dots{position: absolute; bottom: 20px; width: 100%; z-index: 9}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
  background: none; border:3px solid #fff; width: 20px; height: 20px;
} 
.owl-theme .owl-dots .owl-dot.active,.owl-theme .owl-dots .owl-dot:hover{ top: 5px; position: relative;}
.owl-theme .owl-dots .owl-dot span{background: #fff; transition:all .3s ease-in-out;}
.dark-slide{position: absolute; background: rgba(0,0,0,0.35); z-index: 8; height: 100%; width: 100%; }
.coverslide{position: absolute; top: 40%; left: 0; color: #fff; z-index: 10; width: 100%; text-align: center;}
.coverslide h1{font-family: 'DB_Bd'; font-size: 120px; line-height: 80px; margin-bottom: 15px;}
.coverslide h2{font-family: 'DB_Li'; font-size: 30px; line-height: 20px;}


.mainmenu{position: absolute; right: 0; z-index: 10; top: 32px; right: 20px;}
.mainmenu a{color: #fff;  text-transform: uppercase; transition:all .3s ease-in-out; }
.mainmenu a.active{color: #e0884b;}
.mainmenu li{float: left; margin-right: 25px;  font-family: 'DB_Med'; font-size: 23px;}
.mainmenu li:last-child{margin-right: 0;}
.mainmenu .fa-home{margin-right: 3px; font-size: 18px; color: #fff;}
.mainmenu .callmenu i{position: absolute; left: 0; top: 0;}
.mainmenu .callmenu{position: relative; padding-left: 33px;}



.burger-container{position:absolute;left:0px;;top:0;z-index:102;display:none;height:90px;width:70px;
  background:#000;cursor:pointer;-webkit-transform:rotate(0deg);transform:rotate(0deg);
  -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
  -webkit-tap-highlight-color:transparent;transition:all .5s ease 0;z-index:980}
.burger-container.menu-opened{right:0; bottom:0;}
.burger-container.scrollto{bottom:0}
.burger-container #burger{width:18px;height:8px;position:relative;display:block;margin:-4px auto 0;top:50%}
.burger-container #burger .bar{width:100%;height:1px;display:block;position:relative;background:#FFF;transition:all .3s cubic-bezier(0.4,0.01,0.165,0.99);transition-delay:0}
.burger-container #burger .bar.topBar{-webkit-transform:translateY(0px) rotate(0deg);transform:translateY(0px) rotate(0deg)}
.burger-container #burger .bar.btmBar{-webkit-transform:translateY(9px) rotate(0deg);transform:translateY(9px) rotate(0deg)}
.menu-opened.burger-container #burger .bar{transition:all .4s cubic-bezier(0.4,0.01,0.165,0.99);transition-delay:.2s}
.menu-opened.burger-container #burger .bar.topBar{-webkit-transform:translateY(4px) rotate(45deg);transform:translateY(4px) rotate(45deg)}
.menu-opened.burger-container #burger .bar.btmBar{-webkit-transform:translateY(3px) rotate(-45deg);transform:translateY(3px) rotate(-45deg)}


.paddingsection{padding-top: 100px; padding-bottom: 100px;}
.welcomehome{ background: url(../images/bg-paralax.jpg); background-attachment: fixed;
color: #7a7677;}
.welcomehome h1{font-size: 80px; font-family: 'DB_Bd'; margin-bottom: 20px; line-height: 60px;
color: #3e3c39;}
.font-h1{font-size: 80px; font-family: 'DB_Bd'; margin-bottom: 25px; color: #3e3c39; line-height: 60px;}
.iconbed{width: 40px!important; display: inline-block; position: relative; top: 5px;}
.price-item{color: #ef464b!important; font-size: 80px; font-family: 'DB_Bd'; color: #303030;}
.price-per{font-family: 'DB_Li'; font-size: 30px;}
.slide-rooms{color: #303030;}
.slide-rooms h3{color: #303030; font-size: 37px; margin-bottom: 20px; line-height: 35px;}
.include{color: #7a7677;}
.include .fa-circle{font-size: 10px; margin-right: 5px;}

.gallery{min-height: 996px;}
.facilitie{background: #f8f8f8; color: #3e3c39;}
.facilitelist{margin-top: 40px;}
.facilitelist .item{text-align: center;}
.facilitelist figure{background: #3e3c39; border-radius: 100%; width: 120px; height: 120px;
display: inline-block;}
.facilitie .font-h1{color: #3e3c39; text-transform: uppercase;}
.lSSlideOuter .lSPager.lSGallery{margin-top: 10px!important;}
.lSSlideOuter .lSPager.lSGallery li, .lSSlideOuter .lSPager.lSGallery li
{opacity: 0.6; }
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover
{border-radius: 0; opacity: 1; }

.location{background: #f8f8f8;}
.homeblank{text-indent: -100%;}

.map{height: 427px;}
.contact-detail h3{font-size: 40px; color: #303030; margin-bottom: 0; line-height: 35px;}
.contact-detail i{font-size: 20px; color: #e0884b; margin-right: 5px;}
.contact-form .form-control{font-size: 24px; background: #cccccc; border: 0;}
.contact-form .form-control:not(.message){ height: 57px;}
.contact-form fieldset{margin-bottom: 10px;}
textarea {
  resize: none;
}
.btn-red{color: #fff; background: #e0884b; padding: 10px 40px; border: 0;
border-radius:5px;}

.footer{background: #3e3c39;}
.footer .mainmenu{position: relative; z-index: 10; top: auto; right: auto; float: left;
margin-top: 38px;}
.linkhotel{float: left; margin-left: 100px;}

.arrow-mobile .owl-nav .fa {
    width: 30px;
    height: 30px;
    font-size: 25px;
    color: #000;
    display: block;
    background: #fff;
    border-radius: 100%;
    border: 1px solid #ccc;
}
.arrow-mobile .owl-nav .owl-next { position: absolute;  right:0px;margin:0; }
.arrow-mobile .owl-nav .owl-prev { position: absolute;  left:0px;margin:0;}
.arrow-mobile .owl-nav .owl-prev:hover,.arrow-mobile .owl-nav .owl-next:hover
 { background: none }
.arrow-mobile .owl-nav {
    position: absolute;
    z-index: 9;
    top: 50%;
    margin-top: -15px;
    width: 100%;
}

/*menu*/
.top-close { cursor: pointer;position: relative;   background: #000; position: absolute; z-index: 99; padding: 5px; top: 15px; right: 15px; }
.top-close svg{ width: 35px; height: 35px; }
.menu-close {  }
.menu-item{position:relative; display:inline-block; width:30px; height:2px; background-color:#fff; vertical-align:middle; -webkit-transition-duration:.3s,.3s; -moz-transition-duration:.3s,.3s; -ms-transition-duration:.3s,.3s; -o-transition-duration:.3s,.3s; transition-duration:.3s,.3s; -webkit-transition-delay:.3s,0s; -moz-transition-delay:.3s,0s; -ms-transition-delay:.3s,0s; -o-transition-delay:.3s,0s; transition-delay:.3s,0s; margin-top:1px; margin-left:0px; width:28px}
.menu-item:after,  .menu-item:before{content:""; position:absolute; display:inline-block; width:30px; height:2px; left:0; background-color:#fff; -webkit-transition-duration:.3s,.3s; -moz-transition-duration:.3s,.3s; -ms-transition-duration:.3s,.3s; -o-transition-duration:.3s,.3s; transition-duration:.3s,.3s; -webkit-transition-delay:.3s,0s; -moz-transition-delay:.3s,0s; -ms-transition-delay:.3s,0s; -o-transition-delay:.3s,0s; transition-delay:.3s,0s}
.menu-item:before{top:-8px; -webkit-transition-property:top,transform; -moz-transition-property:top,transform; -ms-transition-property:top,transform; -o-transition-property:top,transform; transition-property:top,transform}
.menu-item:after{bottom:-8px; -webkit-transition-property:bottom,transform; -moz-transition-property:bottom,transform; -ms-transition-property:bottom,transform; -o-transition-property:bottom,transform; transition-property:bottom,transform}
.menu-close.active .menu-item{background-color:transparent; -webkit-transition-delay:0s,0s; -moz-transition-delay:0s,0s; -ms-transition-delay:0s,0s; -o-transition-delay:0s,0s; transition-delay:0s,0s}
.menu-close.active .menu-item:after, .menu-close.active .menu-item:before{-webkit-transition-delay:0s,.3s; -moz-transition-delay:0s,.3s; -ms-transition-delay:0s,.3s; -o-transition-delay:0s,.3s; transition-delay:0s,.3s}
.menu-close.active .menu-item:before{top:0; background:#fff; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg)}
.menu-close.active .menu-item:after{bottom:0; background:#fff; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg)}
.nav-menu,.nav-menu ul{margin:0;padding:0;list-style:none;line-height:1}
.nav-menu{position:relative;margin:15px auto 0;text-align:center; transition: all 0.5s ease 0.5s;}
.nav-menu > li{margin:0;line-height:1;padding:0;display:inline;position:relative;margin:0 2px;}
.nav-menu > li:hover > a{color:#c6b275}
.nav-menu > li:last-child > a:after{display:none}
.nav-menu > li > a{display:inline-block; font-size:13px; padding:8px 5px 15px;position:relative;text-transform:uppercase;text-decoration:none;color:#fff;-moz-transition:color .3s linear;-o-transition:color .3s linear;-webkit-transition:color .3s linear;transition:color .3s linear}
.nav-menu > li > a:hover{color:#c6b275}
.nav-menu > li:hover > ul{left:0;opacity:1;top:30px}



/*menumobile*/
.nav-menu-mobile { display:none; }
.menu-mobile{ display: none; position:fixed;display:block;top:0;right:0;height:100%;width:0;background:rgba(0,0,0,0.8);overflow:hidden;transition:all .5s ease-in-out,background 1s ease-in-out;transition-delay:.2s;z-index:101}

.menu-mobile ul.menu-sub{display:block;padding:0 48px;list-style:none;left: 0;  right: 0; z-index: 1;  margin: 0 auto; position: absolute;text-transform: uppercase; bottom: 48%;-webkit-transform: translateY(33%); transform: translateY(33%);}
.menu-mobile ul.menu-sub li.menu-itemmobiel{  margin-top:5px;-webkit-transform:scale(1.15) translateY(-30px);transform:scale(1.15) translateY(-30px);opacity:0}
.menu-mobile ul.menu-sub li.menu-itemmobiel a{ position: relative; text-align: center; display:inline-block;position:relative;color:#000;font-weight:100;text-decoration:none;font-size:18px;line-height:22px; padding-top: 10px; padding-bottom: 10px; font-weight:200;width:100%}
.menu-mobile ul.menu-sub li.menu-itemmobiel a:after{ content:'';  position:absolute;  bottom:0px;  left:50%;  width:3%;  transform:translateX(-50%);  height:2px;  background:#c6b275;  transition:.35s}
.menu-mobile ul.menu-sub li.menu-itemmobiel a:hover::after { width:50%;  background:#c6b275}

.menu-mobile.menu-opened{height:100%;width:100%;background-color:#fff}
.menu-opened.burger-container #burger .bar{transition:all .4s cubic-bezier(0.4,0.01,0.165,0.99);transition-delay:.2s}
.menu-opened.burger-container #burger .bar.topBar{-webkit-transform:translateY(4px) rotate(45deg);transform:translateY(4px) rotate(45deg)}
.menu-opened.burger-container #burger .bar.btmBar{-webkit-transform:translateY(3px) rotate(-45deg);transform:translateY(3px) rotate(-45deg)}
.menu-mobile.menu-opened ul.menu-sub li.menu-itemmobiel{-webkit-transform:scale(1) translateY(0px);transform:scale(1) translateY(0px);opacity:1}

/*menu*/
.menu-hotel {max-height: calc(100vh - 10px); overflow-y: auto;}
.menu-sub { list-style: none; padding:50px;}
.menu-sub li a { display: inline-block; color: #000;
text-transform: uppercase;  padding-top: 7px; padding-bottom: 7px; }
.menu-sub li a { }
.box-menu-overlay {display: none; position: fixed;  width: 100%;  height: 100%;left: 0; z-index: 100;  top: 0; background-color: rgba(33,32,31,.4);  }
.box-menu-content { position: fixed; left: -370px;  width: 370px; height: 100%; background: #fff; z-index: 100; transition: all 1s cubic-bezier(.19,1,.22,1),opacity .7s cubic-bezier(.19,1,.22,1); overflow: hidden;}
.box-menu-content.showengine{left: 0; }
.topbooking{color:#666; left:0;  right:0;  z-index: 1; margin:0 auto;  position:absolute;  text-transform:uppercase;  bottom:48%;  -webkit-transform:translateY(33%);  transform:translateY(33%);}
.list-submenu { display: inline-block;  position: relative; width: 15px; height: 12px; }
.list-submenu::after { font: normal normal normal 14px/1 FontAwesome; content: "\f107"; 
position: absolute; top: 0; right: 0 ;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.list-submenu.active::after { 
-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.wsfbiglink li { position: relative;}
.wsfbiglink li .submenumo {display: none; position: relative;
}
/*.wsfopen .wsfbiglink li:hover ul.submenu {display: block;visibility: visible;}*/
.wsfbiglink li .submenumo li a{font-size:14px; padding: 2px 0px; }
.wsfbiglink li ul.submenumo li {float: none;width: 100%;list-style: none;}
.wsfbiglink li ul.submenumo li a { color: #333; }
.wsfbiglink li ul.submenumo li a::after { display:none; }
.wsfbiglink li ul.submenumo a:hover {  color: #000; }
.menu-sub .langmenu-group::before{display: none;}