@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

body {
padding:0;
}

:root{
    /*--theme-color: #653405;*/
	--theme-color: #4b442c;
	--secondary-theme-color: #91c9cb;
	--third-color: #91c9cb;
	--button-color: #000000;
	--dark-color: #000000;
}

tbody, td, tfoot, th, thead, tr {font-size:12px;}

.bg-light {
    background-color: #ffffff !important;
}

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.5, 1.5);
  }
}

@keyframes zoom {
  0 {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}


.carousel-inner .carousel-item > img {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}

.navbar-light .navbar-nav .nav-link {
    color:#000000;
    font-size: 15px!important;
	padding:10px 16px 1px;
	font-weight:500;
	font-family: "Roboto", sans-serif;
}

.dropdown-item {
    padding: .25rem 1rem;
	font-size: 11px!important;
	text-transform: uppercase;
    border-bottom: solid 1px #cccccc;
}

.dropdown-menu {
    padding: .5rem 0 0;
}

.headertop {
    text-align: right;
    padding: 6px 30px;
    font-size: 14px;
	font-weight:600;
    background: var(--secondary-theme-color) !important;
}

.headertop a {text-decoration:none;}

#myHeader{padding:20px 0;}

.marquee1, #mycrawler2 {
    background-color: var(--secondary-theme-color) !important; padding:20px 0 40px; margin-top:20px;
}
.marquee_img {
    width:300px; height:200px; border:solid 2px #ffffff;
}

.sticky {
  background:#f1f1f1;	
  position: fixed!important;
  top: 0;
  width: 100%;
  z-index:400;
}

.sticky + .content {
  padding-top: 102px;
}


.social-icons__link{
    display:inline-block;
    color:rgb(0, 0, 0);
    transition: color 0.2s;
	padding:0 4px 0;
	margin-top:16px;
}
.block-header__button {
	display:block;
	text-decoration:none;
	font-size:18px;
	font-weight:500;
	padding:16px 50px;
    border-width: 0px;
    background-color: rgb(184, 57, 59);
    color: rgb(255, 255, 255);
    border-color: rgb(0, 0, 0);
}
.block-header__button:hover {color: rgb(255, 255, 255);}

.contentwrapper{padding:2% 3% 4%;}

h1,h2,h3,h4,h5,h6{font-family: "Playfair Display", serif; color:#000000!important;}

h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{color:var(--third-color) !important}

h1,h2{font-size:33px; padding:0px 0 20px; font-weight:500;}
h2{padding:80px 0 20px;}

h4{font-size:30px; padding:30px 0 5px; font-weight:500;}

h3{font-size:35px; font-weight:500; padding-top:30px; color:#a72e84;}


.btn-primary{background-color:var(--third-color) !important; border:0;}

.bg-secondary {background-color: #f5f5f5 !important;}

.img_border{border:solid 10px #ffc8ec;}

.welcomeimg{width:95%; margin:15% auto 3%; position:relative; overflow:hidden; height:500px;
box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

.zoom-in-out-element {
  animation: zoom-in-zoom-out 20s ease infinite;
}
@keyframes zoom-in-zoom-out {
  0% {
    scale: 100%;
  }
  50% {
    scale: 150%;
  }
  100% {
    scale: 100%;
  }
}


.service_img_border{margin-bottom:50px;}

.text-justify{text-align:justify;}

.content{font-size:16px;}

#innerbanner{background:url(../images/innerbanner.webp) no-repeat center bottom; padding:4%;}

#innerbanner > div > div > div > div{color:#ffffff;}
#innerbanner h3{padding:0; color:#ffffff!important;}

.homepage_room {margin:60px auto 10px;}
.homepage_room > div > div{border:solid 1px #49afb3; width:98%;  padding:7px 7px 0; margin-top: 30px; position:relative; overflow:hidden;
box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.homepage_room > div > div a img{width:100%; height:300px; transition:ease all 0.3s;}
.homepage_room > div > div a img:hover{transform:scale(1.1);}
.homepage_room > div > div a h6{text-decoration:none; display:block; padding:5px; position:absolute; bottom:0; left:0; right:0; width:100%; background:#ffffff; z-index:100%; margin-bottom:0;}

/*==========social link==========*/
.sociallink {
    width: 100%;
}
.sociallink{width:100%;}
.sociallink > a{
float:left!important; 
width:30px; 
margin:20px 10px 0 0;
}


.fa1 {
  padding: 10px;
  font-size: 18px!important;
  width: 36px;
  height: 36px;
  border-radius:50%;
  text-align: center;
  text-decoration: none;
  margin: 20px 2px 0;
  float:left!important;
  color:#000000!important;
}

.fa1:hover, .fa1:active {
    opacity: 1;
	color:#ffffff;
	background:#ffffff;
	transition:ease all 0.5s;
	text-decoration:none;
	
	-moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}

.fa1-facebook, .fa1-twitter, .fa1-youtube, .fa1-search-plus {
  background: #ffffff;
  color: #000000 !important;
}

.fa2 {
  padding: 10px;
  font-size: 44px!important;
  width: 44px;
  height: 44px;
  border-radius:50%;
  text-align: center;
  text-decoration: none;
  margin: 20px 2px 0;
  float:left!important;
  color:#000000!important;
}

.fa2:hover, .fa2:active {
    opacity: 1;
	color:#ffffff;
	transition:ease all 0.5s;
	text-decoration:none;
}

.fa2-facebook, .fa2-twitter,
 .fa2-youtube, .fa2-search-plus {color:#ffffff!important;}
/*==========social link end==========*/

.flex-fill {position:relative;}

.width1{width:45%;}
.width2{width:52%; padding:0 20px 20px; text-align:justify;}
.bd-highlight{background:#f2fbf9;}



.portfolio > div > div{width:98%; background:#f1f1f1; margin:0 auto 10px; border-radius:20px 20px 0 0; padding:0 0 40px;}
.portfolio > div > div img{border-radius:20px 20px 0 0; width:100%; height:400px;}
.portfolio > div > div strong{padding:5%; display:block; color:#bd6824; font-size:20px; font-family: "Poppins", sans-serif; font-weight:400;}

.portfolio > div > div .button{background-color: rgb(184, 57, 59); color:#ffffff; text-decoration:none; padding:6px 25px; border-radius:20px; font-size:18px; font-weight:600;}


.gallery > div > div{width:98%; margin:0 auto 10px; padding:0 0 40px;}

.gallery > div > div strong {
    padding: 2%; display: block; color: #bd6824; font-size: 20px; font-family: "Poppins", sans-serif; font-weight:400;
}
.gallery > div > div .img{width:98%; margin:0 auto 10px; padding:0 0 40px; overflow:hidden; height:290px; border-radius:20px 20px;}

.gallery > div > div .img img{height:290px; width:100%;}



.bookingform {
    padding: 5%;
    margin-top: 8%;
    background-color: #000000;
}
.bookingform .block {
    background-color: rgb(236, 239, 243);
    width: 60%;
    margin: auto;
    padding: 4%;
    border-radius: 20px;
}

.bookingform h2 {padding: 10px 0 20px;}


.btn-group-sm>.btn, .btn-sm {
    padding: 1px 3px;
    font-size: .8rem;
    border-radius: .2rem;
}

label{padding:5px 0 2px;}

.enquiry{display:none;}

.map{width:100%; height:500px; border:0;}

/*Footer*/
.footernav {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 4% 3% 4%;
    background-color:#111637!important;
    color: #bebebe;
}
.footernav strong {color: #cccccc; font-size: 12px;}
.footernav ul {padding:0; margin:0;}
.footernav ul li {list-style-type: none;}
.footernav ul li a {
    padding: 5px 0 5px 4px;
    color: #bebebe;
    display: block;
	border-bottom:dashed 1px #bebebe;
    text-decoration: none;
    font-size: 15px;
}


footer{padding:1% 2%; background:#91c9cb!important; color:#ffffff; font-size:16px;}
footer a, footer a:hover{color:#ffffff; text-decoration:none;}
/*Footer*/

.newsletter {padding: 20px 0;}

.newsletter h2 {
color: #243c4f;
margin-bottom: 40px; }
.newsletter .form-control {
height: 42px;
border:solid 1px;
border-color: #ffffff;
border-radius:0;
background:#ffffff;
color:#000000;
}
.newsletter .form-control:focus {
box-shadow: none;
border: 2px solid #ffffff;
color:#000000;
}
.newsletter .btn {
min-height: 42px; 
border-radius:0;
background:var(--secondary-theme-color);
color: #000000;
font-weight:600;
}

.newsletter::placeholder { 
        
        /* Firefox, Chrome, Opera */ 
        color: #ffffff!important; 
    } 
      
.newsletter:-ms-input-placeholder { 
        
        /* Internet Explorer 10-11 */ 
        color: #ffffff!important; 
    } 
      
.newsletter::-ms-input-placeholder { 
        
        /* Microsoft Edge */ 
        color: #ffffff!important; 
    }
	
	
.form-control {
    border:0;
    border-bottom:1px solid #ced4da;
}
	

@media (max-width: 800px) {
	
.logo{padding-bottom:0;}	
	
.sticky {
  position: relative!important;
  top: 0;
}

.sticky + .content {
  padding-top: 0;
}	
	
h1, h2, h3, h4 {font-size: 22px; padding-top: 20px;}
	
h4 {font-size: 25px; padding: 10px 0 5px;}	
	
/*.d-flex {display: block!important;}*/
.flex-fill{width:100%;}

.content {font-size: 15px;}

.nav-link {border-bottom: solid 1px #cccccc;}
.width2{padding:0 5% 20px;}

.bookingform{padding:5% 1%;}
.bookingform .block{width:98%;}

.navbar-light .navbar-nav .nav-link
 {font-size: 12px!important; padding: 4px 16px;}
 
 .navbar-light .navbar-nav .nav-link:hover
 {font-size: 12px!important; padding: 4px 16px; background:var(--secondary-theme-color)!important; color:#000000!important;}

.card-header .icon {padding-top: 9px;}
#innerbanner h3{font-size:22px;}


#myHeader{padding:4px 0;}
.navbar-toggler {
    padding: .05rem .25rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    transition: box-shadow .15s ease-in-out;
}

.btn-group-lg>.btn, .btn-lg {
    padding: .1rem 10px;
    font-size: 0.99rem;
    border-radius: .3rem;
}

.welcomeimg{width:100%; margin:5% auto 3%; position:relative; overflow:hidden; height:auto;
}

.welcomeimg img{width:100%; margin:2% auto 2%; height:auto;
}

.zoom-in-out-element {
  animation: none;
}

#innerbanner {padding:7% 4%;}


.homepage_room {
    margin: 30px auto 10px;
}
.homepage_room > div > div {margin-top: 20px;}
.homepage_room > div > div a img{width:100%; height:auto;}

.enquiry{display:block; position:fixed; bottom:20%; right:0; z-index:1000;}

.map{height:300px; margin:0;}

footer {font-size:12px;}

}

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


@media (min-width: 992px){
.container {max-width: 95%;}
}

@media (min-width: 768px){
.container {max-width: 95%;}
}

@media (max-width: 900px){
}