#navtop {z-index:1000;}
.svg-inline--fa {
height:0.8em!important;
}

/* ********** NAVIGATIONTOP ************ */

@media screen and (min-width: 1050px) {
	#navtop {
	position:absolute;
	top:206px;
	right:0px;
	height:70px;
	line-height:70px;
	width:100%;
	}
}

@media screen and (max-width: 1050px) {
	#navtop {
	position:absolute;
	left:0;
	top:-134px;
	/*line-height:100%;*/
	width:100%;	
	}
}

.toggleMenu {
    display:  none;
    padding: 10px 15px;
	position:absolute;
	left:20px;
	top:115px;
}

.nav {
    list-style: none;
     *zoom: 1;
}

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

.nav:after {
    clear: both;
}

.nav ul {
    list-style: none;
    width: 9em;
}

.nav a {
    padding: 0px;
}

.nav li {
    position: relative;
}

.nav > li {
    float: left;
}

.nav > li > .parent {
    /*background-image: url("images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;*/
}

.nav > li > a {
    display: block;
}

.nav li  ul {
    position: absolute;
    left: -9999px;
}

.nav > li.hover > ul {
    left: 0;
}

.nav li li.hover ul {
    left: 100%;
    top: 0;
}

.nav li ul li a {
height:30px;
line-height:30px;
text-decoration:none;
width:100%;
display:block;
text-indent:4px;
}

.nav li ul li .i10 {
text-indent:14px;
}

.nav li ul li .notclickable {
color:#262b2e!important;
background-color:transparent!important;
}

.nav .sub {
text-transform:uppercase;
}

@media screen and (min-width: 1050px) {
.nav {
		margin:0;
		padding:0;
}

.nav .l0 {
height:80px;
}

.closeMenu {
display:none;
}


.nav > .l0 > a, .nav .cartbox a {
font-size:16px;
font-weight:400;
text-transform:uppercase;
text-decoration:none;
height:46px;
line-height:60px;/**/
margin:20px 20px 32px 4px;
border-bottom:2px solid transparent;
transition:border 0.2s ease-in;
}



.nav > .l0 > .on, .nav > .l0 > .ison {

transition:border 0.2s ease-in;

}



.nav li  ul {

	margin-top:0px;

	opacity:0;

	transition:opacity 1s;

}



.nav > li.hover > ul {

	box-shadow: 0px 0px 4px rgba(0,0,0,0.2);

	box-sizing:border-box;

	padding:20px;

	margin-top:-20px;

	background-color:#FFFFFF;

	width:320px;

	opacity:1;

	transition:opacity 1s;

}



}





@media screen and (max-width: 1050px) {

	.cartbox {

	display:none!important;

	}

	.nav {

		position:fixed;

		left:0px;

		top:0px;

		width:0%;

		/*min-height:100%;*/

		height:100%;

		text-align:left;

		background-color:#FFFFFF;

		margin:0px 0px 15px 0px;

		padding:0;

		opacity:0;		

		transition:opacity 0.5s, width 0.2s;

		overflow:hidden;

		overflow-y:scroll;

	}

	

	.slide {

	width:100%;

	opacity:1;

	transition:opacity 0.5s, width 0.2s;

	}

	

.closeMenu {

text-align:right;

}



.closeMenu {

margin-right:20px;

font-weight:bold;

text-decoration:none;

}

.closeMenu a {

color:#000000;

text-decoration:none;

}



.nav > .l0 > a {

font-size:16px;

font-weight:600;

text-transform:uppercase;

text-decoration:none;

padding-left:10px;

display:block;

}





.nav li ul li {

padding-left:10px;

display:block;

}



.nav li ul li .i10 {

padding-left:20px;

display:block;

}



    .active {

        display: block;

    }

    .nav > li {

        float: none;

		/*line-height:30px;*/

		padding:5px 5px 5px 10px;

		border-top:1px solid #999999;

		display:block;

    }

	

	.nav > li:nth-child(1), .nav > li:nth-child(2) {

	border-top:0px;

	}

    .nav > li > .parent {

        /*background-position: 95% 50%;*/

    }

    .nav li li .parent {

        /*background-image: url("images/downArrow.png");

        background-repeat: no-repeat;

        background-position: 95% 50%;*/

    }

    .nav ul {

        display: block;

        width: 100%;

		margin:0;

		padding:0;

    }

   .nav > li.hover > ul , .nav li li.hover ul {

        position: static;

    }



}