/*--------------------------------------------------------------
                       Banner
--------------------------------------------------------------*/
.main_title {
	color: #fff;
	font-size: 75px;
	text-align: left;
	font-family: 'KabelMediumBT';
	line-height: 95px;
	letter-spacing: 0.50px;
	font-weight: 700;
	width: 64%;
	position: relative;
	
}
.product, .product a {
	color: #f7941d;
}

.banner {
	position: relative; 
	}
.banner-in { 
	padding: 180px 0 180px !important; 
}
.img-fluid {
	max-width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: -1;
}
.banner_canvas { 
	position: fixed; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
}
#banner {
	color: #000;
	text-align: center;
	/* position: absolute; */
	top: 100%;
	left: 50%;
	/* -moz-transform: translateX(-50%) translateY(-50%) !important; */
	/* -webkit-transform: translateX(-50%) translateY(-50%); */
	/* transform: translateX(-50%) translateY(-50%) !important; */
	/* width: 100%; */
}

.banner_main {
	position: relative;
	margin-top: 10%;
}
.banner_img {
	position: absolute;
	top: -54%;
	width: 85%;
	margin: auto;
	left: 0;
	right: 0;
}
/*
.banner_main::after {
	content: '';
	position: absolute;
	background: url("../images/left_banner_img.png");
	background-position: left;
	background-repeat: no-repeat;
	background-size: cover;
	left: 0px;
	width: 424px;
	height: 690px;
	top: 0;
	bottom: 0;
	margin: auto;
	
}
.banner_main::before {
	content: '';
	position: absolute;
	background: url("../images/right_banner_img.png");
	background-position: right;
	background-repeat: no-repeat;
	background-size: cover;
	right: 0px;
	width: 360px;
	height: 690px;
	top: 0;
	bottom: 0;
	margin: auto;
	
}
*/
/*---------------------------------------------------------------------
                        Mouse Effect
-----------------------------------------------------------------------*/
.mouse-move {
	position: absolute;
	bottom: 0;
	right: 22%;
	width: 75px;
	margin: auto;
	height: 75px;
	top: 0;
}
.mouse-move a {
	font-size: 12px;
	text-transform: uppercase;
	height: 74px;
	width: 75px;
	line-height: 75px;
	display: inline-block;
	border-radius: 900px;
	text-align: center;
	color: #fff;
	text-decoration: none;
/*	font-family: 'Kabel Md BT';*/
	font-weight: 500;
	letter-spacing: 2px;
	cursor: pointer;
}
.mouse-move .boom::before, .mouse-move .boom::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 1px solid #fff !important;
	z-index: 1 !important;
}
.mouse-move .boom::before,.mouse-move .boom::after { 
	content: ''; 
	z-index: -1; 
	margin: 0; 
	border-radius: 900px; 
	box-shadow: inset 0 0 0 2px; 
	animation: clipMe 8s linear infinite; 
}
@keyframes clipMe {
  0%, 100% { clip: rect(0px, 220px, 2px, 0px); }
  25% { clip: rect(0px, 2px, 220px, 0px); }
  50% { clip: rect(218px, 220px, 220px, 0px); }
  75% { clip: rect(0px, 220px, 220px, 218px); }
}
.mouse-move .boom::before { 
	animation-delay: -4s; 
}


/*================================================Cursor=================================*/



/*===========================================================Cursor_end=============================================*/