.slinky-menu {
overflow: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}

.slinky-menu>ul {
left: 0;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}

.slinky-menu ul {
width: 100%;
}

.slinky-menu a {
-webkit-box-align: center;
align-items: center;
display: -webkit-box;
display: flex;
}

.slinky-menu a span {
-webkit-box-flex: 1;
line-height: 1.4;
}

.slinky-menu li ul {
display: none;
left: 100%;
position: absolute;
top: 0;
}

.slinky-menu .header {
display: flex;
background: #dce2f9;
border-radius: 5px;
height: 55px;
line-height: 55px;
padding: 1em;

}

.slinky-menu .header .title {
line-height: 1.4;
margin: 0 auto;
width: 210px;
}

.slinky-theme-default .title {
color: #333;
font-size: 17px;

}

.slinky-theme-default li {
line-height: 1;
}

.slinky-theme-default a:not(.back) {
color: #333;
padding: 1em;
}

.slinky-theme-default a:not(.back):hover {
background: rgba(90, 200, 250, 0.25);
}

.slinky-theme-default a:not(.back):active {
background: rgba(90, 200, 250, 0.5);
}

.slinky-theme-default .next::after, .slinky-theme-default .back::before {
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICAgIDxwYXRoIGQ9Ik0xMi4yMTkgMi4yODFMMTAuNzggMy43MiAxOC4wNjIgMTFIMnYyaDE2LjA2M2wtNy4yODIgNy4yODEgMS40MzggMS40MzggOS05IC42ODctLjcxOS0uNjg3LS43MTl6IiAvPjwvc3ZnPg==) center no-repeat;
background-size: 1em;
content: '';
height: 1em;
-webkit-transition: 200ms;
transition: 200ms;
width: 1em;
margin-left: auto;
}

.slinky-theme-default .back::before {
padding: 0;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
margin:0 auto 0 0;
}

.wrap.mob .js-menu {
margin-top: 30px;
}

.wrap.mob .js-menu ul.active{
border-radius: 5px;
}

.wrap.mob .js-menu ul a.back{
position: absolute;
width: 100%;
height: 55px;
margin: 0;
}

.wrap.mob .js-menu ul li{
border-bottom: 1px solid #eee;
}

.wrap.mob .js-menu > ul > li{
border-bottom: none;
}

.wrap.mob .js-menu ul.active li.pr-zag{
border-bottom: none;
height: 44px;
line-height: 44px;
font-weight: bold;
}

.wrap.mob .js-menu ul.ryad{
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
}

.wrap.mob .js-menu ul.ryad li:first-child{
flex-basis: 100%;
}

.wrap.mob .js-menu ul.ryad li {
border: none;
}

.wrap.mob .js-menu ul.ryad li a {
height: 44px;
line-height: 44px;
border: 2px solid #dee7ff;
border-radius: 5px;
text-align: center;
width: 55px;
justify-content: center;
}

.wrap.mob .js-menu ul.ryad li.header a {
height: 44px;
line-height: 44px;
border: none;
text-align: center;
width: 44px;
}

.wrap.mob .js-menu a.zag{
text-align: left;
font-weight: bold;
border-radius: 5px;
height: 44px;
}

.wrap.mob .js-menu a.zag span{
width: 190px;
display: block;
}

.wrap.mob .js-menu a.zag.t1{
padding-left: 80px;
background: #dce2f9 url(/theme/img/menutab.svg) no-repeat 22px -94px;
height: 55px;
}

.wrap.mob .js-menu a.zag.t1:hover, .wrap.mob .js-menu a.zag.t2:hover, .wrap.mob .js-menu a.zag.t3:hover, .wrap.mob .js-menu a.zag.t4:hover, .wrap.mob .js-menu a.zag.t5:hover, .wrap.mob .js-menu a.zag.t6:hover, .wrap.mob .js-menu a.zag.t7:hover{
background-color: #c5d1ff;
}

.wrap.mob .js-menu a.zag.t2{
padding-left: 80px;
background: #dce2f9 url(/theme/img/menutab.svg) no-repeat 22px 22px;
height: 55px;
}

.wrap.mob .js-menu a.zag.t3{
padding-left: 80px;
background: #dce2f9 url(/theme/img/menutab.svg) no-repeat 22px -218px;
height: 55px;
}

.wrap.mob .js-menu a.zag.t4{
padding-left: 80px;
background: #dce2f9 url(/theme/img/menutab.svg) no-repeat 22px -340px;
height: 55px;
}

.wrap.mob .js-menu a.zag.t5{
padding-left: 80px;
background: #dce2f9 url(/theme/img/menutab.svg) no-repeat 22px -458px;
height: 55px;
}

.wrap.mob .js-menu a.zag.t6{
padding-left: 80px;
background: #dce2f9 url(/theme/img/menutab.svg) no-repeat 22px -575px;
height: 55px;
}

.wrap.mob .js-menu a.zag.t7{
padding-left: 80px;
background: #dce2f9 url(/theme/img/menutab.svg) no-repeat 22px -685px;
height: 55px;
}
@media (max-width: 480px) {
.wrap.mob .js-menu ul.ryad li a {
width: 50px;
}}
@media (max-width: 315px) {
.wrap.mob .js-menu ul.ryad li a {
width: 42px;
}}