/*
Theme Name: Kallyas
Theme URI: http://kallyas.net/
Description: A Highly customizable theme with page builder and unlimited colors.
Author: Hogash
Author URI: http://themeforest.net/user/hogash
Version: 4.17.3
Tags: left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, full-width-template, theme-options, translation-ready
License: GNU General Public License
License URI: license.txt
Text Domain: zn_framework
*/

/*
	** PLEASE DON'T ADD ANY CSS HERE !!!
	This file will be overwritten on updates and your CSS will be lost.

	Instead, please use Kallyas Child theme's style.css ( https://my.hogash.com/documentation/installing-the-child-theme/ )
	Or, access Kallyas options > Advanced > Custom CSS and add your CSS there.
*/

body .zn_section.eluid9848a456{
	top: 12%;
}

.iosSlider .kl-iosslide-caption .main_title{
	font-family: 'Dancing Script', cursive;
}

body #logo-container{
	position: relative;
	z-index: 99;
}

body .fxb-col.fxb.fxb-end-x.fxb-center-y.fxb-basis-auto.fxb-sm-half.site-header-main-right-top{
	margin-top: 25px;
}

body .znColumnElement-innerContent form.booking-form{
	text-align: center;
}

body .btn.btn-custom-color.cta-button-0.ctabutton{
	width: 0px;
	padding: 8px 0px; 
	margin-left: 0px;
	-moz-transition: all .6s ease-out; 
	-webkit-transition: all .6s ease-out; 
	-o-transition: all .6s ease-out;
	overflow: hidden;
	position: absolute;
	top: 11px;
	z-index: 99;
}

body .btn.btn-custom-color.cta-button-0.ctabutton.showButton{
	width: 160px;
	padding: 8px 20px;  
	margin-left: 20px;
	-moz-transition: all .6s ease-out; 
	-webkit-transition: all .6s ease-out; 
	-o-transition: all .6s ease-out;
}

.site-header.header--fixed, 
.site-header.site-header--absolute.header--fixed, 
.site-header.site-header--relative.header--fixed{
	z-index: 99; 
}

body #header.site-header.style12{
	height: 120px;
}

body #page_wrapper .site-header .site-header-top-wrapper {
    background-color: transparent;
    position: absolute;
    right: 0px;
    width: 100%;
    top: 12px;
    z-index: 9;
    -moz-transition: all .6s ease-out; 
	-webkit-transition: all .6s ease-out; 
	-o-transition: all .6s ease-out;
}

body #page_wrapper .site-header .site-header-top-wrapper.showButton{
	right : 165px; 
	-moz-transition: all .6s ease-out; 
	-webkit-transition: all .6s ease-out; 
	-o-transition: all .6s ease-out;
}

body .site-header-main-right .sh-component{
	margin-right: 0px;
}

body #page_wrapper .site-header .site-header-top-wrapper li{
	position: relative;
	padding-right: 10px;
	margin-left: 0px;
}

body #page_wrapper .site-header .site-header-top-wrapper li:last-child{
	padding-right: 0px; 
}

body #page_wrapper .site-header .site-header-top-wrapper li::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background: #b47e00;
    right: 0;
}

body #page_wrapper .site-header .site-header-top-wrapper li:last-child::before{
	background: transparent;
	width: 0px;	
}

body #page_wrapper .site-header .site-header-top-wrapper li a{
	color: #b47e00;
}

body #page_wrapper .site-header .site-header-top-wrapper li a i.dashicons.dashicons-admin-users::before{
	/*content: "\f10e";*/
}

body #page_wrapper .site-header .site-header-top-wrapper li a i.dashicons.dashicons-admin-users{	
	/*font-family: Flaticon;*/
	font-size: 20px;
	font-style: normal;
}

/*engine*/
body.showengine{overflow: hidden; height: 100%;}

.box-engine-overlay {display: none; position: fixed;  width: 100%;  height: 100%;left: 0; z-index: 100;  top: 0; background-color: rgba(33,32,31,.4);  }

.box-engine-content { position: fixed; right: -370px;  width: 370px; height: 100%; background: #f6f1e7; z-index: 100; transition: all 1s cubic-bezier(.19,1,.22,1),opacity .7s cubic-bezier(.19,1,.22,1); overflow: hidden;}
.box-engine-content.showengine{right: 0; }
.topbooking{color:#666; left:0;  right:0;  z-index: 1; margin:0 auto;  position:absolute;  text-transform:uppercase;  
  bottom:45%;  -webkit-transform:translateY(33%);  transform:translateY(33%);}

.engine {  max-height: calc(100vh - 70px); overflow-y: auto; padding: 30px; }
.engine h3{ text-transform: none; font-size: 20px; font-style: italic;}
.engine h6{ font-size: 14px; line-height: 24px;}
.engine .logo-address{padding-top: 20px; margin-bottom: 30px;}
.engine .logo-address img{ height: 100px; }
.engine .logo-address svg{ height: 100px; }
.topbooking .form-control{ position: relative;  font-size: 13px;  background-color:transparent; border:0px;  border-bottom:0px solid #1c1c1c;height:40px;cursor:pointer;width:100%;margin-right:10px;border-radius:0}
.topbooking .chk-room { position:relative;}
.topbooking .chk-room::before { position: absolute; content: ""; width: 100%; height: 1px;  background: #000; bottom: 0;}
.topbooking label { color:#8d8a82; font-family: 'Cormorant', serif; font-size: 14px; font-style:italic; margin-bottom: 0;}
.topbooking .cal{background:url('https://merlinkhaolak.com/assets/images/small-calendar.svg') no-repeat right ; background-size: 22px 22px; color:#000; border:0px ;border-radius:0; border-bottom:1px solid #1c1c1c; }
.topbooking .cal.form-control[readonly]{
	background-color: #f6f1e7;
}
.topbooking .selectGuest{text-align:left;position:relative;padding:0}
.topbooking .dropdown-menu{background:#000}
.topbooking .dropdown-menu a{color:#fff}
.topbooking .dropdown-menu a:hover { background:#f00; }	
.topbooking .btn.dropdown-toggle{height:40px;color:#000;background:#eee;border:none;font-size:13px; font-weight: 400; border-radius:0;}
.topbooking .dropdown-menu li a:hover{background:#c69c6d;color:#fff}
.topbooking .showguest{position:absolute;width:100%;left:0;top:40px;padding:10px;background:#fff;z-index:9;display:none; border: 1px solid rgba(0,0,0,.15); border-radius: 0px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.topbooking .guestButton{display:block;height:40px;padding-top:10px;padding-left:10px;padding-right:10px}
.topbooking .booktop{float:left;margin-top:0;padding:10px 20px;color:#fff; border: 0;   background: #ccb028; width: 50%;}
.topbooking .booktop:hover{ background: #9a8c65; }
.topbooking ::placeholder { color:#000; opacity: 1; }
.topbooking :-ms-input-placeholder {  color:#000;}
.topbooking ::-ms-input-placeholder {  color:#000;}	
.topbooking button.btn-main {  
	font-family: 'SABONLTSTDROMAN', 
	serif; font-size: 16px; 
	font-style: italic; 
	border-radius: 0; 
	width: 70%;  
	background: #b47e00;
	-moz-transition: all .6s ease-out; 
	-webkit-transition: all .6s ease-out; 
	-o-transition: all .6s ease-out;
	color: #ffffff;
}	
.topbooking button.btn-main:focus { 
	outline: 0 !important;
	-webkit-box-shadow: none !important; 
	box-shadow: none !important; 
	outline: none !important;
}	

.topbooking button.btn-main:hover {
  background-color: #906500; /* Green */
  color: white;
}

.list-engine { margin-left:20px; font-size: 14px; }

.top-close {
	cursor: pointer;
	position: relative;
	background: #000;
	position: absolute;
	z-index: 99;
	padding: 5px;
	top: 15px;
	right: 15px;
}

.ChildYearMobile{
	display: none;
}

@media (max-width: 1200px) {
	body .zn_section.eluid9848a456{
		top: 10%;
	}
}

@media (max-width: 991px) {
	
	body #page_wrapper .site-header .site-header-top-wrapper{
		position: fixed;
		bottom: 0;
		top: auto;
		right: 0px !important;
		background: #fff;
		padding: 8px 0;
		text-align: left;
	}
	
	body .btn.btn-custom-color.cta-button-0.ctabutton {
		width: 40% !important;
		padding: 15px 20px !important;
		margin: 0 !important;
		bottom: 0;
		top: auto;
		left: 0;
		position: fixed;
		z-index: 111111111;
		right: auto;
		border-radius: 0px !important;
	}

	.znColumnElement-innerContent form.booking-form{
		display: none;
	}
    
    .ChildYearMobile{
        display: inline-block;
    }
}

@media (max-width: 767px) {
	body #page_wrapper .site-header .site-header-top-wrapper{
		padding: 14px 0;
	}	
}

@media (max-width: 479px) {
	body #page_wrapper .site-header .site-header-top-wrapper li a{
		font-size: 10px;
	}
}

@media (max-width: 390px) {

	body .btn.btn-custom-color.cta-button-0.ctabutton {
	    width: 37% !important;
	    font-size: 8px;
	}

	body #page_wrapper .site-header .site-header-top-wrapper{
		right: -15px!important; 
		padding: 13px 0;
	}

	body #page_wrapper .site-header .site-header-top-wrapper li a{
		font-size: 9px;
	} 	
	
	body .topnav .menu-item{
		margin-right: 8px;
	}	

}