/*
	Theme: AMIA APARTMENT;
	Author: OCCURA SOFTWARE
	Author 	url: https://www.occurasoftware.rw
	Copyright 2026 Allright Reserved
*/

	@import url(./bootstrap_modules/bootstrap.css);
	@import url(./fonts_modules/fontsawesome.css);
	@import url(./fonts_modules/montserrat.css);
	@import url(./plugins_modules/flexslider.css);
	@import url(./plugins_modules/owl.theme.css);
	@import url(./plugins_modules/owl.carousel.css);
	@import url(./plugins_modules/animate.css);
	@import url(components.css);

/*
/* Overview
/* =================================== */
	
	:root {
		--white: rgba(255, 255, 255);
	  	--light: rgb(244 244 242);
	  	--gold: rgb(255 215 0);
	  	--green: rgb(19 121 22);
	  	--grey: rgb(107 111 115);
	  	--dark: rgb(30 30 30);
	}

	*{
		padding:0px;
		margin:0px;
	}

	

	html, body{
	    margin: 0;
	    padding: 0;
	    font:13px/21px 'Montserrat', Arial, Helvetica, sans-serif;

	    scroll-behavior: smooth;
	}




/*
/* COMMON ID
/* =================================== */




/*
/* COMMON CLASS
/* =================================== */
	
		
	
	.clearfix{
		clear: both;
		height: 30px;
	}

	.heightfix{
		clear: both;
		height: 120px;
	}

	.container{
		max-width: 1280px;
		width: 100%;
		margin: auto;
	}

	.amia-wrp{
		position: relative;
		overflow: hidden;
	}

	.bg-dark  { background: var(--dark) !important; }
	.bg-green { background: var(--green) !important; }

	.bg-light-green { background: rgb(43 164 44 / 24%)	!important; }
	.bg-light-grey { background: rgb(242 242 242 /50%) !important; }
	.bg-light { background: rgb(242 242 242) !important; }

	.text-green { color: var(--green); !important; }


/* CSS
/* ==================================== */

	
	.amia-vdo{
	  	position: relative;
	  	width: 100%;
	  	overflow: hidden;

	  /* controls hero height across devices */
	  	min-height: clamp(720px, 75vh, 900px);
	  /* if you want full screen instead, use:
	     min-height: 100vh;
	     min-height: 100svh;
	     min-height: 100dvh;
	  */
	}

	/* Make the video behave like a background */
	.amia-vdo > video{
	  	position: absolute;
	  	inset: 0;
	  	width: 100%;
	  	height: 100%;
	  	object-fit: cover;
	  	object-position: center;
	  	z-index: 0;
	}

	
	.amia-vdo::before,
	.amia-vdo::after{
	  	content: "";
	  	position: absolute;
	  	inset: 0;
	  	z-index: 1;
	  	pointer-events: none;
	}

	.amia-vdo::before{
	  	background: linear-gradient(
	  		15deg, 
	  		rgb(0 0 0), 
	  		rgb(0 0 0 / 12%)
	  	);
	}

	.amia-vdo::after{
	  	background-image: url(../video/smalldots.png);
	  	background-repeat: repeat; 
	}

	
	.amia-center{
	  	position: absolute;
	    top: 50%;
	    left: 50%;
	    margin: 0;

	    width: 100%;
	    transform: translate(-50%, -50%);
	    z-index: 2;
	}


	


	.amia-footer{
		background: var(--dark);
	}
	
	.amia-footer hr{ 
		border-color: rgba(66 66 66 / 0.9);	
	}


	


@media only screen and (min-width: 768px){

	
}

@media only screen and (max-width: 767.98px){

	.amia-vdo > video { min-height: 580px; }
}

@media only screen and (min-width: 992px){

	
}