/* nav */

header .wsmenu-list > li{
    text-decoration: none;
}

header .wsmenu-list > li a:not(.icon-login){
    position: relative;
}
@media only screen and (min-width: 992px){

	.style-1 .wsmenu-list > li > a:not(.icon-login):after,
	.style-2 .wsmenu-list > li > a:not(.icon-login):after,
	.style-3 .wsmenu-list > li > a:not(.icon-login):after,
	.style-4 .wsmenu-list > li > a:not(.icon-login):before,
	.style-4 .wsmenu-list > li > a:not(.icon-login):after,
	.style-5 .wsmenu-list > li > a:not(.icon-login):before,
	.style-5 .wsmenu-list > li > a:not(.icon-login):after,
	.style-6 .wsmenu-list > li > a:not(.icon-login):before,
	.style-7 .wsmenu-list > li > a:not(.icon-login):before,
	.style-8 .wsmenu-list > li > a:not(.icon-login):before,
	.style-9 .wsmenu-list > li > a:not(.icon-login):before,
	.style-9 .wsmenu-list > li > a:not(.icon-login):after,
	.style-10 .wsmenu-list > li > a:not(.icon-login):before,
	.style-10 .wsmenu-list > li > a:not(.icon-login):after,
	.style-10 .wsmenu-list > li > a:not(.icon-login) span:before,
	.style-10 .wsmenu-list > li > a:not(.icon-login) span:after,
	.style-12 .wsmenu-list > li > a:not(.icon-login):after,
	.style-14 .wsmenu-list > li > a:not(.icon-login):after{content:""; display:block;}


	/* left-right-full */
	.style-1 .wsmenu-list > li > a:not(.icon-login):after{position:absolute; left:0; bottom:0; width:0%; height:3px; background-color:var(--primary-color); -webkit-transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
	.style-1 .wsmenu-list > li:hover > a:not(.icon-login):after{width:100%;}

	/* right-left-full */
	.style-2 .wsmenu-list > li > a:not(.icon-login):after{position:absolute; right:0; bottom:0px; width:0%; height:3px; background-color:var(--primary-color); -webkit-transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
	.style-2 .wsmenu-list > li:hover > a:not(.icon-login):after{width:100%;}


	/* center-side-full-1 */
	.style-3 .wsmenu-list > li > a:not(.icon-login):after{position:absolute; left:50%; bottom:-2px; width:0%; height:3px; background-color:var(--primary-color); transform:translateX( -50% ); -webkit-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
	.style-3 .wsmenu-list > li:hover > a:not(.icon-login):after{width:100%;}


	/* center-side-full-2 */
	.style-4 .wsmenu-list > li a:not(.icon-login):after{z-index:11111; position:absolute; left:50%; bottom:-3px; width:0%; height:3px; background-color:var(--primary-color); transform:translateX( -50% ); -webkit-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
	.style-4 .wsmenu-list > li a:not(.icon-login):before{z-index:11111; position:absolute; left:50%; top:-3px; width:0%; height:3px; background-color:var(--primary-color); transform:translateX( -50% ); -webkit-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
	.style-4 .wsmenu-list > li:hover a:not(.icon-login):after{width:100%;}
	.style-4 .wsmenu-list > li:hover a:not(.icon-login):before{width:100%;}


	/* side-full */
	.style-5 .wsmenu-list > li a:not(.icon-login):after{position:absolute; left:0; top:50%; width:3px; height:0%; background-color:var(--primary-color); transform:translateY( -50% ); -webkit-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
	.style-5 .wsmenu-list > li a:not(.icon-login):before{position:absolute; right:0; top:50%; width:3px; height:0%; background-color:var(--primary-color); transform:translateY( -50% ); -webkit-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
	.style-5 .wsmenu-list > li:hover a:not(.icon-login):after{height:100%;}
	.style-5 .wsmenu-list > li:hover a:not(.icon-login):before{height:100%;}

	/* left-right-vertical */
	.style-6 .wsmenu-list > li{ z-index:2}
	.style-6 .wsmenu-list > li > a:not(.icon-login):before{position:absolute; right:100%; top:0; width:100%; height:100%; background-color:var(--primary-text-color); z-index:-1; opacity:0; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; border-right:2px solid var(--primary-color);}
	.style-6 .wsmenu-list > li:hover a:not(.icon-login):before{opacity:1; right:0;}

	/* bottom-top-horizontal */
	/*.style-7{}*/
	.style-7 .wsmenu-list > li{z-index:2}
	.style-7 .wsmenu-list > li:hover > a:not(.icon-login):before{position:absolute; left:0; top:100%; width:100%; height:100%; background-color:var(--primary-color-opacity-50); z-index:-1; opacity:0; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; border-top:2px solid var(--primary-color);}
	.style-7 .wsmenu-list > li:hover a:not(.icon-login):before{opacity:1; top:0;}
	.style-7 .wsmenu-list > li:hover a:not(.icon-login){
		color: var(--primary-text-color);
	}

	/* style-8 */
	.style-8 .wsmenu-list > li{z-index:2}
	.style-8 .wsmenu-list > li > a:not(.icon-login):before{position:absolute; left:0; bottom:100%; width:100%; height:100%; background-color:var(--primary-text-color); z-index:-1; opacity:0; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; border-bottom:2px solid var(--primary-color);}
	.style-8 .wsmenu-list > li:hover a:not(.icon-login):before{opacity:1; bottom:0;}
	.header-padding .style-8 .wsmenu-list > li > a:not(.icon-login).white:before{background-color:#000}
	.header-padding .style-8 .wsmenu-list > li > a:not(.icon-login).black:before{background-color:#fff}
	.style-8 .wsmenu-list > li:hover a:not(.icon-login):before{opacity:1; top:0;}

	/* style-9 */
	.style-9 .wsmenu-list > li > a:not(.icon-login):after{position:absolute; left:50%; bottom:0; width:60%; height:3px; background-color:var(--primary-color); transform:translateX( -50% ); -webkit-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); opacity:0;}
	.style-9 .wsmenu-list > li > a:not(.icon-login):before{position:absolute; left:50%; top:0; width:60%; height:3px; background-color:var(--primary-color); transform:translateX( -50% ); -webkit-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); opacity:0;}
	.style-9 .wsmenu-list > li:hover a:not(.icon-login):after{opacity:1; bottom:5px;}
	.style-9 .wsmenu-list > li:hover a:not(.icon-login):before{opacity:1; top:5px;}

	/* style-10 */
	.style-10 .wsmenu-list > li{padding:0;}
	.style-10 .wsmenu-list > li span{display:block; padding:0 30px;}
	.style-10 .wsmenu-list > li > a:not(.icon-login):before, .style-10 .wsmenu-list > li > a:not(.icon-login):after, .style-10 .wsmenu-list > li span:before, .style-10 .wsmenu-list > li span:after{position:absolute; background-color:var(--primary-color);}
	.style-10 .wsmenu-list > li > a:not(.icon-login):before{width:3px; height:0; left:0; bottom:0; -webkit-transition:all .1s .3s; -o-transition:all .1s .3s; transition:all .1s .3s;}
	.style-10 .wsmenu-list > li > a:not(.icon-login):after{width:0; height:3px; left:0; top:0; -webkit-transition:all .1s .2s; -o-transition:all .1s .2s; transition:all .1s .2s;}
	.style-10 .wsmenu-list > li span:before{width:3px; height:0; right:0; top:0; -webkit-transition:all .1s .1s; -o-transition:all .1s .1s; transition:all .1s .1s;}
	.style-10 .wsmenu-list > li span:after{width:0; height:3px; right:0; bottom:0; -webkit-transition:all .1s; -o-transition:all .1s; transition:all .1s;}
	.style-10 .wsmenu-list > li:hover a:not(.icon-login):before{height:100%; -webkit-transition:all .1s; -o-transition:all .1s;	transition:all .1s;}
	.style-10 .wsmenu-list > li:hover a:not(.icon-login):after{width:100%; -webkit-transition:all .1s .1s; -o-transition:all .1s .1s; transition:all .1s .1s;}
	.style-10 .wsmenu-list > li:hover a:not(.icon-login) span:before{height:100%; -webkit-transition:all .1s .2s; -o-transition:all .1s .2s; transition:all .1s .2s;}
	.style-10 .wsmenu-list > li:hover a:not(.icon-login) span:after{width:100%;	-webkit-transition:all .1s .3s;	-o-transition:all .1s .3s; transition:all .1s .3s;}
	/* style-11 */
	.style-11{position:relative; overflow:hidden;}
	.style-11 span.effect{position:absolute; left:0; bottom:0; width:0; height:3px; background-color:var(--primary-color); -webkit-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
	/* style-12 */
	.style-12 .wsmenu-list > li > a:not(.icon-login):after{position:absolute; left:50%; top:50%; width:0%; height:2px; background-color:var(--primary-color); transform:translateX( -50% );
	-webkit-transition:width .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-o-transition:width .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition:width .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	}
	.style-12 .wsmenu-list > li.off:after{width:90%;}
	/* style-13 */
	.style-13{position:relative;}
	.style-13 span.dot{width:7px; height:7px; position:absolute; left:0; bottom:0; transform:translateY( 50% ); background-color:var(--primary-color); border-radius:50%; -webkit-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); opacity:0;}

	/* style-14 */
	.style-14 .wsmenu-list > li{position:relative;}
	.style-14 .wsmenu-list > li > a:not(.icon-login):after{width:100%; height:100%; position:absolute; left:0; top:0; border:0px solid var(--primary-color); box-sizing:border-box;
		-webkit-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out; opacity:0;}
	.style-14 .wsmenu-list > li:hover a:not(.icon-login):after{border-width:5px; opacity:1;}

	/* style-15 */
	.style-15 .wsmenu-list > li{position:relative; -webkit-transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
	.style-15 .wsmenu-list > li > a:not(.icon-login):after{content:attr( data-menu-name ); display:block; width:100%; height:100%; position:absolute; left:0; top:0; text-align:center;
		-webkit-transform:translateY( -100% );
		-ms-transform:translateY( -100% );
		-o-transform:translateY( -100% );
		transform:translateY( -100% );
	}

	.style-15 .wsmenu-list > li:hover a:not(.icon-login){
		-webkit-transform:translateY( 100% );
		-ms-transform:translateY( 100% );
		-o-transform:translateY( 100% );
		transform:translateY( 100% );
	}
}