@font-face{font-family:'MontserratRegular';src:url('/themes/kos/fonts/montserrat-regular.eot');src:url('/themes/kos/fonts/montserrat-regular.eot?#iefix') format('embedded-opentype'),
url('/themes/kos/fonts/montserrat-regular.woff') format('woff'),
url('/themes/kos/fonts/montserrat-regular.ttf') format('truetype'),
url('/themes/kos/fonts/montserrat-regular.svg#MontserratRegular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'MontserratBold';src:url('/themes/kos/fonts/montserrat-bold.eot');src:url('/themes/kos/fonts/montserrat-bold.eot?#iefix') format('embedded-opentype'),
url('/themes/kos/fonts/montserrat-bold.woff') format('woff'),
url('/themes/kos/fonts/montserrat-bold.ttf') format('truetype'),
url('/themes/kos/fonts/montserrat-bold.svg#MontserratBold') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'OpenSansBold';src:url('/themes/kos/fonts/opensans-bold.eot');src:url('/themes/kos/fonts/opensans-bold.eot') format('embedded-opentype'),
url('/themes/kos/fonts/opensans-bold.woff') format('woff'),
url('/themes/kos/fonts/opensans-bold.ttf') format('truetype'),
url('/themes/kos/fonts/opensans-bold.svg#OpenSansBold') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'OpenSansRegular';src:url('/themes/kos/fonts/opensans-regular.eot');src:url('/themes/kos/fonts/opensans-regular.eot') format('embedded-opentype'),
url('/themes/kos/fonts/opensans-regular.woff') format('woff'),
url('/themes/kos/fonts/opensans-regular.ttf') format('truetype'),
url('/themes/kos/fonts/opensans-regular.svg#OpenSansRegular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'OpenSansLight';src:url('/themes/kos/fonts/OpenSansLight.eot');src:url('/themes/kos/fonts/OpenSansLight.eot') format('embedded-opentype'),
url('/themes/kos/fonts/OpenSansLight.woff2') format('woff2'),
url('/themes/kos/fonts/OpenSansLight.woff') format('woff'),
url('/themes/kos/fonts/OpenSansLight.ttf') format('truetype'),
url('/themes/kos/fonts/OpenSansLight.svg#OpenSansLight') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'OpenSansExtrabold';src:url('/themes/kos/fonts/opensans-extrabold.eot');src:url('/themes/kos/fonts/opensans-extrabold.eot') format('embedded-opentype'),
url('/themes/kos/fonts/opensans-extrabold.woff') format('woff'),
url('/themes/kos/fonts/opensans-extrabold.ttf') format('truetype'),
url('/themes/kos/fonts/opensans-extrabold.svg#OpenSansExtrabold') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'didot';src:url('/themes/kos/fonts/didot.eot');src:url('/themes/kos/fonts/didot.eot') format('embedded-opentype'),
url('/themes/kos/fonts/didot.woff2') format('woff2'),
url('/themes/kos/fonts/didot.woff') format('woff'),
url('/themes/kos/fonts/didot.ttf') format('truetype'),
url('/themes/kos/fonts/didot.svg#didot') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'didotitalic';src:url('/themes/kos/fonts/didotitalic.eot');src:url('/themes/kos/fonts/didotitalic.eot') format('embedded-opentype'),
url('/themes/kos/fonts/didotitalic.woff2') format('woff2'),
url('/themes/kos/fonts/didotitalic.woff') format('woff'),
url('/themes/kos/fonts/didotitalic.ttf') format('truetype'),
url('/themes/kos/fonts/didotitalic.svg#didotitalic') format('svg');font-weight:normal;font-style:normal;}
html{min-height:100%;/*filter:grayscale(100%);*/}
body{background:transparent;font-size: 16px!important;/*14*/font-family:'MontserratRegular';color:#555}
a, a:link, a:active, a:visited,a:focus{outline:none;text-decoration:none;}
a{color:#150c45}
a:hover{color:#333;}
#logo{display:block;}
.ccm-block-field-group h2{font-size: 20px!important;/*18*/}
img{max-width:100%;height:auto;border:0;}
::-moz-selection{background-color:#150c45;color:#fff;}
::selection{background-color:#150c45;color:#fff;}
input:focus,
textarea:focus,
select:focus{outline:none !important;}
h1,h2,h3,h4,strong{font-family:'MontserratBold';font-weight:normal;}
label{font-weight:normal;}
header,
footer,
article{float:left;width:100%;}
.kbanner{width: 100%;float: left;background-color: #000;display: inline-block;position: relative;}
.kbanner img.main{width: auto;margin: auto;display: block;}
.kbanner img.ribbon{height: 100%;position: absolute;top: 0;left: 0;}
iframe{max-width: 100%;}
#livechat-full , #livechat-compact-container{left:15px!important;right:inherit!important;}
#loading{width:100%;height:100%;top:0px;left:0px;display:block;opacity:1;background-color:#fff;z-index:999;float:left;}
.miniSurveyView{margin-bottom:16px}
.miniSurveyView #msg{background:#20bde8;color:#fff;padding:8px;margin:8px 0px 8px 0px;width:90%;margin-left:25px;}
.miniSurveyView #msg{background:#150c45;color:#fff;padding:8px;margin:0;width:100%;margin-bottom:25px;}
.miniSurveyView table.formBlockSurveyTable td{padding-bottom:4px}
.miniSurveyView td.question{padding-right:12px}
.miniSurveyView #msg .error{padding-left:16px;color:#cc0000}
.miniSurveyView table.formBlockSurveyTable td img.ccm-captcha-image{float:none}
.miniSurveyView .required{color:#cc0000}
.ccmDateNav ul{overflow:hidden;list-style:none;padding:0px;margin:0px;}
.ccmDateNav ul li{padding:2px 0px 2px 0px;}
.ccmDateNav ul li.selected{font-weight:bold}
.ccmDateNav ul li .section{margin:4px 0px 2px 0px;background:url(/themes/kos/images/arrow_down_gray.png) no-repeat left;padding-left:16px;}
.ccmDateNav ul li .section.closed{background:url(/themes/kos/images/arrow_right_gray.png) no-repeat left;}
.ccmDateNav ul li .sectionPage{margin-left:16px;}
.ccmDateNav ul li .ellipsis{padding-top:0px;margin-top:0px;line-height:4px;padding-bottom:4px;}
.ccmDateNav ul.years li.year{padding-bottom:0px;}
.ccmDateNav ul.years li.year ul.months{margin-left:16px;margin-bottom:0px;padding-bottom:0px;}
.ccmDateNav ul.years li.year ul.months li.month{margin-bottom:0px;padding-bottom:0px}
.ccmDateNav ul.months li.month ul.monthsPages{margin-left:16px}
.ccmDateNav .trigger{cursor:pointer}
.ccmDateNav ul li .pageSummary{font-size: 85%;line-height:85%;margin:4px 0px;}
.ccmDateNav ul li .section{background-image:url(/themes/kos/images/arrow_down_gray.png);}
.ccmDateNav ul li .section.closed{background-image:url(/themes/kos/images/arrow_right_gray.png);}
.email_list_signup_success_inblock{padding:5px;background-color:#CCFFCC;border:1px solid green;color:black;}
.email_list_signup_error_inblock{background-color:#FF9999;border:1px solid red;color:red;}
.email_list_signup_error_inblock ul.error{list-style:disc inside;padding:5px;margin:0;color:red;font-weight:bold;}
.email_list_signup_success{width:100%;padding:5px 0 5px 10px;background-color:#CCFFCC;border:1px solid green;color:black;}
.email_list_signup_error{width:100%;padding:5px 0 0 10px;background-color:#FF9999;border:1px solid red;color:red;}
.email_list_signup_error ul.error{list-style:disc inside;padding:5px 0;color:red;font-weight:bold;}
.x-login .ui-datepicker{background-color:#150c45;border:1px solid #150c45;border-radius:0;display:none;margin-top:4px;padding:10px;}
.x-login .ui-datepicker a,
.x-login .ui-datepicker a:hover{text-decoration:none;color:#fff;}
.x-login .ui-datepicker a:hover,
.x-login .ui-datepicker td:hover a{color:#150c45;-webkit-transition:color 0.1s ease-in-out;-moz-transition:color 0.1s ease-in-out;-o-transition:color 0.1s ease-in-out;transition:color 0.1s ease-in-out;}
.x-login .ui-datepicker .ui-datepicker-header{margin-bottom:4px;text-align:center;}
.x-login .ui-datepicker .ui-datepicker-title,
.x-login .ui-datepicker .ui-datepicker-calendar th{color:#fff;font-weight:normal;}
.x-login .ui-datepicker .ui-datepicker-prev,
.x-login .ui-datepicker .ui-datepicker-next{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:20px;line-height:1;margin-top:2px;width:30px;cursor:pointer;}
.x-login .ui-datepicker .ui-datepicker-prev{float:left;text-align:left;}
.x-login .ui-datepicker .ui-datepicker-next{float:right;text-align:right;}
.x-login .ui-datepicker .ui-datepicker-prev:before{content:"\f0d9";color:#777;}
.x-login .ui-datepicker .ui-datepicker-next:before{content:"\f0da";color:#777;}
.x-login .ui-datepicker .ui-datepicker-prev:hover:before,
.x-login .ui-datepicker .ui-datepicker-next:hover:before,
.x-login .ui-datepicker .ui-datepicker-title{color:#777;}
.x-login .ui-datepicker .ui-icon{display:none;}
.x-login .ui-datepicker .ui-datepicker-calendar{table-layout:fixed;width:100%;}
.x-login .ui-datepicker .ui-datepicker-calendar th,
.x-login .ui-datepicker .ui-datepicker-calendar td{text-align:center;}
.x-login .ui-datepicker .ui-datepicker-calendar td{border-radius:0;color:#6E6B7D;-webkit-transition:background-color 0.1s ease-in-out, color 0.1s ease-in-out;-moz-transition:background-color 0.1s ease-in-out, color 0.1s ease-in-out;-o-transition:background-color 0.1s ease-in-out, color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out, color 0.1s ease-in-out;}
.x-login .ui-datepicker .ui-datepicker-calendar td:hover{background-color:#eee;cursor:pointer;}
.x-login .ui-datepicker .ui-datepicker-calendar td a{text-decoration:none;}

/* Today */
.ui-datepicker-calendar td.ui-datepicker-today{background:transparent; color:#FFF !important;}
.ui-datepicker-calendar td.ui-datepicker-today a{color:#FFF;}

/* Current */
.x-login .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day{background:#eee;}
.x-login .ui-datepicker .ui-datepicker-current-day a{color:#150c45;}

/* Disable */
.x-login .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover{background-color:#fff;cursor:default;}
.x-login .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable.ui-state-disabled span {color:#423f54;}
.x-login .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable.ui-state-disabled:hover{background:transparent;
	cursor:auto;}
.x-login .ui-icon{text-indent:9999px;display:none!important;}
.bx-wrapper{position:relative;margin:0 auto;padding:0;}
.bx-wrapper img{max-width:100%;display:block;}
.bx-wrapper .bx-pager { display: flex; justify-content: center; align-items: center; }
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto{position:absolute;bottom:20px;width:auto;z-index:9;right:20px;}
.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:bold;color:#666;padding-top:20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;display:inline;}
.bx-wrapper .bx-pager.bx-default-pager a{background:#c5c5c5;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{background:#000;}
.bx-wrapper .bx-prev{left:10px;}
.bx-wrapper .bx-next{right:10px;}
.bx-wrapper .bx-prev:hover{background-position:0 0;}
.bx-wrapper .bx-next:hover{background-position:-43px 0;}
.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9;}
.bx-wrapper .bx-controls-direction a.disabled{display:none;}
.bx-wrapper .bx-controls-auto{text-align:center;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px;}
.page-slider .bx-wrapper .bx-pager{z-index:50;left:0;right:0;bottom: 20px;position: absolute;}
.page-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.page-slider .bx-wrapper .bx-pager.bx-default-pager a.active{background: #150c45;}

.page-slider .custom-item .image-mobile{dispaly:none;}
.navOutNext{opacity:1;-webkit-animation:slideOutBottom 0.7s forwards ease-in-out;animation:slideOutBottom 0.7s forwards ease-in-out;}
.navInNext{opacity:1;-webkit-animation:slideInHalfFromTop 0.7s forwards ease-in-out;animation:slideInHalfFromTop 0.7s forwards ease-in-out;}
.navOutPrev{opacity:1;-webkit-animation:slideOutHalfTop 0.7s forwards ease-in-out;animation:slideOutHalfTop 0.7s forwards ease-in-out;}
.navInPrev{opacity:1;z-index:1001;-webkit-animation:slideInFromBottom 0.7s forwards ease-in-out;animation:slideInFromBottom 0.7s forwards ease-in-out;}
@-webkit-keyframes slideOutBottom{from{}
to{-webkit-transform:translateY(100%);}}
@keyframes slideOutBottom{from{}to{-webkit-transform:translateY(100%);transform:translateY(100%);}}
@-webkit-keyframes slideInHalfFromTop{from{-webkit-transform:translateY(-50%);}to{-webkit-transform:translateY(0);}}
@keyframes slideInHalfFromTop{from{-webkit-transform:translateY(-50%);transform:translateY(-50%);}to{-webkit-transform:translateY(0);transform:translateY(0);}}
@-webkit-keyframes slideOutHalfTop{from{}to{-webkit-transform:translateY(-50%);}}
@keyframes slideOutHalfTop{from{}to{-webkit-transform:translateY(-50%);transform:translateY(-50%);}}
@-webkit-keyframes slideInFromBottom{from{-webkit-transform:translateY(100%);}to{-webkit-transform:translateY(0);}}
@keyframes slideInFromBottom{from{-webkit-transform:translateY(100%);transform:translateY(100%);}to{-webkit-transform:translateY(0);transform:translateY(0);}}
.wrapper{margin:auto;padding:0 20%;float:left;width:100%;}
header.main-header .top-menu>nav>ul> li:first-child{display:none;}
header .top-lang,
header .bars-lang{display:none;}
@media(min-width:1100px){
header{color:#140b43;padding:30px 0;font-size: 14px!important;/*12*/-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;}
body.shrink header{position:fixed;width:100%;z-index:999;background:#fff;padding:10px 0;top:0;box-shadow:0px 0px 8px rgba(0,0,0,0.1);}
body.shrink .kbanner{position:fixed;width:100%;z-index:999;padding:0;top:0;}
body.shrink.u-login header{top:auto;}
header ul{margin:0;padding:0;}
header ul li{display:inline-block;text-transform:uppercase;}
header li a{color:#140b43;}
header .top-header{display:table;width:100%;table-layout:fixed;}
header .top-header >div{display:table-cell;vertical-align:middle;}
header.des-header .top-header .top-left{width:30%;}
header .top-left>div{float:left;}
header #logo img{width:150px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;}
body.shrink header #logo img{width:130px;margin-top:8px;}
header .top-right>div{float:right;}
header .top-destination{padding:25px 0 25px 5vw;overflow:hidden;}
#chiangmai header .top-destination{padding-left:3vw;}
header .top-destination span{cursor:pointer;}
header .top-destination li ul{display:inline-block;padding-left:20px;overflow:hidden;line-height:10px;}
header .top-destination li ul li{padding-right:20px;opacity:0;}
header .top-destination:hover li ul li{opacity:1;}
header .top-destination li ul li:nth-child(3){-webkit-transform:translateX(-50px);-moz-transform:translateX(-50px);-o-transform:translateX(-50px);-ms-transform:translateX(-50px);transform:translateX(-50px);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;}
header .top-destination li ul li:nth-child(2){-webkit-transform:translateX(-50px);-moz-transform:translateX(-50px);-o-transform:translateX(-50px);-ms-transform:translateX(-50px);transform:translateX(-50px);-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;-ms-transition:all 1s;}
header .top-destination li ul li:nth-child(1){-webkit-transform:translateX(-50px);-moz-transform:translateX(-50px);-o-transform:translateX(-50px);-ms-transform:translateX(-50px);transform:translateX(-50px);-webkit-transition:all 1.5s;-moz-transition:all 1.5s;-o-transition:all 1.5s;transition:all 1.5s;-ms-transition:all 1.5s;}
header .top-destination:hover li ul li:nth-child(1),
header .top-destination:hover li ul li:nth-child(2),
header .top-destination:hover li ul li:nth-child(3){-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);transform:translateX(0px);}
header .top-destination li ul li,
header .top-destination li ul li:nth-child(1),
header .top-destination li ul li:nth-child(2),
header .top-destination li ul li:nth-child(3){opacity:1;-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);transform:translateX(0px);}
header .top-destination li ul li a{color:#aaa;}
header .top-destination li ul li.now-here{font-family:'MontserratBold';}
header .top-destination li ul li a:hover,
header .top-destination li ul li.now-here a{color:#150c45;}
header .top-destination>ul> li span:after{content:"\f078";display:inline-block;font-family:FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size: 12px!important;/*10*/padding-left:20px;}
header .top-menu>nav>ul> li{margin:0 20px;position:relative;}
header .top-menu>nav>ul> li.nav-path-selected>a{font-family:'MontserratBold';}
header.des-header .top-menu>nav>ul> li{margin:0 20px;}
header .top-menu>nav>ul> li:last-child{margin-right:0;}
header .top-menu>nav>ul> li a{position:relative;}
header .top-menu>nav>ul> li a:hover{color:#666;}
header .top-lang{position:relative;padding-left:30px;border-left:1px solid #bababa;margin-left:30px;}
header .top-lang span{font-family:'MontserratBold';text-transform:uppercase;cursor:pointer;}
header .top-lang ul{padding:0;margin:0;position:absolute;background:#28253a;border:1px solid #150c45;width:80px;text-align:center;left:-1px;z-index:9999;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;visibility:hidden;max-height:0;}
header .top-lang:hover ul{visibility:visible;max-height:400px;-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-o-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px);}
header .top-lang li{display:block;font-family:'MontserratBold';}
header .top-lang li a{color:#fff;display:block;padding:8px 10px;}
header .top-lang li:hover a{background:#fff;color:#150c45;}
header .top-lang li.selected{display:none;}
header .top-lang:after{content:"\f078";display:inline-block;font-family:FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:2px;right:-17px;font-size: 12px!important;/*10*/}
#bars{display:none;}
header .top-menu nav>ul>li{position:relative;}
header .top-menu nav>ul>li:hover .sub-dropdown{display:block;}
header .top-menu .sub-dropdown{display:none;position:absolute;z-index:999;width:max-content;padding-top:20px;}
header .top-menu li:last-child .sub-dropdown{right:0;}
header .top-menu .sub-dropdown >ul{background:#150c45;padding:20px 0;width:100%;position:relative;}
header .top-menu .sub-dropdown li{margin:0;padding:0;display:block;}
header .top-menu .sub-dropdown li a{color:#fff;display:block;padding:5px 20px;}
header .top-menu .sub-dropdown li:hover a,
header.des-header .top-menu>nav>ul> li > .sub-dropdown li.nav-path-selected a{background:#fff;color:#150c45;}
header .top-menu .sub-dropdown >ul:before{position:absolute;top:-8px;width:0px;height:0px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #150c45;left:10px;content:'';}
header .top-menu li:last-child .sub-dropdown >ul:before{right:10px;left:auto;}
header .top-menu nav>ul>li#cn,
header .top-menu nav>ul>li#de,
header .top-menu nav>ul>li#fr{text-align:center;margin:0;}
header .top-menu nav>ul>li#cn img,
header .top-menu nav>ul>li#de img,
header .top-menu nav>ul>li#fr img{margin:0 auto;}
header .top-menu nav>ul>li#cn{min-width:30px;margin-left:20px;}
header .top-menu nav>ul>li#de{margin:0 20px;}
header .top-destination i{display:none}
.page-content #booking .book-form,
.all-detail #booking .book-form{padding-bottom:100px;height:auto!important;}
}
.page-slider{position:relative;visibility:hidden;background:#150c45;}
body.edit .page-slider{visibility:visible;}
.page-slider ul{padding:0;margin:0;}
.page-slider .bx-wrapper .bx-viewport,
.page-slider .gallery li,.page-slider .gallery .items{min-height:480px;}
.page-slider .bx-wrapper .bx-viewport{}
.page-slider .gallery li,.page-slider .gallery .items{background-size:cover;background-position:center;}
.page-slider .gallery li img,.page-slider .gallery .items img{visibility:hidden;}
body.edit .page-slider .gallery li img,
body.edit .page-slider .gallery .items img{visibility:visible;}
.page-slider .gallery .items a { position: absolute; top: 0; left: 0;  width: 100%; height: 100%;z-index: 9;}
.edit .page-slider .gallery .items a { z-index: -1; }

.page-slider .gallery .items .text{
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
}
.page-slider .gallery .items .text> div{
    background-color: rgba(0, 0, 0, 0.31);
    padding: 30px;
    width: 40%;
}
.page-slider .gallery .items .text> div >*{
    color: #fff;
}
.page-slider .gallery .items .text h1{
    margin: 0 0 30px;
}

.page-content{position:relative;}
.page-content:before{background:#f9f9f9;position:absolute;width:100%;height:120%;left:0;top:0;content:'';z-index:-1;height:20%;max-height:600px;}
.intro .page-content:before{display:none;}
.intro .page-content-1{margin:80px 0;}
.intro .page-content .single{text-align:center;color:#150c45;font-size: 20px!important;/*18*/font-family:'MontserratRegular';color:#150c45;letter-spacing:3px;}
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4{font-size: 20px!important;/*18*/font-family:'MontserratRegular';color:#150c45;letter-spacing:3px;margin-top:0;}
.page-content h4{font-size: 18px!important;/*16*/}
.page-content h1{margin-bottom:50px;}
article>div,
.page-content>div>div{float:left;width:100%;}
.page-content-add{margin:20px 0 30px;}
.page-content-add .block-add >.block-col{float:left;}
.page-content-add .block-add >.block-col:nth-child(1){width:20%;padding-right:20px;}
.page-content-add .block-add >.block-col:nth-child(2){width:25%;}
.page-content-add .block-add >.block-col:nth-child(3){width:55%;padding-left:20px;}
.button-link-section{
    margin-top:5%;
}

.button-link-section a{
    background: #150c45;
    color: #ffffff !important;
    padding: 10px; 
}
.wrapper .page-content-1 .block-text .button-link-section li{list-style-type:none;display:inline-block;padding:0 20px;}
.wrapper .page-content-1 .block-text .button-link-section li a{background:#150c45;color:#fff;text-transform:uppercase;width:100%;text-align:center;padding:20px;cursor:pointer;letter-spacing:2px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;}
.wrapper .page-content-1 .block-text .button-link-section li a:hover{background:#fff;color:#150c45;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;}
#booking{position:absolute;top:0;right:0;width:350px;z-index:98;overflow:hidden;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;}
#booking.active{}
body.shrink #booking{position:fixed;top:62px;right:20%;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;}
body.shrink.u-login #booking{top:115px;}
body.shrink #booking .book-form{}
body.shrink #booking .book-form.active{}
#booking .book-title{background:#150c45;color:#fff;text-transform:uppercase;width:100%;text-align:center;padding:20px;cursor:pointer;letter-spacing:2px;position:relative;z-index:9;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;}
#booking .book-title:hover{background:#fff;color:#150c45;/* font-family:'MontserratBold'; */}
#booking .book-title > span {
    display: block;
}
#booking .book-form{background:rgba(21,12,69,.8);color:#fff;padding:15px  20px;font-size: 12px!important;/*12*/-webkit-transform:translateY(-120%);-moz-transform:translateY(-120%);-o-transform:translateY(-120%);-ms-transform:translateY(-120%);transform:translateY(-120%);-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;-ms-transition:all 1s;opacity:0;float:left;/*overflow:hidden;*/max-height:0;}
.edit #booking{display:none;}
#booking .book-form.active{opacity:1;max-height:1000px;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-o-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);}
#booking .book-form ul{padding:0;margin:0;}
#booking .book-form form p{margin-bottom:1em;}
#booking .book-form form>ul >li{margin-bottom:1.5em;float:left;width:100%;}
#booking .book-form form>ul >li>.promo-box{margin-top:10px;}
#booking .book-form form>ul >li>.promo-box input{padding:0 20px;}
#booking .book-form ul li{list-style:none;}
#booking .book-form ul ul{margin:0 -7px;}
#booking .book-form ul ul li{float:left;width:33.33%;padding:0 7px;}
#booking .book-form ul ul.check li{width: 50%;}
#booking .book-form label{margin-bottom:1em;}
#booking .book-form label,
#booking .book-form input{display:block;}
#booking .book-form input,
#booking .book-form select{background:transparent;width:100%;color:#fff;height:3.5em;}
#booking .book-form input{border:1px solid #fff;letter-spacing:.1em;}
#booking .book-form .select-box{border:1px solid #fff;width:100%;background-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;position:relative;}
#booking .book-form .select-box select{font-size: 12px!important;/*12*/width:100%;padding:7px 10% 7px 8px;border:none;box-shadow:none;background:rgba(21,12,69,.4);background-image:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;letter-spacing:.1em;}
#booking .book-form .select-box select option{padding-left:8px;letter-spacing:.1em;}
#booking .book-form .select-box:after{width:0px;height:0px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;content:'';position:absolute;right:10px;top:20px;}
.no-flexboxlegacy select::-ms-expand{display:none;}
#booking .book-form .input-date{position:relative;}
#booking .book-form .input-date span{position:absolute;font-size: 20px!important;/*20*/width:40px;height:100%;text-align:center;padding-top:7px;border-right:1px solid}
#booking .book-form .input-date input{padding-left:60px;text-transform:uppercase;}

#booking .book-form .nights {pointer-events: none;} 
#booking .book-form .nights  span{display: none;}  
#booking .book-form .input-number{position:relative;}
#booking .book-form .input-number span{position:absolute;top:50%;margin-top:-5px;cursor:pointer;font-size: 10px!important;/*10*/line-height:1;}
#booking .book-form .input-number .down{left:10px;}
#booking .book-form .input-number .up{right:10px;}
#booking .book-form .input-number input{text-align:center;}
#booking .book-form .button-box{margin-top:10px;}
#booking .book-form button,
#booking .book-form .button-book {background:#fff;color:#150c45;text-transform:uppercase;font-size: 16px!important;/*16*/letter-spacing:1px;font-family:'MontserratBold';width:100%;text-align:center;padding:.7em;border:1px solid #fff;box-shadow:none;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;}
#booking .book-form .button-book {display: block;}
#booking .book-form button:hover,
#booking .book-form .button-book:hover{background:transparent;color:#fff;border:1px solid #fff;}
#booking #form-close{display:none;}
#booking ::-webkit-input-placeholder {color:#fff;  } 
#booking :-moz-placeholder {color:#fff;  }
#booking ::-moz-placeholder {color:#fff;  }
#booking :-ms-input-placeholder {  color:#fff;}
.book-pop{position:fixed;z-index:9999;width:100%;height:100%;background:rgba(0,0,0,.7);top:0;display:none;}
.book-pop>div{max-width:400px;margin:auto;background:#150c45;color:#fff;padding:20px 40px;position:absolute;top:30%;left:0;right:0;margin:auto;}
.book-pop h3{text-transform:uppercase;text-align:center;letter-spacing:2px;font-size: 16px!important;/*14*/margin-bottom:30px;}
.book-pop input,
.book-pop textarea{float:left;width:100%;background:transparent;border:1px solid #fff;box-shadow:none;margin-bottom:10px;padding:5px 10px;color:#fff;letter-spacing:2px;font-size: 14px!important;/*12*/}
.book-pop .highlight{border:1px solid red;}
.book-pop textarea{height:100px;}
.book-pop button{background:#fff;color:#150c45;border:none;box-shadow:none;padding:7px 30px;float:right;border:1px solid #fff;}
.book-pop button:hover{background:#150c45;color:#fff;}
.book-pop-close{position:absolute;top:0;right:0;background:#fff;width:40px;height:40px;cursor:pointer;}
.book-pop-close:hover{background:#150c45;}
.book-pop-close:before,
.book-pop-close:after{content:'';position:absolute;background:#150c45;height:3px;width:28px;top:50%;right:6px;}
.book-pop-close:hover:before,
.book-pop-close:hover:after{background:#fff;}
.book-pop-close:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.book-pop-close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.grey-filter img{-webkit-filter:grayscale(1);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:gray;filter:url(/themes/kos/images/filter.svg#grayscale);-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.grey-filter a:hover img{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:none;}
/* ======= New Design Button ======= */
#booking .book-title{
    background: #5A567D;
    /* border: 2px solid #150e44; */
    font-family: Helvetica, Sans-Serif;
    color: #ffffff;
    padding: 10px 20px;
}
#booking .book-title span.upper{
	font-weight: bold;
	font-size: 20px!important;/*18*/
	text-transform: uppercase;
	line-height: 20px;
}
#booking .book-title span.cap{
    font-size: 14px!important;/*12*/
    font-family:'MontserratRegular';
    text-transform: capitalize;
    letter-spacing: normal;
    letter-spacing: 1px;
}
.widget-book iframe {
    margin: 0 auto;
}

/* ======= New Design Button ======= */
.ig-style{float:left;position:relative;margin-top:0%;margin-left:-5px;margin-right: -5px;}
.ig-style .box{
	float: left;
    width: calc( 25% - 10px );
    text-align: center;
    overflow: hidden;
    position: relative;
    margin: 0 5px 10px 5px;
}
.ig-style .box img{width:100%;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;-ms-transition:all 1s;}
.ig-style .box:hover img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);}
.ig-style .box:nth-child(odd){clear:none;}
.instagram-id{background:#28253a;color:#fff;padding: 30px 60px;display:table;table-layout:fixed;letter-spacing:2px;position:relative;visibility:hidden;}
.instagram-id{width:100%;float:left;display: flex;align-items: center;}
.instagram-id>div.icon{display:block;width:auto;min-height:0;padding:0;font-size: 35px;}
.instagram-id>div.icon p{display:inline-block;margin:0;}
.instagram-id>div.icon a{display:inline-block;font-size:0;color:transparent;}
.instagram-id .icon a:before{content:"\f16d";display:inline-block;font-family:FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size: 35px;color:#FFF;}
.ig-style .box:before{content:"\f16d";display:inline-block;font-family:FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;left:40px;top:30px;font-size: 35px;}
.ig-style .box a{    display: block;
    position: relative;
    height: 100%;}
.ig-style .box a:hover{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);}
.ig-style .box:before{left:auto;top:auto;right:30px;bottom:30px;color:#FFF;z-index:2;opacity:0;font-size: 26px!important;/*24*/}
.ig-style .box a:after{content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;background-color:rgb(40,37,58);background-color:rgba(40,37,58,.5);opacity:0;}
.ig-style .box a:hover:before, .ig-style .box a:hover:after, .ig-style .box:hover:before{opacity:1;}
.ig-style .box a,
.ig-style .box a:hover,
.ig-style .box a:before,
.ig-style .box a:after,
.ig-style .box a:hover:before,
.ig-style .box a:hover:after,
.ig-style .box:before,
.ig-style .box:hover:before{-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;-ms-transition:all 1s;}
/*.instagram-id>div{display:table-cell;vertical-align:middle;width:100%;min-height:350px;padding:20px;padding-right:50%;}*/
.instagram-id>div p{margin-bottom: 0px;}
.instagram-id>div a{font-size: 16px!important;/*14*/font-family:'MontserratRegular';color:#FFF;}
.ig-style .box strong{display:inline-block;font-size: 22px!important;/*20*/font-family:'MontserratRegular';}
.block-blog{color:#fff;background:#28253a;padding:3em 5em;float:left;width:100%;margin-top:60px;}
.block-blog p{letter-spacing:2px;}
.block-blog ul{margin:0;padding:0}
.block-blog li{display:inline-block;padding-right:3em;}
.block-blog li a{color:#fff;}
.block-review{text-align:center;position:relative;}
.block-review .bx-wrapper{position:static;margin:0 auto;max-width:1340px!important;padding:0 100px;}
.block-review .bx-wrapper .bx-controls-direction a{width:27px;height:19px;opacity:0.5;}
.block-review .bx-wrapper .bx-prev{background:url(/themes/kos/images/bxleft.png)}
.block-review .bx-wrapper .bx-next{background:url(/themes/kos/images/bxright.png)}
.block-review .bx-wrapper .bx-prev:hover,
.block-review .bx-wrapper .bx-next:hover{opacity:1;}
.block-review .rw-rate{margin-bottom:20px;font-size: 22px!important;/*20*/}
.block-review .rw-rate i{margin:0 3px;color:#fee406;}
.block-review .rw-commtent{margin-bottom:15px;width:100%;float:left;}
.block-review .rw-by{color:#4a4a4a;}
.block-accomodation .box{float:left;position:relative;width:49.5%;}
.block-accomodation .box img{-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;-ms-transition:all 1s;width:100%;height:100%;float:left;}
.block-accomodation .box:hover img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);}
.block-accomodation .block-text{background:#150c45;color:#fff;letter-spacing:2px;padding:30px 20px;line-height:1;position:absolute;bottom:0;width:100%;height:80px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;}
.block-accomodation a:hover .block-text{height:100%;opacity:0.8;}
.block-accomodation .block-text h3{margin:0;font-size: 16px!important;/*14*/color:#fff;letter-spacing:3px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;}
.block-accomodation a:hover .block-text h3{position:absolute;top:50%;text-align:center;font-size: 22px!important;/*20*/width:100%;left:0;right:0;}
.content-3-cols>.block-text{max-width:800px;padding:0 50px;margin:0 auto 70px;text-align:center;}
.content-3-cols h2{margin-bottom:30px;}
.box-temp-1 .box-list{display:table;table-layout:fixed;position:relative;width:100%;float:left;}
.box-temp-1 .box{display:table-cell;width:33.33%;background:#150c45;color:#fff;}
.box-temp-1 .box:nth-child(even),
.box-temp-1 .box:nth-child(even) h3,
.box-temp-1 .box:nth-child(even) a,
.box-temp-1 .box:nth-child(even) strong{background:none;color:#999}
.box-temp-1 .box .block-image{overflow:hidden;}

.box-temp-1 .box .block-image img{ max-height: 480px;}

.box-temp-1 .box img{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;width:100%;}
.box-temp-1 .box a:hover img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);}
.box-temp-1 .box .block-image a{display:block;position:relative;}
.box-temp-1 .box .block-image a span{display:block!important;text-transform:uppercase;letter-spacing:6px;color:#150c45;text-align:center;position:absolute;top:45%;width:100%;left:0;z-index:10;opacity:0;font-family:'MontserratBold';font-size: 20px!important;/*18*/-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;}
.box-temp-1 .box .block-image a:before{position:absolute;width:100%;height:100%;background:rgba(255,255,255,.6);content:'';opacity:0;left:0;top:0;z-index:9;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;}
.box-temp-1 .box .block-image a:hover:before,
.box-temp-1 .box .block-image a:hover span{opacity:1;}
.box-temp-1 .box .block-text{padding:8em 4em 12em;position:relative;}
.box-temp-1 .box strong,
.box-temp-1 .box h3{font-family:'MontserratRegular';letter-spacing:3px;display:block;margin-bottom:20px;margin-top:0;font-size: 16px!important;/*14*/color:#fff;}
.box-temp-1 .box .block-link{position:absolute;bottom:6em;text-transform:uppercase;}
.box-temp-1 .box a{color:#fff;display:inline-block;text-decoration:underline;}
.content-4-cols .box-temp-1 .box{width:25%;}
.content-4-cols .box-temp-1 .box,
.content-4-cols .box-temp-1 .box h3,
.content-4-cols .box-temp-1 .box a{background:none;color:#999;}
.content-4-cols .box-temp-1 .box:nth-child(even),
.content-4-cols .box-temp-1 .box:nth-child(even) h3,
.content-4-cols .box-temp-1 .box:nth-child(even) a{background:#150c45;color:#fff}
.content-4-cols .box-temp-1 .box .block-text{padding:8em 4em 8em;}
.content-4-cols .box-temp-1 .block-link{bottom:4em;}
.block-slider-thumb{max-width:1380px;margin:auto;padding:0 50px;}
.block-slider-thumb img{display:block;margin:auto;width: auto;}
.block-slider-thumb .lSSlideOuter .lSPager.lSGallery li{/*width:25%!important;*/overflow:hidden;opacity:0.6;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;}
.block-slider-thumb .lSSlideOuter .lSPager.lSGallery li.active,
.block-slider-thumb .lSSlideOuter .lSPager.lSGallery li:hover{opacity:1;}
.block-slider-thumb .lSAction > a{background-image:none!important;background-color:#150c45;display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size: 22px!important;/*20*/color:#fff;opacity:1;text-decoration:none!important;width:60px;height:60px;text-align:center;opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;}
.block-slider-thumb .lSAction > a:hover{background-color:#ccc;}
.block-slider-thumb .lSSlideWrapper:hover .lSAction > a{opacity:1;}
.block-slider-thumb .lSAction > a:before{position:absolute;top:50%;font-size: 30px;left:0;margin-top:-15px;right:0;}
.block-slider-thumb .lSAction > a:hover:before{color:#150c45;}
.block-slider-thumb .lSAction > .lSPrev:before{content:"\f104";}
.block-slider-thumb .lSAction > .lSNext:before{content:"\f105";}
#book-button{}
#book-button a{color:#fff;display:inline-block;padding:10px 40px;background:#150c45;text-transform:uppercase;margin-top:30px;float:left;margin-right:10px;}
#book-button a:hover{background:#ccc;color:#150c45;}
.block-accomodation .box{ float: left;position: relative;width: 49.5%;/* margin-right: 1%; */margin-right: 5px;}
.block-accomodation .box:last-child {  margin-right: 0;}
.block-collection-list.block-accomodation .box a{display:block;}
.block-collection-list.block-accomodation .box{margin:0;}
.block-collection-list.block-accomodation .box:nth-child(2n+1){clear:initial;}
.block-accomodation .box img{-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;-ms-transition:all 1s;}
.block-accomodation .box:hover img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);}
.block-accomodation .block-text{letter-spacing:2px;padding:30px 20px;line-height:1;position:absolute;bottom:0;width:100%;height:80px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;}
.block-accomodation a:hover .block-text{height:100%;opacity:0.8;}
.block-accomodation .block-text h3{margin:0;font-size: 16px!important;/*14*/letter-spacing:3px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;}
.block-accomodation a:hover .block-text h3{position:absolute;top:50%;text-align:center;font-size: 22px!important;/*20*/width:100%;left:0;right:0;}
.home-content-2 .block-collection{margin-top:50px;position:relative;}
.home-content-2 .block-collection-list{margin-top:0;position:relative;}
.home-content-2 .bx-wrapper .bx-pager{bottom:-40px !important;width:100% !important;right:0 !important;}
.home-content-2 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.home-content-2 .bx-wrapper .bx-pager.bx-default-pager a.active{background:#150c45;}
.bangkok .page-content-5,.bangkok .home-content-3{display:none;}
footer{margin-top:80px;}
footer>div>div{float:left;width:100%;}
footer .grey-footer{background:#f8f8f8;padding:30px 40px;}
footer .block-subscribe{float:left;width:50%;}
footer .block-social{float:left;width:50%;text-align:right;margin-top:10px;}
footer .block-subscribe label,
footer .block-subscribe form{display:inline-block;vertical-align:middle;position:relative;}
footer .block-subscribe label{color:#150c45;padding-right:20px;}
footer .block-subscribe form{width:35%;}
footer .block-subscribe input{border:1px solid #c0c0c0;color:#150c45;background:transparent;width:100%;height:45px;padding:10px 20px;font-style:normal;}
footer .block-subscribe button{position:absolute;right:0;top:0;background:#150c45;color:#fff;text-transform:uppercase;border:1px solid #150c45;height:45px;width:55%;text-align:center;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-o-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);}
footer .block-subscribe button:hover{background:#333;border:1px solid #333;}
footer .block-subscribe input::-webkit-input-placeholder{color:#c0c0c0;}
footer .block-subscribe input:-moz-placeholder{color:#c0c0c0;}
footer .block-subscribe input::-moz-placeholder{color:#c0c0c0;}
footer .block-subscribe input:-ms-input-placeholder{color:#c0c0c0;}
footer .block-social p{display:inline-block;color:#150c45;margin:0;}
footer .block-social img{margin-left:20px;}
footer .block-social ul{padding:0;margin:0;padding-left:15px;margin-left:15px;border-left:1px solid #c6c6c6;display:inline-block;}
footer .block-social li{display:inline-block;font-size: 22px!important;/*20*/margin:0 15px;}
footer .block-social li a{color:#c6c6c6;}
footer .block-social li a:hover{color:#150c45;}
footer .links-footer{background:#150c45;padding:3em;color:#fff;}
footer .links-footer>div{float:left;width:100%;}
footer .links-footer ul{padding:0;margin:0;}
footer .links-footer li{list-style:none;color:#ccc;}
footer .links-footer li a{color:#fff;}
footer .links-top>div{float:left;width:16.66%;padding-left:30px;}
footer .links-top>div:nth-child(1){padding: 0;}
footer .links-top>div:nth-child(3){}
/* footer .links-top>div:nth-child(5){text-align:center;} 
footer .links-top>div:nth-child(5) li{float:left;padding:0 10px;width:50%;text-align:right;}*/
footer .links-top>div:last-child{padding:0;float:right;}
footer .links-top>div:last-child ul{float:right;}
footer .links-top>div:last-child li {
    float: left;
    display: inline-block;
    width: 50%;
    text-align: center;
}
footer .links-top li{margin-bottom:5px;}
footer .links-bottom{margin-top:50px;}
footer .links-bottom li{display:inline-block;}
footer .links-bottom li:after{content:' | ';display:inline-block;padding:0 5px;}
footer .links-bottom li:last-child:after{display:none;}
footer li a:hover{color:#ccc;}
footer .links-footer p a{background-color:#FFF;display:block;padding:10px 0;text-align:center;margin-top:15px;}
footer .links-footer p a:hover{background-color:#ccc;}
footer .kos{margin-top:10px;text-transform:uppercase;font-size: 13px!important;/*11*/color:#fff;}
footer .kos a{color:#fff;}
footer .kos a:hover{color:red;}

.block-text{text-align:center;}
.block-text a{color:#150c45;}
.block-text a.btn-box{color:#fff; display:inline-block; padding:10px 40px; background:#150c45; text-transform:uppercase; margin-top:10px; margin-bottom:10px; margin-right:10px;}
.page-content-more{margin-bottom:60px!important;}
.block-add .block-col h3{font-family:'MontserratBold';letter-spacing:0;}

@media(max-width:2455px){.wrapper{padding:0 18%;}
body.shrink #booking{right:18%;}
header.des-header .top-menu>nav>ul> li{margin:0 15px;}
}
@media(max-width:2244px){.wrapper{padding:0 15%;}
body.shrink #booking{right:15%;}
header .top-destination{padding-left:20px;}
header.des-header .top-menu>nav>ul> li{margin:0 10px;}
}
@media(max-width:1900px){#booking .book-form{padding:20px;}
#booking .book-form form>ul >li{margin-bottom:.5em;}
body.shrink #booking{right:15%;}
}
@media(max-width:1795px){.wrapper{padding:0 10%;}
body.shrink #booking{right:10%;}
}
@media(max-width:1600px){.wrapper{padding:0 5%;}
body.shrink #booking{right:5%;}
#booking .book-title{padding:10px;}
#booking .book-form{padding:10px 20px;}
#booking .book-form form p{margin-bottom:1em;}
#booking .book-form input,
#booking .book-form select{height:3em;}
#booking .book-form button{padding:.4em;}
#booking .book-form .button-box{bottom:5px;}
.block-blog{padding:3em;}
.block-blog li{padding-right:2em;}
}
@media(max-width:1600px) and (min-width:1100px){header.des-header .top-menu>nav>ul> li{margin:0 10px;}
header .top-destination{padding-left:15px;}
#chiang_mai header.des-header .top-menu>nav>ul> li{margin:0 8px; font-size: 12px;}
header.des-header .top-lang{padding-left:20px;margin-left:20px;}
.page-content #booking .book-form .button-box,
.all-detail #booking .book-form .button-box{bottom:20px;}
}
@media(max-width:1600px){footer .block-social li{margin:0 8px;}
}
@media(max-width:1440px){.ig-style .box:first-child{letter-spacing:0;}
header.des-header .top-menu>nav>ul> li{margin:0 5px;}
}
@media(max-width:1370px) and (min-width:1100px){header{padding:20px 0;}
header .top-logo{max-width:140px;margin-top:10px;/*width:22%;*/}
header .top-destination{padding-left:7px;}
header.des-header .top-menu>nav>ul> li{margin:0 7px;}
/*body.shrink header #logo img{width:90px;}*/
.ig-style .box strong{font-size: 18px!important;/*16*/}
}
@media(max-width:1320px) and (min-width:1100px){header.des-header .top-menu>nav>ul> li{margin:0 5px;}
#chiangmai header.des-header .top-menu>nav>ul> li{margin:0 7px;}
header .top-destination li ul li{padding-right:10px;}
header .top-destination{padding-left:7px;}
}
@media(max-width:1280px) and (min-width:1100px){.wrapper{padding:0 3%;}
body.shrink #booking{right:3%;}
/*header.des-header .top-header .top-left{width:40%;}*/
header .top-destination li ul li{padding-right:10px;}
header .top-destination{padding-left:7px;}
header .top-destination li ul{padding-left:10px;}
}
@media(max-width:1280px){}
@media(max-width:1279px) and (min-width:1100px){header .top-destination{padding-left:4px;}
header .top-header .top-right{padding-right:10px;}
header .top-destination li ul li{padding-right:5px;}
header .top-destination li ul{padding-left:5px;}
}
@media(max-width:1100px){article{margin-top:50px;}
.page-content>.wrapper>div:nth-child(1){margin-top:50px!important;padding-top:0!important;padding-bottom:0;}
body.shrink #booking{right:0;}
body .kbanner{position:fixed;width:100%;z-index:999;padding:0;top:0;}
#booking{position:fixed;/*top:50px!important;*/}
#booking.active{max-height:90%;}
#booking.active #form-close{display:block;}
#booking .book-title:after{content:"\f00d";font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size: 22px!important;/*20*/display:none;position:absolute;right:20px;top:8px;}
#booking.active .book-title:after{display:block;}
#booking .book-title,
#booking .book-title:hover{font-size: 14px!important;/*12*/padding:10px 30px;width:100%;color:#fff;/*background:rgba(21,12,69,.7);*/}
#booking.active .book-title{background:#fff;color:#150c45;font-family:'MontserratBold';}
#booking .book-form{padding:50px 20px 30px;height:auto!important;background:rgba(21,12,69,1);}
#booking .book-form .button-box{position:relative;padding:0;margin-top:30px;bottom:auto;float:left;}
#booking .book-form .select-box:after{top:15px;}
#bars{display:block;background:#150c45;position:fixed;left:0;top:0;width:100%;height:50px;z-index:999;color:#fff;}
#bars>div{position:absolute;}
#bars .bars-logo{width:100px;left:0;right:0;margin:auto;top:5px;}
#bars .bars-logo img{display:block;margin:auto;}
#bars .bars-icon{left:20px;font-size: 25px;line-height:1;top:12px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;}
.open #bars .bars-icon{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
#bars .bars-lang{right:20px;top:12px;}
#bars .bars-lang ul{padding:0;margin:0;}
#bars .bars-lang li{display:inline-block;padding:0 7px;border-right:1px solid #fff;font-size: 14px!important;/*12*/}
#bars .bars-lang li:last-child{border:none;}
#bars .bars-lang li.selected{font-family:'MontserratBold';}
#bars .bars-lang li.selected a{text-decoration:underline;}
#bars .bars-lang li a{color:#fff;}
header .top-header{position:fixed;top:0;left:0;width:280px;background:#150c45;z-index:99;height:100%;-webkit-transition:all .8s;-moz-transition:all .8s;-o-transition:all .8s;transition:all .8s;-ms-transition:all .8s;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);max-height:100%;overflow-y:scroll;padding-top:50px;}
header.open .top-header{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-o-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);}
header .top-header>div>div{display:none;}
header .top-header>div .top-destination,
header .top-header>div .top-menu{display:block;}
header .top-header ul{padding:0;margin:0;}
header .top-header ul li,
header .top-header ul li span{list-style:none;padding:10px 20px;border-bottom:1px solid #fff;}
header .top-header ul li span{border-top:1px solid #fff;display:block;color:#fff;}
header .top-header>div .top-destination>ul>li{padding:0;border:none;}
header .top-header>div .top-destination>ul>li li{padding-left:40px;}
header .top-header>div .top-destination>ul>li li.now-here:before{content:"\f041";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;margin-left:-15px;margin-top:2px;color:#fff;}
header .top-header>div .top-destination>ul>li li a{color:#bbb;}
header .top-header a{color:#fff;display: block;}
header .top-destination{}
header .top-menu>nav>ul>li{position:relative;}
header .top-menu>nav>ul>li >i{color:#fff;font-size: 20px!important;/*18*/position:absolute;right:0;top:0;padding:10px 15px;}
header .top-menu>nav>ul>li >.sub-dropdown{display:none;padding-top:10px;}
header .top-menu>nav>ul>li >.sub-dropdown li{border:none;padding:8px 20px;}
.page-slider .bx-wrapper .bx-viewport,
.page-slider .gallery li{min-height:480px;}
/* .page-slider .bx-wrapper .bx-viewport, */
/*.page-slider .gallery li{min-height:250px;}*/
}

header .top-destination>ul>li:hover div{display:block;}
header .top-destination div{position:absolute;z-index:999; padding-top:20px;display:none;}
header .top-destination div >ul{background:#fff;padding:20px 0;width:100%;position:relative;}
header .top-destination li ul li{padding-right:0px;}
header .top-destination li ul li a {color:#aaa; display:block; padding:5px 20px;}
header .top-destination li ul{line-height:inherit;border:1px solid #aaa;overflow:visible;}
header .top-destination div li{margin:0;padding:0;display:block;}
header .top-destination div li a{color:#fff;display:block;padding:5px 20px;}
header .top-destination div li:hover a{background:#fff;color:#150c45;}
header .top-destination div >ul:before{position:absolute;top:-8px;width:0px;height:0px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #150c45;left:10px;content:'';}
header .top-destination li:last-child div >ul:before{left:10px;}

/* Subpage */
header .top-destination li ul.step-2 {
    display: none;
    border: 0;
    padding: 10px 20px;
}
header .top-destination li ul.step-2 li {
   
}
header .top-destination li ul.step-2 li a {
    padding: 5px 0 5px 10px;
}
header .top-destination li.subpage > a:after{
	content: "\f078";
    display: inline-block;
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px!important;/*10*/
    padding-left: 20px;
	color: #140b43;
}

@media(max-width:1366px){.block-slider-thumb>div{max-width:1110px;margin:auto;}
}
@media(max-width:1140px){.wrapper{padding:0 30px;}
}
@media(max-width:1100px){header .top-destination{padding:0px;}
	header .top-destination div li:hover a{background-color:transparent;}
	header .top-destination div{ padding:0px;width:100%;position:inherit;padding-bottom:0px;padding-top:10px;display:inherit;}
	header .top-header>div .top-destination>ul>li{list-style:none; padding:10px 20px; border-bottom:1px solid #fff; position:relative;}
	header .top-header>div .top-destination>ul>li ul{padding:0px;border:none;}
	header .top-destination li ul{background-color:transparent;border:none;}
	header .top-header>div .top-destination>ul>li li{border:none; padding:8px 20px;}
	header .top-header>div .top-destination>ul>li li a{padding:0px;text-transform:uppercase;color:#fff;}
	header .top-header>div .top-destination>ul>li li.now-here:before , header .top-destination li:last-child div >ul:before{display:none;}
	header .top-header>div ul>li li a{font-size: 13px!important;/*12*/text-transform:uppercase;}
	header .top-header .top-destination ul li span{border:none;padding:0px;}
	header .top-header .top-destination i{color:#fff; font-size: 20px!important;/*18*/ position:absolute; right:0; top:0; padding:10px 15px;}
}
@media(max-width:1100px){.block-blog li{padding:10px 20px 10px 0;}
footer .links-top li{font-size: 14px!important;/*12*/}
footer .block-subscribe,
footer .block-social{width:100%;}
footer .block-social{text-align:center;padding-top:20px;}
footer .block-subscribe label{width:40%;}
footer .block-subscribe form{width:58%;}
footer .block-subscribe button{width:120px;-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-o-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);}
}
@media(max-width:1024px){}
@media(max-width:1024px){.page-content .wrapper >div{margin-bottom:30px!important;}
.content-3-cols>.block-text{margin:30px auto;}
.block-iframe-view iframe{max-height:450px!important;}
.content-4-cols .box-temp-1 .box .block-text{padding:50px 20px 100px;}
footer{margin-top:30px;}
footer .links-footer p a{width:80%;font-size: 14px!important;/*12*/}
.page-content-add .block-add >.block-col{width:100%!important;padding:0 0 20px!important;}
header.open .bg-fix{
	background-color: rgba(0, 0, 0, 0.18);
    width: 100%;
    position: fixed;
    display: block;
    height: 100%;
    z-index: 99;
}
}
@media(max-width:920px){.box-temp-1 .box img{width:100%;}
.box-temp-1 .box .block-text{padding:30px 20px;}
.box-temp-1 .box .block-link{position:relative;bottom:auto;margin-top:20px;}
.content-4-cols .box-temp-1 .box{width:50%;float:left;display:block;}
.content-4-cols .box-temp-1 .box:nth-child(even){clear:none;}
.content-4-cols .box-temp-1 .box:nth-child(2n+1){clear:left;}
.content-4-cols .box-temp-1 .box .block-text{padding:30px;}
.ig-style .box{width:calc( 33.33% - 10px);}
footer .links-top>div{margin-bottom:20px;padding:0;padding-right:20px;    width: 33%;}
footer .links-top>div:nth-child(odd){}
footer .links-top>div:nth-child(3n+1){ clear: left;}
footer .links-top>div:last-child ul{float:left;}
footer .block-subscribe label{width:100%;text-align:center;}
footer .block-subscribe form{width:100%;margin-top:20px;}
/*.instagram-id, .ig-style{width:100%;}*/
.instagram-id{height:auto !important;}
/*.instagram-id strong{display: block;}*/
.instagram-id{padding: 20px 60px;}
.instagram-id strong > a{letter-spacing: normal;}
/*.instagram-id>div{padding:20px 80px;padding-right:0;}*/
.instagram-id>div p{margin:0;}
/*.ig-style{margin-top:0;margin-left:0;}*/
.page-slider .gallery .items .text> div{
    width: 60%;
}
}
@media(max-width:767px){.intro .page-content-1{margin:50px 0;}
.box-temp-1 .box-list{float:none;max-width:500px;margin:auto;}
.box-temp-1 .box{display:block;width:100%;}
.block-slider-thumb{padding:0;}
#booking{width:100%;}
#booking.active{overflow-y:scroll;}
}
@media(max-width:640px){.block-review .bx-wrapper{padding:0 40px;}
.block-review .bx-wrapper .bx-controls-direction a{width:18px;height:12px;background-size:100%!important;}
.ig-style .box:first-child:before{left:10px;top:10px;font-size: 22px!important;/*20*/}
.ig-style .box{font-size: 14px!important;/*12*/}
.ig-style .box strong{font-size: 14px!important;/*12*/margin-left:0;font-family:'MontserratRegular';display:block;}
.block-accomodation .box{margin:10px 0;}
.block-accomodation .block-text{padding:20px;height:auto;position: relative ;}
.page-content h1{margin-bottom:20px;}
.page-content-add iframe{max-height:200px;width: 100%;}
.block-collection-list.block-accomodation{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.block-collection-list.block-accomodation .box{
	clear: inherit;
	float: none;
    -ms-flex: 0 0 50%;
    flex: 0 0  50%;
    max-width:  50%;
    margin:0 0 10px;
}

footer .links-footer{padding:20px;}
footer .links-top>div{width:50%!important;}
footer .links-top>div:nth-child(3n+1),
footer .links-top>div:nth-child(odd){clear:inherit;}
footer .links-top>div:nth-child(even){clear:none;}
footer .links-top>div:nth-child(2n+1){clear:left;}
footer .block-social p{display:block;margin-bottom:20px;}
footer .block-social ul{display:block;padding:0;margin:0;border:none;}
/* footer .links-top>div:nth-child(5) li{width:50%;margin-bottom:20px;text-align:left;padding:0px;padding-right:20px;}
footer .links-top>div:nth-child(5) li:nth-child(2){padding-left:3px;} */

#booking .book-title:hover{
    background: #fff;
    color: #150c45;
    font-family: 'MontserratBold';
}
.page-slider .bx-wrapper .bx-viewport,
.page-slider .gallery li,.page-slider .gallery .items{min-height:200px;}
.page-slider .gallery .items .text{display: none;}
.page-slider .custom-item {background:none!important;min-height: 1px!important;}
.page-slider .custom-item .image-desktop{display:none!important;}
.page-slider .custom-item .image-mobile{display:block!important;visibility: visible!important;}
}
@media(max-width:500px){
#booking .book-form{width:100%;}
#booking .book-form li{display:none;}
#booking .book-form li:nth-child(2),
#booking .book-form li:last-child{display:block;}
}
@media(max-width:480px){
.block-blog{margin-top: 30px;}
.instagram-id>div.icon , .instagram-id .icon a:before{font-size: 26px!important;/*24*/}
.instagram-id {
    padding: 15px;
}
.instagram-id>div a , .instagram-id>div p{font-size: 13px!important;/*11*/}
body{font-size: 14px!important;/*12*/}
.wrapper{padding:0 20px;}
#bars .bars-logo{width:80px;left:0;right:0;margin:auto;top:10px;}
#bars .bars-lang{right:10px;}
.ig-style .box:first-child{padding:0;font-size: 12px!important;/*10*/}
.block-blog{padding:20px;}
.block-blog li{font-size: 14px!important;/*12*/}
.m-content{padding-left:20px!important;padding-right:20px!important;}
.block-iframe-view iframe{max-height:350px!important;}
.ccm-layout-table .ccm-layout-col{width:100%!important;}
.ccm-layout-col-spacing{margin:0 0 20px !important;}
.block-accomodation .block-text h3{font-size: 12px!important;/*10*/}
.content-3-cols>.block-text{padding:0 20px;}
.content-4-cols .box-temp-1 .box{width:100%;}
footer .kos a:hover{color:#fff;}
footer .links-top>div:nth-child(5){}
footer .grey-footer{padding:20px;}
footer .block-social li{margin:0 10px;}
footer .block-subscribe button{width:90px;font-size: 12px!important;/*10*/}
footer .links-top li{margin-bottom:10px;}
footer .links-top>div:last-child li{width: 100%;}
footer .links-footer>div{margin-top:20px;font-size: 14px!important;/*12*/}
footer .links-bottom li:after{display:none;}
footer .links-bottom li{display:block;margin-bottom:10px;}
.grey-filter img , .grey-filter .block-image{-webkit-filter:grayscale(0)!important;-moz-filter:grayscale(0%)!important;-ms-filter:grayscale(0%)!important;-o-filter:grayscale(0%)!important;filter:none!important;}
}
@media(max-width:413px){
.ig-style .box{
	width: calc( 50% - 5px);
	margin: 0 2.5px 5px 2.5px;
}
.ig-style{margin-left: -2.5px;margin-right: -2.5px;}
.page-slider .gallery .items .text> div{
    width: 80%;
    padding: 20px;
}
.block-accomodation .block-text{padding: 20px 10px;letter-spacing: 1px;}
}
@media(max-width:350px){footer .block-social li{margin:0 8px;}
.instagram-id>div.icon{left:15px;top:34px;}
.instagram-id>div{padding-left:35px;}
}
body#phuket .home-content-3{display:none;}
.block-award ul{text-align:center;}
.block-award li{display:inline-block;padding:0 10px;}
.block-award img{max-width:100px;}

.top-flags{padding: 10px 10px;position: relative;cursor: pointer;}
.top-flags ul li{display: block;}
.top-flags ul li a{  padding: 0px 10px;float: left;}
.top-flags .sub{
	position: absolute;
	display: none;
	opacity: 0;
	z-index: 99;
	padding: 10px 0;
    left: 0;
    background-color: #fff;
    margin-top: 8px;
    border:1px solid #4D4D4D;
}
.top-flags:hover .sub{
	opacity: 1;
	display: block;
}
.top-flags img{width: 35px;}
@media(max-width: 1300px) and (min-width: 1100px){
	header .top-header .top-left {
    	/*width: 35%;*/
	}
}
@media (min-width: 1100px){
	header .top-header >div , header .top-header{
	    display: flex;
	    vertical-align: middle;
	    align-items: center;
	    justify-content: space-between;
	}
	header .top-header>div.top-right{justify-content: flex-end;} 
	header .top-header .top-left{justify-content: flex-start;}
	/*header .top-header >div{width: 70%;}*/
	.top-header{width: 100%;}
}
@media (min-width: 1100px){
	.top-flags .sub ul:before {
	    position: absolute;
	    top: -8px;
	    width: 0px;
	    height: 0px;
	    border-left: 8px solid transparent;
	    border-right: 8px solid transparent;
	    border-bottom: 8px solid #4D4D4D;
	    left: 10px;
	    content: '';
	}
	.top-flags .sub ul li:hover a, .top-flags .sub ul li.active a{
	    background: #fff;
	}
}
@media(max-width: 1099px){
	header .top-header>div>div.top-flags{display: block;}
	.top-flags .main{display: none;}
	.top-flags .sub {
	    width: 100%;
	    background-color: transparent;
	    position: inherit;
	    display: block;
	    opacity: 1;
	    padding: 0px;
	    float: left;
	    border: 0px;
	}
	.top-flags ul li {
	    display: block;
	    padding: 0px!important;
	    border: 0px!important;
	}
}

/*------------------------------------------------*/

.only-pc{display: block;}
.only-mb{display: none;}

header .top-right>div{width: 100%;}
.top-menu nav>ul, .top-flags ul{
    display: flex;
    justify-content: flex-end;
    align-items: center; 
}
.top-menu nav>ul .flag {
	display: block;
}
.top-flags{padding: 0px 0px 10px;}
header .top-header>div.top-right{display: block;padding-bottom: 10px;}
header .top-header .top-left{align-items: flex-end;}
header .top-destination{padding-bottom: 10px;padding-top: 0px;}
header .top-header{align-items: flex-end;}
.top-flags li img{filter: grayscale(100%);width: auto!important;height:20px;opacity: 0.8;transition: all .3s;}
.top-flags li.active img , .top-flags li:hover img{filter: grayscale(0%);opacity: 1;}
.top-flags ul li a{padding: 0 5px!important;}
.top-menu nav>ul>li>i.none,
header .top-header ul li#cn i,
header .top-header ul li#de i,
header .top-header ul li#fr i{display:none!important;}
@media (max-width: 1370px) and (min-width: 1100px){
    header .top-destination{padding-bottom: 10px;}
    header .top-header>div.top-right{padding-bottom: 10px;}
}
@media(max-width: 1100px){
    .only-pc{display: none;}
    .only-mb{display: block;}
    .top-flags.only-pc{padding: 0px;}
    header.des-header .top-menu>nav>ul> li {
        margin: 0px;
    }
    .top-menu nav>ul, .top-flags ul {
        display: block;
    }
    header .top-header .top-left,header .top-header >div{width: 100%;}
    header .top-destination{padding-bottom: 0px;}
    .top-flags.only-mb .main{display: block;}
    .top-flags.only-mb ul {
        display: flex;
        justify-content: center;
        margin-top: 20px!important;
    }
    .top-flags.only-mb ul img{
        height: 30px;
    }
    header .top-header ul li#cn img,
header .top-header ul li#de img,
header .top-header ul li#fr img{display:inline-block;}
header .top-header ul li#cn span,
header .top-header ul li#de span,
header .top-header ul li#fr span{display:inline-block;vertical-align:middle;border:0;}
header .top-header ul li#cn,
header .top-header ul li#de{border-bottom:0;}
header .top-header ul li#de{padding-top:0;padding-bottom:0;}
}
@media(max-width: 480px){
	.page-slider .gallery .items .text h1{
		font-size: 24px;
		margin: 0 0 20px;
	}
}

#booking .book-form,
.page-content #booking .book-form {
    padding-bottom: 0;
}


.form-readmore {
    margin-left: -20px;
    margin-right: -20px;
    padding-top: 19px;
    clear: both;
}

header{padding: 0;}
header .top-header{padding-top: 10px; padding-bottom: 10px; }
header .top-header > div.top-right { padding-bottom: 0; display: flex; align-items: flex-end; flex-direction: column; }
header .top-header > div.top-right > ul.lang { text-align: right; margin-bottom: 10px; }
header .top-header > div.top-right > ul.lang > li > a { display: inline-block; width: 20px; margin-left: 5px; }
header .top-header > div.top-right > ul.lang > li > a > img{ opacity: .5; }
header .top-header > div.top-right > ul.lang > li.active > a > img{ opacity: 1; }
body.shrink header{padding: 0;}
body.shrink header .top-header{padding-top: 10px; padding-bottom: 10px;}

@media (max-width: 1100px) {  

    header .top-header { flex-direction: column; justify-content: flex-start; padding-top: 50px; }  
    header .top-header > div.top-right > ul.lang { margin-bottom: 0; display: flex; justify-content: flex-start; border-bottom: 1px solid #fff; width: 100%; order: 2; padding: 10px 20px; }
    header .top-header > div.top-right > ul.lang li { border-bottom: none; padding: 0; margin-right: 10px; } 
    body.shrink header .top-header { padding-top: 50px; }
    
}

.top-banner{display:none;background-color:#151e47 /*#2D2459*/;text-align:center;padding:20px;position:relative;}
.top-banner.active{display:block;}
.tb-close{position:absolute;cursor:pointer;background-color:#fff;display:block;width:35px;height:35px;top:50%;margin-top:-18px;right:40px;border-radius:50%;}
.tb-close span:before,
.tb-close span:after{content:'';width:0;height:17px;border-left:2px solid #2D2459;display:block;position:absolute;left:50%;margin-left:-1px;top:50%;margin-top:-8px;}
.tb-close span:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.tb-close span:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

/*topbanner*/
.top-banner{padding: 10px;} 
.top-banner img {/*width:500px;*/height:50px;}  
/*topbanner*/

@media(max-width: 1100px) {
    article {
        margin-top: 0;
    }
    .top-banner {
        width: 100%;
        position: fixed;
        top: 50px;
        left: 0;
        z-index: 99;
        height: 70px;
        /*padding: 20px 100px 20px 30px;*/
    }
    .top-banner .tb-wrapper {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .top-banner img {
        height: inherit;
        padding-right: 70px;
    }
    .top-banner .tb-close {
        right: 30px; 
    }
}

/*popup*/

.edit .popup{
    display: none; 
}
.popup{ 
    width: 850px;
    height: 570px;
    background: #150C45;
    margin: 30px auto 0;
    padding: 1px; 
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -425px;
    margin-top: -235px; 
    z-index: 999;
    outline: 1000px solid rgba(0,0,0,.5);
}

@media(max-width: 878px){
    .popup{  
        width: 90vw;
        height: 80vh;
        background: #150C45; 
        margin: initial;
        padding: 1px;
        position: fixed;
        left: 5vw;
        top: 10vh;   
        margin-left: initial;
        margin-top: initial;
        z-index: 999;
        outline: 1000px solid rgba(0,0,0,.5);
    }
}

.popup .popup-content{
	width: 100%; 
	height: 100%;
    background:#fff; 
    position: relative;
    display: flex;
}

.popup .popup-content .image{
    width: 390px;   
}

@media(max-width: 878px){
    .popup .popup-content .image{
        display: none;
    }
}
.popup .popup-content .image img{
	width: 100%; 
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.popup .popup-content .content{
    width: 460px;
}

@media(max-width: 878px){
    .popup .popup-content .content{
        width: 100%;
    }
}

.popup .popup-content .content .top{
    padding: 50px 50px 20px 50px;
    height: 430px;
    overflow: scroll;
}

.popup .popup-content .content .top h2{
    font-size: 16px;
    color: #150A4E;
    letter-spacing: 0; 
    line-height: 18px;
    text-transform: uppercase;
    margin: 0;
    padding: 0; 
    margin-bottom: 10px;
}
.popup .popup-content .content .top p{
    font-size: 12px;
    color: #9C9FB0;
    letter-spacing: 0;
    line-height: 18px;
}
.popup .popup-content .content .bottom{
    height: 140px;
    background: #150C45;
    padding: 20px 50px; 
    position: absolute;
    bottom: 0;
    width: 459px; 
}

@media(max-width: 878px){
    .popup .popup-content .content .bottom{ 
        width: 100%;
    }
}

.popup .popup-content .content .bottom p{
    font-size: 12px;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 18px; 
}

.popup .close{
	position: absolute;
    top: 0;
	right: 0;
	background: #150C45;
	width: 48px;
	height: 48px;
	/*padding: 0 0 5px 5px;*/ 
    display: flex;
    justify-content: center; 
    align-items: center;
    cursor: pointer;
    z-index: 1;
    opacity: 1;
}

.popup .close:before{
	content: "";
	position: absolute;
    width: 20px;
    height: 2px;
    background: #fff;
    display: block;
    transform: rotate(45deg);
} 

.popup .close:after{
	content: "";
	position: absolute;
    width: 20px;
    height: 2px;
    background: #fff;
    display: block;
    transform: rotate(-45deg);
}

#web-messenger-container {
    /*
    width: 70px;
    height: 80px;
    */
}