@charset "utf-8";
/*======================================
 [ -Main Stylesheet-
  Theme: Diamant
  Version: 1.0
  Last change: 10/08/2023 ]
  ++fonts++
  ++general++ 
  ++header++ 
  ++footer++ 
  ++menu++ 
  ++content++   
  ++blog++ 
  ++responsive++ 
*/
/*-------------Import fonts ---------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap');
/*-------------General Style---------------------------------------*/
:root {
	--main-color: #c4a676;
	--main-font: 'Playfair', serif;
	--secondary-font: 'Jost', sans-serif;
}
html{
	overflow-x:hidden !important;
	height:100%;
}
body{
	margin: 0;
	padding: 0;
	font-family: var(--main-font);
	font-weight: 400;
	font-size: 12px;
 	background: white;
	height:100%;
	text-align:center;
	color:#1e1e1e;
} 

.container-fluid{
    max-width: 85%;
}
@-o-viewport {width: device-width;}
@-ms-viewport {width: device-width;}
@viewport {width: device-width;}

@keyframes slideup {
	from {
	  transform: translateY(40px);
	  opacity: 0;
	}
  
	to {
	  transform: translateX(0px);
	  opacity: 1;
	}
  }
/*--------------Typography--------------------------------------*/
p {
	
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 10px;
    font-weight: 400;
 	color: #5e646a;
	font-family: var(--secondary-font);
}

h1,h2,h3,h4,h5,h6{
	font-family: var(--main-font);
}
.has-drop-cap:first-letter {
	font-size: 70px;
	float: left;
	padding: 20px 20px 10px 0;
 	font-family: var(--main-font);
	color:var(--main-color);
}
blockquote {
 
	padding: 10px 20px 0;
	margin: 0 0 20px;
	border-left: 10px solid #eee;
	position:relative;
	text-decoration: underline;
 
}
blockquote p {
	font-style:italic;
  	font-family: var(--main-font);
	color: #333;
    line-height: 20px;
	font-size: 1.3em;
}
/* ---------Page preload--------------------------------------*/
.loader-wrap {
	position: fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow:hidden;
	z-index:100;
}
.loader {
	position: absolute;
	top:50%;
	left:45%;
	width:40px;
	height:40px;
	line-height: 40px;
	margin:-20px 0 0 -20px;
	z-index:20;
    transform: scale(1.0);
}
.loader i{
	color:var(--main-color);
	font-size: 3.9em;
	animation:k3d 4s infinite linear;
	-webkit-box-reflect: below 10px -webkit-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.3));
	-webkit-box-reflect: below 10px -o-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.3));
	-webkit-box-reflect: below 10px linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.3));
}
@keyframes k3d {
0% {
  transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(360deg);
	opacity:0.3;
  }
  100%{
     transform: rotateY(0deg);
  }	
}
.cd-tabs-layer  , .cd-reserv-overlay-layer {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	height: 100%;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
}
.cd-loader-layer {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	height: 100%;
	width: 100%;
	opacity: 1;
	visibility: visible;
	overflow: hidden;
}
.cd-loader-layer .loader-layer  {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-98%);
	height: 100%;
	width: 2500%;
	background: url(../img/ink2.png) no-repeat 0 0;
	background-size: 100% 100%;
}
 .cd-loader-layer.visible   {
	opacity: 1;
	visibility: visible;
}
.cd-loader-layer.opening .loader-layer  {
	animation: cd-sequence 0.8s steps(24);
	animation-fill-mode: forwards;
}
.cd-loader-layer.closing .loader-layer{
	animation: cd-sequence-reverse 0.8s steps(24);
	animation-fill-mode: forwards;
} 
@keyframes cd-sequence {
  0% {
    transform: translateY(-50%) translateX(-2%);
  }
  100% {
    transform: translateY(-50%) translateX(-98%);
  }
}
@keyframes cd-sequence-reverse {
  0% {
    transform: translateY(-50%) translateX(-98%);
  }
  100% {
    transform: translateY(-50%) translateX(-2%);
  }
} 



.booking-reviews , .br-counter {
	float: right;
	position: relative;
    z-index: 100;
}
.br-counter {
	float: right;
}
.ribbon {
	 width: 80px;
	 height: 56px;
	 background:var(--main-color);
	 position: relative;
     transition: all .2s linear;
}
.ribbon:before {
	content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: -20px;
    border-left: 40px solid var(--main-color);
    border-right: 40px solid var(--main-color);
    border-bottom: 20px solid transparent;
    transition: all .2s linear;
}
.br-counter span {
	color:#fff;
	font-family: var(--secondary-font);
	position: absolute;
	top: 14px;
	right: 24px;
	font-size: 2.0em;
	z-index: 10;
    transition: all .2s linear;
}
.booking-reviews:hover .ribbon {
	background: #fff;
}
.booking-reviews:hover .ribbon:before  {
	border-right-color: #fff;
	border-left-color: #fff;	
}
.br_link {
	float: left;
	margin:26px 20px 0 0;
}
.star-rating i {
	margin:0 2px;
	color:var(--main-color);
	font-size: 1.1em;
}
.br_link .star-rating {
	text-align: right
}
.br_link p {
	text-align: right;
	color:#fff;
}
.booking-reviews:hover .br-counter span {
	color:var(--main-color);
}

.fa-star{
    color: #c4a676;
}

h1,h2{
    font-family: 'Playfair';
}

h3,h4,h5,h6,p{
    font-family: 'Jost';
}

.carousel-1{
    background: url('../img/dims-car-1.png')rgba(0,0,0,0.5);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-blend-mode: multiply;
    height: 100vh;
    display: flex;
    align-items: center;
   
}

.carousel-5{
    background: url('../img/dims-car-2.png')rgba(0,0,0,0.5);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-blend-mode: multiply;
    height:100vh;
    display: flex;
    align-items: center;
   
}

.carousel-3{
    background: url('../img/carousel-3.png')rgba(0,0,0,0.5);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-blend-mode: multiply;
    height:100vh;
    display: flex;
    align-items: center;
   
}
.carousel-4{
    background: url('../img/carousel-4.JPG')rgba(0,0,0,0.5);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-blend-mode: multiply;
    height:100vh;
    display: flex;
    align-items: center;
   
}
.carousel-2{
    background: url('../img/carousel-5.JPG')rgba(0,0,0,0.5);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    background-blend-mode: multiply;
    height:100vh;
    display: flex;
    align-items: center;
   
}

.carousel-caption{
	margin-bottom: 12%;
}

.carousel-caption p{
	font-size: 20px;
	color: white;
}

.section-separator {
	position: relative;
	margin-top: 20px;
}
.section-separator:before , .section-separator:after {
	content: '';
	position: absolute;
	top: 50%;
	width: 70px;
	height: 1px;
	background: #eee;
}
.section-separator:before {
	left: 50%;
	margin-left: 70px;
}
.section-separator:after {
	right: 50%;
	margin-right:70px;
}
.parallax-section .section-separator:before  , .parallax-section .section-separator:after , .fix-bar-init .section-separator:before , .fix-bar-init .section-separator:after , .sect_se_transparent:after , .sect_se_transparent:before {
	background: rgba(255,255,255,.3)
}
.section-separator i {
	font-size: 1.7em;
	color:var(--main-color); 
}


.carousel-control-prev{
	background-color: #000000!important;
	width: fit-content;
	height: fit-content;
	top: calc(50% );
	left: calc(5%);
	color: #c98b27!important;
	padding: 8px 13px 18px 13px;
	border-radius: 50%;
	border:4px solid rgba(255, 255, 255, 0.397);
	
}

.carousel-control-next{
	background-color: #000000!important;
	width: fit-content;
	height: fit-content;
	top: calc(50% );
	right: calc(5%);
	color: #c98b27!important;
	padding: 8px 13px 18px 13px;
	border-radius: 50%;
	border:4px solid rgba(255, 255, 255, 0.397);
}

.carousel-control-prev:hover{
	border:4px solid rgba(238, 238, 238, 0.555);
	
	
}

.carousel-control-next:hover{
	border:4px solid rgba(238, 238, 238, 0.555);
	
	
}

.stg_link:hover:before  {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;	
}

.stg_link {
	position: relative;
	display: inline-block;
	margin-top: 40px;
	border: 1px solid  	 var(--main-color);
	padding: 15px 40px;
	border-radius: 4px;
    font-family: var(--secondary-font);
    text-transform: uppercase;
    font-weight: 600;
	color:var(--main-color);
	background: rgba(255,255,255,.05);
	transition: all .3s ease-in-out;
}
.stg_link:hover {
	background: var(--main-color);
	color:#272535;
}
.stg_link:before {
	content: '';
	position: absolute;
	top: -10px;
	left: -10px;
	bottom: -10px;
	right: -10px;
	border-radius: 4px;
	border: 1px dotted rgba(255,255,255,.2);
	transition: all .3s ease-in-out;
}

/* Button -2 */
.stg_link-2:hover:before  {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;	
}

.stg_link-2 {
	position: relative;
	display: inline-block;
	margin-top: 10px;
	border: 1px solid  	 var(--main-color);
	padding: 15px 40px;
	border-radius: 4px;
    font-family: var(--secondary-font);
    text-transform: uppercase;
    font-weight: 600;
	color:var(--main-color);
	background: #272535;
	transition: all .3s ease-in-out;
}
.stg_link-2:hover {
	background: #c4a676;
	color:#272535;
}
.stg_link-2:before {
	content: '';
	position: absolute;
	top: -10px;
	left: -10px;
	bottom: -10px;
	right: -10px;
	border-radius: 4px;
	border: 1px dotted rgba(255,255,255,.2);
	transition: all .3s ease-in-out;
}

.navbar{
	
	padding: 0px!important;
	
}

.navbar li{
	margin: 0px 3px;
}

.navbar li a{
	font-family: 'Jost';
	font-size: 13px;
	color: rgb(0, 0, 0);
	font-weight: 500;
	text-transform: uppercase;
}

.navbar li a.active{
	color: #c4a676!important;
}

.dropdown-menu{
	margin-top: -3px!important;
	border-radius: 0px;
}
.dropdown-item{
	border-radius: 0px!important;
	
}


.dropdown-item:hover{
	background-color: #c4a676!important;
}

.main-btn{
	font-family: 'Jost';
	box-shadow: none!important;
	background-color: #272535;
	color: #c9a161;
	padding: 16px 35px;
	margin: 4px;
	width: auto;
	font-size: 14px;
	font-weight: 400;
	transition-duration: 0.3s;

}

.main-btn i{
	transition-duration: 0.3s;

}

.main-btn:hover i{

	color: #272535!important;
	transition-duration: 0.3s;

}

.main-btn:hover{
	background-color: #c9a161;
	color: #272535;
	transition-duration: 0.3s;
}

.rooms-intro-box{
	padding: 30px 0px;
	border: 1px solid rgba(192, 192, 192, 0.116);
	border-radius: 10px;
}

.footer-separator-wrap {
	margin: 0 auto  90px;
	max-width: 800px;
	position: relative;
}
.footer-separator-wrap:before , .footer-separator-wrap:after {
	content: '';
	position: absolute;
	width: 200px;
	height: 1px;
	background: rgba(255,255,255,.1);
	top: 50%;
}
.footer-separator-wrap:before {
	left: 50%;
	margin-left:  80px;
}
.footer-separator-wrap:after {
	right: 50%;
	margin-right:  80px;
}
.footer-separator {
	position: relative;
	display: inline-table;
	width: 100px;
}
.footer-separator:before , .footer-separator:after {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	background: #fff;
	border-radius: 50%;
	top: 50%;
	margin-top: -4px;
}
.footer-separator:before{
	left: 0;
}
.footer-separator:after {
	right: 0;
}
.footer-separator span , .dc_dec-item_left span , .dc_dec-item_right span {
	position: relative;
	width: 10px;
	height: 10px;
	background: var(--main-color);
	transform: rotate(45deg);
	display: inline-block;
}
.footer-separator span:before , .dc_dec-item_left span:before , .dc_dec-item_right span:before {
	content: '';
	position: absolute;	
	border: 1px dotted var(--main-color);
	top: -12px;
	right: -12px;
	bottom: -12px;
	left: -12px;
	border-radius: 50%;
}

.room-home-box:hover .room-content,.room-home-box:hover .room-btn{
	display: block!important;
	animation: slideup 0.35s ease-in;
}





.room-1{
	background: url('../img/dims-standart-double-room.jpg')rgba(0,0,0,0.1);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-blend-mode: multiply;
	height: 49vh;
	display: flex;
	align-items: end;
	border-radius: 10px;
}

.room-2{
	background: url('../img/dims-standart-twin-room.jpg')rgba(0,0,0,0.1);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-blend-mode: multiply;
	height: 49vh;
	display: flex;
	align-items: end;
	border-radius: 10px;
}

.room-3{
	background: url('../img/dims-deluxe-twin-room.jpg')rgba(0,0,0,0.1);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-blend-mode: multiply;
	height: 49vh;
	display: flex;
	align-items: end;
	border-radius: 10px;
}

.room-4{
	background: url('../img/dims-deluxe-double-room.jpg')rgba(0,0,0,0.1);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-blend-mode: multiply;
	height: 49vh;
	display: flex;
	align-items: end;
	border-radius: 10px;
}

.room-5{
	background: url('../img/dims-executive-suite.jpg')rgba(0,0,0,0.1);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-blend-mode: multiply;
	height: 49vh;
	display: flex;
	align-items: end;
	border-radius: 10px;
}


.content-section {
	position: relative;
	padding: 100px 0;
	background: #fff;
	z-index: 5;
}
.content-section.hidden-section , .hidden-content {
	overflow: hidden;
}
.content-section.parallax-section {
	padding: 120px 0;
	z-index: 4;
}
.big-padding {
	padding: 140px 0;
}
.content-section.parallax-section.hero-section {
	padding:310px 0 180px;
}
.content-section.parallax-section.hero-section .overlay {
	opacity:.5;
}
.small-top-padding {
	padding-top:40px;
}
.par-elem {
	position: absolute;
	top: 15px;
	bottom: 15px;
	left: 0;
	right: 15px;
	overflow: hidden;
	border-radius: 10px;
	border: 1px solid rgba(255,255,255,.1)
}
.content-section.parallax-section .bg  , .par-elem .bg  {
	height: 140%;
	top: -20%;
}

.cards-wrap {
	margin :50px 0 0;
	z-index:2;
	position: relative;
}

.content-inner {
	width:100%;
	color: #fff;
	position: relative;
	transform-style: preserve-3d;
	perspective: 1000px;
	backface-visibility: hidden;
	transition: .9s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.content-inner > * {
	backface-visibility: hidden;
	transition: .9s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.content-inner:hover .content-front {
	transform: rotateY(-180deg);
}
.content-inner:hover .content-back {
	transform: rotateY(0deg);
}
.content-inner .content-front,
.content-inner .content-back {
	position: relative;
	transform-style: preserve-3d;
	perspective: 1000px;
	backface-visibility: hidden;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 10px 34px 0px rgba(0,0,0,.2);
}
.content-front {
	background: #272535;
	position:relative;
	cursor:pointer;
	border-radius: 10px;
}
.content-inner .content-back {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	transform: rotateY(180deg);
	background: #272535;
	border-radius: 10px;
}
.content-inner .cf-inner {
	transform-style: preserve-3d;
	backface-visibility: hidden;
	width:100%;
	padding:130px 40px;
	border-radius: 10px;
}
.content-inner .cf-inner .fs-wrapper {
	border-radius: 10px;
}
.content-inner .cf-inner .inner {
	align-items: stretch;
	transform-style: preserve-3d;
	perspective: 1000px;
	backface-visibility: hidden;
	transform: translateZ(95px) scale(0.81);
	text-align: center;
	position:relative;
	z-index:2;
} 
.content-back i {
	font-size:54px;
	position:relative;
	color: var(--main-color);
}

.overlay-bold {
	opacity: .6
}

.bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size: cover;
	background-attachment: scroll  ;
	background-position: center  ;
	background-repeat:repeat;
	background-origin: content-box;
	border-radius: 6px;
	filter: brightness(40%);
} 

.inner i{
	color: #c9a161!important;
}



#menu{
   
    background-color: #0e1927;
    height: 100vh;
    
}

.menu-title{
	color: #c4a676;
}

.title-active{
    color: #c4a676!important;
    border-bottom: 8px double #c4a676;
}

.menu-box{
    display: none;
}

.menu-active{
    display: block!important;
}

.fac-number{
	border-left: 1px solid #c4a6764f;
	border-bottom: 1px solid #c4a6764f;
	border-radius: 0px 10px 0px 10px;
	width:60px;
	padding: 5px 15px;
}

.fac-box{
	border: 1px solid #c4a6764f;
	border-radius:10px;
	transition-duration: 0.3s;
}

.fac-box:hover{
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	transition-duration: 0.3s;
}

.counter{
	font-size: 75px!important;
	color: rgb(255, 255, 255);
}

.cover-bg{
	background: url('../img/counter-bg-dims.JPG')rgba(0,0,0,0.55);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 100px 0px;
	background-blend-mode: multiply;
}

#testimonials{
    background-size: cover;
background-color: #ffffff;

}

.review-boxes{
    background-color: #e7ddcd88;
    color: #000000;
    padding: 0 25px;
    padding-top: 60px;
    
    
    transition-duration: 0.5s;
    height: 420px;

}

.review-boxes:hover{
    background-color: #272535;
    transition-duration: 0.5s;
	color: white;
}

.review-boxes:hover p{
	color: white;
}


#footer{
    background: url('../img/footer-bg.webp')rgba(0, 0, 0, 0.22);
    background-color: #272535;
    background-size: cover;
    background-blend-mode: multiply;
    padding-top: 60px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
  }
  a.footer-link{
    color: white;
    font-family: 'Jost', sans-serif;
    font-weight: 300;
  }
  .footer-link:hover{
    color:  #A9D1DB;
  }
  .payment{
    display: flex;
  }
  .socials{
    display: flex;
    color: white;
  }
  .footer-links{
    display: flex;
    font-family: 'Jost', sans-serif;
    font-size: 18px;
  }
  .socials a{
    text-decoration: none !important;
    color: white;
  }
  .socials a:hover h4 {
    color:  #A9D1DB;
  }
  hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
  }
  .copyright{
    display: flex;
  justify-content: right;
  text-align: right ;
  align-items: end ;
  }
  .room-link{
    color: #000000;
  }
  .room-link:hover{
    color: #932B41;
  }

  @media only screen and (max-width: 900px) {
	#top-bar {
	  display: none;
	}
	.container-mobile{
		max-width: 96%!important;
	}
	.navbar{
		background-color: #272535!important;
		padding: 15px 0px!important;
		text-align: start;
		max-width: 100%!important;
		margin-top: 0px!important;
	}
	.navbar li a{
		color: white;
	}
	.navbar-nav{
		border-left: none!important;
	}
	.main-btn{
		border: 1px solid #c4a676;
	}
	.navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	  }
	  .carousel-control-prev{	
		padding: 3px 8px 12px 8px;
	}
	.carousel-control-next{	
		padding: 3px 8px 12px 8px;
	}
	#about-home{
		padding: 20px 5px!important;
	}
	.about-row{
		padding: 4px 0px!important;
	}
	.about-col{
		padding: 5px 20px!important;
	}
	.about-3-pic{
		display: none;
	}
	.about-1-pic,.about-2-pic{
		border-radius: 20px!important;
		border: none!important;
		margin: 20px 0px;
	}
	.fl-wrap{
		margin: 10px 0px;
	}
	.menu-titles{
		display: block!important;
	}
	.rest-home-titles{
		display: block!important;
	}
	.rest-image-1{
		width: 50%!important;
		margin-left: 0px!important;
	}
	.rest-image-2{
		width: 50%!important;
	}
	.rest-images-row{
		margin-top: 0px!important;
	}
	.fork-img{
		width: 280px!important;
	}

	.menu-title{
		font-size: 22px!important;
	}
	.fac-box{
		margin: 10px 0px;
	}
	.review-boxes{
		margin: 10px 0px;
	}
	.loader{
		left: 30%;
	}
  }


  @media only screen and (max-width: 1400px) {
	
	.menu-titles{
		display: block!important;
	}
	.menu-items-box{
		padding: 20px 40px!important;
	}
	.menu-img{
		scale: 1!important;
	}
  }
  #rooms-head{
	background: url('../img/dims-executive-suite-1.jpg')rgba(0,0,0,0.4);
	height: 70vh;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-blend-mode: multiply;
	display: flex;
	align-items: end;
	margin-top: -180px;
  }

  .st-db-room{
	background: url('../img/standart-double-room-1.jpg')rgba(0,0,0,0.4);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 30vh;
	display: flex;
	align-items: start;
  }

  .book-icon{
	background-color: white;
	width: fit-content;
	padding: 10px;
	border-radius: 50%;
	border: 5px solid rgba(136, 136, 136, 0.267);
	transition-duration: 0.2s;

  }

  .book-icon:hover{
	background-color: #272535;
	
	transition-duration: 0.2s;
  }

  .book-icon:hover i{
	color: white!important;
	transition-duration: 0.2s;

  }


  .room-box{
	border-radius: 15px;
	border: 1px solid rgb(223, 223, 223);
  }

  .room-box:hover{
	box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
	transition-duration: 0.4s;
  }

  .room-img{
	border-radius: 15px 15px 0px 0px;
  }

  .room-btn:hover{
	background-color: #c4a676!important;
	color: white!important;
  }

  .st-tw-room{
	background: url('../img/st-tw-room-dims.jpg')rgba(0,0,0,0.4);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 30vh;
	display: flex;
	align-items: start;
  }

  .dl-tw-room{
	background: url('../img/dl-tw-room-dims.jpg')rgba(0,0,0,0.4);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 30vh;
	display: flex;
	align-items: start;
  }
  .dl-db-room{
	background: url('../img/dl-db-room-dims.jpg')rgba(0,0,0,0.4);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 30vh;
	display: flex;
	align-items: start;
  }
  .ex-room{
	background: url('../img/executive-dims.jpg')rgba(0,0,0,0.4);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 30vh;
	display: flex;
	align-items: start;
  }


  #gallery-head{
	background: url('../img/dims-car-1.png')rgba(0,0,0,0.4);
	height: 70vh;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-blend-mode: multiply;
	display: flex;
	align-items: end;
	margin-top: -180px;
  }

  #about-head{
	background: url('../img/carousel-4.JPG')rgba(0,0,0,0.4);
	height: 70vh;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-blend-mode: multiply;
	display: flex;
	align-items: end;
	margin-top: -180px;
  }

  #contact-head{
	background: url('../img/carousel-5.JPG')rgba(0,0,0,0.4);
	height: 70vh;
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	background-blend-mode: multiply;
	display: flex;
	align-items: end;
	margin-top: -180px;
  }

  #offers{
    margin: 120px 0;
    padding: 120px 0;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 16%, rgba(245,243,236,1) 16%);
}

#restaurant-head{
	background: url('../img/dims-car-2.png')rgba(0,0,0,0.5);
	height: 70vh;
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	background-blend-mode: multiply;
	display: flex;
	align-items: end;
	margin-top: -180px;
}


.menu-items-box{
	padding: 20px 80px;
	background-color: #1d2326;

}

.menu-row{
	background-color: #1d2326;
	margin-top: -10px;
	margin-bottom:120px;
	border-radius: 10px;
	
}

/*cars.html*/
#cars-head{
	background: url('../img/cars-bg.jpg')rgba(0,0,0,0.5);
	height: 70vh;
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	background-blend-mode: multiply;
	display: flex;
	align-items: end;
	margin-top: -180px;
}
.car-card{
	border-radius: 15px;
	border: 1px solid rgb(223, 223, 223);
	transition-duration: 0.4s;
}

.car-content{
	padding: 20px;
}
.car-card:hover{
	box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
	transition-duration: 0.4s;
}

	.car-bg{
		background: url('../img/car-bg.png');
	
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: scroll;
		background-blend-mode: multiply; 
	}
	.car-text{
		padding: 0px 50px 0px 50px;
	}
	.carousel-caption1{
		text-align: center;
	position: relative;
	bottom: 100px;
	}
	.car-title{
		color: #ffffff;
	}

	form {
		border-radius: 20px;
			padding: 20px !important;
			background:#272535;
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
			background-blend-mode: multiply;
			padding: 10px;
		height: auto;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
			text-align: left;
		}
		label {
			display: block;
			margin-bottom: 8px;
			color: white;
		}
		input, textarea {
			width: 100%;
			padding: 8px;
			margin-bottom: 16px;
			box-sizing: border-box;
			background: black;
			border: 1px solid #B8965D;
			color: white !important;
		}
		.contact-button {
			background-color: #B8965D !important;
			color: #fff !important;
			padding: 10px 15px;
			border: none;
		
			cursor: pointer;
			width: 100%;
		}
		.form-control {
			display: block;
			width: 100%;
			padding: .375rem .75rem;
			font-size: 1rem;
			font-weight: 400;
			line-height: 1.5;
			color: white;
			background-color: black;
			background-clip: padding-box;
			border: var(--bs-border-width) solid #B8965D !important;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			border-radius: var(--bs-border-radius);
			transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		}
		
	#guides-head{
		background: url('../img/korce-head.jpg')rgba(0,0,0,0.6);
	height: 70vh;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-blend-mode: multiply;
	display: flex;
	align-items: end;
	margin-top: -180px;
	}