f@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,900| EB+Garamond:400| Roboto:300,400,500,600,700 | Oswald:400' );
@import url('https://fonts.googleapis.com/icon?family=Material+Icons' );

html, body{height:100%;}
html {scroll-behavior: smooth;}
*{padding:0px; margin:0px; box-sizing: border-box; outline:none; list-style:none;}
ul, li{margin:0px; padding:0px;}
img{border:0px; max-width:100%;}
a{transition:all 0.3s ease-out 0s;text-decoration:none;} a:hover{text-decoration:none;}
a:hover img{opacity:.9;transition:all 0.3s ease-out 0s;}
.clr{clear:both;}
.f-right{float:right!important;} .f-left{float:left!important;}
h1, h2, h3, h4, h5, h6{margin:0;}
.marT1{margin-top:5px;} .marT2{margin-top:10px;} .marT3{margin-top:15px;} .marT4{margin-top:20px;} .marT5{margin-top:25px;} .marT6{margin-top:30px;} .marT7{margin-top:40px;}
.marB1{margin-bottom:5px;} .marB2{margin-bottom:10px;} .marB3{margin-bottom:15px;} .marB4{margin-bottom:20px;} .marB5{margin-bottom:25px;} .marB6{margin-bottom:30px;} .marB7{margin-bottom:40px;} .marB0{margin-bottom:0px!important;} 
.padT1{padding-top:5px;} .padT2{padding-top:10px;} .padT3{padding-top:15px;} .padT4{padding-top:20px;} .padT5{padding-top:25px;} .padT6{padding-top:30px;} .padT7{padding-top:40px;}
.padB0{padding-bottom:0px!important;} .padB1{padding-bottom:5px;} .padB2{padding-bottom:10px;} .padB3{padding-bottom:15px;} .padB4{padding-bottom:20px;} .padB5{padding-bottom:25px;} .padB6{padding-bottom:30px;} .padB7{padding-bottom:40px;}
.width30, .width40, .width50, .width55, .width60, .width65, .width70, .width80, .width85, .width90{margin-left:auto; margin-right:auto;}
.width30{width:30%;} .width40{width:40%;} .width50{width:50%;} .width55{width:55%;} .width60{width:60%;} .width65{width:65%;} .width70{width:70%;} .width80{width:80%;} .width85{width:85%;} .width90{width:90%;}
.blue{color:#00beff!important;} .darkblue{color:#175183!important;} .red{color:#d82a2c!important;} .green{color:#2bac36!important;} .white{color:#fff!important;} .orange{color:#ff4900!important;} .gray{color:#424242!important;} .yellow{color:#ffcc00!important;}
.zoom{overflow:hidden; position:relative;}
.zoom img{transition:all 0.3s ease-out 0s; display:block; overflow: hidden;}
.zoom:hover img{transform:scale3d(1.1, 1.1, 1.1);}
body{background:#fff; font:400 14px "Poppins",Arial,sans-serif; color:#151515;}
.container{max-width:1200px;}
.wrapper{max-width:1000px;}
.topBar{background:#1f6199; padding:10px 0; color:#fff; text-transform:uppercase; letter-spacing:1px; font-weight:500;}
.topBar a{font-size:13px; color:#fff; display:inline-block; padding:0 10px;}
.topBar .row{align-items: center;}
.header{padding:10px 0; position:relative; background:#001534; z-index:1;}
.header .row{align-items:center; }
#carousel .container{padding-left:0; padding-right:0;}
.logo{max-width:26%;}
.lang{flex:inherit; max-width:none;}
.nav{max-width:70%; text-align:right; margin-right:0; margin-left:auto;}
.nav ul{display:flex; justify-content: right; width:100%;}
.nav .menu{margin-left:auto;}
.nav ul li{ padding:0 2px 0 2px; position:relative;}
.nav ul li a{display:block;padding:10px 19px; text-align:center; color:#fff;font-size:15px;font-weight:400; transition:all 0.3s ease-out 0s; border-radius:5px;}
.nav ul li a:hover, .nav ul li:hover a{background:#1e5e94; color:#fff;}
.nav ul li ul{position:absolute; z-index:999; display:none; width:300px; background:#fff; box-shadow:rgba(0,0,0,.2) 0px 0px 20px;}
.nav ul li:hover ul{display:block;} 
.nav ul li ul li{padding:0px;}
.nav ul li ul li a{padding:15px 25px; border-bottom:1px solid #134e80; text-align:left; font-size:13px; font-weight:500;}
.nav ul li ul li:last-child a{border-bottom:0;}
.nav ul li ul li a:hover{background:#00cf4b; color:#fff;}
.nav ul li.dropdown::after{display:inline-block; background:url(/static/images/arrow-down.png) no-repeat 0 0; width:13px; height:8px; content:""; position:absolute; right:5px; top:15px;}
.nav ul li.menu-link a{background:#fff; border-radius:5px; color:#000; padding:10px 20px;}
.nav ul li.menu-link.register a{background:#ffc600;}
.nav ul li.menu-link a:hover{background:#1e6097; color:#fff;}

.navBar{background:rgba(0,0,0,.3); padding:7px 0; position:relative; z-index:2;}
.navBar ul{display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.navBar ul li{padding:0px 10px; position:relative;}
.navBar ul li::after{background:#fff; display:block; content:""; width:1px; height:16px; position:absolute; right:0; top:12px;}
.navBar ul li a{display:block; font-size:15px; color:#fff; font-weight:400; padding:7px 20px;}
.navBar ul li.active a, .navBar ul li a:hover{background:#ffc600; color:#000;}
.navBar ul li.active::after, .navBar ul li:last-child::after{display:none;}
.mobileNav{display:none;}
.common h2{font-size:25px; color:#333; font-weight:bold;}

.whiteSec{background:#fff; padding:80px 0;}
.graySec{background:#f1f1f1; padding:30px 0;}


.menu-bar {display: none;float: right;margin: 0px 0px 0 auto; z-index: 9999;}
.fa-bars {cursor: pointer;display: none; font-size:30px; color:#fff; text-align:center;}
.overlay{width:100%; position:fixed; z-index:9; background:rgba(0,0,0,.5); height:100%; right:0px; top:0px; display:none;}


.hero{background:url(/static/images/hero.jpg) no-repeat center center; background-size:cover; min-height:440px; align-items:center; display:flex;margin-top:-52px; position:relative;}
.hero::before{content:""; background:rgba(0,0,58, .82); display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.hero h1{font-size:75px; color:#ffc600; font-weight:200;}
.hero h2{font-size:25px; color:#fff; font-weight:400; letter-spacing:7px; text-transform:uppercase; padding-top:10px;}



.carousel{margin-left:20px; margin-right:20px;}
.carousel img{object-fit:cover; object-position:center center; display: block; height:280px; width:100%; transition:all 0.3s ease-out 0s;}
.carousel h4{font-size:20px; font-weight:500; color:#121212; padding:10px 0 0;}
.carousel h5{font-size:16px; font-weight:500; color:#121212; padding:10px 0 0;}
.carousel p{font-size:14px; font-weight:400; color:#4e4e4e;}

.owl-nav{position:absolute; top:35%; width:100%;}
.owl-nav button{background:#fff!important; border-radius:100px; box-shadow:rgba(0,0,0,.1) 2px 0 1px;  width:40px; height:40px;text-align:center; border:1px solid #bbb!important; outline:none;}
.owl-nav button:hover{background:#ffc600!important; color:#000;}
.owl-nav button.owl-prev{position:absolute; left:-45px;}
.owl-nav button.owl-next{position:absolute; right:-45px;}
.owl-nav button.owl-prev::after{content:"\f104"; font-family:"FontAwesome";font-size:20px;}
.owl-nav button.owl-next::after{content:"\f105"; font-family:"FontAwesome";font-size:20px;}


.faciBox{padding: 29px 22px 28px 30px; border: solid 1px #E5E5E5; border-radius: 5px 5px 5px 5px; margin:15px 0;}
.faciBox h3{font:400 36px "EB Garamond";}
.faciBox p{font-size:14px; padding-right:50px; padding-top:10px;}
.row .col-lg-4:nth-child(1) .faciBox{background:url(/static/images/pickup-icon.jpg) no-repeat 95% 70%;}
.row .col-lg-4:nth-child(2) .faciBox{background:url(/static/images/parking-icon.jpg) no-repeat 95% 70%;}
.row .col-lg-4:nth-child(3) .faciBox{background:url(/static/images/room-service-icon.png) no-repeat 95% 70%;}
.row .col-lg-4:nth-child(4) .faciBox{background:url(/static/images/swimming-icon.jpg) no-repeat 95% 70%;}
.row .col-lg-4:nth-child(5) .faciBox{background:url(/static/images/internet-icon.png) no-repeat 95% 70%;}
.row .col-lg-4:nth-child(6) .faciBox{background:url(/static/images/breakfast-icon.jpg) no-repeat 95% 70%;}


.pointImg{position:relative; margin:12px 0;}
.pointImg img{object-fit:cover; object-position:center center; display: block; height:300px; width:100%; transition:all 0.3s ease-out 0s;}
.pointImg span{background:#ffc600; color:#000; padding:10px 20px; position:absolute; left:0; top:30px; font-size:16px; font-weight:500; }
.col-md-3 .pointImg img{height:250px;}

.blogSec{padding:0px 0 70px;}
.posts{border-radius:7px 7px 0 0; overflow:hidden; margin:15px 0;}
.post-det{border:1px solid #ccc; border-top:0; border-radius:0 0 7px 7px; padding:20px;}
.post-meta{display:flex; flex:wrap; padding-bottom:10px;}
.post-meta li{padding-right:20px; font-size:13px;}
.post-meta li a{color:#777;}
.post-meta li a i, .post-meta li a:hover, .posts a:hover, .read-more{color:#de9622;}
.posts h4{font:400 30px "EB Garamond"; color:#333; padding-bottom:15px;}
.posts h4 a, .read-more:hover{color:#000;}
.post-img, .pointImg, .pro-img{overflow:hidden;}
.posts img{transition:all 0.3s ease-out 0s; height:330px; display:block; object-fit:cover; overflow:hidden;}
.posts:hover img, .pointImg:hover img, .pro-img:hover img{transform:scale3d(1.1, 1.1, 1.1);}



.discountSec{background:#ffc600; padding:80px 0;}
.discountSec h2{font-size:45px; font-weight:400; color:#272727;}
.discountSec p{font-size:18px; font-weight:400; color:#272727; padding:10px 0 20px;}

.btn-outline{border:2px solid #000; color:#000000; text-transform:uppercase; font-size:18px; padding:10px 30px; min-width:150px; margin:5px;}
.btn-outline:hover{background:#000; color:#fff;}
.footer{background:#2b2b2b; padding:50px 0;}
.footer h3{font-size:20px; font-weight:500; color:#fff; padding:0 0 20px;}
.footer li{padding:0 0 10px;}
.footer li, .footer a{font-size:15px; color:#8b8b8b; font-weight:300;}
.footer a:hover{color:#fff;}
.copyright{background:#1c1c1c; padding:15px 0; font-size:14px; font-weight:300; color:#fff;}
.copyright .row{align-items:center;}
.social{text-align:right; font-size:20px;}
.social a{padding:5px 20px 5px 0; color:#fff;}
.social a:hover{color:#ffc600;}


/*===========================Inner Pages CSS=============================*/
.navBar.inner{background:#000917;}
.breadcrumb{background:none; padding:10px 0;}
.breadcrumb a{color:#001534;}
.resultBox{background:#fff; border-radius:5px; font-family:Roboto; overflow:hidden; box-shadow:rgba(0,0,0,.05) 0px 0px 20px; display:flex; flex-wrap:wrap;  margin-bottom:20px;}
.resultBoxSSTop{background:#fff; border-radius:5px; font-family:Roboto; overflow:hidden; box-shadow:rgba(0,0,0,.05) 0px 0px 20px;   margin-bottom:20px;}
.hotel-img{max-width:33%; width:33%; padding:20px;}
.car-img{max-width:33%; width:33%; padding:20px;}
.hotel-img a{display:block; overflow:hidden;}
.hotel-img img{height:160px; width:100%; object-fit:cover;}
.car-img img{ width:100%; object-fit:cover;}
.car-img{max-width:33%; width:33%; padding:20px;}
.car-img a{display:block; overflow:hidden;}
.car-img img{ object-fit:cover;}
.det{max-width:43%; padding:25px 20px 25px 0;}
.ssdet{max-width:67%; padding:25px 20px 25px 0;}
.sscdet{max-width:100%; padding:25px 20px 25px 0;background-color:#d1d2db;text-align: center;}
.bdet{max-width:67%; padding:25px 20px 25px 0;text-align:justify;}
.resultBox .local{padding:5px 0 15px;}
.resultBox .local .place{font-size:14px; font-weight:400; color:#1e9e13;}
.resultBox .local .distance{font-size:14px; font-weight:400; color:#818181;}
.resultBox .local .distance .fa{font-size:8px; padding:0 5px; top: -2px; position: relative;}
.resultBox p{font-size:13px; font-weight:400; color:#474747; line-height:18px; padding-bottom:0;}
.resultBox .btn-link{font-size:14px; text-transform:capitalize; font-weight:500; text-decoration:underline;}
.buy{width:24%; background:#fff5a1; padding:25px 10px; text-align:center; font-family:"Roboto";}
.price{font-size:36px; font-weight:700; color:#1f6199;}
.buy p{padding-bottom:0px;}
.pagination > .active > a{background:#00b140; border-color:#00b140;}
.buy .btn{min-width:inherit; padding:9px 35px;}
.buy .time{border-right:0; padding:12px 0 0px; margin-right:0; font-size:15px; font-weight:500; color:#222121;}
.buy .tax{color:#333; font-size:13px; letter-spacing:1px;}
.rating{font-size:13px; font-weight:500; color:#2c2b2b; padding-bottom:30px;}
.rating .rate{background:#ffc600; color:#000; font-weight:700; font-size:16px; display:inline-block; padding:5px; border-radius:5px; margin-right:5px;}

.left-widget{padding-right:30px;}
.widget{background:#fff; box-shadow:rgba(0,0,0,.1) 0px 0px 9px;  overflow:hidden; margin-bottom:20px;}
.title{background:#ffc600; padding:18px 25px; color:#000; font-size:16px; font-weight:700; text-transform:uppercase; position:relative; pointer-events: none;}
.title::after{position:absolute; content:"\f1de"; right:15px; top:14px;color:#000;font-size:22px; font-family:"FontAwesome"; font-weight:normal;}
.qcontact .title::after{content:"\f2ba";}
.reports .title::after{content:"\f0f6";}
.widgetBox{padding:20px 15px 10px; border-bottom:1px solid #eee; font-size:13px; color:#797979; font-weight:300; background:#fff;}
.widgetBox table td a{color:#5b5b5b;}
.qcontact table td{font-size:16px; color:#5b5b5b; font-weight:500; padding:12px 20px!important;}
.qcontact table td .fa{margin-right:10px; font-size:20px;}
.widgetBox.last{border-bottom:0;}
.widgetBox h2{font-size:16px; font-weight:500; color:#1b1b1b; padding-bottom:8px;}
.widgetBox h3{font-size:15px; font-weight:500; color:#4a4a4a; padding-bottom:8px;}
.widgetBox a:hover, .widgetBox .row:hover a{color:#1f6199;}
.widgetBox table{margin-bottom:15px;}
.widgetBox table td{padding:3px 10px;}
.widgetBox table td strong{font-size:18px; font-weight:500; color:#3d729e;}
.widgetBox .btn{padding:11px 20px; margin-bottom:15px;}
.widgetBox .btn:hover{background:#09F; color:#fff; font-weight:500;}
.padder{padding:5px 15px 15px;}
.sort{font-size:20px; font-weight:#121212; font-weight:500;}
.select{border:1px solid #a1d2e3; padding:8px 10px; width:100%; color:#666; font-size:14px; width:170px; background:#fff;}

.checkbox, .radio{margin:7px 0; font-family:"Roboto";}
.checkbox {display: block;position: relative;padding-left:28px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; font-size:14px; color:#555555; font-weight:400;}
.checkbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color:#fff; border:2px solid #d8d8d8;}
.checkbox:hover input ~ .checkmark {background-color: #fff; box-shadow:#bbb 2px 2px 0px inset;}
.checkbox input:checked ~ .checkmark {background-color: #00aeea; border:0px; box-shadow:none;}
.checkmark:after {content: "";position: absolute;display: none;}
.checkbox input:checked ~ .checkmark:after {display: block;}
.checkbox .checkmark:after {left: 6px;top: 3px;width: 6px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.keySec a {color:#fff!important;font-size: 12px;font-weight: 500; margin-top:5px; background: #00beff;display: inline-block;border-radius: 100px;padding: 3px 9px;min-width: 40px;text-align: center;}
.qucikSearch .title::after{content:"\f002";}
.noneico .title::after{display:none;}
.reportBox h3, .resultBox h3{font-size:18px; line-height:22px; font-weight:600; color:#1f6199; padding-bottom:5px;}
.resultBox h3 a{color:#1f6199;}
.reportBox p{font-size:15px; font-weight:400; line-height:22px; color:#3a3a3a; padding-top:5px; padding-bottom:20px;}
.reportBox p strong{font-size:15px; font-weight:500; line-height:22px; color:#3a3a3a;}

.pagination{flex-wrap:wrap;}
.pagination a, .page-item:first-child .page-link, .page-item:last-child .page-link{border-radius:200px; margin:3px 3px; color:#333; font-size:16px; padding:10px 16px;}
.page-item:first-child .page-link, .page-item:last-child .page-link{padding:10px 25px;}


.stepBox{overflow:hidden; padding:30px 0 50px;}
.stepBox .stepClm{float:left; font-size:15px; font-weight:700;  color:#999; text-align:center; width:33.33%; position:relative; z-index:0;}
.stepBox .stepClm::after{border-bottom:2px solid #ddd; content:""; position:absolute; right:-46.5%; width:90%; top:33%;}
.stepBox .stepClm:last-child::after{display:none;}
.stepBox .stepClm span{display:inline-block; background:#fff; border:2px solid #dddddd; border-radius:100px; font-size:20px; font-weight:400; width:50px; height:50px; text-align:center; line-height:45px; font-family:Oswald; position:relative; z-index:1;}
.stepBox .stepClm h4{font-weight:500; font-size:15px; padding-top:10px; color:#151515; font-family:"Roboto";}
.stepBox .steparrow{ overflow:hidden; width:100%; overflow:hidden; margin:0 auto;}
.stepBox .stepClm.on{color:#131313;} .stepBox .stepClm.on span{background-color:#ffc700; border-color:#ffc700;}

.checkmark, .checkmark-radio {position: absolute;top: -2px;left: 0;height: 20px;width:20px;background-color:#fff; border:3px solid #a1a1a1;}
.checkmark{border:2px solid #d8d8d8;}
.checkmark-radio{border-radius:30px;}
.checkbox input:checked ~ .checkmark-radio {background-color: #8dca2c; border:2px solid #fff; box-shadow:#ccc 0px 0px 2px; outline:2px solid #8dca2c;}
.checkbox input:checked ~ .checkmark:after, .container input:checked ~ .checkmark-radio:after {display: block;}
.checkbox .checkmark-radio:after {left: 5px;top: 3px;width: 4px;height: 8px;border: solid white;border-width: 0 3px 3px 0;}



.cart-form, .whiteBox {background:#fff; border-radius:5px; overflow:hidden; box-shadow:rgba(0,0,0,.1) 0px 0px 20px; overflow:hidden; padding:30px 30px; margin-bottom:20px;}
.cart-form h3, .gadget-box h3, .whiteBox h3{border-bottom:1px solid #e2e2e2; padding-bottom:20px; margin-bottom:20px; color:#1f6199; font-size:20px; font-weight:500;}
.cart-form h3, .whiteBox h3{border-bottom:0; margin-bottom:0;}
.gadget-box h4{font-size:18px; font-weight:500; color:#3d729e; padding:0px 10px 10px;}
.gadget-box p{font-size:15px; font-weight:400; color:#323232; line-height:20px;padding:10px 10px;}
.gadget-box table{font-family:"Roboto";}
.gadget-box table th{font-size:15px; font-weight:500; color:#737373; border:0; padding:10px 10px;}
.gadget-box table td{font-size:15px; font-weight:400; color:#444; border:0; padding:10px 10px; vertical-align:top;}
.gadget-box table td .discount{color:#2bac36; padding-top:7px;} .gadget-box table td .discount span{text-transform:uppercase; font-weight:500;}
.gadget-box table tr.total{border-top:1px solid #ddd;}
.gadget-box table tr.total td{font-weight:bold; text-transform:uppercase; color:#1f6199; vertical-align:middle;}
.gadget-box table tr.total strong{color:#1f6199; font-size:26px; font-weight:bold;}
.cart-form label{color:#333; font-size:14px; font-weight:500;}
.form-control{height:50px; font-size:14px; font-family:"Roboto";}
.gadget-box td{font-size:18px; font-weight:400; color:#727272; padding:5px 0;}
.gadget-box th{font-size:25px; font-weight:700; color:#00b140; padding:15px 0; border-top:1px solid #eee;}
.stay li{padding:15px 0;  border-bottom:1px solid #eee;}
.stay li em{display:block; font-size:12px; color:#777; font-weight:400; font-style:normal; padding-top:7px;}
.stay li:last-child{border-bottom:0; padding-bottom:0;}

.couponbox{padding:15px; border-radius:10px; border:1px solid #ccc; margin:0 0 10px; font-family:"Roboto"; color:#111;}
.couponbox p{padding-bottom:0; padding-top:5px; font-weight:400; margin-bottom:0; color:#555;}
.couponbox label{color:#111; font-size:16px; text-transform:uppercase; font-weight:bold;}
.c-rate{float:right; font-weight:400; font-size:14px;}
.couponbox.active{background:#e9f6ea; color:#2bac36; border-color:#e9f6ea;}
.couponbox.active p, .couponbox.active  .c-rate, .couponbox.active label{color:#2bac36;}
.btn-primary{background:#ffc600; color:#000; border-color:#ffc600;}
.facility{font-size:12px; color:#222; display:flex; flex-wrap:wrap; align-items:center;}
.facility li{padding:0 10px 10px 0; vertical-align:middle;}
.fa-parking::before{background:url(/static/images/p-icon.png) no-repeat 0 0px; content:""; width:16px; height:15px; display:inline-block; vertical-align:middle;}
.booking-det{background:#fff5a1; padding:20px; box-shadow: rgba(0,0,0,.05) 0px 0px 20px; margin:0px 0 20px; font-family:"Roboto"; font-size:13px;}
.booking-det strong{display:block; padding:5px 0; font-size:15px;}
.cartResultBox .det{max-width:67%;}
nav.sticky{background:#fff; box-shadow:rgba(0,0,0,.1) 0 0 20px; margin-bottom:30px; width:100%; left:0; z-index:2;}
nav.sticky ul{display:flex; flex:wrap; justify-content:space-around;}
nav.sticky ul li{text-align:center;}
nav.sticky ul li a{padding:18px 30px; text-transform:uppercase; font-size:16px; display:block; text-align:center; color:#000; font-weight:500;}
nav.sticky ul li a:hover{background:#ffc600;}
.highlight{display:flex; flex-wrap:wrap; }
.highlight li{background:#ffdc61; border-radius:5px; padding:10px 20px; width:130px; margin-right:10px; text-align:center; font-size:12px; line-height:14px; font-weight:500; color:#000000; margin-bottom:10px;}
.highlight li span{display:block; padding-top:7px;}
.whiteBox h6{font-size:14px; font-weight:600; padding-bottom:15px;}
.whiteBox p{font-size:14px; font-weight:400; padding-bottom:15px;}
#facilities h5, #property-rules h5{font-size:15px; font-weight:500; color:#000; padding:10px 0; text-transform:uppercase;}
#facilities ul, #property-rules ul{padding:0px 0 15px;}
#property-rules ul{display:flex; flex-wrap:wrap;}
#facilities ul li, #property-rules ul li{padding:0 0 7px 25px; font-size:14px; color:#333; position:relative; font-family:"Roboto";}
#property-rules ul li{max-width:50%; flex:0 0 50%;}
#facilities ul li::before, #property-rules ul li::before{position:absolute; left:0; top:0px; content:"\f00c"; font-family:FontAwesome; color:#2bac36;}
#property-rules ul li::before{content:"\f058";}



.reviewBox{background:#fff; box-shadow:rgba(0,0,0,.1) 0 0 10px; padding:15px 20px; border:1px solid #eee; border-radius:10px; margin:15px 0;}
.reviewBox h6{font-size:16px; padding-bottom:10px;}
.reviewBox .rating{font:400 12px Roboto; color:#666;}
.reviewBox .rating .rate{font-size:12px;}
.reviewBox p{font-size:13px; padding-bottom:0; margin:0;}

.usrRevwHdr__ratingsCard {align-items: center;border-bottom: 1px solid #ddd;display: flex;justify-content: space-between; margin-bottom:30px; font-family:"Roboto"; font-size:12px;}
.usrRevwHdr__ratingsCard--ratings {align-items:center;display:flex;min-width:350px}
.usrRevwHdr__ratingBox {align-items:center;border-radius:4px;display:flex;height:45px;justify-content:center;margin:0 10px 0 0;width:88px; background: #ffc600; font-size:30px; font-weight:bold;}
.usrRevwHdr__concepts {align-items:center;display:flex;flex-wrap:wrap}
.rtngCard__progressBar {border-right:1px solid #ddd;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;margin-right:30px;padding-right:30px;width:357px}
.rtngCard__progressBar--col {flex-shrink:0;width:120px}
.progressDefault {background-color:#d8d8d8;border-radius:2px;height:4px;overflow:hidden; margin-top:5px;}
.progressFilled {height:100%; background:#06F;}
.makeFlex.spaceBetween {justify-content: space-between;}
.makeFlex {display: flex;}
.rtngCard__progressBar--col {flex-shrink: 0;width: 120px;margin: 5px 20px 5px 0;}
.makeFlex.column {flex-direction: column;}
.rateE{font-size:15px; color:#06F; font-weight:bold; text-transform:uppercase; padding-top:25px;}

.roomsTbl{width:100%; border:1px solid #ccc; margin:10px 0;}
.roomsTbl td:first-child{width:38%;}
.roomsTbl td, .roomsTbl th{ border:1px solid #ccc; padding:15px; vertical-align:top;}
.roomsTbl th{background:#ffdc61; color:#000; border:0; text-transform:uppercase; font-weight:600;}
.roomsTbl .checklist li{padding:0 0 10px 20px; position:relative;}
.roomsTbl .checklist li::before{content:"\f057"; font-family:"FontAwesome"; color:#ff242b; position:absolute; left:0; top:2px;} 
.roomsTbl .checklist li.yes::before{content:"\f058";  color:#2bac36; }
.room-pic img{width:100%; max-height:250px;}
.roomsTbl h5{font-size:20px; padding:20px 0;}
.room-F{display:flex; flex-wrap:wrap; padding-top:15px; margin-top:15px; border-top:1px solid #ddd;}
.room-F li{padding:0 15px 7px 15px; font-size:12px; color:#333; position:relative; font-family:"Roboto";}
.room-F li::before{position:absolute; left:0; top:-1px; content:"\f00c"; font-family:FontAwesome; color:#2bac36;}
.room-E{display:flex; flex-wrap:wrap;}
.room-E li{padding-right:15px; font-size:13px; color:#333; padding-bottom:10px;}
.room-E li:first-child{width:100%;}
.room-E li strong{display:block; font-weight:500; font-size:14px;}
.priceBox{background:#fff5a1; vertical-align:middle!important; text-align:center; font-family:"Roboto";}
.priceBox .time{padding: 12px 0 0px; margin-right: 0; font-size: 15px; font-weight: 500; color: #222121;}
.priceBox .price{font-size: 36px; font-weight: 700; color: #1f6199;}
.buttonH{padding:15px 0 5px;}
.buttonH .btn{border-radius:100px; font:400 18px Oswald; text-transform:uppercase; padding:10px 30px;}

.hotel-name{font-size:20px; font-weight:600; color:#1f6199; padding-bottom:10px;}
.photos{padding-right:10px;}
.photos-row{margin-left:-10px; margin-right:-10px; display:flex; flex-wrap:wrap;}
.photos-row .col-2-3{max-width:66.666%; width:66.666%; padding:10px 0px 0px 10px;}
.photos-row .col-2-3 img{height:370px; display:block; object-fit:cover; width:100%;}
.photos-row .col-1-3{max-width:33.333%; width:33.333%; padding:10px 0px 10px 10px;}
.photos-row .col-1-3 .photo:first-child{margin-bottom:10px;}
.photos-row .col-1-3 img{height:180px; display:block; object-fit:cover; width:100%;}
.photos ul{display:flex; flex-wrap:wrap;margin-left:-10px; margin-right:-10px;}
.photos ul li{width:25%; padding:0 0px 0 10px;}
.photos ul li img{height:120px; display:block; object-fit:cover;width:100%;}
.photos ul li a{display:block;}
.photo span{position:absolute; color:#f8f8f8; background:rgba(0,0,0,.7); border-radius:5px; padding:5px 10px; display:inline-block; z-index:0; right:10px; bottom:20px;}
#photos{padding-right:0!important;}
#photos ul{display:flex; flex-wrap:wrap;}
#photos ul li{flex:0 0 50%; max-width:50%; padding:10px;}
#photos ul li img{height:350px; display:block; width:100%; object-fit:cover;}
#photos .modal-xl{max-width:100%; margin:5px;}

.minus, .plus, .minusx, .plusx{font-weight: 500;height: 24px; width: 24px; background:#f2f2f2;border-radius:4px; border:1px solid #ddd;display: inline-block;vertical-align: middle;text-align: center; cursor:pointer;}
.minus:hover, .plus:hover, .minusx:hover, .plusx:hover{background:#ffc600; color:#000; border-color:#ffc600;}

.searchBar{background:#fff; box-shadow:rgba(0,0,0,.25) 0 0 20px; padding:0 00px 0 0; margin:-50px 5% 0; position:relative; z-index:2; display:flex; flex-wrap:wrap; align-items:center; -webkit-user-select: none; user-select: none;}
.locFld{border-right:1px solid #ddd; padding:0 30px 0; max-width:30%;}
.locCarFld{border-right:1px solid #ddd; padding:0 30px 0; max-width:35%;}
.locFld .fld{border:1px solid #ccc; padding:13px 20px; font-size:15px; font-weight:500; width:100%; font-family:"Roboto";}
.locCarFld .fld{border:1px solid #ccc; padding:13px 20px; font-size:15px; font-weight:500; width:100%; font-family:"Roboto";}
.checkin{padding:0 20px 0 40px; border-right:1px solid #ddd; position:relative; max-width:16%; cursor:pointer;}
.checkin::before{content:'\f073'; position:absolute; left:15px; top:35%; font-family:FontAwesome; font-size:18px; display:block; color:#999;}
.room::before{content:'\f236'; position:absolute; left:15px; top:35%; font-family:FontAwesome; font-size:18px; display:block; color:#999;}
.guest::before{content:'\f0c0'; position:absolute; left:15px; top:35%; font-family:FontAwesome; font-size:18px; display:block; color:#999;}

.guest{padding:0 20px 0 40px; border-right:1px solid #ddd; position:relative; max-width:14%; position:relative; cursor:pointer;}

#persons, .rooms, .guestNumber input{width:18px; font-weight:500; letter-spacing:0px; text-align:left; color: #555; border:0; font-family:"Roboto"; cursor:pointer; font-size:15px;}
.rooms, .guestNumber input{text-align:center;width:30px; height:30px; cursor:pointer; font-size:15px;}
.guest span.guestT{ font-weight:500; letter-spacing:0px; color: #555;font-family:"Roboto"; margin-left:-20px; padding-left:20px; font-size:15px;}

.room{padding:0 20px 0 50px; border-right:0px solid #ddd; position:relative; max-width:22%;}

.guestNumber{display:none; width:200px; text-align:right; position:absolute; top:110px; left:0; background:#fff; padding:25px 15px 15px; border:1px solid #ddd; box-shadow:rgba(0,0,0,.2) 0 0 10px; z-index:9;}
.guestNumber::before{content:"\f00d"; font-family:Fontawesome; position:absolute; right:10px; top:5px;}
.guestNumber strong{font-weight:500; float:left; padding-top:5px;}
.guestNumber .number{padding:10px 0 10px; border-bottom:1px solid #eee;}
.guestNumber .number:last-child{border-bottom:0;}
.searchBar label{padding-bottom:0; margin:0; font:500 15px Roboto; width:100%;}
.searchBar .form-control{border:0px; font-weight:500; letter-spacing:2px; padding:0; height:20px;color: #999;}
.searchBar .form-control:focus{border:0; box-shadow:none;}

.locFld, .checkin, .guest, .room{height:110px; padding-top:30px; padding-bottom:30px;}
.locCarFld, .checkin, .guest, .room{height:110px; padding-top:30px; padding-bottom:30px;}
.search{margin-left:auto; margin-right:0; width:10%;}
.searchBtn{background:#ffc600; color:#000; width:100%; min-width:100%; height:100%; border:0; border-radius:0; font-size:30px; display:flex; align-items:center; justify-content:center; padding:40px 0%;}
.searchBtn:hover{background:#1e6097; color:#fff;}

.widgetBox .searchBar{display:block; margin-top:0; box-shadow:none; margin:0;}
.widgetBox .locFld, .widgetBox .checkin, .widgetBox .guest, .widgetBox .room, .widgetBox .search{max-width:100%; width:auto; height:inherit; padding-top:10px; padding-bottom:10px; border:1px solid #ddd; margin:10px 0;}
.widgetBox .search{border:0;}
.widgetBox .search .searchBtn{padding:15px 10px; margin-top:0; font-size:18px; text-transform:uppercase; font-weight:600; letter-spacing:2px;}
.widgetBox .search .searchBtn i{margin-right:10px;}
.widgetBox .locFld{padding-left:0; padding-right:0;}
.widgetBox .locFld .fld{border:0;}
.widgetBox .guestNumber{top:60px; width:100%;}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover{background:#b9b4a2!important; color:#fff;}
.datepicker table tr td{border-radius:0; border:1px solid #fff;}
.datepicker table tr td:hover{background:#ffc600!important; color:#000;}
.cartBtn{padding-bottom:30px;}
.cartBtn a{padding:18px 40px; letter-spacing:3px; border-raidus:0; min-width:300px; text-align:center; font-weight:600;}

@media only screen and (max-width: 1250px){
.header .row{margin-left:10px; margin-right:10px;}
.owl-nav button.owl-prev{left:10px;}
.owl-nav button.owl-next{right:10px;}
.search{width:8%;}
.locFld{max-width:25%;}
.locCarFld{max-width:35%;}
.guest{max-width:16%;}
}
@media only screen and (max-width: 1024px){
.navBar{display:none;}
.header{padding:0px 0 5px; z-index:999;}
.nav{flex:inherit; max-width:none;}
.menu-bar{display:inline-block;}
.nav .menu, .mobileNav{display: none; background:#111; box-shadow:0 -8px 6px 0 #000 inset;}
.fa-bars{display:block; float:right;}
.mobileNav .fa-bars{padding:10px 20px 0 0;}
span.fa-bars::before{display:none;}
.menu .fa-bars{margin:10px 20px;}
.nav ul, .mobileNav ul{clear:both; display:block; }
.nav ul li, .mobileNav ul li{border-bottom: 0 none;float: none; display:block; text-align:left; padding:0px 0px; border-radius:0px;border-bottom: 1px solid #222;}
.nav ul li a, .nav ul li.last a, .nav ul li a.active, .mobileNav ul li a{padding:13px 20px; color:#fff; border:0px;text-align:left; display:block;}
.mobileNav ul li.active a{color:#ffc600;}
.mobileNav ul li a:hover{background:#000;color:#ffc600;}
.nav ul li ul li a{padding:15px 10px 15px 30px; border-bottom:0;}
.nav ul li ul li{background:#222; border-bottom:1px solid #000;}
.nav ul li:hover ul li a{border-bottom:0;}
.nav .menu, .mobileNav{position:fixed; top:0px; right:0px; display:none; width:340px; z-index:999999!important; height:120%; overflow:scroll;}
.nav ul li.menu-link a{border-radius:0;}
.nav .menu ul, .mobileNav ul{overflow:auto;height:100%; }
.nav ul li.last{padding:0px;}
.nav ul li a:hover{color:#fff; background:#659ebc; border:0px;}
.nav ul li:hover a{border:0px;}
.nav ul li ul{position:static; top:0px; left:0px;}
.nav ul li:hover ul{display:none;}
.nav ul li ul{width:100%; background:none; box-shadow:none;}
.nav ul li a .fa{float:right; font-size:14px; margin-top:3px}
.logo{padding:10px 0 10px 0px; width:60%;}
.footer{padding-left:25px; padding-right:25px;}
.footer h3{padding-top:20px;}
.searchBar{margin-left:0; margin-right:0;}
}
@media only screen and (max-width:1000px){
.owl-nav{display:block!important;}
.navBar .navscroll{overflow:auto; padding-bottom:5px;}
.hero{margin-top:-57px;}
.navBar .navscroll ul{width:720px; overflow-x:scroll;}
}

@media only screen and (max-width:991px){
.left-widget{order:2; padding-top:50px;}
.usrRevwHdr__ratingsCard {padding-bottom:15px;}
nav.sticky ul li a{padding:10px 10px; font-size:15px;}
.left-widget{padding-right:15px;}
}
@media only screen and (max-width: 850px){
.searchBar{display:block; margin-top:0; box-shadow:none; margin:0; border:1px solid #ddd; padding:20px; margin-top:-50px; box-shadow:rgba(0,0,0,.2) 0 0 20px;}
.locFld, .checkin, .guest, .room, .search{max-width:100%; width:auto; height:inherit; padding-top:10px; padding-bottom:10px; border:1px solid #ddd; margin:10px 0;}
.locCarFld{max-width:100%; width:auto; height:inherit; padding-top:10px; padding-bottom:10px; border:1px solid #ddd; margin:10px 0;}
.search{border:0;}
.search .searchBtn{padding:15px 10px; margin-top:0; font-size:18px; text-transform:uppercase; font-weight:600; letter-spacing:2px;}
.search .searchBtn i{margin-right:10px;}
.locFld{padding-left:0; padding-right:0;}
.locCarFld{padding-left:0; padding-right:0;}
.locFld .fld{border:0;}
.locCarFld .fld{border:0;}
.guestNumber{top:60px; width:100%;}
.widgetBox .searchBar{border:0; padding:0;}
}
@media only screen and (max-width: 767px){
.posts{max-width:400px; margin:10px auto;}
.social{text-align:left; padding-top:15px; padding-bottom:20px;}
.copyright{padding-left:30px; padding-right:30px;}
.hero h1{font-size:55px;}
.sort .col-md-5{text-align:left!important; padding-top:10px;}
.booking-det .col-3{max-width:33.333%; flex:0 0 33.333%;}
#property-rules ul li{max-width:100%; flex:0 0 100%;}
.roomsTbl td{display:block; width:100%!important;}
.roomsTbl th{display:none;}
}
@media only screen and (max-width: 668px){
.hotel-img, .det, .buy{max-width:100%; width:100%;}
.det{padding:0 20px 20px;}
.buy{text-align:left; padding:20px;}
.resultBox, .widget, .sort{max-width:400px; margin:15px auto;}
.left-widget  .widget{max-width:100%;}
.cartResultBox{max-width:inherit;}
.cartResultBox .det{max-width:100%;}
.sort{font-size:16px;}
.sort .select{width:100%; padding:5px 10px;}
.buy .rating{padding-bottom:15px;}
.padder{padding:0px;}
nav.sticky ul li a{font-size:13px;}
nav.sticky ul li:nth-child(1), nav.sticky ul li:nth-child(4){display:none;}
#photos ul li{flex:0 0 100%; max-width:100%; padding:5px;}
}
@media only screen and (max-width: 567px){
.logo{max-width:50%;}
.carousel, .searchBar{margin-left:0; margin-right:0;}
.discountSec{padding:50px 0;}
.discountSec h2{font-size:36px;}
.discountSec br{display:none;}
.booking-det{font-size:12px;}
.booking-det strong{font-size:13px;}
.usrRevwHdr__ratingsCard--ratings, .usrRevwHdr__concepts{width:100%; max-width:100%; min-width:100%;}
.usrRevwHdr__ratingsCard{display:block;}
}
@media only screen and (max-width: 500px){
.photos-row .col-2-3, .photos-row .col-1-3{max-width:100%; width:100%;}
.photos ul li{width:50%; padding-bottom:10px;}
nav.sticky ul li a{font-size:12px;}
nav.sticky ul li .mNone{display:none;}
#photos ul li img{height:200px;}
.modal-title{font-size:18px; line-height:24px;}
.whiteBox{padding:20px;}
}