*{
	box-sizing: border-box;
	font-family: calibri;
	transition: 0.5s;
	cursor: url('../cursors/cursor.png'),auto;
	outline: none !important;
	text-decoration: none !important;
	user-select: none;
}
body{
	margin: 0;
	padding: 0;
	counter-reset: my-count;
}
a:hover{
	cursor: pointer !important;
	outline: none;
}
*[href=""]:hover{
	cursor: pointer !important;
	outline: none;
}
a:hover *{
	cursor: pointer !important;
	outline: none;
}
*:hover{
	text-decoration: none !important;
}
@font-face{
	font-family: akaju;
	src: url(../webfonts/akaju.otf);
}
.font-akaju{
	font-family: akaju !important;
}
@font-face{
	font-family: quick;
	src: url(../webfonts/quick.otf);
}
.font-quick{
	font-family: quick !important;
}
@font-face{
	font-family: sacra;
	src: url(../webfonts/sacra.ttf);
}
:root{
	--color: #253A69;
	/*color : var(--color); #253A69*/
}
.bg-blue{
	background-color : var(--color);
}
.text-blue{
	color : var(--color);
}
/*custom css end*/
/*custom scroll bar start*/
::-webkit-scrollbar{
	width: 8px !important;
}
::-webkit-scrollbar-thumb{
	background: var(--color) !important;
	border-radius: 15px;
}
::-webkit-scrollbar-track{
	background: white !important;
}
.m-10{
	margin-top: 10px !important;
}
.m-20{
	margin-top: 20px !important;
}
.m-30{
	margin-top: 30px !important;
}
.m-40{
	margin-top: 40px !important;
}
.m-50{
	margin-top: 50px !important;
}
/*custom scroll bar end*/
/*wrapper start*/
.wrapper{
	width: 100%;
	float: left;
	clear: both;
	overflow: hidden;
	background: white;
}
/*wrapper end*/
/*navbar start*/
nav{ /*current navbar*/
	opacity: 0.0;				
    width: 100%;
    z-index: 100;
    padding: 10px 0px;
    float: left;
	clear: both;
    transition: 0.5s !important;
    pointer-events: none;
}
.fixed-header { /*after scroll navbar*/
    opacity: 1.0;
	box-shadow: 0 0px 10px #c6c6c6;
	background: white !important; 
    padding: 0px 10px;
    transition: 0.5s !important;
    z-index: 10;
    pointer-events: initial;
}
.offcanvas{
	background: url("../images/menus/sidemenu.png");
	background-position: top;
	background-attachment: fixed;
}
.offcanvas-body{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.navbar-menu{
	font-size: 50px;
	color: var(--color);
	margin-top: 20px;
}
.navbar-menu:hover h1{
	color: var(--color);
	letter-spacing: 10px;
	text-decoration: line-through !important;
}

/*navbar end*/
/*banner start*/
.banner{
	float: left;
	clear: both;
	width: 100%;
	min-height: 100vh;
	overflow: hidden;
	position: relative;
}
.banner:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 2;	
}
.banner-video{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	min-width: 100%;
	min-height: 100vh;
}
.banner-section{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100vh;
	background: rgba(255, 255, 255, 0.90);
	z-index: 1;
	display: flex;
	align-items: center;
}
.banner-right-video{
	width: 100%;
}
.banner-video-layer{
	position: relative;
	z-index: 1;
	border-radius: 5px;
	overflow: hidden;
}
.banner-video-layer:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: white;
	opacity: 0.50;
}
/*banner end*/
/*footer start*/
.footer{
	float: left;
	clear: both;
	width: 100%;
	padding: 80px 0px;
	position: relative;
	z-index: 1;
	background: url("../images/footer/map.png");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}
.footer:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg,rgba(255, 255, 255, 1.0),rgba(255, 255, 255, 0.85));
	z-index: -1;
}
.social-icons a i{
	color: var(--color);
	font-size: 30px;
	width: 50px;
	height: 50px;
	margin: 20px;
	line-height: 50px;
	transition: 1s;
}
.social-icons a:hover i{
	color: white;
	background: var(--color);
	font-size: 30px;
	width: 50px;
	height: 50px;
	margin: 20px;
	line-height: 50px;
/*footer end*/