.top-level-margin{
margin-left:50px;
}


.level0,.level0-active,.level0-drop,.level0-drop-active,.level0-hover{

   color:#7a7c7f;
   font-style:normal; 
   text-decoration:none;
   font-size: 16px;
line-height:20px;
font-size:1.0rem; 
   line-height:1.125rem;
   height:27px;
   text-transform:uppercase;
   font-weight:400;
}

.level0:hover{
   text-decoration:none;
   color:#3a3a3a !important;

}


.level0-active {
   color:#3a3a3a !important;

}


.level0-active:hover {
   text-decoration:none;
   color:#3a3a3a ;
}


ul{
margin:0em;
display:block;
padding:0em;
}


li {
list-style:none;
margin:0em;
padding:0em;
}



.level0-drop{
 
   background-image:url(1108.svg);
   background-repeat:no-repeat;
   background-position:right bottom -4px;
   background-size:30px 30px;
   color:#0e0e0e; 
   display:inline-block;
   padding-right:27px;
   font-weight:500;
   
}



.level0-drop-active,.level0-drop:hover,.level0-drop-active:hover{
  
   background-image:url(1109.svg);
    background-position:right  bottom -4px;
   background-size:30px 30px;
   background-repeat: no-repeat;
   color:#0e0e0e !important; 
   display:inline-block;
   padding-right:27px;
}




.level0-drop:hover{
     color:#0e0e0e !important; 
}



.level0-drop:hover a{
   color:#0e0e0e ;
}


.level1,.level1-active{
   font-style:normal; 
   text-decoration:none;
   display:block;
   font-size: 13px;
line-height:13px;
font-size:0.8125rem; 
   line-height:0.8125rem;
   font-weight:normal;
   margin:0;
   text-transform:none;
   font-weight:400;
   text-transform:uppercase
}

.level1:hover {
   text-decoration:none;
   color:#0e0e0e !important; 

}

.level1-active {

   color:#0e0e0e !important; 
text-transform:uppercase

}

.level1-active:hover {
   text-decoration:none;


}





.second-level-menu
{
    position: absolute;
   top: 30px;
    left: -14px;
    width: auto;
    list-style: none;
    padding: 0;
    margin: 0;
   display: none;
   z-index:999999;
   box-sizing: content-box;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
   background-color:#fff;

  /*opacity: 0.85;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.85;
   -khtml-opacity: 0.85;
   */
   
   padding:3px 3px 10px 0;
   width:auto;


}

.second-level-menu > li
{
    position: relative;
    height: 22px;
  text-align:left;

   white-space: nowrap;
   box-sizing: content-box;
      padding:2px 0 2px 15px;
 
}


.second-level-menu > li:hover { 

}



.second-level-menu > li.active { 
}



.top-level-menu
{
    list-style: none;
    padding: 0;
   margin: 0 auto; 
   width:auto;
   display:inline-block;


}

.top-level-menu > li
{
    position: relative;
    float: left;
   text-align:center;
height:40px;


   
   
}
.top-active{
   color:#7b7b7b ;
}




.top-level-menu li hover > a {color:#6c6c6c ; ;}

.top-level-menu > li:hover > a {color:#6c6c6c ; }

.top-level-menu > li:hover {color:#6c6c6c ; }


.top-level-menu a:hover {color:#6c6c6c ;}




.top-level-menu li:hover > ul
{
    /* On hover, display the next level's menu */
   display: inline;

}




.top-level-menu:hover
{
  
}


/* Menu Link Styles */

.top-level-menu a /* Apply to all links inside the multi-level menu */
{
    text-decoration: none;
   padding: 0;
   margin-top:8px;
   display:inline-block;
 

    /* Make the link cover the entire list item-container */


}

.top-level-menu a:hover {color:#6c6c6c}


.second-level-menu a /* Apply to all links inside the multi-level menu */
{
     text-decoration: none;
   padding: 0px 10px 0 0px;
   display:block;
      color:#7a7c7f;

}

@media screen and (max-width:950px) {

.level0,.level0-active,.level0-drop,.level0-drop-active{
 
   font-size: 14px;
line-height:20px;
font-size:0.875rem; 
   line-height:1.125rem;
  
}


  .top-level-margin {
    margin-left: 40px;
}


}



@media screen and (max-width:820px) {
 .top-level-margin {
    margin-left: 30px;
}

}