/* Шапка и меню */
.nav-mobile {display: none; position: absolute;top: 0;right: 0;background: #fff;height: 60px;width: 70px;}
.h {display: block}
.black {color:#b59e5c}
.sear {background: url(../img/search.webp); width:47px; height:35px;}
.omenu {float: left; font:bold 20px cambria, Arial; margin:10px; width:100%;}


/* Дескопная версия */   /* */
@media screen and (min-width: 901px) {
header {background: #fff;  margin:0 auto; height:70px; width:100%; box-shadow:0 10px 6px -6px #777}
.logo-1{position:absolute; background: url(../img/LG3.png);  width:167px; height:50px; margin:12px; z-index: 2; display:block}
.logo-2{position:absolute; height:50px; right:50px; margin:13px}    
.logo-2 H2{margin:0;}    
.logo-2 H3{margin:0;}
.navigation {position:absolute; top:18px; height: 40px; color:#222; } 
.nav-container {margin: 0 auto; padding:0 0px;}
.brand { display: none;} /* Лого в дескопе*/
nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after {float:left; padding:0 10px;content: "☰";} /* Стрелка, можно убрать*/     
nav ul { list-style: none; margin: 0;padding: 0;}
nav ul li {float: left;position: relative;}
nav ul li a, nav ul li a:visited {display: block; line-height: 35px;}     
nav ul li a:hover, nav ul li a:visited:hover {color: #8B0000;}
nav ul li ul li a {float: left; font:bold 14px cambria, Arial;  border-radius:5px; padding:6px 10px;  margin:3px;border-style: solid; border-color:#696668; border-width:1px;} /* Выпадающие строки под редактирование*/ 
.nav-list { display: block}
.nav-dropdown {position: absolute; display: none; margin-top:17px;  background: #fff; box-shadow:0 10px 6px -6px #777; border-style: none solid solid solid; border-color:#a6a6a6; border-width:1px; padding: 15px;z-index: 2;}      
.nav-dropdown a {color:#616161}      
.nav-dropdown a:visited {color:#616161}      
.speedbar{margin:5px 0 5px 10px; font:12px Arial; width: 100%; color:#a0aec0;}
.speedbar a {color:#a0aec0;}
.speedbar a:hover {color:#000;}
.speedbar H1{font:12px Arial; margin:0px; color:#a0aec0;} 
}
@media screen and (min-width: 1530px) {
.head {position:relative; background: #fff;  margin:0 auto; width:1500px; height:70px}
.logo-1{left:20px;}
.logo-2{left:200px; width:300px;}    
.logo-2 H2{font: bold italic 18px cambria, Arial; letter-spacing:1px;}    
.logo-2 H3{font: italic 16px cambria, Arial; letter-spacing:1px; color:#a0aec0; }
.navigation {left:450px; width:900px; font:18px cambria, Arial; letter-spacing:1px;} 
nav ul li a, nav ul li a:visited {padding: 0 15px;} 
.nav-dropdown {margin-left: -450px;  width: 1470px; }

}
@media (min-width: 1330px) and (max-width: 1529px) {
.head {position:relative; background: #fff;  margin:0 auto; width:1300px; height:70px}
.logo-1{left:20px;}
.logo-2{left:200px; width:300px;}    
.logo-2 H2{font: bold italic 18px cambria, Arial; letter-spacing:1px;}    
.logo-2 H3{font: italic 16px cambria, Arial; letter-spacing:1px; color:#a0aec0; }
.navigation {left:450px; width:800px; font:18px cambria, Arial; letter-spacing:1px;} 
nav ul li a, nav ul li a:visited {padding: 0 10px;} 
.nav-dropdown {margin-left: -450px; width: 1270px;}

}
@media (min-width: 901px) and (max-width: 1329px) {
.head {position:relative; background: #fff;  margin:0 auto; width:100%; height:70px}
.logo-1{left:0px;}
.logo-2{left:85px; width:230px; top:5px;}    
.logo-2 H2{font: bold italic 16px cambria, Arial; letter-spacing:1px;}    
.logo-2 H3{font: italic 14px cambria, Arial; letter-spacing:1px; color:#a0aec0; }
.navigation {left:330px; width:570px; font:16px cambria, Arial; letter-spacing:0px;} 
nav ul li a, nav ul li a:visited {padding: 0 10px;} 
.nav-dropdown {margin-left: -330px; width: 870px;}
.h {display: none;}
}










/* Мобильная версия*/ 
@media screen and (max-width: 900px) {

.logo-2{position:absolute; left:80px; width:240px; letter-spacing:1px; margin:10px}
.logo-2 H2{font: bold italic 16px cambria, Arial; margin:0; color:#000;}    
.logo-2 H3{font: italic 14px cambria, Arial; margin:0; color:#a0aec0; }        
 
    
  
header {background: #fff; margin:0 auto;  max-width: 900px; height:60px; box-shadow:0 10px 6px -6px #777}
.nav-container {max-width: 899px; margin: 0 auto; padding:0; }
.navigation {height: 60px;}
.brand {background: url(../img/LG3.png);  width:167px; height:50px; margin:5px; position: absolute; float: left; line-height: 60px;} /* Лого в мобильной*/
.brand a,.brand a:visited {color: #a6a6a6; text-decoration: none;}  /* Лого в мобильной*/
.nav-mobile {display: block;}
nav {float: right; width: 100%; padding:60px 0 10px 0;}    
nav ul { display: none; list-style: none; margin: 0; padding: 0;  font-weight: bold}     
nav ul li a, nav ul li a:visited {display: block; line-height: 40px;  padding: 0 20px; background: #fff; letter-spacing:1px; font-size: 14px; color: #000; text-decoration: none; border-style:none none solid none; border-color:#696668; border-width:1px;}        
nav ul li ul { padding:0 0 30px 10px; border-style:none none solid none; border-color:#696668; border-width:1px; clear: both; background: #f8f8f8;}  
nav ul li ul li {float: left;}    
nav ul li ul li a,
nav ul li ul li a:visited  {float: left; font:14px cambria, Arial;border-radius:5px; padding:6px 10px;  margin:3px; border-style: solid; border-color:#696668; border-width:1px;clear: both;}    
nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after {float:left; padding:0 10px;content: "⇅";} /* Стрелка, можно убрать*/ 
nav ul li a:hover {background: #f8f8f8;}
#nav-toggle { position: absolute; left: 18px; top: 22px; cursor: pointer; padding: 5px 35px 16px 0px; }
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after { cursor: pointer; border-radius: 1px; height: 5px; width: 35px;  background: #696969; position: absolute; display: block; content: ""; transition: all 300ms ease-in-out;}
#nav-toggle span:before {top: -10px;}
#nav-toggle span:after {bottom: -10px;}
#nav-toggle.active span {background-color: transparent;}
#nav-toggle.active span:before, #nav-toggle.active span:after {top: 0;}
#nav-toggle.active span:before {transform: rotate(45deg);}
#nav-toggle.active span:after {transform: rotate(-45deg);}
.speedbar{display: none;}    
    

}