/*** 



====================================================================

	Main Slider style

====================================================================



***/



.main-slider{

	position:relative;

	width:100%;	

}



.main-slider .tp-dottedoverlay{

	background:rgba(0,0,0,0.40);	

}



.main-slider .tp-caption{

	z-index:5;

}







.main-slider .tp-banner-container{

	overflow:hidden !important;	

}



.main-slider .bg-box .text{

	font-weight:400;

	font-size:14px;

	margin-bottom:15px;	

}



.main-slider .bg-box .text a{

	display:inline-block;

	margin-left:10px;

	color:#71b100;

	border-bottom:1px dotted #71b100 !important;

	line-height:24px;	

}



.main-slider .bg-box h1{

	line-height:1.2em;

	font-size:48px;

	font-weight:400;

	text-transform:uppercase;

}



.main-slider .bg-box h2{

	line-height:1.2em;

	font-weight:700;

	font-size:40px;

	margin-bottom:10px;

}



.main-slider .bg-box h3{

	line-height:1.2em;

	font-weight:700;

	font-size:24px;

	margin-bottom:10px;

}



.main-slider .bg-box h4{

	line-height:1.2em;

	font-weight:400;

	font-size:20px;

}



.main-slider .bg-box h5{

	line-height:1.2em;

	font-weight:500;

	font-size:18px;

	color:#71b100;

	margin-bottom:10px;

}



.main-slider .bg-box{

	position:relative;

	padding:50px 40px 40px;

	display:block;

	max-width:650px;

	background:rgba(26,29,31,0.80);

	color:#ffffff;

}



.main-slider .bg-box .inline-list{

	position:relative;

	margin-bottom:10px !important;

}



.main-slider .bg-box .inline-list li{

	position:relative;

	display:inline-block;

	margin-right:15px !important;

	line-height:24px !important;

	text-transform:capitalize;

	font-size:13px;

}



.main-slider .bg-box .inline-list li .icon{

	font-size:14px;

	padding-right:10px;

	display:inline-block;	

}



.main-slider .tp-bullets.preview3 .bullet{

	border:none !important;

	margin:0px 4px;

	width:28px !important;

	height:4px !important;

	background:rgba(255,255,255,0.50) !important;

	display:inline-block;

}



.main-slider .tp-bullets.preview3 .bullet:hover,

.main-slider .tp-bullets.preview3 .bullet.selected{

	background:#71b100 !important;

}



.main-slider .tparrows.preview3{

	background:none !important;

	width:70px;	

}



.main-slider .tparrows.preview3::after{

	top:20px;

	color:#ffffff;

	font-size:18px;

	height:52px;

	line-height:50px;

	width:52px;

	border:1px solid #272828;

	background:#272828;	

	border-radius:50%;

}



.main-slider .tparrows.tp-leftarrow.preview3::after{

	content: '\f104';

	font-family:'FontAwesome';

}



.main-slider .tparrows.tp-rightarrow.preview3::after{

	content: '\f105';

	font-family:'FontAwesome';

}



.main-slider .tparrows.preview3.tp-leftarrow{

	left:20px !important;	

}



.main-slider .tparrows.preview3.tp-rightarrow{

	right:0px !important;	

}



.main-slider .tparrows.preview3:hover::after{

	border-color:#71b100 !important;

	background:#71b100;

}



.main-slider .tparrows.preview3 .tp-arr-iwrapper{

	visibility:hidden;

	opacity:0;	

}



.main-slider .tp-bannertimer{

	display:none !important;	

}



.main-slider .outer-box{

	position:relative;

	width:410px;

	background:rgba(113,177,0,0.80);

	color:#ffffff;

	padding:40px;	

}



.main-slider .outer-box .sale-tag{

	position:absolute;

	left:40px;

	top:0px;

	line-height:24px;

	font-size:10px;

	color:#ffffff;

	background:#253d4a;

	padding:0px 20px;

	border-radius:0px 0px 4px 4px;	

}



.main-slider .outer-box h2{

	position:relative;

	font-size:30px;

	font-weight:700;

	text-transform:capitalize;

	margin-bottom:5px !important;

}



.main-slider .outer-box .text{

	font-size:15px;

	font-weight:400;

	line-height:30px;

	margin-bottom:20px;

}



.main-slider .outer-box .info-list{

	position:relative;

	border-top:1px solid rgba(255,255,255,0.30) !important;

	border-bottom:1px solid rgba(255,255,255,0.30) !important;

	margin-bottom:20px !important;

}



.main-slider .outer-box .info-list li{

	position:relative;

	float:left;

	width:33.333%;

	padding:20px 20px !important;

	font-size:14px;

	text-align:center;

}



.main-slider .outer-box .info-list li:first-child{

	text-align:left;	

}



.main-slider .outer-box .info-list li strong{

	display:block;

	font-weight:700;

	font-size:24px;

	margin-bottom:2px;

}



.main-slider .outer-box .info-list li:after{

	content:'';

	position:absolute;

	right:-1px;

	border-right:1px solid rgba(255,255,255,0.30);

	top:0%;

	height:100%;

}



.main-slider .outer-box .info-list li:last-child:after{

	display:none;	

}



.main-slider .outer-box .price{

	font-size:24px;

	line-height:30px;

	font-weight:700;

}

/* Apex menu dropdown fix */
.main-menu .navigation > li > a .apex-nav-icon {
	margin-right: 8px;
	font-size: 14px;
	line-height: 1;
	vertical-align: baseline;
	color: #ffd21f !important;
}

.main-menu .navigation > li > a .fa-home {
	font-size: 15px;
}

.jindal-site-logo {
	display: block;
	width: 270px;
	max-width: 100%;
	height: auto;
	object-fit: contain;
}

.jindal-sticky-logo {
	width: 140px;
	max-height: 54px;
}

.jindal-footer-logo {
	display: block;
	width: 170px;
	max-width: 100%;
	height: auto;
	margin-bottom: 14px;
	object-fit: contain;
}

.apex-header-info .icon-box {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #ffd21f;
	color: #2b2b2b !important;
	font-size: 20px;
	line-height: 1;
}

.apex-header-info .apex-header-contact-icon {
	display: inline-block !important;
	color: #2b2b2b !important;
	font-family: "FontAwesome" !important;
	font-size: 20px !important;
	line-height: 1 !important;
}

.apex-header-info .fa-mobile {
	font-size: 28px !important;
}

.main-header .header-upper .upper-right {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 18px !important;
	width: calc(100% - 300px) !important;
	max-width: calc(100% - 300px) !important;
	float: right !important;
}

.main-header .header-upper .auto-container > .clearfix {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 100% !important;
}

.main-header .header-upper .upper-column.info-box {
	float: none !important;
	display: flex !important;
	align-items: center !important;
	margin-top: 0 !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
	overflow: visible !important;
}

.main-header .header-upper .upper-column.info-box .icon-box {
	position: relative !important;
	left: auto !important;
	top: auto !important;
	flex: 0 0 38px !important;
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	margin-right: 10px !important;
}

.main-header .header-upper .upper-column.info-box .text {
	text-align: left;
	white-space: nowrap;
}

.main-header .header-upper .upper-column.info-box .theme-btn {
	white-space: nowrap;
}

.main-menu .navigation > li > a:hover .apex-nav-icon,
.main-menu .navigation > li.current > a .apex-nav-icon,
.main-menu .navigation > li.current-menu-item > a .apex-nav-icon {
	color: #ffd21f !important;
}

@media only screen and (min-width: 992px) {
	.main-header .auto-container,
	.sticky-header .auto-container {
		max-width: 100% !important;
		width: 100% !important;
		padding-left: 18px !important;
		padding-right: 18px !important;
	}

	.main-header .logo-outer,
	.sticky-header .logo {
		max-width: 170px !important;
	}

	.jindal-site-logo {
		width: 170px;
	}

	.jindal-sticky-logo {
		width: 118px;
	}

	.main-header .right-col,
	.main-header .nav-outer,
	.sticky-header .right-col {
		width: calc(100% - 180px) !important;
	}

	.main-menu .navbar-collapse {
		width: 100%;
	}

	.main-menu .navigation {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center;
		justify-content: flex-end;
		white-space: nowrap;
	}

	.main-menu .navigation > li {
		float: none !important;
		display: block !important;
		margin: 0 !important;
	}

	.main-menu .navigation > li > a {
		white-space: nowrap !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
		font-size: 12px !important;
	}

	.main-menu .navigation > li > a .apex-nav-icon {
		margin-right: 6px;
		font-size: 12px;
	}
}

@media only screen and (min-width: 1200px) {
	.main-menu .navigation > li > a {
		padding-left: 8px !important;
		padding-right: 8px !important;
		font-size: 13px !important;
	}
}

@media only screen and (min-width: 992px) {
	body .main-header .header-upper .auto-container,
	body .sticky-header .auto-container {
		display: flex !important;
		align-items: center !important;
		flex-wrap: nowrap !important;
		gap: 10px !important;
	}

body .main-header .header-upper .logo-outer,
	body .sticky-header .logo {
		flex: 0 0 255px !important;
		width: 255px !important;
		max-width: 255px !important;
	}

	body .main-header .header-upper .right-col,
	body .main-header .header-upper .nav-outer,
	body .sticky-header .right-col,
	body .sticky-header .nav-outer {
		float: none !important;
		flex: 1 1 auto !important;
		width: auto !important;
		max-width: calc(100% - 128px) !important;
	}

	body .jindal-site-logo {
		width: 255px !important;
	}

	body .sticky-header .jindal-site-logo {
		width: 118px !important;
	}

	body .main-header .main-menu,
	body .sticky-header .main-menu,
	body .main-menu .navbar-collapse {
		width: 100% !important;
	}

	body .main-menu .navigation {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: flex-end !important;
		gap: 0 !important;
		width: 100% !important;
		margin: 0 !important;
		white-space: nowrap !important;
	}

	body .main-menu .navigation > li {
		flex: 0 0 auto !important;
		float: none !important;
		display: block !important;
		width: auto !important;
	}

	body .main-menu .navigation > li > a {
		display: inline-flex !important;
		align-items: center !important;
		gap: 7px !important;
		white-space: nowrap !important;
		padding-left: 3px !important;
		padding-right: 3px !important;
		font-size: 10px !important;
		line-height: 20px !important;
	}

	body .main-menu .navigation > li > a .apex-nav-icon,
	body .main-menu .navigation > li > a .fa-home {
		margin-right: 5px !important;
		font-size: 11px !important;
	}

	body .main-menu .navigation li.dropdown > a:after {
		margin-left: 1px !important;
		font-size: 10px !important;
	}
}

@media only screen and (min-width: 1200px) {
	body .main-header .header-upper .logo-outer,
	body .sticky-header .logo {
		flex-basis: 270px !important;
		width: 270px !important;
		max-width: 270px !important;
	}

	body .main-header .header-upper .right-col,
	body .main-header .header-upper .nav-outer,
	body .sticky-header .right-col,
	body .sticky-header .nav-outer {
		max-width: calc(100% - 142px) !important;
	}

	body .jindal-site-logo {
		width: 270px !important;
	}

	body .sticky-header .jindal-site-logo {
		width: 132px !important;
	}
	}

	body .main-menu .navigation > li > a {
		padding-left: 4px !important;
		padding-right: 4px !important;
		font-size: 11px !important;
	}
}

.main-header,
.main-header .header-upper,
.main-header .sticky-header,
.main-menu,
.main-menu .navbar-collapse,
.main-menu .navigation,
.main-menu .navigation > li {
	overflow: visible !important;
}

.main-menu .navigation li.dropdown {
	position: relative;
}

.main-menu .navigation li.dropdown > a {
	cursor: pointer;
}

.main-menu .navigation li.dropdown > a:after {
	content: "\f107";
	font-family: "FontAwesome";
	display: inline-block;
	margin-left: 6px;
	font-size: 12px;
	line-height: 1;
}

.main-menu .navigation li.dropdown > ul.submenu {
	z-index: 9999;
}

@media only screen and (min-width: 768px) {
	.main-menu .navigation li.dropdown:hover > ul.submenu,
	.main-menu .navigation li.dropdown.apex-menu-open > ul.submenu {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		top: 100% !important;
	}

	.main-menu .navigation li.dropdown li.dropdown:hover > ul.submenu,
	.main-menu .navigation li.dropdown li.dropdown.apex-menu-open > ul.submenu {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		top: 0 !important;
		left: 100% !important;
	}
}

@media only screen and (max-width: 767px) {
	.main-menu .navbar-collapse > .navigation li.dropdown > ul.submenu {
		display: none !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	.main-menu .navbar-collapse > .navigation li.dropdown.apex-menu-open > ul.submenu {
		display: block !important;
	}

	.main-menu .navigation li.dropdown > a:after {
		float: right;
		margin-top: 4px;
		font-size: 15px;
	}
}