#nav,.nav-spacer{
	height:56px;
}

#nav{
	position:fixed;
	z-index:100;
	background:#fff;
	transition:.15s ease-in-out;
}

		#nav .mobile{
			display:none;
		}

	#nav .container{
		height:100%;
	}

		#logo,#logo_m,#logo_sm{
			position:absolute;
			top:0;
			left:0;
			width:auto;
			z-index:200;
			transition:.25s ease-in-out;
			background:#322f31;
		}
		
			#logo_m{
				display:none;
			}
		
				#logo_sm{
					top:-100px;
				}
		
			#logo_m a,#logo_sm a,#logo a{
				position:relative;
				width:auto;
				overflow:hidden;
				display:block;
			}
			
				#logo_m img,#logo_sm img,#logo img{
					position:relative;
					display:block;
					max-width:56px;
					width:auto;
					border:0;
					outline:0;
				}
				
					#logo_m img,#logo_sm img{
						max-width:none;
						max-height:56px;
					}
		
		
		#search{
			position:relative;
			float:right;
			width:100px;
			height:100%;
			padding-left:10px;
			transition:.2s ease-out;
		}
		
			
			#search:after{
				content:'';
				position:absolute;
				top:15px;
				left:0;
				height:25px;
				width:1px;
				background:#a1a1a1;
			}
		
			#search input[type=search],#search input[type=text]{
				position:relative;
				width:100%;
				height:25px;
				padding:0 22px 0 0;
				margin:15px 0;
				font-family:Gotham A,Gotham B,Arial,Helvetica,sans-serif;
				font-size:13px;
				line-height:25px;
				color:#292828;
				outline:0;
				border:0;
				box-sizing:border-box;
				border-radius:0;
				-webkit-appearance:none;
				-moz-appearance:none;
				appearance:none;
			}
			
				#search input[type=search]::-webkit-input-placeholder,#search input[type=text]::-webkit-input-placeholder{
					font-size:13px;
					color:#a1a1a1;
					text-transform:uppercase;
				}
				
				#search input[type=search]:-moz-placeholder,#search input[type=search]::-moz-placeholder,#search input[type=text]:-moz-placeholder,#search input[type=text]::-moz-placeholder{
					font-size:13px;
					color:#a1a1a1;
					text-transform:uppercase;
				}
				
				#search input[type=search]:-ms-input-placeholder,#search input[type=text]:-ms-input-placeholder{
					font-size:13px;
					color:#a1a1a1;
					text-transform:uppercase;
				}
			
			#search .search-btn{
				display:block;
				border:0;
				z-index:-1;
				visibility:hidden;
				-webkit-appearance:none;
				-moz-appearance:none;
				appearance:none;
				border-radius:0;
				pointer-events:none;
			}
			

			#search .search-btn,.search-label{
				position:absolute;
				right:0;
				top:0;
				height:100%;
				width:18px;
				background:transparent;
			}
			

			.search-label{
				text-align:center;
				z-index:10;
				pointer-events:auto;
				cursor:pointer;
			}
			
			#search .artistry-icon-search{
				color:#a1a1a1;
				font-size:14px;
				line-height:54px;
				transition:.2s ease-out;
			}
			
			#search .artistry-icon-close{
				display:none;
			}
			
			#search.focus{
			  width:150px;
			}
			
			.focus .search-label{
				pointer-events:none;
			}
			
			#search.focus:not(.empty) .search-btn{
				z-index:11;
				pointer-events:auto;
				cursor:pointer;
				visibility:visible;
			}
			
			#search.focus:not(.empty) .artistry-icon-search{
				color:#123a50;
			}
			
		
		#navigation{
				position:relative;
				float:right;
				max-width:944px;
			}
			
				#navigation ul{
					position:relative;
					margin:0 auto;
					padding:0;
					list-style:none;
					overflow:visible;
					font-size:0;
				}
				
					#navigation ul li{
						position:relative;
						display:inline-block;
					}
				
						#navigation>ul>li>a,#navigation ul li{
						text-align:center;
						font-size:13px;
						}
				
						#navigation>ul>li>a{
							display:block;
							padding:0 13px;
							margin:0;
							color:#1f1e1e;
							font-family:Gotham A,Gotham B,Arial,Helvetica,sans-serif;
							font-weight:400;
							line-height:56px;
							text-decoration:none;
							text-transform:uppercase;
							transition:.15s ease-out;
						}
						
									
							#navigation>ul>li>a.active,#navigation>ul>li>a.active:hover,#navigation>ul>li>a:hover{
								color:#aa481c;
							}
							
						#navigation>ul>li>a.last{
							color:#123a50;
							font-weight:700;
						}							
	
			#nav.fixed{
				height:56px;
				z-index:3000;
				box-shadow:0 0 40px rgba(0,0,0,.2);
			}
			
				
				#nav.fixed #logo{
					top:-262px;
				}

				#nav.fixed #logo_sm{
					top:0;
					height:56px;
				}
					
		#menu{
			display:none;
			-webkit-appearance:none;
		    -moz-appearance:none;
		    appearance:none;
		}
								
@media (max-width:1024px){
	
	#nav>.container{
		width:94%;
	}
	
	#navigation>ul>li>a{
		font-size:12px;
		padding:0 10px;
	}
	
}

@media (max-width:900px){
	#search{
		width:18px;
	}
	
	#navigation{
		position:absolute;
		right:28px;
		float:none;
		transition:.2s ease-out;
		z-index:auto;
	}
	
	#search.focus{
		width:calc(100% - 118px);
	}
	
	#search.focus+#navigation{
		opacity:0;
		z-index:-1;
	}
	
	#search.focus+#navigation ul li{
		visibility:hidden;
		pointer-events:none;
	}
	
	#search.focus:after{
		height:0;
	}
	
	#search.focus .artistry-icon-close{
		display:block;
		position:absolute;
	    -webkit-transform:translateX(-100%);
	        -ms-transform:translateX(-100%);
	            transform:translateX(-100%);
	    width:55px;
	    height:55px;
	    line-height:55px;
	    text-align:center;
	}
}


@media (max-width:767px){
	
	
	#nav{
		position:relative;
		overflow:hidden;
	}
	
		#nav,.nav-spacer{
		height:auto;
		}
		
		#search{
			position:absolute;
			top:0;
			right:60px;
			z-index:201;
			background:#322f31;
			box-sizing:border-box;
			width:65px;
			height:50px;
		}
		
			#search:after{
				display:none;
			}
			
			#search input[type=search],#search input[type=text]{
				background:transparent;
				color:#fff;
				padding-right:55px;
				font-size:16px;
			}
			
			#search .search-btn,.search-label{
				width:55px;
			}
			
		#search.focus{
		    width:calc(100% - 112px);
		    padding-left:56px;
		}
		
		#search.focus .artistry-icon-close,#search.focus:not(.empty) .artistry-icon-search{
		    color:#fff;
		}
		
		#search.focus+#navigation{
			opacity:1;
			z-index:auto;
		}
		
		#search.focus+#navigation ul li{
			visibility:visible;
			pointer-events:auto;
		}


	
		#nav .container{
			width:100%;
		}
	
		#nav #logo,#nav #logo_sm{
			display:none;
		}
		
				#logo_m{
					position:relative;
					height:50px;
					width:100%;
					display:block;
				}
		
			#nav #logo a{
				padding:0;
			}
		
			#nav #logo_m a img{
				width:auto;
				height:50px;
			}

		#menu{
			position:absolute;
			top:0;
			right:0;
			z-index:201;
			font:inherit;
		    display:block;
		    overflow:visible;
		    margin:0;
		    padding:15px 13px;
		    cursor:pointer;
		    transition-timing-function:linear;
		    transition-duration:.15s;
		    transition-property:opacity,-webkit-filter;
		    transition-property:opacity,filter;
		    transition-property:opacity,filter,-webkit-filter;
		    text-transform:none;
		    color:inherit;
		    border:0;
		    background-color:#fff;
		    -webkit-appearance:none;
		    -moz-appearance:none;
		    appearance:none;
		}
			#menu:active,#menu:focus{
				outline:0;
			}
		
			.menu-bars{
				position:relative;
			    display:block;
			    width:30px;
			    height:20px;
			}
			
			.menu-bar{
			  display:block;
			  top:50%;
			  margin-top:-1px; 
			}
			.menu-bar,.menu-bar:after,.menu-bar:before{
			    width:30px;
			    height:2px;
			    background-color:#000;
			    border-radius:4px;
			    position:absolute;
			    transition-property:-webkit-transform;
			    transition-property:transform;
			    transition-property:transform,-webkit-transform;
			    transition-duration:.15s;
			    transition-timing-function:ease; 
			}
			.menu-bar:after,.menu-bar:before{
				content:"";
				display:block; 
			}
			.menu-bar:before{
				top:-8px; 
			}
			.menu-bar:after{
				bottom:-8px; 
			}
			#menu.active{
				background-color:#f3f3f3;
			}
			
			.menu-bar{
				transition-duration:.1s;
				transition-timing-function:cubic-bezier(.55,.055,.675,.19); 
			}
			.menu-bar:before{
				transition:top .1s ease .14s,opacity .1s ease; 
			}
			.menu-bar:after{
				transition:bottom .1s ease .14s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19);
				transition:bottom .1s ease .14s,transform .1s cubic-bezier(.55,.055,.675,.19);
				transition:bottom .1s ease .14s,transform .1s cubic-bezier(.55,.055,.675,.19),-webkit-transform .1s cubic-bezier(.55,.055,.675,.19); 
			}
			
			.active .menu-bar{
				-webkit-transform:rotate(45deg);
				      -ms-transform:rotate(45deg);
				    transform:rotate(45deg);
				transition-delay:.14s;
				transition-timing-function:cubic-bezier(.215,.61,.355,1); 
			}
			.active .menu-bar:before{
				top:0;
				opacity:0;
				transition:top .1s ease,opacity .1s ease .14s; 
			}
			.active .menu-bar:after{
				bottom:0;
				-webkit-transform:rotate(-90deg);
				        -ms-transform:rotate(-90deg);
				    transform:rotate(-90deg);
				transition:bottom .1s ease,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) .14s;
				transition:bottom .1s ease,transform .1s cubic-bezier(.215,.61,.355,1) .14s;
				transition:bottom .1s ease,transform .1s cubic-bezier(.215,.61,.355,1) .14s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) .14s; 
			}
			 
			
			

		#navigation{
			float:none;
			margin:0;
			height:0;
			transition:.35s ease-out;
		}
			
		#navigation,#nav ul{
			position:relative;
			right:auto;
			width:100%;
		}
			
		#nav ul{
			top:auto;
			left:auto;
			background:#f3f3f3;
			overflow:hidden;
		}
		
			#nav ul li{
				display:block;
				width:97%;
				padding:0 0 0 3%;
			}
	
				#nav ul li a,#nav ul li a[href="javascript:void(0)"]{
					display:block;
					width:95%;
					padding:16px 5% 16px 0;
					font-size:16px;
					line-height:16px;
					border-bottom:1px solid #dfdfdf;
					text-align:left;
					background-position:100%;
				}
				
					#nav ul li ul{
						position:relative;
						top:auto;
						left:auto;
						display:block;
						overflow:hidden;
						padding:15px 0;
					}
					
						#nav ul li ul li a{
							text-align:left;
							padding:10px 0 10px 3%;
						}
}