@import url('https://fonts.googleapis.com/css2?family=Nunito&family=Old+Standard+TT:wght@400;700&display=swap');
@font-face{
	font-family:'medium';
	src:url('font/medium.ttf') format('truetype');
	font-style:normal;
	font-weight:normal;}
html{scroll-behavior: smooth;}
li{list-style-type:none!important;}
a{text-decoration:none!important;}
body{background: #f8f8f8!important;}
.white{color:#fff!important;}
.black{color:#000;}
.heading1{font-size: 2.5rem;} .heading2{font-size: 2rem;} .heading3{font-size: 1.75rem;} .heading4{font-size: 1.5rem;} .heading5{font-size: 1.25rem;} .heading6{font-size: 1rem;}
.pad{padding:90px 0;}
.oldstandard{font-family:'medium'; font-weight:500; letter-spacing:1px;}
.nunito{font-family: 'Nunito', sans-serif; line-height:28px;}
.nunito1{font-family: 'Nunito', sans-serif;}
.pad, .section1pad{padding:90px 0;}
.wrdbrk{white-space: pre;}
.navfont{font-family: 'Nunito', sans-serif; font-size:15px; letter-spacing:1px;}
.mynav{position:fixed!important; width:100%; z-index:999; background: none;}
.logo{width: 160px;
	position: absolute;
	top: 0px;
	background: white;
	border-radius: 0 0 25px 25px;
	padding: 0 9px 17px 9px;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;}
.mynav.black {background: white; transition:.5s linear; box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);}
.mynav.black1 {background: none; transition:.3s linear; color: white;}
.dropdown-item:active{color: #fff!important; text-decoration: none; background-color: #c5a880!important;}
.dropdown-item:focus, .dropdown-item:hover {color: #fff!important;text-decoration: none;background-color: #c5a880!important;}
.dropdown-item{padding: 10px 35px!important;}
.fullpad{padding:0!important; margin:0!important;}
.menu-large {position: static !important;}
.megamenu {padding: 20px 15px!important;
	position: absolute!important;
	z-index: 9999!important;
	top: 70px!important;
	left: 10px;
	right: 40px;
	width: 400px;
	height: 350px;
	overflow-y: scroll;
	scrollbar-width: thin;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;}
.smallfnt{font-size: 14px;}
.smallfnt1{font-size: 12px;}
.underline{text-decoration: underline;}
.fw-400{font-weight: 400;}
.fw-700{font-weight: 700;}
.homebg {
	background-image: url("../images/hotel.webp");
	height:600px;
	padding:60px 0 90px;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	z-index: 0;}
.homebg::before {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.7;
	position: absolute;
	top: 0;
	width: 100%;}
.headfnt{font-size: 80px;}	
.headfnt1{font-size: 60px;}
.headfnt2{font-size: 45px;}
.brown-clr{color:#c5a880!important;}
.lg-black{color:#3c3c3c;}
.lg-para{color: #999;}
.brown-button{background-color: #c5a880 ; border:1px solid #c5a880; color:#fff!important; padding:15px 25px; font-size: 14px;}
.transparent-button{background-color: transparent ; border:1px solid #fff; color:#fff!important; padding:15px 25px; font-size: 14px;}
.owl-nav{display:none!important;}
.owl-dots{display:none!important;}
.transparent-buttons{background: transparent; margin-top: 10px; font-size: 12px; color: #3c3c3c !important; padding: 8px 15px; border: 1px solid #3c3c3c;}
/*Booking*/
.booking-area {
	margin-top: 30px;
	z-index: 1;
	position: relative;}
.booking-area .booking-wrap {
	padding: 20px 10px 20px 20px;
	background-image: linear-gradient(to right, #d7d7d7 , #c0bebe);
	border-radius: 5px;
	box-shadow: 0px 8px 79px 0px rgba(0, 0, 0, 0.08);}
.book-form .form-control{background-color: #fff!important;}
.brown-button-submit {
	background-color: #FFDF00;
	border: 1px solid #FFDF00;
	color: #000 !important;
	padding: 15px 20px;
	font-size: 18px;
	border-radius: 35px;}
.buttonpos{position: relative !important;
	top: 40px;
	text-align: center;
	left: -12px;}
.text-box1 {
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	height: 110px;
	border: 1px solid gray;
	border-radius: 8px;
	background: #fff;}
.text-box1:hover {background-image: linear-gradient( #e0e2e3 , #f9f9f9);}
/*Booking End*/
/*welcome*/
.text-box{transition: all .3s ease; -webkit-transition: all .3s ease; box-shadow: 0 5px 25px -2px rgba(0,0,0,.06);}
.text-box:hover{background: #222;}	
.f-services:hover .text-box h2 {color: #fff;}
.box-rad{height: 200px; border-radius: 50% 50% 50% 0;}
.padht {transition: 0.5s; transform: translateY(0);}
.padht:hover {-webkit-transform: translateY(-10px); transform: translateY(-10px);}  
.firstpad {padding: 150px 0 90px 0;}
.welcomepos{position: relative; z-index: -1;}
/*welcome End*/
/*Counter*/
.counterbg{background-color: #1a1a1a; padding:4em 0;}
#counter{background: rgba(black, .05);}
#counter li{flex: 1; text-align: center;}
#counter li span.percent:after { content: ""; display: inline-block;}
.counttext{color: #c5a880; font-size: 40px; font-weight: 700; font-family: 'Alata', sans-serif;}
.bannerhead {color: #c5a880; font-size: 40px; font-weight: 700; text-transform: uppercase; line-height: 1.3em;}
/*Counter End*/
/*Card*/
.clip {
	clip: rect(auto, auto, auto, auto);
	height: 100%;
	position: absolute;
	width: 100%;}
.offers-block {
    position: relative;
    width: 100%;
    min-height: 450px;
    color: #fff;
    float: left;
    display: block;}
.offers-block:hover .tour-layer {opacity: 1; background: rgba(0, 0, 0, 0.8);}
.offers-block .vertical-top {padding: 30px;}
.vertical-top {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;}
.offers-block .vertical-bottom {padding: 0px 10px 30px 30px;}
.offers-info {
    width: 100%;
    position: relative;
    padding-bottom: 20px;
    display: inline-block;}
.offers-info li:first-child {padding-left: 0px;}
.detail-content li {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 10px;}
.offers-info li {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    float: left;
    padding: 0px 10px 0px 20px;
    padding-left: 20px;
    line-height: 24px;}
.offers-info li b {font-size: 24px; padding-right: 10px;}
.offers-block .vertical-bottom p {
    padding-bottom: 25px;
    font-size: 14px;
    line-height: 22px;
    color: #fff;}
.detail-content p {margin-bottom: 15px;}
.bg {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;}
.radius-mask .bg {
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;}
.bg-bg-chromeowl1.act {position: absolute;}
.bg-bg-chromeowl1 {
	/*background-image: url("../images/room2.jpg");*/
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;}
.tour-layer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	opacity: 1;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;}
.vertical-bottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;}
.owlbtn {
	background-color: #c5a880;
	border: none;
	font-weight: bold;
	color: white !important;
	border-radius: 50px;
	padding: 8px 12px;}
.owlpfnt {font-size: 12px;}
.btn-secondary {background-color: #c5a880!important;}
/*Card End*/
/*footer*/
.footer{background: #1a1a1a; padding:5em 0;}
.footer-bt{background-color: #151515;}
.clr-light{color: rgba(255,255,255,.7);}
.ftco-footer-social li {
	list-style: none;
	margin: 0 5px 0 0;
	display: inline-block;}
.ftco-footer-social li a {
	height: 40px;
	width: 40px;
	display: block;
	color: #c5a880;
	border-radius: 2px;
	position: relative;
	background: rgba(255,255,255,.05);}
.ftco-footer-social li a span {
	position: absolute;
	font-size: 14px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	color: #c5a880 !important;}	
.ftco-clr{color: rgba(255,255,255,.7); transition: .3s all ease;}	
.ftco-clr:hover{transition: .3s all ease; color: #c5a880;}	
.text1 {position: relative; padding: 0 0 0 30px; margin-top: -43px;}	
/*footer End*/
.galleryImg {
	position: relative;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	border: .9em solid #fff;
	margin-top: 1px;
	-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1);
	box-shadow: 0 0 0 1px rgba(0,0,0,.1);
	background-color: #434343;}
.galleryImg1 {
	position: relative;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	border: .2em solid #fff;
	margin-top: 1px;
	-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1);
	box-shadow: 0 0 0 1px rgba(0,0,0,.1);
	background-color: #434343;}	
.galleryImg:hover img, .galleryImg1:hover img {
	position: relative;
	opacity: .65;
	filter: alpha(opacity=65);
	display: block;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);}
.galleryImg img, .galleryImg1 img{-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.galleryImg a, .galleryImg1 a{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;}
.galleryImg:hover a span, .galleryImg1:hover a span {-webkit-transform: scale(1); transform: scale(1);}
.galleryImg a span, .galleryImg1 a span{-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.galleryImg a span, .galleryImg1 a span {
	display: table;
	top: auto;
	right: auto;
	bottom: 1em;
	left: 1em;
	position: absolute;
	width: 3.5em;
	height: 3.5em;
	text-align: center;
	-webkit-transform: scale(0);
	transform: scale(0);}
.galleryImg > a span, .galleryImg1 > a span {background-color: #c5a880;}
.galleryImg a span i, .galleryImg1 a span i {
	display: table-cell;
	font-size: 1.35em;
	vertical-align: middle;
	color: #fff;
	margin: 0;}
.galleryImg a span, .galleryImg1 a span {text-align: center;}
.lightbox{position: fixed!important; top: 50px!important;}
.gridpad{padding:0px 7px 0px 0px!important;}
.homeparallax {
	background-image: url("../images/homeparallax.webp");
	padding:90px 0;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	z-index: 0;}
.homeparallax::before {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.8;
	position: absolute;
	top: 0;
	width: 100%;}

/*Room*/
.room-box{background-color: #fff; padding:25px; box-shadow: 0 5px 25px -2px rgba(0,0,0,.06); border-radius:10px; margin-bottom:20px; position: relative; z-index: 0;}
/*Room End*/
/*Cart*/
.guest-box{background-color: #fffcf6; padding:25px; box-shadow: 0 5px 25px -2px rgba(0,0,0,.06); border-radius:10px; margin-bottom:20px;}
.cart-box{border: 1px solid #d7d7d7; 
	background: #f4f4f4; 
	padding:20px; 
	box-shadow: 0 5px 25px -2px rgba(0,0,0,.06); 
	border-radius:10px; 
	margin-bottom:20px; 
	position: relative; 
	z-index: 0; 
	height: 500px;
	overflow-y: scroll;
	scrollbar-width: thin;}
.guest-form .form-control {
	background-color: #fffcf6;
	height: 45px;
	border: 1px solid #b0b0b0;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	padding-top: 5px;
	font-size: 14px;}
.formheight{height:100px!important;}	
.submit-btn{background-color:#c5a880; color:white!important; border-radius:5px; padding:10px 15px; border:1px solid #c5a880; font-size:16px;}  
.coupon-btn{background-color:#c5a880; color:white!important; border-radius:10px; padding:5px 10px; border:1px solid #c5a880; font-size:14px;}  
.policy-box{border: 1px solid #d7d7d7; background: #fcfcfc; padding:20px; box-shadow: 0 5px 25px -2px rgba(0,0,0,.06); border-radius:10px; margin-bottom: 20px;}
.booking-button{background-color: transparent;
color: #000 !important;
border-radius: 50px;
padding: 5px 8px;
border: 1px solid #000;
font-size: 14px;}	
/*Cart End*/
.common_bg{
	height:480px;
	padding:100px 0;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	z-index: 0;}
.common_bg::before {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;}
.contactbg {background-image: url("../images/contactbg.webp");}
.aboutbg {background-image: url("../images/aboutbg.webp");}
.roombg {
	background-image: url("../images/homeparallax.webp");
	height:500px;
	padding:130px 0;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	z-index: 0;}
.roombg::before {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;}		
.contact-box{background-color: #fff; padding:30px; box-shadow: 0 5px 25px -2px rgba(0,0,0,.06);}	
.cartbg {
	background-image: url("../images/hotel.webp");
	height:auto;
	padding:60px 0 0px;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	z-index: 0;}
.cartbg::before {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.7;
	position: absolute;
	top: 0;
	width: 100%;}
.footerulbg {
	background: rgba(0,0,0,0.20);
	padding: 10px 10px 10px 40px;
	max-width: 700px;
	margin-bottom: 15px;}
.tophead-social li {display: inline-block; margin-right: 15px;}
.footfntli {font-size: 13px;}
.foothvr {color: #fff;transition: all .3s ease-out;}
.foothvr:hover {color: #c5a880;transition: all .3s ease-out;}		


@media (min-width:5px) and (max-width:767.98px){
.pad{padding:40px 0;}
.navbg {background: white; box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);}	
.homebg{padding:40px 0; height:auto;}
.booking-area .booking-wrap {height:auto;}
.firstpad{padding:60px 0 50px 0;}
.headfnt1 {font-size: 35px;}
.footer {padding: 2em 0;}
.megamenu{width:100%; left: -15px !important;}
.logo{width: 140px;}
.cart-box{height:auto;}
.headfnt {font-size: 50px;}
}


@media (min-width:768px) and (max-width:992.98px){
.pad{padding:40px 0;}	
.navbg {background: white; box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);}	
.booking-area .booking-wrap {height:auto;}
}

#notfound {position: relative; height: 100vh;}
#notfound .notfound {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.notfound {max-width: 410px; width: 100%; text-align: center;}
.oopslogo{width:350px;}
.notfound h2 {
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;}
.notfound p {
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 15px;
	margin-top: 5px;}
.notfound a {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	background: #0046d5;
	display: inline-block;
	padding: 15px 30px;
	border-radius: 40px;
	color: #fff;
	font-weight: 700;
	-webkit-box-shadow: 0px 4px 15px -5px #0046d5;
	box-shadow: 0px 4px 15px -5px #0046d5;}

@media only screen and (max-width: 767px) {
.notfound .notfound-404 {height: 142px;}
.notfound .notfound-404 h1 {font-size: 112px;}
}

.loginbg {
	background-image: url("../images/hotel.webp");
	padding:0px;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	z-index: 0;}
.loginbg::before {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;}
.cart-sticky{position: sticky; top: 80px;}	
.coupon-btn1 {
	background-color: #c5a880;
	color: white !important;
	border-radius: 10px;
	padding: 5px 10px;
	border: 1px solid #c5a880;
	font-size: 14px;
	width: 200px;
	display: block;
	margin: auto;
  }