.header{
	width: 100%;
	min-height: 90px;
	border-top: 3px solid #245ab1;
	background-color: #FFF;
}
.set-wrap{
	margin: auto;
	padding: 0px 10px;
	max-width: 1200px;
	width: 100%;
}
.set-wrap::after{
	content:'';
	display: block;
	clear: both;
}
.slogo{
	float: left;
	width: 220px;
	padding: 20px 20px 0px 20px; 
}
.smenu{
	float: right;
	width: calc( 100% - 220px );
}
.smenu ul{
	float: right;
	margin: 0px;
	padding: 0px 10px;
	list-style: none;
}
.smenu ul li{
	float: left;
	position: relative;
	padding: 33px 0px 0px 0px;
}
.smenu ul li a{
	display: block;
	padding: 0px 15px;
	font-size: 1em;
	font-weight: 400;
	color: #666;
	text-decoration: none;
	text-transform: uppercase;
}
.smenu ul li ol{
	position: absolute;
	visibility: hidden;
	border-top: 4px solid #0061a6;
	border-bottom: 3px solid #FFF;
	margin:0px;
	width: 200px;
	top: 100%;
	right: 0%;
	list-style: none;
	background-color: rgba(255,255,255,0.9);
	border-radius: 3px;
	z-index: 2;
}
.smenu ul li ol::before{
	position: absolute;
	top:-10px;
	right:20px;
	content: '';
	display: block;
	z-index: 999;

      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #0061a6;

}
.smenu ul li span{
	display: block;
	padding: 0px 15px 10px 15px;
	font-size: 0.9em;
	color: #FFF;
	cursor: pointer;
}
.smenu ul li:hover ol{
	visibility: visible;
	padding:0px;
	margin:0px;
}
.smenu ul li ol li {
	float: none;
	padding: 0px 0px 0px 0px;
}
.smenu ul li ol li + li{ border-top:1px dotted #CCC; }
.smenu ul li ol li:hover{
	background-color: rgba(255,255,255,1);
}
.smenu ul li ol li a{
	display: block;
	padding: 10px 15px;
	font-size: 0.8em;
	color: #333;
}

.smenu ul li ol li a.en-flag,
.smenu ul li ol li a.fr-flag,
.smenu ul li ol li a.th-flag,
.smenu ul li ol li a.sc-flag,
.smenu ul li ol li a.jp-flag{
	padding: 10px 15px 10px 42px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.smenu ul li ol li a.en-flag{background-image: url('../images/flags/en.png');}
.smenu ul li ol li a.fr-flag{background-image: url('../images/flags/fr.png');}
.smenu ul li ol li a.th-flag{background-image: url('../images/flags/th.png');}
.smenu ul li ol li a.sc-flag{background-image: url('../images/flags/sc.png');}
.smenu ul li ol li a.jp-flag{background-image: url('../images/flags/jp.png');}

.smenu ul li span.lang-en,
.smenu ul li span.lang-fr,
.smenu ul li span.lang-th,
.smenu ul li span.lang-sc,
.smenu ul li span.lang-jp{
	padding: 0px 15px 10px 42px;
	background-repeat: no-repeat;
	background-position: 10px -3px;
}
.smenu ul li span.lang-en{background-image: url('../images/flags/en.png');}
.smenu ul li span.lang-fr{background-image: url('../images/flags/fr.png');}
.smenu ul li span.lang-th{background-image: url('../images/flags/th.png');}
.smenu ul li span.lang-sc{background-image: url('../images/flags/sc.png');}
.smenu ul li span.lang-jp{background-image: url('../images/flags/jp.png');}

.smenu li.mnu-home-active>a,
.smenu li.mnu-aboutus-active>a,
.smenu li.mnu-product-active>a,
.smenu li.mnu-contactus-active>a{
	background: #df1b22 !important; 
	border-radius: 3px;
}




.mb-menu{
	display: none;
}

.ulol-column{
	padding: 20px 0px 50px 0px;
}
.ulol-column ul{
	margin: 0px;
	padding: 0px 10px;
	list-style: none;
}
.ulol-column ol{
	margin: 0px;
	padding: 0px 0px;
	list-style: none;
}
.ulol-column ul li b{
	display: block;
	padding: 20px 0px 10px 0px;
}
.ulol-column ol::after{
	content:'';
	display: block;
	clear: both;
}
.ulol-column ol li{
	float: left;
	width: 20%;
	line-height: 150%;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.ulol-column ol li a{
	color: #666;
	font-size: 0.9em;
	text-decoration: none;
}
.ulol-column ol li a:hover{
	color: #333;
	text-decoration: underline;
}
.ulol-column ol li a::after{
	content: ' Hotels';
}

.footer{
	background-color: #65676a;
}
.footer label{
	display: block;
	padding: 20px 20px;
	text-align: center;
	font-size: 0.8em;
	color: #fff;
}
.footer label span{
	white-space: nowrap;
}

.sb-menu{
	font-family: 'Roboto', Arial;
	font-size: 1em;
}
.sb-menu-h{
	background-color: #333333;
	background-image: url(/application/images/stroke_csc_logo.svg);
	background-repeat: no-repeat;
	background-position: center center;
	height:87px;
	opacity: 0.5;
	border: 20px #333 solid;
	box-sizing: border-box;
	
}
.sb-menu-h a.my-booking,
.sb-menu-h a.create-acc{
	display: block;
	padding: 12px 12px 12px 50px;
	font-size:0.9em;
	color:#FFF;
	text-decoration: none;
}
.sb-menu-h a.my-booking{
}
.sb-menu-h a.create-acc{
	border-top:1px solid #000;

}
.sb-menu-li{
	padding: 10px 0px 20px 0px;
}
.sb-menu-li ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.sb-menu-li ul li{
	padding: 0px;
}
.sb-menu-li ul li + li{
	border-top: 1px dotted #333;
}
.sb-menu-li ul li a{
	display: block;
	padding: 8px 50px 8px 20px;
	text-decoration: none;
	font-size:0.9em;
	color:#AAA;
}
.sb-menu-btn{
	padding: 0px 15px 15px 15px;
}
.sb-menu-btn button.js-close-left-slidebar{
	background: rgba(0,0,0,0.5);
	color: #888;
	width: 100%;
	padding: 10px;
	border: 1px solid #222;
	font-size: 0.8em;
	outline: none;
}



[canvas=container]{scroll-behavior: smooth;}
.gototop{
	position: absolute;
	bottom:20px;
	right:30px;
	width: 30px;
	height: 30px;
	z-index: 999;
	transition: all 0.3s;
	opacity: 0;
}
.gototop a{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTIgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyIDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMS43MTUsNS40MDVMNi42ODgsMC4yNzljLTAuMzY1LTAuMzcyLTEuMDExLTAuMzcyLTEuMzc2LDBMMC4yODUsNS40MDVjLTAuMzgsMC4zODctMC4zOCwxLjAxNSwwLDEuNDAyDQoJYzAuMzgsMC4zODgsMC45OTYsMC4zODgsMS4zNzUsMEw1LjAxMiwzLjM5djExLjYxOUM1LjAxMiwxNS41NTYsNS40NDgsMTYsNS45ODUsMTZzMC45NzMtMC40NDMsMC45NzMtMC45OTFWMy4zNTlsMy4zODIsMy40NDgNCgljMC4xODksMC4xOTQsMC40MzgsMC4yOTEsMC42ODgsMC4yOTFzMC40OTgtMC4wOTcsMC42ODgtMC4yOTFDMTIuMDk1LDYuNDIsMTIuMDk1LDUuNzkyLDExLjcxNSw1LjQwNXoiLz4NCjwvc3ZnPg0K');
	background-color: rgba(0,0,0,0.8);
	cursor: pointer;
}



@media only screen and (max-width: 988px) {
	.ulol-column ol li{width: 25%; font-size: 0.9em;}
}
@media only screen and (max-width: 768px) {
	.slogo{
		float: right;
		width: 220px;
	}	
	.smenu{
		display: none;
	}
	.mb-menu{
		display: block;
		float: left;
		padding: 22px 0px 0px 20px;
		height: 60px;
	}
	.mb-menu button{
		width: 40px;
		height: 40px;
		border: 0px;
		background-color: transparent;
	    background-image: url(/application/images/mobile_menu.svg);
	    background-position: center;
	    cursor: pointer;
	    outline: none;

	}
	/*
	.ulol-column ol li{width: 33.3333%; font-size: 0.9em;}
	.smenu{
		display: none;
	}
	.slogo{
		float: right;
		width: auto;
	}
	.mb-menu{
		display: block;
		float: left;
		padding: 15px 0px 0px 15px;
		height: 60px;
	}
	.mb-menu button{
		width: 40px;
		height: 40px;
		border: 0px;
		background-color: transparent;
	    background-image: url(/application/images/mobile_menu.svg);
	    background-position: center;
	    cursor: pointer;
	    outline: none;

	}*/
}
@media only screen and (max-width: 648px) {
	.ulol-column ol li{width: 50%; font-size: 0.9em;}


}
@media only screen and (max-width: 420px) {

	.set-wrap{ padding: 0px 0px;}

	.ulol-column ol li{
		width: 100%;
	}
	.ulol-column ol li::before{
		content: '• ';
		font-size: 1.2em;
		padding: 0px 5px;
	}
	.gototop{
		position: absolute;
		bottom:10px;
		right:10px;
		width: 30px;
		height: 30px;
		z-index: 9;
	}


}