@charset "UTF-8";
/* CSS Document */

/*fonts*/
@font-face {
    font-family: 'DB Helvethaica X 67 MedCond';
    src: url('../fonts/DBHelvethaicaX-67MedCond.eot');
    src: url('../fonts/DBHelvethaicaX-67MedCond.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DBHelvethaicaX-67MedCond.woff2') format('woff2'),
        url('../fonts/DBHelvethaicaX-67MedCond.woff') format('woff'),
        url('../fonts/DBHelvethaicaX-67MedCond.ttf') format('truetype'),
        url('../fonts/DBHelvethaicaX-67MedCond.svg#DBHelvethaicaX-67MedCond') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'DB Helvethaica X 57 Cond';
    src: url('../fonts/DBHelvethaicaX-57Cond.eot');
    src: url('../fonts/DBHelvethaicaX-57Cond.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DBHelvethaicaX-57Cond.woff2') format('woff2'),
        url('../fonts/DBHelvethaicaX-57Cond.woff') format('woff'),
        url('../fonts/DBHelvethaicaX-57Cond.ttf') format('truetype'),
        url('../fonts/DBHelvethaicaX-57Cond.svg#DBHelvethaicaX-57Cond') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {font-family: 'DB Helvethaica X 57 Cond'; font-weight: normal !important; }
a {color: #000000; text-decoration: none !important;outline:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
a:hover { color:#af453c; }


/* Page Loading */
#pageloader{width:100%;height:100%;position:fixed;z-index:999999; background: rgba(255,255,255,1); display: -ms-flexbox; display: flex;
/*background: transparent linear-gradient(to bottom, rgba(191, 51, 101, 0.75) 0%, rgba(101, 39, 115, 0.75) 100%) repeat scroll 0% 0%;*/}
.loader-item{width:auto;height:auto;width: 100%;text-align:center}
.loader-item h2{color:#111;margin:0 auto;font-size:30px}
.loading span { display: inline-block; vertical-align: middle; width: .6em; height: .6em; margin: .19em;  background: #007DB6; border-radius: .6em; animation: loading 1s infinite alternate;}

.loading span:nth-of-type(2) { background: #008FB2; animation-delay: 0.2s;}
.loading span:nth-of-type(3) { background: #009B9E;animation-delay: 0.4s;}
.loading span:nth-of-type(4) {background: #00A77D; animation-delay: 0.6s;}
.loading span:nth-of-type(5) {background: #00B247; animation-delay: 0.8s;}
.loading span:nth-of-type(6) {background: #5AB027; animation-delay: 1.0s;}
.loading span:nth-of-type(7) { background: #A0B61E; animation-delay: 1.2s;}

@keyframes loading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*logo*/
.logo { font-family: 'DB Helvethaica X 57 Cond';  }
.logo h1{ font-size: 100px; line-height: 100px; }

/*main*/
.main { margin:0 50px;}
.whzap { background-color: transparent; border-radius: 0px;  height: auto ;font-size: 28px;  padding: 30px 0px;  position: relative;z-index: 30;color:#fff;width: 100%;max-width: 760px;
	/*box-shadow: 0 0 12px 0 rgba(0,0,0,0.1), 0 10px 30px 0 rgba(0,0,0,0.2);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),-webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    width: auto;*/
    }


/*slide*/
.slidebg{height: 100vh;  position: fixed; width: 100%; left: 0; top: 0; }
.slide-full { position:relative; }
.slide-full::before {content: ""; position: absolute; bottom:0; width: 50%; opacity: 0.5; height: 100%;  -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;  z-index: 2}
.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; bottom: 50%; right: 0px; width: 100%; }
.slide-full .owl-nav .sprite{ width: 50px; height: 50px; line-height: 50px; background: #000; display: block;}
.slide-full .owl-nav .sprite::before{ color:#fff; display: none;}
.slide-full .owl-nav .owl-prev { background-color: transparent; }
.slide-full .owl-nav button:focus { outline: 0; -webkit-box-shadow: none; box-shadow: none; outline: none !important;}
.slide-full .owl-nav .owl-prev .box{ background-color: transparent;width: 50px; height: 50px;  display: block; }
.slide-full .owl-nav .owl-prev .box:hover{ background-color: transparent; }
.slide-full .owl-nav .owl-prev .box::before{ color:#fff; font-size: 40px; line-height: 50px;}
.slide-full .owl-nav .owl-prev{  color:#fff; position: absolute; right: 0px; top: 10px; bottom: 0px; margin:0; z-index: 999;text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75); }
.slide-full .owl-nav .owl-prev:hover{ background-color: transparent;  color:#fff;  }
.slide-full .owl-nav .owl-next .box { width: 50px; height: 50px;  display: block; }
.slide-full .owl-nav .owl-next .box::before { color:#fff; font-size: 40px; line-height: 80px; }
.slide-full .owl-nav .owl-next{ color:#fff; position: absolute; right: 0; bottom: 0px; margin:0; z-index: 999;text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);}
.slide-full .owl-nav .owl-next:hover{ background-color: transparent;  color:#fff; text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75); }
.slide-full .owl-dots{position: absolute; bottom: 10px; width: 100%; z-index: 3}
.slide-full.owl-theme .owl-dots .owl-dot.active span, 
.slide-full.owl-theme .owl-dots .owl-dot:hover span{
  background: #c6b275;
}
.slide-full.owl-theme .owl-dots button:focus { outline: 0; -webkit-box-shadow: none; box-shadow: none; outline: none !important;}
.hotel-tools .hotel-tools-title { font-style: normal; text-transform: uppercase;}
.hotel-tools .hotel-tools-title h1{ font-size: 20px; font-style: normal; text-transform: uppercase;}
.hotel-tools .hotel-tools-title , .hotel-tools .hotel-tools-title .h1 { font-family: 'Poppins', sans-serif; font-weight: 100; }
.hotel-tools-title .h1 { font-size:30px; font-weight: lighter;}
.hotel-tools { font-family: 'Cormorant Garamond', serif; font-style: italic; color:#fff; font-size: 18px; position:absolute; bottom: 50px;text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75); left: 10%; width: 80%; z-index:8; text-align: center; color: #fff; }
.hotel-tools .fa::before{ font-size: 13px;}
.explore .flaticon-down-arrow::before { font-size: 10px;}
.explore  { color:#fff !important; }


/* form */
.whzap-form .form-control,.whzap-form .btn-group,.whzap-form .custom-file-label::after,.whzap-form .custom-file-input,.whzap-form .custom-file-label,.whzap-form .custom-file-label::after,.box-copytext{height:50px;line-height:50px}
.whzap-form .box-theam{border-radius:5px;overflow:hidden}
.whzap-form .fa-caret-right{color:#ff0101;margin-top:8px}
.whzap-form .fa-caret-right::before{font-size:25px}
.whzap-form .form-control{background:#f9f9f9;border:0;border-radius:0;font-size:30px}
.whzap-form .form-group{margin-bottom:25px}
.whzap-form .btn-group{border:0;border-radius:0;font-weight:400;font-size:30px;padding:0 50px;background:#363636;color:#fff}
.whzap-form .custom-file-label{background:#f9f9f9;border:0;border-radius:0;padding:0 0 0 200px}
.whzap-form .custom-file-label::after{content:"Choose file";right:auto;left:0;text-align:center;width:190px;padding:0;background:#363636;color:#fff;border-radius:0;border:0}
.whzap-form .custom-file{height:auto}
.whzap-form .box-copytext{border-radius:5px;background:#f9f9f9;color:#ff0101;position:relative;padding-left:15px;padding-right:15px}
.whzap-form .copytext{position:relative}
.whzap-form .copytext span{position:relative}
.whzap-form .copytext span::before{content:"";display:block;position:absolute;background:#ff0101;bottom:3px;left:0;width:100%;height:1px}
.whzap-form .btn-copytext{border-radius:5px;font-size:24px;color:#fff!important;cursor:pointer;position:absolute;top:5px;right:5px;bottom:5px;display:block;background:#363636;padding-left:15px;padding-right:15px;z-index:9;line-height:42px}
.whzap-form .img-qrcode{width:100%;max-width:130px}
.whzap-form .copyimg{font-size:0}
.fr-whzap-other .link-other { color:#fff; }
.fr-whzap-other .link-other span{ position: relative;}
.fr-whzap-other .link-other span::before{ content: ""; display: block; position: absolute; background: #ffffff; bottom: 3px; left: 0; width: 100%; height: 1px;}
.fr-whzap-other .link-other .fa-plus-circle{ color:#363636; vertical-align: -3px; margin-right: 5px; }
.fr-whzap-other .link-other .fa-plus-circle:before { font-size: 26px;}
.title-other { cursor:pointer;}
.panel-other { display:none; }

/* theam */
.btn-main {border-radius: 5px;  font-size:24px; color:#fff !important; cursor: pointer; display: inline-block; background: #363636; padding-left: 15px; padding-right: 15px; z-index: 9; height: 45px; line-height: 45px;}
.line-theam {margin-top: 30px; margin-bottom: 20px;   border-top: 1px solid rgba(255,255,255,1);}

/* edit theam bootstap */
.input-group-append {margin-left: 0px;}
::placeholder{color:#acacac!important;opacity:1}
:-ms-input-placeholder{color:#acacac!important}
::-ms-input-placeholder{color:#acacac!important}
button:focus,.btn,textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="button"]:focus,input[type="button"]:active,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus,.uneditable-input:active{border-color:transparent;box-shadow:0 1px 1px rgba(0,0,0,0) inset,0 0 8px rgba(126,239,104,0)}
.btn.active.focus, .btn.active:focus,.btn.focus, .btn:active.focus,  .btn:active:focus, .btn:focus { outline: none; box-shadow: none!important;	}


/**/
@media (max-width: 1280.98px) { 
.logo h1{ font-size: 80px; line-height: 80px; }
.whzap-form .form-group { margin-bottom: 15px;}	
}
@media (max-width: 1199.98px) {  }
@media (max-width: 991.98px) {  }
@media (max-width: 767.98px) { 
.main { margin: 0 25px;}	
.logo { text-align:center; margin-bottom: 15px; padding-top: 15px; }
.logo h1 { font-size: 50px; line-height: 50px; text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);}	
.whzap { padding:0 0 30px 0; }
.qrcode { text-align: center; }	
.recaptcha {  }	
.whzap-form .btn-group {padding: 0 20px; }
.whzap-form .custom-file-label::after { width:140px; }	
.whzap-form .custom-file-label {  padding: 0 0 0 140px;}.slide-full::before { content: "";  position: absolute; bottom: 0; width: 100%; opacity: 0.5;height: 100%; background: rgba(0,0,0,0.8) }	
	
}

@media (max-width: 575.98px) { 
.main { margin: 0 0px;}
}