/* Navigation Menu including css for custom templates blocks/autonav/templates/ua441-header-nav/ and ../ua441-top-nav/ */
#navigation { 

}

div.navbar {
    min-height: 10px;
}
.ccm-toolbar-visible #header {
    padding-top: 63px;
}

.ccm-toolbar-visible .header-margin {
    margin-top: -15px;
}

.ccm-edit-mode #header {
    z-index: auto;
}

#header #navigation.affix {
	position:fixed;
	margin-top:-40px;
}
body.nav-mobile-on.nav-mobile-open #header #navigation.affix, body.nav-shop-filter-open #header #navigation.affix {
	position:absolute;
	margin:0px;
}
#header #navigation.affix, #header #navigation.affix, #header #navigation.affix, #header.header-transparent #navigation.affix { margin-top:0px; }
#header #navigation.affix { margin-top:-140px; }

#navigation.navbar {
	position:static;
/*	color:#a9a9a9;*/
	background-color:#FFF;
	min-height:0px;
	margin:0px;
	border:0px;
	border-radius:0px;
/*	box-shadow:0px 2px 5px rgba(0,0,0,0.3);*/
}

	#navigation.navbar .navbar-wrap { position:relative; width: 100%;} /* EDIT */

	#navigation.navbar .navbar-wrap:before, #navigation.navbar .navbar-wrap:after {
		display:table;
		content:'';
	}
	#navigation.navbar .navbar-wrap:after { clear:both; }
	
/*
#navigation.navbar-logo {
	float:left;
	padding:10px 0px;  EDIT 
	-webkit-transition:all .2s ease;
	transition:all .2s ease;
}
*/

/*#navigation.affix .navbar-logo { padding:15px 0px; }*/
/*
body.nav-mobile-on.nav-mobile-open #navigation.affix .navbar-logo, body.nav-shop-filter-open #navigation.affix .navbar-logo { padding:25px 0px; }
	#navigation.navbar-logo img { height:120px; position: absolute; top: -35px; left: 0px;
        
}
*/

#navigation.navbar-menu { float:right; }

#navigation.nav { 
    margin-bottom: -6px; margin-right:55px;
}

#navigation.nav > li {
    float:left;
    position:relative;
    padding: 0px 0px 24px 0px; margin:0px 10px 0 0;
    -webkit-transition:padding-top .2s ease, padding-bottom .2s ease;
    transition:padding-top .2s ease, padding-bottom .2s ease;
}
#navigation.nav > li:last-child { padding-right:0px; }
#navigation.nav > li:first-child { border-left:none; }
/*
#header #navigation.nav > li {
    padding-right:20px;
    padding-left:20px;
}
*/

	#navigation.affix .nav > li {
		padding-top:24px;
		padding-bottom:24px;
	}

a.menu-item-has-children-active .d{ color:#37362b; }

		#navigation.nav > li > a {
			position:relative;
			float:left;
            color: #93282C ;
                font-size: 14px;
    padding: 0px 14px;
    text-transform: uppercase;
            text-decoration: none !important;
			-webkit-transition:color .1s ease;
			transition:color .1s ease;
		}
		#navigation.nav > li > a:hover {
           /* background-color: #020864;*/ background:none;
            color: #37362b ;
            
        }
		
		#navigation.nav .d a {
			position:relative;
			float:left;
            color: #93282C ;
                font-size: 15px;
    padding: 0px 11px;
    text-transform: uppercase;
            text-decoration: none !important;
			-webkit-transition:color .1s ease;
			transition:color .1s ease;
		}	
		
	.m{ float:left; display:none;}	
		
		
		
		
		
		
		
		
		
		
		
        #navigation.nav > li.current-menu-item > a {
            /*border-bottom: 5px solid #fc6624;*/
            color: #37362b; 
        }

        #navigation.nav > li.current-menu-item > a:hover {
            color: #37362b;
        }

        #navigation.nav > li.menu-item-has-children-active { 
           /* background-color: #020864;*/
            color: #37362b;
        }
/*
		#header.header-transparent #navigation.nav > li > a { color:#FFF; }
		#header.header-transparent #navigation.affix .nav > li > a { color:#a9a9a9; }
		#header.header-transparent #navigation.affix .nav > li > a:hover, #header.header-transparent #navigation.affix .nav > li.current-menu-item > a { color:#00d27f; }
*/
		#navigation.nav > li.menu-item-has-children > a { padding-right:20px; }

		#navigation.nav > li.menu-item-has-children > a:after {
			position:absolute;
			top:1px;
			right:-3px;
/*			font-family:Ionicons;*/
            font-family: FontAwesome; /* EDIT */
			font-size:21px;
			line-height:1;
/*			content:'\f3d0';*/
			content:'\F107';
		}

		#navigation.nav > li.current-menu-item > a:before {
			position:absolute;
			top:-34px;
			left:50%;
			content:'';
			margin-left:-9px;
			/*border-top:10px solid #00d27f;*/
			border-right:9px solid transparent;
			border-left:9px solid transparent;
		}

		#header #navigation.nav > li.current-menu-item > a:before { display:none; }
			#navigation.nav > li .sub-menu {
				visibility:hidden;
				position:absolute;
				top:30px;
				left:0px;
				background-color: transparent;
                color: #93282c; 
               box-shadow: 12px 0 15px -4px rgba(0, 0, 0, 0.2), -12px 0 8px -4px rgba(0, 0, 0, 0.2);
				margin-top:20px;
				opacity:0; z-index:999;
				/*-webkit-transition:visibility .2s ease, top .2s ease, bottom .2s ease, background .2s ease, margin .2s ease, opacity .2s ease;
				transition:visibility .2s ease, top .2s ease, bottom .2s ease, background .2s ease, margin .2s ease, opacity .2s ease;*/
                text-align: left; 
				margin-top: 12px !important;
			}
			
			#navigation.nav > li .sub-menu { width:180px;}
			#navigation.nav > li .sub-menu .sub-menu .sub-menu{ width:160px;}
			#navigation.nav > li .sub-menu .sub-menu .sub-menu .sub-menu{ width:160px;}
			#navigation.nav > li .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu{ width:160px;}
			
			#navigation.nav > li .sub-menu li{ margin-left:0px;}
			#navigation.nav > li .sub-menu li a{ color:#93282c; border:#eaeaea solid 1px;padding: 10px 10px 10px;}
			#navigation.nav > li .sub-menu li:last-child a{padding: 10px 10px 10px;}
			#navigation.nav li:hover > .sub-menu {
				visibility:visible;
				margin-top:0px;
				opacity:1;

			}
			
			.menu ul li ul li{ padding:0px !important; width:100%; margin-top:-10px;}
			
			.menu ul li ul li a:hover{ background:#93282c; color:#fff !important;}
			#navigation.nav > li .sub-menu {
				width:240px;
				padding:0px;border-radius:0px;
			}
			#navigation.nav > li .sub-menu.sub-menu-left {
				right:-10px;
				left:auto;
			}
			#navigation.nav > li ul { padding:0px; }
				#navigation.nav > li ul a {
					display:block; text-transform: capitalize;font-weight:700;
					color:#fff;letter-spacing: 0.5px;transition: color 0s !important;
					font-size:14px;
					line-height:20px;
					 width:100%; border-radius:0px; text-align:left;
				}
				#navigation.nav > li ul a:hover { text-decoration:none;}
			    #navigation.nav > li ul li.current-menu-item > a { color:#fff; background-color:#93282c; }
				#navigation.nav > li .sub-menu a { padding:10px; }
				#navigation.nav > li .sub-menu li.menu-item-has-children > a { padding-right:30px; }
				#navigation.nav > li ul li { list-style-type:none;background: #fff; }
				#navigation.nav > li ul li.menu-item-has-children { position:relative; }
				#navigation.nav > li .sub-menu li.menu-item-has-children:after {
					position:absolute;
					top:8px;
					right:15px;
/*					font-family:Ionicons;*/
					font-family:FontAwesome;/* EDIT */
					line-height:1;
					content:'\f0da';
					-webkit-transition:color .2s ease;
					transition:color .2s ease;
				}
				#navigation.nav > li .sub-menu li.menu-item-has-children:hover:after, #navigation.nav > li .sub-menu li.menu-item-has-children.current-menu-item:after { color:#FFF; }
				#navigation.nav > li .sub-mega-menu .container { margin:0px -15px; }
					#navigation.nav > li .sub-mega-menu .container > ul {
						float:left;
						width:100%;
						padding:30px 0px;
					}
						#navigation.nav > li .sub-mega-menu .container > ul > .menu-item-has-children {
							float:left;
							width:25%;
							padding:10px 40px;
							border-right:1px solid #303030;
						}
						#navigation.nav > li .sub-mega-menu .container > ul > .menu-item-has-children:last-child { border-right:0px; }
							#navigation.nav > li .sub-mega-menu .container > ul > .menu-item-has-children > a {
								color:#FFF;
								font-size:14px;
								text-transform:uppercase;
								letter-spacing:.5px;
								margin-bottom:22px;
							}
								#navigation.nav > li .sub-mega-menu .container > ul > .menu-item-has-children > ul > li { padding:7px 0px; }
								#navigation.nav > li .sub-mega-menu .container > ul > .menu-item-has-children > ul > li:first-child { padding-top:0px; }
								#navigation.nav > li .sub-mega-menu .container > ul > .menu-item-has-children > ul > li:last-child { padding-bottom:0px; }
				#navigation.nav > li .sub-menu .sub-menu {
					top:-10px;
					left:100%;
					width:220px;
					
				}
				#navigation.nav > li .sub-menu-left .sub-menu, #navigation.nav > li .sub-menu .sub-menu.sub-menu-left {
					right:100%;
					left:auto;
					margin-right:2px;
					margin-left:0px;
				}
				



/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding:18px 15px; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width:25px; height:3px; -webkit-border-radius:0px; -moz-border-radius: 0px; border-radius:0px; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { /*font-size: 0.9em; */margin: 0 0 0 0.4em; color: #000; position:absolute; right:20px; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
	font-size:15px;
    font-weight: normal !important;
	z-index: 100000;
	position:absolute !important;
    top: 24px;
    right: 15px;
}
/* Button */
.slicknav_btn {
	margin: 5px 5px 5px 5px;	
	text-decoration:none;	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius:0px;  
	background-color: #a41127;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
	color: #fff;
/*	font-weight: bold;	*/
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #fff;
}
.slicknav_menu {
/*	background:#fff;
	padding:5px;
	border-bottom: 1px solid #020864;*/
}
.slicknav_nav {
	color:#fff;
	margin:0;	
	padding:0;
	font-size:0.9em;
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	display: block;
	float: none; width:100%;
	-webkit-box-shadow: 0px 0px 0px;
	-moz-box-shadow: 0px 0px 0px;
	box-shadow: 0px 0px 0px;
	background:#fff;
	border: 0px;/*top:20px;*/ position:relative;
}

.slicknav_nav ul {
	padding:0;
	margin:0 0 0 0px;
}
.slicknav_nav ul li ul{}

.slicknav_nav, .slicknav_nav ul li{ margin-left:0px;border-bottom:1px solid #aeaeae;}


.slicknav_nav .slicknav_item {
	padding:12px 20px;
	margin: 0px;
}
.slicknav_nav a, .slicknav_nav .dropdown-menu li a{
	padding:10px 20px;
	margin:2px 25px;
	text-decoration:none;
	color:#333333;font-size:16px; font-weight:300; text-transform: uppercase;
    
}

.slicknav_nav a:hover, .slicknav_nav a:focus {text-decoration: none; /*color:#fc6624 !important; background: #fff !important;*/ }
.slicknav_nav .slicknav_item a {
	padding:5px 10px;
	margin:0;
}
.slicknav_nav .slicknav_item:hover,  .slicknav_nav .dropdown-menu li .slicknav_item:hover, .slicknav_nav .dropdown-menu li ul li .slicknav_item:hover, .slicknav_nav .dropdown-menu li a:focus{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:none !important;
	color:#fc6624 !important;	
	text-decoration: none;color:#333333;font-size:16px; font-weight:300;text-transform: uppercase;
}
.slicknav_nav a:hover, .slicknav_nav .dropdown-menu li a:hover, .slicknav_nav .dropdown-menu li ul li:hover, .slicknav_nav .dropdown-menu li ul li:focus{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:none;
	text-decoration: none;
	color:#333333;font-size:16px; font-weight:300;text-transform:uppercase;

}

.slicknav_nav ul li{}
.slicknav_nav ul li a{color:#333333;font-size:18px; font-weight:300;text-transform:capitalize;}
.slicknav_nav ul li a:hover{color:#93282c;font-size:18px; font-weight:300;text-transform:capitalize;}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}


/* ********************** */
	ul#navigation {
		display:none;
	}
	
	.slicknav_menu {
		display:block;
        
	}

    ul.slicknav_nav li {
        min-width: 200px; border-top:1px solid #aeaeae; position:relative;
    }
	ul.slicknav_nav li ul li {border-top:none}
ul#navigation{ float:right; margin:10px 20px 0 0;}	
	
.ccm-responsive-menu-launch.container{ display:none !important;}

.page_30 .menu .sub-menu li{
	display:block !important;
	}
	.page_30 .menu .sub-menu{
		background:#FFF;
		}
		.page_30 .menu .sub-menu li a{
			 background: #fff;
			}
			.page_30 .menu .sub-menu li a:hover{
			 background: #93282c;
			}
	
@media (max-width:1280px) {	
#navigation.nav > li ul a{ font-size:12px;}
#navigation.nav > li .sub-menu { width:170px !important;}
#navigation.nav > li .sub-menu .sub-menu .sub-menu{ width:160px !important;}
#navigation.nav > li .sub-menu li.menu-item-has-children::after{ right:8px;}
.slicknav_menu{ display:none;}

	
}

@media (max-width:1199px) {	
#navigation.nav > li ul a{ font-size:12px;}
#navigation.nav > li .sub-menu { width:150px !important;}
#navigation.nav > li .sub-menu .sub-menu .sub-menu{ width:150px !important;}
#navigation.nav > li .sub-menu li.menu-item-has-children::after{ right:8px;}
#navigation.nav > li .sub-menu{ padding:10px 0px 10px 10px;}	
#navigation.nav > li > a{ font-size:13px;padding: 0px 10px;}
}
	



	
@media (max-width:991px) {
    .d{ display:none;}
    .slicknav_menu {
       top:35px;right:0px;left: 0px; width:100%;
    }
	.slicknav_btn {
	margin: 5px 20px 5px 5px;	}
	.m{ float:left; display:block;}
}
@media (max-width:900px) {
	.slicknav_btn {margin: 5px 100px 5px 5px;	}
}

@media (max-width:850px) {
	.slicknav_btn {margin: 5px 70px 5px 5px;	}
	
}

@media (max-width:800px) {
	.slicknav_btn {margin: 5px 55px 5px 5px;	}
	
}



@media (min-width: 768px) {
  /* Small devices (tablets, 768px and up) */
	ul#navigation {
		display:none;
	}
	
	.slicknav_menu {
		display:block;
	}
    ul.slicknav_nav li {
        min-width: 200px;
    }
  
   

}


@media (max-width:767px) {
	.slicknav_btn {margin: 5px 15px 5px 5px;	}

 
}

@media (max-width: 650px) {
    
    .slicknav_menu {
      
        right: 10px;
    }
}
@media (max-width:568px) {
/*.slicknav_nav, .slicknav_nav ul { top:120px;} 
*/
}

@media (min-width: 480px) {
  /* Small devices (tablets, 768px and up) */
	ul#navigation {
		display:none;
	}
	
	.slicknav_menu {
		display:none;
	}
     ul.slicknav_nav li {
        min-width: 200px;
    }
	
}


@media (max-width:400px) {
/*.slicknav_nav, .slicknav_nav ul { top:75px;} */

}


@media (max-width: 350px) {
    
    .slicknav_menu {
       
        right: 2px;
    }
}
@media (min-width: 992px) {
  /* Medium devices (desktops, 992px and up) */
	ul#navigation {
		display:block;
	}
	
	.slicknav_menu {
		display:none;
	}
}

@media (min-width: 1200px) {
	ul#navigation {
		display:block;
	}
	
	.slicknav_menu {
		display:none;
	}
}