/* Megamenu */
#navigation .ut-nav-header h3 {
    margin-bottom: 20px;
}

#navigation .ut-megamenu {
	padding: 0;
    position: fixed;
    left: 0;
    right: 0;
    width: 100vw;
    max-width: 100%;
    z-index: 99;
     -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
             box-sizing: border-box;
	
	-webkit-box-shadow: 0 0 transparent, 0 0 transparent, 0 5px 5px -4px rgba(0, 0, 0, 0.10);
       -moz-box-shadow: 0 0 transparent, 0 0 transparent, 0 5px 5px -4px rgba(0, 0, 0, 0.10);
    		box-shadow: 0 0 transparent, 0 0 transparent, 0 5px 5px -4px rgba(0, 0, 0, 0.10);
    
	border-top: 2px solid;
    background: rgb(255,255,255);
    background: rgba(255,255,255,1);
	display: none;
}

#navigation .ut-is-megamenu.ut-megamenu-open .ut-megamenu {
	 -webkit-animation: fadeIn 0.2s ease-in; 
	    -moz-animation: fadeIn 0.2s ease-in; 
	         animation: fadeIn 0.2s ease-in;
}

#navigation .ut-is-megamenu.ut-megamenu-close .ut-megamenu {
	 -webkit-animation: fadeOut 0.2s ease-in; 
	    -moz-animation: fadeOut 0.2s ease-in; 
	         animation: fadeOut 0.2s ease-in;
}

#navigation .ut-is-megamenu.ut-megamenu-open .ut-megamenu,
#navigation .ut-is-megamenu.ut-megamenu-close .ut-megamenu {
	display: block;
}

@-webkit-keyframes fadeOut {
	from {
    	opacity: 1;
  	}
	to {
    	opacity: 0;
  	}
}

@keyframes fadeOut {
	from {
    	opacity: 1;
 	}

  	to {
    	opacity: 0;
  	}
}

@-webkit-keyframes fadeOut {
  	from {
    	opacity: 1;
  	}

  	to {
    	opacity: 0;
  	}
}

@keyframes fadeOut {
  	from {
    	opacity: 1;
 	}

  	to {
    	opacity: 0;
  	}
}

#header-section {
	-webkit-backface-visibility: hidden;
}

#navigation .ut-megamenu .grid-container {
	padding-left: 0;
    padding-right: 0;	
}

#navigation .ut-megamenu.ut-megamenu-fullwidth .grid-container {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

#navigation .ut-is-megamenu .ut-navigation-column ul {
    visibility: visible;
    position: relative;
    float: none;
	margin-bottom: 40px;
}

#navigation ul.ut-navigation-column-list li {
	line-height: 125%;
}

#navigation ul.ut-navigation-column-list li > a {
    background: none !important;
    font-size: 10px;
	height: 30px;
	line-height: 30px;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.2s color, background, linear;
       -moz-transition: 0.2s color, background, linear;
            transition: 0.2s color, background, linear;
}

#navigation ul.ut-navigation-column-list .bklyn-btn-menu a {
	margin: 0;
}

#navigation ul.ut-navigation-column-list .bklyn-btn-menu {
	margin-bottom: 10px;	
}

#navigation ul.ut-navigation-column-list li > a::after {
	display: none;
}

/* Navigation Animation */
#navigation.ut-navigation-with-column-animation .ut-parent.ut-has-children ul.sub-menu > li,
#navigation.ut-navigation-with-column-animation .ut-is-megamenu .ut-navigation-column-list {
    -webkit-transform: translatey(15px);
       -moz-transform: translatey(15px);
        -ms-transform: translatey(15px);
            transform: translatey(15px);
	-webkit-transition: transform 0.2s ease-in-out;
	   -moz-transition: transform 0.2s ease-in-out;
	        transition: transform 0.2s ease-in-out;		
}

#navigation.ut-navigation-with-column-animation .ut-parent.ut-has-children.sfHover ul.sub-menu > li,
#navigation.ut-navigation-with-column-animation .ut-is-megamenu.sfHover .ut-navigation-column-list,
#navigation.ut-navigation-with-column-animation .ut-is-megamenu.ut-megamenu-close .ut-navigation-column-list {
    -webkit-transform: translatey(0px);
       -moz-transform: translatey(0px);
        -ms-transform: translatey(0px);
            transform: translatey(0px);
}

/* Navigation Sub Menu Hover Animation */
#navigation.ut-navigation-with-link-animation ul.sub-menu li a span,
#navigation.ut-navigation-with-link-animation .ut-navigation-column-list li a span {
	position: relative;
}

#navigation.ut-navigation-with-link-animation ul.sub-menu li a span::after,
#navigation.ut-navigation-with-link-animation .ut-navigation-column-list li a span::after {
  	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0;
	z-index: -1;
	-webkit-transition: width .3s ease-in-out;
       -moz-transition: width .3s ease-in-out;
    	 -o-transition: width .3s ease-in-out;
    		transition: width .3s ease-in-out;	
}

#navigation.ut-navigation-with-link-animation ul.sub-menu li a:hover span::after,
#navigation.ut-navigation-with-link-animation .ut-navigation-column-list li a:hover span::after {
	width: 100%;
}








/* Navigation Pre Defined Skins */
.ha-transparent #navigation .ut-megamenu {
    background: rgb(19,20,22);
    background: rgba(19,20,22,0.25);
    border: 1px solid rgba(255,255,255,0.1);
	border-left: none;
	border-right: none;
}
.ha-transparent #navigation .ut-nav-header h3,
.ha-transparent #navigation .ut-navigation-column-list li > a {
    color: #FFFFFF;
}

/* Light Skin */
.ha-header.ut-header-light #navigation .ut-megamenu {
	border: 1px solid #DDDDDD;
}

/* Dark Skin */
.ha-header.ut-header-dark #navigation .ut-megamenu {
    background: #131416;
}
.ut-header-dark #navigation .ut-nav-header h3 {
    color: rgb(255,255,255);
    color: rgba(255,255,255,0.5);
}

/* Navigation Mega Menu Grid System */
#navigation [class*="ut-megamenu-grid-row"] {
	box-sizing: border-box;
  	display: flex;
  	flex-flow: row wrap;
}
#navigation [class^="ut-megamenu-grid-col"],
#navigation [class*="ut-megamenu-grid-col-"] {
	box-sizing: border-box;
  	flex: 0 0 auto;
  	padding: 40px 20px 0px;
}
#navigation [class^="ut-megamenu-grid-col"] {
	flex: 1 1 0%;
}
#navigation [class^="ut-megamenu-grid-col"]:hover {
	z-index: 10000;
}
#navigation [class^="ut-megamenu-grid-row"][class^="ut-megamenu-grid-col"],
#navigation [class^="ut-megamenu-grid-row"][class*="ut-megamenu-grid-col-"] {
	margin: 0;
  	padding: 0;
}

#navigation [class*="ut-megamenu-grid-row-1"] > [class^="ut-megamenu-grid-col"],
#navigation [class*="ut-megamenu-grid-row-1"] > [class*="ut-megamenu-grid-col-"] {
  flex-basis: 100%;
  max-width: 100%;
}
#navigation [class*="ut-megamenu-grid-row-2"] > [class^="ut-megamenu-grid-col"],
#navigation [class*="ut-megamenu-grid-row-2"] > [class*="ut-megamenu-grid-col-"] {
  flex-basis: 50%;
  max-width: 50%;
}
#navigation [class*="ut-megamenu-grid-row-3"] > [class^="ut-megamenu-grid-col"],
#navigation [class*="ut-megamenu-grid-row-3"] > [class*="ut-megamenu-grid-col-"] {
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}
#navigation [class*="ut-megamenu-grid-row-4"] > [class^="ut-megamenu-grid-col"],
#navigation [class*="ut-megamenu-grid-row-4"] > [class*="ut-megamenu-grid-col-"] {
  flex-basis: 25%;
  max-width: 25%;
}
#navigation [class*="ut-megamenu-grid-row-5"] > [class^="ut-megamenu-grid-col"],
#navigation [class*="ut-megamenu-grid-row-5"] > [class*="ut-megamenu-grid-col-"] {
  flex-basis: 20%;
  max-width: 20%;
}
#navigation [class*="ut-megamenu-grid-row-6"] > [class^="ut-megamenu-grid-col"],
#navigation [class*="ut-megamenu-grid-row-6"] > [class*="ut-megamenu-grid-col-"] {
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}