/* Menu */
#menu   {padding: 0; margin: 0; list-style: none; height: 40px; line-height: 40px; text-align: center; clear: both; background: none!important;}
#menu li    {padding: 0; margin: 0; display: inline-block; position: relative;}
*+ html #menu li    {float: left;}
#menu li a  {display: block; padding: 0 15px; font-size: 17px;}


/* Menu 01a */
#menu.menu01a li    {}
#menu.menu01a li a,
#menu.menu01a li a:hover,
#menu.menu01a li.open a,
#menu.menu01a li.active a {/*color: #fff;*/}  

#menu.menu01a a    {
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
}

/* Menu 01b */
#menu.menu01b li    {margin: 0 0 0 -5px;}
#menu.menu01b li a,
#menu.menu01b li a:hover,
#menu.menu01b li.open a,
#menu.menu01b li.active a {/*color: #fff;*/}  


#menu.menu01b li.first a    {
    -webkit-border-top-left-radius: 27px;
    -moz-border-radius-topleft: 27px;
    border-top-left-radius: 27px;
    -webkit-border-bottom-left-radius: 27px;
    -moz-border-radius-bottomleft: 27px;
    border-bottom-left-radius: 27px;
}

#menu.menu01b li.last a    {
    -webkit-border-top-right-radius: 27px;
    -moz-border-radius-topright: 27px;
    border-top-right-radius: 27px;
    -webkit-border-bottom-right-radius: 27px;
    -moz-border-radius-bottomright: 27px;
    border-bottom-right-radius: 27px;
}

/* Menu 01c */
#menu.menu01c li    {}
#menu.menu01c li a,
#menu.menu01c li a:hover,
#menu.menu01c li.open a,
#menu.menu01c li.active a {/*color: #fff;*/}  

#menu.menu01c a    {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

/* Menu 01d */
#menu.menu01d li    {margin: 0 0 0 -5px;}
#menu.menu01d li a,
#menu.menu01d li a:hover,
#menu.menu01d li.open a,
#menu.menu01d li.active a {/*color: #fff;*/}  


#menu.menu01d li.first a    {
    -webkit-border-top-left-radius: 7px;
    -moz-border-radius-topleft: 7px;
    border-top-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-bottom-left-radius: 7px;
}

#menu.menu01d li.last a    {
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    border-bottom-right-radius: 7px;
}

/* Menu 02a */
#menu.menu02a li    {margin: 0 0 0 -5px; border-top-width: 1px; border-bottom-width: 1px; border-style: dotted; }
#menu.menu02a li a  {background: none;}
#menu.menu02a li a:hover,
#menu.menu02a li.open a,
#menu.menu02a li.active a {/*color: #fff;*/}  

/* Menu 02b */
#menu.menu02b li    {margin: 0 0 0 -5px; border-top-width: 1px; border-bottom-width: 1px; border-style: solid; }
#menu.menu02b li a  {background: none;}
#menu.menu02b li a:hover,
#menu.menu02b li.active a,
#menu.menu02b li.open a,
#menu.menu02b li.active a {/*color: #fff;*/}  

/* Menu 02c */
#menu.menu02c li    {border-bottom-width: 1px; border-style: solid; margin: 0 0 0 -5px; position: relative;}
#menu.menu02c li a  {background: none;}
#menu.menu02c li a:hover,
#menu.menu02c li.open a,
#menu.menu02c li.active a {background: none;}  

#menu.menu02c li.open span.arrow,
#menu.menu02c li.active span.arrow {display: block; position: absolute; left: 50%; bottom: -6px; margin: 0 0 0 -5px; width: 0px; height: 0px; border-style: solid; border-width: 6px 4.5px 0 4.5px; border-bottom-color: transparent; border-right-color: transparent; border-left-color: transparent;}
#menu.menu02c li span.arrow {display: none;}

/* Menu 02d */
#menu.menu02d li    {border-top-width: 1px; border-style: solid; margin: 0 10px 0 0;}
#menu.menu02d li a  {background: none; padding: 0 5px;}
#menu.menu02d li a:hover,
#menu.menu02d li.open a,
#menu.menu02d li.active a {background: none;}  
#menu.menu02d li.open {border-top-width: 3px; border-style: solid;}

/* Menu 03a */
#menu.menu03a li    {border-left-width: 1px; border-style: solid;}
#menu.menu03a li.first  {border: 0;}
#menu.menu03a li a  {background: none;}
#menu.menu03a li a:hover,
#menu.menu03a li.open a,
#menu.menu03a li.active a {background: none;}  

#menu li, #menu li a {transition: color 400ms; transition-property: background, color;}

/* Menu 03b */
#menu.menu03b li    {margin: 0 0 0 -5px;}
#menu.menu03b li a  {background: none; padding-top: 15px;}
#menu.menu03b li a:hover,
#menu.menu03b li.open a,
#menu.menu03b li.active a {/*color: #fff;*/} 

/* Menu 03c */

#menu.menu03c li a  {background: none;}
#menu.menu03c li a:hover,
#menu.menu03c li.open a,
#menu.menu03c li.active a {background: none;}  

#menu.menu03c li span.arrow {display: block; width: 3px; height: 3px; background: #fff; border-width: 2px; border-style: solid; position: absolute; top: 50%; left: 0; margin: -4px 0 0 0;} 
#menu.menu03c li ul span.arrow   {display: block; position: absolute; left: 18px; top: 5px; margin: 0; width: 0px; height: 0px; border-style: solid; border-width: 0 4.5px 6px 4.5px; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent;}
#menu.menu03c li ul li span.arrow   {display: none;}

/* Menu 03d */
#menu.menu03d li a  {background: none;}
#menu.menu03d li a:hover,
#menu.menu03d li.open a,
#menu.menu03d li.active a {background: none;}   

/* Submenu */
#menu ul    {display: none;}
#menu li.active ul {display: block; position: absolute; top: 100%; left: -30px; z-index: 999; background: none; padding: 10px 0 0 0; width: 200px; z-index: 999;}
#menu li.last.active ul  {left: -143px;}
#menu li.active ul li  {display: block; float: none; border-bottom: 1px solid #fff; margin: 0; position: relative; border: 0; width: 200px;}
*+html #menu li.active ul li    {margin: -4px 0 -13px 0;}
#menu li.active ul a    {display: block; text-align: left; text-transform: none; line-height: 120%; padding: 6px 20px!important; font-size: 12px; margin: 0; position: relative; border: 0!important; width: 160px; height: auto!important;
                        -webkit-border-radius: 0;
                        -moz-border-radius: 0;
                        border-radius: 0;}

#menu li.active ul ul  {display: none;}
#menu li.active ul li.active ul  {display: block; position: absolute; top: 0; left: 170px; padding: 0 0 0 1px;}
#menu li.last.active ul li.active ul    {left: -232px;}
*+html #menu li.active ul li.active ul  {top: -1px;}

#menu li.active ul li a,
#menu2 li.active ul li a {-webkit-border-radius: 0!important;
                        -moz-border-radius: 0!important;
                        border-radius: 0!important;} 

#menu li.active ul li.first a,
#menu2 li.active ul li.first a   {-webkit-border-radius: 7px 7px 0 0!important;
                                -moz-border-radius: 7px 7px 0 0!important;
                                border-radius: 7px 7px 0 0!important;} 
                                
#menu li.active ul li.last a,
#menu2 li.active ul li.last a   {-webkit-border-radius: 0 0 7px 7px!important;
                                -moz-border-radius: 0 0 7px 7px!important;
                                border-radius: 0 0 7px 7px!important;}   
                                
#menu li.active ul li.first.last a,
#menu2 li.active ul li.first.last a   {-webkit-border-radius: 7px!important;
                                          -moz-border-radius: 7px!important;
                                          border-radius: 7px!important;}  
                                
#menu li.active ul li ul li a,
#menu li.active ul li.first ul li a,
#menu li.active ul li.last ul li a,
#menu2 li.active ul li ul li a,
#menu2 li.active ul li.first ul li a,
#menu2 li.active ul li.last ul li a   {-webkit-border-radius: 0!important;
                                      -moz-border-radius: 0!important;
                                      border-radius: 0!important;}    
                                
#menu li.active ul li ul li.first a,
#menu2 li.active ul li ul li.first a    {-webkit-border-top-left-radius: 0;
                                        -moz-border-radius-topleft: 0;
                                        border-top-left-radius: 0;}  
                                    
#menu li.active ul li.first ul li.first a,
#menu2 li.active ul li.first ul li.first a    {-webkit-border-top-left-radius: 7px!important;
                                              -moz-border-radius-topleft: 7px!important;
                                              border-top-left-radius: 7px!important;
                                              -webkit-border-top-right-radius: 7px!important;
                                              -moz-border-radius-topright: 7px!important;
                                              border-top-right-radius: 7px!important;}  
                                              
#menu li.active ul li ul li.last a,
#menu2 li.active ul li ul li.last a   {-webkit-border-bottom-right-radius: 7px!important;
                                      -moz-border-radius-bottomright: 7px!important;
                                      border-bottom-right-radius: 7px!important;
                                      -webkit-border-bottom-left-radius: 7px!important;
                                      -moz-border-radius-bottomleft: 7px!important;
                                      border-bottom-left-radius: 7px!important;} 
                                      
#menu li.active ul li.last ul li.first a,
#menu2 li.active ul li.last ul li.first a    {-webkit-border-top-right-radius: 7px;
                                              -moz-border-radius-topright: 7px;
                                              border-top-right-radius: 7px;}
                                              
#menu li ul span.arrow {display: block; position: absolute; left: 18px; top: 5px; margin: 0; width: 0px; height: 0px; border-style: solid; border-width: 0 4.5px 6px 4.5px; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent;}
#menu li.last ul span.arrow {left: 174px;}
#menu li ul li ul span.arrow    {display: none;}

#menu li ul span.square {display: block; width: 3px; height: 3px; position: absolute; top: 11px; left: 10px; background: #fff;}
#menu li ul li span.arrowR   {display: block; position: absolute; right: 6px; top: 8px; margin: 0; width: 0px; height: 0px; border-style: solid; border-width: 5px 0 5px 6px; border-bottom-color: transparent; border-top-color: transparent; border-right-color: transparent; border-left-/*color: #fff;*/}

#menu li ul li  {border: 0!important;}

#menu2  {float: left; margin: 0; padding: 0; width: 238px; list-style: none;}
#menu2 li   {padding: 0; margin: 0;}
#menu2 li a {display: block; padding: 10px 20px; line-height: 120%; font-size: 18px; text-decoration: none; text-transform: uppercase;}

#menu2 li ul    {padding: 0; margin: 0; display: none;}
#menu2 li.open ul   {display: block;}
#menu2 li li a  {padding: 7px 20px 7px 50px; font-size: 14px; text-transform: none;} 


/* Menu 51a */

#menu2.menu51a li a {border-left-width: 4px; border-style: solid;}
#menu2.menu51a li li a  {border: 0; padding-left: 40px;}

#menu2 li:before    {display: none;}
#menu2 ul li:before,
#menu2.menu52b li.open li:before    {display: inline-block; margin: 12px 0 0 22px; z-index: 99; border: 0; width: 8px; height: 8px; -webkit-border-radius: 180px; -moz-border-radius: 180px; border-radius: 180px;}
#menu2.menu52b li:before    {display: inline-block; margin: 17px 0 0 5px; z-index: 99; border: 0; width: 8px; height: 8px; -webkit-border-radius: 180px; -moz-border-radius: 180px; border-radius: 180px;}
#menu2.menu52a li.open li:before    {border-width: 2px; background: none; border-style: solid; width: 5px; height: 5px; margin: 12px 0 0 12px;}
#menu2.menu52b li.open li:before    {border-width: 2px; background: none; border-style: solid; width: 5px; height: 5px;}
#menu2.menu53a li.open li:before    {border-width: 2px; background: none; border-style: solid; width: 5px; height: 5px; margin: 12px 0 0 10px;}

#menu2.menu52a li a {border-bottom-width: 3px; border-style: solid; background: none!important; padding-left: 0;}
#menu2.menu52a li li a  {border: 0; padding-left: 30px;}
#menu2.menu52a li a  {background: none;}
#menu2.menu52a li a:hover,
#menu2.menu52a li.open a,
#menu2.menu52a li.active a {background: none;} 

#menu2.menu52b li a {border-bottom-width: 3px; border-style: solid; background: none;}
#menu2.menu52b li li a  {border: 0; padding-left: 40px;}
#menu2.menu52b li.open li a {background: none;}

#menu2.menu53a li   {margin-bottom: 5px;}
#menu2.menu53a li.open ul   {margin-top: 5px;}
#menu2.menu53a li.open li   {margin-left: 20px;}
#menu2.menu53a li.open li a {padding-left: 25px;}

/*
#menu2 li   {border-color: #ea148b; border-top-color: #2b0c34; border-bottom-color: #2b0c34;}
#menu2 li.open   {border-top-color: #2b0c34;}
#menu2 li a  {color: #ea148b; background: #ea148b;}

#menu2 li a:hover,
#menu2 li.active a,
#menu2 li.open a,
#menu2 li a:hover,
#menu2 li.active a,
#menu2 li.open a {color: #2b0c34; background: #2b0c34;}*/





/* Tablet left Menu */

@media screen and (max-width: 979px) {
 
 #menu2   {height: 40px; line-height: 40px; text-align: center; clear: both; float: none; width: 100%; margin: 15px 0 0 0;}
 #menu2 li    {display: inline-block;}
 *+ html #menu2 li    {float: left;}
 #menu2 li a  {display: block; padding: 0 15px; font-size: 17px; line-height: 40px; height: 40px;}
 
 #menu2 li:before   {display: none!important;}
 #menu2 li.open ul  {display: none;}
 
 #menu2 ul    {display: none;}
 #menu2 li.active ul {display: block; position: absolute; top: 100%; left: -30px; z-index: 999; background: none; padding: 10px 0 0 0; width: 200px; z-index: 999;}
 #menu2 li.last.active ul  {left: -143px;}
 #menu2 li.active ul li  {display: block; float: none; border-bottom: 1px solid #fff; margin: 0; position: relative; border: 0; width: 200px;}
 *+html #menu2 li.active ul li    {margin: -4px 0 -13px 0;}
 #menu2 li.active ul a    {display: block; text-align: left; text-transform: none; line-height: 120%; padding: 6px 20px!important; font-size: 12px; margin: 0; position: relative; border: 0!important; width: 160px; height: auto!important;
                            -webkit-border-radius: 0;
                            -moz-border-radius: 0;
                            border-radius: 0;}
    
}

/* Mobile Menu */

#header a#mobMenu,
a#mobMenu2 { display: none; padding: 0;}

@media screen and (max-width: 767px) {
    
    #header a#mobMenu,
    a#mobMenu2 {display: block; /*color: #fff;*/ text-decoration: none; height: 44px; line-height: 44px; font-weight: normal; font-size: 23px; width: 90%; margin: 0 auto; text-align: center; text-transform: uppercase;
            -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
    
    #menu,
    #menu2 {width: 90%!important; max-width: 90%!important; height: auto!important; display: none; background: none; padding: 0; margin: 0 auto!important; height: auto; overflow: visible; position: relative!important; top: 0; left: 0; float: none!important;}
    #menu li,
    #menu2 li {display: block; float: none!important; position: relative; margin: 1px 0 0 0!important; border: 0!important; height: auto!important;}
    #menu li a,
    #menu2 li a { display: block; padding: 10px 0!important; height: auto!important; line-height: 120%!important; font-weight: bold!important; font-size: 16px!important; border: 0!important; -webkit-border-radius: 7px!important; -moz-border-radius: 7px!important; border-radius: 7px!important;}
    #menu li.active ul,
    #menu li.open ul,
    #menu2 li.active ul,
    #menu2 li.open ul {position: relative; width: 100%; margin: 0; top: 0; left: 0; padding: 0; display: block;} 
    #menu li.active ul span,
    #menu li.open ul span,
    #menu li span,
    #menu2 li.active ul span,
    #menu2 li.open ul span,
    #menu2 li span {display: none!important;}
    #menu li.active ul li,
    #menu2 li.active ul li   {width: 94%; padding: 0 3%;}
    #menu li.active ul li a,
    #menu li.open ul li a,
    #menu2 li.active ul li a,
    #menu2 li.open ul li a   {text-align: center; font-weight: normal!important; margin: 0 10px;
                               -webkit-border-radius: 7px!important; -moz-border-radius: 7px!important; border-radius: 7px!important; margin: 0; width: auto;} 
    #menu li.active ul li.active ul li a,
    #menu li.open ul li.open ul li a,
    #menu2 li.active ul li.active ul li a,
    #menu2 li.open ul li.open ul li a    {margin: 0 10px;}
    
    #menu li.active ul li.active ul,
    #menu2 li.active ul li.active ul {position: relative; top: 0; left: 0;}
    #menu li.active ul li.active ul li a,
    #menu2 li.active ul li.active ul li a    {-webkit-border-radius: 7px!important; -moz-border-radius: 7px!important; border-radius: 7px!important;}
    
    #menu li.last.active ul,
    #menu2 li.last.active ul  {left: 0;}
    
}