h2{
    --line-height:1.1428571429;
    font-family:Media77,serif;
    font-size:calc(1.03448vw + 14.31034px);
    font-style:normal;
    font-weight:400;
    letter-spacing:0;
    line-height:1.1428571429
}
@media(min-width:2001px){
    h2{
        font-size:35px
    }
}
@media(max-width:550px){
    h2{
        font-size:20px
    }
}
.Burger{
    cursor:pointer;
    display:none;
    height:calc(1.37931vw + 12.41379px);
    position:relative;
    transition:opacity .5s cubic-bezier(.25,1,.5,1),color .4s ease;
    width:calc(1.37931vw + 32.41379px)
}
@media(hover:hover){
    .Burger:hover{
        opacity:.4
    }
}
@media(min-width:2001px){
    .Burger{
        width:60px
    }
}
@media(max-width:550px){
    .Burger{
        width:40px
    }
}
@media(min-width:2001px){
    .Burger{
        height:40px
    }
}
@media(max-width:550px){
    .Burger{
        height:20px
    }
}
.Burger.is-active .Burger__burger span{
    transform:scaleX(0);
    transition:transform .6s ease,background-color .4s ease
}
.Burger.is-active .Burger__cross span{
    background-color:var(--six-pen-color);
    transition:transform .6s ease .6s,background-color .6s ease .3s
}
.Burger.is-active .Burger__cross span:first-of-type{
    transform:rotate(0) scale(1)
}
.Burger.is-active .Burger__cross span:last-of-type{
    transform:rotate(90deg) scale(1)
}
.Burger__block{
    position:relative;
    transition:margin .6s ease 1s;
    width:calc(1.37931vw + 32.41379px)
}
@media(min-width:2001px){
    .Burger__block{
        width:60px
    }
}
@media(max-width:550px){
    .Burger__block{
        width:40px
    }
}
.Burger__block span{
    background-color:var(--six-pen-color);
    height:4px;
    left:0;
    position:absolute;
    width:100%
}
.Burger__block,.Burger__burger,.Burger__cross{
    height:calc(1.37931vw + 12.41379px);
    width:calc(1.37931vw + 32.41379px)
}
@media(min-width:2001px){
    .Burger__block,.Burger__burger,.Burger__cross{
        width:60px
    }
}
@media(max-width:550px){
    .Burger__block,.Burger__burger,.Burger__cross{
        width:40px
    }
}
@media(min-width:2001px){
    .Burger__block,.Burger__burger,.Burger__cross{
        height:40px
    }
}
@media(max-width:550px){
    .Burger__block,.Burger__burger,.Burger__cross{
        height:20px
    }
}
.Burger__burger,.Burger__cross{
    position:absolute
}
.Burger__burger{
    opacity:1;
    transition:opacity .4s ease 1s
}
.Burger__burger span{
    transition:transform .6s ease .6s,background-color .4s ease
}
.Burger__burger span:first-of-type{
    top:calc(50% - 8px);
    transform-origin:left
}
.Burger__burger span:last-of-type{
    top:calc(50% + 4px);
    transform-origin:right
}
.Burger__cross{
    height:calc(.68966vw + 26.2069px);
    margin-top:0;
    transform:rotate(45deg);
    width:calc(.68966vw + 26.2069px);
    z-index:1
}
@media(min-width:2001px){
    .Burger__cross{
        width:40px
    }
}
@media(max-width:550px){
    .Burger__cross{
        width:30px
    }
}
@media(min-width:2001px){
    .Burger__cross{
        height:40px
    }
}
@media(max-width:550px){
    .Burger__cross{
        height:30px
    }
}
@media(hover:none)and (pointer:coarse){
    .Burger__cross{
        margin-top:0
    }
}
.Burger__cross span{
    transition:transform .6s ease,background-color .4s ease .6s
}
.Burger__cross span:first-of-type{
    left:0;
    top:calc(1.03448vw + 9.31034px);
    transform:rotate(0) scale(0);
    transform-origin:left
}
@media(min-width:2001px){
    .Burger__cross span:first-of-type{
        top:30px
    }
}
@media(max-width:550px){
    .Burger__cross span:first-of-type{
        top:15px
    }
}
.Burger__cross span:last-of-type{
    left:calc(-.34483vw - 13.10345px);
    top:calc(1.37931vw + 22.41379px);
    transform:rotate(90deg) scale(0);
    transform-origin:right
}
@media(min-width:2001px){
    .Burger__cross span:last-of-type{
        top:50px
    }
}
@media(max-width:550px){
    .Burger__cross span:last-of-type{
        top:30px
    }
}
@media(min-width:2001px){
    .Burger__cross span:last-of-type{
        left:-20px
    }
}
@media(max-width:550px){
    .Burger__cross span:last-of-type{
        left:-15px
    }
}
.page-navigating .Burger{
    opacity:0
}