/*
Theme Name 		: VIKA - Contruction HTML Template
Author 			: Logshiv Web Design
Version 		: 1.0
File-name 		: Common.css
*//*---------------------------------------------------------------------------*/

/* Custom Fonts start */
@font-face{
	font-family: vika-font;
	src: url("../webfonts/quick.otf");
}

/* Common CSS start*/
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: vika-font;
	transition: 0.5s !important;
	outline: none !important;
	text-decoration: none !important;
	scroll-behavior: smooth;
	user-select: none;
}
:root{
	--color: #fcca02; /* Variable for Entire Page Theme-Color */
}
.vika-text{ 
	color: var(--color) !important; /* used for text color */
}
.vika-bg{
	background: var(--color) !important; /* used for background color */
}
.vika-border{
	border-bottom: 2px solid var(--color);
	width: 50px;
}

/* selection area color */
::selection{
	color: white !important;
	background: var(--color); !important;
}

/*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;
}

/* aerrow spinner hide Firefox, Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type=number] {
	-moz-appearance: textfield;
}


/* Common Wrapper all pages */
.wrapper{
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
	overflow: hidden;
}

/* navbar start */
.navbar-section{
	float: left;
	clear: both;
	width: 100%;
	position: fixed;
	z-index: 1000;
	background: transparent;
	pointer-events: none;
	opacity: 0.0;
	padding: 10px 5px;
}
.fixed-header { /*after scroll navbar*/
	opacity: 1.0 !important;
	box-shadow: 0 0px 10px #c6c6c6;
	background: white !important; 
	padding: 0px 5px;
	transition: 0.5s !important;
	z-index: 1000;
	pointer-events: initial;
}
.navbar-toggler{
	border: 0px;
}
.nav-link{
	font-weight: bold;
	color: var(--color);
}
.nav-link:hover{
	color: var(--color);
	letter-spacing: 7px;
}
.navbar-nav:hover .nav-item{
	filter: blur(2px);
}
.navbar-nav .nav-item:hover{
	filter: blur(0px) !important;
}
/* navbar end */

/*banner start*/
.banner{
	float: left;
	clear: both;
	width: 100%;
	min-height: 100vh;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	z-index: 1;
	padding: 10px 0px;
}
.banner:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: white;
	opacity: 0.95;
	z-index: -1;
}
.banner-video{
	position: absolute;
	top: 0;
	left: 0;
	min-height: 100%;
	min-width: 100%;
	z-index: -2;
}
.banner-right-video{
	width: 100%;
}
/*banner end*/

/*footer start*/
.footer{
	float: left;
	clear: both;
	width: 100%;
	padding: 80px 0px;		
	background: url("../images/footer/bg.jpg");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 1;
	color: white !important;
}
.footer:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #171820;
	z-index: -1;
	opacity: 0.95;
}
.footer .quicklinks a{
	color: white;
}
.footer .quicklinks a:hover{
	color: var(--color);
}
.social-icons{
	width: 100%;
	margin-top: 20px;
}
.social-icons a{
	font-size: 20px;
	margin: 6px;
	color: white;
}
.social-icons a:hover{
	color: var(--color);
}
.copyrights{
	float: left;
	clear: both;
	width: 100%;
	padding: 30px 0px;
	background: black;
	color: white;		
}
/*footer end*/