/* Шапка и меню */
.nav-mobile {display: none;position: absolute;top: 0;right: 0;background: #0b2538;height: 70px;width: 70px;}

/* Дескопная версия */
@media screen and (min-width: 1210px) {
header {background: #0b2538 url(../img/head.webp) center top repeat; margin:0 auto; height:100px; width:100%}
.head {position:relative;  margin:0 auto; width:1200px; height:100px}
.logo-1{background: url(../img/logo-1.webp);  position:absolute; width:800px; height:90px; margin:5px; left:30px; display:block}
.logo-2{position:absolute; height:20px; width:50px; right:50px; margin:5px}
.logo-2 a{color:#ccc}

.navigation {height: 35px;background: #0b2538; border-style: solid none none none; border-color:#696668; border-width:1px;  font:17px cambria, Arial; color:#222; letter-spacing:1px;}
.nav-container { width: 1100px; margin: 0 auto; padding:0 50px; }
.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; padding: 0 20px;line-height: 35px;color: #a6a6a6;border-style:none solid none none; border-color:#696668; border-width:1px;}     
nav ul li a:hover, nav ul li a:visited:hover {background: #f8f8f8 url(../img/wr.webp) center top repeat; color: #000;}
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 h6 {float: left; font:bold 20px cambria, Arial; margin:20px; width:100%;}  
.nav-list { display: block}
.nav-dropdown {position: absolute; display: none;  background: #f8f8f8 url(../img/wr.webp) center top repeat; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);border-style: none solid solid solid; border-color:#a6a6a6; border-width:1px; padding: 15px;z-index: 1;}      
.speedbar{margin:0 0 5px 10px; font:11px Arial;  width: 100%; background: #f8f8f8 url(../img/wr.webp) center top repeat;}
.speedbar H1{font:11px Arial; margin:0px}   
.head {width:1210px;}
   
}






/* Мобильная версия*/ 
@media screen and (max-width: 1209px) {
header {display: none;}
.nav-container { max-width: 1209px; margin: 0 auto; padding:0; }
.navigation {height: 70px; background: #0b2538;}
.brand {position: absolute;padding-left: 20px;float: left;line-height: 70px;font-size: 28px;} /* Лого в мобильной*/
.brand a,.brand a:visited {color: #a6a6a6;text-decoration: none;}  /* Лого в мобильной*/
.nav-mobile {display: block;}
nav {float: right; width: 100%;padding:70px 0 15px;}    
nav ul { display: none; list-style: none; margin: 0;padding: 0;}     
nav ul li a, nav ul li a:visited {display: block; line-height: 50px;  padding: 0 30px; background: #e4e4e2;font-size: 18px; letter-spacing:1px; 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 30px; 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:8px 12px;  margin:5px; 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 h6 {float: left; font:bold 18px cambria, Arial; color: #000; margin:20px; width:100%; clear: both;}    
 
#nav-toggle { position: absolute; left: 18px; top: 22px; cursor: pointer; padding: 10px 35px 16px 0px; }
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after { cursor: pointer; border-radius: 1px; height: 5px; width: 35px;  background: #fff; 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;}
}


/* Логин - панель */
/* Логин - панель */
#profilePopup {background:#2e2e2e;top:30px;position:absolute; line-height: 1.5; right:0;z-index:9999;display:none;}
.popupContent {background:#f7f7f7;border:5px solid #131212;width:480px;padding:5px; overflow:hidden;position:relative;}
#blureBox {background:#fff;width:100%;height:100%;position:absolute;z-index:99;top:0;left:0;position:fixed;opacity:0.7;}
.login-left{padding:0px 5px; float:left; height:300px; border-right:1px solid #364352; text-align:center;}
.login-left img{width:100px; height:100px; margin:5px 10px 0 10px}
.login-right{padding:0px 20px; float:left; height:250px}
.login-avt{padding:0px 20px; float:left; height:250px}