/* http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly */ 

 #theMenu {
    font-size:16px;
 }

    /*#theMenu > a {
        display: none;
    }*/
    
    #theMenu li {
        position: relative;
        padding: 0;
    }
    
        #theMenu li a {
            color: #8a8a8a;
            font-family:"filson-pro", sans-serif;font-weight:300;
            display: block;
            padding: 0.4em 0;
            font-size:1em;
        }
        
        #theMenu li:hover > a,
        #theMenu li.current > a,
        #theMenu li > a:hover,
        #theMenu li > a:active {
            color: #567c97;
            text-decoration: none;
        }
 
             
     
            
    /* first level */
   
    #theMenu > ul {
        margin: 0px;
        padding: 0;
    }
    
        #theMenu > ul > li {
            height: 100%;
            display:block;   
        }
        
            #theMenu > ul > li > a {
                height: 100%;
            }
            #theMenu ul li a {
                color: #9f9f9f;
            }
            
                #theMenu > ul > li:not( :last-child ) > a {
                    
                }
                
                #theMenu > ul  li.current > a,
                #theMenu > ul  li:hover > a,
                #theMenu > ul:not( :hover )  li.current > a,
                #theMenu > ul:not( :hover )  li.active > a {                    
                    color: #567c97;
                }
 
 
 
    /* second level */
   
    #theMenu li ul {
        /*display: none;*/
        list-style-type: none;
        margin-top: 0px;
        padding: 0px;
        margin-bottom: 5px;
    }
        
        
        
        #theMenu li:hover ul {
            /*display: block;*/
        }


        #theMenu li ul:before {
            content: '';
            position: absolute;
            width:100%;
            height: 30px;
            left: 0;
            top: -30px;
            background-color:transparent;
            display: block;
        }
        
            #theMenu ul.subCat li {
                padding:0;
                padding-left: 1.3em;
            }
            #theMenu ul.subCat li:not( :first-child ){
                /*border-top:1px solid rgba(255,255,255,0.5);*/
            }
            
            #theMenu li ul a {
                /*text-align: center;*/
                /*padding: 7px 16px;*/
                    /*color: #fff !important;*/
                font-family:"filson-pro", sans-serif;font-weight:200;
                font-size: 15px;
            }
                #theMenu li ul li.current a,
                #theMenu li ul li a:hover,
                #theMenu li ul:not( :hover ) li.current a,
                #theMenu li ul:not( :hover ) li.active a {
                    /*color: #fff !important;*/
                }
        
#theMenu li ul li a {
line-height:1em;
}


.underline_effect {
    position:relative;
}
.underline_effect:after {
    position: absolute;
    top: 83%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #567c97;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px);
}



li:hover > .underline_effect:after,
li.current .underline_effect:after,
.underline_effect.current:after,
.underline_effect.active:not(.disabled):after,
.underline_effect:hover:not(.disabled):after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

.underline_effect.disabled:after {
    display:none;
}