/*
 * Plugin: Web Slide - Responsive Mega Menu for Bootstrap 3+
 * Demo Link: http://webslidemenu.webthemex.com/
 * Version: v3.4
 * Author: webthemex
 * License: http://codecanyon.net/licenses/standard
*/

/*--------------------------------------------------------------------------
[Table of contents]

01 Base CSS
02 Desktop CSS
03 Tab CSS
04 Mobile CSS
05 Additional Themes (Optionnal)
--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
|  01  Base CSS
--------------------------------------------------------------------------*/

html,
body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	vertical-align: baseline;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.cl {
	clear: both;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
}

.wsmenu * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
}

.wsmain .cl {
	clear: both;
}

/* max-width: 100%; */

.wsmain a:focus {
	outline: none !important;
}

.wsmain:before,
.wsmain:after {
	content: "";
	display: table;
}

.wsmain:after {
	clear: both;
}

/*--------------------------------------------------------------------------
|  02 Desktop CSS
--------------------------------------------------------------------------*/

.wsmobileheader {
	display: none;
}

.overlapblackbg {
	display: none;
}

.smllogo {
	width: 200px;
}

.topmenusearch {
	float: right;
	width: 100%;
	height: 42px;
	position: relative;
	margin: 9px 0px 0px 0px;
}

.topmenusearch .searchicon {
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}

.topmenusearch input {
	width: 100%;
	position: relative;
	float: right;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	text-indent: 15px;
	font-size: 12px;
	height: 42px;
	z-index: 2;
	outline: none;
	color: #7d7d7d;
	background-color: #e9ebef;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.topmenusearch input:focus {
	color: #000;
}

.topmenusearch input:focus ~ .btnstyle {
	background-color: #424242;
	color: #fff;
	opacity: 0.9;
}

.topmenusearch input:focus ~ .btnstyle .fa {
	color: #fff;
}

.topmenusearch input:focus ~ .searchicon {
	opacity: 1;
	z-index: 3;
	color: #ffffff;
}

.topmenusearch .btnstyle {
	top: 0px;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 42px;
	line-height: 30px;
	z-index: 1;
	cursor: pointer;
	color: #fff;
	z-index: 1000;
	background-color: #eeeeee;
	border: solid 0px;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	-webkit-border-radius: 0px 2px 2px 0px;
	-moz-border-radius: 0px 2px 2px 0px;
	border-radius: 0px 2px 2px 0px;
}

.topmenusearch .btnstyle .fa {
	line-height: 38px;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #9c9c9c;
}

.topmenusearch .btnstyle:hover {
	background-color: #fff;
}

.wsmain {
	width: 100%;
	margin: 0;
	padding: 0px 0px;
}

.wsmenu {
	font-size: 14px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	width: 100%;
	float: left;
	height: 48px;
}

.wsmenu-list {
	text-align: left;
	display: table;
	padding: 0px;
	margin: 0;
}

.wsmenu-list > li {
	text-align: center;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
}

.wsmenu.right .wsmenu-list > li > a {
	position: relative;
	z-index: 1;
}

.wsmenu.right .wsmenu-list > li > a:after {
	content: "";
	position: absolute;
	top: -1px;
	bottom: 0;
	left: 0;
	width: 100%;
	height: calc(100% + 1px);
	transform: scaleY(0);
	transform-origin: top center;
	background: #e5a812;
	z-index: -1;
	transition: transform 0.3s;
}

.wsmenu.right .wsmenu-list > li:hover > a::after {
	transform: scaleY(1);
}

.wsmenu-list > .wscarticon > a .fa.fa-shopping-basket {
	display: inline-block;
	font-size: 16px;
	line-height: inherit;
	margin-right: 5px;
	color: #7b7b7b;
}

.wsmenu-list > .wsshopmenu > a .fa.fa-angle-down {
	display: inline-block;
	font-size: 13px;
	line-height: inherit;
	margin-left: 11px;
	color: #7b7b7b;
}

.wsmenu-list li ul li a .fa.fa-angle-double-right {
	font-size: 12px;
	margin: 0 3px 0 -4px;
}

.wsmenu-list > li > a {
	display: block;
	color: #000;
	font-weight: 400;
	padding: 0 10px;
	/* line-height: 58px; */
	/* line-height: 48px; */
	text-decoration: none;
	position: relative;
	line-height: 43px;
	border-bottom: 2px solid transparent;
}

.wsmenu.right .wsmenu-list > li > a {
	border-top: 3px solid #e5a812;
}
.wsmenu.right .wsmenu-list > li:not(:last-child) {
	margin-right: 5px;
}

.wsmenu-list > li > a {
	border-top: 3px solid #ffffff;
}
.wsmenu-list > li:hover > a {
	border-top: 3px solid #e5a812;
	color: #e5a812;
}

.wsmenu.right .wsmenu-list > li:hover > a {
	color: #fff;
}

.wsmenu.right .wsmenu-list > li:hover > a img {
	filter: brightness(0) invert(1);
	transition: 0.5s ease;
}

.wsmenu-submenu > li:hover {
	background: #e5a812;
	transition: all 30ms ease-in;
}

.wsmenu-submenu > li:hover a {
	color: #fff;
}

.wsmenu-list > li > .navtext {
	padding: 0 10px;
	text-align: left;
}

.wsmenu-list > li > .navtext > span {
	display: block;
	font-size: 11px;
	text-align: left;
	white-space: nowrap;
	width: 100%;
	line-height: 16px;
	color: #9e9e9e;
}

.wsmenu-list > li > .navtext > span {
	white-space: nowrap;
	font-size: 16px;
	font-weight: 500;
	color: #434343;
}

.wsmenu-list li a:hover .arrow:after {
	border-top-color: #b3b3b3;
}

.wsmenu-list li a.active .arrow:after {
	border-top-color: #b3b3b3;
}

.wsmenu-list li:hover > a .arrow:after {
	border-top-color: #b3b3b3;
}

.megamenu iframe {
	width: 100%;
	margin-top: 10px;
	min-height: 200px;
}

.megamenu video {
	width: 100%;
	margin-top: 10px;
	min-height: 200px;
}

.wsmenu-list > li.socialicon {
	float: left;
}

.wsmenu-list > li.socialicon a {
	width: 38px;
	padding: 0px 10px;
}

.wsmenu-list > li.socialicon a .fa {
	font-size: 15px;
	color: #898d91;
	text-align: center;
}

.wsmenu-list > li.wsshopmyaccount {
	float: right;
}

.wsmenu-list > .wsshopmyaccount > a .fa.fa-angle-down {
	display: inline-block;
	font-size: 13px;
	line-height: inherit;
	margin-left: 8px;
	color: #7b7b7b;
}

.wsmenu-list > .wsshopmyaccount > a .fa.fa-align-justify {
	display: inline-block;
	font-size: 16px;
	line-height: inherit;
	margin-right: 11px;
	color: #7b7b7b;
}

.wsmenu-list > li.wssearchbar {
	width: 41%;
	float: left;
	padding-left: 15px;
}

.wsmenu-list > li.wscarticon {
	float: right;
	clear: right;
}

.wsmenu-list > li.wscarticon a {
	padding: 0px 27px 0px 22px;
	text-align: center;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.mobiletext {
	display: none;
}

.wsmenu-list > li.wscarticon a .fa {
	font-size: 15px;
}

.wsmenu-list > li.wscarticon em.roundpoint {
	position: absolute;
	top: 14px;
	right: 21px;
	width: 17px;
	height: 17px;
	background-color: #da4b38;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size: 9px;
	text-align: center;
	font-style: normal;
	line-height: 16px !important;
	color: #fff;
}

.wsmenu-list li > .wsmenu-submenu {
	transform: translateY(35px);
	transition: all 0.3s ease;
	/* visibility: hidden; */
}

.wsmenu-list li:hover > .wsmenu-submenu {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}

.wsmenu-submenu li > .wsmenu-submenu-sub {
	transform: translateY(35px);
	transition: all 0.3s ease;
	visibility: hidden;
}

.wsmenu-submenu li:hover > .wsmenu-submenu-sub {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}

.wsmenu-submenu-sub li > .wsmenu-submenu-sub-sub {
	transform: translateY(35px);
	transition: all 0.3s ease;
	visibility: hidden;
}

.wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}

.wsmenu-list li > .megamenu {
	transform: translateY(35px);
	transition: all 0.3s ease;
	visibility: hidden;
}

.wsmenu-list li:hover > .megamenu {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}

.wsmenu-submenu {
	position: absolute;
	min-width: 176px;
	top: 48px;
	z-index: 99;
	margin: 0px;
	padding: 0px;
	background-color: #f2f2f2;
	opacity: 0;
	-o-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	-o-transition: -o-transform 0.3s, opacity 0.3s;
	-ms-transition: -ms-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
}

.wsmenu-submenu li a {
	text-align: left;
	display: block;
	line-height: 22px;
	padding: 8px 12px;
	text-transform: none;
	letter-spacing: normal;
}

.wsmenu-submenu li {
	position: relative;
	margin: 0px;
	padding: 0px;
}

.wsmenuexpandermain {
	display: none;
}

.wsmenu-list li:hover .wsmenu-submenu {
	display: block;
}

.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub {
	min-width: 220px;
	position: absolute;
	left: 100%;
	top: 0;
	margin: 0px;
	padding: 0px;
	opacity: 0;
	-o-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	-o-transition: -o-transform 0.4s, opacity 0.4s;
	-ms-transition: -ms-transform 0.4s, opacity 0.4s;
	-moz-transition: -moz-transform 0.4s, opacity 0.4s;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
}

.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub {
	opacity: 1;
	list-style: none;
	padding: 0px;
	border: solid 1px #eeeeee;
	background-color: #fff;
}

.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub {
	display: block;
}

.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub {
	min-width: 220px;
	position: absolute;
	left: 100%;
	top: 0;
	margin: 0px;
	padding: 0px;
	opacity: 0;
	-o-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	-o-transition: -o-transform 0.4s, opacity 0.4s;
	-ms-transition: -ms-transform 0.4s, opacity 0.4s;
	-moz-transition: -moz-transform 0.4s, opacity 0.4s;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
}

.wsmenu-list
	.wsmenu-submenu
	.wsmenu-submenu-sub
	li:hover
	.wsmenu-submenu-sub-sub {
	opacity: 1;
	list-style: none;
	padding: 0px;
	border: solid 1px #eeeeee;
	background-color: #fff;
}

.wsmenu-submenu li {
	position: relative;
	padding: 0px;
	margin: 0px;
	display: block;
}

.wsmenu-click {
	display: none;
}

.wsmenu-click02 {
	display: none;
}

.wsmenu-submenu .fa {
	margin-right: 11px;
	font-size: 15px;
}

.carousel-control i.fa {
	top: 48%;
	position: absolute;
	font-size: 33px;
	margin-left: -5px;
}

.carousel-inner .carousel-caption h3 {
	font-size: 18px;
	font-weight: bold;
}

.wsshopmenu span {
	font-weight: bold;
}

.wsmenu-list > .wsshopmenu > a .fa.fa-shopping-basket {
	display: inline-block;
	font-size: 13px;
	line-height: inherit;
	margin-right: 8px;
	color: #7b7b7b;
}

.wtsbrandmenu {
	background: #ffffff;
	border-bottom: solid 1px #d1d3d4;
}

.wsmenu-list li:hover .megamenu {
	opacity: 1;
}

.megamenu {
	width: 100%;
	left: 0px;
	position: absolute;
	top: 60px;
	color: #000;
	z-index: 1000;
	margin: 0px;
	text-align: left;
	padding: 14px;
	font-size: 15px;
	border: solid 1px #eeeeee;
	background-color: #fff;
	opacity: 0;
	-o-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	-o-transition: -o-transform 0.3s, opacity 0.3s;
	-ms-transition: -ms-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
}

.megamenu .title {
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	padding: 9px 5px 9px 0px;
	font-size: 17px;
	color: #424242;
	margin: 0px 0px 7px 0px;
	text-align: left;
	height: 39px;
	margin: 0px 0px 10px 0px;
}

.halfmenu {
	width: 40%;
	right: auto !important;
	left: auto !important;
}

.halfmenu .megacollink {
	width: 48%;
	float: left;
	margin: 0% 1%;
}

.halfdiv {
	width: 30%;
	right: auto;
	left: auto;
}

.halfdiv03 {
	width: 25%;
	right: auto;
	left: auto;
}

.wsshoptabing {
	width: 100%;
	text-align: left;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 100%;
	background-color: #ededed;
	left: 0;
	border-top: solid 0px;
	visibility: hidden;
	opacity: 0;
	z-index: 101;
	transform: translateY(35px);
	transition: all 0.3s ease;
	max-width: 1140px;
	margin: auto;
	right: 0;
	/* height: auto !important; */
}

.btnlearn {
	font-size: 15px;
	text-align: center;
	line-height: 44px;
	height: 44px;
	display: block;
	float: left;
	padding: 0px 15px;
	background-color: #0056b9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	font-weight: bold;
	margin-top: 5px;
}

.btnlearn:hover {
	color: #fff;
	text-decoration: none;
}

.wstitemright {
	min-height: 100%;
	/* height: 100% !important; */
	opacity: 0;
	visibility: hidden;
	position: absolute;
	right: 0px;
	top: 0px;
	background: #f9f9f9;
	display: block;
	float: left;
	width: calc(100% - 22.22%);
	height: auto !important;
}

@media (min-width: 1024px) {
	.wstitemright {
		display: flex;
	}
}

.wstabitem {
	display: block;
	margin: 0px;
	padding: 1.5rem 0px 0px 0px;
	font-size: 12px;
	position: relative;
}

.wstabitem > li {
	width: 100%;
	list-style: none;
}

.wstabitem li:before,
.wstabitem li:after {
	content: "";
	display: table;
}

.wstabitem li:after {
	clear: both;
}

.wsmenu
	> .wsmenu-list
	> li:hover
	> .wsshoptabing
	> .container
	> .wsshopwp
	> .wstabitem
	> li.wsshoplink-active
	> .wstitemright {
	opacity: 1;
	visibility: visible;
}
/* 
.wstabitem>li:not(:last-child)>a {
	border-bottom: solid 1px #ececec;
} */

.wstabitem > li > a {
	display: block;
	font-size: 15px;
	color: #292929;
	width: 22.22%;
	float: left;
	position: relative;
	padding: 13px 10px;
}

.wstabitem > li:hover a {
	text-decoration: none;
}

.wstabitem .wsshoplink-active a {
	text-decoration: none;
}

.wstabitem > li:hover > a {
	text-decoration: none;
}

.wstabitem > li > a .fa {
	color: #848484;
	margin-right: 5px;
	text-align: center;
	width: 25px;
	font-size: 16px;
}

.wstmegamenucoll {
	width: 100%;
}

.wstmegamenucolr {
	width: 25%;
	float: right;
	text-align: right;
}

.wstmegamenucoll01 {
	width: 64%;
	float: left;
	padding-left: 0px;
}

.wstmegamenucolr02 {
	width: 35%;
	float: left;
	text-align: right;
}

.wstmegamenucolr03 {
	width: 25%;
	float: left;
	text-align: left;
}

.wstmegamenucoll04 {
	width: 75%;
	float: right;
	padding-left: 27px;
}

.wstheading {
	width: 100%;
	display: block;
	font-size: 15px;
	font-weight: 500;
	color: #434343;
	letter-spacing: 1px;
}

.wstliststy01 {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.wstliststy01 li {
	width: 33.33%;
	float: left;
	line-height: 23px;
	font-size: 14px;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

.wstliststy01 li a {
	color: #6e6e6e;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.wstliststy01 li a:hover {
	color: #000;
	text-decoration: none;
}

.wstinnerwp {
	height: auto;
	position: relative;
	width: 100%;
}

.wstinnerwp:before,
.wstinnerwp:after {
	content: "";
	display: table;
}

.wstinnerwp:after {
	clear: both;
}

.wstliststy02 {
	width: 100%;
	padding: 0px 20px 0px 0px;
	margin: 0px;
	float: left;
	text-align: left;
}

.wstliststy02 li {
	width: 100%;
	list-style: none;
	line-height: 24px;
}

.wstliststy02 li a {
	color: #0e4b91;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.wstliststy02 li a:hover {
	color: #434343;
	text-decoration: none;
}

.wstliststy02 li.wstheading {
	line-height: normal;
}

.wstliststy02 li a .wstcount {
	font-size: 10px;
	color: #adadad;
}

.wstliststy06 {
	width: 50%;
	padding: 0px 20px 0px 0px;
	margin: 0px;
	float: left;
	text-align: left;
}

.wstliststy06 li {
	width: 100%;
	list-style: none;
	line-height: 24px;
}

.wstliststy06 li a {
	color: #6e6e6e;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.wstliststy06 li a:hover {
	color: #000;
	text-decoration: none;
}

.wstliststy06 li.wstheading {
	line-height: normal;
}

.wstliststy06 li a .wstcount {
	font-size: 10px;
	color: #adadad;
}

.wstliststy03 {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.wstliststy03 li {
	width: 33.33%;
	float: left;
	line-height: 23px;
	font-size: 14px;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

.wstliststy03 li a {
	color: #6e6e6e;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.wstliststy03 li a:hover {
	color: #000;
	text-decoration: none;
}

.wstliststy04 {
	width: 23%;
	padding: 0px 0px 0px 0px;
	margin: 0.5% 1%;
	float: left;
}

.wstliststy04 li {
	width: 100%;
	list-style: none;
	line-height: 22px;
}

.wstliststy04 li a {
	color: #6e6e6e;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.wstliststy04 li a:hover {
	color: #000;
	text-decoration: none;
}

.wstliststy04 li.wstheading {
	line-height: normal;
	text-align: center;
	padding: 12px 0px;
	font-size: 13px;
}

.wstliststy04 li a .wstcount {
	font-size: 10px;
	color: #adadad;
}

.wstliststy05 {
	width: 33.33%;
	padding: 0px 20px 0px 0px;
	margin: 0px;
	float: left;
}

.wstliststy05 li {
	width: 100%;
	list-style: none;
	line-height: 22px;
}

.wstliststy05 li a {
	color: #6e6e6e;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.wstliststy05 li a:hover {
	color: #000;
	text-decoration: none;
}

.wstliststy05 li.wstheading {
	line-height: normal;
}

.wstliststy05 li a .wstcount {
	font-size: 10px;
	color: #adadad;
}

.wstmorebtn {
	border-radius: 2px;
	color: #9b9b9b;
	display: inline-block;
	float: right;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 0;
	padding: 1px 7px;
	text-align: right;
	text-transform: none;
}

.wstmenutag {
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-size: 11px;
	color: #fff;
	border-radius: 2px;
	position: relative;
	font-weight: normal;
	padding: 1px 6px 1px 6px;
	margin-left: 6px;
	text-transform: none;
	letter-spacing: -0px;
}

.wstmenutag:after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-image: none;
	border-style: solid;
	border-width: 3px;
	content: "";
	left: -6px;
	margin-top: 0px;
	position: absolute;
	top: 4px;
	z-index: 1;
}

.wstadsize01 {
	width: 50%;
	float: left;
	margin: 15px 0px 5px 0px;
}

.wstadsize02 {
	width: 50%;
	float: right;
	margin: 15px 0px 5px 0px;
}

.wstpngsml {
	padding-left: 18px;
}

.wstfullwtag {
	width: 100%;
	display: block;
	border-bottom: solid 1px #e5e5e5;
	background-color: #f5f5f5;
}

.wstbrandbottom {
	width: 100%;
	background-color: #fff;
	display: block;
	opacity: 0;
	position: absolute;
	right: 0;
	visibility: hidden;
	padding: 9px 20px;
}

.wsmenu-list
	> li:hover
	> .wtsbrandmenu
	> .wsshoptabingwp
	> .wstabitem02
	> li.wsshoplink-active
	> .wstbrandbottom {
	opacity: 1;
	visibility: visible;
}

.wstabitem02 {
	width: 100%;
	padding: 0px;
	margin: 0px 0px;
	list-style: none;
	display: table;
}

.wstabitem02 > li {
	display: table-cell;
	list-style: outside none none;
	text-align: center;
}

.wstabitem02 > li > a {
	display: block;
	padding: 14px 0px;
	font-size: 13px;
	color: #606060;
	background-color: #f4f4f4;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
}

.wstabitem02 > li:hover a {
	text-decoration: none;
	-webkit-border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
}

.wstabitem02 > .wsshoplink-active a {
	text-decoration: none;
	-webkit-border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
}

.wstabitem02 > li:hover a {
	text-decoration: none;
	-webkit-border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
}

.wstabitem02 > li > a .fa {
	/*color: #848484;*/
	margin-right: 5px;
	text-align: center;
	width: 25px;
	font-size: 17px;
}

.brandcolor01 {
	color: #424242;
}

.brandcolor02 {
	color: #00bcf2;
}

.brandcolor03 {
	color: #00aff0;
}

.brandcolor04 {
	color: #003087;
}

.brandcolor05 {
	color: #a82400;
}

.brandcolor06 {
	color: #ff3300;
}

.brandcolor07 {
	color: #7ac142;
}

.brandcolor08 {
	color: #ef4056;
}

/*--------------------------------------------------------------------------
|  03 Tab CSS
--------------------------------------------------------------------------*/

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
	.wsmenu-list li a .arrow:after {
		display: none !important;
	}
	.wsmenu-list > li > a {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
	.wsmain {
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}
	.menu_form input[type="submit"] {
		width: 40% !important;
	}
	.menu_form input[type="button"] {
		width: 40% !important;
	}
	.wstmegamenucoll {
		width: 100%;
	}
	.wstmegamenucolr {
		width: 36%;
	}
	.wsshoptabingwp {
		width: 96%;
		margin: 0% 2%;
	}
	.wstliststy01 li {
		width: 50%;
	}
	.wstliststy02 {
		width: 50%;
	}
	.wstadsize01 {
		width: 50%;
	}
	.wstadsize02 {
		width: 50%;
	}
	.wstliststy02 > li > img {
		display: none;
	}
	.wstliststy03 li {
		width: 50%;
	}
	.wstmegamenucoll01 {
		width: 100%;
		padding: 0px;
	}
	.wstmegamenucolr03 {
		display: none;
	}
	.wstmegamenucoll04 {
		width: 100%;
		margin: 0%;
		padding: 0px;
	}
	.wssearchbar {
		width: 31% !important;
	}
}

@media only screen and (min-width: 920px) and (max-width: 1023px) {
	.wstliststy06 {
		width: 100%;
		margin: 0px;
	}
	.wsmenu-list li a .arrow:after {
		display: none;
	}
	.wsmenu-list > li > a {
		white-space: nowrap !important;
		padding-left: 11px !important;
		padding-right: 11px !important;
	}
	.wsmain {
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}
	.wsmenu-list > li.socialicon {
		display: none !important;
	}
	.megacollink {
		width: 48%;
		margin: 1% 1%;
	}
	.typographylinks {
		width: 48%;
		margin: 1% 1%;
	}
	.menu_form input[type="submit"] {
		width: 40% !important;
	}
	.menu_form input[type="button"] {
		width: 40% !important;
	}
	.wsmenu-list > li > a .fa {
		display: none;
	}
	.wsmenu-list > li > a .fa.fa-home {
		display: block !important;
	}
	.halfmenu .megacollink {
		width: 100%;
		margin: 0px;
	}
	.wstmegamenucoll {
		width: 51%;
		padding: 0px;
	}
	.wstmegamenucolr {
		width: 49%;
	}
	.wsshoptabingwp {
		width: 96%;
		margin: 0% 2%;
	}
	.wstliststy01 li {
		width: 100%;
	}
	.wstliststy02 {
		width: 50%;
	}
	.wstadsize01 {
		width: 100%;
	}
	.wstadsize02 {
		width: 100%;
	}
	.wstliststy02 > li > img {
		display: none;
	}
	.wstliststy03 li {
		width: 50%;
	}
	.wstmegamenucoll01 {
		width: 100%;
		padding: 0px;
	}
	.wstliststy04 {
		width: 46%;
		margin: 0% 2%;
	}
	.wstmegamenucolr03 {
		display: none;
	}
	.wstmegamenucoll04 {
		width: 100%;
		margin: 0%;
		padding: 0px;
	}
	.wssearchbar {
		width: 20% !important;
	}
	.wstliststy05 {
		width: 50%;
		margin-bottom: 15px;
	}
	.wstabitem li a .fa {
		display: none;
	}
}

@media only screen and (min-width: 920px) {
	.wsmenu-list li:hover > .wsmenu-submenu {
		display: block !important;
	}
	.wsmenu-submenu li:hover > .wsmenu-submenu-sub {
		display: block !important;
	}
	.wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub {
		display: block !important;
	}
	.wsmenu-list li:hover > .megamenu {
		display: block !important;
	}
	.wsmenu-list > li:hover .wsshoptabing {
		transform: translateY(0);
		opacity: 1;
		visibility: visible;
		display: block !important;
	}
	.wstabitem > li.wsshoplink-active > a {
		background-color: #e5a812;
		color: #fff;
	}
	.wstabitem > li.wsshoplink-active > a img {
		filter: none;
		opacity: 1;
	}
	.wstabitem > li.wsshoplink-active > a > .fa {
		color: #555555;
	}
	.wstabitem02 > .wsshoplink-active > a:after {
		position: absolute;
		content: "";
		top: 40px;
		right: 50%;
		width: 13px;
		height: 13px;
		transform: rotate(225deg);
		-webkit-transform: rotate(225deg);
		-moz-transform: rotate(225deg);
		-o-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		border-right: 1px solid #dbdbdb;
		border-bottom: 1px solid #dbdbdb;
		z-index: 100;
		background-color: #ffffff;
	}
}

/*--------------------------------------------------------------------------
|  04 Mobile CSS
--------------------------------------------------------------------------*/

@media only screen and (max-width: 1023px) {
	.wstabitem > li {
		position: relative;
		border-bottom: 1px solid #dee2e6 !important;
	}
	.wstabitem > li > a {
		width: 100%;
		margin: 0px;
		float: none;
		/* font-size: 12px; */
		padding: 14px 11px 14px 18px;
		/* font-weight: bold; */
	}
	.wstheading {
		font-weight: normal;
		/* padding-left:14px; padding-right:14px; */
	}
	.wstitemright {
		width: 100%;
		position: static;
		top: 0px;
		min-height: inherit;
		padding: 10px 20px 15px 20px;
		opacity: 1;
		visibility: visible;
		display: none;
	}
	.wstmegamenucoll {
		width: 100%;
		padding: 0px;
		float: none;
	}
	.wstmegamenucolr {
		width: 100%;
		padding: 0px;
		float: none;
	}
	.wstliststy01 li {
		width: 100%;
		padding: 0px;
		margin: 0px;
	}
	.wstliststy02 {
		width: 100%;
		padding: 0px;
		margin: 0px 0px 15px 0px;
	}
	.wstliststy03 li {
		width: 100%;
	}
	.wstliststy04 {
		width: 100%;
		margin: 0px;
	}
	.wstadsize01 {
		width: 100%;
		margin: 0px 0px 10px 0px;
	}
	.wstadsize02 {
		width: 100%;
		margin: 0px;
	}
	.wstmegamenucoll01 {
		width: 100%;
	}
	.wstmegamenucolr03 {
		width: 100%;
		padding: 0px;
		margin: 0px 0px 15px 0px;
	}
	.wstmegamenucoll04 {
		width: 100%;
		padding: 0px;
	}
	.wstliststy05 {
		width: 100%;
		padding: 0px;
		margin-bottom: 10px;
	}
	.wstbrandbottom {
		width: 100%;
		position: static;
		top: 0px;
		min-height: inherit;
		padding: 10px 20px 15px 20px;
		opacity: 1;
		visibility: visible;
		display: none;
	}
	.wstabitem02 li {
		position: relative;
	}
	.wstabitem02 > li > a {
		padding: 13px 18px;
	}
	.wsmenu-list > li > .navtext {
		line-height: 30px;
	}
	.wsmenu-list > li.wssearchbar {
		padding-left: 0px;
	}
	.wstabitem02 {
		display: block;
	}
	.wstabitem02 li {
		text-align: left;
		display: block;
	}
	.wsshoptabingwp {
		background-color: #fff;
		padding-left: 0px;
		padding-right: 0px;
	}
	.wsshopmyaccount > a > .fa-angle-down {
		display: none !important;
	}
	.wsmenu {
		margin-top: 0px;
	}
	.wsmain {
		margin: 0px;
		background-color: transparent;
	}
	.topmenusearch {
		margin: 0px 0 0;
		width: 100%;
		height: 44px;
	}
	.topmenusearch input:focus {
		width: 100%;
		background-color: #fff;
		color: #000;
	}
	.topmenusearch input:hover {
		width: 100%;
		background-color: #fff;
		color: #000;
	}
	.topmenusearch input {
		border-radius: 0px !important;
		height: 44px;
		background-color: #f1f1f1;
	}
	.topmenusearch .btnstyle {
		height: 44px;
		color: #424242;
	}
	.wsmenu-list .wsshoptabing {
		background-color: #ffffff;
		color: #666666;
		display: none;
		position: relative !important;
		top: 0px;
		padding: 0px;
		border: solid 0px;
		transform: none !important;
		opacity: 1 !important;
		visibility: visible !important;
	}
	.wstabitem {
		width: 100% !important;
		background-color: #fff;
		padding: 0px 0px 0px 10px;
		transition: all 600ms ease-out 0s;
	}
	.wstabitem li a:after {
		border: none !important;
	}
	ul.wstabitem li:last-child a {
		border-bottom: none;
	}
	ul.mobile-sub li a,
	ul.wstabitem li a {
		border-right: none;
	}
	.megamenuleftp {
		width: 100%;
		display: block;
		padding: 0px;
		margin: 0px;
	}
	.megamenurightp {
		width: 100%;
		display: block;
		padding: 0px;
		margin: 0px;
	}
	.wstabitem li a:after {
		position: absolute;
		content: "";
		top: 50%;
		margin-top: -6px;
		right: 23px;
		display: inline-block;
		border-top: 6px solid #3f464c;
		border-right: 6px solid transparent;
		border-left: 6px solid transparent;
		border-bottom: 6px solid transparent;
	}
	.wstabitem li a .fa {
		display: none;
	}
	.wsmenu-list li > .wsshoptabing {
		-o-transition: -o-transform 0.6s, opacity 0.6s;
		-ms-transition: -ms-transform 0.6s, opacity 0.6s;
		-moz-transition: -moz-transform 0.6s, opacity 0.6s;
		-webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
		visibility: visible !important;
		opacity: 1 !important;
	}
	.wsmenucontainer {
		overflow: hidden;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	.overlapblackbg {
		left: 0;
		z-index: 102;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		display: none;
		background-color: rgba(0, 0, 0, 0.45);
		cursor: pointer;
	}
	.wsmenucontainer.wsoffcanvasopener {
		display: block;
		margin-left: 270px;
	}
	.wsmobileheader {
		display: block !important;
		position: relative;
		top: 0;
		right: 0;
		left: 0;
		padding: 12px 0px;
		background: #fff;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	.callusicon {
		color: #969696;
		font-size: 25px;
		height: 25px;
		position: fixed;
		right: 15px;
		top: 10px;
		transition: all 0.4s ease-in-out 0s;
		width: 25px;
		z-index: 102;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	.callusicon:focus,
	callusicon:hover {
		color: #fff !important;
	}
	.wsoffcanvasopener .callusicon {
		display: none !important;
	}
	.mobiletext {
		display: inline-block !important;
	}
	.wsoffcanvasopener .overlapblackbg {
		display: block !important;
	}
	.wsoffcanvasopener .wsmain {
		right: 0px;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	.wsmain {
		width: 100%;
		right: -1000px;
		height: 100%;
		position: fixed;
		top: 0;
		margin: 0;
		float: none;
		background-color: #fff;
		border-radius: 0px;
		z-index: 103;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		border: none !important;
		background-color: #fff !important;
	}
	.wsmenu {
		border-left: none;
		float: none;
		width: 100%;
		display: block !important;
		height: 100%;
		overflow-y: auto;
		display: block !important;
	}
	.wstabitem02 li .wsmenu-click02 {
		border-left: 1px solid #e9e9e9;
	}
	.wstabitem02 li .wsmenu-click02 {
		background-color: #fff;
	}
	.wsmenu-click {
		cursor: pointer;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 49px;
		z-index: 10;
	}
	.wsmenu-click i {
		display: block;
		height: 23px;
		width: 25px;
		margin-top: 15px;
		margin-right: 13px;
		background-size: 25px;
		font-size: 21px;
		color: rgba(0, 0, 0, 0.25);
		float: right;
		text-align: center;
	}
	.wsmenu-click02 {
		/* border-left: 1px solid #f3f3f3; */
		cursor: pointer;
		display: block;
		height: 45px;
		position: absolute;
		right: 0;
		top: 0;
		width: 49px;
		z-index: 10;
		background-color: transparent;
	}
	.wsmenu-click02 i {
		display: block;
		height: 23px;
		width: 34px;
		margin-top: 11px;
		margin-right: 8px;
		background-size: 25px;
		font-size: 21px;
		color: rgba(0, 0, 0, 0.25);
		float: right;
		text-align: center;
	}
	.ws-activearrow > i {
		transform: rotate(180deg);
	}
	.wsmenu-rotate {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.animated-arrow {
		position: fixed;
		right: 0;
		top: 70px;
		z-index: 110;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	.wsoffcanvasopener .animated-arrow {
		left: 270px;
	}
	.animated-arrow {
		cursor: pointer;
		padding: 13px 35px 16px 0px;
		margin: 10px 0 0 15px;
	}
	.animated-arrow span,
	.animated-arrow span:before,
	.animated-arrow span:after {
		cursor: pointer;
		height: 2px;
		width: 23px;
		background: #424242;
		position: absolute;
		display: block;
		content: "";
	}
	.animated-arrow span:before {
		top: -7px;
	}
	.animated-arrow span:after {
		bottom: -7px;
	}
	.animated-arrow span,
	.animated-arrow span:before,
	.animated-arrow span:after {
		transition: all 500ms ease-in-out;
	}
	.wsoffcanvasopener .animated-arrow span {
		background-color: transparent;
	}
	.wsoffcanvasopener .animated-arrow span:before,
	.animated-arrow.active span:after {
		top: 7px;
	}
	.wsoffcanvasopener .animated-arrow span:before {
		transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		bottom: 0px;
	}
	.wsoffcanvasopener .animated-arrow span:after {
		transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	.megacollink {
		width: 96% !important;
		margin: 0% 2% !important;
	}
	.megacolimage {
		width: 90% !important;
		margin: 0% 5% !important;
	}
	.typographylinks {
		width: 98% !important;
		margin: 0% 1% !important;
	}
	.typographydiv {
		width: 86% !important;
		margin: 0% 7% !important;
	}
	.mainmapdiv {
		width: 90% !important;
		margin: 0% 5% !important;
	}
	.innerpnd {
		padding: 0px !important;
	}
	.typography-text {
		padding: 10px 0px;
	}
	.wsmenu-list .megamenu {
		background-color: #e7e7e7;
		color: #666666;
		display: none;
		position: relative !important;
		top: 0px;
		padding: 0px;
		border: solid 0px;
		transform: none !important;
		opacity: 1 !important;
		visibility: visible !important;
	}
	.wsmenu-list li:hover .megamenu {
		display: none;
		position: relative !important;
		top: 0px;
	}
	.megamenu .title {
		color: #666666;
		font-size: 15px !important;
		padding: 10px 8px 10px 0px;
	}
	.megamenu > ul {
		width: 100% !important;
		margin: 0px;
		padding: 0px;
		font-size: 13px !important;
		min-height: 189px;
	}
	.megamenu > ul > li > a {
		padding: 9px 14px !important;
		line-height: normal !important;
		background-color: #e7e7e7 !important;
		color: #666666;
	}
	.megamenu ul li.title {
		line-height: 26px;
		color: #666666;
		margin: 0px;
		font-size: 15px;
		padding: 7px 13px !important;
		border-bottom: 1px solid #ccc;
		background-color: transparent !important;
	}
	.wsmenu-submenu > li:hover > a {
		background-color: #e5a812;
		color: #ffff;
	}
	.wsmenu > .wsmenu-list > li > a.active {
		color: #666666;
		background-color: rgba(0, 0, 0, 0.08);
	}
	.wsmenu > .wsmenu-list > li > a:hover {
		color: #666666;
		background-color: rgba(0, 0, 0, 0.08);
	}
	.wsmenu-list li:hover .wsmenu-submenu {
		display: none;
	}
	.wsmenu-list li:hover .wsmenu-submenu .wsmenu-submenu-sub {
		display: none;
	}
	.wsmenu-list
		.wsmenu-submenu
		.wsmenu-submenu-sub
		li:hover
		.wsmenu-submenu-sub-sub {
		display: none;
		list-style: none;
		padding: 2px;
		border: solid 1px #eeeeee;
		background-color: #fff;
	}
	.wsmenu-list li:first-child a {
		-webkit-border-radius: 0px 0px 0px 0px;
		-moz-border-radius: 0px 0px 0px 0px;
		border-radius: 0px 0px 0px 0px;
	}
	.wsmenu-list li:last-child a {
		-webkit-border-radius: 0px 4px 0px 0px;
		-moz-border-radius: 0px 0px 0px 0px;
		border-radius: 0px 0px 0px 0px;
		border-right: 0px solid;
	}
	.wsmenu-submenu-sub {
		width: 100% !important;
		position: static !important;
		left: 100% !important;
		top: 0 !important;
		display: none;
		margin: 0px !important;
		padding: 0px !important;
		border: solid 0px !important;
		transform: none !important;
		opacity: 1 !important;
		visibility: visible !important;
	}
	.wsmenu-submenu-sub li {
		margin: 0px 0px 0px 0px !important;
		padding: 0px;
		position: relative;
	}
	.wsmenu-submenu-sub a {
		display: block;
		padding: 10px 25px 10px 25px;
		border-bottom: solid 1px #ccc;
		font-weight: normal;
	}
	.wsmenu-submenu-sub li a.active {
		color: #000 !important;
	}
	.wsmenu-submenu-sub li:hover > a {
		background-color: #212529 !important;
		color: #fff;
	}
	.wsmenu > .wsmenu-list > li > a > .fa {
		font-size: 16px;
		/* color: #bfbfbf; */
		margin-right: 11px;
		text-align: center;
		width: 19px;
	}
	.wsmenu-submenu-sub-sub {
		width: 100% !important;
		position: static !important;
		left: 100% !important;
		top: 0 !important;
		display: none;
		margin: 0px !important;
		padding: 0px !important;
		border: solid 0px !important;
		transform: none !important;
		opacity: 1 !important;
		visibility: visible !important;
	}
	.wsmenu-submenu-sub-sub li {
		margin: 0px 0px 0px 0px !important;
	}
	.wsmenu-submenu-sub-sub a {
		display: block;
		color: #000;
		padding: 10px 25px;
		background: #000 !important;
		border-bottom: solid 1px #ccc;
		font-weight: normal;
	}
	.wsmenu-submenu-sub-sub li a.active {
		color: #000 !important;
	}
	.wsmenu-submenu-sub-sub li:hover > a {
		background-color: #606060 !important;
		color: #fff;
	}
	.wsmenu .wsmenu-list {
		display: block !important;
		padding-bottom: 0;
		margin: 0;
	}
	.wsmenu .wsmenu-list > li {
		clear: left;
		width: 100%;
		display: block;
		float: none;
		border-right: none;
		background-color: transparent;
		position: relative;
		white-space: inherit;
	}
	.wsmenu > .wsmenu-list > li > a {
		padding: 13px 32px 13px 12px;
		font-size: 14px;
		text-align: left;
		border-right: solid 0px;
		background-color: transparent;
		color: #666666;
		line-height: 25px;
		border-bottom: 1px solid;
		border-bottom-color: rgba(0, 0, 0, 0.13);
		position: static;
	}
	.wsmenu > .wsmenu-list > li > a.wtxaccountlink {
		padding-bottom: 16px;
		padding-top: 16px;
	}
	.wsmenu .wsmenu-list li a .arrow:after {
		display: none !important;
	}
	.wsmenu .wsmenu-list li ul li a .fa.fa-caret-right {
		font-size: 12px !important;
		color: #8e8e8e;
	}
	.mobile-sub .wsmenu-submenu {
		transform: none !important;
		opacity: 1 !important;
		display: none;
		position: relative !important;
		top: 0px;
		padding: 0px;
		visibility: visible !important;
	}
	.mobile-sub .wsmenu-submenu li a {
		line-height: 20px;
		height: auto;
	}
	.mobile-sub .wsmenu-submenu li a:hover {
		background-color: #e7e7e7 !important;
		color: #666666;
		text-decoration: underline;
	}
	.mobile-sub .wsmenu-submenu li:hover > a {
		background-color: #e7e7e7 !important;
		color: #666666;
	}
	.mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a {
		line-height: 20px;
		height: 36px;
		background-color: #e7e7e7 !important;
		border-bottom: none;
		padding-left: 28px;
	}
	.mobile-sub
		.wsmenu-submenu
		li
		.wsmenu-submenu-sub
		li
		.wsmenu-submenu-sub-sub
		li
		a {
		line-height: 20px;
		height: 36px;
		background-color: #e7e7e7 !important;
		border-bottom: none !important;
		padding-left: 38px;
		color: #8e8e8e;
	}
	.wsmenu-list > li.socialicon a {
		width: 100%;
	}
	.wsmenu-list > li.wscarticon em.roundpoint {
		display: none;
	}
	.halfdiv .title {
		padding-left: 15px;
	}
	.halfdiv {
		width: 100%;
		display: block;
	}
	.halfdiv03 .title {
		padding-left: 15px;
	}
	.halfdiv03 {
		width: 100%;
	}
	.halfmenu {
		width: 100%;
		display: block;
	}
	.menu_form {
		padding: 10px 10px 63px 10px;
		background-color: #e7e7e7;
	}
	.menu_form input[type="button"] {
		width: 46%;
	}
	.menu_form input[type="submit"] {
		width: 46%;
	}
	.menu_form textarea {
		min-height: 100px;
	}

	.wsmenu-list li .ws-activearrow > .wsmenu-submenu {
		visibility: visible !important;
		display: block;
	}

	.wsmenu-list li > .wsmenu-submenu {
		-o-transition: -o-transform 0.6s, opacity 0.6s;
		-ms-transition: -ms-transform 0.6s, opacity 0.6s;
		-moz-transition: -moz-transform 0.6s, opacity 0.6s;
		-webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
		visibility: none;
		display: none;
		width: 100%;
		position: relative;
		top: 0;
		opacity: 1;
		transform: translateY(0);
	}
	.wsmenu-list li:hover > .wsmenu-submenu {
		visibility: visible !important;
	}
	.wsmenu-submenu li > .wsmenu-submenu-sub {
		-o-transition: -o-transform 0.6s, opacity 0.6s;
		-ms-transition: -ms-transform 0.6s, opacity 0.6s;
		-moz-transition: -moz-transform 0.6s, opacity 0.6s;
		-webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
		visibility: visible !important;
	}
	.wsmenu-submenu li:hover > .wsmenu-submenu-sub {
		visibility: visible !important;
		opacity: 1 !important;
	}
	.wsmenu-submenu-sub li > .wsmenu-submenu-sub-sub {
		-o-transition: -o-transform 0.6s, opacity 0.6s;
		-ms-transition: -ms-transform 0.6s, opacity 0.6s;
		-moz-transition: -moz-transform 0.6s, opacity 0.6s;
		-webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
		visibility: visible !important;
		opacity: 1 !important;
	}
	.wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub {
		visibility: visible !important;
		opacity: 1 !important;
	}
	.wsmenu-list li > .megamenu {
		-o-transition: -o-transform 0.6s, opacity 0.6s;
		-ms-transition: -ms-transform 0.6s, opacity 0.6s;
		-moz-transition: -moz-transform 0.6s, opacity 0.6s;
		-webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
		visibility: visible !important;
		opacity: 1 !important;
	}
	.wsmenu-list li:hover > .megamenu {
		visibility: visible !important;
		opacity: 1 !important;
	}
}

/*--------------------------------------------------------------------------
|  05 Additional Themes (Optionnal)
--------------------------------------------------------------------------*/

/* .wsshoptabing.wtsdepartmentmenu.clearfix {
	height: auto !important;
} */
/* 
ul.wstabitem>li>a:after {
	content: '\f105';
	font-family: "Font Awesome 5 Free";
	position: absolute;
	right: 20px;
	font-size: 12px;
	top: 50%;
	transform: translateY(-50%);
	font-weight: 900;
} */

ul.wstabitem > li > a img {
	width: 20px !important;
	padding: 0px;
	background-color: transparent;
	margin-right: 5px;
	filter: grayscale(1);
	opacity: 0.5;
}

ul.wstabitem > li .wstheading img {
	width: 30px !important;
	padding: 0px;
	background-color: transparent;
	margin-right: 10px;
}

@media (min-width: 1024px) {
	.wsshoptabing,
	.wsmenu-submenu {
		/* box-shadow: 0 9px 6px rgba(0, 0, 0, 0.16); */
		/* background-image: linear-gradient(to right, #f2f2f2 0%, #f9f9f9 100%)	; */
		display: none;
	}
	.wstitemright:before {
		content: "";
		position: absolute;
		left: -253px;
		/* height: calc(100% - 24px); */
		height: 100%;
		width: 129%;
		box-shadow: 0 9px 6px rgba(0, 0, 0, 0.16);
		z-index: -1;
		background-image: linear-gradient(to right, #f2f2f2 0%, #f9f9f9 100%);
	}
}

@media (max-width: 1024px) {
	.wsmenu-list > li > .navtext > span {
		white-space: nowrap;
		font-size: 12px !important;
		font-weight: 500;
		color: #434343;
	}
}

@media (max-width: 1024px) {
	.wsmenu-list > li > .navtext > span:after {
		content: none;
	}
	ul.wstabitem > li > a:after {
		content: none;
	}
	ul.wstabitem > li .wstheading img {
		display: none;
	}
	ul.wstabitem > li > a img {
		display: none;
	}
	ul.mobile-sub.wsmenu-list > li {
		background-color: #ffffff;
		border-bottom: 1px solid #d1d1d1;
		padding: 10px 0;
	}
	.wsoffcanvasopener .animated-arrow {
		top: 0 !important;
		margin-left: 0 !important;
		right: 0 !important;
		left: initial !important;
	}
}

/* navigation-css */

/*==== Navigation css start ====*/

.nav-links li {
	display: inline-block;
}

/* mobile nav */

@media (max-width: 1023px) {
	.animated-arrow {
		float: right;
	}
	.second-nav ul li a {
		font-size: 16px;
	}
	.nav-bar .account-banking {
		position: absolute;
		bottom: 0;
		width: 100%;
		display: flex;
	}
	.nav-bar .account {
		width: 60%;
		padding: 20px;
	}
	.nav-bar .e-banking {
		width: 40%;
		padding: 20px;
	}
	/* mobile-menu */
	.home-img {
		display: none;
	}
}

.wsshop-links {
	padding: 3rem 0 10px 10px;
}

.wsshop-links a::before {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	position: absolute;
	right: -15px;
	font-size: 16px;
	top: 50%;
	transform: translateY(-50%);
	font-weight: 600;
}

/* toggle */
@media only screen and (max-width: 1023px) {
	.wsanimated-arrow {
		cursor: pointer;
		padding: 22px 30px;

		position: absolute;
		right: 9px;
		top: 6px;
		z-index: 104;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	.wsanimated-arrow span,
	.wsanimated-arrow span:before,
	.wsanimated-arrow span:after {
		transition: all 500ms ease-in-out;
		cursor: pointer;
		height: 2px;
		width: 23px;
		background: #000;
		position: absolute;
		transform: rotate(0deg);
		display: block;
		content: "";
	}
	.wsanimated-arrow span:before {
		top: -7px;
		width: 23px;
	}
	.wsanimated-arrow span:after {
		bottom: -7px;
		width: 23px;
		transform: rotate(0deg);
	}

	.cross-arrow span:before {
		background: #fff;
	}

	.cross-arrow span {
		transform: rotate(45deg);
	}

	.cross-arrow span:after {
		transform: rotate(-90deg);
		bottom: 0px;
	}
}
.wsmenu-submenu {
	background-color: #e5a812;
	color: #fff;
}

.wsmenu-submenu li a {
	color: #fff;
	border-top: 1px solid #e3e3e3;
}
.wsmenu-submenu li:hover {
	background-color: #fff;
}
.wsmenu-submenu li:hover a {
	color: #e5a812;
}


.wsshop-links {
	display: none;
}
.bootstrap-select > .sfdc-dropdown-toggle.bs-placeholder, .bootstrap-select > .sfdc-dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .sfdc-dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .sfdc-dropdown-toggle.bs-placeholder:active {
    color: #fff !important;
}
@media all and (max-width: 992px){
	.top-submenu.wsmenu-submenu li:hover a {
		color: #fff;
	}
}