/*Выезжающее блок слева в 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: #333333;
background: none;
padding: 5px;
position: fixed;
top: 7px;
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{
background: #ffffff;
}
.btn-menu span {
display: block;
height: 5px;
background-color: #faaa55;
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;
}
/*Конец Магия крестик*/
/*Мои новшивства в магии*/
.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: 45px;
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: #222222;
}
.btn-menu:active .pokaz_menu,.btn-menu:active .skrit_menu,.toptel a:active,.topfix .logo:active{
color: #333333;
}

.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 Свайп меню*/