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

@font-face {
    font-family: 'IsidoraSans-Regular';
    src: url('fonts/IsidoraSans-Regular.ttf');
}

@font-face {
    font-family: 'IsidoraSans-BoldItalic';
	src: url('fonts/IsidoraSans-BoldItalic.ttf');
}

@font-face {
    font-family: 'IsidoraSans-Medium';
	src: url('fonts/IsidoraSans-Medium.ttf');
}

@font-face {
    font-family: 'IsidoraSans-SemiBold';
	src: url('fonts/IsidoraSans-SemiBold.ttf');
}

@font-face {
    font-family: 'RussellRg';
	src: url('fonts/RussellRg.otf');
}

*{margin:0; padding:0;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a {outline: 0 !important; text-decoration:none; color: #131637;}
a:hover, a:active, a:focus {outline: 0 !important;}
input::-moz-focus-inner {border: 0 !important;}
*:hover, a:hover, a, .btn:hover, .btn {transition: 0.4s;}
html,body {width: 100%;height: 100%;}
body{ font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#131637; line-height:30px; background-color: #0e1133;}
.cntOuter{display:table; width:100%; height:100%;}
.cntInner{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.img-responsive{display:inline-block; max-width:100%;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.dsFlex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.dsNone{display:none;}
.clearBoth{clear:both;}
.space20{clear:both; width:100%; height:20px; display:block;}
.space30{clear:both; width:100%; height:30px; display:block;}
.zeroPadding{padding:0 !important;}
.zeroBtmMargin{margin-bottom:0 !important;}
.zeroTopMargin{margin-top:0 !important;}
.height100{height:100%;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
p{ margin-bottom: 25px;}
.bgCover{background-position:center !important; background-size:cover !important;}
.padding30{padding:30px 0 !important;}
.container {    width: 100%;    max-width: 1330px; position: relative;}
ul{margin: 0; padding: 0;}
ul li{margin: 0; padding: 0; list-style: none;}
.btn{border: none; background-color: #f8f198; border-radius: 0; display:inline-block; font-size: 20px; padding:10px 15px;  color: #131637; font-weight:bold;}
section{width:100%; height:auto; clear:both; padding: 0 0 60px 0;}
.lightBG{background-color: #ececec;}
.fontStyle1{font-family: "RussellRg";}

/******************************************/

header .hTop{text-align: right; padding: 15px 20px; background-color: #f8f198;  font-size: 24px; line-height: 30px;}
header .hLogo{padding: 20px 0;}
header .hLogo img{xmax-height:65px; float: left;}
header .hLogo span{float: left; font-size: 52px; line-height: 52px; color: #f8f198; padding-left: 20px;}
header .hTitle{font-size: 36px; line-height: 42px; font-weight:bold; color: #FFF; padding-top: 35px; text-transform: uppercase;}
header .hTitle span{font-weight:bold; font-style:italic;}
header .hSubTitle{font-size: 24px; line-height: 30px; font-weight:bold; font-style:italic;color: #f8f198;}
.hRightTxt{position:relative;}
.hRightTxt .hLocation{position:absolute; right:0; top:25px; z-index:99;}

.homeBanner{height:511px; position: relative; z-index: 0; position: relative; }
.homeBanner .container{padding:0;}
.hbImage{ height:100%; position:relative; background-repeat: no-repeat; background-position: top center; background-size: cover; background-color: #202b38; }
.homeBanner .swiper-container{overflow:visible;}
.hbDescription{ position: absolute; width: 100%; bottom: 0px;  z-index: 9999; text-align: right; color: #fdf69a; font-size: 70px; line-height: 75px; background-color: rgba(16, 18, 42, 0.8); padding: 30px 20px;}
.swiper-pagination{text-align: right; bottom: 50px !important; right: 0; z-index: 999;}
.swiper-pagination .swiper-pagination-bullet{background: none; border: 1px solid #FFF;}
.swiper-pagination-bullet-active{background-color: #FFF !important;}

.homeContent{}
.homeContent .whitebg{background-color: #FFF;padding: 70px 30px;}
.homeContent .yellowbg{background-color: #f8f198;}
.hmHotel .location{position: relative; min-height:160px; background: url(../images/logo2.png) 0 6px no-repeat ; background-color: #131637; color: #FFF; font-size: 18px; line-height: 24px; padding: 35px; padding-left: 165px; margin-bottom: 30px;}
.whitebg .paddingRight .hmHotel .location{background: url(../images/logo3.png) 0 6px no-repeat ; background-color: #131637;}
.hmHotel .location span{color: #f8f198; font-size: 24px; line-height: 30px; display: block; padding-bottom: 10px; }
.hmHotel ul{margin-left: 20px; margin-bottom: 20px;}
.hmHotel ul li{list-style-type: disc; font-weight:bold;}
.paddingLeft{padding-left: 30px;}
.paddingRight{padding-right: 30px;}
.hmHotel.bright:after{content: ''; position: absolute; right: 0; height: 100%; width: 3px; background-color: #202b38; top: 0;}
.hmHotel .price{text-align: right; display: block; font-size: 48px; line-height: 56px; padding-right: 20px;}
.hmHotel .price span{font-size: 65px; line-height: 75px;}

section .galTitle{font-size: 56px; line-height: 64px; margin-bottom: 20px; text-align: center;}

.gallery{margin-top: 60px; background-color: #f8f198; padding-bottom: 100px;}
.hmGallery {display: flex;font-size: 0;    flex-wrap:wrap;    margin:-10px 0 0 -10px;}
.hmGallery .hmGBox{ display: inline-block;    margin:10px 0 0 10px;    flex-grow: 1;    height:165px;        width: calc(100% * (1/4) - 10px - 1px); margin-bottom: 20px; }
.hmGBox span.plImage, .hmGBox span.plname{display: block;}
.hmGBox span.plImage{height: 160px; vertical-align: middle; text-align:center; margin-bottom: 15px; padding: 15px 20px;}
.hmGBox span.plImage img{height: 100%; max-height: 165px;}
.hmGBox span.plname{background-color: #373737; padding: 10px 15px;  }
.hmGBox a{display:block; padding:0;}
.col-half-offset{ margin-left:4.166666667%}

.contact{padding: 70px 0;}
.contact h2{text-align: center; font-family:Arial, Helvetica, sans-serif; font-size: 48px; line-height: 54px; margin-bottom: 20px;}
.contact h2 span{ font-weight:bold;}
.contact .frmGroup{margin-bottom: 20px;}
.contact .frmGroup label{padding-top: 6px;}
.contact .frmGroup input{background-color: #f8f198; border: none; height: 52px; width: 100%; padding: 15px 10px;}
.contact .frmGroup select{background-color: #f8f198; border: none; height: 52px; width: 100%; padding: 15px 10px;}
.note{font-size: 14px; line-height: 20px; padding-top: 35px;}
.captcha{float: left; margin-right:15px;}
.btnArea{float: right; padding-top: 20px;}
.response { text-align: center; margin-bottom: 20px;}
.successMsg{  color: #037d50; }
.errorMsg{ color: #b90a0a; }

footer{padding-bottom: 50px; font-size: 16px; line-height: 24px; color: #FFF;}
footer a{color: #FFF;}


.rspMenuLink, .rspMenuContent{display:none;}

@media only screen and (max-width : 991px) {
	.dsFlex{display:block;}
	.rspPaddingBtm{padding-bottom:25px;}
		
	.rspMenuTxt{float:right; width:calc(100% - 50px); background:#e7bf2a; text-align:left; padding:0 15px; color:#202b38; height:50px; line-height:50px;}
	.rspMenuLink{background-color: #008037; position:fixed; bottom: 30px; right: 25px; width: 50px; height: 50px; border-radius:50px; z-index:9999; padding-top:18px; cursor:pointer; display:block;}
	.rspMenuLink span{display: block;width: 20px;height: 2px;margin: 0 auto 3px auto;background: #FFF;transition: 0.4s;}
	.rspMenuClose span:first-child {-webkit-transform: rotate(-45deg) translate(-5px, 5px) ;transform: rotate(-45deg) translate(-3px, 4px);}
	.rspMenuClose span:nth-child(2) {opacity: 0;}
	.rspMenuClose span:last-child {-webkit-transform: rotate(45deg) translate(-2px, -2px) ;transform: rotate(45deg) translate(-3px, -4px) ;}

	.rspMenuContent{width: 100%; background: #2aabe2; position: fixed; left: -100%; top: 0; z-index: 999; height: 100vh; margin: 0; padding: 0; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; overflow:hidden; overflow-y: scroll;}
	.rspMenuActive{left:0; visibility:visible;}

	.rspMenuContent li{list-style-type: none; border-bottom: solid 1px #FFF; color: #0064ae;}
	.rspMenuContent li a{color: #FFF; display: block; font-size: 18px; line-height: 26px; padding: 17px 20px 16px; text-decoration: none; position:relative; }
	.rspMenuContent li .submenu {background-color: #0064ae; height: calc(100% - 130px); position: absolute; right: -100%; top: 130px; transition: all .5s ease 0s; width: 100%; z-index: 999;}
	.rspMenuContent li.active > .submenu {right: 0;}
	.rspMenuContent li.hasChild > a:after{ content: "\f105";    font-family: "Font Awesome 5 Free";    font-style: normal;    font-weight: 900;    text-decoration: inherit;    color: #FFF;    font-size: 20px;    position: absolute;    top: 15px;    right: 25px;}
	
	.rspLogo{padding:20px 0; background:#d5e6ed; text-align:center;}
	.rspLogo img{max-width:80%; max-height: 100px;}
	
	body{font-size:16px; line-height:24px;}
	.hLogo {text-align: center;}
	.hLogo img, .hLogo span{display: inline-block !important; float: none !important;}
	.hbDescription{font-size: 54px; line-height: 70px; text-align: center; width: 100%;}

	.hmHotel.bright:after{display: none;}
	header .hTop{text-align:center;}
	.whitebg .paddingRight{padding-right:15px; padding-bottom:30px; margin-bottom:30px; border-bottom:3px solid #10122a;}
	.whitebg .paddingLeft{padding-left:15px;}
	.hmHotel .location{padding:180px 30px 30px 30px; background-position:center top;}
}

@media only screen and (min-width:992px) {
	.paddingLRSpace{padding-left: 150px; padding-right: 150px;}
}