/*Выезжающее блок слева в JS Свайп меню*/

.hidden-menu{
position: fixed;
list-style:none;
padding: 60px 10px 10px 10px;
margin: 0;
box-sizing: border-box;
width: 250px;
background-color: #f1f1f1;
background-size: 100%;
height: 100%;
top: 0;
transition: left .2s;
overflow-y: auto;
z-index: 3003;
left: 0;
position: fixed;
overflow-x: visible;
transform: translate(-250px,0);
display: none;
}

/*Кнопка-бургер*/
.btn-menu {
color: #f1f1f1;
background: none;
padding: 5px;
position: fixed;
top: 2px;
left: 5px;
cursor: pointer;
transition: left .23s;
z-index: 3001;
width: 34px;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
display: none;
}
.ssm-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,0.2);
display: none;
z-index: 1;
}
.btn-menu:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);/* IE 5.5+*/
-moz-opacity:0.80;/* Mozilla 1.6 и ниже */
-khtml-opacity:0.80;/* Konqueror 3.1, Safari 1.1 */
opacity:0.80;/* CSS3 – Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}
.btn-menu span {
display: block;
height: 5px;
background-color: #9fa1a0;
margin: 5px 0 0;
transition: all .1s linear .23s;
position: relative;
}
.btn-menu span.first {
margin-top: 0;
}
/*Конец Кнопка-бургер*/
/*Магия крестик*/
.is-navOpen .hidden-menu .btn-menu {
left: 210px;
}
.is-navOpen .hidden-menu {
left: 0;
}
.is-navOpen span.first {
-webkit-transform: rotate(45deg);
top: 10px;
}
.is-navOpen .btn-menu span.second {
opacity: 0;
}
.is-navOpen .btn-menu span.third {
-webkit-transform: rotate(-45deg);
top: -10px;
}
.is-navOpen .btn-menu span{
background-color: #ffffff;
}

/*Конец Магия крестик*/
/*Мои новшивства в магии*/
.pokaz_menu{
display: inline-block;
left: 36px;
text-align: left;
margin-top: -6px;
width: 175px;
padding: 0px 0px 0px 10px;
height: 38px;
}
.skrit_menu{
display: none;
left: -211px;
text-align: center;
margin-top: -11px;
width: 250px;
height: 40px;
padding: 5px 0px 0px 0px;
}
.pokaz_menu,.skrit_menu{
position: absolute;
font-size: 23px;
font-weight: normal;
padding-top: 5px;
}

.btn-menu:hover .pokaz_menu,.btn-menu:hover .skrit_menu,.toptel a:hover,.topfix .logo:hover{
color: #f9f9f9;
}
.btn-menu:active .pokaz_menu,.btn-menu:active .skrit_menu,.toptel a:active,.topfix .logo:active{
color: #f1f1f1;
}
.toptel a:hover,.topfix .logo:hover{
color: #f1f1f1;
}
.toptel a:active,.topfix .logo:active{
color: #dddddd;
}
.hidden-menu-ticker:checked ~ .btn-menu .pokaz_menu{
display: none;
}
.hidden-menu-ticker:checked ~ .btn-menu .skrit_menu, .is-navOpen .btn-menu .skrit_menu{
display: inline-block;
}
/*Конец Мои новшивства в магии*/
/*Конец Выезжающее блок слева в JS Свайп меню*/