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

html {
   scroll-padding-top: 100px;
}
html, body{font-family: 'Josefin Sans', sans-serif; height:100%; }
h1, h2, h3, h4, h5, h6{margin:0px; padding:0px}
p{margin:0px; padding:0px}
ul {margin:0px; padding:0px; list-style:none}
ul li{margin:0px; padding:0px}
a{text-decoration:none; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.navbar{padding:0px 0px;}
.btn{text-decoration:none; transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.navbar{padding:0px 0px;}
.navbar-light .navbar-toggler{border-radius:0px; border-color:#1f4e78; outline:none; box-shadow:none; line-height:inherit; padding:2px 10px; color:#1f4e78}
.navbar-light .navbar-toggler-icon{background:none;}
.navbar-toggler-icon{height:auto; width:auto;}
.navbar-toggler{color:#fff; border:none; outline:none; box-shadow:none}
.navbar-toggler:focus{box-shadow:none}



#header{position:relative}
#header .carousel-item {height:600px;min-height:300px;}
#header .carousel-inner{ position:relative}
#header .carousel-indicators{right:8px; top:45%; left:auto; margin:0px; z-index:99999; display:block}
#header .carousel-indicators [data-bs-target]{height:12px; width:12px; border:none; border-radius:100px; opacity:9; display:block; margin:5px 0px;}
#header .carousel-indicators .active{background:#f05640}
.navbar-expand-lg .navbar-nav .nav-link{color:#fff; font-family: 'Josefin Sans', sans-serif; text-transform:uppercase; font-size:15px; padding:10px 10px; line-height:normal}
.nav-link:focus, .nav-link:hover{color:#bc9f4d}
.navbar-expand-lg .navbar-nav .nav-link:hover{color:#bc9f4d}
.navbar-expand-lg .nav-item:last-child .nav-link{color:#98803c; border:1px solid #98803c; padding:14px 22px 12px}
.navbar-expand-lg .nav-item:last-child .nav-link:hover{background:#bc9f4d; color:#fff}
.navbar-brand{width:120px;}
.navbar-nav.ms-auto{align-items:center;}

.menu_box {top:0px; left:0px; right:0px; position:absolute; z-index:9999; background:rgba(0,0,0,.2)}
.fixed-top {top:-40px; transform:translateY(40px);  transition:transform .3s;  background:#011223; z-index:9999999; border:none; border-bottom:1px solid #162557; position:fixed;}
.med_text{position:absolute; right:0; left:0px;   bottom:15%; z-index:999; padding:20px 0px; text-align:center}
.med_text h1{font-family: 'Playfair Display', serif; font-size:82px; color:#fff; font-weight:600; text-align:center; line-height:normal}
.med_text p{font-size:20px; text-transform:uppercase; color:#fff; letter-spacing:2px;}
.med_text ul li{display:inline-block; padding:10px 5px;}
.med_text ul a{color:#fff; font-weight:400; border:2px solid #fff; border-radius:2px; padding:12px 15px 10px; text-transform:uppercase; display:inline-block}
.med_text ul li:first-child a{border-color:#98803c; background:#98803c}
.med_text ul a:hover{background:#a02c1b; border-color:#a02c1b}
.med_text ul li:first-child a:hover{border-color:#fff; background:none}
#header:before{background:rgba(1,18,35,.7); position:absolute; left:0px; right:0px; top:0px; content:""; height:100%; width:100%;z-index:9}



.phoenumber{position:absolute; top:40%; left:0px; z-index:999}
.phoenumber p{font-size:35px; font-family: 'Playfair Display', serif; font-weight:700; color:#98803c; position:relative;     writing-mode:vertical-lr; text-orientation:mixed; padding:64px 0px 0px 0px;}
.phoenumber p:before{position:absolute; left:0px; top:0px; content:" \F5C1";  font-family: "bootstrap-icons"; border:1px solid #fff; color:#fff; border-radius:100px;  height:60px; width:60px; padding:11px 3px}
.phoenumber p span{font-family: 'Josefin Sans', sans-serif; color:#fff; text-transform:uppercase; letter-spacing:2px; display:block; font-weight:500; font-size:16px;}

/***about-section***/
#about-section{padding:40px 0px;}
#about-section .row{align-items:center}
.abouttext h2{font-size:22px; text-transform:uppercase; color:#73696d; font-weight:600;}
.abouttext h1{font-size:59px; color:#0f1014; font-weight:600; font-family: 'Playfair Display', serif; padding:5px 0px;}
.abouttext p{font-size:18px;  color:#73696d; font-weight:400; padding:8px 0px; font-family: 'Montserrat', sans-serif;
}
.abouttext a{color:#a02c1b; font-weight:600; font-size:17px; margin:8px 0px; display:inline-block;}
.abouttext a i{ transition:all 0.5s ease-in-out;}
.abouttext a:hover i{padding-left:6px; transition:all 0.5s ease-in-out; color:#fff}
.abouttext a:hover{color:#98803c}

/***roomsection*****/
#roomsection{background:#fff; padding:10px 0px 30px;}
.head{padding:0px 0px 30px}
.head h2{color:#73696d; font-family: 'Playfair Display', serif; font-size:22px; text-transform:uppercase; letter-spacing:2px;}
.head h1{color:#0f1014; font-family: 'Playfair Display', serif; font-size:52px;}
.roombox{padding:10px; background:#fff; box-shadow:0px 0px 10px #00000020; border-radius:2px; margin:12px 0px; transition:all 0.5s ease-in-out; border:1px solid #fff; cursor:pointer}
.roombox:hover{box-shadow:0px 0px 10px #00000030; margin-top:5px; border:1px solid #a02c1b}
.roombox h2{color:#0f1014; font-family: 'Playfair Display', serif; font-size:25px;}
.roombox p{font-size:16px; color:#73696d; font-weight:400; padding:8px 0px; font-family: 'Montserrat', sans-serif;}
.roombox ul.detlse {padding:5px 0px}
.roombox ul.detlse li{font-size:16px; color:#73696d; font-weight:400; padding:2px 0px; font-family: 'Montserrat', sans-serif; position:relative; padding:2px 0px 2px 18px}
.roombox ul.detlse li:before{position:absolute; left:0px; top:9px; content:""; background:#a02c1b; height:8px; width:8px; border-radius:5px; display:block;}
.roombox ul.sider{display:flex; flex-wrap:wrap; align-items:center; display:none}
.roombox ul.sider li{max-width:50%; flex:50%; padding:0px 0px; color:#a02c1b; font-size:30px; font-weight:500;}
.roombox ul.sider li span{color:#73696d; font-size:16px;}
.roombox ul.sider li a{border-radius:2px; background:#98803c; width:120px; display:block; text-align:center; text-transform:uppercase; color:#fff; font-size:15px; padding:10px 0px 8px; float:right}
.roombox ul.sider li a:hover{background:#a02c1b}
.roombox:hover a{background:#a02c1b}
.detltext{padding:10px 10px 0px;}

#calltoaction{background:url(../images/bg.jpg) no-repeat top center; background-size:cover; padding:20px 0px; text-align:center}
#calltoaction h1{font-family: 'Playfair Display', serif; color:#fff; font-size:36px;}
#calltoaction h1 a{font-family: 'Playfair Display', serif; color:#fff; font-size:36px;}
#calltoaction h1 a:hover{color:#98803c}
#calltoaction h1 a i{padding:0px 10px}


/***servicesection***/
#servicesection{padding:50px 0px;}
#servicesection .head{padding:10px 0px}
#servicesection .head h1{padding:5px 0px; font-size:45px;}
.servicebox{padding:10px; background:#fff; box-shadow:0px 0px 5px #00000020; border-radius:2px; margin:12px 0px; transition:all 0.5s ease-in-out; border:1px solid #f1f0f0; cursor:pointer; padding:10px 18px;}
.servicebox:hover{box-shadow:0px 0px 5px #00000030; margin-top:5px; border:1px solid #a02c1b; background:#fbfbfa}
.servicebox h2{color:#0f1014; font-family: 'Playfair Display', serif; font-size:25px; padding:6px 0px 3px;}
.servicebox p{font-size:16px; color:#73696d; font-weight:400; padding:8px 0px; font-family: 'Montserrat', sans-serif;}
.servicebox img{max-width:70px; margin:5px 0px;}

/***gallerysection***/
#gallerysection{background:#111216; overflow:hidden}
#gallerysection .head{padding:20px 0px}
#gallerysection .head h1{color:#fff;}
.galleryig{padding:10px 0px 0px}
.galleryig ul{display:flex; flex-wrap:wrap;}
.galleryig ul li{max-width:20%; flex:20%; overflow:hidden}
.galleryig ul li img {-webkit-transform: scale(1);	transform: scale(1); transition:all 0.5s ease-in-out;border:1px solid #fff}
.galleryig ul li:hover img {-webkit-transform: scale(1.3);transform: scale(1.3);}

/***testomonil****/
#testomonil{padding:40px 0px; background:#fff;}
.sliderbox{padding:15px 0px; text-align:center}
.textbox{position:relative; padding:15px 20px; border:1px solid #e2e2e2; text-align:center}
span.imge1{position:absolute; left:25px; top:-11px}
span.imge2{position:absolute; right:25px; bottom:-11px}
.textbox h2{color:#0f1014; font-family: 'Playfair Display', serif; font-size:28px; padding:6px 0px 3px;}
.textbox p{font-size:16px; color:#73696d; font-weight:400; padding:8px 0px; font-family: 'Montserrat', sans-serif;}
.owl-theme .owl-nav{margin:0px; top:55%; position:absolute; width:100%}
.owl-carousel .owl-nav button.owl-prev{float:left; border-radius:100px; text-align:center; color:#000; outline:none; border:none; box-shadow:none; font-size:30px; left:-50px;position:relative; line-height:normal; padding:0px 3px !important; margin:0px}
.owl-carousel .owl-nav button.owl-next{float:right; border-radius:100px; text-align:center; color:#000; outline:none; border:none; box-shadow:none; font-size:30px; right:-50px;position:relative; line-height:normal;padding: 0px 3px !important;  margin:0px}
.owl-dots{display:none;}
.owl-theme .owl-nav [class*='owl-']:hover{color:#98803c; background:none}

/***footer****/
#footer{background:#111216; padding:30px 0px}
.footerpar p{font-size:18px; color:#929292; font-weight:400; padding:5px 0px}
.footerpar img{max-width:60%; margin:0px 0px 10px}
.foterhed h2{font-size:22px; color:#fff; padding:10px 0px}
.foterhed h3{font-size:22px; color:#fff; padding:10px 0px}
.foterhed ul li{padding:5px 0px}
.foterhed ul li a{font-size:16px; color:#929292; font-weight:400;}
.foterhed ul li a:hover{color:#80713a;  transition:all 0.5s ease-in-out; }
.foterhed ul li i{transition:all 0.5s ease-in-out;}
.foterhed ul li a:hover i{padding-left:2px;  transition:all 0.5s ease-in-out; }
.foterhed p{font-size:18px; color:#929292; font-weight:400; padding:5px 0px}
#copyright{background:#000000; padding:10px 0px}
#copyright .row{align-items:center}
#copyright p{font-size:18px; color:#929292; font-weight:400; padding:5px 0px}
#copyright ul li{display:inline-block; padding:2px 5px;}
#copyright ul li a{font-size:20px; color:#929292; font-weight:400; padding:4px 0px 1px; display:block}
#copyright ul li a:hover{color:#80713a}
#copyright ul{float:right}



/**galery***/
.menuboc{background:#111216; border-bottom:1px solid #505050}
#gallerysection .nav-tabs{text-align:center; display:block; margin:0px auto; border:none; margin:10px 0px 30px;}
#gallerysection .nav-tabs .nav-link{border:1px solid #98803c; border-radius:0px; color:#98803c}
#gallerysection  .nav-tabs .nav-link.active{background:#98803c; color:#fff;}
#gallerysection .nav-tabs  li{display:inline-block;}




.navbar li:hover > ul.dropdown-menu {
	display: block;
}
.dropdown-submenu {
	position: relative;
}
.dropdown-submenu > .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
	text-decoration: underline;
	transform: rotate(-90deg);
}

.dropdown-menu{margin:0px; background:#011223; padding:0px; border-radius:0px;}
.dropdown-item{color:#fff; padding:10px 14px; border-radius:0px;}
.dropdown-item:first-child{border-radius:0px;}
.dropdown-item:focus, .dropdown-item:hover{background:none; color:#e1bc72}


@media (min-width: 992px) and (max-width: 1199px) {
.navbar-expand-lg .navbar-nav .nav-link{padding:10px 7px; font-size:14px;}
.nav-item:last-child .nav-link{padding:14px 18px 12px}	
.med_text h1{font-size:68px;}
.med_text ul a{font-size:15px;}
.med_text p{font-size:19px;}

.abouttext h2{font-size:18px;}
.abouttext h1{font-size:46px;}
.abouttext p{font-size:17px;}

.head h2{font-size:20px;}
.head h1{font-size:43px;}
.roombox h2{font-size:21px;}
.roombox p{font-size:15px;}
.roombox ul li{font-size:25px;}
.roombox ul li span{font-size:14px;}
.roombox ul li a{font-size:14px; width:100px;}

#calltoaction h1 a{font-size:30px;}
#calltoaction h1 {font-size:30px;}

#servicesection .head h1{font-size:41px;}
.servicebox h2{font-size:21px;}
.servicebox p{font-size:15px;}
.servicebox img{max-width:60px}

.textbox h2{font-size:25px;}
.textbox p{font-size:15px;}
.owl-carousel .owl-nav button.owl-next{right:-27px;}
.owl-carousel .owl-nav button.owl-prev{left:-27px;}

}

@media (min-width: 768px) and (max-width: 991px) {
.navbar-expand-lg .navbar-nav .nav-link{padding:10px 15px; font-size:14px;}
.navbar-nav.ms-auto{align-items: baseline;}
.navbar-expand-lg .nav-item:last-child .nav-link{padding:14px 18px 12px; margin-left:15px;}
.med_text{bottom:18%;}	
.med_text h1{font-size:68px;}
.med_text ul a{font-size:15px;}
.med_text p{font-size:19px;}


#about-section{padding:20px 0px}
.abouttext h2{font-size:17px;}
.abouttext h1{font-size:35px;}
.abouttext p{font-size:16px;}
.abouttext a{font-size:16px;}

.head h2{font-size:20px;}
.head h1{font-size:43px;}
.roombox h2{font-size:21px;}
.roombox p{font-size:15px;}
.roombox ul li{font-size:25px;}
.roombox ul li span{font-size:14px;}
.roombox ul li a{font-size:14px; width:100px;}

#calltoaction h1 a{font-size:26px;}
#calltoaction h1{font-size:26px;}

#servicesection{padding:40px 0px}
#servicesection .head h1{font-size:40px;}
.servicebox h2{font-size:21px;}
.servicebox p{font-size:15px;}
.servicebox img{max-width:60px}

.galleryig ul li{max-width:50%; flex:50%;}
.galleryig ul li img{width:100%}

.textbox h2{font-size:25px;}
.textbox p{font-size:15px;}
.owl-carousel .owl-nav button.owl-next{right:-27px;}
.owl-carousel .owl-nav button.owl-prev{left:-27px;}

}
@media (max-width: 767px) {
.navbar-expand-lg .navbar-nav .nav-link{padding:10px 15px; font-size:14px;}
.navbar-nav.ms-auto{align-items: baseline;}
.navbar-expand-lg .nav-item:last-child .nav-link{padding:14px 18px 12px; margin-left:15px;}
.med_text{bottom:9%;}	
.med_text h1{font-size:37px;}
.med_text ul a{font-size:14px; display:block; width:160px; margin:0px auto; padding:12px 0px 10px}
.med_text p{font-size:16px;}
#header .carousel-item{height:436px;}
.med_text ul li{max-width:100%; flex:100%; padding:4px 0px;}
.med_text ul {display:flex; flex-wrap:wrap;}
#header .carousel-indicators{top:auto; right:0px; left:0px; bottom:0px;}
#header .carousel-indicators [data-bs-target]{display:inline-block;}

#about-section{padding:20px 0px}
.abouttext h2{font-size:16px;}
.abouttext h1{font-size:30px;}
.abouttext p{font-size:15px;}
.abouttext a{font-size:16px;}

.head{padding:15px 0px;}
.head h2{font-size:18px;}
.head h1{font-size:30px;}
.roombox h2{font-size:21px;}
.roombox p{font-size:15px;}
.roombox ul li{font-size:25px;}
.roombox ul li span{font-size:14px;}
.roombox ul li a{font-size:14px; width:100px;}

#calltoaction h1{font-size:20px;}
#calltoaction h1 a{font-size:20px; display:block; padding:7px 0px 0px;}

#servicesection{padding:30px 0px}
#servicesection .head h1{font-size:30px;}
.servicebox h2{font-size:21px;}
.servicebox p{font-size:15px;}
.servicebox img{max-width:50px}

.galleryig ul li{max-width:50%; flex:50%;}
.galleryig ul li img{width:100%}

#testomonil{padding:20px 0px;}
.textbox h2{font-size:25px;}
.textbox p{font-size:15px;}
.owl-theme .owl-nav{top:auto; bottom:5px; width:25%; margin:0px auto; position:inherit}
.owl-carousel .owl-nav button.owl-next{right:0px;}
.owl-carousel .owl-nav button.owl-prev{left:0px;}

.foterhed h3{font-size:19px;}
#copyright {text-align:center}
#copyright p{font-size:15px;}
#copyright ul{float:none}
#copyright{padding:10px 0px 55px;}
.phoenumber{position:fixed; top:auto; bottom:0px; right:0px; left:0px; z-index:999; background:#000; padding:10px 0px;}
.phoenumber p{font-size:25px; writing-mode:horizontal-tb; padding:0px 0px 0px 64px;  line-height:23px; width:190px; margin:0px auto}
.phoenumber p:before{padding:10px 3px; text-align:center; top:2px; height:45px; width:45px; left:11px;}
.phoenumber p span{font-size:14px;}

#gallerysection .nav-tabs{display:flex; flex-wrap:wrap;}
#gallerysection .nav-tabs li{max-width:50%; flex:50%; padding:2px 2px;}
#gallerysection .nav-tabs .nav-link{display:block; width:100%}

}


@media (max-width: 480px) {

}

@media (max-width: 360px) {
.med_text h1{font-size:34px;}

}

@media (max-width: 320px) {

}