@import url("https://use.typekit.net/iiw7drj.css");
@font-face{
	font-family:'Neusa';
	src:url('data/fonts/neusa-regular.otf');
}

@font-face{
	font-family:'Neusa Bold';
	src:url('data/fonts/neusa-bold.otf');
}


body{
  font-family: 'Muli'    
}

*{
	margin:0;	
	padding:0px;
}

.dropNav-WD:hover{
	background-color: #003366
}


#navList-WD .dropNav-WD > .navNameBottom > a:hover {
	background-color: #003366!important;
  }
  #navList-WD .dropBox li:hover {
	background: #fff;
  }
  
#navList-WD span[counter-qty="Cart"]{
	    position: relative;
    text-align: center;
    right:20px;
	bottom:15px;
    font-size: 13px;
    font-weight: 300;
}
#topHead-WD{
	background-color:#003366;
		color:#fff;
	padding-bottom:20px;
	padding-top:20px;
}
#logoandphone{
	display: flex;
	justify-content: center;
	padding-right:500px;
  margin:0 2%;
}


#logoandphone h2{
text-align: right;
position: absolute;
right:60px;
padding-right:20px;	
font-family:'neusa';
font-weight:100;	
}

#logoandphone h2 a{
	font-family: 'Neusa Bold';
	color:#fff;	
}

#logoandphone h2 a:hover{
	color:#FFCC33;	
}

#navList-WD{
	display:flex;
	justify-content: center;
  background: #f8f9f9;
	border-bottom:1px solid #e3e3e3;
}
#navList-WD li{
	font-family:Muli;
	display: inline-block;
		padding-top:10px;
	padding-bottom:10px;
}

#navList-WD li a{
	color:#737c85;
	text-decoration: none;
	text-transform: uppercase;	
  padding-top:10px;
	padding-bottom:10px;
}


.navNamebottom, #navList-WD li a {
  padding-right: 10px;
}

.dropDownContent-WD{
	visibility: hidden;
  width:300px;
}

.dropBox {
    position: absolute;
    text-align: left;
    border: solid 1px #000;
    z-index: 1010101;
	background: #fff;
	display: none;
}


.navNamebottom:hover>.dropBox {
	display: block;	  
	position: absolute;
	z-index: 999999999;
	font-size: 17px;
	background:#eeeeee;
}

.navNamebottom > .dropBox{
width:260px;
}


.navNamebottom > .dropBox li{
width:100%;
	border-bottom:1px solid rgba(0, 0, 0, 0.1);
}

.navNamebottom > .dropBox li a{
  position: relative;
	left:10px;
}



.dropBottom li{

	border-bottom: none;
	margin-bottom: 5px;
}


.hamburger {
	display: none;
}
.hamburger.active .top-bar {
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
}
.hamburger.active .middle-bar {
	opacity: 0;
}
.hamburger.active .bottom-bar {
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	top: 50%;
}
.top-bar ,
.middle-bar, 
.bottom-bar {
	width: 22px;
	height: 2px;
	background-color: #fff;
	position: absolute;
	right: 50%;
	transition-delay: 0.1s,0.2s;
	transition-duration: 0.1s,0.1s;
	transition-timing-function: ease-in-out;
	left: calc(50% - 11px);
	border-radius: 5px;
}
.top-bar {
	top: calc(50% - 7px);
	transform-origin: 11px 1px;
}
.middle-bar {
	top: 50%;
}
.bottom-bar {
	top: calc(50% + 7px);
}


#footerFlex-WD{
    background:#242a2c;
  
  }
  
  #footerFlex-WD li a{
    color:#fff;
    text-decoration: none;
    font-weight:bold;
    font-size:12px;
  }
  
  #footerFlexRow{
    display:flex;
    justify-content: center;
    padding-bottom:60px;
  }
  
  .footerFlexColumn{
    display:flex;  
    flex-direction:row;
  
  }
  
  .footerFlexColumn li{
     padding-top:20px;
     list-style-type: none;
    width:300px;
    text-align:center;  
  }
  
  .footerFlexColumn li a:hover{
      color:#FFCC33!important;
  }
@media screen and (max-width:945px){
	    .hamburger {
			      background:#FFCC33;

            display: inline-block;
            cursor: pointer;
            padding: 20px;
			      top:0;
			       right:0;
            position: absolute;
        }
 #cart, span[counter-qty="Cart"]{
		display:none;
	}
	#navList-WD{
		display: none;
	}
		#logoandphone h2{
			display: none;
		}
	#logoandphone img{
  max-width: 300px;
	 width:100%		 
}

	#navList-WD{
		background:#333333;
	}
	
	#navList-WD li{
		display:block;
		padding-left:20px;
	}	
	
	#navList-WD li a{
		color:#fff;
	}
	#navList-WD{
		display: none;		
	}
	
	#navList-WD li, .dropNav-WD{
		/*! padding-top:20px; */
		padding-bottom:15px;
	}
	
	.navNamebottom:hover > .dropBox{
		display: none;
	}	
}