#nav-top, #nav-top-lang {
 margin-top:0px;
transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms; 
text-align: center;
z-index: 9999 !important;
} 

.navigation {
    padding-top: 5px;
}
#nav-top-lang .navigation {
    padding: 0 0 5px 0;
}
 ul.menu #toggle ,
ul.menu #hide{
display: none ;
}

  .navigation ul.menu {
 margin:0 0 0 0 !important;
padding:0 !important; 
position:relative !important;
display:inline-block!important ;
text-align:center;

}

.navigation ul.menu li {
 margin:0 !important;
padding:0 0 0px 0 !important; 
float:left !important;
outline: none !important;
position:relative !important;
list-style:none !important; 
background:transparent;
}


 .navigation ul.menu li a {
padding:10px 10px 5px 10px; 
 margin:0px 0px 0px 0px; 
text-decoration:none !important;
text-transform: uppercase !important ;
/*text-shadow: #0e0b0b 0 0 20px;  Свечение голубого цвета */
font-family: /*normal 100%/1.2em*/ "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
  
display:inline-block !important ;
font-weight:normal;
 height:40px;
font-size:14px ;
/*letter-spacing:3px;*/
/*border-left: 3px solid #fff;*/
transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms; 
  transition: background 1.5s;

} 


.separator {
padding:10px 10px 5px 10px; 
 margin:0px 0px 0px 0px; 
text-decoration:none !important;
text-transform: uppercase !important ;
font-family: /*normal 100%/1.2em*/ "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
display:inline-block !important ;
font-weight:normal;
color: #ffffff;
 height:40px;
font-size:14px ;
transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms; 
  transition: background 1.5s;
  cursor: pointer;
}

.separator ul.menu li a:hover {
 transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms; 
background: #fff !important;}

.separator:hover{
	background: #fff;
	color: #000;
}


/*
.navigation ul.menu li a:last-child {
 border-right: 2px solid #fff; 

 }*/

 .navigation ul.menu li a:hover {
 transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms; 
background: #fff;
 /*color: #fff;*/
}

.navigation ul.menu li .separator a:hover {
 transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms; 
background: #fff;
 /*color: #fff;*/
}

.navigation ul.menu li ul li a {

font-weight:bold;
display:block !important;
line-height:2em;
}


.navigation ul.menu li ul li a:hover {
background-color: #dedede !important;
height:100% !important;

}

.navigation ul.menu li ul li:hover {
background-color: #C0C0C0 !important;
height:100% !important;

}


.navigation ul.menu li.active a   {
}

/****** dropdown Navigation ******/
.navigation ul.menu li:hover > ul{
visibility:visible!important ;
opacity:1 !important ;
}

.navigation ul.menu ul {
list-style: none !important ;
margin: 0 !important;
padding: 0 !important;    
visibility:hidden !important;
position: absolute !important;
position:relative;
z-index: 1000  !important;
/*width:220px !important;*/
opacity:0 !important;
-webkit-transition:opacity 0.2s linear, visibility 0.2s linear !important; 
-moz-transition:opacity 0.2s linear, visibility 0.2s linear !important; 
-o-transition:opacity 0.2s linear, visibility 0.2s linear !important; 
transition:opacity 0.2s linear, visibility 0.2s linear !important;  
 box-shadow: 0 3px 3px 0 rgba(0,0,0,0.1); 
background:url(../images/bg-menu.png) 0 0px no-repeat /*!important */;
padding-top:10px !important; /*РАССТОЯНИЕ МЕЖДУ МЕНЮ И ВЫПАДАЮЩИМ ПУНКТОМ МЕНЮ*/
}
.navigation ul.menu ul : hover {
background-color:#fff;
}

.navigation ul.menu ul {
/*top: 45px !important;
left: 0 !important;*/
}



.navigation ul.menu ul:after{
clear:both !important;
display:block !important;
}

.navigation ul.menu ul li ul {
top: 0px !important;
/*left: 200px !important;*/
}

.navigation ul.menu ul li {
clear:both !important;
width:100% !important;
border:0 none !important;
text-align:center !important;
border-bottom:1px solid #333333 !important;  
display:block !important;
background:#B7B5B5 !important;/*ЦВЕТ ВСЕХ ПУНКТОВ ПОДМЕНЮ - СЕРЫЙ*/
 padding:0 !important;
 margin:0 !important;
}

.navigation ul.menu ul li:hover {
background-color:silver !important;
}

.navigation ul.menu ul li ul : hover {
background: #fff;
}

.navigation ul.menu ul li : hover {
background-color:white !important;
}

.navigation ul.menu ul li a {
background:none !important;
/*padding:0px 15px 15px 15px 15px !important;*/
background:url:none;
text-decoration:none !important;
display:block !important;
border:none !important;
/*float:left !important;*/
/*height:10px !important;*/
/* margin:15px 0 !important;*/
 font-size:12px ;
/* line-height:10px*/
 /*letter-spacing:2px !important;
background-color: grey;*/
width:270px;
text-align: left; /*ЧТОБЫ В ПОДПУНКТАХ РОВНЕНИЕ ТЕКСТА БЫЛО ПО ЛЕВОМУ КРАЮ*/
position:relative;
background-image: none;
height:100%;
} 

.navigation ul.menu ul li ul { 
/*display:block;*/
/*НАЙТИ КАК ВЫДВИНУТЬ ПОДПУНКТ МЕНЮ В БОК*/
position:absolute;
right: -270px;
top:0;
background-image: none;
/*background:none !important;*/}

.navigation ul.menu ul li ul a { /*НАЙТИ КАК ВЫДВИНУТЬ ПОДПУНКТ МЕНЮ В БОК*/
/*position:absolute;
right: -250px;
top:0;*/

display:block;}

.navigation ul.menu ul li ul  : hover {
background:#fff;
}

.navigation ul.menu ul li : hover {
display:block;
background-color: #fff;
} 

.navigation ul.menu ul li a: hover {

background-color: #fff;

} 

div.navigation > ul#menu.menu li.deeper.parent a:after{
content: "\f0dd" !important;  
content: "" !important;  
font-family: fontawesome;
color:#000;
font-weight:normal;
/*padding-left:5px;*/
}

div.navigation > ul#menu.menu li.deeper.parent a:before{
content: "" !important; 
font-family: fontawesome;
}

div.navigation > ul#menu.menu li.deeper.parent > ul.navig > li.deeper.parent > a:after{
content: "" !important;
font-family: fontawesome;
}

div.navigation > ul#menu.menu li.deeper.parent > ul.navig > li.deeper.parent > a:before{
content: "" !important;
}

div.navigation > ul#menu.menu li.deeper.parent a{
} 

.navigation ul.menu ul li a {
/*-webkit-transition: all 2s ease-in-out !important;	
-moz-transition: all 2s ease-in-out !important;
-o-transition: all 2s ease-in-out !important;
transition: all 2s ease-in-out !important; */


} 

.navigation ul.menu ul li a:hover {
/*padding:0px 0 0 15px !important;*/
text-decoration:none !important;
display:block !important; 
border:0 none !important;
/*width:200px !important;*/
/*text-align:left !important;*/ 
background-color:#fff;
 -webkit-transition: all 0.4s ease-in-out !important;	
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
transition: all 0.4s ease-in-out !important;  
height:300px;
/*width: 220px;*/

} 

div.navigation > ul#menu.menu li.deeper.parent > ul.navig > li a:after{
content:"" !important;  
}  

.navigation ul.menu ul li ul   {
/*background:#938F8C;*/
} 

div.modal-content {
 text-align: center !important;
 background:red;
}

 .navigation-res {
  padding:0;
  margin-top:20px  ; 
  list-style:none;
  text-align: center !important;
  width:100%;
   float:none;
   margin-left:auto;
   margin-right:auto;
}
.navigation-res ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center !important;
}
.navigation-res li {
   margin-bottom:20px;
   
}
 .navigation-res li li {
   max-height:0;
   overflow: hidden;
   transition: all .5s;
   border-radius:0;
   box-shadow: none;
   border:none;
   margin:0
}
.navigation-res a {
  display:block;
  text-decoration: none;
  padding: 8px 0;
  font-size:22px !important;
  text-transform:uppercase;
  
}
.navigation-res ul li a, .navigation-res li:hover li a {
  font-size:1em;
  color:#fff !important;
}

 .navigation-res li a:hover {
   color:#727884 !important;
 }

 .navigation-res li:hover li {
  max-height: 15em;
}

div.navigation-res ul#menu.menu li.deeper.parent a:after{
 content: "\f0dd" !important;   
font-family: fontawesome;
color:#fff;
font-weight:normal;
padding-left:10px;
}

 div.navigation-res > ul#menu.menu li.deeper.parent a:before{
content: "" !important; 
font-family: fontawesome;
}

div.navigation-res > ul#menu.menu li.deeper.parent > ul.navig > li.deeper.parent > a:after{
content: "" !important;
font-family: fontawesome;
}

div.navigation-res > ul#menu.menu li.deeper.parent > ul.navig > li.deeper.parent > a:before{
content: "" !important;
font-family: fontawesome;
}


.navigation-res ul#menu.menu > li.deeper.parent > ul.navig > li > a:after{
content: "" !important; 
font-family: fontawesome;
}

.navigation-res ul.menu ul li a {
font-size:18px !important;
text-transform:capitalize;
 }



.navigation li.menu ul a{
transition: all ease 3s;
position: absolute;
right: -250px;
top:0;
/*width: 150px;*/
/*padding: 0px 0px 0px 0px;*/
	/*letter-spacing: 1px;*/
	border-bottom: 2px solid white;
	opacity: 5 !important;
color: black;
width: 249px !important;
} 


.navigation ul.menu ul li a : hover {

background-color:#fff;
transition:all ease 3s;
}

.navigation ul li:hover{
color: #000000;

 transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms; 
	/*background-color: #D6D6D6;
	color: silver;
transition: all ease 3s;*/
}
@media (max-width: 1024px) {
		#nav-top-lang{
            position: fixed;
            right: 0;
            z-index: 9999;
            background: rgba(0, 0, 0, 0.5);
            padding: 0;
        }
		#nav-top-lang .navigation{
			padding:11px;
		}
}