@font-face{
    font-family:'nanummyeongjobold';
    src:url('/themes/kos//fonts/nanummyeongjo/nanummyeongjo-bold.eot');
    src:url('/themes/kos//fonts/nanummyeongjo/nanummyeongjo-bold.eot?#iefix') format('embedded-opentype'),
        url('/themes/kos//fonts/nanummyeongjo/nanummyeongjo-bold.woff') format('woff'),
        url('/themes/kos//fonts/nanummyeongjo/nanummyeongjo-bold.ttf') format('truetype'),
        url('/themes/kos//fonts/nanummyeongjo/nanummyeongjo-bold.svg#nanummyeongjobold') format('svg');
    font-weight:normal;
    font-style:normal; 
}
 
@font-face{
    font-family:'nanummyeongjoregular';
    src:url('/themes/kos//fonts/nanummyeongjo/nanummyeongjo-regular.eot');
    src:url('/themes/kos//fonts/nanummyeongjo/nanummyeongjo-regular.eot?#iefix') format('embedded-opentype'),
        url('/themes/kos//fonts/nanummyeongjo/nanummyeongjo-regular.woff') format('woff'),
        url('/themes/kos//fonts/nanummyeongjo/nanummyeongjo-regular.ttf') format('truetype'),
        url('/themes/kos//fonts/nanummyeongjo/nanummyeongjo-regular.svg#nanummyeongjoregular') format('svg');
    font-weight:normal;
    font-style:normal; 
}

@font-face{
    font-family:'epiloguelight';;
    src:url('/themes/kos//fonts/epilogue/Epilogue-Thin.ttf') format('truetype'); 
    font-weight:normal;
    font-style:normal; 
}

@font-face{
    font-family:'epiloguelight';
    src:url('/themes/kos//fonts/epilogue/Epilogue-ExtraLight.ttf') format('truetype'); 
    font-weight:normal;
    font-style:normal; 
}

@font-face{
    font-family:'epiloguelight';
    src:url('/themes/kos//fonts/epilogue/Epilogue-Light.ttf') format('truetype'); 
    font-weight:normal;
    font-style:normal; 
}


/*
*/

/*
@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:'nanummyeongjoregular';
    src:url('/themes/kos//fonts/GTWalsheimThin.eot');
    src:url('/themes/kos//fonts/GTWalsheimThin.eot') format('embedded-opentype'),
        url('/themes/kos//fonts/GTWalsheimThin.woff') format('woff'),
        url('/themes/kos//fonts/GTWalsheimThin.ttf') format('truetype'),
        url('/themes/kos//fonts/GTWalsheimThin.svg#GTWalsheimThin') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face{
    font-family:'nanummyeongjoregular';
    src:url('/themes/kos//fonts/GTWalsheimRegular.eot'); 
    src:url('/themes/kos//fonts/GTWalsheimRegular.eot') format('embedded-opentype'),
        url('/themes/kos//fonts/GTWalsheimRegular.woff2') format('woff2'),
        url('/themes/kos//fonts/GTWalsheimRegular.woff') format('woff'),
        url('/themes/kos//fonts/GTWalsheimRegular.ttf') format('truetype'),
        url('/themes/kos//fonts/GTWalsheimRegular.svg#GTWalsheimRegular') format('svg');
}
*/ 
 
html{min-height:100%;overflow-x:hidden;}  
body{background:transparent;font-size: 17px;font-family: 'epiloguelight';;color:#000} 
a, a:link, a:active, a:visited,a:focus{outline:none;text-decoration:none;}
a:focus{color:#000;}
a{color:#4D4D4D}
a:hover{color:#333;}
#logo{display:block;}
.ccm-block-field-group h2{font-size: 20px;}
img{max-width:100%;height:auto;border:0;}
::-moz-selection{background-color:#4D4D4D;color:#fff;}
::selection{background-color:#4D4D4D;color:#fff;}
input:focus,
textarea:focus,
select:focus{outline:none !important;}
h1,h2,h3,h4,strong{font-family:'nanummyeongjoregular';font-weight:normal;}
label{font-weight:normal;}
header,
footer,
article{float:left;width:100%;}
.page-wrapper{max-width:1200px;margin:auto;padding:0 50px;}

.detail-pic img{margin-bottom: 15px;}
.detail-info a.bg-btn{
	color: #fff;
    display: inline-block;
    padding: 10px 40px;
    background: #4D4D4D;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 15px;
}
.kbanner{
	width: 100%;
	float: left;
    background-color: #808285;
    display: inline-block;
    position: relative;
    color: #fff;
    padding: 10px;
    display: none;
}
.kbanner p{margin: 0px;}
.kbanner a{color: #fff;text-decoration: underline;}
.kbanner img.main{width: auto;margin: auto;display: block;}
.kbanner img.ribbon{height: 100%;position: absolute;top: 0;left: 0;}

article{position: relative;}
img.ccm-captcha-image{display:block}
*.ccm-spacer{clear:both;font-size: 1px;line-height:1px;}
div.ccm-pagination{text-align:center;position:relative}
div.ccm-pagination span.ccm-page-right{position:absolute;top:0px;right:0px;margin-right:0px !important}
div.ccm-pagination span.ccm-page-right span{margin-right:0px}
div.ccm-pagination span.ccm-page-left{position:absolute;top:0px;left:0px}
div.ccm-pagination span{margin-right:4px}
.ccm-ui div.ccm-pagination span{margin-right:0px;}
div.pagination ul strong, div.pagination ul span.ltgray{display:block;padding:0 14px;float:left;line-height:34px;border-right:1px solid #DDD;text-decoration:none;}
.ccm-layout-table .ccm-layout-col{float:left}
.ccm-layout .first .ccm-layout-col-spacing{margin-left:0px !important}
.ccm-layout .last .ccm-layout-col-spacing{margin-right:0px !important}
.ccm-error{font-weight:bold;color:#f00}
.ccm-required{font-weight:bold;color:#3975AD}
div#ccm-overlay{position:fixed;z-index:99;top:0px;left:0px;background-color:#000;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;height:100%;width:100%;display:none;}
.ccm-input-time-wrapper select{width:55px !important;margin-right:4px !important;}
.ccm-input-date{width:80px !important;margin-right:4px !important;}

#livechat-full , #livechat-compact-container{left: 15px!important;right: inherit!important;}
.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:#4D4D4D;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;}
.ui-datepicker{background-color:#4D4D4D;border:1px solid #4D4D4D;border-radius:0;display:none;margin-top:4px;padding:10px;width:240px;}
.ui-datepicker a,
.ui-datepicker a:hover{text-decoration:none;color:#fff;}
.ui-datepicker a:hover,
.ui-datepicker td:hover a{color:#4D4D4D;-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;}
.ui-datepicker .ui-datepicker-header{margin-bottom:4px;text-align:center;}
.ui-datepicker .ui-datepicker-title,
.ui-datepicker .ui-datepicker-calendar th{color:#fff;font-weight:normal;}
.ui-datepicker .ui-datepicker-prev,
.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;}
.ui-datepicker .ui-datepicker-prev{float:left;text-align:left;}
.ui-datepicker .ui-datepicker-next{float:right;text-align:right;}
.ui-datepicker .ui-datepicker-prev:before{content:"\f0d9";}
.ui-datepicker .ui-datepicker-next:before{content:"\f0da";}
.ui-datepicker .ui-datepicker-prev:hover:before,
.ui-datepicker .ui-datepicker-next:hover:before{color:#fff;}
.ui-datepicker .ui-icon{display:none;}
.ui-datepicker .ui-datepicker-calendar{table-layout:fixed;width:100%;}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td{text-align:center;padding:4px 0;}
.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;}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable.ui-state-disabled span { color: #929292 !important;}
.ui-datepicker .ui-datepicker-calendar td:hover{background-color:#808080;cursor:pointer;}
.ui-datepicker .ui-datepicker-calendar td a{text-decoration:none;}
.ui-datepicker .ui-datepicker-current-day{background-color:#4D4D4D;}
.ui-datepicker .ui-datepicker-current-day a{color:#fff}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover{background-color:#7D7D7D;cursor:default;}
.bx-wrapper{position:relative;margin:0 auto;padding:0;*zoom:1;}
.bx-wrapper img{max-width:100%;display:block;}
.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: 'epiloguelight';;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;*zoom:1;*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;}
.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-head{margin:auto;padding:0 20%;}
body.shrink .wrapper-head{margin:auto;padding:0 20%;}
.wrapper{margin:auto;padding:0 20%;}
/*header.main-header .top-menu>nav>ul> li:first-child{display:none;}*/  
header .top-lang,
header .bars-lang{display:none;}
header .top-flags{text-align:right;margin-bottom:10px;cursor:initial;}
header .top-flags>div{display:inline-block;vertical-align:middle;} 
header .top-menu .btn-login a,
header .top-flags .btn-login a{background-color:#DC8633;white-space:nowrap;padding:6px 12px;border:2px solid #DC8633;margin-right:15px;}
header .top-menu .btn-login a{display:none;}
header .top-menu .btn-login a:hover,
header .top-flags .btn-login a:hover{background-color: #fff;}
@media (max-width:1100px) {
header .top-flags .btn-login a{display:none;}
header .top-menu .btn-login a{display:inline-block;text-align:center;width:100%;color:#4D4D4D;font-weight:bold;letter-spacing:1px;}
}
@media (min-width:1100px) {
header{color:#000;padding:30px 0;font-size: 14px;-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:10px;top:0;}
body.shrink.u-login header{top:auto;}
header ul{margin:0;padding:0;}
header ul li{display:inline-block;text-transform:uppercase;font-family:'nanummyeongjoregular';}
header li a{color:#000;}
header .top-header{display:table;width:100%;table-layout:fixed;}
header .top-header >div{display:table-cell;vertical-align:middle;}
header .top-header .top-left{width:35%;}
header .top-left>div{float:left;}
header #logo img{/*width:150px*/ height: 100px;-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:150px;*/ height:50px;margin-top:8px;}
header .top-right>div{float:right;}
header .top-destination{padding:25px 0 25px 3vw;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(2){-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(1){-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:hover li ul li:nth-child(1),
header .top-destination:hover li ul li:nth-child(2){-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);transform:translateX(0px);}
header.des-header .top-destination li ul li,
header.des-header .top-destination li ul li:nth-child(1),
header.des-header .top-destination li ul li:nth-child(2){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 a:hover,
header .top-destination li ul li.now-here a{color:#4D4D4D;}
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; /*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:'nanummyeongjoregular';color:#4D4D4D;}
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:#4D4D4D;}
header .top-lang{position:relative;padding-left:30px;border-left:1px solid #bababa;margin-left:30px;}
header .top-lang span{font-family:'nanummyeongjoregular';text-transform:uppercase;cursor:pointer;}
header .top-lang ul{padding:0;margin:0;position:absolute;background:#4D4D4D;border:1px solid #4D4D4D;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:'nanummyeongjoregular';}
header .top-lang li a{color:#fff;display:block;padding:8px 10px;}
header .top-lang li:hover a{background:#fff;color:#4D4D4D;}
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; /*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:200px;padding-top:20px;}
header .top-menu li:last-child .sub-dropdown{right:0;}
header .top-menu .sub-dropdown >ul{background:#4D4D4D;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 .top-menu .sub-dropdown li a.nav-path-selected{background:#fff;color:#4D4D4D;}
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 #4D4D4D;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;}
}
.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;}
.page-slider{position:relative;visibility:hidden;background:#808080;}
.page-slider ul{padding:0;margin:0;}
.page-slider .bx-wrapper .bx-viewport,
.page-slider .gallery .item,.page-slider .gallery .items{min-height:480px;}

.page-slider .gallery .items .text{
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 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 .custom-item .image-mobile{display:none;}

@media(min-width:1600px){
	.page-slider .gallery .item,.page-slider .gallery .items{min-height:560px;}
}
.page-slider .gallery .item,.page-slider .gallery .items{background-size:cover;background-position:center;}
.page-slider .gallery .item,.page-slider .gallery .items img{visibility:hidden;}
.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 .bx-wrapper .bx-pager{z-index:50;left:0;right:0;} 
.page-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.page-slider .bx-wrapper .bx-pager.bx-default-pager a.active{background:#fdc131;}
.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:#4D4D4D;font-size: 20px; /*18*/font-family: 'epiloguelight';;color:#4D4D4D;letter-spacing:3px;}
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4{font-size: 20px; /*font-family:'GTWalsheimRegular'*/ font-family: 'nanummyeongjoregular', serif; ;color:#4D4D4D;letter-spacing:3px;margin-top:0;}
.page-content h4{font-size: 18px;}
.page-content h1{margin-bottom:50px;}
article>div,
.page-content>div>div{float:left;width:100%;}
.page-content strong{color:#4D4D4D;font-size: 18px;}
.wr-booking{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;}
body.shrink .wr-booking{position:relative;max-width:1600px;margin:0 auto;}
#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;}
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;}
.no-flexboxlegacy select::-ms-expand{display:none;}
#booking .book-title{background:#4D4D4D;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:#4D4D4D;font-family: 'epiloguelight';;}
#booking .book-form{background:rgba(77,77,77,.6);color:#fff;padding:40px 20px 20px;font-size: 12px;-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;/*overflow:hidden;*/float:left;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:2em;}
#booking .book-form form>ul >li{margin-bottom:1.5em;}
#booking .book-form ul li{list-style:none;}
#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 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;margin-bottom:10px;position:relative;}
#booking .book-form .select-box select{font-size: 12px;width:100%;padding:7px 10% 7px 8px;border:none;box-shadow:none;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;color:#000;}
#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;}
#booking .book-form .input-date{position:relative;}
#booking .book-form .input-date span{position:absolute;font-size: 20px;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 .input-number{position:relative;}
#booking .book-form .input-number span{position:absolute;top:50%;margin-top:-5px;cursor:pointer;font-size: 10px;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:20px;}
#booking .book-form button{background:#fff;color:#4D4D4D;text-transform:uppercase;font-size: 16px;letter-spacing:1px;font-family: 'epiloguelight';;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:hover{background:transparent;color:#000;border:1px solid #000;}
#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;}
.ui-datepicker .ui-state-default{color:#fff!important;}
#booking .book-title > span {
    display: block;
}
.book-pop{position:fixed;z-index:9999;width:100%;height:100%;background:rgba(0,0,0,.7);top:0;}
.book-pop>div{max-width:400px;margin:auto;background:#4D4D4D;color:#fff;padding:20px 40px;position:absolute;top:30%;left:0;right:0;margin:auto;}
.book-pop h3{text-transform:uppercase;text-align:center;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;font-family:'nanummyeongjoregular';color:#fff;}
.book-pop .highlight{border:1px solid red;}
.book-pop textarea{height:100px;}
.book-pop button{background:#808080;color:#fff;border:none;box-shadow:none;padding:7px 30px;float:right;font-family:'nanummyeongjoregular';}
.book-pop button:hover{background:#222;}
.book-pop-close{position:absolute;top:0;right:0;background:#222;width:50px;height:50px;cursor:pointer;}
.book-pop-close:hover{background:#000;}
.book-pop-close:before,
.book-pop-close:after{content:'';position:absolute;background:#fff;height:3px;width:35px;top:50%;right:7px;}
.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;}
.ig-style{width:70%;float:left;position:relative;margin-top:5%;margin-left:-20%;}
.ig-style .box{float:left;width:33.33%;text-align:center;overflow:hidden;position:relative;}
.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:#4D4D4D;color:#fff;padding:20px;display:table;table-layout:fixed;letter-spacing:2px;position:relative;}
.instagram-id{width:50%;float:left;}
.instagram-id>div.icon{display:block;width:auto;min-height:0;padding:0;position:absolute;left:40px;top:30px;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:inline-block;position:relative;}
.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;/*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 a{font-size: 17px;font-family: 'epiloguelight';;color:#FFF;}
.ig-style .box strong{display:inline-block;font-size: 22px;}
.block-blog{color:#fff;background:#4D4D4D;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;}
.block-review .rw-rate i{margin:0 3px;color:#fee406;}
.block-review .rw-commtent{margin-bottom:15px;}
.block-review .rw-by{color:#4a4a4a;}
.block-accomodation .box{float:left;position:relative;width:49.5%;overflow:hidden;margin:.25% .5% .25% 0;}
.block-collection-list.block-accomodation .box a{display:block;}
.block-collection-list.block-accomodation .box{margin:0;}
.block-accomodation .box:nth-child(even){clear:none;}
.block-accomodation .box:nth-child(2n+1){clear:left;}
.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;width:100%;}
.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:#808080;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: 17px;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;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-list.box-temp-1{display:flex;flex-flow:row wrap;table-layout:fixed;position:relative;width:100%;float:left;}
.box-temp-1 .box{display:table-cell;width:33.33%;background:#808080;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:#000} 
.box-temp-1 .box .block-image{overflow:hidden;}
.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:#000;text-align:center;position:absolute;top:45%;width:100%;left:0;z-index:10;opacity:0;font-family: 'epiloguelight';;font-size: 20px; /*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:'nanummyeongjoregular';letter-spacing:3px;display:block;margin-bottom:20px;margin-top:0;font-size: 17px; /*14*/;color:#fff;}
.box-temp-1 .box h3{text-transform:uppercase;}
.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:#000;}
.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:#4D4D4D;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: 100%;}
.block-slider-thumb .lSSlideOuter .lSPager.lSGallery li{height:130px;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:#4D4D4D;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; /*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:#333;}
.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:#4D4D4D;}
.block-slider-thumb .lSAction > .lSPrev:before{content:"\f104";}
.block-slider-thumb .lSAction > .lSNext:before{content:"\f105";}
#book-button a{color:#fff;display:inline-block;padding:10px 40px;background:#4D4D4D;text-transform:uppercase;margin-top:30px;}
#book-button a:hover{background:#ccc;color:#4D4D4D;}
.content-button-link a{display:inline-block;padding:10px 15px;background-color:#4D4D4D;color:#FFF;margin:30px;text-transform:uppercase;}
.content-button-link a:hover{background:#333;color:#fff;}
.carousels.bx-wrapper .bx-pager{bottom:-40px !important;width:100% !important;right:0 !important;}
.carousels.bx-wrapper .bx-pager.bx-default-pager a:hover,
.carousels.bx-wrapper .bx-pager.bx-default-pager a.active{background:#4D4D4D;}
.simple-gallery{padding:0;margin:20px 0;float:left;width:100%;}
.simple-gallery li{float:left;width:33.33%;padding:0 10px;list-style:none;}
.simple-gallery li img{width:100%;}
.block-contact{margin:30px 0 50px;float:left;width:100%;}
.block-contact h3{letter-spacing:0;font-size: 18px;text-transform:uppercase;}
.block-contact a{color:#000;}
.block-contact >div{float:left;width:100%;margin:0 -20px;}
.block-contact >div>.box{float:left;padding:0 20px;}
.block-contact >div>.box:nth-child(1){width:18%;}
.block-contact >div>.box:nth-child(2){width:22%;}
.block-contact >div>.box:nth-child(3){width:60%;}
.block-contact iframe{max-width:100%;}
.page-content-more{margin:50px 0;}
.block-award ul{text-align:center;}
.block-award li{display:inline-block;padding:0 10px;}
.block-award img{max-width:100px;}
#phuket .block-award li:nth-child(3) img{max-width:120px;}
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:#4D4D4D;padding-right:20px;}
footer .block-subscribe form{width:35%;}
footer .block-subscribe input{border:1px solid #c0c0c0;color:#4D4D4D;background:transparent;width:100%;height:45px;padding:10px 20px;font-style:normal;}
footer .block-subscribe button{position:absolute;right:0;top:0;background:#4D4D4D;color:#fff;text-transform:uppercase;border:1px solid #4D4D4D;height:45px;min-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:#4D4D4D;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;margin:0 15px;}
footer .block-social li a{color:#c6c6c6;}
footer .block-social li a:hover{color:#4D4D4D;}
footer .links-footer{background:#4D4D4D;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;}
footer .links-footer li a{color:#fff;}
footer .links-top>div{float:left;width:20%;padding-right:20px;}
footer .links-top>div:nth-child(2)>ul{float:left;width:50%;}
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 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:#000;}
footer .links-footer p a{background-color:#FFF;display:block;max-width:200px;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;}
footer .kos a{color:#fff;}
footer .kos a:hover{color:red;}
.block-award ul{padding: 0px;}
header .top-destination>ul>li div{display:none;}
header .top-destination>ul>li:hover div{display:block;}
header .top-destination div{position:absolute;z-index:999;width:250px;padding-top:20px;}
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;}
.bl-style {padding: 0 10%;}
.bl-style a{
	display: inline-block;
    padding: 10px 15px;
    background-color: #4D4D4D;
    color: #FFF;
    margin-top: 20px;
    text-transform: uppercase;
    cursor: pointer;
}

/* ======= New Design Button ======= */
#booking .book-title{
    background: #DC8633;
    /*font-family: Helvetica, Sans-Serif;*/
    font-family:'nanummyeongjoregular';
    color: #525252;
    padding: 10px 20px;
}
#booking .book-title:hover {
    background: #FFF;
}
#booking .book-title span.upper{
	font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 20px;
    letter-spacing: 0;
    font-family:'nanummyeongjoregular';
    color: #000;
}
#booking .book-title span.cap{
    font-size: 20px;
    font-family:'nanummyeongjoregular';
    text-transform: capitalize;
    letter-spacing: normal;
    letter-spacing: 1px;
    color: #000;
}

@media(max-width:2228px) and (min-width:1921px){body.shrink #booking{right:10%;}
.wrapper-head{margin:auto;padding:0 10%;}
body.shrink .wrapper-head{margin:auto;padding:0 10%;}
.wrapper{margin:auto;padding:0 10%;}
}
@media(max-width:1920px){#booking .book-form{padding:20px;}
#booking .book-form form>ul >li{margin-bottom:.5em;float:left;width:100%;}
body.shrink #booking{right:7%;}
.wrapper-head{margin:auto;padding:0 7%;}
body.shrink .wrapper-head{margin:auto;padding:0 7%;}
.wrapper{margin:auto;padding:0 7%;}
}
@media(max-width:1600px){.wrapper-head{margin:auto;padding:0 10%;}
body.shrink .wrapper-head{margin:auto;padding:0 10%;}
.wrapper{margin:auto;padding:0 10%;}
body.shrink #booking{right:10%;}
#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 .select-box:after{top:15px;}
#booking .book-form button{padding:.4em;}
#booking .book-form .button-box{margin-top:10px;}
.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 12px;}
#chiangmai header.des-header .top-menu>nav>ul> li{margin:0 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){#booking .book-form label,
#booking .book-form .select-box{margin-bottom:.5em;}
footer .block-social li{margin:0 8px;}
}
@media(max-width:1583px){body.shrink #booking{right:3.5%;}
.wrapper-head{margin:auto;padding:0 3.5%;}
body.shrink .wrapper-head{margin:auto;padding:0 3.5%;}
.wrapper{margin:auto;padding:0 3.5%;}
}
@media(max-width:1440px){.ig-style .box:first-child{letter-spacing:0;}
}
@media(max-width:1370px) and (min-width:1100px){header{padding:20px 0;}
header .top-logo{max-width:140px;margin-top:10px;}
header .top-destination{padding-left:3vw;}
/*body.shrink header #logo img{width:90px;}*/
.ig-style .box strong{font-size: 18px; /*16*/;}
}
@media(max-width:1320px) and (min-width:1100px){header.des-header .top-menu>nav>ul> li{margin:0 12px;}
#chiangmai header.des-header .top-menu>nav>ul> li{margin:0 7px;}
}
@media(max-width:1280px) and (min-width:1100px){header.des-header >.wrapper{padding-left:20px;padding-right:40px;}
/*header.des-header .top-header .top-left{width:45%;}*/
}
@media(max-width:1280px){}
@media(max-width:1279px) and (min-width:1100px){header .top-destination{padding-left:3vw;}
header .top-header .top-right{padding-right:20px;}
}
@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: 14px; /*12*/;text-transform:uppercase;}
	header .top-header .top-destination ul li span{border:none;padding:0px;}
	header .top-destination>ul>li div{display: inherit;}
	header .top-header .top-destination i{color:#fff; font-size: 20px; /*18*/ position:absolute; right:0; top:0; padding:10px 15px;}
}
@media(max-width:1099px){
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:0px;}
body .kbanner{position:fixed;width:100%;z-index:999;padding:0;top:0;}
#booking{position:fixed;/*top:50px!important;*/width:100%;}
#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; /*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; /*12*/;padding:10px 30px;width:100%;color:#fff;background:#808080;}
#booking.active .book-title{background:#fff;color:#4D4D4D;font-family: 'epiloguelight';;}
#booking .book-form{padding:50px 20px 30px;height:auto!important;background:rgba(77,77,77,.7);}
#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:#4D4D4D;position:fixed;left:0;top:0;width:100%;height:50px;z-index:999;color:#fff;}
#bars>div{position:absolute;}
#bars .bars-logo{width:40px;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; /*12*/;}
#bars .bars-lang li:last-child{border:none;}
#bars .bars-lang li.selected{font-family: 'epiloguelight';;}
#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:#4D4D4D;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;cursor: pointer;}
header .top-header ul li span{border-top:1px solid #fff;display:block;color:#fff;}
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;}
/*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;text-transform:uppercase;}*/
header .top-header a{color:#fff;}
header .top-menu>nav>ul>li{position:relative;}
header .top-menu>nav>ul>li >i{color:#fff;font-size: 20px; /*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:250px;}
.page-slider .gallery li img{visibility:hidden;}
}

@media(max-width:1140px){.wrapper{padding:0 30px;}
}
@media(max-width:1100px){.block-contact{font-size: 14px; /*12*/;}
.block-contact h3{font-size: 18px; /*16*/;}
.block-award img {
    max-width: 60px;
}
}
@media(max-width:1100px){.block-blog li{padding:10px 20px 10px 0;}
footer .links-top li{font-size: 14px; /*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;min-width:initial;-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-o-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);}
}
@media(max-width:1024px){.block-contact >div>.box{width:100%!important;padding:0;margin-bottom:20px;}
.block-contact >div{margin:0;}
header.open .bg-fix{
    background-color: rgba(0, 0, 0, 0.18);
    width: 100%;
    position: fixed;
    display: block;
    height: 100%;
    z-index: 99;
}
header.des-header .top-menu>nav>ul> li{margin: 0px!important;}
}
@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;}
}
@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:33.33%;}
footer .links-top>div{margin-bottom:20px;padding:0;padding-right:20px;}
footer .links-top>div:nth-child(even){clear:none;}
footer .links-top>div:nth-child(2n+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>div{padding:20px 80px;padding-right:0;}
.instagram-id>div p{margin:0;}
.ig-style{margin-top:0;margin-left:0;}
footer .links-top>div{margin-bottom:20px;}
footer .links-top>div,
footer .links-top>div:nth-child(2){width:50%;}
footer .links-footer>div{max-width:700px;float:none;margin:auto;}
.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;}
body.shrink #booking{right:0px;}
#booking{width:100%;}
#booking.active{overflow-y:scroll;}
}
@media(max-width:640px){.content-button-link a{margin:15px;}
.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; /*20*/}
.ig-style .box{font-size: 14px; /*12*/;}
.ig-style .box strong{font-size: 14px; /*12*/;margin-left:0;display:block;}
.block-accomodation .box{width:100%;margin:10px 0;}
.block-accomodation .block-text{padding:20px;height:50px;}
.page-content h1{margin-bottom:20px;}
.page-slider .gallery li { background-position: left center;}
footer .links-footer{padding:20px;}
footer .links-top>div{width:100%!important;}
footer .links-top>div:nth-child(2)>ul{padding-right:10px;}
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(4) li{width:100%;margin-bottom:20px;text-align:left;}
footer .links-top>div:nth-child(4) li:nth-child(2){padding-left:3px;}

.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){body{font-size: 14px; /*12*/;}
.wrapper{padding:0 20px;}
#bars .bars-logo{width:40px;left:0;right:0;margin:auto;top:10px;}
#bars .bars-lang{right:10px;}
.ig-style .box:first-child{padding:0;font-size: 12px; /*10*/;}
.block-blog{padding:20px;}
.block-blog li{font-size: 14px; /*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; /*10*/;}
.content-3-cols>.block-text{padding:0 20px;}
.content-4-cols .box-temp-1 .box{width:100%;}
footer .grey-footer{padding:20px;}
footer .block-social li{margin:0 10px;}
footer .block-subscribe button{width:90px;font-size: 12px; /*10*/;}
footer .links-top li{margin-bottom:10px;}
footer .links-footer>div{margin-top:20px;font-size: 14px; /*12*/;}
footer .links-bottom li:after{display:none;}
footer .links-bottom li{display:block;margin-bottom:10px;}
footer .links-top>div:nth-child(2)>ul{width:100%;}
.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;}
.block-slider-thumb>div{margin:0 0px;}

.block-award li{width: 33.33%;float: none!important;display: inline-block;vertical-align: middle;margin-bottom: 10px;}
.block-award li:nth-of-type(3n+1){clear: left;}
.block-award ul{float: left;width: 100%;padding: 0px;display: table;}
}
@media(max-width:413px){.ig-style .box{width:50%;}
.page-slider .gallery .items .text> div{
    width: 80%;
}
}
@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;}
}

/*header .top-header >div.top-right{display: flex;align-items: center;}*/
.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: 1300px){
	header .top-header >div{width: 80%;}
	header.des-header .top-menu>nav>ul> li{margin: 0 10px;}
}
@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;
	}
	header .top-header .top-left{
		width:100%!important;
	}
	header .top-header>div .top-destination{
		width: 100%;
		padding: 0px;
	}
	header .top-header>div.top-right{
		width: 100%;
		margin-left: 0px;
	}
	header.des-header .top-menu>nav>ul> li{
		margin: 0px;
	}
}

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

.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: 20px;}
header .top-header .top-left{align-items: flex-end;}
header .top-destination{padding-bottom: 20px;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;}

@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{font-size: 14px;}
@media (min-width: 1100px){
	header.des-header .top-menu>nav>ul> li {
	    margin: 0 15px;
    }
    header.des-header .top-menu>nav>ul> li:last-child {
	    margin-right: 0;
	}	
	header .top-destination {
		padding-left: 2vw;
		overflow: hidden;
	}
}
@media(max-width:2400px){
	header{font-size: 13px;}
}
@media(max-width:2220px){
	header{font-size: 14px;}
}
@media(max-width:1800px){
	header .top-header .top-left{width: 30%;}
}
@media(max-width : 1600px){
	header.des-header .top-menu>nav>ul> li{margin: 0 12px;}
}
@media(max-width: 1500px){
	header.des-header .top-menu>nav>ul> li {
	    margin: 0 10px;
	}
}
@media(max-width: 1300px){
	header .top-header >div {
	    width: 85%;
	}
	header .top-header .top-left{width: 30%;}
	header .top-destination{padding-left: 2vw;}
	header .top-header>div.top-right{padding-right: 0px;}
	.wrapper-head{padding: 0 2%;}
	header.des-header .top-menu>nav>ul> li{margin: 0 8px;}	
}
@media(max-width: 1200px){
	header{font-size: 13px;}
}

header{padding: 0;}
header .top-header{padding-top: 10px; padding-bottom: 10px;}
header .top-header>div.top-right { padding-bottom: 5px; } 
body.shrink header{padding: 0;}
body.shrink header .top-header{padding-top: 10px; padding-bottom: 10px;} 

.top-banner{display:none;background-color:#DC8633;text-align:center;padding:20px;position:relative;}
.top-banner.active{display:block;}
.top-banner .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 #000000;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);}

@media(max-width: 1099px) {
    article {
        margin-top: 0;
    }
    
    .top-banner {
        position: fixed;  
        width: 100%;
        top: 50px;
        left: 0;
        z-index: 9;
        padding: 20px 15vw 20px 30px;
    }
    
    .top-banner .tb-close {
        right: 30px;
    }
}

/*topbanner*/

.page-content { margin-top: 80px;}

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

header .top-header { display: flex; justify-content: center; align-items: center; }
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; }
header .top-header .top-left { align-items: center; }
header .top-left > div { padding: 0 0 0 20px; }

@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 img {
        height: inherit;
        padding-right: 70px; 
    }

}

/*topbanner*/ 

/*popup*/

.edit .popup{
    display: none; 
}
.popup{ 
    width: 850px;
    height: 570px;
    background: #DC8633;
    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: #DC8633; 
        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: #DC8633;
    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: #DC8633;
    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: #DC8633;
	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;
    */
}

h1,h2 {
    text-transform: uppercase;
}