/** https://www.toptal.com/developers/cssminifier **/
/** COMMON - START **/
:root {
    --brand-color-1: #660202;
	--brand-color-2: #a41319;
	--brand-color-3: #ec3138;
	--brand-color-4: #f75d13;
	--brand-color-5: #e89c1e; /*--brand-color-5: #f8b731;*/
	--brand-color-6: #aaa6c8;	
	--brand-color-7: #ffe38e; /*light yellow*/
	--brand-color-8: #ccc6c8; /*light grey red*/
	--brand-color-9: #ffffff; /*white*/
}
body {
    overflow-x: hidden; /* Prevents horizontal scrolling */
    /* Optional: Also consider setting max-width to 100% for images/videos */
    img, video {
        max-width: 100%;
        height: auto;
    }
}
.container{
	padding:0px;
	overflow-x: hidden;
}

.sml-link {
	color:	var(--brand-color-5);
	font-weight: 500;
}
.white-link {
	color: #ffffff;
	font-weight: 400;
}
.white-link:hover {
	color: #ffffff;
	font-weight: 400;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.btn-primary {
    background-color: var(--brand-color);
    border-color: var(--brand-color);
}
.btn-primary:hover{
	background-color: var(--brand-color-5);
	border-color: var(--brand-color-5);
}
.fade-in-image { animation: fadeIn 5s; }



/*.transform {
  transform: scale(1.3);
}
*/
		
h5{
	font-size: 1.2rem;
}

.button-link {
	font-size: .9rem;
	font-family:  "Arial Narrow", "Arial";
	background: var(--brand-color-1);
	font-weight: 500;
	font-style: italic;
	padding:15px;
	color: #fff;
	z-index: 110;
	position: relative;
	pointer-events: auto;
	margin: 20px 20px 0 0;
}
.button-link:hover {
	padding-bottom:20px;
	text-decoration: none;
}

/** COMMON - END **/

/** HEADER - START **/
.container-top-bar{ 
	width:100%;
	background-color: var(--brand-color-9);
	padding: 0;
	margin:0;
	border-bottom: #ccc solid 1pt;
	
}
#top-bar{	
	padding: 0;

}
#top-bar .nav-link{	
	font-size:13px;
	font-weight: 500;

}
#top-bar .social-col{ 
	max-width: 200px;
	padding:0;
	margin: 1px 4px;
}

#top-bar a{
	color: var(--brand-color-1);
}

#top-bar .col-logo{
	max-width: 100px;
}

#top-bar .collapse .nav-item{
	padding: 0 6px;
}

#top-bar .button-link {
	color: var(--brand-color-9);
	padding: 10px;
	min-width: 108px;
}

#navbarSupportedContent{
	max-width:840px;	
}

/** HEADER - END **/


/** HOME PAGE - START **/
.container-carousel{ 
	width:100%;
	background-color: var(--brand-color-9);
	padding: 0;
	margin:0;
	border-bottom: #eeeeee solid 1pt;
	padding:0px;
	overflow-x: hidden;
	
}
#carousel-home{
	border-radius: 0px;
	margin-top: 0px;
	border-top: 0px solid var(--brand-color-2);	
}

#carousel-home .carousel-caption {
    position: absolute;
    z-index: 10;
    display:table;
    width:100%;
    height:100%;
}
#carousel-home .carousel-item {
    position:relative;
	height:95%;
	pointer-events: auto;
}
#carousel-home img {
    margin-top: -5%;
	pointer-events: none;
}


.carousel-control-prev.top-right,
.carousel-control-next.top-right {
	top: 0;
	right: 0;
	left: auto;
	bottom: auto;
	position: absolute;
	z-index: 9;
	padding-top: .5rem;
	opacity: .9;
    transition: opacity .1s ease;
	width: fit-content;
	padding:10px;	
}

.carousel-control-prev.top-right {
  right: 35px; /* Shift "prev" left so it doesn't overlap "next" */
}

.carousel-indicators [data-bs-target] {
	width: 100px;
}
.carousel-indicators.top-left {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0.5rem;
	z-index: 9;
	justify-content: flex-start;
	height: 50px;
}

.carousel-indicators.top-left button {
  margin-right: 5px;
}

#carousel-home .slide-counter {
	position: absolute;
	top: 2%;
	left: 1%;
	color: #fff;
	text-align: left;
	z-index: 99;
	margin: 1rem;	
	width: auto;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.9);
	font-weight:800px;
	font-size: 0.9rem;
}

#carousel-home .absolute-div {
	position: absolute;
	top: 24%;
	left: 5%;
	color: white;
	text-align: left;
	z-index: 100;
	padding: 1rem;
	border-radius: 0.5rem;
	width: auto;
}
#carousel-home h1 {
	position:relative;
    font-size: 3rem;
	font-family:  "Arial Narrow", "Arial";
	text-shadow: 2px 2px 4px rgba(0,0,0,0.9);
	background: rgba(0, 0, 0, 0.4); /* optional dark background for readability */
	font-weight: 700;
	font-style: italic;
	padding:5px;
}
#carousel-home h2 {
	position:relative;
    font-size: 3rem;
	font-family:  "Arial Narrow", "Arial";
	text-shadow: 2px 2px 4px rgba(0,0,0,0.9);
	background: rgba(0, 0, 0, 0.4); /* optional dark background for readability */
	font-weight: 700;
	font-style: italic;
	padding:5px;
}
#carousel-home p {
	position:relative;
    font-size: 1.4rem;
	font-family:  "Arial Narrow", "Arial";
	text-shadow: 2px 2px 4px rgba(0,0,0,0.9);
	background: rgba(0, 0, 0, 0.4); /* optional dark background for readability */
	font-weight: 500;
	font-style: italic;
	padding: 5px;
	width: fit-content;
}
#carousel-home .button {
	padding-top:20px;
}

#carousel-home .icon {
	padding-left: 10px;	
}

#our-services .col{

}
#our-services .stats-icon{
	padding: 0 10px 5px 0;
	color : var(--brand-color-1)
}

#our-services .title{
	font-size :1.3rem;
}

#our-services h3{
	font-family: "Dynalight", "Comic Sans", cursive;
    font-size: 2.5rem;
    font-weight: 500;
}

#res-menu{
	border-top: 1px solid var(--brand-color-7);
	border-bottom: 1px solid var(--brand-color-7);
	background-image: url("../img/bak-1.jpg");
  	background-size: cover;
}
#res-menu h3{
	font-family: "Dynalight", "Comic Sans", cursive;
    font-size: 2.5rem;
    font-weight: 500;
}
#res-menu p{
	font-family: "Arial";
    font-size: 1.2rem;
    font-weight: 500;
}
#res-menu-gallery{	
	border-bottom: 1px solid var(--brand-color-7);
}


#pavi-offer {

}
#pavi-offer h3{
	color: var(--brand-color-1);
	font-family: "Dynalight", "Comic Sans", cursive;
	font-size: 2.5rem;
	font-weight: 500;	
}
#pavi-offer h4{
	font-family: "Dynalight", "Comic Sans", cursive;
	font-size: 2.2rem;
	font-weight: 500;
}
#pavi-offer .btn{
	background-color: var(--brand-color-1);
	border: 0px solid var(--brand-color-2);
	border-radius: 20px;
}
#pavi-offer .events img{
	    border-top-left-radius: 0px;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 60px;
}
#pavi-offer .corporate{
	/*background-color: #fefbf3;
	border-left:1pt solid var(--brand-color-1);
	border-right:1pt solid var(--brand-color-1);
	padding:15px;*/
	background-image: url("../img/bak-blue.webp");
	background-size: cover;
}
#pavi-offer .private{
	/*background-color: #FEDCC0;
	border-right:1pt solid var(--brand-color-1);*/	
		background-image: url("../img/bak-yellow.webp");
	background-size: cover;
}
#pavi-offer .social{
	/*background-color: #fefbf3;
	border-right:1pt solid var(--brand-color-1);*/	
		background-image: url("../img/bak-green.webp");
	background-size: cover;
}
#pavi-offer .pic{
	margin-bottom: 15px;
}
#pavi-offer li {
	font-family: "Georama";
	letter-spacing: .05rem;
	font-weight:500;
}

#socials .socials{
	border-top: 1px solid var(--brand-color-7);
}
#socials h3{
	font-family: "Dynalight", "Comic Sans", cursive;
	font-size: 2.2rem;
	font-weight: 500;
	color: var(--brand-color-1);
}
#socials .tag{
	font-size: 1.6rem;
	font-weight: 500;
	color: #666;
}
#socials .icon{
	max-width: 50px;
}

.image-hover-effect img {
    /* Initially apply grayscale filter */
    filter: grayscale(100%);
    /* Add a smooth transition for the filter effect */
    transition: filter 0.3s ease-in-out;
}

.image-hover-effect:hover img {
    /* On hover, remove the grayscale filter to show actual colors */
    filter: grayscale(0%);
}

/* Optional: Add a slight scale effect on hover for extra polish */
.image-hover-effect img {
    transform: scale(1);
    transition: filter 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.image-hover-effect:hover img {
    filter: grayscale(0%);
    transform: scale(1.05); /* Slightly enlarge the image on hover */
}

/** HOME PAGE - END **/

/** INNER PAGES - START **/

.container-inner-banner{
	padding-bottom:20px;
}
.container-inner-main{
	padding:20px;
}
.page-h1{ 
font-family: "Dynalight", "Comic Sans", cursive;
    font-size: 2.8rem;
    font-weight: 500;
    color: var(--brand-color-1);
	padding: 20px 10px;
}
.page-h2{ 
font-family: "Dynalight", "Comic Sans", cursive;
    font-size: 2.2rem;
    font-weight: 500;
    color: var(--brand-color-1);
	padding: 10px 10px;
}

.page-h3{ 
font-family: "Dynalight", "Comic Sans", cursive;
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--brand-color-1);
	padding: 5px 10px;
}
.hr-about-us{
	border: none;
    height: 3px;
    background-color: var(--brand-color-5);
    margin: 20px 0;
}

/** INNER PAGES - END **/

/** FOOTER - START **/
#footer-menu-bar {
	background-color: var(--brand-color-5);
}
#footer-menu-bar .col{	
	padding: 10px;
}
#footer-menu-bar .about{
	text-align: center;
}
#footer-menu-bar .contact{	
	border-right: 1px dotted var(--brand-color-7);
	border-left: 1px dotted var(--brand-color-7);	
}
#footer-menu-bar .contact table td{
padding: 10px 5px;	
} 
#footer-menu-copyright {
	background-color: var(--brand-color-1);
	color: #ffffff;
	font-size: .9rem;
} 
#footer-menu-copyright .col{
		min-width:380px;
} 
/** FOOTER - END **/
#menu-container .menu-pic{
		max-width: 100%;
}