/*! #######################################################################

	MeanMenu 2.0.7
	--------

	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */




    
    .menu > ul {
      margin: 0 auto;
      width: 100%;
      list-style: none;
      padding: 0;
      position: relative;
      /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
      box-sizing: border-box;
      font-weight: 300;
    }
    .menu > ul:before,
    .menu > ul:after {
      content: "";
      display: table;
    }
    .menu > ul:after {
      clear: both;
    }
    .menu > ul > li {
      float: left;
      padding: 0;
      margin: 0;
    }
    
    .menu > ul > li a {
      text-decoration: none;
      padding: 13px 36px 12px;
      display: block;
      text-transform: uppercase;
      font-weight: bold;
      color:#fff ;
    }
    
     .menu > ul > li a h2{
        font-size: 15px;
     }
    
    
    
    .menu > ul > li > a:hover {
      color:#fff;
      background: #ffbb02;   
    }
    
    .menu > ul > li ul li a:hover {
      color:#d72630  
    }
    
    
    .menu > ul > li:hover {
    
    }
    
    
     .menu > ul > li:hover ul{
        display: block;
        transition-delay: 2s;
     }
       
    
    .menu > ul > li > ul {
      display: none;
      transition-delay: 2s;
      width: 300px;
      background:#fff;
      position: absolute;
      z-index: 99;
      left: auto;
      border:1px solid #ececec ;
      margin: 0;
      padding: 0px;
      list-style: none;
      box-sizing: border-box;
      box-shadow:0 1px 1px #333;
      -webkit-box-shadow:0 1px 1px #333;
      -moz-box-shadow:0 1px 1px #333;
   
      
    }
    
    .menu > ul > li > ul:before,
    .menu > ul > li > ul:after {
      content: "";
      display: table;
    }
    .menu > ul > li > ul:after {
      clear: both;
    }
    
    .menu > ul > li  ul  li ul {
      border-top:1px solid #ececec ;
    }
    
    .menu > ul > li  ul  li ul li {
      border-bottom:1px solid #ececec ;
    }
    
    
    
    .menu > ul > li > ul > li > a {
      color: #333;
      padding: 7px 12px;
      width: 100%;
      font-size: 14px;
      display: block;
      
      text-transform: none;
    }
    
    .menu > ul > li > ul > li > ul> li > a {
      color: #555;
      padding: 5px 10px;
      width: 100%;
      display: block;
      text-transform: none;
    }
    
    
    .menu > ul > li > ul > li > ul {
      display: block;
      padding: 0;
      margin: 0px 2px 0;
      list-style: none;
      box-sizing: border-box;
    }
    .menu > ul > li > ul > li > ul:before,
    .menu > ul > li > ul > li > ul:after {
      content: "";
      display: table;
    }
    .menu > ul > li > ul > li > ul:after {
      clear: both;
    }
    .menu > ul > li > ul > li > ul > li {
      float: left;
      width: 100%;
      padding-left: 8px;
      margin: 0;
      font-size: 14px;
    }
    .menu > ul > li > ul > li > ul > li a {
      border: 0;
    }
    
    
    .menu > ul > li > ul.normal-sub {
      width: 300px;
      left: auto;
      padding: 10px 20px;
    }
    
    
    .menu > ul > li > ul.normal-sub > li {
       width: 100%;
    }
    
    
    .menu > ul > li > ul li ul li a {
       font-weight: normal;
       font-size: 14px;
    }

    .menu > ul > li > ul.metan48 ,.menu > ul > li > ul.metan48 , .menu > ul > li > ul.metan48  {
       width: 100%;
       left: 0px;
       font-weight: bold;
    }

    .menu > ul > li > ul.metan234 ,.menu > ul > li > ul.metan236 , .menu > ul > li > ul.metan290  {
        
    }

    .menu > ul > li > ul.metan48 > li , .menu > ul > li > ul.metan290 > li   {
       margin: 0;
       padding-bottom: 0;
       list-style: none;
       width: 25%;
       background: none;
       float: left;
   
    }

    .menu > ul > li > ul.metan236 > li  {
       margin: 0;
       padding-bottom: 0;
       list-style: none;
       width: 50%;
       background: none;
       float: left;
   
    }

    .menu > ul > li > ul.metan236 > li ul li  {
       width: 50%;
       float: left
    }
    

    .menu > ul > li > ul.metan234 > li  a:hover , .menu > ul > li > ul.metan236 > li  a:hover , .menu > ul > li > ul.metan290 > li  a:hover {
       color:#d72630;
    }