﻿
.Menu2{
    background-color:transparent;
    font-size:14px;
    position:absolute;
    width:100%;
    top:0;
    left:0;
    z-index:1;
-webkit-box-shadow: 0px 11px 26px -15px rgba(0,0,0,1);
-moz-box-shadow: 0px 11px 26px -15px rgba(0,0,0,1);
box-shadow: 0px 11px 26px -15px rgba(0,0,0,1);
height:60px;
}
.Menu2 h1{
    color:#fff;
    font-size:13px;
    line-height:40px;
            padding-right:15px;
    padding-left:15px;
      margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .Menu2 h1 {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .Menu2 h1 {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .Menu2 h1 {
    width: 1170px;
  }
}

@media (min-width: 991px) {

.BackMenu,.Menu{
    background-color:transparent;
    font-size:14px;
    position:absolute;
    width:100%;
    top:0;
    left:0;
    z-index:1;
-webkit-box-shadow: 0px 11px 26px -15px rgba(0,0,0,1);
-moz-box-shadow: 0px 11px 26px -15px rgba(0,0,0,1);
box-shadow: 0px 11px 26px -15px rgba(0,0,0,1);
}

.Menu::before{
    content:"";
    position:absolute;
    width:100%;
    top:0;
    left:0;
    z-index:0;
    opacity:.3;
    background:#fff;
}
.Menu,.Menu ul,.Menu ul li,.Menu a,.Menu::before{
    height:60px;
    line-height:60px;
}
.Menu ul{
        padding-right:15px;
    padding-left:15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .Menu ul {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .Menu ul {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .Menu ul {
    width: 1170px;
  }
}
.Menu ul li{
    position:relative;
    min-width:80px;
    text-align:center;
    float:left;
}
.Menu a{
    display:block;
    text-decoration:none;
    color:#ddd !important;
}
.MenuIcon{
    display:none;
}

/*  submenu   */

.Menu ul ul{
    display:none !important;
    position:absolute;
    top:100%;
    left:0px;
    background:#eee;
    height:auto;
    z-index:100;
}
.Menu ul ul li{
    position:relative;
    min-width:130px;
    text-align:center;
}
.Menu ul ul ul{
    left:100%;
    top:0px;
}
.Menu ul ul li{
    height:40px;
    line-height:40px;
}
.Menu ul ul li a{
    display:block;
    text-decoration:none;
    color:#000;
    line-height:40px;
    height:40px;
    width:100%;
    border-bottom:#fff solid 1px;

}
.Menu li span{
    display:none;
}

.Menu li:hover>ul{
    display:block !important;
}
.Menu ul ul li:hover>ul{
    display:block !important;
}

@media (max-width: 991px){
.MenuIcon{
    width:auto;
    float:right;
    display:block;
    height:60px;
    background:none;
    padding-right:15px;
    cursor:pointer;
}

.MenuIcon span{
    display:inline-block;
    height:15px;
    float:left !important;
    width:15px;
    margin-right:2px !important;
    margin-bottom:2px !important;
    background:#fff;
}
.MenuIcon span:nth-child(1){
    transition:all 0.10s;
}
.MenuIcon span:nth-child(2){
    transition:all 0.70s;
}
.MenuIcon span:nth-child(3){
    transition:all 0.50s;
}
.MenuIcon span:nth-child(4){
    transition:all 0.30s;
}
.InMenuIcon:hover>span{
    background:#25518c;
}
.InMenuIcon{
    display:inline-block;
    margin-left:20px;
    margin-top:10px;
    width:40px !important;
    height:40px !important;
    float:left;
}
.BackMenu {
    background:#eee;
    width:100%;
    float:left;

}
.Menu{
    display:none;
    background:#eee;
    width:100%;
    font-size:12px;
    float:left;
}
.Menu ul{
    width:100%;
    list-style:none;
    float:left;
    padding:0;
    margin:0;
}
.Menu ul li{
    min-height:40px;
    width:100%;
    text-align:left;
    float:left;
    display:block;
    position:relative;

}
.Menu a{
    width:100%;
    height:40px;
    line-height:40px;
    display:block;
    text-decoration:none;
    color:#666;
    border-bottom:#fff solid 1px;
    padding-left:20px;
    padding-right:20px;
    background:#eee;

}
.Menu li span{
    position:absolute;
    top:10px;
    display:inline-block;
    font-size:18px;
    right:20px;
    border:#666 solid 1px;
    border-radius:50%;
    line-height:12px;
    padding:3px;
    cursor:pointer;
}
.Menu li span:hover{
    background-color:#2b7cb7;
    color:#fff;
}

.Menu ul ul,.Menu ul li ul{
    float:left;
    width:100%;
    display:none;
    position:relative;
    background:#eee;
    height:auto;
}
.Menu li ul a{
 padding-left:30px !important; 
}
.Menu li ul ul a{
 padding-left:40px !important; 
}
}
