/* BLOCK: Banner 01 */
.banner-01{display:block; position:relative; width:100%;}
.banner-01 .slide-container{display:block; position:relative; width:100%;}
.banner-01 .slide{
	display:flex; position:relative; width:100%; height:55vw; max-height: 650px; overflow:hidden; outline:none;
	align-items:center;
}
.banner-01 .slide > .bg-img{
	position:absolute; top:0; bottom:0; left:0; right:0; background-size:cover;
	background-position:center;
}
.banner-01 .slide > a.click-area{
	outline:none; display:block; position:absolute; top:0; bottom:0; left:0; right:0; z-index:2;
}
.banner-01 .slide .text-container{display:flex; justify-content:flex-end;}
.banner-01 .slide .animate{opacity:0; transform:translateY(-2rem); transition:all .75s;}
.banner-01 .slide.slick-active .animate{opacity:1; transform:translateY(0); transition-delay:var(--delay);}
.banner-01 .dots{
    position:absolute; bottom:0; left:0; right:0; height:2.5rem; display:flex; align-items:center;
    justify-content:center;
}
.banner-01 .dots .slick-dots{
	display:flex; list-style:none; padding:0; margin:0; position:relative; bottom:auto;
}
.banner-01 .dots .slick-dots li{width:auto; height:auto; margin:0 .25rem;}
.banner-01 .dots .slick-dots li button{
    overflow:hidden; color:transparent; border:0; width:.875rem; height:.875rem; opacity:1;
    background-color:#ddd; outline:none; margin:0; cursor:pointer; border-radius:1000rem;
    transition:width .4s, background-color .4s;
}
.banner-01 .dots .slick-dots li button:hover{background-color:#fff;}
.banner-01 .dots .slick-dots li.slick-active button{background-color:#2f1893;}

/* BLOCK: Banner 02 */
.banner-02{display:block; position:relative; width:100%;}
.banner-02 > .wrapper{
	display:block; position:relative; width:100%; display:flex; height:540px; overflow:hidden; outline:none;
	align-items:center;
}
.banner-02  .bg-img{
	position:absolute; top:0; bottom:0; left:0; right:0; background-size:cover; background-position:center;
}
.banner-02 a.click-area{
	outline:none; display:block; position:absolute; top:0; bottom:0; left:0; right:0; z-index:2;
}
.banner-02 .text-container{display:flex; justify-content:flex-end;}


/* CUSTOM: Ecommerce 9 */
.ecommerce_9 .img-bg{
	display:block; position:absolute; top:0; bottom:0; right:0; width:calc(50vw);
	background-size:cover; background-position:center;
}
@media screen and (max-width:767.98px){ .ecommerce_9 .img-bg{display:none!important;} }


/* Video Container */
.video-container{display:flex; flex-wrap:wrap; width:100%; margin:0;}
.video-container > .video-block{
	display:block; position:relative; width:calc((100% - 60px) / 4); padding:0; margin:50px 20px 0 0;
}
.video-container > .video-block:nth-child(4n){margin:50px 0 0 0;}
.video-container > .video-block .img-container{
	display:block; position:relative; width:100%; padding:67% 0 0 0; text-decoration:none;
	background:#f9f9f9; border-radius:4px; overflow:hidden;
}
.video-container > .video-block .img-wrapper{
	position:absolute; top:0; bottom:0; left:0; right:0; display:flex; justify-content:center;
	align-items:center; background-size:cover; background-position:center; 
}
.video-container > .video-block img{
	display:block; width:auto; max-width:95%; height:auto; max-height:95%;
}
.video-container > .video-block .name{
	font-size:20px; font-weight:600; color:var(--scolor); line-height:1.4; margin:15px 0 4px 0;
}


/* CUSTOM: Content 1 */
.custom_content_1{padding:70px 0 60px 0;}
.custom_content_1 .tag{
	font-weight:600; color:#242424; font-size:16px; 
	margin:0; line-height:1; text-transform:uppercase;
}
.custom_content_1 h1{
	font-weight:300; color:#030303; text-transform:uppercase; font-size:58px;
	display:block; width:100%; max-width:740px; margin:0; letter-spacing:-1px; line-height:1.2;
	word-spacing:2px;
}
.custom_content_1 h1 > span{display:inline-block; position:relative; color:#030303;}
.custom_content_1 h1 > span::before{
	content:''; position:absolute; top:0; bottom:0; left:-5px; width:0; background:var(--pcolor);
	z-index:1; white-space:nowrap; display:block; overflow:hidden;
	transition:width .6s; transition-delay:var(--delay);
}
.custom_content_1 h1.aos-init.aos-animate > span::before{width:calc(100% + 10px);}
.custom_content_1 h1 > span.no-tag::before{width:0!important; transition:all 0s!important}
.custom_content_1 h1 > span::after{
	content:var(--content); position:absolute; top:0; bottom:0; left:0; width:0; overflow:hidden;
	color:#fff; z-index:2; transition:width .6s; transition-delay:var(--delay);
}
.custom_content_1 h1.aos-init.aos-animate > span::after{width:100%;}
.custom_content_1 h1 > span.no-tag::after{width:0!important; transition:all 0s!important}
.custom_content_1 p{
	font-weight:300; margin:10px 0 0 0; color:#242424; font-size:14px;
	line-height:1.2; width:100%; max-width:720px;
}

.custom_content_1 table.table{margin:40px 0 0 0; width:100%;}
.custom_content_1 table.table td{
	padding:30px 0; font-weight:300; color:#242424; font-size:15px; 
	margin:0; line-height:1.4; border-top:1.5px solid #e3e3e3; border-bottom:1.5px solid #e3e3e3;
}
.custom_content_1 table.table td a{color:#242424; text-decoration:underline;}
.custom_content_1 table.table td a:hover{color:var(--pcolor);}
.custom_content_1 table.table td:first-child{
	font-weight:600; text-transform:uppercase; font-size:14px; width:32%;
}

.pimg{ max-width: 50px;height: auto;border: 2px solid #fff;border-radius: 5px;}
.gridSort{ background:none;}


/* Brand Container */
.brand-container{width:100%; background:#000000;}
.brand-container .brand-wrapper{width:100%; display:flex; align-items:center;}
.brand-container .brand-wrapper img{
	display:inline-block; width:auto; max-width:150px; height:auto; max-height:35px;
	margin:5px 20px 5px 0;
}

.banner-02 {
	width: 100%;
	position: relative;
	padding: 8rem 0 -1 0;
}
.banner-02 .filter-bg {			
	top: 0;
	left: 0;
	right: 0;
	height: 36rem;
	background: #000;
	opacity: .4;
}
.banner-02::before, .banner-02 > .img-bg {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 30rem;
	right: 0;
	background: #000;
		background-position-x: 0%;
		background-position-y: 0%;
		background-image: none;
		background-size: auto;
	background-size: cover;
	background-position: center;
	}
		.toggle-container {
	width: 100%;
	margin: 0 auto;
}
.toggle-container > .toggle-tab {
	width: 100%;
	border-bottom: 2px solid #fff;
}
.toggle-container .toggle-title {
	cursor: pointer;
	padding: 1rem 0;s
	font-size: 1.125rem;
	font-weight: 500;
	color: #001a32;
	position: relative;
	transition: opacity .3s;
}
.toggle-container .toggle-content {
	display: none;
	width: 100%;
	padding: 0 1rem 1rem 1rem;
}
.banner-02 .form_4 {
	margin: 5rem 0 0 0;
}
.form_4 {
	overflow: visible;
}
.form_4 .bg-light {
	position: relative;
	transform: translateY(-30px);
	border-color: transparent;
	z-index: 10;
	box-shadow: rgba(0,0,0,.08) 0px 10px 20px;
}
ul.content {
	font-size: 18px;
	color: #919dab;
	font-weight: 300;
	margin: 15px 0;
	line-height: 1.6;
}

ul.content li {
	padding-top: 10px;
}

/* START: PP Tab 01 */
.pp_tab_01 .tab-container{display:none;}
.pp_tab_01 .tab-container.active{display:block;}

.btn.bg-black{	
	font-weight: 600 !important;
}

/* CSS Added on Feb-15-2022 */
.color-heading{
	color: #000 !important;
}

@media screen and (min-width: 575.98px){	
	.desktop-product-h-150{
		height: auto !important;
	}
}
#product_sort{
	width: 150px;
}


/* DW Button CSS */
input.btn, a.btn-floating.btn-lg, a.btn,a.btn.bg-primary,button.btn{
	background-color: #ff6c00 !important;
	font-weight: 600 !important;	
}

input.btn:hover, a.btn:hover,a.btn-floating.btn-lg:hover,a.btn.bg-primary:hover,button.btn:hover{
    background-color: #000 !important;
	color: #ffffff !important;
	font-weight: 600 !important;
}

a.btn:focus,input.btn:focus,a.btn.bg-primary:focus,button.btn:focus{
	/*background-color: #ff6c00 !important; */
	color: #ffffff !important;
	font-weight: 600 !important;
}


.form-group .controls .form-control{ border:0; border-bottom: 1px solid #dee2e6 !important; outline:none !important; }
.form-group.error .controls .form-control{ border-bottom: 2px solid #f00 !important; }
.form-group .controls .help-block{ display:none !important;}
.form-group .controls .form-control:focus{box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 111, 0, 0.6) !important;}
.form-group.error .controls .form-control:focus{box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6) !important;}


.mobile-top-nav-sticky{
	display: block;
	position: sticky;
	top: 0;
	left: 0;	
	z-index: 95;
}
.open_menu {
	position: revert !important;
}

.nav-menus, .nav-menu {
	width: 100%;
	margin: 0 auto;
}
.nav-menus > .nav-items, .nav-menu > .nav-item {
	width: 100%;
	border-bottom: 2px solid #fff;
}
.nav-menus span, .nav-menu span {
	cursor: pointer;
	position: relative;
	transition: opacity .3s;
}
.nav-menus .nav-menu, .nav-menu .nav-menu-drop {
	display: none;
	width: 100%;
	padding: 0 1rem 1rem 1rem;
}

.nav-menus span::after, .nav-menu span::after {
  content: '\f078';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: .9375rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  transition: transform .3s;
}

.nav-menus span.active::after, .nav-menu span.active::after {
  transform: rotate(180deg);
}

.nav-menu .nav-menu-drop ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.nav-menu .nav-menu-drop ul li {
	padding-top:5px;
	padding-bottom:5px;
	color:#000;
}

.navigation_mobile.opened {
  left: 0px;
  width: 100% !important;
}
.ecommerce_21 .category:hover {
  border-color: #ff6c00 !important;
}

/* Global Auto completed Options */
#topnav-search-container .global-search-form {position: relative; width: 100%; margin: 3px 0 0 0;justify-content: center;}
#topnav-search-container .product-search-suggestion {
	background: #ecf0f1; pointer-events: all; z-index: 1200; 
	padding: 0; margin: 3px 0 0 0; position: absolute; border-radius: 3px; cursor: pointer;
	max-height: 300px; overflow-y: auto; min-width: 100%; max-width: 100%; overflow-x: hidden;
	opacity: 1; transition: .25s opacity;
}
#topnav-search-container .product-search-suggestion > a {
	display: block; color: #000; font-size: 14px; padding: 8px 15px 8px 10px; 
	text-align: left; transition: .1s all; font-weight:bold;
}
#topnav-search-container .product-search-suggestion > a > span {color:#7f7f7f; font-size: 12px; transition: .15s all;font-weight:bold;}
#topnav-search-container .product-search-suggestion > a:hover,
#topnav-search-container .product-search-suggestion > a:hover > span {background: #ff6c00; color: #fff;}
#topnav-search-container .global-search-form.focus .product-search-suggestion,
#topnav-search-container .global-search-form:hover .product-search-suggestion,
#topnav-search-container .product-search-suggestion:hover {opacity: 1; pointer-events: all;}

/* support_auto_suggest */
#support_auto_suggest .global_search_form {position: relative; width: 100%; margin: 3px 0 0 0;justify-content: center;}
#support_auto_suggest .product_search_suggestion {
	background: #ecf0f1; pointer-events: all; z-index: 1200; 
	padding: 0; margin: 0 0 0 0; position: absolute; border-radius: 3px; cursor: pointer;
	max-height: 300px; overflow-y: auto; min-width: 100%; max-width: 100%; overflow-x: hidden;
	opacity: 1; transition: .25s opacity;
}
#support_auto_suggest .product_search_suggestion > a {
	display: block; color: #000; font-size: 14px; padding: 8px 15px 8px 10px; 
	text-align: left; transition: .1s all; font-weight:bold;
}
#support_auto_suggest .product_search_suggestion > a > span {color:#7f7f7f; font-size: 12px; transition: .15s all;font-weight:bold;}
#support_auto_suggest .product_search_suggestion > a:hover,
#support_auto_suggest .product_search_suggestion > a:hover > span {background: #ff6c00; color: #fff;}
#support_auto_suggest .global_search_form.focus .product_search_suggestion,
#support_auto_suggest .global_search_form:hover .product_search_suggestion,
#support_auto_suggest .product_search_suggestion:hover {opacity: 1; pointer-events: all;}


/* page_auto_suggest */
#page_auto_suggest .global_search_form {position: relative; width: 100%; margin: 3px 0 0 0;justify-content: center;}
#page_auto_suggest .product_search_suggestion {
	background: #ecf0f1; pointer-events: all; z-index: 1200; 
	padding: 0; margin: 0 0 0 0; position: relative; border-radius: 3px; cursor: pointer;
	max-height: 300px; overflow-y: auto; min-width: 100%; max-width: 100%; overflow-x: hidden;
	opacity: 1; transition: .25s opacity;
}
#page_auto_suggest .product_search_suggestion > a {
	display: block; color: #000; font-size: 14px; padding: 8px 15px 8px 10px; 
	text-align: left; transition: .1s all; font-weight:bold;
}
#page_auto_suggest .product_search_suggestion > a > span {color:#7f7f7f; font-size: 12px; transition: .15s all;font-weight:bold;}
#page_auto_suggest .product_search_suggestion > a:hover,
#page_auto_suggest .product_search_suggestion > a:hover > span {background: #ff6c00; color: #fff;}
#page_auto_suggest .global_search_form.focus .product_search_suggestion,
#page_auto_suggest .global_search_form:hover .product_search_suggestion,
#page_auto_suggest .product_search_suggestion:hover {opacity: 1; pointer-events: all;}


a:hover {
    text-decoration: none !important;
    color: #000000;
}

#compareBtn {
	
	z-index: 10;
}

/* Top Nav */

nav.fixed-top{
	z-index: 1030 !important;
}

.navbar{
	padding: .2rem 1rem !important;
}

/* TopNav Style Mobile View added on 13-09-2022 */

@media screen and (max-width: 575.98px) {
	#navbarSupportedContent .custom_overflow{
		height:500px;
		overflow:auto;
		scrollbar-width: thin;
	}
}
/*
@media screen and (max-width: 750px) {
	nav.fixed-top{
		position: sticky;
	}
}
*/

body{
	color: #000;
}

.application_24 ul {
  padding-left: 15px;
}