@charset "UTF-8";
@font-face {
    font-family: "Rubik";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(../fonts/RubikRegular/RubikRegular.eot);
    src: url(../fonts/RubikRegular/RubikRegular.eot?#iefix) format("embedded-opentype"), url(../fonts/RubikRegular/RubikRegular.woff) format("woff"), url(../fonts/RubikRegular/RubikRegular.ttf) format("truetype")
}

@font-face {
    font-family: "Rubik";
    font-weight: 400;
    font-style: Italic;
    font-display: swap;
    src: url(../fonts/RubikRegularItalic/RubikRegularItalic.eot);
    src: url(../fonts/RubikRegularItalic/RubikRegularItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/RubikRegularItalic/RubikRegularItalic.woff) format("woff"), url(../fonts/RubikRegularItalic/RubikRegularItalic.ttf) format("truetype")
}

@font-face {
    font-family: "Rubik";
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url(../fonts/RubikMedium/RubikMedium.eot);
    src: url(../fonts/RubikMedium/RubikMedium.eot?#iefix) format("embedded-opentype"), url(../fonts/RubikMedium/RubikMedium.woff) format("woff"), url(../fonts/RubikMedium/RubikMedium.ttf) format("truetype")
}

@font-face {
    font-family: "Rubik";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url(../fonts/RubikBold/RubikBold.eot);
    src: url(../fonts/RubikBold/RubikBold.eot?#iefix) format("embedded-opentype"), url(../fonts/RubikBold/RubikBold.woff) format("woff"), url(../fonts/RubikBold/RubikBold.ttf) format("truetype")
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
@-webkit-keyframes sk-stretchdelay {
    0%, 40%, to {
        -webkit-transform: scaleY(.5)
    }
    20% {
        -webkit-transform: scaleY(1)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, to {
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5)
    }
    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}

.hamburger {
    cursor: pointer;
    -webkit-transition-property: opacity, -webkit-filter;
    -o-transition-property: opacity, filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger.is-active:hover, .hamburger:hover {
    opacity: 1
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::after, .hamburger.is-active .hamburger-inner::before {
    background-color: #828385
}

.hamburger-box {
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative
}

.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
    width: 15px;
    height: 3px;
    background-color: #828385;
    border-radius: 5px;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    display: block
}

.hamburger-inner {
    top: 50%;
    margin-top: -1.5px
}

.hamburger-inner::after, .hamburger-inner::before {
    content: ""
}

.hamburger-inner::before {
    top: -6px
}

.hamburger-inner::after {
    bottom: -6px
}

.hamburger--3dx .hamburger-box {
    -webkit-perspective: 30px;
    perspective: 30px
}

.hamburger--3dx .hamburger-inner {
    -webkit-transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx .hamburger-inner::after, .hamburger--3dx .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after, .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after, .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after, .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after, .hamburger--3dy .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after, .hamburger--3dy-r .hamburger-inner::before {
    -webkit-transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.hamburger--3dx.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
    transform: translate3d(0, 6px, 0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg);
    transform: translate3d(0, -6px, 0) rotate(-45deg)
}

.hamburger--3dx-r .hamburger-box {
    -webkit-perspective: 30px;
    perspective: 30px
}

.hamburger--3dx-r .hamburger-inner {
    -webkit-transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
    transform: translate3d(0, 6px, 0) rotate(45deg)
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg);
    transform: translate3d(0, -6px, 0) rotate(-45deg)
}

.hamburger--3dy .hamburger-box {
    -webkit-perspective: 30px;
    perspective: 30px
}

.hamburger--3dy .hamburger-inner {
    -webkit-transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.hamburger--3dy.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
    transform: translate3d(0, 6px, 0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg);
    transform: translate3d(0, -6px, 0) rotate(-45deg)
}

.hamburger--3dy-r .hamburger-box {
    -webkit-perspective: 30px;
    perspective: 30px
}

.hamburger--3dy-r .hamburger-inner {
    -webkit-transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
    transform: translate3d(0, 6px, 0) rotate(45deg)
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg);
    transform: translate3d(0, -6px, 0) rotate(-45deg)
}

.hamburger--3dxy .hamburger-box {
    -webkit-perspective: 30px;
    perspective: 30px
}

.hamburger--3dxy .hamburger-inner {
    -webkit-transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dxy.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateX(180deg) rotateY(180deg);
    transform: rotateX(180deg) rotateY(180deg)
}

.hamburger--3dxy.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
    transform: translate3d(0, 6px, 0) rotate(45deg)
}

.hamburger--3dxy.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg);
    transform: translate3d(0, -6px, 0) rotate(-45deg)
}

.hamburger--3dxy-r .hamburger-box {
    -webkit-perspective: 30px;
    perspective: 30px
}

.hamburger--3dxy-r .hamburger-inner {
    -webkit-transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dxy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
    transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
    transform: translate3d(0, 6px, 0) rotate(45deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg);
    transform: translate3d(0, -6px, 0) rotate(-45deg)
}

.hamburger--arrow.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(-3px, 0, 0) rotate(-45deg) scale(.7, 1);
    transform: translate3d(-3px, 0, 0) rotate(-45deg) scale(.7, 1)
}

.hamburger--arrow.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(-3px, 0, 0) rotate(45deg) scale(.7, 1);
    transform: translate3d(-3px, 0, 0) rotate(45deg) scale(.7, 1)
}

.hamburger--arrow-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(3px, 0, 0) rotate(45deg) scale(.7, 1);
    transform: translate3d(3px, 0, 0) rotate(45deg) scale(.7, 1)
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(3px, 0, 0) rotate(-45deg) scale(.7, 1);
    transform: translate3d(3px, 0, 0) rotate(-45deg) scale(.7, 1)
}

.hamburger--arrowalt .hamburger-inner::before {
    -webkit-transition: top .1s .1s ease, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
    -o-transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt .hamburger-inner::after {
    -webkit-transition: bottom .1s .1s ease, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
    -o-transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: translate3d(-3px, -3.75px, 0) rotate(-45deg) scale(.7, 1);
    transform: translate3d(-3px, -3.75px, 0) rotate(-45deg) scale(.7, 1);
    -webkit-transition: top .1s ease, -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    -o-transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: translate3d(-3px, 3.75px, 0) rotate(45deg) scale(.7, 1);
    transform: translate3d(-3px, 3.75px, 0) rotate(45deg) scale(.7, 1);
    -webkit-transition: bottom .1s ease, -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    -o-transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowalt-r .hamburger-inner::before {
    -webkit-transition: top .1s .1s ease, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
    -o-transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r .hamburger-inner::after {
    -webkit-transition: bottom .1s .1s ease, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
    -o-transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: translate3d(3px, -3.75px, 0) rotate(45deg) scale(.7, 1);
    transform: translate3d(3px, -3.75px, 0) rotate(45deg) scale(.7, 1);
    -webkit-transition: top .1s ease, -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    -o-transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: translate3d(3px, 3.75px, 0) rotate(-45deg) scale(.7, 1);
    transform: translate3d(3px, 3.75px, 0) rotate(-45deg) scale(.7, 1);
    -webkit-transition: bottom .1s ease, -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    -o-transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
    transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowturn-r.is-active .hamburger-inner, .hamburger--arrowturn.is-active .hamburger-inner {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(.7, 1);
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(.7, 1)
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(.7, 1);
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(.7, 1)
}

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(.7, 1);
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(.7, 1)
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(.7, 1);
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(.7, 1)
}

.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::after, .hamburger--boring .hamburger-inner::before {
    -webkit-transition-property: none;
    -o-transition-property: none;
    transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0
}

.hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.hamburger--collapse .hamburger-inner, .hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-duration: .13s;
    -o-transition-duration: .13s;
    transition-duration: .13s;
    -webkit-transition-delay: .13s;
    -o-transition-delay: .13s;
    transition-delay: .13s;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -o-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse .hamburger-inner::after {
    top: -12px;
    -webkit-transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear;
    -o-transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear;
    transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear
}

.hamburger--collapse .hamburger-inner::before {
    -webkit-transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
    -o-transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r.is-active .hamburger-inner, .hamburger--collapse.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg);
    transform: translate3d(0, -6px, 0) rotate(-45deg);
    -webkit-transition-delay: .22s;
    -o-transition-delay: .22s;
    transition-delay: .22s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear;
    -o-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear
}

.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .25s cubic-bezier(.215, .61, .355, 1);
    -o-transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1), -webkit-transform .13s .25s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse-r .hamburger-inner::after {
    top: -12px;
    -webkit-transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear;
    -o-transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear;
    transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear
}

.hamburger--collapse-r .hamburger-inner::before {
    -webkit-transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
    -o-transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -6px, 0) rotate(45deg);
    transform: translate3d(0, -6px, 0) rotate(45deg)
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear;
    -o-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .25s cubic-bezier(.215, .61, .355, 1);
    -o-transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1), -webkit-transform .13s .25s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--elastic .hamburger-inner, .hamburger--elastic-r .hamburger-inner {
    top: 1.5px;
    -webkit-transition-duration: .275s;
    -o-transition-duration: .275s;
    transition-duration: .275s;
    -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    -o-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic .hamburger-inner::before {
    top: 6px;
    -webkit-transition: opacity .125s .275s ease;
    -o-transition: opacity .125s .275s ease;
    transition: opacity .125s .275s ease
}

.hamburger--elastic .hamburger-inner::after {
    top: 12px;
    -webkit-transition: -webkit-transform .275s cubic-bezier(.68, -.55, .265, 1.55);
    -o-transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .275s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 6px, 0) rotate(135deg);
    transform: translate3d(0, 6px, 0) rotate(135deg);
    -webkit-transition-delay: .075s;
    -o-transition-delay: .075s;
    transition-delay: .075s
}

.hamburger--elastic.is-active .hamburger-inner::before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic-r.is-active .hamburger-inner, .hamburger--elastic.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -12px, 0) rotate(-270deg);
    transform: translate3d(0, -12px, 0) rotate(-270deg);
    -webkit-transition-delay: .075s;
    -o-transition-delay: .075s;
    transition-delay: .075s
}

.hamburger--elastic-r .hamburger-inner::before {
    top: 6px;
    -webkit-transition: opacity .125s .275s ease;
    -o-transition: opacity .125s .275s ease;
    transition: opacity .125s .275s ease
}

.hamburger--elastic-r .hamburger-inner::after {
    top: 12px;
    -webkit-transition: -webkit-transform .275s cubic-bezier(.68, -.55, .265, 1.55);
    -o-transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .275s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 6px, 0) rotate(-135deg);
    transform: translate3d(0, 6px, 0) rotate(-135deg)
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -12px, 0) rotate(270deg);
    transform: translate3d(0, -12px, 0) rotate(270deg);
    -webkit-transition-delay: .075s;
    -o-transition-delay: .075s;
    transition-delay: .075s
}

.hamburger--emphatic, .hamburger--emphatic-r, body.no-scroll {
    overflow: hidden
}

.hamburger--emphatic .hamburger-inner, .hamburger--emphatic-r .hamburger-inner {
    -webkit-transition: background-color .125s .175s ease-in;
    -o-transition: background-color .125s .175s ease-in;
    transition: background-color .125s .175s ease-in
}

.hamburger--emphatic .hamburger-inner::before {
    left: 0;
    -webkit-transition: top .05s .125s linear, left .125s .175s ease-in, -webkit-transform .125s cubic-bezier(.6, .04, .98, .335);
    -o-transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s .125s linear, left .125s .175s ease-in;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s .125s linear, left .125s .175s ease-in;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s .125s linear, left .125s .175s ease-in, -webkit-transform .125s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic .hamburger-inner::after {
    top: 6px;
    right: 0;
    -webkit-transition: top .05s .125s linear, right .125s .175s ease-in, -webkit-transform .125s cubic-bezier(.6, .04, .98, .335);
    -o-transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s .125s linear, right .125s .175s ease-in;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s .125s linear, right .125s .175s ease-in;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s .125s linear, right .125s .175s ease-in, -webkit-transform .125s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic-r.is-active .hamburger-inner, .hamburger--emphatic.is-active .hamburger-inner {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background-color: transparent !important
}

.hamburger--emphatic.is-active .hamburger-inner::before {
    left: -30px;
    top: -30px;
    -webkit-transform: translate3d(30px, 30px, 0) rotate(45deg);
    transform: translate3d(30px, 30px, 0) rotate(45deg);
    -webkit-transition: left .125s ease-out, top .05s .125s linear, -webkit-transform .125s .175s cubic-bezier(.075, .82, .165, 1);
    -o-transition: left .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(.075, .82, .165, 1);
    transition: left .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(.075, .82, .165, 1);
    transition: left .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(.075, .82, .165, 1), -webkit-transform .125s .175s cubic-bezier(.075, .82, .165, 1)
}

.hamburger--emphatic.is-active .hamburger-inner::after {
    right: -30px;
    top: -30px;
    -webkit-transform: translate3d(-30px, 30px, 0) rotate(-45deg);
    transform: translate3d(-30px, 30px, 0) rotate(-45deg);
    -webkit-transition: right .125s ease-out, top .05s .125s linear, -webkit-transform .125s .175s cubic-bezier(.075, .82, .165, 1);
    -o-transition: right .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(.075, .82, .165, 1);
    transition: right .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(.075, .82, .165, 1);
    transition: right .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(.075, .82, .165, 1), -webkit-transform .125s .175s cubic-bezier(.075, .82, .165, 1)
}

.hamburger--emphatic-r .hamburger-inner::before {
    left: 0;
    -webkit-transition: top .05s .125s linear, left .125s .175s ease-in, -webkit-transform .125s cubic-bezier(.6, .04, .98, .335);
    -o-transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s .125s linear, left .125s .175s ease-in;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s .125s linear, left .125s .175s ease-in;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s .125s linear, left .125s .175s ease-in, -webkit-transform .125s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic-r .hamburger-inner::after {
    top: 6px;
    right: 0;
    -webkit-transition: top .05s .125s linear, right .125s .175s ease-in, -webkit-transform .125s cubic-bezier(.6, .04, .98, .335);
    -o-transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s .125s linear, right .125s .175s ease-in;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s .125s linear, right .125s .175s ease-in;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s .125s linear, right .125s .175s ease-in, -webkit-transform .125s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
    left: -30px;
    top: 30px;
    -webkit-transform: translate3d(30px, -30px, 0) rotate(-45deg);
    transform: translate3d(30px, -30px, 0) rotate(-45deg);
    -webkit-transition: left .125s ease-out, top .05s .125s linear, -webkit-transform .125s .175s cubic-bezier(.075, .82, .165, 1);
    -o-transition: left .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(.075, .82, .165, 1);
    transition: left .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(.075, .82, .165, 1);
    transition: left .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(.075, .82, .165, 1), -webkit-transform .125s .175s cubic-bezier(.075, .82, .165, 1)
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
    right: -30px;
    top: 30px;
    -webkit-transform: translate3d(-30px, -30px, 0) rotate(45deg);
    transform: translate3d(-30px, -30px, 0) rotate(45deg);
    -webkit-transition: right .125s ease-out, top .05s .125s linear, -webkit-transform .125s .175s cubic-bezier(.075, .82, .165, 1);
    -o-transition: right .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(.075, .82, .165, 1);
    transition: right .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(.075, .82, .165, 1);
    transition: right .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(.075, .82, .165, 1), -webkit-transform .125s .175s cubic-bezier(.075, .82, .165, 1)
}

.hamburger--minus .hamburger-inner::after, .hamburger--minus .hamburger-inner::before {
    -webkit-transition: bottom .08s 0s ease-out, top .08s 0s ease-out, opacity 0s linear;
    -o-transition: bottom .08s 0s ease-out, top .08s 0s ease-out, opacity 0s linear;
    transition: bottom .08s 0s ease-out, top .08s 0s ease-out, opacity 0s linear
}

.hamburger--minus.is-active .hamburger-inner::after, .hamburger--minus.is-active .hamburger-inner::before {
    opacity: 0;
    -webkit-transition: bottom .08s ease-out, top .08s ease-out, opacity 0s .08s linear;
    -o-transition: bottom .08s ease-out, top .08s ease-out, opacity 0s .08s linear;
    transition: bottom .08s ease-out, top .08s ease-out, opacity 0s .08s linear
}

.hamburger--minus.is-active .hamburger-inner::before {
    top: 0
}

.hamburger--minus.is-active .hamburger-inner::after {
    bottom: 0
}

.hamburger--slider .hamburger-inner, .hamburger--slider-r .hamburger-inner {
    top: 1.5px
}

.hamburger--slider .hamburger-inner::before {
    top: 6px;
    -webkit-transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s
}

.hamburger--slider .hamburger-inner::after {
    top: 12px
}

.hamburger--slider.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
    transform: translate3d(0, 6px, 0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner::before {
    -webkit-transform: rotate(-45deg) translate3d(-2.14286px, -3px, 0);
    transform: rotate(-45deg) translate3d(-2.14286px, -3px, 0);
    opacity: 0
}

.hamburger--slider.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -12px, 0) rotate(-90deg);
    transform: translate3d(0, -12px, 0) rotate(-90deg)
}

.hamburger--slider-r .hamburger-inner::before {
    top: 6px;
    -webkit-transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s
}

.hamburger--slider-r .hamburger-inner::after {
    top: 12px
}

.hamburger--slider-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 6px, 0) rotate(-45deg);
    transform: translate3d(0, 6px, 0) rotate(-45deg)
}

.hamburger--slider-r.is-active .hamburger-inner::before {
    -webkit-transform: rotate(45deg) translate3d(2.14286px, -3px, 0);
    transform: rotate(45deg) translate3d(2.14286px, -3px, 0);
    opacity: 0
}

.hamburger--slider-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -12px, 0) rotate(90deg);
    transform: translate3d(0, -12px, 0) rotate(90deg)
}

.hamburger--spin .hamburger-inner, .hamburger--spin-r .hamburger-inner {
    -webkit-transition-duration: .22s;
    -o-transition-duration: .22s;
    transition-duration: .22s;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -o-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin .hamburger-inner::before {
    -webkit-transition: top .1s .25s ease-in, opacity .1s ease-in;
    -o-transition: top .1s .25s ease-in, opacity .1s ease-in;
    transition: top .1s .25s ease-in, opacity .1s ease-in
}

.hamburger--spin .hamburger-inner::after {
    -webkit-transition: bottom .1s .25s ease-in, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
    -o-transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19), -webkit-transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r.is-active .hamburger-inner, .hamburger--spin.is-active .hamburger-inner {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-transition-delay: .12s;
    -o-transition-delay: .12s;
    transition-delay: .12s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top .1s ease-out, opacity .1s .12s ease-out;
    -o-transition: top .1s ease-out, opacity .1s .12s ease-out;
    transition: top .1s ease-out, opacity .1s .12s ease-out
}

.hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: bottom .1s ease-out, -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1);
    -o-transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1), -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin-r .hamburger-inner::before {
    -webkit-transition: top .1s .25s ease-in, opacity .1s ease-in;
    -o-transition: top .1s .25s ease-in, opacity .1s ease-in;
    transition: top .1s .25s ease-in, opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner::after {
    -webkit-transition: bottom .1s .25s ease-in, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
    -o-transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19), -webkit-transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg)
}

.hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top .1s ease-out, opacity .1s .12s ease-out;
    -o-transition: top .1s ease-out, opacity .1s .12s ease-out;
    transition: top .1s ease-out, opacity .1s .12s ease-out
}

.hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: bottom .1s ease-out, -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1);
    -o-transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1), -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spring .hamburger-inner {
    top: 1.5px;
    -webkit-transition: background-color 0s .13s linear;
    -o-transition: background-color 0s .13s linear;
    transition: background-color 0s .13s linear
}

.hamburger--spring .hamburger-inner::before {
    top: 6px;
    -webkit-transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
    -o-transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring .hamburger-inner::after {
    top: 12px;
    -webkit-transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
    -o-transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring.is-active .hamburger-inner {
    -webkit-transition-delay: .22s;
    -o-transition-delay: .22s;
    transition-delay: .22s;
    background-color: transparent !important
}

.hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    -o-transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
    transform: translate3d(0, 6px, 0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    -webkit-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    -o-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translate3d(0, 6px, 0) rotate(-45deg);
    transform: translate3d(0, 6px, 0) rotate(-45deg)
}

.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-duration: .13s;
    -o-transition-duration: .13s;
    transition-duration: .13s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -o-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r .hamburger-inner::after {
    top: -12px;
    -webkit-transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity 0s linear;
    -o-transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity 0s linear;
    transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity 0s linear
}

.hamburger--spring-r .hamburger-inner::before {
    -webkit-transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
    -o-transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
    transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg);
    transform: translate3d(0, -6px, 0) rotate(-45deg);
    -webkit-transition-delay: .22s;
    -o-transition-delay: .22s;
    transition-delay: .22s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s .22s linear;
    -o-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s .22s linear;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s .22s linear
}

.hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    -o-transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
    transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand .hamburger-inner, .hamburger--stand-r .hamburger-inner {
    -webkit-transition: background-color 0s .075s linear, -webkit-transform .075s .15s cubic-bezier(.55, .055, .675, .19);
    -o-transition: transform .075s .15s cubic-bezier(.55, .055, .675, .19), background-color 0s .075s linear;
    transition: transform .075s .15s cubic-bezier(.55, .055, .675, .19), background-color 0s .075s linear;
    transition: transform .075s .15s cubic-bezier(.55, .055, .675, .19), background-color 0s .075s linear, -webkit-transform .075s .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand .hamburger-inner::before {
    -webkit-transition: top .075s .075s ease-in, -webkit-transform .075s 0s cubic-bezier(.55, .055, .675, .19);
    -o-transition: top .075s .075s ease-in, transform .075s 0s cubic-bezier(.55, .055, .675, .19);
    transition: top .075s .075s ease-in, transform .075s 0s cubic-bezier(.55, .055, .675, .19);
    transition: top .075s .075s ease-in, transform .075s 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform .075s 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand .hamburger-inner::after {
    -webkit-transition: bottom .075s .075s ease-in, -webkit-transform .075s 0s cubic-bezier(.55, .055, .675, .19);
    -o-transition: bottom .075s .075s ease-in, transform .075s 0s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .075s .075s ease-in, transform .075s 0s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .075s .075s ease-in, transform .075s 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform .075s 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand-r.is-active .hamburger-inner, .hamburger--stand.is-active .hamburger-inner {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: transparent !important;
    -webkit-transition: background-color 0s .15s linear, -webkit-transform .075s 0s cubic-bezier(.215, .61, .355, 1);
    -o-transition: transform .075s 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear;
    transition: transform .075s 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear;
    transition: transform .075s 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear, -webkit-transform .075s 0s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: top .075s .1s ease-out, -webkit-transform .075s .15s cubic-bezier(.215, .61, .355, 1);
    -o-transition: top .075s .1s ease-out, transform .075s .15s cubic-bezier(.215, .61, .355, 1);
    transition: top .075s .1s ease-out, transform .075s .15s cubic-bezier(.215, .61, .355, 1);
    transition: top .075s .1s ease-out, transform .075s .15s cubic-bezier(.215, .61, .355, 1), -webkit-transform .075s .15s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: bottom .075s .1s ease-out, -webkit-transform .075s .15s cubic-bezier(.215, .61, .355, 1);
    -o-transition: bottom .075s .1s ease-out, transform .075s .15s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .075s .1s ease-out, transform .075s .15s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .075s .1s ease-out, transform .075s .15s cubic-bezier(.215, .61, .355, 1), -webkit-transform .075s .15s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand-r .hamburger-inner::before {
    -webkit-transition: top .075s .075s ease-in, -webkit-transform .075s 0s cubic-bezier(.55, .055, .675, .19);
    -o-transition: top .075s .075s ease-in, transform .075s 0s cubic-bezier(.55, .055, .675, .19);
    transition: top .075s .075s ease-in, transform .075s 0s cubic-bezier(.55, .055, .675, .19);
    transition: top .075s .075s ease-in, transform .075s 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform .075s 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand-r .hamburger-inner::after {
    -webkit-transition: bottom .075s .075s ease-in, -webkit-transform .075s 0s cubic-bezier(.55, .055, .675, .19);
    -o-transition: bottom .075s .075s ease-in, transform .075s 0s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .075s .075s ease-in, transform .075s 0s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .075s .075s ease-in, transform .075s 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform .075s 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: top .075s .1s ease-out, -webkit-transform .075s .15s cubic-bezier(.215, .61, .355, 1);
    -o-transition: top .075s .1s ease-out, transform .075s .15s cubic-bezier(.215, .61, .355, 1);
    transition: top .075s .1s ease-out, transform .075s .15s cubic-bezier(.215, .61, .355, 1);
    transition: top .075s .1s ease-out, transform .075s .15s cubic-bezier(.215, .61, .355, 1), -webkit-transform .075s .15s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: bottom .075s .1s ease-out, -webkit-transform .075s .15s cubic-bezier(.215, .61, .355, 1);
    -o-transition: bottom .075s .1s ease-out, transform .075s .15s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .075s .1s ease-out, transform .075s .15s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .075s .1s ease-out, transform .075s .15s cubic-bezier(.215, .61, .355, 1), -webkit-transform .075s .15s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--squeeze .hamburger-inner {
    -webkit-transition-duration: .075s;
    -o-transition-duration: .075s;
    transition-duration: .075s;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    -o-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze .hamburger-inner::before {
    -webkit-transition: top .075s .12s ease, opacity .075s ease;
    -o-transition: top .075s .12s ease, opacity .075s ease;
    transition: top .075s .12s ease, opacity .075s ease
}

.hamburger--squeeze .hamburger-inner::after {
    -webkit-transition: bottom .075s .12s ease, -webkit-transform .075s cubic-bezier(.55, .055, .675, .19);
    -o-transition: bottom .075s .12s ease, transform .075s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .075s .12s ease, transform .075s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .075s .12s ease, transform .075s cubic-bezier(.55, .055, .675, .19), -webkit-transform .075s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: .12s;
    -o-transition-delay: .12s;
    transition-delay: .12s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top .075s ease, opacity .075s .12s ease;
    -o-transition: top .075s ease, opacity .075s .12s ease;
    transition: top .075s ease, opacity .075s .12s ease
}

.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: bottom .075s ease, -webkit-transform .075s .12s cubic-bezier(.215, .61, .355, 1);
    -o-transition: bottom .075s ease, transform .075s .12s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .075s ease, transform .075s .12s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .075s ease, transform .075s .12s cubic-bezier(.215, .61, .355, 1), -webkit-transform .075s .12s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--vortex .hamburger-inner, .hamburger--vortex-r .hamburger-inner, .hamburger--vortex-r.is-active .hamburger-inner, .hamburger--vortex.is-active .hamburger-inner {
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -o-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex .hamburger-inner, .hamburger--vortex-r .hamburger-inner {
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s
}

.hamburger--vortex .hamburger-inner::after, .hamburger--vortex .hamburger-inner::before {
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.hamburger--vortex .hamburger-inner::before {
    -webkit-transition-property: top, opacity;
    -o-transition-property: top, opacity;
    transition-property: top, opacity
}

.hamburger--vortex .hamburger-inner::after {
    -webkit-transition-property: bottom, -webkit-transform;
    -o-transition-property: bottom, transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform
}

.hamburger--vortex-r.is-active .hamburger-inner, .hamburger--vortex.is-active .hamburger-inner {
    -webkit-transform: rotate(765deg);
    -ms-transform: rotate(765deg);
    transform: rotate(765deg)
}

.hamburger--vortex.is-active .hamburger-inner::after, .hamburger--vortex.is-active .hamburger-inner::before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0
}

.hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.hamburger--vortex-r .hamburger-inner::after, .hamburger--vortex-r .hamburger-inner::before {
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.hamburger--vortex-r .hamburger-inner::before {
    -webkit-transition-property: top, opacity;
    -o-transition-property: top, opacity;
    transition-property: top, opacity
}

.hamburger--vortex-r .hamburger-inner::after {
    -webkit-transition-property: bottom, -webkit-transform;
    -o-transition-property: bottom, transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform
}

.hamburger--vortex-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-765deg);
    -ms-transform: rotate(-765deg);
    transform: rotate(-765deg)
}

.hamburger--vortex-r.is-active .hamburger-inner::after, .hamburger--vortex-r.is-active .hamburger-inner::before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    line-height: 40px;
    outline: 0;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto
}

.nice-select:hover {
    border-color: #dbdbdb
}

.nice-select.open, .nice-select:active, .nice-select:focus {
    border-color: #999
}

.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    width: 5px
}

.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none
}

.nice-select.disabled:after {
    border-color: #ccc
}

.nice-select.wide {
    width: auto
}

.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important
}

.nice-select.right {
    float: right
}

.nice-select.right .list {
    left: auto;
    right: 0
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px
}

.nice-select.small:after {
    height: 4px;
    width: 4px
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px
}

.nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);
    box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.75) translateY(-21px);
    -ms-transform: scale(.75) translateY(-21px);
    transform: scale(.75) translateY(-21px);
    -webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    -o-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    z-index: 9
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: 0;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.nice-select .option.focus, .nice-select .option.selected.focus, .nice-select .option:hover {
    background-color: #f6f6f6
}

.nice-select .option.selected {
    font-weight: 700
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default
}

.no-csspointerevents .nice-select .list {
    display: none
}

.no-csspointerevents .nice-select.open .list {
    display: block
}

.pickmeup {
    background: #000;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: inline-block;
    position: absolute;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

*, .pickmeup *, ::after, ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pickmeup.pmu-flat {
    position: relative
}

.pickmeup.pmu-hidden {
    display: none
}

.pickmeup .pmu-instance {
    display: inline-block;
    text-align: center
}

.pickmeup .pmu-instance .pmu-button {
    cursor: pointer;
    outline: 0;
    text-decoration: none
}

.pickmeup .pmu-instance .pmu-today {
    background: #17384d;
    color: #88c5eb
}

.pickmeup .pmu-instance .pmu-button:hover {
    background: 0 0;
    color: #88c5eb
}

.pickmeup .pmu-instance .pmu-disabled, .pickmeup .pmu-instance .pmu-disabled:hover {
    color: #333;
    cursor: default
}

.pickmeup .pmu-instance .pmu-selected {
    background: #136a9f;
    color: #eee
}

.pickmeup .pmu-instance .pmu-not-in-month.pmu-selected {
    background: #17384d
}

.pickmeup .pmu-instance nav {
    color: #eee;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    line-height: 2em;
    padding: 0 14px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pickmeup .pmu-instance nav :first-child :hover {
    color: #88c5eb
}

.pickmeup .pmu-instance nav .pmu-next, .pickmeup .pmu-instance nav .pmu-prev {
    display: none;
    height: 2em;
    width: 1em
}

.pickmeup .pmu-instance .pmu-months *, .pickmeup .pmu-instance .pmu-years * {
    display: inline-block;
    line-height: 3.6em;
    width: 3.5em
}

.pickmeup .pmu-instance .pmu-day-of-week {
    cursor: default
}

.pickmeup .pmu-instance .pmu-day-of-week * {
    display: inline-block
}

.pickmeup .pmu-instance .pmu-days * {
    display: inline-block;
    line-height: 1.5em;
    width: 2em
}

.pickmeup .pmu-instance:first-child .pmu-prev, .pickmeup .pmu-instance:last-child .pmu-next {
    display: block
}

.pickmeup .pmu-instance:first-child .pmu-month, .pickmeup .pmu-instance:last-child .pmu-month {
    width: 13em
}

.pickmeup:not(.pmu-view-days) .pmu-day-of-week, .pickmeup:not(.pmu-view-days) .pmu-days, .pickmeup:not(.pmu-view-months) .pmu-months, .pickmeup:not(.pmu-view-years) .pmu-years {
    display: none
}

.blocker {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 1;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    text-align: center
}

.blocker:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.05em
}

.blocker.behind {
    background-color: transparent
}

.modal, body {
    position: relative
}

.modal {
    display: none;
    vertical-align: middle;
    z-index: 2;
    max-width: 500px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    padding: 15px 30px;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    text-align: left
}

.modal a.close-modal {
    position: absolute;
    display: block;
    text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

.modal-spinner {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    padding: 12px 16px;
    border-radius: 5px;
    background-color: #111;
    height: 20px
}

.modal-spinner > div {
    border-radius: 100px;
    background-color: #fff;
    height: 20px;
    width: 2px;
    margin: 0 1px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out
}

.modal-spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.modal-spinner .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.modal-spinner .rect4 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

body {
    font-size: 16px;
    overflow-x: hidden;
    font-family: "Rubik", sans-serif
}

textarea {
    resize: none
}

body, h1, h2, h3, h4, h5, h6, ol, p, ul {
    margin: 0
}

ol, ul {
    padding: 0;
    list-style: none
}

a {
    text-decoration: none
}

* {
    outline: 0
}

input, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type=password]::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0
}

.box.open-tab, .main {
    display: block
}

.container {
    max-width: 1122px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto
}

.box {
    display: none
}

.title {
    font-weight: 700
}

.radio-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: default;
    font-size: 16px;
    line-height: 26px;
    color: #1d122f
}

.checkbox-item label, .radio-item label {
    cursor: pointer
}

.checkbox-item input[type=checkbox]:not(:checked):disabled + label:before, .radio-item input[type=radio]:not(:checked):disabled + label:before {
    background-color: #eaeaeb
}

.checkbox-item input[type=checkbox]:checked, .checkbox-item input[type=checkbox]:not(:checked), .radio-item input[type=radio]:checked, .radio-item input[type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

.radio-item input[type=radio]:checked + label, .radio-item input[type=radio]:not(:checked) + label {
    position: relative;
    padding-left: 34px
}

.radio-item input[type=radio]:checked + label:before {
    border: 2.6px solid #0074e4
}

.radio-item input[type=radio]:not(:checked) + label:before {
    border: 2.6px solid rgba(0, 0, 0, .6)
}

.radio-item input[type=radio]:checked + label:before, .radio-item input[type=radio]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #d5d6d6;
    width: 26px;
    height: 26px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transition: border-color .2s linear;
    -o-transition: border-color .2s linear;
    transition: border-color .2s linear
}

.radio-item input[type=radio]:checked + label:after, .radio-item input[type=radio]:not(:checked) + label:after {
    position: absolute;
    content: "";
    width: 13px;
    height: 13px;
    background-color: #eb5255;
    border-radius: 50%;
    top: 13px;
    left: 13px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: border-color .2s linear, opacity .2s linear;
    -o-transition: border-color .2s linear, opacity .2s linear;
    transition: border-color .2s linear, opacity .2s linear
}

.radio-item input[type=radio]:not(:checked) + label:after {
    opacity: 0
}

.radio-item input[type=radio]:checked + label:after {
    opacity: 1
}

.checkbox-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: default;
    color: #373a3c
}

.checkbox-item a {
    color: #ed6366;
    -webkit-transition: color .2s linear;
    -o-transition: color .2s linear;
    transition: color .2s linear
}

.checkbox-item a:hover {
    color: #bf4a4c
}

.checkbox-item span {
    font-weight: 500
}

.checkbox-item input[type=checkbox]:checked + label, .checkbox-item input[type=checkbox]:not(:checked) + label {
    position: relative;
    padding-left: 22px
}

.checkbox-item input[type=checkbox]:checked + label:before, .checkbox-item input[type=checkbox]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 13px;
    height: 13px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-transition: border-color .2s linear;
    -o-transition: border-color .2s linear;
    transition: border-color .2s linear
}

.checkbox-item input[type=checkbox]:checked + label:after, .checkbox-item input[type=checkbox]:not(:checked) + label:after {
    position: absolute;
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.5 4.5L0 6L4 10L13 1.5L11.5 0L4 7L1.5 4.5Z' fill='%23EB5255'/%3e%3c/svg%3e");
    width: 13px;
    height: 10px;
    line-height: 0;
    top: 4px;
    left: 2px;
    -webkit-transition: border-color .2s linear, opacity .2s linear;
    -o-transition: border-color .2s linear, opacity .2s linear;
    transition: border-color .2s linear, opacity .2s linear
}

.checkbox-item input[type=checkbox]:checked + label:hover:after, .checkbox-item input[type=checkbox]:not(:checked) + label:hover:after {
    border-color: #bf4a4c
}

.checkbox-item input[type=checkbox]:not(:checked) + label:after {
    opacity: 0
}

.checkbox-item input[type=checkbox]:checked + label:after {
    opacity: 1
}

.button {
    font-size: 20px;
    color: #fff;
    padding: 14px;
    display: block;
    text-align: center;
    width: 100%;
    background-color: #eb5255;
    border: 3px solid transparent;
    border-radius: 30px;
    cursor: pointer;
    font-family: "Rubik", sans-serif;
    -webkit-transition: background-color .2s linear, border-color .2s linear;
    -o-transition: background-color .2s linear, border-color .2s linear;
    transition: background-color .2s linear, border-color .2s linear
}

.button:hover {
    background-color: #e72c30
}

.button:active {
    background-color: #b11518
}

.button:focus {
    border-color: #000
}

.button:disabled {
    background-color: #f9cbcc;
    cursor: not-allowed
}

.button-secondary {
    background-color: #fff;
    border: 1px solid #eb5255;
    border-radius: 30px;
    color: #eb5255;
    padding: 16px
}

.button-secondary:hover {
    color: #fff
}

.form-main .form-add {
    font-size: 14px
}

.form-main .form-button {
    margin-top: 24px
}

.form-main .form-input:not(:first-of-type) {
    margin-top: 10px
}

.form-main .checkbox-item {
    line-height: 24px
}

.form-write .form-title {
    margin-bottom: 34px
}

.form-write .form-add {
    font-size: 12px
}

.form-write .form-button {
    margin-top: 28px
}

.form-write .form-input:not(:first-of-type) {
    margin-top: 14px
}

.form-write .checkbox-item {
    line-height: 22px
}

.form-write textarea {
    height: 84px;
    margin-top: 14px
}

.form-edit .form-button {
    max-width: 346.27px;
    display: inline-block;
    margin-top: 24px
}

.form-add {
    margin-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.form-add a {
    position: relative;
    display: inline-block;
    color: rgba(55, 58, 60, .6);
    line-height: 18px
}

.form-add a::after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    border-bottom: 1px dashed rgba(55, 58, 60, .6);
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.form-add a:hover::after {
    opacity: 0
}

.form-social-media-title {
    font-size: 14px;
    text-align: center;
    letter-spacing: .0159091em;
    color: #212121;
    position: relative;
    margin-top: 27px
}

.form-social-media-title::after {
    content: "";
    position: absolute;
    width: 100%;
    height: .5px;
    background-color: rgba(51, 51, 51, .4);
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.form-social-media-title span {
    display: inline-block;
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding: 0 14px
}

.form-social-media-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 15px;
    height: 44px
}

.form-social-media-box-item {
    opacity: .8;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.form-social-media-box-item:not(:last-child) {
    margin-right: 16px
}

.form-block-nav li.active::after, .form-social-media-box-item:hover, .pickmeup .pmu-instance .pmu-days .pmu-button.pmu-selected::after, .pickmeup .pmu-instance .pmu-months .pmu-button.pmu-selected::after, .pickmeup .pmu-instance .pmu-years .pmu-button.pmu-selected::after {
    opacity: 1
}

.form-block {
    max-width: 534px;
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    padding: 48px 93px
}

.form-block-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid rgba(29, 18, 47, .2)
}

.form-block-nav li {
    color: #373a3c;
    cursor: pointer;
    padding-bottom: 12px;
    position: relative
}

.form-block-nav li::after {
    content: "";
    position: absolute;
    border-bottom: 4px solid #df605d;
    width: 100%;
    left: 0;
    bottom: -2px;
    opacity: 0
}

.form-block-nav li:not(:last-child) {
    margin-right: 87px
}

.form-block-nav li.active {
    font-weight: 700
}

.form-block-box {
    margin-top: 17px
}

.form-title {
    text-align: center;
    font-size: 32px;
    line-height: 42px;
    color: #393131
}

.form-input, .form-select {
    font-size: 14px;
    color: rgba(57, 49, 49, .8)
}

.form-input-view {
    position: relative
}

.form-input-view-icon {
    position: absolute;
    cursor: pointer;
    width: 23px;
    height: 20px;
    right: 14px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='23' height='20' viewBox='0 0 23 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.9962 16.8169C7.79132 16.8169 3.97813 14.4542 1.16439 10.6165C0.934787 10.3021 0.934787 9.86281 1.16439 9.54839C3.97813 5.70607 7.79132 3.34335 11.9962 3.34335C16.201 3.34335 20.0142 5.70608 22.828 9.54377C23.0576 9.85818 23.0576 10.2974 22.828 10.6119C20.0142 14.4542 16.201 16.8169 11.9962 16.8169ZM12.2978 5.33618C9.50657 5.15585 7.20156 7.51858 7.37713 10.3899C7.5212 12.7573 9.38952 14.6761 11.6945 14.8241C14.4858 15.0044 16.7908 12.6417 16.6152 9.77033C16.4666 7.40761 14.5983 5.48876 12.2978 5.33618ZM12.1582 7.52782C10.6546 7.43073 9.41203 8.70225 9.51108 10.2466C9.58761 11.5227 10.5961 12.5538 11.8386 12.637C13.3423 12.7341 14.5848 11.4626 14.4858 9.91829C14.4047 8.63752 13.3963 7.60643 12.1582 7.52782Z' fill='%23393131' fill-opacity='0.3'/%3e%3cline x1='3.65477' y1='18.7008' x2='20.5892' y2='0.919723' stroke='%23C4C1C1' stroke-width='2' stroke-linejoin='round'/%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat
}

.form-input-view-icon.active {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='23' height='14' viewBox='0 0 23 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.9964 13.7408C7.79166 13.7408 3.97856 11.3782 1.16487 7.54055C0.935277 7.22615 0.935277 6.7869 1.16487 6.47249C3.97856 2.63025 7.79166 0.267578 11.9964 0.267578C16.2012 0.267578 20.0143 2.63025 22.828 6.46787C23.0576 6.78228 23.0576 7.22152 22.828 7.53593C20.0143 11.3782 16.2012 13.7408 11.9964 13.7408ZM12.2981 2.26036C9.50689 2.08004 7.20192 4.44272 7.37749 7.31399C7.52155 9.68129 9.38984 11.6001 11.6948 11.7481C14.486 11.9284 16.791 9.5657 16.6154 6.69443C16.4668 4.33175 14.5985 2.41294 12.2981 2.26036ZM12.1585 4.45197C10.6549 4.35487 9.41235 5.62637 9.51139 7.17066C9.58792 8.44678 10.5963 9.47785 11.8389 9.56108C13.3425 9.65818 14.585 8.38668 14.486 6.84238C14.405 5.56164 13.3965 4.53057 12.1585 4.45197Z' fill='%23393131' fill-opacity='0.3'/%3e%3c/svg%3e")
}

.form-input-text {
    font-size: 10px;
    line-height: 14px;
    margin-top: 1px
}

.form-input.form-input-error .form-input-text {
    color: rgba(235, 87, 87, .8)
}

.form-input.form-input-error input, .form-input.form-input-error input:focus, .form-input.form-input-error input:hover {
    border-color: #eb5757
}

.form-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.form-row:not(:first-child) {
    margin-top: 17px
}

.form-row .form-input, .form-row .form-select, .header-logo img, .modal img {
    width: 100%
}

.form-row .form-input:not(:first-child), .form-row .form-select:not(:first-child) {
    margin-left: 24px
}

.form-row .form-input input, .form-row .form-select .nice-select {
    margin-top: 6px
}

.form-row .form-input {
    max-width: 346.27px
}

.form-row .form-input .form-input-view input {
    padding-right: 50px
}

.form .nice-select, .form input {
    padding: 13.5px 16px
}

.form textarea {
    padding: 8px 16px
}

.form .nice-select, .form input, .form textarea {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: block;
    color: #393131;
    font-weight: 700;
    width: 100%;
    font-family: "Rubik", sans-serif;
    font-size: 16px;
    -webkit-transition: border-color .2s linear;
    -o-transition: border-color .2s linear;
    transition: border-color .2s linear
}

.form .nice-select:disabled, .form input:disabled, .form textarea:disabled {
    background: rgba(234,234,235,.5);
    opacity: .5;
    cursor: not-allowed;
    border-color: #ccc;
    pointer-events: none;
}

.form .nice-select::-webkit-input-placeholder, .form input::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder {
    color: #999;
    font-weight: 400
}

.form .nice-select::-moz-placeholder, .form input::-moz-placeholder, .form textarea::-moz-placeholder {
    color: #999;
    font-weight: 400
}

.form .nice-select:-ms-input-placeholder, .form .nice-select::-ms-input-placeholder, .form input:-ms-input-placeholder, .form input::-ms-input-placeholder, .form textarea:-ms-input-placeholder, .form textarea::-ms-input-placeholder {
    color: #999;
    font-weight: 400
}

.form .nice-select::placeholder, .form input::placeholder, .form textarea::placeholder {
    color: #999;
    font-weight: 400
}

.form .nice-select:hover, .form input:hover, .form textarea:hover {
    border-color: rgba(57, 49, 49, .5)
}

.form .nice-select:focus, .form input:focus, .form textarea:focus {
    border-color: #393131
}

.form .nice-select {
    line-height: normal;
    height: auto;
    padding-right: 30px
}

.form .nice-select::after {
    width: 10px;
    height: 12px;
    border: 0;
    right: 15px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin-top: 0;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.53554 9.07106L9.07108 4.53552H0L4.53554 9.07106Z' fill='%23393131'/%3e%3c/svg%3e ");
    opacity: .5;
}

.form .nice-select.open::after {
    -webkit-transform: translate(0, -50%) rotate(180deg);
    -ms-transform: translate(0, -50%) rotate(180deg);
    transform: translate(0, -50%) rotate(180deg)
}

.form .nice-select .list {
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .25);
    box-shadow: 0 1px 8px rgba(0, 0, 0, .25);
    margin-top: 6px;
    color: rgba(29, 18, 47, .8);
    padding: 6px 16px;
    max-height: 185px;
    overflow-y: auto;
    overflow-x: hidden
}

.form .nice-select .list::-webkit-scrollbar {
    width: 2px;
    background-color: transparent
}

.form .nice-select .list::-webkit-scrollbar-thumb {
    background-color: #393131
}

.form .nice-select .option {
    line-height: 22px;
    min-height: auto;
    padding: 8.5px 0
}

.form .nice-select .option:not(:last-child), .header-nav-menu .has-profile-nav li:not(:last-child) {
    border-bottom: 1px solid rgba(29, 18, 47, .08)
}

.form .nice-select .option.focus, .form .nice-select .option.selected.focus, .form .nice-select .option:hover {
    background-color: transparent
}

.form .nice-select .option.selected {
    font-weight: 400
}

.section-title {
    font-size: 32px;
    line-height: 42px;
    color: #393131
}
.section-title-second {
    color: #1D122F;
    font-family: Rubik;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 133.333% */
    margin-top: 8px;
}

.section-text {
    line-height: 26px;
    margin-top: 16px
}

.section-page {
    background-color: #f7f7fa;
    padding: 24px 0 48px
}

.section-page-content {
    margin-top: 34px
}

.section-page-content-sidebar {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.section-page-content .column-2, .section-page-content .column-3, .section-page-content-sidebar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.section-page-content .column-3 .section-content {
    margin-right: 24px
}

.section-page-content .column-3 .section-content, .section-page-content .column-3 .section-sidebar {
    width: 33%
}

.section-page-content .column-3 .section-sidebar:last-child {
    margin-right: 0
}

.section-page-content .column-3 .section-content .my-progress-scale li:not(:last-child) {
    margin-right: 20px
}

.section-page-content .column-3 .section-content .my-progress-scale li:not(:last-child)::after {
    width: 20px;
    right: -20px
}

.section-page-content .column-3 .section-content .my-progress-scale li:not(:first-child)::before {
    width: 20px;
    right: 27px
}

.section-page .section-text {
    color: rgba(57, 49, 49, .8)
}

.section-page .section-title {
    color: #1d122f
}

.section-content {
    width: 100%;
    max-width: 720px
}

.section-sidebar {
    width: 100%;
    max-width: 348px;
    margin-right: 24px
}

.sortable-in span:not(.stub-text), .sortable-out span:not(.stub-text) {
    cursor: text
}

.pickmeup {
    background-color: #fff;
    font-size: 14px;
    color: #615a5a;
    font-weight: 500;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
    border-radius: 5px;
    max-width: 346px;
    width: 100%;
    margin-top: 4px
}

.pickmeup:not(.pmu-view-days) .pmu-instance .pmu-days {
    display: none
}

.pickmeup .pmu-instance {
    width: 100%;
    height: 100%;
    padding: 17px 2px 24px
}

.pickmeup .pmu-instance:first-child:last-child .pmu-month {
    width: auto
}

.pickmeup .pmu-instance nav .pmu-month {
    letter-spacing: .59375px;
    width: auto;
    padding: 0 17px
}

.pickmeup .pmu-instance nav .pmu-month.pmu-button {
    line-height: normal
}

.pickmeup .pmu-instance nav .pmu-button {
    width: 8px;
    height: 14px;
    line-height: 0
}

.pickmeup .pmu-instance .pmu-selected, .pickmeup .pmu-instance .pmu-today {
    background: 0 0
}

.pickmeup .pmu-instance .pmu-button {
    color: #615a5a
}

.pickmeup .pmu-instance .pmu-not-in-month {
    color: #d2c9c9
}

.pickmeup .pmu-instance .pmu-day-of-week, .pickmeup .pmu-instance .pmu-months, .pickmeup .pmu-instance .pmu-years {
    padding: 12px 0 0
}

.pickmeup .pmu-instance .pmu-day-of-week {
    color: #d2c9c9;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pickmeup .pmu-instance .pmu-day-of-week * {
    width: 45px;
    line-height: 48px;
    text-align: center
}

.pickmeup .pmu-instance .pmu-days {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pickmeup .pmu-instance .pmu-days .pmu-button {
    width: 45px;
    line-height: 36px;
    text-align: center;
    position: relative;
    z-index: 1
}

.pickmeup .pmu-instance .pmu-days .pmu-button::after {
    content: "";
    position: absolute;
    -webkit-transform: translate(-50%, -55%);
    -ms-transform: translate(-50%, -55%);
    transform: translate(-50%, -55%);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    opacity: 0;
    z-index: -1;
    background-color: #615a5a
}

.pickmeup .pmu-instance .pmu-days .pmu-button.pmu-selected, .pickmeup .pmu-instance .pmu-months .pmu-button.pmu-selected, .pickmeup .pmu-instance .pmu-years .pmu-button.pmu-selected {
    color: #fff
}

.pickmeup .pmu-instance .pmu-months .pmu-button, .pickmeup .pmu-instance .pmu-years .pmu-button {
    position: relative;
    background-color: transparent;
    z-index: 1
}

.pickmeup .pmu-instance .pmu-months .pmu-button::after, .pickmeup .pmu-instance .pmu-years .pmu-button::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #615a5a;
    z-index: -1;
    opacity: 0;
    left: 0;
    top: 0
}

.hamburger {
    line-height: 0;
    padding: 5px 0 5px 5px;
    position: relative;
    z-index: 2;
    display: none
}

.jquery-modal {
    z-index: 10;
    background-color: rgba(57, 49, 49, .7)
}

#modal-auth {
    max-width: 534px;
    padding: 0
}

#modal-rule {
    padding: 48px 40px;
    max-width: 1243px
}

#modal-rule a.close-modal {
    width: 19px;
    height: 19px;
    right: 32px;
    top: 32px
}

#modal-price {
    max-width: 398px;
    padding: 32px 40px
}

#modal-contacts {
    max-width: 534px;
    padding: 48px 94px
}

#modal-contacts a.close-modal {
    display: none
}

.modal {
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%
}

.modal a.close-modal {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L9.5 9.5M9.5 9.5L18 18M9.5 9.5L1 18M9.5 9.5L18 1' stroke='black' stroke-opacity='0.4' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e");
    width: 13px;
    height: 13px;
    right: 16px;
    top: 16px
}

.modal-price {
    color: #1d122f
}

.modal-price-count span {
    font-weight: 700;
    font-size: 24px;
    display: block;
    margin-top: 5px
}

.modal-price-count span strike {
    color: #2f3134;
    font-size: 16px;
    font-weight: 500;
    margin-left: 5px
}

.modal-price-select {
    margin-top: 26px
}

.modal-price-select .radio-item:not(:first-child) {
    margin-top: 16px
}

.modal-price-promo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 16px
}

.modal-price-promo .input {
    position: relative;
    width: 100%;
    max-width: 191px;
    margin-right: 12px
}

.modal-price-promo .input-placeholder {
    color: #828385;
    position: absolute;
    left: 12px;
    top: 16.5px;
    font-size: 16px;
    -webkit-transition: top .2s ease-in-out, font-size .2s ease-in-out;
    -o-transition: top .2s ease-in-out, font-size .2s ease-in-out;
    transition: top .2s ease-in-out, font-size .2s ease-in-out
}

.modal-price-promo .input-check::after {
    content: "";
    position: absolute;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.184615 7.61542C0.0615385 7.49234 0 7.30773 0 7.18465C0 7.06158 0.0615385 6.87696 0.184615 6.75388L1.04615 5.89234C1.29231 5.64619 1.66154 5.64619 1.90769 5.89234L1.96923 5.95388L5.35385 9.58465C5.47692 9.70773 5.66154 9.70773 5.78462 9.58465L14.0308 1.03081H14.0923V1.03081C14.3385 0.784653 14.7077 0.784653 14.9538 1.03081L15.8154 1.89235C16.0615 2.1385 16.0615 2.50773 15.8154 2.75388L5.96923 12.9693C5.84615 13.0923 5.72308 13.1539 5.53846 13.1539C5.35385 13.1539 5.23077 13.0923 5.10769 12.9693L0.307692 7.80004L0.184615 7.61542V7.61542Z' fill='%2353B374'/%3e%3c/svg%3e ") no-repeat;
    width: 16px;
    height: 14px;
    right: 12px;
    top: 20px
}

.modal-price-promo .input.input-incorrectly input {
    border-color: #eb5757
}

.modal-price-promo .input.input-incorrectly .input-text {
    color: #ff6a59
}

.modal-price-promo .input-text {
    font-size: 12px;
    color: #ff6a59;
    display: block;
    margin-top: 5px
}

.modal-price-promo .input input {
    outline: 0;
    width: 100%;
    font-size: 16px;
    border: 1px solid #d5d6d6;
    border-radius: 6px;
    -webkit-transition: border-color .2s ease-in-out, background-image .2s ease-in-out, padding .2s ease-in-out;
    -o-transition: border-color .2s ease-in-out, background-image .2s ease-in-out, padding .2s ease-in-out;
    transition: border-color .2s ease-in-out, background-image .2s ease-in-out, padding .2s ease-in-out;
    color: #2f3134;
    background: 0 0;
    padding: 16px 30px 16px 12px;
    position: relative;
    z-index: 2;
    min-height: 52px
}

.modal-price-promo .input input.active, .modal-price-promo .input input:focus {
    padding: 24.5px 30px 7.5px 12px
}

.modal-price-promo .input input.active + .input-placeholder, .modal-price-promo .input input:focus + .input-placeholder {
    top: 9px;
    font-size: 12px;
    z-index: 3
}

.modal-price-promo-button {
    border-radius: 6px;
    font-size: 14px;
    max-width: 115px;
    border: 1px solid #ed6366
}

.modal-price-promo-button:hover {
    background-color: #ed6366
}

.modal-contacts-form .button, .modal-price > .button {
    margin-top: 24px
}

.modal-contacts-title {
    font-size: 32px;
    color: #393131
}

.modal-contacts-enter {
    color: rgba(57, 49, 49, .8);
    margin-top: 12px
}

.modal-contacts-form {
    margin-top: 23px
}

.modal-contacts-form input:not(:first-child) {
    margin-top: 16px
}

.breadcrumbs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.breadcrumbs li {
    line-height: 28px
}

.breadcrumbs li:not(:last-child)::after {
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath opacity='0.6' d='M3.24268 7.48529L6.48532 4.24265L3.24268 1' stroke='%231D122F'/%3e%3c/svg%3e");
    margin: 0 10px
}

.breadcrumbs li a, .breadcrumbs li span {
    color: rgba(29, 18, 47, .6)
}

.breadcrumbs li a {
    -webkit-transition: color .2s linear;
    -o-transition: color .2s linear;
    transition: color .2s linear
}

.breadcrumbs li a:hover, .header-nav-menu .has-profile-nav li a:hover, .header-nav-menu > li a:hover {
    color: #e72c30
}
.header {
    position: relative;
    z-index: 2
}

.header::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0 2px 9px rgba(52,73,94,.1);
    box-shadow: 0 2px 9px rgba(52,73,94,.1);
    z-index: -1
}

.header-top {
    background-color: #ebedef
}

.header-top-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 16px;
    font-size: 14px;
}

.header-top-buttons .header-top-button {
    border-radius: initial!important;
}

.header-top-button {
    padding: 11.5px 20px;
    font-weight: 500
}

.header-top-button.button-check-in {
    background-color: #d6dbdf;
    color: #2f3134
}

.header-top-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
}

.header-top-languages {
    position: relative;
    z-index: 5
}

.header-top-languages.active .header-top-language-current::after,.lessons-category-title.active::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header-top-language {
    font-size: 12px;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 13px 29px 13px 16px;
    cursor: pointer;
    position: relative;
    background-color: #ebedef
}

.header-top-language img {
    margin-right: 8px
}

.header-top-language span {
    width: 16.25px
}

.header-top-language-another {
    position: absolute;
    top: 100%;
    display: none
}

.header-top-language-another.view,.header-top-profile-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.header-top-language-current::after {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='6' height='5' viewBox='0 0 6 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3 5L0.401924 0.5L5.59808 0.5L3 5Z' fill='%232F3134'/%3e%3c/svg%3e");
    width: 6px;
    height: 5px;
    top: 50%;
    right: 16px;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    line-height: 0;
    -webkit-transform-origin: 50% 27% 0;
    -ms-transform-origin: 50% 27% 0;
    transform-origin: 50% 27% 0
}

.header-top-profile-item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #2f3134;
    margin: 0 17.5px
}

.header-top-profile-item-name {
    margin-left: 0
}

.header-top-profile-item-exit,.header-top-profile-item-exit .header-top-profile-item-icon {
    margin-right: 0
}

.header-top-profile-item-icon {
    width: 16px;
    height: 14px;
    line-height: 14px;
    margin-right: 7px
}

.header-top-profile-item.header-top-profile-item-name-subscription .header-top-profile-item-icon-subscription {
    display: block
}

.header-top-profile-item .header-top-profile-item-icon-subscription {
    display: none
}

.header-bottom {
    background-color: #fff
}

.header-bottom-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.header-bottom-logo {
    width: 74px;
    height: 32px;
    display: block;
    margin-right: 16px
}

.header-bottom-menu {
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.header-bottom-menu li.has-submenu {
    cursor: pointer
}

.header-bottom-menu li.has-submenu:hover .submenu {
    opacity: 1;
    visibility: visible
}

.header-bottom-menu li a,.header-bottom-menu li span {
    color: #2f3134;
    padding: 22.5px 16px;
    font-size: 14px;
    display: block;
    position: relative;
    background-color: #fff;
    -webkit-transition: background-color .2s ease-in-out,color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out,color .2s ease-in-out;
    transition: background-color .2s ease-in-out,color .2s ease-in-out
}

.header-bottom-menu li a::after,.header-bottom-menu li span::after {
    content: "";
    position: absolute;
    width: 100%;
    border-bottom: 3px solid #eb5255;
    left: 0;
    bottom: 0;
    opacity: 0
}

.header-bottom-menu li a:hover,.header-bottom-menu li span:hover {
    background-color: #f7f8f9;
    color: #eb5255
}

.header-bottom-menu li.active a::after,.header-bottom-menu li.active span::after {
    opacity: 1;
}

.submenu {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 9px rgba(52,73,94,.1);
    box-shadow: 0 2px 9px rgba(52,73,94,.1);
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s ease-in-out,visibility .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out,visibility .2s ease-in-out;
    transition: opacity .2s ease-in-out,visibility .2s ease-in-out
}

.submenu::after {
    content: "";
    position: absolute;
    top: -4px;
    left: 0;
    width: 100%;
    height: 4px
}

.submenu-long {
    width: 230px
}

.submenu-short {
    width: 180px
}

.submenu-short-top {
    width: 250px
}

.submenu li a {
    padding: 11px 15.5px;
    background-color: #fff
}

.submenu li a::after {
    display: none
}

.button {
    cursor: pointer
}

.button-primary,.button-secondary {
    background-color: #ed6366;
    color: #fff;
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    outline-color: #2f3134
}

.button-primary:hover {
    background-color: #eb5255
}

.button-secondary {
    background-color: #fff;
    color: #ed6366;
    border: 1px solid #ed6366;
    -webkit-transition: background-color .2s ease-in-out,color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out,color .2s ease-in-out;
    transition: background-color .2s ease-in-out,color .2s ease-in-out
}

.button-secondary:hover {
    background-color: #ed6366;
    color: #fff
}

.button-primary:active,.button-secondary:active {
    background-color: #bf4a4c;
    color: #fff
}

.button-check-log {
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.button-check-log svg,.lesson-item-inside .lesson-item-button span svg {
    margin-right: 9px
}

.main {
    background-color: #eb5255;
    background-image: url(../img/main-map.png);
    background-position: top right 8px;
    background-repeat: no-repeat;
    padding: 100px 0 54px
}

.main-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    color: #fff
}

.main-description {
    line-height: 26px;
    color: rgba(255, 255, 255, .8);
    margin-top: 30px
}

.main-content {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.main-content .main-content-block {
    width: 49%
}

.main-content-block-text {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding-bottom: 38px
}

.main-content-block-form {
    padding-top: 25px
}

.main .container {
    height: 100%
}

.main .form-block {
    margin: auto 0 auto auto
}

.section-plus {
    background-color: #f7f7fa;
    padding: 46px 0 48px
}

.plus-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 34px
}

.plus-item {
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(29, 18, 47, .2);
    box-shadow: 0 1px 3px rgba(29, 18, 47, .2);
    border-radius: 4px;
    text-align: center;
    padding: 33px 22px 25px;
    min-height: 291px;
    width: 100%
}

.plus-item:not(:last-child) {
    margin-right: 24px
}

.plus-item-img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: gray;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.plus-item-title {
    font-size: 24px;
    line-height: 22px;
    color: #1d122f;
    margin-top: 17px
}

.plus-item-desc {
    line-height: 26px;
    color: rgba(29, 18, 47, .8);
    margin-top: 21px
}

.section-interactively {
    padding: 76px 0 58px
}

.section-interactively .section-text {
    color: rgba(29, 18, 47, .8)
}

.interactively-content {
    position: relative
}

.interactively-content::after {
    content: "";
    position: absolute;
    width: 572px;
    height: 651px;
    background-image: url(../img/main-una.png);
    background-size: cover;
    top: -9px;
    right: 0
}

.interactively-content-block {
    max-width: 475px
}

.interactively-content-block-button {
    max-width: 348px;
    margin-top: 34px
}

.section-project {
    background-image: url(../img/main-project-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    padding: 105px 0 60px
}

.section-project .section-text {
    color: rgba(57, 49, 49, .8);
    max-width: 627px
}

.section-project .form-block {
    margin: 61px auto 0;
    -webkit-box-shadow: 0 1px 4px rgba(29, 18, 47, .2);
    box-shadow: 0 1px 4px rgba(29, 18, 47, .2)
}

.lesson-box {
    margin-top: 34px
}

.lesson-item {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(29, 18, 47, .2);
    box-shadow: 0 1px 3px rgba(29, 18, 47, .2);
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-transition: -webkit-box-shadow .2s linear;
    -o-transition: box-shadow .2s linear;
    transition: box-shadow .2s linear;
    transition: box-shadow .2s linear, -webkit-box-shadow .2s linear;
    overflow: hidden
}

.lesson-item:hover {
    -webkit-box-shadow: 0 1px 2px rgba(29, 18, 47, .12), 0 2px 14px rgba(57, 49, 49, .18);
    box-shadow: 0 1px 2px rgba(29, 18, 47, .12), 0 2px 14px rgba(57, 49, 49, .18)
}

.lesson-item:not(:first-child) {
    margin-top: 32px
}

.lesson-item-content {
    padding: 35px 90px 34px 69px;
    width: 100%
}

.lesson-item-content-title {
    font-size: 24px;
    line-height: 22px;
    color: #393131
}

.lesson-item-content-title::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.lesson-item-content-text {
    line-height: 26px;
    color: rgba(29, 18, 47, .8);
    margin-top: 19px;
    min-height: 79px
}

.lesson-item-content-type {
    color: #fff;
    min-width: 56px;
    text-align: center;
    padding: 6px 10px;
    border-radius: 4px;
    font-weight: 700;
    display: inline-block;
    position: absolute;
    top: 22px;
    right: 22px
}

.lesson-item-content-type-a {
    background-color: #79c080
}

.lesson-item-content-status {
    color: #fff;
    text-align: center;
    padding: 6px 16.19px;
    border-radius: 4px;
    font-weight: 700;
    display: inline-block;
    position: absolute;
    top: 22px;
    right: 90px
}

.lesson-item-content-status-not-passed {
    background-color: #bdbdbd
}

.lesson-item-content-status-passed {
    background-color: #79c080
}

.lesson-item-content-status-during {
    background-color: #eea562
}

.lesson-item-img {
    min-width: 348px;
    background-size: cover;
    background-position: center;
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.lesson-announcement {
    background-color: #fff;
    border-radius: 4px;
    color: rgba(29, 18, 47, .8);
    padding: 27.5px 71px;
    position: relative;
    margin-top: 32px
}

.lesson-announcement::after {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    background-color: #eb5255;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='4' height='12' viewBox='0 0 4 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.408 8.464C1.30133 8.464 1.20533 8.42667 1.12 8.352C1.04533 8.26667 1.008 8.17067 1.008 8.064V1.2C1.008 1.08267 1.04533 0.986666 1.12 0.912C1.20533 0.837333 1.30133 0.799999 1.408 0.799999H3.248C3.36533 0.799999 3.46133 0.837333 3.536 0.912C3.61067 0.986666 3.648 1.08267 3.648 1.2V8.064C3.648 8.17067 3.61067 8.26667 3.536 8.352C3.46133 8.42667 3.36533 8.464 3.248 8.464H1.408ZM1.344 12C1.22667 12 1.13067 11.9627 1.056 11.888C0.981333 11.8133 0.944 11.7173 0.944 11.6V9.632C0.944 9.51467 0.981333 9.41867 1.056 9.344C1.13067 9.25867 1.22667 9.216 1.344 9.216H3.312C3.41867 9.216 3.50933 9.25867 3.584 9.344C3.66933 9.41867 3.712 9.51467 3.712 9.632V11.6C3.712 11.7067 3.67467 11.8027 3.6 11.888C3.52533 11.9627 3.42933 12 3.312 12H1.344Z' fill='white'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    font-weight: 700;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 20px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.section-page-project {
    padding-bottom: 23px
}

.section-page-plus {
    padding-top: 23px
}

.section-page-contacts .form-block {
    margin-top: 22px;
    -webkit-box-shadow: 0 1px 4px rgba(29, 18, 47, .2);
    box-shadow: 0 1px 4px rgba(29, 18, 47, .2)
}

.section-page-contacts .form-title {
    color: #1d122f;
    text-align: left
}

.section-page-profile .section-page-content-sidebar {
    -webkit-box-align: normal;
    -webkit-align-items: normal;
    -ms-flex-align: normal;
    align-items: normal
}

.section-page-profile-edit {
    padding: 29px 0 48px
}

.section-page-profile-edit .section-title {
    margin-top: 27px
}

.my-profile {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(29, 18, 47, .2);
    box-shadow: 0 1px 3px rgba(29, 18, 47, .2);
    border-radius: 4px;
    text-align: center;
    padding: 32px 24px 40px
}

.my-profile-img {
    width: 136px;
    height: 136px;
    border-radius: 50%;
    background-size: cover;
    display: inline-block;
    position: relative
}

.my-profile-img-add {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 2px;
    bottom: 11px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='16' cy='16' r='15' fill='%23EB5255' stroke='white' stroke-width='2'/%3e%3crect x='9' y='14.8301' width='14' height='1.97734' fill='white'/%3e%3crect x='15' y='22.7394' width='13.8414' height='2' transform='rotate(-90 15 22.7394)' fill='white'/%3e%3c/svg%3e")
}

.my-profile-img-add input {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    padding: 16px;
    cursor: pointer
}

.my-profile-name {
    font-weight: 700;
    font-size: 24px;
    color: #393131;
    margin-top: 22px
}

.my-profile-text {
    font-size: 18px;
    color: rgba(29, 18, 47, .8);
    margin-top: 15px
}

.my-profile-text span {
    display: block
}

.my-profile-text span:not(:first-child) {
    margin-top: 7px
}

.my-profile-text span.text-place {
    position: relative;
    padding-left: 23px;
    display: inline-block
}

.my-profile-text span.text-place::after {
    content: "";
    position: absolute;
    width: 14px;
    height: 20px;
    top: 0;
    left: 0;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7 19C7 19 13 10.4041 13 7.05826C13 3.71238 10.3137 1 7 1C3.68629 1 1 3.71238 1 7.05826C1 10.4041 7 19 7 19Z' stroke='%231D122F'/%3e%3cpath d='M7.00014 9.57132C8.4203 9.57132 9.57157 8.42006 9.57157 6.9999C9.57157 5.57973 8.4203 4.42847 7.00014 4.42847C5.57998 4.42847 4.42871 5.57973 4.42871 6.9999C4.42871 8.42006 5.57998 9.57132 7.00014 9.57132Z' stroke='%231D122F'/%3e%3c/svg%3e")
}

.my-profile-button {
    max-width: 300px;
    margin: 29px auto 0;
    border: 1px solid #eb5255;
    background-color: #fff;
    color: #eb5255
}

.my-profile-button:active, .my-profile-button:hover {
    color: #fff;
    background-color: #eb5255
}

.my-profile-premium .my-profile-name span {
    position: relative;
    display: inline-block;
    padding-left: 28px
}

.my-profile-premium .my-profile-name span::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 16px;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.03406 13.583V15.2633C3.03406 15.6702 3.29773 16.0001 3.62305 16.0001H16.377C16.7023 16.0001 16.9659 15.6702 16.9659 15.2633V13.583H3.03406Z' fill='%23ED6366'/%3e%3cpath d='M20 4.21779C20 2.90513 19.1463 1.83718 18.0969 1.83718C17.0476 1.83718 16.194 2.90513 16.194 4.21779C16.194 4.84883 16.3916 5.42298 16.7133 5.8494C16.1412 6.64993 15.3105 7.15518 14.3867 7.15518C12.8914 7.15518 11.6389 5.83279 11.3359 4.07406C11.6858 3.64211 11.9031 3.04257 11.9031 2.38061C11.9031 1.06795 11.0493 0 10 0C8.95065 0 8.09692 1.06795 8.09692 2.38061C8.09692 3.04257 8.31436 3.64211 8.66409 4.07406C8.36105 5.83279 7.10861 7.15518 5.61325 7.15518C4.68948 7.15518 3.8588 6.64993 3.28674 5.8494C3.6084 5.42298 3.80615 4.84883 3.80615 4.21779C3.80615 2.90513 2.95242 1.83718 1.90308 1.83718C0.853729 1.83718 0 2.90513 0 4.21779C0 5.35541 0.641327 6.30865 1.49536 6.54266C1.66428 8.28651 1.99066 10.4111 2.62085 12.1096H17.3792C18.0093 10.4111 18.3357 8.28651 18.5046 6.54266C19.3587 6.30846 20 5.35541 20 4.21779Z' fill='%23ED6366'/%3e%3c/svg%3e")
}

.my-progress {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(29, 18, 47, .2);
    box-shadow: 0 1px 3px rgba(29, 18, 47, .2);
    border-radius: 4px;
    padding: 32px 0 32px 32px;
    height: 100%
}

.my-progress-title {
    font-size: 24px;
    line-height: 22px;
    color: #393131
}

.my-progress-stats {
    margin-top: 35px
}

.my-progress-stats li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.my-progress-stats li::after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 4px;
    border-bottom: 1px dashed rgba(29, 18, 47, .4)
}

.my-progress-stats li:nth-of-type(2) {
    margin-top: 22px
}

.my-progress-stats li:not(:nth-of-type(2)):not(:first-child) {
    margin-top: 36px
}

.my-progress-stats li span {
    color: rgba(57, 49, 49, .8);
    position: relative;
    background-color: #fff;
    z-index: 1
}

.my-progress-stats li span.my-progress-stats-reply {
    font-weight: 700;
    padding-left: 10px
}

.my-progress-stats li span.my-progress-stats-title {
    padding-right: 10px
}

.my-progress-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.my-progress-content-noneshare .my-progress-content-block:last-child {
    display: none
}

.my-progress-content-noneshare .my-progress-content-block:first-child {
    width: 100%;
    border-right: none
}

.my-progress-content-block:first-child {
    width: 51.89%;
    border-right: 1px solid rgba(57, 49, 49, .1);
    padding-right: 33px
}

.my-progress-content-block:last-child {
    width: 48.11%;
    padding: 0 20px
}

.my-progress-scale, .my-progress-scale li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.my-progress-scale {
    margin-top: 25px
}

.my-progress-scale li {
    min-width: 28px;
    height: 28px;
    background-color: #d2c9c9;
    border-radius: 50%;
    font-size: 12px;
    color: rgba(255, 255, 255, .8);
    text-transform: uppercase;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.my-progress-scale li:not(:first-child)::before {
    content: "";
    position: absolute;
    width: 31px;
    height: 2px;
    background: #393131;
    right: 28px;
    z-index: 1;
    opacity: 0
}

.my-progress-scale li:not(:last-child) {
    margin-right: 31px
}

.my-progress-scale li:not(:last-child)::after {
    content: "";
    position: absolute;
    width: 31px;
    height: 2px;
    background: #d2c9c9;
    right: -31px
}

.my-progress-scale li.check {
    background: #393131;
    font-weight: 700
}

.my-progress-scale li.check::after {
    background: -webkit-gradient(linear, left top, right top, from(#393131), to(#d2c9c9));
    background: -o-linear-gradient(left, #393131 0, #d2c9c9 100%);
    background: linear-gradient(90deg, #393131 0, #d2c9c9 100%)
}

.my-progress-share-text {
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: .0159091em;
    color: #212121
}

.my-progress-share-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 15px
}

.my-progress-share-icon-item {
    opacity: .8;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.my-progress-share-icon-item:hover, .profile-nav li.active::after {
    opacity: 1
}

.my-progress-share-icon-item:not(:last-child) {
    margin-right: 16px
}

.profile-edit-box {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(29, 18, 47, .2);
    box-shadow: 0 1px 3px rgba(29, 18, 47, .2);
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 32px 94px 32px 70px
}

.profile-edit-block:first-child {
    width: 18.8%;
    padding-right: 38px;
    position: relative;
    text-align: right
}

.profile-edit-block:first-child::after {
    content: "";
    position: absolute;
    max-height: 330px;
    height: 100%;
    width: 1px;
    background-color: rgba(57, 49, 49, .1);
    right: 0
}

.profile-edit-block:last-child {
    width: 81.2%;
    padding-left: 37px
}

.premium {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(29, 18, 47, .2);
    box-shadow: 0 1px 3px rgba(29, 18, 47, .2);
    border-radius: 4px;
    height: 100%;
    color: rgba(57, 49, 49, .8);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.premium-off .premium-head {
    border-bottom: none;
    padding-bottom: 0
}
.premium.premium-off {
    justify-content: flex-start;
}
.premium.premium-off .premium-foot {
    margin-top: 0;
}
.premium-head, .premium-middle {
    border-bottom: 1px solid #e0e0e0
}

.premium-head {
    padding: 39px 32px 26px
}

.premium-middle {
    padding: 17px 32px 10px
}

.premium-foot {
    padding: 24px 32px 45px
}

.premium-title {
    font-weight: 700;
    font-size: 24px;
    color: #393131;
    margin-top: 20px
}

.premium-date {
    margin-top: 9px
}

.premium-end span {
    font-weight: 700;
    font-size: 40px;
    color: #eb5255;
    display: block;
    margin-top: 7px
}

.premium-button {
    max-width: 300px
}
.premium.premium-on {
    height: auto;
}
.premium.premium-on + .premium.premium-on {
    margin-top: 20px;
}
.premium.premium-on .premium-head {
    padding-top: 20px;
}
.premium.premium-on .premium-title {
    margin-top: 12px;
}
.premium.premium-on .premium-title + .premium-end {
    margin-top: 8px;
}
.premium.premium-on .premium-end span {
    font-size: 24px;
}
.premium.premium-on.premium-promocode .premium-head {
    border-bottom: none;
    padding-bottom: 0;
}
.premium.premium-on.premium-promocode .premium-foot {
    padding-top: 0;
    padding-bottom: 20px;
}
.premium.premium-on.premium-promocode .premium-foot .copy-button {
    margin-top: 16px;
    margin-bottom: 10px;
}
.profile-nav {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(29, 18, 47, .2);
    box-shadow: 0 1px 3px rgba(29, 18, 47, .2);
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20.5px 32px;
    margin-top: 34px
}

.profile-nav li {
    cursor: pointer;
    color: #2f3134;
    font-weight: 500;
    position: relative;
    -webkit-transition: color .2s linear;
    -o-transition: color .2s linear;
    transition: color .2s linear
}

.profile-nav li::after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -20px;
    border-bottom: 2px solid #eb5255;
    cursor: default;
    opacity: 0
}

.profile-nav li:not(:last-child) {
    margin-right: 33px
}

.profile-nav li.active, .profile-nav li:hover, .section-page-tests .section-text a:hover {
    color: #eb5255
}

.test-title {
    font-size: 24px;
    color: #393131
}

.test-box {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(29, 18, 47, .2);
    box-shadow: 0 1px 3px rgba(29, 18, 47, .2);
    border-radius: 4px;
    padding: 39px 32px 15px
}

.test-name {
    color: rgba(57, 49, 49, .8);
    margin-top: 13px
}

.test-table {
    text-align: left;
    border-collapse: collapse;
    margin-top: 5px
}

.test-table thead tr {
    border-top: none
}

.test-table tr {
    border-top: 1px solid rgba(29, 18, 47, .15)
}

.test-table tr td, .test-table tr th {
    padding: 25px 10px 25px 0;
    vertical-align: bottom
}

.test-table tr th {
    font-weight: 500;
    color: #393131
}

.test-table tr td {
    color: rgba(57, 49, 49, .8);
    line-height: 20px
}

.test-table tr td:first-child {
    width: 35%
}

.test-table tr td:nth-of-type(2) {
    width: 15%
}

.test-table tr td:not(:first-child):not(:nth-of-type(2)) {
    width: 12.5%
}

.test-table tr td a {
    color: rgba(235, 82, 85, .9)
}

.test-table-result {
    margin-bottom: 9px;
    display: block
}

.test-table-result-true {
    color: rgba(39, 174, 96, .8)
}

.test-table-result-false {
    color: rgba(235, 87, 87, .8)
}

.test-back, .test-result-repeat {
    color: #eb5255;
    display: inline-block
}

.test-back {
    position: relative;
    padding-left: 18px;
    margin-bottom: 25px
}

.test-back::after {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.646446 3.64645C0.451184 3.84171 0.451184 4.15829 0.646446 4.35355L3.82843 7.53553C4.02369 7.7308 4.34027 7.7308 4.53553 7.53553C4.7308 7.34027 4.7308 7.02369 4.53553 6.82843L1.70711 4L4.53553 1.17157C4.7308 0.97631 4.7308 0.659728 4.53553 0.464465C4.34027 0.269203 4.02369 0.269203 3.82843 0.464465L0.646446 3.64645ZM13 3.5L1 3.5L1 4.5L13 4.5L13 3.5Z' fill='%23EB5255'/%3e%3c/svg%3e");
    background-size: cover;
    width: 13px;
    height: 8px;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.test-result {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 29px
}

.test-result-repeat {
    margin-top: 24px
}

.test-result-block {
    width: 50%
}

.test-result-block:first-child {
    padding-right: 69px
}

.test-result-list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.test-result-list li::after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 4px;
    border-bottom: 1px dashed rgba(29, 18, 47, .4)
}

.test-result-list li:not(:first-child) {
    margin-top: 16px
}

.test-result-list li span {
    background-color: #fff;
    display: inline-block;
    z-index: 1
}

.test-result-list li span.test-result-list-reply {
    font-weight: 700;
    color: #393131;
    padding-left: 4px;
    min-width: 142px
}

.test-result-list li span.test-result-list-title {
    padding-right: 3px;
    color: rgba(57, 49, 49, .8)
}

.test-result-willshare {
    background-color: #fff;
    border: 1px dashed rgba(57, 49, 49, .3);
    border-radius: 4px;
    padding: 25px 70px
}

.test-result-willshare-img {
    text-align: center
}

.test-result-willshare-title {
    text-align: center;
    letter-spacing: .0159091em;
    line-height: 24px;
    color: #212121;
    margin-top: 11px
}

.test-result-willshare-button {
    max-width: 266px;
    margin: 10px auto 0;
    border: 1px solid #eb5255;
    background-color: #fff;
    color: #eb5255
}

.test-result-willshare-button:hover {
    color: #fff
}

.test-result-table {
    margin-top: 43px
}

.test-result-table .test-table td, .test-result-table .test-table th {
    vertical-align: top
}

.test-result-table .test-table td, .test-result-table .test-table td:first-child, .test-result-table .test-table td:not(:first-child):not(:nth-of-type(2)), .test-result-table .test-table td:nth-of-type(2) {
    width: 25%
}

.section-page-link .test-result-block:last-child {
    margin-top: 0
}

.table-content {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(29, 18, 47, .2);
    box-shadow: 0 1px 3px rgba(29, 18, 47, .2);
    border-radius: 4px;
    overflow: hidden;
    text-align: center
}

.table-content-img {
    height: 190px;
    background-size: cover;
    background-position: center;
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.table-content-title {
    font-size: 24px;
    color: #1d122f;
    text-align: left
}

.table-content-link {
    text-decoration: underline;
    color: #eb5255;
    display: inline-block;
    margin-top: 19px
}

.table-content-link:hover {
    text-decoration: none
}

.table-content-end {
    background-color: #eb5255;
    padding: 17px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    position: relative;
    margin-top: 29px;
    left: -24px;
    width: -webkit-calc(100% + 48px);
    width: calc(100% + 48px)
}

.table-content-list {
    margin-top: 17px;
    text-align: left
}

.table-content-list.table-content-list-sub {
    margin-top: 8px;
    position: relative;
    right: 31px
}

.table-content-list.table-content-list-sub li {
    font-weight: 400
}

.table-content-list.table-content-list-sub li:first-child .progress-item::before {
    opacity: 1
}

.table-content-list.table-content-list-sub li:last-child .progress-item::after {
    opacity: 0
}

.table-content-list.table-content-list-sub li .progress-title {
    border-bottom: none
}

.table-content-list li {
    position: relative;
    line-height: 26px;
    padding-left: 31px;
    color: rgba(57, 49, 49, .8);
    font-weight: 500
}

.table-content-list li:not(:first-child) {
    margin-top: 8px
}

.table-content-list li:not(:first-child) .progress-item::before, .table-content-list li:not(:last-child) .progress-item::after {
    opacity: 1
}

.table-content-list li svg {
    right: -1px;
    top: 1px
}

.table-content-list li.locked svg {
    top: 3px;
    left: 3px
}

.table-content-list li.checked, .table-content-list li.open {
    color: #393131
}

.table-content-list li.checked > .progress-item {
    background: #4fa048
}

.table-content-list li.checked > .progress-item::after {
    background: -webkit-gradient(linear, left top, left bottom, from(#4fa048), to(#d2c9c9));
    background: -o-linear-gradient(top, #4fa048, #d2c9c9);
    background: linear-gradient(180deg, #4fa048, #d2c9c9);
    z-index: 1
}

.table-content-list li.checked > .progress-item::before {
    background: -webkit-gradient(linear, left bottom, left top, from(#4fa048), to(#d2c9c9));
    background: -o-linear-gradient(bottom, #4fa048, #d2c9c9);
    background: linear-gradient(0deg, #4fa048, #d2c9c9);
    z-index: 1
}

.table-content-list li.checked .checked .progress-item::before, .table-content-list li.checked + .checked .progress-item::before {
    background: #4fa048;
    z-index: 2
}

.table-content-list li.checked + .active .progress-item::before {
    background: -webkit-gradient(linear, left bottom, left top, from(#de851d), to(#4fa048));
    background: -o-linear-gradient(bottom, #de851d, #4fa048);
    background: linear-gradient(0deg, #de851d, #4fa048)
}

.table-content-list li.checked + .error .progress-item::before {
    background: -webkit-gradient(linear, left top, left bottom, from(#4fa048), to(#ff3438));
    background: -o-linear-gradient(top, #4fa048, #ff3438);
    background: linear-gradient(180deg, #4fa048, #ff3438);
    z-index: 2
}

.table-content-list li.active {
    color: #de851d
}

.table-content-list li.active:last-child .progress-item::after {
    opacity: 0
}

.table-content-list li.active .progress-item, .table-content-list li.active + .active .progress-item::before {
    background: #de851d
}

.table-content-list li.active .progress-item::before {
    background: -webkit-gradient(linear, left bottom, left top, from(#de851d), to(#d2c9c9));
    background: -o-linear-gradient(bottom, #de851d, #d2c9c9);
    background: linear-gradient(0deg, #de851d, #d2c9c9)
}

.table-content-list li.active .progress-item::after {
    background: -webkit-gradient(linear, left top, left bottom, from(#de851d), to(#d2c9c9));
    background: -o-linear-gradient(top, #de851d, #d2c9c9);
    background: linear-gradient(180deg, #de851d, #d2c9c9)
}

.table-content-list li.active .progress-item::after, .table-content-list li.active .progress-item::before {
    opacity: 1;
    z-index: 2
}

.table-content-list li.active + .error .progress-item::before {
    background: -webkit-gradient(linear, left top, left bottom, from(#de851d), to(#ff3438));
    background: -o-linear-gradient(top, #de851d, #ff3438);
    background: linear-gradient(180deg, #de851d, #ff3438);
    z-index: 2
}

.table-content-list li.active + .checked .progress-item::before {
    background: -webkit-gradient(linear, left top, left bottom, from(#de851d), to(#4fa048));
    background: -o-linear-gradient(top, #de851d, #4fa048);
    background: linear-gradient(180deg, #de851d, #4fa048);
    z-index: 2
}

.table-content-list li.error {
    color: #393131
}

.table-content-list li.error .progress-item {
    background-color: #ff3438
}

.table-content-list li.error .progress-item::after {
    background: -webkit-gradient(linear, left bottom, left top, from(#d2c9c9), to(#ff3438));
    background: -o-linear-gradient(bottom, #d2c9c9, #ff3438);
    background: linear-gradient(0deg, #d2c9c9, #ff3438);
    z-index: 1
}

.table-content-list li.error .progress-item::before {
    background: -webkit-gradient(linear, left top, left bottom, from(#d2c9c9), to(#ff3438));
    background: -o-linear-gradient(top, #d2c9c9, #ff3438);
    background: linear-gradient(180deg, #d2c9c9, #ff3438);
    z-index: 1
}

.table-content-list li.error + .checked .progress-item::before {
    background: -webkit-gradient(linear, left bottom, left top, from(#4fa048), to(#ff3438));
    background: -o-linear-gradient(bottom, #4fa048, #ff3438);
    background: linear-gradient(0deg, #4fa048, #ff3438)
}

.table-content-list li.error + .active .progress-item::before {
    background: -webkit-gradient(linear, left bottom, left top, from(#de851d), to(#ff3438));
    background: -o-linear-gradient(bottom, #de851d, #ff3438);
    background: linear-gradient(0deg, #de851d, #ff3438)
}

.table-content-list li.error + .error .progress-item::before {
    background: #ff3438
}

.table-content-list li.error svg {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-49%, -50%);
    -ms-transform: translate(-49%, -50%);
    transform: translate(-49%, -50%)
}

.table-content-list li .progress-item {
    position: absolute;
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #d2c9c9;
    margin-right: 17px;
    top: 5px;
    left: 0
}

.table-content-list li .progress-item::after, .table-content-list li .progress-item::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 2px;
    background: #d2c9c9;
    left: 6px
}

.table-content-list li .progress-item::after {
    top: 100%;
    opacity: 0
}

.table-content-list li .progress-item::before {
    bottom: 100%;
    opacity: 0
}

.table-content-list li .progress-item-two-lines::before {
    height: 46px
}

.table-content-list li .progress-item-three-lines::before {
    height: 72px
}

.table-content-list li .progress-item svg {
    position: absolute
}

.table-content-list li .progress-title {
    border-bottom: 1px dashed rgba(57, 49, 49, .8);
    cursor: pointer
}

.table-content-button {
    margin-top: 21px;
    max-width: 300px
}

.table-content-block {
    padding: 32px 24px
}

.lesson-content {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(29, 18, 47, .2);
    box-shadow: 0 1px 3px rgba(29, 18, 47, .2);
    border-radius: 4px;
    padding: 48px 32px
}

.lesson-content-theory {
    padding-bottom: 32px
}

.lesson-content-practice .lesson-content-task {
    padding: 22px 20px 32px
}

.lesson-content-practice .nice-select {
    float: none;
    display: inline-block;
    color: rgba(29, 18, 47, .4);
    line-height: 24px;
    height: 26px;
    border: 1px solid rgba(29, 18, 47, .2);
    border-radius: 4px;
    padding: 0 21px 0 6px;
    font-size: 16px;
    max-width: 110px;
    width: 100%
}

.lesson-content-practice .nice-select::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.48483 0.384645L5.24219 3.83179L0.999547 0.384645' stroke='%231D122F' stroke-linejoin='round'/%3e%3c/svg%3e");
    border: 0;
    width: 10px;
    height: 5px;
    right: 7px;
    margin-top: 0;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.lesson-content-practice .nice-select.open {
    border: 1px solid #1d122f
}

.lesson-content-practice .nice-select.open::after {
    -webkit-transform: translate(0, -50%) rotate(180deg);
    -ms-transform: translate(0, -50%) rotate(180deg);
    transform: translate(0, -50%) rotate(180deg)
}

.lesson-content-practice .nice-select .current {
    color: rgba(29, 18, 47, .4)
}

.lesson-content-practice .nice-select .list {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 16px rgba(0, 0, 0, .15);
    border-radius: 4px
}

.lesson-content-practice .nice-select .option {
    min-height: 26px;
    line-height: 26px;
    padding: 0 6px;
    color: #1d122f;
    margin-top: 0
}

.lesson-content-practice .nice-select .option:hover {
    background: rgba(57, 49, 49, .1)
}

.lesson-content-practice .nice-select .option[data-value=Выберите] {
    display: none
}

.lesson-content-practice .nice-select .option.selected {
    font-weight: 400;
    background-color: #5f5d5d;
    color: #fff
}

.lesson-content-locked .lesson-content-title {
    position: relative;
    padding-left: 33px
}

.lesson-content-locked .lesson-content-title::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 21px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='21' viewBox='0 0 16 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14 7H13V5C13 2.24 10.76 0 8 0C5.24 0 3 2.24 3 5V7H2C0.9 7 0 7.9 0 9V19C0 20.1 0.9 21 2 21H14C15.1 21 16 20.1 16 19V9C16 7.9 15.1 7 14 7ZM8 16C6.9 16 6 15.1 6 14C6 12.9 6.9 12 8 12C9.1 12 10 12.9 10 14C10 15.1 9.1 16 8 16ZM11.1 7H4.9V5C4.9 3.29 6.29 1.9 8 1.9C9.71 1.9 11.1 3.29 11.1 5V7Z' fill='%231D122F'/%3e%3c/svg%3e");
    left: 0;
    top: -1px
}

.lesson-content-locked .lesson-content-task {
    padding: 0;
    border: 0;
    margin-top: 21px
}

.lesson-content-locked .lesson-content-task-title {
    margin-top: 0
}

.lesson-content-title {
    font-size: 24px;
    color: #1d122f
}



.lesson-content-task blockquote {
    background: #F5F5F5;
    margin: 15px 0;
    padding: 16px;
    color: #1D122F;
    border-radius: 4px;
    font-size: 16px;
    line-height: 26px;
}

.lesson-content-audio, .lesson-content-title-timer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.lesson-content-title-timer {
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.lesson-content-title-timer .timer-title {
    font-size: 16px;
    color: #8a8a99;
    font-weight: 400
}

.lesson-content-audio {
    max-width: 477px
}

.lesson-content-audio-button {
    text-decoration: underline;
    color: #eb5255;
    cursor: pointer
}

.lesson-content-audio-button:hover, .lesson-content-link a:hover {
    text-decoration: none
}

.lesson-content-audio-name {
    margin-right: 20px
}

.lesson-content-text-block {
    margin-top: 2px
}

.lesson-content-box-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -21px -11.5px 0
}

.lesson-content-item-img {
    max-width: 189px;
    width: 100%;
    margin: 21px 11.5px 0
}

.lesson-content-item-img-border {
    width: 100%;
    height: 220px;
    border: 1px solid rgba(29, 18, 47, .2);
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 9px
}

.lesson-content-item-img-border-photo {
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
    width: 100%;
    height: 180px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 169px auto
}

.lesson-content-item-img-border-text {
    font-size: 12px;
    text-align: center;
    line-height: 16px
}

.lesson-content-item-img .lesson-content-input.lesson-content-input-block {
    margin-top: 12px
}

.lesson-content-item-img .lesson-content-input.lesson-content-input-block input {
    padding: 4.5px 12px;
    text-align: left;
    font-size: 14px;
    color: #1d122f
}

.lesson-content-item-img .lesson-content-input.lesson-content-input-block input::-webkit-input-placeholder {
    color: rgba(29, 18, 47, .4)
}

.lesson-content-item-img .lesson-content-input.lesson-content-input-block input::-moz-placeholder {
    color: rgba(29, 18, 47, .4)
}

.lesson-content-item-img .lesson-content-input.lesson-content-input-block input:-ms-input-placeholder, .lesson-content-item-img .lesson-content-input.lesson-content-input-block input::-ms-input-placeholder {
    color: rgba(29, 18, 47, .4)
}

.lesson-content-item-img .lesson-content-input.lesson-content-input-block input::placeholder {
    color: rgba(29, 18, 47, .4)
}

.lesson-content-item-img .lesson-content-input.lesson-content-input-block.correctly input, .lesson-content-item-img .lesson-content-input.lesson-content-input-block.error input {
    color: #fff;
    text-align: center;
    background-image: none
}

.lesson-content-item-img .lesson-content-input.lesson-content-input-block.correctly input {
    background-color: #72b36d
}

.lesson-content-item-img .lesson-content-input.lesson-content-input-block.error input {
    background-color: #ff3438;
    border: 0;
    padding: 4.5px 10px
}

.lesson-content-item-img .lesson-content-input.lesson-content-input-block.answer input {
    color: rgba(29, 18, 47, .7);
    background-color: rgba(57, 49, 49, .1)
}

.lesson-content-input {
    display: inline-block;
    line-height: normal
}

.lesson-content-input.lesson-content-input-auto input {
    min-width: 31px;
    max-width: 200px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    text-align: center
}

.lesson-content-input.lesson-content-input-block {
    display: block;
    max-width: 477px;
    margin-top: 4px
}

.lesson-content-input.lesson-content-input-block input {
    width: 100%;
    color: rgba(29, 18, 47, .7);
    min-width: auto;
    max-width: none;
    padding: 3.5px 30px 3.5px 10px;
    background-repeat: no-repeat;
    background-position: right 10px center
}

.lesson-content-input input, .lesson-content-input.lesson-content-input-block.correctly input, .lesson-content-input.lesson-content-input-block.error input {
    background-color: rgba(57, 49, 49, .1);
    color: #1d122f
}

.lesson-content-input.lesson-content-input-block.correctly input {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.5 4.5L0 6L4 10L13 1.5L11.5 0L4 7L1.5 4.5Z' fill='%234FA048'/%3e%3c/svg%3e")
}

.lesson-content-input.lesson-content-input-block.error input {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='5.14355' y='3.85742' width='12.7273' height='1.81819' transform='rotate(45 5.14355 3.85742)' fill='%23FF3438'/%3e%3crect x='3.85645' y='12.8569' width='12.7273' height='1.81819' transform='rotate(-45 3.85645 12.8569)' fill='%23FF3438'/%3e%3c/svg%3e");
    padding: 2.5px 30px 2.5px 10px;
    border: 1px solid #ff3438
}

.lesson-content-input input {
    border-radius: 4px;
    border: 0;
    padding: 3.5px 7px;
    font-size: 16px;
    font-family: "Rubik", sans-serif
}

.lesson-content-input input:focus, .lesson-content-input input:hover {
    background-color: rgba(57, 49, 49, .2)
}

.lesson-content-input.correctly input {
    background-color: #72b36d;
    color: #fff
}

.lesson-content-input.error input {
    color: #fff;
    background-color: #ff3438
}

.lesson-content .lesson-content-select {
    display: inline-block
}

.lesson-content .lesson-content-select-item {
    padding: 0 4px 0 0
}

.lesson-content .lesson-content-select-item::after {
    opacity: 1
}

.lesson-content .lesson-content-select-item:not(:last-child) {
    margin-right: 2px
}

.lesson-content .lesson-content-select-item-long {
    width: 110px
}

.lesson-content .lesson-content-select-item-long:not(:last-child) {
    margin-right: 0
}

.lesson-content-task {
    border: 1px solid rgba(57, 49, 49, .2);
    border-radius: 4px;
    padding: 23px 30px;
    margin-top: 40px;
    color: #1d122f
}
.lesson-content-task hr {
    border:none;
    border-bottom: 1px solid rgba(57, 49, 49, .2);
}
.lesson-content-task table, .lesson-content-task * {
    border-color: rgba(57, 49, 49, .2);
}

.lesson-content-task-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(57, 49, 49, .2)
}

.lesson-content-task-head-text {
    text-align: center;
    padding: 0 10px
}

.lesson-content-task-head-text:first-child {
    line-height: 26px;
    width: 62.5%
}

.lesson-content-task-head-text:last-child {
    width: 37.5%;
    color: rgba(29, 18, 47, .8);
    font-style: italic
}

.lesson-content-task-head-text:last-child span {
    font-weight: 700;
    font-style: normal
}

.lesson-content-task-example-theory {
    margin-top: 17px
}

.lesson-content-task-example-practice {
    background-color: #f5f5f5;
    border-radius: 4px;
    padding: 18px 15px;
    margin-top: 10px;
    line-height: 22px
}

.lesson-content-task-example-title {
    text-align: center;
    color: #1d122f
}

.lesson-content-task-example-img {
    margin: 20px auto 0;
    text-align: center
}

.lesson-content-task-example-img img {
    max-height: 300px;
    max-width: 100%
}

.lesson-content-task-example em {
    font-style: italic
}

.lesson-content-task-example span {
    font-weight: 700
}

.lesson-content-task-desc {
    font-weight: 700;
    margin-top: 9px
}

.lesson-content-task-button {
    max-width: 284px;
    margin-top: 31px
}

.lesson-content-task-img {
    max-width: 100%;
    margin-top: 14px
}

.lesson-content-task-img + .lesson-content-task-block {
    margin-top: 6px
}

.lesson-content-task-block {
    line-height: 30px;
    margin-top: 14px
}

.lesson-content-task-block .lesson-content-task-block-bottom {
    border-top: 1px solid rgba(57, 49, 49, .2);
    margin-top: 20px;
    padding-top: 13px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.lesson-content-task-block .lesson-content-task-block-bottom span {
    margin-top: 10px
}

.lesson-content-task-block .lesson-content-task-block-bottom span:not(:last-child) {
    margin-right: 10px
}

.lesson-content-task-block span {
    cursor: pointer;
    position: relative;
    z-index: 1;
    line-height: 19px;
    display: inline-block
}

.lesson-content-task-block span::after {
    content: "";
    position: absolute;
    border-radius: 4px;
    width: 100%;
    height: -webkit-calc(100% + 7px);
    height: calc(100% + 7px);
    left: 0;
    top: -4px;
    background: rgba(57, 49, 49, .1);
    opacity: 0;
    z-index: -1
}

.lesson-content-link-button:active, .lesson-content-link-button:hover, .lesson-content-task-block span.correctly, .lesson-content-task-block span.error, .lesson-content-task-block span.none, .lesson-content-task-block span.selected {
    color: #fff
}

.lesson-content-task-block span.selected::after {
    opacity: 1;
    background-color: rgba(57, 49, 49, .8)
}

.lesson-content-task-block span.correctly::after {
    opacity: 1;
    background-color: rgba(79, 160, 72, .8)
}

.lesson-content-task-block span.error::after {
    opacity: 1;
    background-color: #ff3438
}

.lesson-content-task-block span.none::after {
    opacity: 1;
    background-color: #de851d
}

.lesson-content-task-block span.stub-text {
    display: inline-block;
    width: 80px;
    min-height: 27px;
    padding: 0 9px;
    font-size: 0;
    line-height: 27px
}

.lesson-content-task-block span.stub-text:empty {
    margin-bottom: -6px
}

.lesson-content-task-block span.stub-text::after {
    opacity: 1;
    height: 100%;
    top: 1px
}

.lesson-content-task-block span.stub-text-selected {
    width: auto;
    line-height: 27px;
    font-size: 16px
}

.lesson-content-task-block span.stub-text-temp:hover::after {
    background-color: rgba(57, 49, 49, .2)
}

.lesson-content-task-block ul {
    counter-reset: number;
    list-style-type: none
}

.lesson-content-task-block ul li {
    position: relative
}

.lesson-content-task-block ul li:not(.has-title li):not(:first-child) {
    margin-top: 6px
}

.lesson-content-task-block ul.has-number > li::before {
    content: counter(number) ".";
    counter-increment: number;
    display: inline-block;
    min-width: 14px;
    padding-right: 3px
}

.lesson-content-task-block ul.has-line li:not(:last-child) {
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(57, 49, 49, .2);
    margin-bottom: 12px
}

.lesson-content-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 32px
}

.lesson-content-link-button {
    background-color: transparent;
    border: 1px solid #eb5255;
    color: #eb5255;
    padding: 16px;
    max-width: 300px
}

.lesson-content-link-button:hover {
    border-color: #e72c30
}

.lesson-content-link-button:active {
    border-color: #b11518
}

.lesson-content-link a {
    font-size: 20px;
    text-decoration: underline;
    color: #393131;
    display: inline-block;
    margin-right: 30px
}

.lesson-content-rule {
    line-height: 18px;
    font-size: 14px;
    border-bottom: 1px dashed #393131;
    margin-top: 13px;
    display: inline-block
}

.lesson-content-rule:hover {
    border-bottom-color: transparent
}

.lesson-content .section-text, .lesson-content-rule {
    color: rgba(29, 18, 47, .8)
}

.sub-task {
    margin-top: 28px
}

.sub-task-input {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    min-height: 32px;
    padding: 0 30px 0 2px;
    background-repeat: no-repeat;
    background-position: right 7px center
}

.sub-task-input.correctly {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.5 4.5L0 6L4 10L13 1.5L11.5 0L4 7L1.5 4.5Z' fill='%234FA048'/%3e%3c/svg%3e")
}

.sub-task-input.error {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='5.14355' y='3.85742' width='12.7273' height='1.81819' transform='rotate(45 5.14355 3.85742)' fill='%23FF3438'/%3e%3crect x='3.85645' y='12.8569' width='12.7273' height='1.81819' transform='rotate(-45 3.85645 12.8569)' fill='%23FF3438'/%3e%3c/svg%3e")
}

.sub-task-input.skiped {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.5 4.5L0 6L4 10L13 1.5L11.5 0L4 7L1.5 4.5Z' fill='%23DE851D'/%3e%3c/svg%3e");
}

.sub-task-input span {
    line-height: 20px
}

.sub-task-words {
    min-height: 30px;
    margin-top: 12px
}

.sub-task .sub-task-input span:not(:last-child) {
    margin-right: 3px
}

.sub-task .sub-task-input.correctly span:not(:last-child), .sub-task .sub-task-input.error span:not(:last-child) {
    margin-right: -1px
}

.sub-task span {
    padding: 0 10px;
    line-height: 19px;
    display: inline-block
}

.sub-task span::after {
    opacity: 1;
    top: -3px
}

.sub-task span:not(:last-child) {
    margin-right: 6px
}

.sub-task span.div {
    line-height: normal;
    padding: 0;
    font-size: 0
}

.sub-task span.div::after {
    display: none
}

.price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 36px
}

.price-item {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(29, 18, 47, .2);
    box-shadow: 0 1px 3px rgba(29, 18, 47, .2);
    border-radius: 4px;
    text-align: center;
    max-width: 348px;
    width: 100%
}

.price-item:first-child {
    margin-right: 24px
}

.price-item-head {
    border-bottom: 1px solid #e0e0e0;
    padding: 30px 15px 24px
}

.price-item-foot {
    padding: 22px 24px 32px
}

#timer, .price-item-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #1d122f
}

.price-item-cost, .price-item-desc {
    color: rgba(29, 18, 47, .8)
}

.price-item-cost {
    margin-top: 11px
}

.price-item-desc {
    line-height: 26px
}

.price-item-desc span {
    display: block
}

.price-item .button {
    margin-top: 24px
}

.section-page-tests .section-text {
    margin-top: 8px;
    color: rgba(29, 18, 47, .8)
}

.section-page-tests .section-text a {
    color: rgba(235, 82, 85, .8)
}

.section-page-tests .lesson-item-content {
    padding: 35px 235px 34px 32px
}

#timer {
    color: #72b36d;
    position: absolute;
    right: 0;
    top: -29px
}

.footer {
    font-size: 12px;
    padding: 48px 0 40px;
    background-color: #fff
}

.footer .container {
    max-width: 1280px;
    padding: 0 50px;
}

.footer-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #585a5d;
    border-bottom: 1px solid #d6dbdf;
    padding-bottom: 25px
}

.footer-top-document:last-child {
    margin-top: 14px
}

.footer-top a {
    color: #585a5d;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

.footer-top-copyright {
    font-weight: 500;
    margin-bottom: 42px
}

.footer-top-copyright span {
    display: inline-block;
    position: relative;
    padding-left: 9px;
    margin-left: 6px
}

.footer-top-copyright span::after {
    content: "";
    position: absolute;
    border-left: 1px solid #585a5d;
    height: 12px;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.footer-top-nav,.footer-top-social-icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.footer-top-menu:not(:last-child) {
    margin-right: 100px
}

.footer-top-menu li:not(:first-child) {
    margin-top: 14px
}

.footer-top-social-icon {
    display: block;
    height: 24px
}

.footer-top-social-icon:not(:last-child) {
    margin-right: 16px
}

.footer-bottom {
    padding-top: 19px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer-bottom-recaptcha {
    color: #acadae;
    max-width: 280px;
    line-height: 16px
}

@media only screen and (max-width: 1200px) {
    .section-page-content-sidebar {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .form-row .form-input, .section-content, .section-sidebar {
        max-width: none
    }

    .section-content {
        margin-top: 30px
    }

    .section-sidebar {
        margin-right: 0
    }

    .main {
        padding: 50px 0
    }

    .form-block-nav li:not(:last-child) {
        margin-right: 40px
    }

    .interactively-content::after {
        width: 400px;
        height: 455.234px
    }

    .my-progress {
        padding: 32px
    }

    .my-progress-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .my-progress-content-block:first-child, .my-progress-content-block:last-child {
        padding: 0;
        width: 100%
    }

    .my-progress-content-block:first-child {
        border-right: none
    }

    .my-progress-share {
        margin-top: 20px
    }

    .my-progress-share-text {
        text-align: left
    }

    .my-progress-share-icon {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .profile-edit-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 32px 24px 40px
    }

    .profile-edit-block:first-child {
        width: 100%;
        padding-right: 0;
        text-align: center
    }

    .profile-edit-block:first-child::after {
        display: none
    }

    .profile-edit-block:last-child {
        width: 100%;
        padding-left: 0;
        margin-top: 30px
    }

    .section-page-content .column-3 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .section-page-content .column-3 .section-content, .section-page-content .column-3 .section-sidebar {
        width: 100%
    }

    .section-page-content .column-3 .section-sidebar:last-child {
        margin-top: 30px
    }

    .table-content {
        text-align: left
    }

    .table-content-img {
        padding-bottom: 45%;
        height: auto
    }

    .lesson-content-audio, .lesson-content-input.lesson-content-input-block {
        max-width: none
    }

    .lesson-content-box-img {
        max-width: 636px
    }

    .test-result-block:first-child {
        padding-right: 30px
    }
}

@media only screen and (max-width: 992px) {
    .lesson-content-input input, .lesson-content-task-block span.stub-text-selected, body {
        font-size: 14px
    }

    .button {
        font-size: 16px
    }

    .section {
        padding: 30px 0
    }

    .section-title {
        font-size: 24px;
        line-height: 30px
    }

    .section-text {
        line-height: 22px;
        margin-top: 15px
    }

    .section-page-content {
        margin-top: 20px
    }

    .form-write .form-title {
        margin-bottom: 15px
    }

    .form-write .form-button {
        margin-top: 15px
    }

    .form-title {
        line-height: 30px
    }

    .form-title, .modal-contacts-title {
        font-size: 24px
    }

    .modal-contacts-enter {
        margin-top: 5px
    }

    .header-language-current::after {
        top: 7px
    }

    .header-nav {
        margin-right: 30px
    }

    .header-nav-menu > li::after {
        bottom: -27px
    }

    .header-nav-menu > li:not(:last-child) {
        margin-right: 30px
    }

    .header-nav-menu > li.has-profile::after {
        bottom: -22px
    }

    .header-nav-menu .has-profile-nav {
        left: -30px
    }

    .main {
        padding: 30px 0
    }

    .main-title {
        font-size: 24px;
        line-height: 30px;
        text-align: center
    }

    .main-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .main-content .main-content-block {
        width: 100%
    }

    .main-content-block-text {
        padding-bottom: 0
    }

    .main-description {
        line-height: 20px;
        margin-top: 15px
    }

    .main .form-block {
        margin: 0 auto
    }

    .plus-box {
        margin-top: -5px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .plus-item {
        min-height: auto;
        width: 48.717%;
        margin-top: 20px
    }

    .plus-item:not(:last-child) {
        margin-right: 0
    }

    .plus-item-title {
        font-size: 20px;
        margin-top: 10px
    }

    .plus-item-desc {
        line-height: 22px;
        margin-top: 10px
    }

    .interactively-content::after {
        display: none
    }

    .interactively-content-block-button {
        margin-top: 20px
    }

    .section-project {
        background-image: none;
        background-color: #f7f7fa
    }

    .section-project .form-block {
        margin-top: 30px
    }

    .lesson-box, .lesson-item:not(:first-child) {
        margin-top: 20px
    }

    .lesson-item-content {
        padding: 30px 90px 30px 20px
    }

    .lesson-item-content-text {
        line-height: 22px;
        margin-top: 10px
    }

    .lesson-item-content-title {
        font-size: 20px
    }

    .lesson-item-img {
        min-width: 270px
    }

    .lesson-announcement {
        margin-top: 20px;
        padding: 23px 23px 23px 55px
    }

    .lesson-announcement::after {
        left: 10px
    }

    .lesson-content-practice .nice-select {
        font-size: 14px;
        line-height: 26px;
        max-width: 100px
    }

    .section-page-project {
        padding-bottom: 15px
    }

    .section-page-plus {
        padding-top: 15px
    }

    .my-profile, .my-progress, .profile-nav, .test-box, .test-result-willshare {
        padding: 20px
    }

    .my-profile-name, .my-progress-title, .test-title {
        font-size: 20px
    }

    .my-profile-name {
        margin-top: 10px
    }

    .my-profile-text {
        font-size: 16px
    }

    .my-profile-button {
        margin-top: 20px
    }

    .my-progress-stats {
        margin-top: 25px
    }

    .my-progress-stats li:not(:nth-of-type(2)):not(:first-child) {
        margin-top: 22px
    }

    .lesson-content, .premium-foot, .premium-head, .premium-middle, .profile-edit-box, .table-content-block {
        padding: 20px
    }

    .section-page-profile-edit .section-title {
        margin-top: 15px
    }

    .test-table tr td, .test-table tr th {
        padding: 15px 10px 15px 0
    }

    .test-result-block:first-child {
        padding-right: 10px
    }

    .profile-nav li:not(:last-child) {
        margin-right: 20px
    }

    .lesson-content-title, .table-content-title {
        font-size: 20px
    }

    .table-content-list li .progress-item {
        margin-right: 10px
    }

    .table-content-end {
        left: -20px;
        width: -webkit-calc(100% + 40px);
        width: calc(100% + 40px)
    }

    .lesson-content-task {
        padding: 20px;
        margin-top: 20px
    }

    .lesson-content-task-button {
        margin-top: 20px
    }

    .lesson-content-task-example-practice {
        padding: 10px
    }

    .lesson-content-link, .sub-task {
        margin-top: 20px
    }

    .lesson-content-link a {
        font-size: 14px;
        margin-right: 20px
    }

    #timer {
        font-size: 16px;
        line-height: 20px;
        position: static
    }

    .timer-title {
        margin: 0 10px 0 auto
    }
}

@media only screen and (max-width: 768px) {
    .container {
        padding: 0 15px
    }

    .form-social-media-title span {
        padding: 0 7px
    }

    .form-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .form-row .form-input:not(:first-child), .form-row .form-select:not(:first-child) {
        margin: 17px 0 0
    }

    .hamburger {
        display: block
    }

    .jquery-modal {
        padding: 0
    }

    .modal {
        padding: 20px 10px;
        height: 100%;
        border-radius: 0
    }

    .modal-price-promo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .header-top-button {
        display: none
    }

    .header-top-button.button-check-log {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .header-top-buttons {
        margin-right: 8px
    }

    .header-top-inner {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .header-top-language {
        padding-left: 8px;
        padding-right: 20px
    }

    .header-top-language-current::after {
        right: 7px
    }

    .header-top-profile-item {
        margin: 0 15px
    }

    .header-top-profile-item-name {
        margin: 0
    }

    .header-bottom-menu li a::after,.header-bottom-menu li span::after,.header-bottom-menu li.active span::after,.header-top-profile-item-name .header-top-profile-item-text {
        display: none
    }

    .header-top-profile-item-exit,.header-top-profile-item-name .header-top-profile-item-icon {
        margin-right: 0
    }

    .header-bottom {
        position: relative
    }

    .header-bottom-menu {
        position: absolute;
        left: -100%;
        top: 100%;
        min-height: calc(100vh - 102px);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        background-color: #fff;
        z-index: -1;
        padding: 12px 0;
        -webkit-transition: left .2s ease-in-out;
        -o-transition: left .2s ease-in-out;
        transition: left .2s ease-in-out
    }

    .header-bottom-menu.active {
        left: 0;
        z-index: 3;
    }

    .header-bottom-menu li.has-submenu::after {
        content: "";
        position: absolute;
        width: 13px;
        height: 8px;
        right: 17px;
        top: 18px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.76329 0.304024C1.35991 -0.101341 0.705909 -0.101341 0.302533 0.304024C-0.100844 0.709389 -0.100844 1.36662 0.302533 1.77198L5.79116 7.28766C6.18208 7.68051 6.81793 7.68051 7.20884 7.28766L12.6975 1.77198C13.1008 1.36662 13.1008 0.709389 12.6975 0.304024C12.2941 -0.101341 11.6401 -0.101341 11.2367 0.304024L6.85442 4.70792C6.65896 4.90434 6.34104 4.90434 6.14558 4.70792L1.76329 0.304024Z' fill='%23D5D6D6'/%3e%3c/svg%3e ");
        -webkit-transition: -webkit-transform .2s ease-in-out;
        -o-transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out
    }

    .header-bottom-menu li a,.header-bottom-menu li span {
        padding: 13.5px 16px
    }

    .header-top-out .container,.jquery-modal {
        padding: 0
    }

    .hamburger {
        padding: 23.5px 0 23.5px 23.5px;
    }

    .header-bottom-inner {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .modal-price-promo .input, .modal-price-promo-button, .modal-price > .button {
        max-width: 300px
    }

    .modal-price-promo-button {
        margin-top: 15px
    }

    .modal a.close-modal {
        top: 10px;
        right: 10px
    }

    #modal-rule a.close-modal {
        top: 20px;
        right: 20px
    }

    #modal-auth, #modal-price, #modal-rule {
        max-width: none
    }

    #modal-auth .form-block, #modal-price {
        padding: 20px
    }

    #modal-contacts {
        max-width: none;
        padding: 20px
    }

    .header {
        z-index: initial;
    }
    .header-nav {
        position: absolute;
        left: -100%;
        top: 100%;
        min-height: -webkit-calc(100vh - 71px);
        min-height: calc(100vh - 71px);
        height: 100%;
        overflow-y: auto;
        width: 100%;
        background-color: #fff;
        z-index: 999;
        -webkit-transition: left .2s linear;
        -o-transition: left .2s linear;
        transition: left .2s linear;
        padding: 30px 0 80px;
        margin-right: 0
    }

    .header-nav.active {
        left: 0;
         -webkit-box-shadow: inset 0 2px 4px rgb(0 0 0 / 25%);
        box-shadow: inset 0 2px 4px rgb(0 0 0 / 25%);
    }

    .header-nav-menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .header-nav-menu > li {
        width: 100%
    }

    .header-nav-menu > li::after, .test-table thead {
        display: none
    }

    .header-nav-menu > li:not(:last-child) {
        margin-right: 0
    }

    .header-nav-menu > li:not(.has-profile) {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .header-nav-menu > li.active {
        background-color: #f7f7fa
    }

    .header-nav-menu > li a {
        padding: 14px 16px;
        display: block
    }

    .header-language-box {
        margin: 0 20px 0 auto
    }

    .header-logout {
        margin-right: 10px
    }

    .header-main .header-language-box {
        margin-right: 20px
    }

    .main .header-language-box {
        margin: 0
    }

    .main .header-language-box {
        margin: 0
    }

    .form-block {
        max-width: none;
        padding: 20px 10px
    }

    .plus-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .plus-item {
        width: 100%
    }

    .my-profile, .my-progress, .premium-foot, .premium-head, .premium-middle, .profile-edit-box, .profile-nav, .test-box, .test-result-willshare {
        padding: 20px 10px
    }

    .test-table {
        margin-top: 20px
    }

    .test-table tr {
        display: block;
        border-top: none
    }

    .test-table tr:not(:first-child) {
        border-top: 1px solid rgba(29, 18, 47, .15)
    }

    .test-table tr td {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        text-align: right
    }

    .test-result-table .test-table td, .test-result-table .test-table td:first-child, .test-result-table .test-table td:not(:first-child):not(:nth-of-type(2)), .test-result-table .test-table td:nth-of-type(2), .test-table tr td:first-child, .test-table tr td:not(:first-child):not(:nth-of-type(2)), .test-table tr td:nth-of-type(2) {
        width: 100%
    }

    .test-table tr td:before {
        content: attr(aria-label);
        font-weight: 500;
        text-align: left;
        margin-right: 20px;
        min-width: 110px
    }

    .test-table tr td, .test-table tr th {
        padding: 10px 10px 10px 0
    }

    .test-back {
        margin-bottom: 20px
    }

    .test-result {
        margin-top: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .test-result-block {
        width: 100%
    }

    .test-result-block:first-child {
        padding-right: 0
    }

    .test-result-block:last-child {
        margin-top: 30px
    }

    .test-result-list {
        font-size: 13px
    }

    .test-result-list li span.test-result-list-reply {
        min-width: auto
    }

    .lesson-content-link a + .lesson-content-link-button, .test-result-table {
        margin-top: 20px
    }

    .lesson-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .lesson-item-img {
        width: 100%;
        padding-bottom: 44%
    }

    .lesson-content-practice .lesson-content-task, .lesson-item-content {
        padding: 20px 10px
    }

    .lesson-item-content-status, .lesson-item-content-type {
        top: 10px
    }

    .lesson-item-content-type {
        right: 10px
    }

    .lesson-item-content-status {
        right: 80px
    }

    .lesson-item-content-text {
        min-height: auto
    }

    .lesson-content-task-head-text {
        padding: 0 5px
    }

    .lesson-content-theory .lesson-content-task {
        padding: 20px 0
    }

    .lesson-content-box-img, .lesson-content-link {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .lesson-content-link {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .lesson-content-box-img {
        max-width: none;
        margin: -21px 0 0;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .lesson-content-item-img {
        max-width: none;
        margin: 21px 0 0
    }

    .lesson-content, .table-content-block {
        padding: 20px 10px
    }

    .table-content-end {
        left: -10px;
        width: -webkit-calc(100% + 20px);
        width: calc(100% + 20px)
    }

    .table-content-list li {
        padding-left: 23px
    }

    .table-content-list.table-content-list-sub {
        right: 23px
    }

    .price {
        margin-top: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .price-item:first-child {
        margin-right: 0
    }

    .price-item:not(:first-child).header-nav {
        margin-top: 20px
    }

    .section-page-tests .lesson-item-content {
        padding: 20px 10px
    }

    .lesson-content-title-timer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .timer-title {
        margin: 20px 0 0
    }

    #timer {
        margin-top: 5px
    }

    .footer-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-block:nth-child(2) .footer-block-nav {
        margin-top: 10px
    }

    .footer-block:last-child {
        margin: 20px 0 0
    }
}

@media only screen and (max-width: 480px) {
    .pickmeup {
        max-width: 260px
    }

    .pickmeup .pmu-instance .pmu-day-of-week *, .pickmeup .pmu-instance .pmu-days .pmu-button {
        width: 35px
    }

    .my-progress-scale li:not(:last-child) {
        margin-right: 22px
    }

    .my-progress-scale li:not(:last-child)::after {
        width: 22px;
        right: -22px
    }

    .my-progress-scale li:not(:first-child)::before {
        width: 22px
    }
}

.audioplayer {
    background-color: #f7f8f9;
    border-radius: 4px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px
}

.audioplayer-playpause {
    margin-right: 12px
}

.audioplayer-playpause a {
    display: block;
    width: 44px;
    height: 44px;
    background-color: #d6dbdf;
    border: 2px solid #d6dbdf;
    border-radius: 50%;
    position: relative;
    -webkit-transition: background-color .2s ease-in-out, border .2s ease-in-out, background-image .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out, border .2s ease-in-out, background-image .2s ease-in-out;
    transition: background-color .2s ease-in-out, border .2s ease-in-out, background-image .2s ease-in-out
}

.audioplayer-playpause a::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='19' viewBox='0 0 15 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.2459 9.93767L1.41264 18.1877C1.26225 18.2852 1.08857 18.3336 0.916697 18.3336C0.766306 18.3336 0.61411 18.296 0.478071 18.2217C0.182618 18.0606 0 17.7526 0 17.4169V0.916898C0 0.581226 0.182618 0.273226 0.478071 0.112093C0.76811 -0.0472347 1.13154 -0.0374372 1.41264 0.146125L14.2459 8.39612C14.5074 8.56439 14.6667 8.85537 14.6667 9.1669C14.6667 9.47842 14.5074 9.76932 14.2459 9.93767Z' fill='white'/%3e%3c/svg%3e")
}

.audioplayer-playpause a:hover, .audioplayer.audioplayer-playing .audioplayer-playpause a:hover {
    background-color: #eb5255;
    border: 2px solid #eb5255
}

.audioplayer.audioplayer-playing .audioplayer-playpause a, .audioplayer.audioplayer-stopped .audioplayer-playpause a {
    background-color: transparent;
    border: 2px solid #eb5255
}

.audioplayer.audioplayer-playing .audioplayer-playpause a::after {
    width: 18px;
    height: 20px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='6' height='20' rx='2' fill='white'/%3e%3crect x='12' width='6' height='20' rx='2' fill='white'/%3e%3c/svg%3e")
}

.audioplayer-playpause a::after {
    -webkit-transform: translate(-40%, -50%);
    -ms-transform: translate(-40%, -50%);
    transform: translate(-40%, -50%);
    width: 15px;
    height: 19px
}

.audioplayer.audioplayer-stopped .audioplayer-playpause a::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='19' viewBox='0 0 15 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.2459 9.93767L1.41264 18.1877C1.26225 18.2852 1.08857 18.3336 0.916697 18.3336C0.766306 18.3336 0.61411 18.296 0.478071 18.2217C0.182618 18.0606 0 17.7526 0 17.4169V0.916898C0 0.581226 0.182618 0.273226 0.478071 0.112093C0.76811 -0.0472347 1.13154 -0.0374372 1.41264 0.146125L14.2459 8.39612C14.5074 8.56439 14.6667 8.85537 14.6667 9.1669C14.6667 9.47842 14.5074 9.76932 14.2459 9.93767Z' fill='%23EB5255'/%3e%3c/svg%3e")
    -webkit-transform: translate(-40%, -50%);
    -ms-transform: translate(-40%, -50%);
    transform: translate(-40%, -50%);
    width: 15px;
    height: 19px
}

.audioplayer.audioplayer-stopped .audioplayer-playpause a:hover {
    background-color: #eb5255
}

.audioplayer.audioplayer-stopped .audioplayer-playpause a:hover::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='19' viewBox='0 0 15 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.2459 9.93767L1.41264 18.1877C1.26225 18.2852 1.08857 18.3336 0.916697 18.3336C0.766306 18.3336 0.61411 18.296 0.478071 18.2217C0.182618 18.0606 0 17.7526 0 17.4169V0.916898C0 0.581226 0.182618 0.273226 0.478071 0.112093C0.76811 -0.0472347 1.13154 -0.0374372 1.41264 0.146125L14.2459 8.39612C14.5074 8.56439 14.6667 8.85537 14.6667 9.1669C14.6667 9.47842 14.5074 9.76932 14.2459 9.93767Z' fill='white'/%3e%3c/svg%3e")
}

.audioplayer-bar {
    max-width: 487px;
    width: 100%;
    height: 2px;
    background-color: #d6dbdf;
    cursor: pointer
}

.audioplayer-bar-played {
    background-color: #eb5255;
    height: 100%;
    position: relative;
    width: 0
}

.audioplayer-volume {
    display: none
}

.audioplayer-time-duration, .header-bottom-menu li {
    position: relative
}

.audio, .header-top-profile-item.header-top-profile-item-name-subscription .header-top-profile-item-icon {
    display: none
}

.audio-time {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    color: #828385;
    min-width: 100px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.audio-button {
    padding: 11.5px 37.7px;
    background-color: #ed6366;
    border-radius: 6px;
    color: #fff;
    font-weight: 500
}

.audio-title {
    color: #2f3134;
    margin-bottom: 10px
}

.audio-block:not(:first-of-type) {
    margin-top: 26px
}

.audio-box {
    margin-top: 16px
}

.section-min-height {
    min-height: 250px;
}

/*----- PAGINATION -----*/
.pagination {
    width: 100%;
    margin-top: 24px;
}

.pagination-numbers {
    border: 1px solid #d5d6d6;
    overflow: hidden;
    border-radius: 4px;
}

.pagination, .pagination-numbers {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.pagination-numbers li a {
    width: 36px;
    text-align: center;
}

.pagination-numbers li.active a {
    background-color: #eaeaeb;
}

.pagination-numbers li:not(:last-child) a {
    border-right: 1px solid #d5d6d6;
}

.pagination > a {
    border: 1px solid #d5d6d6;
    border-radius: 4px;
    padding-right: 15.3px;
    padding-left: 15.3px;
}

.pagination a {
    background-color: #fff;
    color: #2f3134;
    display: block;
    padding-top: 8.5px;
    padding-bottom: 8.5px;
}

.pagination > a:first-child {
    margin-right: 12px;
}

.pagination > a:last-child {
    margin-left: 12px;
}


/*----- BREADCRUMBS -----*/

.breadcrumbs {
    color: #828385;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    margin-bottom: 24px;
}

.breadcrumbs li {
    display: inline-block;
}

.breadcrumbs li:not(:last-child)::after {
    content: ">";
    margin: 0 12px;
}

.breadcrumbs li a {
    color: #828385;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.breadcrumbs li a:hover {
    color: #ED6366;
}

/*--- CHECKBOX ---*/
.checkbox-item {
    color: #1D122F;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: default;
    line-height: 145%;
}

.checkbox-item input[type=checkbox]:checked, .checkbox-item input[type=checkbox]:not(:checked), .radio-item input[type=radio]:checked, .radio-item input[type=radio]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.checkbox-item input[type=checkbox]:checked + label, .checkbox-item input[type=checkbox]:not(:checked) + label {
    position: relative;
    padding-left: 31px;
    font-size: 14px;
}

.checkbox-item label {
    cursor: pointer;
}

.checkbox-item input[type=checkbox]:checked + label:before, .checkbox-item input[type=checkbox]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 23px;
    height: 23px;
    background: #fff;
    border: 1px solid #d5d6d6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    -webkit-transition: border-color .2s ease-in-out;
    -o-transition: border-color .2s ease-in-out;
    transition: border-color .2s ease-in-out;
}

.checkbox-item input[type=checkbox]:checked + label:after, .checkbox-item input[type=checkbox]:not(:checked) + label:after {
    position: absolute;
    content: "";
    background: #ed6366 url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 4L4 7L10 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat center;
    top: 0;
    width: 24px;
    height: 24px;
    border-radius: 5px;
    left: 0;
    border: 1px solid #ed6366;
    -webkit-transition: border-color .2s ease-in-out, opacity .2s ease-in-out;
    -o-transition: border-color .2s ease-in-out, opacity .2s ease-in-out;
    transition: border-color .2s ease-in-out, opacity .2s ease-in-out;
}

.hide {
    display: none;
}

#content .container {
    padding: 0;
}

.alerts {
    display: none;
    text-align: center;
    padding: 10px 0;
}

.alerts .error {
    color: #f00;
    margin: 0;
    padding: 5px 0;
    font-size: 90%;
}

.alerts .success {
    color: green;
    margin: 0;
    padding: 5px 0;
    font-size: 90%;
}

body.page-loading, body.page-loading * {
    cursor: progress !important;
}

.section-page-lesson .section-sidebar {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ajax-link:hover {
    cursor: pointer;
    opacity: 0.8;
}

.header {
    /*background: #FFF;*/
}

.header .container {
    max-width: 1280px;
    padding: 0 50px;
}


.lesson-content-task-block span.missed {
    color: #fff;
}

.lesson-content-task-block span.missed::after {
    opacity: 1;
    background-color: #de851d;
}

.lesson-content-input.missed input {
    color: #fff;
    background-color: #de851d;
}

#logout-form {
    display: none;
}

.interactively-content::after {
    background-size: 69%;
    background-repeat: no-repeat;
}

.lesson-content-audio-in-text {
    margin-top: 10px;
    margin-bottom: 5px;
}

.has-number .lesson-content-audio-in-text {
    margin-top: -30px;
    padding-left: 23px;
}

.task-image {
    max-width: 100%;
    margin-bottom: 12px;
}

.lesson-content-task-example-img {
    max-width: initial;
    margin: 20px auto 0;
    text-align: center;
}

.lesson-content-task-example-img img {
    width: auto;
    max-width: 100%;
    max-height: 300px;
}

.section-page-error {
    min-height: 430px;
}

.button.no-border {
    border: none;
}

.button.button-secondary.no-border:hover {
    background: #fff;
    color: #eb5255;
    cursor: initial;
}

.lesson-content-task-block span.stub-text:empty {
    margin-bottom: -6px;
}

.section-page-tests {
    min-height: 500px;
}


#modal-contacts {
    max-width: 534px;
    padding: 48px 94px;
}

.modal-contacts-title {
    font-size: 32px;
    color: #393131;
}

.modal-contacts-enter {
    color: rgba(57, 49, 49, .8);
    margin-top: 12px;
}

.modal-contacts-form {
    margin-top: 23px;
}

.modal-contacts-form input:not(:first-child), .modal-price-select .radio-item:not(:first-child) {
    margin-top: 16px;
}

.modal-contacts-form .button, .modal-price .button {
    margin-top: 24px;
}

a[href='#modal-contacts'] {
    font-size: 20px;
    color: #fff;
    padding: 14px;
    display: block;
    text-align: center;
    width: 100%;
    background-color: #eb5255;
    border: 3px solid transparent;
    border-radius: 30px;
    cursor: pointer;
    font-family: "Rubik", sans-serif;
    -webkit-transition: background-color .2s linear, border-color .2s linear;
    -o-transition: background-color .2s linear, border-color .2s linear;
    transition: background-color .2s linear, border-color .2s linear;
}

#modal-fio {
    max-width: 534px;
    padding: 48px 94px;
}

.profile-nav {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(29, 18, 47, .2);
    box-shadow: 0 1px 3px rgba(29, 18, 47, .2);
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20.5px 32px;
    margin-top: 34px;
}

.profile-nav li {
    cursor: pointer;
    color: #2f3134;
    font-weight: 500;
    position: relative;
    -webkit-transition: color .2s linear;
    -o-transition: color .2s linear;
    transition: color .2s linear;
}

.profile-nav li:not(:last-child) {
    margin-right: 33px;
}

.profile-nav li.active, .profile-nav li:hover, .section-page-tests .section-text a:hover, .lesson-announcement a:hover {
    color: #eb5255;
}

.my-progress-share-icon-item:hover, .profile-nav li.active::after {
    opacity: 1;
}

.profile-nav li::after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -20px;
    border-bottom: 2px solid #eb5255;
    cursor: default;
    opacity: 0;
}

.test-box {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(29, 18, 47, .2);
    box-shadow: 0 1px 3px rgba(29, 18, 47, .2);
    border-radius: 4px;
    padding: 39px 32px 15px;
}

.test-title {
    font-size: 24px;
    color: #393131;
}

.test-table {
    text-align: left;
    border-collapse: collapse;
    margin-top: 5px;
}

.test-table thead tr {
    border-top: none;
}

.test-table tr {
    border-top: 1px solid rgba(29, 18, 47, .15);
}

.test-table tr th {
    font-weight: 500;
    color: #393131;
}

.test-table tr td, .test-table tr th {
    padding: 25px 10px 25px 0;
    vertical-align: bottom;
}

.test-table tr td {
    color: rgba(57, 49, 49, .8);
    line-height: 20px;
}

.test-table tr td:first-child {
    width: 35%;
}

.test-table tr td:nth-of-type(2) {
    width: 15%;
}

.test-table tr td:not(:first-child):not(:nth-of-type(2)) {
    width: 12.5%;
}

.test-table tr td a {
    color: rgba(235, 82, 85, .9);
}

a {
    text-decoration: none;
    color: inherit;
}

.test-back {
    position: relative;
    padding-left: 18px;
    margin-bottom: 25px;
}

.test-back, .test-result-repeat {
    color: #eb5255;
    display: inline-block;
}

.test-title {
    font-size: 24px;
    color: #393131;
}

.test-result {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 29px;
}

.test-result-table {
    margin-top: 43px;
}

.test-back::after {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.646446 3.64645C0.451184 3.84171 0.451184 4.15829 0.646446 4.35355L3.82843 7.53553C4.02369 7.7308 4.34027 7.7308 4.53553 7.53553C4.7308 7.34027 4.7308 7.02369 4.53553 6.82843L1.70711 4L4.53553 1.17157C4.7308 0.97631 4.7308 0.659728 4.53553 0.464465C4.34027 0.269203 4.02369 0.269203 3.82843 0.464465L0.646446 3.64645ZM13 3.5L1 3.5L1 4.5L13 4.5L13 3.5Z' fill='%23EB5255'/%3e%3c/svg%3e");
    background-size: cover;
    width: 13px;
    height: 8px;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.test-result-block:first-child {
    padding-right: 69px;
}

.test-result-block {
    width: 50%;
}

.test-result-list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.test-result-list li span.test-result-list-title {
    padding-right: 3px;
    color: rgba(57, 49, 49, .8);
}

.test-result-list li span {
    background-color: #fff;
    display: inline-block;
    z-index: 1;
}

.test-result-list li span.test-result-list-reply {
    font-weight: 700;
    color: #393131;
    padding-left: 4px;
    min-width: 142px;
}

.test-result-list li::after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 4px;
    border-bottom: 1px dashed rgba(29, 18, 47, .4);
}

.test-result-repeat {
    margin-top: 24px;
}

.test-back, .test-result-repeat {
    color: #eb5255;
    display: inline-block;
}

.test-result-willshare {
    background-color: #fff;
    border: 1px dashed rgba(57, 49, 49, .3);
    border-radius: 4px;
    padding: 25px 70px;
}

.test-result-willshare-img {
    text-align: center;
}

.test-result-willshare-title {
    text-align: center;
    letter-spacing: .0159091em;
    line-height: 24px;
    color: #212121;
    margin-top: 11px;
}

.test-result-willshare-button {
    max-width: 266px;
    margin: 10px auto 0;
    border: 1px solid #eb5255;
    background-color: #fff;
    color: #eb5255;
}

.test-result-list li:not(:first-child) {
    margin-top: 16px;
}

.test-table thead tr {
    border-top: none;
}

.test-table tr {
    border-top: 1px solid rgba(29, 18, 47, .15);
}

.test-table tr th {
    font-weight: 500;
    color: #393131;
}

.test-result-table .test-table td, .test-result-table .test-table th {
    vertical-align: top;
}

.test-table tr {
    border-top: 1px solid rgba(29, 18, 47, .15);
}

.test-table tr td {
    color: rgba(57, 49, 49, .8);
    line-height: 20px;
}

.test-table tr td, .test-table tr th {
    padding: 25px 10px 25px 0;
    vertical-align: bottom;
}

.test-result-table .test-table td, .test-result-table .test-table td:first-child, .test-result-table .test-table td:not(:first-child):not(:nth-of-type(2)), .test-result-table .test-table td:nth-of-type(2) {
    width: 25%;
}

.test-table tr td:first-child {
    width: 35%;
}

.test-table tr td:nth-of-type(2) {
    width: 15%;
}

.test-table tr td:not(:first-child):not(:nth-of-type(2)) {
    width: 12.5%;
}

.test-table-result-true {
    color: rgba(39, 174, 96, .8);
}

.test-table-result {
    margin-bottom: 9px;
    display: block;
}

.test-table-result-false {
    color: rgba(235, 87, 87, .8);
}

.test-result-willshare-button:hover {
    color: #fff;
}

.test-name {
    color: rgba(57, 49, 49, .8);
    margin-top: 13px;
}

.my-profile {
    height: 439px;
    padding: 40px 32px 42px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.my-profile-name {
    margin-top: 20px;
}

.my-profile-text {
    margin-top: 12px;
}

.my-profile-button {
    margin: auto auto 0;
    padding: 16px;
}

.premium-head {
    padding-top: 42px;
    padding-bottom: 20px;
}

.premium-middle {
    padding: 20px 32px;
}

.premium-foot {
    margin-top: auto;
    padding-top: 20px;
    padding-bottom: 42px;
}

.premium-button {
    width: max-content;
    padding: 14px 21px;
}

.teacher-panel {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.teacher-card {
    display: flex;
    padding: 24px 32px;
    background: #FFFFFF;
    box-shadow: 0 1px 3px rgba(29, 18, 47, 0.2);
    border-radius: 4px;
}

.teacher-card-image {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 3px 0;
    background-size: cover;
}

.line-height-24 {
    line-height: 24px;
}

.teacher-card-content {
    margin-left: 12px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.teacher-card-content-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 4px;
    color: #393131;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: baseline;
}

.teacher-card-content-title-digits {
    background: #EB5255;
    border-radius: 4px;
    padding: 0 6px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
    height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 75px;
}

.teacher-card-content-desc {
    margin-bottom: 5px;
    color: #393131;
    opacity: 0.8;
    display: flex;
    width: 100%;
}

.teacher-card-content-link {
    color: #EB5255;
    margin-top: auto;
}

.dots {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dashed rgba(29, 18, 47, 0.4);
    margin-bottom: 4px;
}

.section-table {
    margin-top: 20px;
    background: #FFFFFF;
    box-shadow: 0 1px 3px rgba(29, 18, 47, 0.2);
    border-radius: 4px;
    width: 100%;
    padding: 40px 32px 12px;
}

.section-table-header {
    display: flex;
    justify-content: space-between;
    align-content: center;
}

.section-table-header-title {
    font-size: 24px;
    font-weight: 700;
    color: #393131;
}

.add-new-student {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border: 1px solid rgba(57, 49, 49, 0.2);
    border-radius: 30px;
    padding: 12px 16px;
    cursor: pointer;
    margin-bottom: 14px;
    color: #393131;
    font-size: 16px;
}

.add-new-student:hover {
    color: #EB5255;
    border: 1px solid #EB5255;
}

.add-new-student:hover .add-new-student-icon.icon-not-fillable {
    display: flex;
}

.add-new-student:hover .add-new-student-icon.icon-fillable {
    display: none;
}

.add-new-student-icon {
    margin: auto 8px auto 0;
    display: flex;
}

.add-new-student-icon.icon-not-fillable {
    display: none;
}

.add-new-student-icon.icon-fillable {
    display: flex;
}

.section-table-content .row {
    font-size: 16px;
    line-height: 20px;
    color: #393131;
    padding: 24px 0;
    border-top: 1px solid rgba(29, 18, 47, 0.15);
    margin: 0;
}

.border-top-0 {
    border-top: 0 !important;
}

.opacity-08 {
    opacity: 0.8;
}

.section-page-profile {
    min-height: calc(100vh - 350px);
}

.section-page-profile .section-page-content {
    margin-top: 20px;
}

.table-content-head {
    font-weight: 500;
}

.section-table-content .table-content-head div,
.table-content-element {
    padding-right: 40px;
}

.delete-student,
.fio-btn {
    border: none;
    background-color: white;
    cursor: pointer;
    display: flex;
}

.section-table-content .actions {
    margin-left: auto;
}

.table-content-element .email {
    color: #EB5255;
    opacity: 0.9;
}

.table-content-element .fio,
.table-content-element .name {
    color: #393131;
    opacity: 0.8;
}

.table-content-element .fio {
    display: flex;
}

.table-content-element .fio-btn {
    margin-right: 12px;
    padding: 0 3px;
}


.lesson-content-item-img .lesson-content-input.lesson-content-input-block.missed input {
    text-align: center;
    color: #fff;
    background-image: none;
}

.nice-select span.current.active {
    color: #1d122f;
}

.nice-select li[data-value="none"] {
    display: none;
}

.lesson-content-select-item-long {
    min-height: 19px;
}


.modal-price-pay-text {
    color: #828385;
    line-height: 20px;
    display: block;
}

.modal-price-pay .price-now {
    color: #eb5255;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    display: inline-block;
    margin-top: 3px;
}

.modal-price-pay .price-cancel {
    color: #2f3134;
    line-height: 22px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: line-through;
    margin-left: 11px;
}

.modal-price-promo .input {
    margin-right: 12px;
    max-width: 191px;
}

.modal-price-promo-button {
    padding: 16.5px 18.88px;
    border-radius: 6px;
}

.modal-price-payment {
    margin-top: 16px;
}

.radio-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #2f3134;
    line-height: 24.5px;
}

.modal-price-payment .radio-item:not(:first-child) {
    margin-top: 12px;
}

.modal-price-promo-button.button {
    margin-top: unset;
}

.modal-price-button {
    margin-top: 16px;
}

/*.modal-price-button {*/
/*    border: 0;*/
/*    width: 100%;*/
/*    border-radius: 6px;*/
/*    padding: 17px;*/
/*    font-weight: 500;*/
/*    font-size: 14px;*/
/*    font-family: "Rubik",sans-serif;*/
/*    margin-top: 4px;*/
/*    line-height: 18px;*/
/*}*/


@media only screen and (max-width: 1200px) {
    .test-result-block:first-child {
        padding-right: 30px;
    }

    #content .container {
        padding: 0 15px;
    }
}

@media only screen and (max-width: 992px) {
    .test-table tr td, .test-table tr th {
        padding: 15px 10px 15px 0;
    }

    .my-profile, .my-progress, .profile-nav, .test-box, .test-result-willshare {
        padding: 20px;
    }

    .my-profile {
        height: 340px;
    }

    .test-result-block:first-child {
        padding-right: 10px;
    }

    .button {
        font-size: 16px;
    }

    .my-profile, .my-progress, .profile-nav, .test-box, .test-result-willshare {
        padding: 20px;
    }

    .my-profile-name, .my-progress-title, .test-title {
        font-size: 20px;
    }

    .test-table tr td, .test-table tr th {
        padding: 15px 10px 15px 0;
    }

    .profile-nav li:not(:last-child) {
        margin-right: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .my-profile, .my-progress, .premium-foot, .premium-head, .premium-middle, .profile-edit-box, .profile-nav, .test-box, .test-result-willshare {
        padding: 20px 10px;
    }

    .lesson-content-link a + .lesson-content-link-button, .test-result-table {
        margin-top: 20px;
    }

    .test-table {
        margin-top: 20px;
    }

    .header-nav-menu > li::after, .test-table thead {
        display: none;
    }

    .test-table tr {
        display: block;
        border-top: none;
    }

    .test-table tr td, .test-table tr th {
        padding: 10px 10px 10px 0;
    }

    .test-result-table .test-table td, .test-result-table .test-table td:first-child, .test-result-table .test-table td:not(:first-child):not(:nth-of-type(2)), .test-result-table .test-table td:nth-of-type(2), .test-table tr td:first-child, .test-table tr td:not(:first-child):not(:nth-of-type(2)), .test-table tr td:nth-of-type(2) {
        width: 100%;
    }

    .test-table tr:not(:first-child) {
        border-top: 1px solid rgba(29, 18, 47, .15);
    }

    .test-table tr td:before {
        content: attr(aria-label);
        font-weight: 500;
        text-align: left;
        margin-right: 20px;
        min-width: 110px;
    }

    .test-back {
        margin-bottom: 20px;
    }

    .test-result {
        margin-top: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .test-result-list li span.test-result-list-reply {
        min-width: auto;
    }

    .test-result-block:first-child {
        padding-right: 0;
    }

    .test-result-block {
        width: 100%;
    }

    .test-result-block:last-child {
        margin-top: 30px;
    }

    .test-table tr td {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        text-align: right;
    }
}

@media only screen and (max-width: 500px) {
    .my-progress, .profile-nav {
        align-items: center;
        justify-content: space-between;
    }

    .profile-nav li:not(:last-child) {
        margin-right: 10px;
    }

    .profile-nav li {
        width: min-content;
    }
}

.lesson-content-item-img-border-text {
    font-size: 14px;
}

.lesson-content-select-answer .radio-item {
    display: flex;
    align-items: center;
    position: relative;
}

.lesson-content-select-answer .radio-item label {
    vertical-align: middle;
}

.lesson-content-select-answer .radio-item.correctly::after,
.lesson-content-task-block .radio-item.lesson-content-select-item.missed::after,
.lesson-content-select-answer .radio-item.error::after {
    content: '';
    display: inline-block;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.5 4.5L0 6L4 10L13 1.5L11.5 0L4 7L1.5 4.5Z' fill='%234FA048'/%3e%3c/svg%3e");
    width: 13px;
    height: 13px;
    margin-left: 8px;
    background-repeat: no-repeat;
    background-position: center;
}

.lesson-content-select-answer .radio-item.error::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='5.14355' y='3.85742' width='12.7273' height='1.81819' transform='rotate(45 5.14355 3.85742)' fill='%23FF3438'/%3e%3crect x='3.85645' y='12.8569' width='12.7273' height='1.81819' transform='rotate(-45 3.85645 12.8569)' fill='%23FF3438'/%3e%3c/svg%3e");
}

ul.has-title li:not(.radio):not(:first-child) {
    margin-top: 24px;
}

ul.has-title .radio {
    margin-top: 12px;
}


.lesson-content-select-answer .radio-item + .radio-item {
    margin-top: 12px;
}


.audioplayer {
    padding: 16px;
}

.audioplayer .audioplayer-playpause a {
    background-color: #eb5255;
    border: 2px solid #eb5255;
}

.audioplayer .audioplayer-playpause a::after {
    background-size: 72%;
    transform: translate(-30%, -37%) !important;
}

.audioplayer.audioplayer-playing .audioplayer-playpause a::after {
    background-size: 72%;
    transform: translate(-36%, -36%) !important;
}

.audioplayer.mini-player {
    display: inline-flex;
    border: 1px dashed rgba(57, 49, 49, 0.2);
    background-color: unset;
    vertical-align: middle;
    /*margin: 0 10px;*/
    width: unset;
    padding: 12px;
}

.audioplayer.mini-player a {
    width: 24px;
    height: 24px;
}

.audioplayer.mini-player .audioplayer-playpause a::after {
    background-size: 54%;
    transform: translate(-22%, -28%) !important;
}

.audioplayer.mini-player.audioplayer-playing .audioplayer-playpause a::after {
    background-size: 54%;
    transform: translate(-28%, -28%) !important;
}

.audioplayer.mini-player.without-text {
    border: none;
    margin: 0;
    padding: 0 8px 8px;
}

.audioplayer.mini-player.without-text .audioplayer-playpause {
    margin-right: 0;
}

.audioplayer.full-player {
    margin: 10px 0;
}

.lesson-content-theory .border {
    border: 1px dashed rgba(57, 49, 49, 0.2);
    box-sizing: border-box;
    border-radius: 4px;
    padding: 12px;
    max-width: 410px;
    margin: 0 auto;
}


.row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-left: -10px;
    margin-right: -10px;
}

.journal-row {
    margin-top: 32px;
}

.journal-item {
    display: inline-block;
    width: 33%;
    padding: .5%;
    position: relative;
    vertical-align: top;
}

.journal-item-wrapper {
    position: relative;
    padding: 24px;
    border-radius: 4px;
    text-align: left;
    overflow: hidden;
    height: 190px;
}

.journal-item-wrapper::after {
    content: '';
    display: block;
    background-image: linear-gradient(360deg, #393131 0%, rgba(57, 49, 49, 0.510417) 57.29%, rgba(57, 49, 49, 0) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.journal-item-content {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    z-index: 1;
}


.journal-item-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.journal-item-title {
    font-size: 20px;
    line-height: 120%;
    color: #fff;
}

.journal-task {
    margin: 24px 0;
    line-height: 24px;
}

.journal-task-level {
    position: absolute;
    top: -24px;
    left: -24px;
    width: auto;
    min-width: 38px;
    padding: 0 10px;
    text-align: center;
    font-size: 16px;
    line-height: 38px;
    color: #fff;
    border-bottom-right-radius: 4px;
}

.level-a {
    background: #EB5255;
}

.level-b {
    background: #25A8C5;
}

.level-c {
    background: #ECBA56;
}

.level-double {
    background: #4dae37;
}

.journal-text {
    margin-top: 24px;
}

.journal-item-img {
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    transition: .5s;
}

.section-page-journal {
    padding-top: 24px;
}

.journal-content {
    /*background-color: #fff;*/
    /*box-shadow: 0 1px 3px rgba(29, 18, 47, 0.2);*/
    /*border-radius: 4px;*/
    /*overflow: hidden;*/
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    padding: 0 !important;
}

.journal-content ul.has-title {
    display: inline-block;
}

.journal-btn {
    margin-top: 16px;
}

.journal-btn .lesson-content-link-button {
    padding: 13px 54px;
    display: inline-block;
    width: auto;
}

.journal-image {
    text-align: center;
    max-height: 400px;
    overflow: hidden;
}

.journal-image img {
    width: 100%;
}

.journal-content-task {
    padding: 32px;
}

.journal-video {
    position: relative;
    display: inline-block;
    width: 617px;
    height: 322px;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 3px;
    margin-top: 24px;
}

.journal-video .video-preview {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.journal-video iframe {
    width: 100%;
    height: 100%;
}

.journal-video .play-video {
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='41' viewBox='0 0 44 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 0C9.86846 0 0 9.11689 0 20.3226C0 31.5282 9.86846 40.6451 22 40.6451C34.1315 40.6451 44 31.5282 44 20.3226C44 9.11689 34.1315 0 22 0ZM30.7459 21.0346L17.9126 28.6555C17.7623 28.7456 17.5886 28.7903 17.4167 28.7903C17.2663 28.7903 17.1141 28.7556 16.9781 28.687C16.6826 28.5381 16.5 28.2536 16.5 27.9435V12.7016C16.5 12.3915 16.6826 12.107 16.9781 11.9582C17.2681 11.811 17.6315 11.82 17.9126 11.9896L30.7459 19.6106C31.0074 19.766 31.1667 20.0348 31.1667 20.3226C31.1667 20.6103 31.0074 20.8791 30.7459 21.0346Z' fill='%23D6DBDF'/%3E%3C/svg%3E%0A");
    width: 44px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-25%, -25%);
    cursor: pointer;
}

.journal-audio {
    border-radius: 4px;
    margin-bottom: 20px;
    margin-top: 24px;
}

@media only screen and (min-width: 993px) {
    .header-nav-menu > li:not(:last-child) {
        margin-right: 40px;
    }

    .header-nav {
        margin: 0 12px 0 auto;
    }
}

@media only screen and (max-width: 992px) {
    .journal-item {
        width: 49.5%;
    }
}

@media only screen and (max-width: 768px) {
    .journal-video {
        display: block;
        width: 100%;
    }

    .journal-audio {
        width: 100%;
    }
}

@media only screen and (max-width: 420px) {
    .journal-item {
        width: 100%;
    }
}

.lesson-content-task-example {
    margin-top: 17px;
}

select {
    display: none;
}

.border .audioplayer {
    margin-bottom: 0;
}

.full-player-outer {
    border: 1px dashed rgba(57, 49, 49, 0.2);
    border-radius: 4px;
    padding: 16px;
}

.full-player-outer .audioplayer {
    margin-bottom: 0;
}

/*----- JOURNAL POSTS PAGE -----*/

.page-content {
    margin-top: 20px;
}

.page-content-sidebar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.sidebar {
    width: 100%;
    max-width: 280px;
    margin-right: 20px
}

@media only screen and (max-width: 800px) {
    .lessons-filter, .section-page-journal .page-content-sidebar {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .sidebar {
        max-width: none;
        width: 100%;
        margin: 0 auto;
    }
}

.journal-category-box {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px rgba(52, 73, 94, .07);
    box-shadow: 0 2px 4px rgba(52, 73, 94, .07);
    border-radius: 4px;
    overflow: hidden
}

.journal-category {
    padding: 20px 24px;
}

.journal-category:not(:last-child) {
    border-bottom: 1px solid #eaeaeb;
}

.journal-category-accordion {
    padding: 0;
}

.journal-category-accordion.active .journal-category-items {
    display: block;
}

.journal-category-accordion.active .journal-category-title::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.journal-category-accordion.active .journal-category-title::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.journal-category-title {
    color: #2f3134;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    padding: 20px 24px;
    cursor: pointer;
}

.journal-category-title::after {
    content: "";
    position: absolute;
    width: 13px;
    height: 8px;
    right: 24px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transform-origin: 50% 27% 0;
    -ms-transform-origin: 50% 27% 0;
    transform-origin: 50% 27% 0;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.76329 0.304024C1.35991 -0.101341 0.705909 -0.101341 0.302533 0.304024C-0.100844 0.709389 -0.100844 1.36662 0.302533 1.77198L5.79116 7.28766C6.18208 7.68051 6.81793 7.68051 7.20884 7.28766L12.6975 1.77198C13.1008 1.36662 13.1008 0.709389 12.6975 0.304024C12.2941 -0.101341 11.6401 -0.101341 11.2367 0.304024L6.85442 4.70792C6.65896 4.90434 6.34104 4.90434 6.14558 4.70792L1.76329 0.304024Z' fill='%23D5D6D6'/%3e%3c/svg%3e");
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.journal-category-title.active::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.journal-category-items {
    padding: 0 24px 22px;
    display: none
}

.journal-category-items .checkbox-item:not(:first-child) {
    margin-top: 16px
}

.journal-category-reset {
    padding: 10px 16px;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #d5d6d6;
    border-radius: 30px;
    text-align: center;
    cursor: pointer;
    font-weight: 500;
    line-height: 20px;
}


.journal-category-accordion.active .journal-category-items {
    display: block;
}

.lesson-item-title-icon.active {
    border: 1px solid #ff6767;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.1454 15.953C13.2128 15.9848 13.2851 16 13.3569 16C13.4789 16 13.5995 15.955 13.6933 15.8694C13.8427 15.7333 13.8954 15.521 13.8275 15.3306L11.8666 9.82751L15.8534 5.83244C15.9965 5.68907 16.0394 5.47379 15.9618 5.28639C15.8847 5.09899 15.702 5.00002 15.4999 5.00002H10.1381L8.47068 0.299461C8.32909 -0.0998204 7.67088 -0.0998204 7.52929 0.299461L5.86186 4.99998H0.500117C0.29797 4.99998 0.115348 5.09895 0.0381929 5.28636C-0.039434 5.47376 0.00351995 5.68904 0.146588 5.83241L4.13333 9.82751L2.17243 15.3306C2.10456 15.521 2.15731 15.7333 2.30671 15.8694C2.45466 16.0049 2.67145 16.0377 2.85454 15.953L8 13.5466L13.1454 15.953Z' fill='%23FF6767'/%3e%3c/svg%3e ") no-repeat center;
}

.sorting-items .sorting-item {
    color: #585a5d
}

.sorting {
    color: #585a5d;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.sorting-item {
    cursor: pointer
}

.sorting-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.sorting-items .sorting-item.active {
    color: #ed6366
}

.sorting-items .sorting-item:not(:last-child) {
    margin-right: 12px
}

.sorting-title, .sorting-items-current {
    margin-right: 12px
}

.sorting-items-another .sorting-item {
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

.sorting-items-another .sorting-item:hover {
    color: #bf4a4c
}

.journal-sorting {
    margin-top: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.journal-sorting-view-item {
    cursor: pointer;
    height: 14px
}

.journal-sorting-view-item.active svg rect {
    fill: #585a5d
}

.journal-sorting-view-item-list {
    margin-right: 12px;
    width: 16px
}

.journal-sorting-view-item-tile {
    width: 14px
}

.journal-block--filters {
    min-width: 280px;
    height: auto;
    background: #fff;
    margin-right: 20px;
    box-shadow: 0 2px 4px rgba(52, 73, 94, 0.07);
    border-radius: 4px;
}

@media only screen and (max-width: 800px) {
    .content-filters {
        margin-top: 17px;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .content-filters, .section-page-journal {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .journal-block--filters {
        max-width: unset;
        width: 100%;
    }

    .journal-items {
        margin-top: 20px;
    }

    .journal-item {
        margin-bottom: 20px;
    }
}

.journal-block--content {
    width: 100%;
}

.content-filters {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.content-filters-item:not(.content-filters-clear) {
    color: #2f3134;
    background-color: #EBEAEA;
    padding: 9px 13px;
    border-radius: 16px;
    font-size: 14px;
}

.content-filters-item {
    margin-right: 8px;
}

.content-filters-item span {
    cursor: pointer;
    margin-left: 13px;
}

.content-filters-clear {
    font-size: 14px;
    color: #ed6366;
    cursor: pointer;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

@media only screen and (max-width: 800px) {
    .content-filters {
        align-items: baseline;
    }

    .content-filters-item {
        display: block;
        margin-bottom: 16px;
    }
}

.journal-nothing-found {
    color: #585a5d;
    text-align: center;
    margin-top: 33px;
}

.journal-nothing-found-title {
    font-size: 16px;
    font-weight: 500;
    margin-top: 9px;
}

.journal-nothing-found-text {
    margin-top: 12px;
}

/*--- SEARCH ---*/
.journal-search {
    margin-bottom: 20px;
    width: 100%;
}

.journal-search input {
    padding: 15.5px 32px;
    line-height: 19px;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.83509 5.39922C8.83509 7.2968 7.2968 8.83509 5.39922 8.83509C3.50165 8.83509 1.96335 7.2968 1.96335 5.39922C1.96335 3.50165 3.50165 1.96335 5.39922 1.96335C7.2968 1.96335 8.83509 3.50165 8.83509 5.39922ZM8.45962 9.84793C7.58982 10.4474 6.53551 10.7984 5.39922 10.7984C2.41731 10.7984 0 8.38113 0 5.39922C0 2.41731 2.41731 0 5.39922 0C8.38113 0 10.7984 2.41731 10.7984 5.39922C10.7984 6.53551 10.4474 7.58982 9.84793 8.45963L12.7125 11.3242C13.0958 11.7075 13.0958 12.3291 12.7125 12.7125C12.3291 13.0958 11.7075 13.0958 11.3242 12.7125L8.45962 9.84793Z' fill='%23ACADAE'/%3e%3c/svg%3e ");
    background-position: left 11px center;
    background-repeat: no-repeat;
    z-index: 1
}

.journal-search input:hover {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.83509 5.39922C8.83509 7.2968 7.2968 8.83509 5.39922 8.83509C3.50165 8.83509 1.96335 7.2968 1.96335 5.39922C1.96335 3.50165 3.50165 1.96335 5.39922 1.96335C7.2968 1.96335 8.83509 3.50165 8.83509 5.39922ZM8.45962 9.84793C7.58982 10.4474 6.53551 10.7984 5.39922 10.7984C2.41731 10.7984 0 8.38113 0 5.39922C0 2.41731 2.41731 0 5.39922 0C8.38113 0 10.7984 2.41731 10.7984 5.39922C10.7984 6.53551 10.4474 7.58982 9.84793 8.45963L12.7125 11.3242C13.0958 11.7075 13.0958 12.3291 12.7125 12.7125C12.3291 13.0958 11.7075 13.0958 11.3242 12.7125L8.45962 9.84793Z' fill='%23828385'/%3e%3c/svg%3e ")
}

.journal-search input:focus:hover {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.83509 5.39922C8.83509 7.2968 7.2968 8.83509 5.39922 8.83509C3.50165 8.83509 1.96335 7.2968 1.96335 5.39922C1.96335 3.50165 3.50165 1.96335 5.39922 1.96335C7.2968 1.96335 8.83509 3.50165 8.83509 5.39922ZM8.45962 9.84793C7.58982 10.4474 6.53551 10.7984 5.39922 10.7984C2.41731 10.7984 0 8.38113 0 5.39922C0 2.41731 2.41731 0 5.39922 0C8.38113 0 10.7984 2.41731 10.7984 5.39922C10.7984 6.53551 10.4474 7.58982 9.84793 8.45963L12.7125 11.3242C13.0958 11.7075 13.0958 12.3291 12.7125 12.7125C12.3291 13.0958 11.7075 13.0958 11.3242 12.7125L8.45962 9.84793Z' fill='%23ACADAE'/%3e%3c/svg%3e ")
}

.journal-search input:focus::-webkit-input-placeholder {
    text-indent: 100%
}

.journal-search input:focus::-moz-placeholder {
    text-indent: 100%
}

.journal-search input:focus:-ms-input-placeholder {
    text-indent: 100%
}

.journal-search input:focus::-ms-input-placeholder {
    text-indent: 100%
}

.journal-search input:focus::placeholder {
    text-indent: 100%
}

.journal-search input::-webkit-input-placeholder {
    text-indent: 0;
    -webkit-transition: text-indent .5s ease-in-out;
    transition: text-indent .5s ease-in-out
}

.journal-search input::-moz-placeholder {
    text-indent: 0;
    -moz-transition: text-indent .5s ease-in-out;
    transition: text-indent .5s ease-in-out
}

.journal-search input:-ms-input-placeholder {
    text-indent: 0;
    -ms-transition: text-indent .5s ease-in-out;
    transition: text-indent .5s ease-in-out
}

.journal-search input::-ms-input-placeholder {
    text-indent: 0;
    -ms-transition: text-indent .5s ease-in-out;
    transition: text-indent .5s ease-in-out
}

.journal-search input::placeholder {
    text-indent: 0;
    -webkit-transition: text-indent .5s ease-in-out;
    -o-transition: text-indent .5s ease-in-out;
    transition: text-indent .5s ease-in-out
}

.section-page-journal input {
    border: 1px solid #d5d6d6;
    border-radius: 4px;
    font-size: 16px;
    width: 100%;
}


/*----- JOURNAL POST PAGE -----*/
.lesson-tab {
    width: 100%;
    height: 52px;
    color: #1D122F;
    font-size: 16px;
    font-weight: 700;
    line-height: 110%;
    padding: 16px 24px;
    background: #EBEAEA;
    border-radius: 4px;
    margin-top: 16px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.journal-task.hidden, .journal-text.hidden, .journal-audio.hidden, .journal-video.hidden {
    display: none;
}

.lesson-tab.active::after {
    content: '';
    position: absolute;
    width: 13px;
    height: 14px;
    top: 50%;
    right: 8px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='14' viewBox='0 0 10 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.19235 5.09188L4.94971 9.33452L0.707066 5.09188' stroke='%231D122F' stroke-linejoin='round'/%3e%3c/svg%3e ");
    transform: translate(-100%, -50%) rotate(180deg);
    transform-origin: 50% 50% 0;
}

.lesson-tab::after {
    content: '';
    position: absolute;
    width: 13px;
    height: 14px;
    top: 50%;
    right: 8px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='14' viewBox='0 0 10 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.19235 5.09188L4.94971 9.33452L0.707066 5.09188' stroke='%231D122F' stroke-linejoin='round'/%3e%3c/svg%3e ");
    transform: translate(-100%, -50%);
    transform-origin: 50% 50% 0;
}

.journal-content-locked {
    width: 616px;
    background: #F7F7FA;
    border-radius: 4px;
    padding: 25px 24px;
}

.journal-content-locked .lesson-content-task {
    border: none;
    border-radius: unset;
    padding: 0;
    margin-top: 0;
}

.journal-content-locked .lesson-content-task-button {
    margin-top: 16px;
}

@media only screen and (max-width: 540px) {
    .journal-content-locked {
        width: 100%;
    }
}

.wrap-task {
    padding: 0 20px;
    height: 100%;
}

.lesson-content-title svg {
    margin-right: 8px;
}

.content-block {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px rgba(52, 73, 94, .07);
    box-shadow: 0 2px 4px rgba(52, 73, 94, .07);
    border-radius: 4px;
    padding: 32px;
}

.content-block + .content-block {
    margin-top: 20px;
}

.profile-img {
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ebedef;
    background-size: cover;
    background-position: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    color: #fff
}

/*Comments*/
.sorting-item:first-of-type {
    margin-right: 14px;
}

.comments {
    margin-top: 20px
}

.comments.subcomments {
    padding-left: 56px;
    margin-top: 25px
}

.comments-filter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #d5d6d6
}

.comments-filter-qty {
    padding-left: 21px;
    position: relative;
    color: #828385
}

.comments-filter-qty::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.43 1.07812H2.55441C1.41733 1.07812 0.492188 2.00308 0.492188 3.14035V9.79596C0.492188 10.9307 1.4133 11.8542 2.54709 11.8582V14.8784L6.88751 11.8582H13.43C14.567 11.8582 15.4922 10.933 15.4922 9.79596V3.14035C15.4922 2.00308 14.567 1.07812 13.43 1.07812ZM14.6133 9.79596C14.6133 10.4484 14.0825 10.9793 13.43 10.9793H6.61175L3.42599 13.1961V10.9793H2.55441C1.90192 10.9793 1.37109 10.4484 1.37109 9.79596V3.14035C1.37109 2.48776 1.90192 1.95703 2.55441 1.95703H13.43C14.0825 1.95703 14.6133 2.48776 14.6133 3.14035V9.79596Z' fill='%23828385'/%3e%3cpath d='M4.50684 4.18384H11.4775V5.06274H4.50684V4.18384Z' fill='%23828385'/%3e%3cpath d='M4.50684 6.05884H11.4775V6.93775H4.50684V6.05884Z' fill='%23828385'/%3e%3cpath d='M4.50684 7.93384H11.4775V8.81274H4.50684V7.93384Z' fill='%23828385'/%3e%3c/svg%3e")
}

.comments-message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px
}

.comments-message textarea {
    padding: 16px 120px 16px 12px;
    background-color: #fff;
    border: 1px solid #d5d6d6;
    border-radius: 6px;
    font-size: 16px;
    height: 92px;
    width: 100%;
    color: #828385;
    font-family: "Rubik", sans-serif
}

.comments-message textarea::-webkit-input-placeholder {
    color: #acadae
}

.comments-message textarea::-moz-placeholder {
    color: #acadae
}

.comments-message textarea:-ms-input-placeholder {
    color: #acadae
}

.comments-message textarea::-ms-input-placeholder {
    color: #acadae
}

.comments-message textarea::placeholder {
    color: #acadae
}

.comments-message .profile-img {
    margin-right: 16px
}

.comments-message .profile-name {
    display: none
}

.comments .profile-name {
    color: #2f3134;
    line-height: 20px;
    font-weight: 500;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

.comments .profile-name:hover {
    color: #bf4a4c
}

.comments .profile-img {
    margin-right: 16px
}

.comment-item:not(:first-child) {
    margin-top: 25px
}

.comment-item-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.comment-content {
    padding-top: 11px
}

.comment-content-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.account-lessons-filter li:not(:last-child), .comment-content-item:not(:last-child) {
    margin-right: 8px
}

.comment-content-item-date {
    font-size: 12px;
    color: #acadae
}

.comment-content-item-author {
    font-size: 10px;
    color: #585a5d;
    padding: 4px 12.12px;
    background-color: #ebedef;
    border-radius: 10px
}

.comment-content-item-profile-name {
    color: #2f3134
}

.comment-content-text {
    color: #2f3134;
    line-height: 24px;
    margin-top: 8px
}

.comment-content-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 13px
}

.comment-content-reply {
    color: #acadae;
    margin-right: 18px
}

.comment-content-rating {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.comment-content-remove {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ed6366;
    margin-left: 18px;
    cursor: pointer;
}

.comment-content-rating .rate-down, .comment-content-rating .rate-up {
    width: 13px;
    height: 8px;
    background-repeat: no-repeat;
    cursor: pointer
}

.comment-content-rating .rate-down {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.76329 0.304024C1.35991 -0.101341 0.705909 -0.101341 0.302533 0.304024C-0.100844 0.709389 -0.100844 1.36662 0.302533 1.77198L5.79116 7.28766C6.18208 7.68051 6.81793 7.68051 7.20884 7.28766L12.6975 1.77198C13.1008 1.36662 13.1008 0.709389 12.6975 0.304024C12.2941 -0.101341 11.6401 -0.101341 11.2367 0.304024L6.85442 4.70792C6.65896 4.90434 6.34104 4.90434 6.14558 4.70792L1.76329 0.304024Z' fill='%23ACADAE'/%3e%3c/svg%3e")
}

.comment-content-rating .rate-up {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.2367 7.69598C11.6401 8.10134 12.2941 8.10134 12.6975 7.69598C13.1008 7.29061 13.1008 6.63338 12.6975 6.22802L7.20884 0.712338C6.81792 0.319493 6.18207 0.319493 5.79116 0.712339L0.302531 6.22802C-0.100845 6.63339 -0.100845 7.29061 0.302531 7.69598C0.705909 8.10134 1.35991 8.10134 1.76329 7.69598L6.14558 3.29209C6.34104 3.09566 6.65896 3.09566 6.85442 3.29209L11.2367 7.69598Z' fill='%23ACADAE'/%3e%3c/svg%3e")
}

.comment-content-rating .rate-now {
    margin: 0 9px
}

.comment-content-more {
    color: #ed6366;
    cursor: pointer;
    margin-top: 19px;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

.comment-content-more:hover {
    color: #bf4a4c
}

.comment-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.message {
    position: relative;
    width: 100%;
    font-weight: 500
}

.message-button {
    width: auto;
    font-size: 14px;
    padding: 11.5px 20px;
    border-radius: 6px;
    position: absolute;
    right: 11px;
    bottom: 20px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out, visibility .2s ease-in-out, background-color .2s ease-in-out, color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, visibility .2s ease-in-out, background-color .2s ease-in-out, color .2s ease-in-out;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out, background-color .2s ease-in-out, color .2s ease-in-out
}

.message-button.active {
    visibility: visible;
    opacity: 1
}


@media only screen and (max-width: 767px) {
    .comments-message {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .comments-message textarea {
        padding: 16px 70px 16px 12px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .comments-filter .sorting-items-another {
        width: 150px
    }

    .comments.subcomments {
        padding-left: 14px
    }

    .message {
        margin-top: 12px
    }

    .message-button {
        position: static;
        display: none;
        text-align: center;
        margin-top: -4px;
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }

    .message-button.active {
        display: block
    }

    .comment-content {
        padding-top: 10px
    }

    .comment-content-head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .comment-content-item:not(:last-child) {
        margin-right: 0
    }

    .comment-content-item:not(:first-child) {
        margin-top: 4px
    }

    .comment-content-text {
        margin-top: 0
    }

    .comment-content-bottom {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .comment-item-inner, .sidebar-lessons-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .sorting {
        margin-right: 0
    }

    .sorting-items {
        position: relative
    }

    .sorting-items .sorting-item:not(:last-child) {
        margin-right: 0
    }

    .sorting-items-another {
        position: absolute;
        background-color: #fff;
        -webkit-box-shadow: 0 2px 9px rgba(52, 73, 94, .1);
        box-shadow: 0 2px 9px rgba(52, 73, 94, .1);
        border-radius: 5px;
        width: 182px;
        top: calc(100% + 10px);
        left: -16px;
        padding: 0 15px;
        opacity: 0;
        visibility: hidden;
        z-index: 1
    }

    .sorting-items-another.view {
        opacity: 1;
        visibility: visible
    }

    .sorting-items-another::after {
        content: "";
        position: absolute;
        border: 5px solid transparent;
        border-bottom: 5px solid #fff;
        left: 15px;
        top: -10px
    }

    .sorting-items-another .sorting-item {
        display: block;
        color: #585a5d;
        padding: 16.5px 0
    }

    .sorting-items-another .sorting-item:not(:last-child) {
        border-bottom: 1px solid #eaeaeb
    }

    .sorting-items-another .sorting-item:hover {
        color: #585a5d
    }

    .sorting-items-current {
        margin-right: 0
    }

    .header-bottom-menu li.has-submenu.open::after, .sorting-items-current.active .sorting-item::after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .sorting-items-current .sorting-item {
        color: #585a5d;
        position: relative;
        padding-right: 10px
    }

    .sorting-items-current .sorting-item::after {
        content: "";
        position: absolute;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='6' height='5' viewBox='0 0 6 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3 5L0.401924 0.5L5.59808 0.5L3 5Z' fill='%232F3134'/%3e%3c/svg%3e");
        width: 6px;
        height: 5px;
        right: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        -webkit-transform-origin: 50% 27% 0;
        -ms-transform-origin: 50% 27% 0;
        transform-origin: 50% 27% 0
    }

}

@media only screen and (max-width: 1280px) {
    .comments {
        margin-top: 10px
    }

    .header .container,
    .footer .container {
        padding:  0 34px;
    }

    .footer {
        padding: 39px 0 40px
    }


    .footer-top-menu:not(:last-child) {
        margin-right: 62px
    }
}

.lesson-content-practice .nice-select {
    max-width: unset;
}


/* Grammar page */

.courses-box {
    width: 100%;
    margin: 32px 0 40px 0;
    overflow-x: hidden;
}

.course-item {
    display: inline-block;
    position: relative;
    width: 30.8%;
    margin-right: 25px;
    margin-bottom: 24px;
    vertical-align: top;
    text-align: left;
    background: #fff;
    box-shadow: 0px 1px 3px rgba(29, 18, 47, 0.2);
    border-radius: 4px;
    cursor: pointer;
}

.course-item:hover {
    -webkit-box-shadow: 0 1px 2px rgba(29, 18, 47, .12), 0 2px 14px rgba(57, 49, 49, .18);
    box-shadow: 0 1px 2px rgba(29, 18, 47, .12), 0 2px 14px rgba(57, 49, 49, .18)
}

.course-item:nth-child(3n) {
    margin-right: 0;
}

.course-item-img {
    width: 100%;
    height: 190px;
    background-size: cover;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.course-item-content {
    padding: 16px 24px;
    min-height: 292px;
}

.course-item-content-labels {
    display: flex;
    margin-bottom: 12px;
}

.course-item-content-labels span {
    padding: 6px 18px;
    border-radius: 4px;
    font-size: 18;
    line-height: 20px;
    font-weight: bold;
    color: #fff;
    margin-right: 8px;
}

span.label-info {
    background: #EBEAEA;
    color: #615A5A;
    font-size: 16px;
}

.course-item-content-title {
    font-size: 24px;
    line-height: 28px;
    color: #393131;
}

.course-item-content-title::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 888;
}

.course-item-content .course-item-description {
    font-size: 16px;
    line-height: 26px;
    font-weight: normal;
    color: #1D122F;
    opacity: .8;
    margin: 12px 0 0 0;
    z-index: 2;
    position: relative;
}

.course-item-content .course-item-description p {
    margin-bottom: 12px;
}

.course-item-content .course-item-description p:last-child {
    margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
    .course-item {
        width: 31%;
        margin: 10px;
    }

    .course-item:nth-child(3n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 800px) {
    .course-item {
        width: 47%;
    }
}

@media only screen and (max-width: 540px) {
    .course-item {
        width: 100%;
        margin: 0 0 24px 0;
    }
}


/* Lesson tasks choose correct image styles */
.lesson-content-item-choose-img {
    max-width: 192px;
    width: 100%;
    margin: 20px 10px 0;
    cursor: pointer;
}

.lesson-content-item-choose-img:nth-child(3) {
    margin-right: 0;
}

.lesson-content-item-choose-img-border {
    width: 100%;
    height: 192px;
    border: 1px solid rgba(29, 18, 47, .2);
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px;
}

.lesson-content-item-choose-img:hover .lesson-content-item-choose-img-border:not(.lesson-content-item-choose-img-border.selected):not(.lesson-content-item-choose-img-border.correct):not(.lesson-content-item-choose-img-border.error):not(.lesson-content-item-choose-img-border.missed) {
    border: 1px solid rgba(29, 18, 47, 0.2);
}

.lesson-content-item-choose-img-border.selected {
    border: 2px solid rgba(57, 49, 49, 0.8);
}

.lesson-content-item-choose-img-border.correct {
    border: 2px solid #4FA048;
}

.lesson-content-item-choose-img-border.error {
    border: 2px solid #FF3438;
}

.lesson-content-item-choose-img-border.missed {
    border: 2px solid #DE851D;
}

.lesson-content-item-choose-img-border-photo {
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 169px auto
}

@media only screen and (max-width: 800px) {
    .lesson-content-item-choose-img {
        max-width: 100%;
        margin: 20px 0 0;
    }

    .lesson-content-link-button {
        max-width: 100%;
    }
}

/* Feelword */
.feelword {
    width: 100%;
    opacity: 0;
}

.feelword .feel-line {
    width: 100%;
    display: flex;
    margin-bottom: 4px;
    vertical-align: middle;
}

.feelword .feel-block {
    cursor: pointer;
    text-align: center;
    color: #1D122F;
    background: rgba(57, 49, 49, 0.1);
    border-radius: 4px;
    margin-right: 4px;
    transition: background-color .3s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.feelword .feel-block:last-child {
    margin-right: 0;
}

.feelword .feel-block:hover {
    background: rgba(57, 49, 49, 0.2);
    color: #1D122F;
    transition: background-color .3s ease;
}

.feelword .feel-block.selected {
    background: #393131;
    color: #fff;
}

.feelword .feel-block.missed {
    background: #DE851D;
    color: #fff;
}

.feelword .feel-block.error {
    background: #FF3438;
    color: #fff;
}

.feelword .feel-block.success {
    background: #4FA048;
    color: #fff;
}

/* Group words */
.group-words-block {
    width: 100%;
}

.group-words {
    width: 100%;
}

.group-words .group-title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 12px;
}

.group-words .words-field {
    width: 100%;
    min-height: 34px;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 32px;
    position: relative;
}

.group-words-block .block-bottom {
    margin-top: 35px;
    display: block;
    width: 100%;
    list-style: none;
}

.group-words-block .block-bottom li, .group-words-block .words-field li {
    color: #1D122F;
    display: inline-block;
    padding: 3px 8px;
    background: rgba(57, 49, 49, 0.1);
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.group-words-block .block-bottom li {
    margin: 0 10px 10px 0;
}

.group-words-block .words-field li {
    margin: 4px;
}

.group-words-block .words-field.success:after {
    content: url('/assets/guest/img/check.png');
    width: 12px;
    height: 12px;
    position: absolute;
    right: 7px;
    top: 3px;
}

.group-words-block .words-field.error {
    border: 1px solid #FF3438;
}

.group-words-block .words-field.error:after {
    content: url('/assets/guest/img/union.png');
    width: 12px;
    height: 12px;
    position: absolute;
    right: 7px;
    top: 3px;
}

.group-words-block .words-field li.error {
    background: #FF3438;
    color: #fff;
}

.group-words-block .words-field li.missed {
    background: #DE851D;
    color: #fff;
}

.nice-select {
    margin-bottom: 10px;
}

.nice-select > span.current {
    font-family: Rubik;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #999;
}

.nice-select span.current.active, .profile-edit-block span.current {
    font-weight: 700;
}

.form .nice-select .list {
    width: 100%;
}

.profile-edit-block span.current {
    color: #393131;
}

.nice-select .option.disabled {
    display: none;
}

.modal-role {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    background: rgba(0, 0, 0, .7);
}

#modal-role {
    width: 534px;
    height: 356px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 4px;
}

#modal-role .fomr-block {
    width: 347px;
    margin: 0 auto;
}

#modal-role .close-modal {
    display: none;
}

#modal-role .modal-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 8px;
}

#modal-role.main-content-block-form {
    padding-top: 48px;
    padding-bottom: 48px;
    padding-left: 0;
    padding-right: 0;
}

#modal-role .nice-select {
    margin-bottom: 32px;
}

@media only screen and (max-width: 450px) {
    #modal-role {
        width: 100%;
        height: 100%;
        border-radius: unset;
    }

    #modal-role .fomr-block {
        width: 100%;
    }

    #modal-role.main-content-block-form {
        padding-left: 20px;
        padding-right: 20px;
    }

    #modal-role .modal-title {
        font-size: 24px;
        line-height: 34px;
    }
}

.price-item p {
    margin-bottom: 24px;
}

.price-item hr {
    margin-bottom: 24px;
    width: 48px;
    border: 1px solid #E0E0E0;
}


.localization_edit_mode {
    opacity: 0 !important;
}

.localization_edit_mode.localization_edit_mode_js_ready {
    opacity: 1 !important;
}

.modal-price-currencies small {
    margin-left: 5px;
    color: #666;
}

.section-page-price .change-currency {
    user-select: none;
    cursor: pointer;
    border-bottom: 1px dashed;
}

.payment_methods_block {
    padding-top: 32px;
}

.payment_methods_block p {
    color: #1D122F;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
}

.payment_methods_block .methods_list {
    display: flex;
    margin-top: 16px;
    background: #FFFFFF;
    box-shadow: 0px 1px 3px rgba(29, 18, 47, 0.2);
    border-radius: 4px;
}

.payment_methods_block .methods_list div {
    padding: 29px 46px;
    border-right: 1px solid #EAEAEB;
    text-align: center;
}

.payment_methods_block .methods_list div.visa img {
    margin-top: 4px;
}

.payment_methods_block .methods_list div.mir img {
    margin-top: 5px;
}

.payment_methods_block .methods_list div.sber_pay img {
    margin-top: -1px;
}

.payment_methods_block .methods_list div.yoomany {
    margin-top: 4px;
}

.payment_methods_block .methods_list div.unionpay {
    padding-top: 23px;
}

.payment_methods_block .methods_list div.unionpay img {
    max-width: 60px;
}

.payment_methods_block .methods_list div:last-of-type {
    border-right: none;
}

.price-item:nth-of-type(2) {
    margin-right: 24px;
    margin-top: -25px;
}

.price-item:nth-of-type(2) .price-item-title {
    color: #eb5254;
}

@media only screen and (max-width: 1200px) {
    .payment_methods_block .methods_list {
        justify-content: space-around;
    }

    .payment_methods_block .methods_list div {
        padding: 3% 3% !important;
    }
}

@media only screen and (max-width: 1000px) {
    .payment_methods_block .methods_list div {
        padding: 3% 3% !important;
    }
}

@media only screen and (max-width: 768px) {
    .payment_methods_block .methods_list {
        flex-wrap: wrap;
    }

    .payment_methods_block .methods_list div {
        padding: 3% 4% !important;
        min-width: 33.33%;
        box-sizing: border-box;
    }

    .payment_methods_block .methods_list div:nth-of-type(1),
    .payment_methods_block .methods_list div:nth-of-type(2),
    .payment_methods_block .methods_list div:nth-of-type(3) {
        border-bottom: 1px solid #EAEAEB;
    }

    .payment_methods_block .methods_list div:nth-of-type(3) {
        border-right: none;
    }

    .price-item:nth-of-type(2) {
        margin-right: 0;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .payment_methods_block .methods_list div:last-of-type {
        width: 100%;
        border-top: 2px solid #eaeaeb;
    }

    .footer {
        padding: 32px 0 34px
    }

    .footer .container,
    .header .container {
        padding: 0 16px;
    }

    .footer-top-copyright {
        margin-bottom: 26px
    }

    .footer-top-menu {
        margin-top: 26px
    }

    .footer-top-menu:not(:last-child) {
        display: none
    }

    .footer-bottom {
        padding-top: 24px
    }

    .footer-bottom-recaptcha {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 20px
    }

    .footer-bottom,.footer-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width: 440px) {
    .payment_methods_block .methods_list div {
        padding: 4% 5% !important;
        min-width: 50%;
        box-sizing: border-box;
    }

    .payment_methods_block .methods_list div:nth-of-type(1),
    .payment_methods_block .methods_list div:nth-of-type(2),
    .payment_methods_block .methods_list div:nth-of-type(3),
    .payment_methods_block .methods_list div:nth-of-type(4) {
        border-bottom: 1px solid #EAEAEB;
    }

    .payment_methods_block .methods_list div:nth-of-type(3) {
        border-right: 1px solid #EAEAEB;
    }

    .payment_methods_block .methods_list div:nth-of-type(2),
    .payment_methods_block .methods_list div:nth-of-type(4) {
        border-right: none;
    }
}

@media only screen and (max-width: 290px) {
    .payment_methods_block .methods_list div {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #EAEAEB;
    }

    .payment_methods_block .methods_list div:last-of-type {
        border-bottom: none;
        border-top: none;
    }
}

.section-page-price.loyalty-enable .price-item:nth-of-type(2) {
    margin-top: 0;
    overflow: hidden;
    position: relative;
}
.section-page-price.loyalty-enable .price-item:nth-of-type(2):after,
.price-item-with-border:after {
    position: absolute;
    background: #EB5255;
    content: "";
    display: block;
    height: 8px;
    width: 100%;
    top: 0;
    left: 0;
}
.price-item-with-border {
    position: relative;
}
.section-page-price.loyalty-enable .price-item:nth-of-type(2) .price-item-title {
    color: #1d122f;
}
.section-page-price.loyalty-enable .price {
    margin-top: 24px;
}
.section-page-price.loyalty-enable .price-item hr {
    width: 4px;
    height: 4px;
    background: #EB5255;
    border: none;
    border-radius: 50%;
}
.section-page-price.loyalty-enable .price-item-cost .sum-price {
    color: #EB5255;
}
.section-page-price.loyalty-enable .price-item-cost .sum-price i {
    font-style: normal;
    text-decoration: line-through;
    color: #1D122F;
}
.section-page-price.loyalty-enable .change-currency {
    color: #EB5255;
}
.price-item-title .discount {
    display: inline-block;
    background: #EB5255;
    border-radius: 6px;
    padding: 3px;
    color: #F7F7FA;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    margin-left: 8px;
}
.copy-button {
    max-width: 300px;
    margin: 29px auto 0;
    border: 1px solid #eb5255;
    background-color: #fff;
    color: #eb5255;
    background-image: url("/assets/guest/img/copy_button_icon.svg");
    background-repeat: no-repeat;
    background-position: center right 25px;
    padding-right: 39px;
}
.copy-button:hover {
    color: #fff;
    background-image: url("/assets/guest/img/copy_button_icon_hover.svg");
}
.copy-button + .modal-price-link {
    margin-top: 16px;
}
html[lang="en"] .copy-button {
    background-position: center right 17px;
}

/**
    New Landing CSS
 */
.new-main.header {
    padding: 6px 0 32px;
}

.header .login-link {
    display: none;
    position: relative;
    z-index: 2;
}

.header-logo {
    width: inherit;
    height: inherit;
    position: relative;
    z-index: 2;
}

.header .inputs-line {
    display: flex;
    align-items: flex-end;
}

.header .inputs-line .form-input {
    margin-right: 12px;
    width: 217px;
}

.header #login {
    margin-left: 48px;
}

.header #login button {
    background: url("/assets/guest/img/arrow-right.svg") #EB5255 no-repeat center center;
    border-radius: 4px;
    width: 48px;
    height: 48px;
    display: inline-block;
}

.header #login button:hover {
    background: url("/assets/guest/img/arrow-right.svg") #e72c30 no-repeat center center;
}

.header #login .form-add {
    margin-top: 12px;
}

.header .restore-password {
    margin-right: 58px;
}

.header .checkbox-item input[type=checkbox]:checked + label:before, .header .checkbox-item input[type=checkbox]:not(:checked) + label:before,
.header .checkbox-item input[type=checkbox]:checked + label:after, .header .checkbox-item input[type=checkbox]:not(:checked) + label:after {
    width: 16px;
    height: 16px;
}

.header .checkbox-item input[type=checkbox]:checked + label, .header .checkbox-item input[type=checkbox]:not(:checked) + label {
    padding-left: 22px;
}

.header .form-main .checkbox-item {
    line-height: 16px;
}

.header-language {
    padding: 8px 0 6px 7px;
    height: 48px;
}

.header-language-box {
    margin-left: 16px;
    width: 101px;
    height: 48px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.header-language-box.active {
    z-index: 9999;
}

.header-main .header-language-box {
    margin-top: -4px;
}

.header-language-inner {
    width: 101px;
}

.header-language span {
    font-weight: 500;
}

.header-language-current::after {
    width: 12px;
    height: 8px;
    background-image: url('/assets/guest/img/lang-select-arrow.svg');
    top: 21px;
    right: 17px;
}

.header-language img {
    margin-right: 4px;
}

.header-language-another::after {
    width: 77px;
}

.header-main .container {
    position: relative;
    max-width: 1122px;
}

.header-main .reg-link {
    position: absolute;
    right: 20px;
    bottom: 0;
    font-size: 14px;
    color: #EB5255;
    z-index: 2;
}

.header-main .reg-link:hover {
    color: #c74245;
}

.header-main form .alerts {
    position: absolute;
}

.header-main form .alerts .error {
    margin-top: -9px;
}

.new-main-block {
    background: #EB5255;
    padding-top: 33px;
    overflow: hidden;
    position: relative;
    z-index: -1;
}

.new-main-block .container {
    display: flex;
    justify-content: space-between;
    max-width: 1122px;
}

.new-main-block .youna-main-section {
    position: relative;
    width: 673px;
    height: 390px;
    background: url('/assets/guest/img/landing/youna_main_section.svg');
    margin-left: -135px;
}

.new-main-block .youna-main-section .text-block {
    position: absolute;
    top: 45px;
    right: 74px;
    width: 230px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.new-main-block .youna-main-section .text-block .title {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 4px;
}

.new-main-block .video-block {
    margin-top: 39px;
}

.new-main-block .video-block .video {
    z-index: 10;
    position: relative;
    background: #000;
    font-size: 0;
    width: 509px;
    height: 278px;
}

.new-main-block .video-block:after {
    content: "";
    display: block;
    width: 579px;
    height: 355px;
    position: absolute;
    top: -85px;
    right: 0;
    background: url('/assets/guest/img/landing/bg-line-new-main.svg');
}

.new_main.section-plus {
    padding: 50px 0 276px;
}

.section-white {
    background: #fff;
    padding: 48px 0 48px 0;
}

.section-white .container {
    max-width: 1122px;
    position: relative;
}

.section-white .container:after {
    content: "";
    display: block;
    width: 498px;
    height: 531px;
    position: absolute;
    top: -102px;
    right: -360px;
    background: url('/assets/guest/img/landing/bg-line-white-block.svg');
}

.section-white .title {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    font-size: 32px;
    line-height: 48px;
    text-transform: uppercase;
    color: #1D122F;
}

.new_main .plus-item {
    padding: 24px 20px 20px;
}

.new_main .plus-item:nth-of-type(3), .plus-item:nth-of-type(4) {
    max-width: 246px;
}

.new_main .plus-item .min-height {
    min-height: 260px;
}

.new_main .plus-item-title {
    font-style: normal;
    font-weight: 600;
    font-size: 19px;
    line-height: 26px;
    color: #1D122F;
}

.new_main .plus-item-desc {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    margin-top: 16px;
}

.new_main .plus-item .btn {
    display: block;
    background: #EB5255;
    border-radius: 30px;
    padding: 14px 7px 13px;
    color: #fff;
    font-size: 14px;
}

.new_main .plus-item .btn:hover {
    background: #d34548;
}

.new_main .plus-item:not(:last-child) {
    margin-right: 20px;
}

.overflow {
    overflow: hidden;
}

.position-relative {
    position: relative;
}

.video-for-teachers {
    background: url('/assets/guest/img/landing/bg-line-for-teachers-block.svg') #DFDFE5 no-repeat -88px 78%
}

.video-for-teachers .container {
    max-width: 1122px;
}

.video-for-teachers .m-block {
    margin-top: -210px;
    display: flex;
    justify-content: space-between;
}

.video-for-teachers .youna-block {
    position: relative;
    width: 714px;
    height: 592px;
    background: url('/assets/guest/img/landing/youna-from-right.svg');
    margin-right: -208px;
}

.video-for-teachers .youna-block .text-block {
    position: absolute;
    top: 44px;
    left: 62px;
    width: 284px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.video-for-teachers .youna-block .text-block .title {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 4px;
}

.video-for-teachers .video-block {
    margin-top: 39px;
}

.video-for-teachers .video-block .video {
    z-index: 10;
    position: relative;
    background: #000;
    font-size: 0;
    width: 509px;
    height: 278px;
}

.landing-bg-color-gray {
    background-color: #F7F7FA;
}

.section-for-teachers {
    position: relative;
}

.section-for-teachers .container {
    max-width: 1122px;
}

.section-for-teachers .plus-item {
    min-height: auto;
}

.section-for-teachers .btn-block {
    margin-top: 48px;
    text-align: center;
}

.section-for-teachers .btn {
    display: inline-block;
    background: #EB5255;
    border-radius: 30px;
    padding: 17px 24px 17px;
    color: #fff;
    font-size: 20px;
}

.section-for-teachers .btn:hover {
    background: #d34548;
}

.section-for-teachers .m-block {
    margin-top: -141px;
}

.section-for-teachers .section-title {
    color: #1D122F;
}

.section-project {
    background: #F7F7FA !important;
}

.section-project .container {
    position: relative;
}

.bg-line2 {
    position: absolute;
    top: -424px;
    left: -294px;
    width: 511px;
    height: 343px;
    background: url('/assets/guest/img/landing/bg-line2-for-teachers-block.svg') no-repeat center bottom;
}

.bg-line-container {
    position: relative;
    padding: 0;
}

.section-project {
    padding: 202px 0 0;
    position: relative;
}

.section-project .project-flex-block {
    display: flex;
    justify-content: space-between;
}

.section-project .project-flex-block .text-block {
    max-width: 443px;
    margin-top: 50px;
}

.section-project .project-flex-block .text-block .section-text {
    margin-top: 24px;
}

.section-project .project-flex-block .form-block {
    margin: 0;
    padding: 48px 84px;
    position: relative;
}

.section-project .project-flex-block .form-block .form-title {
    text-align: left;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
    color: #393131;
}

.section-project .project-flex-block .form-block .checkbox-item input[type=checkbox]:checked + label:before, .section-project .project-flex-block .form-block .checkbox-item input[type=checkbox]:not(:checked) + label:before,
.section-project .project-flex-block .form-block .checkbox-item input[type=checkbox]:checked + label:after, .section-project .project-flex-block .form-block .checkbox-item input[type=checkbox]:not(:checked) + label:after {
    width: 16px;
    height: 16px;
}

.section-project .project-flex-block .form-block .checkbox-item input[type=checkbox]:checked + label,
.section-project .project-flex-block .form-block .checkbox-item input[type=checkbox]:not(:checked) + label {
    padding-left: 24px;
    line-height: 17px;
}

.section-project .project-flex-block .form-block .form-add {
    margin-top: 12px;
}

.section-project .project-flex-block .form-block:after {
    content: "";
    position: absolute;
    right: -239px;
    bottom: -240px;
    width: 371px;
    height: 372px;
    background: url('/assets/guest/img/landing/bg-line-contact.svg') no-repeat center bottom;
}

.section-project .project-info-block {
    padding-bottom: 60px;
    overflow: hidden;
}

.header-nav-menu .has-profile {
    white-space: nowrap;
}

.header-nav-menu > li {
    white-space: nowrap;
}

.header-logo img {
    height: 58px;
}

.admin-link {
    position: fixed;
    left: 0;
    bottom: 0;
    display: inline-block;
    padding: 7px 5px 3px 8px;
    background: #eb5254;
    color: #fff;
    font-size: 13px;
    line-height: 13px;
    border-radius: 0 12px 0 0;
    z-index: 99;
}

.header-logout {
    min-width: 24px;
}


.school-page {
    overflow: hidden;
}
.school-page .breadcrumbs {
    margin: 5px;
}
.school-page .header-title {
    background: #EB5255;
    padding: 48px 0 48px 0;
}
.school-page .header-title .container {
    position: relative;
}
.school-page .header-title h1 {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 54px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 0;
    max-width: 740px;
}
.school-page .header-title img {
    position: absolute;
    top: -38px;
    right: -60px;
}
.school-page .pre-steps-block {
    padding: 46px 0 90px 0;
}
.school-page .pre-steps-block span {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    text-transform: uppercase;
    color: #EB5255;
    display: block;
    max-width: 650px;
}
.school-page .pre-steps-block ul {
    margin: 12px 0 24px 0;
    padding-left: 22px;
}
.school-page .pre-steps-block ul li {
    list-style: initial;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #1D122F;
    opacity: 0.8;
}
.school-page .pre-steps-block .button {
    background: #393131;
    border-radius: 30px;
    color: #fff;
    padding: 17px 24px;
    display: inline-block;
    width: auto;
}
.school-page .pre-steps-block .button:hover {
    background: #282323;
}
.school-page .step span.step {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    text-transform: uppercase;
    color: #EB5255;
    display: block;
}
.school-page .step .step-title {
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 42px;
    color: #393131;
}
.school-page .steps-bg-1 {
    background-image: url('/assets/guest/img/school/step-1-2-bg.png');
    background-repeat: no-repeat;
    background-position: center bottom 115px;
    background-size: cover;
}
.school-page .step-1 .plus-box {
    flex-wrap: wrap;
}
.school-page .step-1 .plus-box .plus-item {
    box-sizing: border-box;
    width: 48%;
    max-width: inherit;
    margin: 0 24px 24px 0;
}
.school-page .step-1 .plus-box .plus-item:nth-child(even) {
    margin-right: 0;
}
.school-page .step-1 .plus-box .plus-item .plus-item-title {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    color: #1D122F;
}
.school-page .step-1 .plus-box .plus-item .plus-item-desc {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #1D122F;
    opacity: 0.8;
}
.school-page .step-2 {
    margin-top: 84px;
    margin-bottom: 98px;
}
.school-page .step-2 .content {
    flex-wrap: wrap;
    justify-content: flex-start;
}
.school-page .step-2 .content .teacher {
    width: 31%;
    margin-right: 24px;
    margin-bottom: 24px;
    max-width: initial;
    text-align: center;
}
.school-page .step-2 .content .teacher:nth-child(3n) {
    margin-right: 0;
}
.school-page .step-2 .content .teacher .img {
    width: 104px;
    height: 104px;
    border-radius: 50%;
    background-size: cover;
    margin: 0 auto;
}
.school-page .step-2 .content .teacher .name {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    color: #1D122F;
    margin-top: 12px;
}
.school-page .step-2 .content .teacher .position {
    margin-top: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #828385;
}
.school-page .step-2 .content .teacher .desc {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #2F3134;
    margin-top: 12px;
}
.school-page .step-3 .step-title {
    margin-bottom: 24px;
    display: block;
}
.school-page .step-3 .content {
    display: flex;
    gap: 24px;
}
.school-page .step-3 .tariff {
    width: 100%;
}
.school-page .step-3 .tariff:nth-child(3) .tariff-title {
    padding-left: 30px;
    padding-right: 30px;
}
.school-page .step-3 .tariff:nth-child(4) .tariff-title {
    padding-left: 50px;
    padding-right: 50px;
}
.school-page .step-3 .tariff .button {
    margin: 24px 20px 0 20px;
    width: auto;
}
.school-page .step-3 .tariff-title {
    padding: 32px 20px 24px;
    background: #393131;
    border-radius: 10px 10px 0 0;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    color: #FFFFFF;
}
.school-page .step-3 .tariff-desc {
    padding: 0 0 32px;
    background: #FFFFFF;
    box-shadow: 0 1px 3px rgba(29, 18, 47, 0.2);
    border-radius: 0 0 10px 10px;
}
.school-page .step-3 .tariff-desc .desc {
    padding-top: 24px;
    text-align: center;
    min-height: 215px;
}
.school-page .step-3 .tariff-desc .desc p {
    color: #4b4159;
    margin-bottom: 16px;
}
.school-page .step-3 .tariff-desc .desc .free {
    display: inline-block;
    padding: 2px 4px;
    background: #EB5255;
    border-radius: 12px;
    color: #fff;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 11px;
}
.school-page .step-3 .tariff-desc .desc p.bold {
    font-weight: 600;
    line-height: 26px;
}
.school-page .step-3 .tariff-desc .desc p.mt {
    margin-top: 32px;
}
.school-page .step-3-bg {
    background: linear-gradient(to bottom, white 107px, #F7F7FA 0%);
}
.school-page .step-3 .container {
    position: relative;
}
.school-page .see-your-soon {
    position: relative;
    width: 588px;
    height: 360px;
    background-image: url("/assets/guest/img/school/youna-bottom.svg");
    background-repeat: no-repeat;
    background-position: 61px 124px;
}
.school-page .see-your-soon .msg {
    width: 370px;
    height: 150px;
    background-image: url(/assets/guest/img/school/youna-says.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: 147px;
    left: 300px;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 38px;
    letter-spacing: 0.01em;
    color: #1D122F;
    padding: 35px 0 0 94px;
}
.modal-school-book {
    max-width: 534px;
    padding: 32px 40px;
}
.modal-school-book h6 {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    color: #1D122F;
    margin: 0 0 8px 0;
}
.modal-school-book p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(29, 18, 47, 0.7);
    margin: 0;
}
.modal-school-book h6 + p {
    margin-bottom: 20px;
}
.modal-school-book .modal-price-pay .change-currency, .modal-school-book .modal-price-pay .price-now {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #1D122F;
}
.modal-school-book .modal-price-pay .change-currency {
    user-select: none;
    cursor: pointer;
    border-bottom: 1px dashed;
}
#form-modal-school-book {
    padding-top: 16px;
}
#form-modal-school-book input,
#form-modal-school-book select {
    background: #FFFFFF;
    border: 1px solid #D5D6D6;
    border-radius: 6px;
    padding: 16px 12px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 16px;
}
#payment-succeeded {
    padding: 50px;
}
#payment-succeeded h6 {
    color: green;
    font-size: 20px;
    margin-bottom: 15px;
}

.section-page-book .course-item {
    width: 46%;
}
.section-page-book .course-item .icon {
    vertical-align: middle;
    margin-right: 9px;
    margin-top: -4px;
}
.section-page-book .course-item:nth-child(3n) {
    margin-right: 25px;
}

.count-students-accounts-to-buy {
    display: flex;
    align-items: center;
}
.count-students-accounts-to-buy .input-accounts {
    padding: 8px;
    border-radius: 6px;
    border: 1px solid #D5D6D6;
    background: #fff;
    display: flex;
    margin-left: 8px;
}
.count-students-accounts-to-buy .input-accounts input {
    width: 60px;
    border: none;
    background: none;
    box-shadow: none;
    text-align: center;
    margin: 0;
    color: #1D122F;
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.count-students-accounts-to-buy .btn-minus,
.count-students-accounts-to-buy .btn-plus {
    display: block;
    width: 36px;
    height: 36px;
    background-color: #EB5255;
    border-radius: 4px;
    background-position: center;
    background-repeat: no-repeat;
}
.count-students-accounts-to-buy .btn-plus {
    background-image: url("/assets/guest/img/plus_24.svg");
}
.count-students-accounts-to-buy .btn-minus {
    background-image: url("/assets/guest/img/minus_24.svg");
}
.count-students-accounts-to-buy .btn-minus:hover,
.count-students-accounts-to-buy .btn-plus:hover {
    cursor: pointer;
    opacity: 0.8;
}
.count-students-accounts-to-buy .btn-minus.disabled,
.count-students-accounts-to-buy .btn-plus.disabled {
    background-color: rgba(29, 18, 47, 0.10);
}

.nav-tabs {
    margin-top: 24px;
}
.nav-tabs ul {
    padding: 0;
    margin: 0;
}
.nav-tabs ul li {
    display: inline-block;
    margin-right: 16px;
    padding-bottom: 8px;
}
.nav-tabs ul li.active {
    border-bottom: 4px solid #EB5255;
}

#modal-send-email-school {
    padding: 48px 84px;
    max-width: 542px;
}
#modal-send-email-school form {
    width: 373px;
}
#modal-send-email-school .form-title {
    text-align: left;
    color: #393131;
    font-family: Rubik;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px; /* 131.25% */
    margin-bottom: 8px;
}
#modal-send-email-school .form-text {
    color: #393131;
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    opacity: 0.8;
}


/**
    FIx чтобы мобильное меню работало нормально. там проблема с z-index, из-за этого слой контента выше чем мобильное меню в шапке
 */
#content {
    position: relative;
    z-index: 1;
}

@media (max-width: 1090px) {
    .header-nav-menu > li:not(:last-child) {
        margin-right: 20px;
    }

    .new-main .header-nav-menu > li:not(:last-child) {
        margin-right: 20px;
    }

    .header #login {
        margin-left: 10px;
    }
}

@media (max-width: 1060px) {
    .new-main .header-nav-menu > li:not(:last-child) {
        margin-right: 12px;
    }

    .new-main-block .video-block .video {
        width: 432px;
        height: 236px;
    }

    .video-for-teachers .video-block .video {
        width: 432px;
        height: 236px;
    }

    .video-for-teachers .youna-block {
        margin-right: -158px;
    }
    .school-page .header-title img {
        width: 290px;
        right: 0;
    }
}
@media (max-width: 1024px) {
    .section-page-book .course-item:nth-child(3n) {
        margin-right: 10px;
    }
}
@media (max-width: 992px) {
    .header-nav-menu > li:not(:last-child) {
        margin-right: 15px;
    }

    .header-nav-menu .has-profile-name {
        max-width: 75px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .header .inputs-line .form-input {
        width: 130px;
    }

    .new_main .plus-item {
        max-width: initial !important;
        flex: 0 0 47%;
    }

    .new_main .plus-item:nth-of-type(4) {
        margin-right: 20px;
    }

    .project-info-block .text-block {
        padding-left: 10px;
        padding-right: 20px;
    }

    .section-project .project-flex-block .form-block {
        max-width: 430px;
        padding: 30px;
        margin-right: 10px;
    }

    .new-main-block .video-block {
        position: absolute;
        bottom: 10px;
        right: 20px;
        z-index: 1;
    }

    .video-for-teachers .video-block {
        width: 50px;
        padding-top: 120px;
    }

    .new-main .header-nav {
        margin-right: 5px;
    }
    .school-page .step-1 .plus-box {
        margin-top: 34px;
    }
}
@media (max-width: 900px) {
    .school-page .header-title img {
        width: 250px;
    }
}
@media (max-width: 880px) {
    .school-page .header-title img {
        width: 170px;
        right: -10px;
    }
    .school-page .step-3 .content {
        flex-wrap: wrap;
    }
    .school-page .step-3 .tariff {
        width: 47%;
    }
    .school-page .step-3-bg {
        background: linear-gradient(to bottom, white 84px, #F7F7FA 0%);
    }
}
@media (max-width: 820px) {
    .school-page .header-title img {
        width: 130px;
        right: -10px;
        top: 50px;
    }
}
@media (max-width: 768px) {
    .header .inputs-line .form-input {
        width: auto;
        max-width: 160px;
    }

    .new-main .header-nav-menu > li:not(:last-child) {
        margin-right: auto;
    }

    .section-project .project-flex-block {
        flex-wrap: wrap;
    }

    .section-project .project-flex-block .text-block {
        max-width: initial;
        width: 100%;
        padding-right: 10px;
    }

    .section-project .project-flex-block .form-block {
        max-width: initial;
        margin-top: 30px;
    }

    .header-nav-menu .has-profile-name {
        max-width: initial;
        overflow: initial;
        text-overflow: initial;
    }

    .header-logout {
        margin-left: auto;
    }
    .school-page .header-title img {
        width: 130px;
        right: 20px;
        top: 260px;
    }
    .school-page .step-1 .plus-box .plus-item {
        width: 100%;
    }
    .school-page .step-2 .content .teacher {
        width: 100%;
    }
    .school-page .see-your-soon {
        background-position: -39px 124px;
    }
    .school-page .see-your-soon .msg {
        left: 200px;
    }
    .section-page-book .course-item {
        width: 100%;
    }
    .section-page-book .course-item .course-item-content {
        min-height: auto;
    }
    .section-page-price.loyalty-enable .price-item:nth-of-type(2) {
        margin-top: 15px;
    }

    .header-top-button {
        display: none
    }

    .header-top-button.button-check-log {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .header-top-buttons {
        margin-right: 8px
    }

    .header-top-inner {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .header-top-language {
        padding-left: 8px;
        padding-right: 20px
    }

    .header-top-language-current::after {
        right: 7px
    }

    .header-top-profile-item {
        margin: 0 15px
    }

    .header-top-profile-item-name {
        margin: 0
    }

    .header-bottom-menu li a::after,.header-bottom-menu li span::after,.header-bottom-menu li.active span::after,.header-top-profile-item-name .header-top-profile-item-text {
        display: none
    }

    .header-top-profile-item-exit,.header-top-profile-item-name .header-top-profile-item-icon {
        margin-right: 0
    }

    .header-bottom {
        position: relative
    }

    .header-bottom-menu {
        position: absolute;
        left: -100%;
        top: 100%;
        min-height: calc(100vh - 102px);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        background-color: #fff;
        z-index: 1;
        padding: 12px 0;
        -webkit-transition: left .2s ease-in-out;
        -o-transition: left .2s ease-in-out;
        transition: left .2s ease-in-out
    }

    .submenu {
        position: static;
        opacity: 1;
        visibility: visible;
        display: none;
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-weight: 400;
    }

    .header-bottom-menu.active {
        left: 0;
    }

    .header-bottom-menu li.has-submenu::after {
        content: "";
        position: absolute;
        width: 13px;
        height: 8px;
        right: 17px;
        top: 18px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.76329 0.304024C1.35991 -0.101341 0.705909 -0.101341 0.302533 0.304024C-0.100844 0.709389 -0.100844 1.36662 0.302533 1.77198L5.79116 7.28766C6.18208 7.68051 6.81793 7.68051 7.20884 7.28766L12.6975 1.77198C13.1008 1.36662 13.1008 0.709389 12.6975 0.304024C12.2941 -0.101341 11.6401 -0.101341 11.2367 0.304024L6.85442 4.70792C6.65896 4.90434 6.34104 4.90434 6.14558 4.70792L1.76329 0.304024Z' fill='%23D5D6D6'/%3e%3c/svg%3e ");
        -webkit-transition: -webkit-transform .2s ease-in-out;
        -o-transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out
    }

    .header-bottom-menu li a,.header-bottom-menu li span {
        padding: 13.5px 16px
    }

    .header-bottom-inner {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (max-width: 752px) {
    .new-main-block .container {
        flex-wrap: wrap;
        padding: 0;
    }

    .new-main-block .video-block {
        position: initial;
        bottom: auto;
        right: auto;
        width: 100%;
        margin: 0;
        padding-top: 30px;
        padding-bottom: 30px;
        background: #f7f7fa;
        border-bottom: 1px solid #dddde3;
    }

    .new-main-block .youna-main-section {
        margin-left: 0;
    }

    .new-main-block .video-block:after {
        display: none;
    }

    .new-main-block .video-block .video {
        margin: 0 auto;
        width: 100%;
        height: 100%;
        max-width: 432px;
        min-height: 236px;
    }

    .video-for-teachers .m-block {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .video-for-teachers {
        background: #DFDFE5;
    }

    .section-for-teachers .m-block {
        margin-top: 10px;
    }

    .video-for-teachers .container {
        padding: 0;
    }

    .video-for-teachers .video-block {
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
        margin: 0;
        background: #EEE;
        border-top: 2px solid #c1c1c1;
        border-bottom: 1px solid #d8d6d6;
    }

    .video-for-teachers .video-block .video {
        margin: 0 auto;
        width: 100%;
        max-width: 432px;
        min-height: 236px;
    }

    .section-project {
        padding-top: 2%;
    }

    .bg-line-container {
        display: none;
    }
    .title-count-accounts {
        margin-left: 0 !important;
        display: block;
    }
}

@media (max-width: 652px) {
    .new-main-block .youna-main-section {
        background-position: right;
    }
}

@media (max-width: 600px) {
    .header #login {
        display: none;
    }

    .header .login-link {
        display: inline-block;
        margin-left: 15px;
        margin-right: 15px;
    }

    .header-main .reg-link {
        position: initial;
    }
}

@media (max-width: 500px) {
    .new-main.header-main .header-language-box {
        margin-left: auto;
    }

    .header-main .reg-link {
        position: absolute;
        bottom: auto;
        top: 70px;
        right: 15px;
    }

    .header .login-link {
        position: absolute;
        right: 165px;
        top: 70px;
    }

    .new-main-block {
        background: #a4cffe;
    }

    .new-main-block .youna-main-section {
        background-image: url('/assets/guest/img/landing/youna_mob.png');
        width: 100%;
        height: auto;
        background-repeat: no-repeat;
        background-size: 37%;
        background-position: left bottom;
        min-height: 180px;
    }

    .new-main-block .youna-main-section .text-block {
        position: initial;
        width: 100%;
        padding: 20px 20px 20px 40%;
        font-size: 15px;
    }

    html[lang="en"] .header .login-link {
        right: 75px;
    }

    .new-main-block .video-block {
        padding: 20px;
    }

    .section-white .title {
        font-size: 150%;
        line-height: 150%;
    }

    .video-for-teachers .youna-block {
        background-image: url('/assets/guest/img/landing/youna_mob_right.png');
        background-color: #a4cffe;
        width: 100%;
        height: auto;
        background-repeat: no-repeat;
        background-size: 37%;
        background-position: right bottom;
        min-height: 180px;
    }

    .video-for-teachers .youna-block .text-block {
        position: initial;
        width: 100%;
        padding: 20px 140px 20px 20px;
        font-size: 15px;
    }

    .video-for-teachers .video-block {
        padding: 20px;
    }
    .school-page .see-your-soon {
        background-position: -40px 124px;
        background-size: 30%;
        height: 270px;
    }
    .school-page .see-your-soon .msg {
        left: 110px;
        background-size: 70%;
        width: 350px;
        top: 120px;
        font-size: 16px;
        line-height: 16px;
        padding: 35px 0 0 69px;
    }
    .school-page .header-title img {
        top: 330px;
    }

    #modal-send-email-school {
        padding: 15px;
    }
    #modal-send-email-school form
    {
        width: auto;
    }
}
@media (max-width: 440px) {
    .school-page .header-title img {
        display: none;
    }
    .school-page .step-3 .tariff {
        width: 100%;
    }
    .school-page .step-3 .tariff-desc .desc {
        min-height: auto;
    }
}

.header-top-profile-menu {
    display: flex;
}
.header-top-profile-menu li.has-submenu {
    cursor: pointer;
}
.header-top-profile-menu li {
    position: relative;
}

.header-top-profile-menu li a, .header-top-profile-menu li span, .header-top-profile-menu li svg {
    color: #2f3134;
    display: inline-block;
    position: relative;
    -webkit-transition: background-color .2s ease-in-out, color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out, color .2s ease-in-out;
    transition: background-color .2s ease-in-out, color .2s ease-in-out;
}
.header-top-profile-menu li a:hover {
    color: red;
}
.header-top-profile-menu li.has-submenu .submenu {
    z-index: 100;
}
.header-top-profile-menu li.has-submenu:hover .submenu {
    opacity: 1;
    visibility: visible;
    display: block;
    top: calc(100% + 5px);
}
.header-top-profile-mobile {
    display: none;
}

@media only screen and (max-width:1280px){
    .header-top-profile-menu {
        display:none;
    }
    .header-top-profile-mobile {
        display: block;
    }

}


/*Аудиоплеер*/

.audioplayer.full-player {
    position: relative;
    padding-top: 16px;
    padding-bottom: 30px;
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.player-wrapper-second-line {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.d-hide {
    display: none!important;
}

.d-block {
    display: block!important;
}

.audioplayer.full-player .audioplayer-playpause {
    margin-right: 0;
}

.audioplayer.full-player .audioplayer {
    gap: 10px;
}

.audioplayer.full-player .player_skip_backward {
    cursor: pointer;
    display: flex;
}

.audioplayer.full-player .player_skip_forward {
    cursor: pointer;
    display: flex;
}

.audioplayer.full-player .audioplayer-bar {
    height: 4px;
    max-width: initial;
}

.audioplayer.full-player .player_speed {
    width: 54px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    font-size: 12px;
    cursor: pointer;
    line-height: 16px;
}

.audioplayer.full-player .audio-time {
    min-width: 40px;
}

.audioplayer.full-player .player_speed {
    position: relative;
    font-weight: 500;
    color: #585A5D;
}

.audioplayer.full-player .player_speed_options {
    position: absolute;
    bottom: 40px;
    right: 0;
    box-shadow: 0px 2px 4px 0px #34495E12;
    background-color: #fff;
    z-index: 2;
}

.audioplayer.full-player .player_speed_options ul li {
    padding: 10px 35px;
}

.audioplayer.full-player .player_speed_options ul li:hover {
    background: #F7F8F9;
}

.audioplayer.full-player .li_play_speed_checkmark {
    display: none;
}

.audioplayer.full-player .li_play_speed_checkmark.active_checkmark {
    display: inline;
}

.audioplayer.full-player .li_play_speed {
    position: relative;
    display: flex;
    gap: 5px;
}

.audioplayer.full-player .li_play_speed_checkmark {
    position: absolute;
    top: 12px;
    left: 14px;
}

.audioplayer-time.audioplayer-time-current {
    display: none;
}

.audioplayer.full-player .player_div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.audioplayer.full-player .play_position_div {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: relative;
}

.audioplayer.full-player .player_bottom_line_desktop {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 30px;
    gap: 20px;
}

.audioplayer.full-player .player_bottom_line_desktop_download {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    font-size: 12px;
    color: #007AFF;
;
}

.audioplayer.full-player .player_bottom_line_desktop_copy {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    font-size: 12px;
    color: #007AFF;
    position: relative;
}

.audioplayer.full-player .player_link_copy_success {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    color: #FFFFFF;
    background-color: #585A5D;
    border-radius: 5px;
    position: absolute;
    bottom: 20px;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.audioplayer.full-player .player_link_copy_success.show {
    opacity: 1;
}

.audioplayer.full-player .player_bottom_line_buttons_mobile {
    display: none;
}

.audioplayer.full-player .player_position_point {
    position: absolute!important;
    width: 12px;
    height: 12px;
    background-color: #eb5255;
    border-radius: 50%;
    right: -11px;
    top: -4px;
}

.audioplayer.full-player .player_time_position_badge {
    position: absolute;
    background: #585A5D;
    color: white;
    padding: 5px 9px;
    border-radius: 8px;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    top: -34px;
    left: -19px;
    min-width: 50px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0s 0.3s;
    z-index: 1;
}


.audioplayer.full-player .player_time_position_badge:after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px 7px 0;
    border-style: solid;
    border-color: #585A5D transparent transparent;
}

.audioplayer.full-player .player_position_point:hover .player_time_position_badge {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.audioplayer.full-player .audio-title {
    display: none;
}

.audioplayer.full-player .player_heading {
    width: calc(100% - 250px);
    color: #2F3134;
    line-height: 20px;
}

.audioplayer.full-player .audioplayer-playpause a{
    background-color: #eb5255;
    border: 2px solid #eb5255;
}


@media only screen and (max-width:600px){

    .player-wrapper-second-line {
        flex-direction: column;
    }

    .audioplayer.full-player {
        padding-top: 16px;
        padding-bottom: 20px;
        flex-direction: column;
    }

    .audioplayer.full-player .player_bottom_line_desktop {
        display: none;
    }

    .audioplayer.full-player .player_bottom_line_buttons_mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .audioplayer.full-player .player_bottom_line_buttons_mobile_copy {
        border: 1px solid #ACADAE;
        border-radius: 4px;
        padding: 6px 10px;
        cursor: pointer;
    }

    .audioplayer.full-player .player_bottom_line_buttons_mobile_download {
        border: 1px solid #ACADAE;
        border-radius: 4px;
        padding: 6px 10px;
        cursor: pointer;
        display: flex;
    }

    .audioplayer.full-player .player_bottom_line_buttons_mobile_copy:hover,
    .audioplayer.full-player .player_bottom_line_buttons_mobile_download:hover {
        background-color: #EAEAEB;
    }

    .audioplayer.full-player .play_bottom_line_div {
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }

    .audioplayer.full-player .player_link_copy_success {
        bottom: 70px;
        right: 7%;
    }


    .audioplayer.full-player .player_speed_options {
        left: 0;
        right: initial;
    }

    .audioplayer.full-player .player_heading {
        width: 100%;
        color: #2F3134;
        font-size: 14px;
        line-height: 20px;
    }

    .audioplayer .audioplayer-playpause a::after {
        transform: translate(-30%, -31%) !important;
    }
}


/*Полоса со скидкой в хэдере*/

.prolong-subscription-block {
    height: 50px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
}

.prolong-subscription-block__promocode-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.prolong-subscription-block__promocode {
    display: flex;
    align-items: center;
    font-weight: 500;
}

.prolong-subscription-block-copy-button {
    cursor: pointer;
    color: #EB5255;
}

.prolong-subscription-block__left {
    display: flex;
    align-items: center;
    gap: 10px;
}

@media only screen and (max-width:1020px){
    .prolong-subscription-block-copy-button {
        display: none;
    }
}


@media only screen and (max-width:880px){
    .prolong-subscription-block .promo-timer {
        display: none;
    }
}

@media only screen and (max-width:600px){
    .prolong-subscription-block__promocode-wrapper {
        flex-wrap: wrap;
    }

    .prolong-subscription-block__left {
        display: block;
        line-height: 21px;
        padding-top: 10px;
    }
}

@media only screen and (max-width:411px) {
    .prolong-subscription-block__left,
    .prolong-subscription-block__promocode {
        font-size: 13px;
    }
}


@media only screen and (max-width:385px) {
    .prolong-subscription-block__left,
    .prolong-subscription-block__promocode {
        font-size: 12px;
        padding-top: 2px;
    }
}


.header-top-profile-header_subscribe_button.header-top-profile-header_subscribe_button_mobile,
.header-top-profile-header_subscribe_button.header-top-profile-header_subscribe_button_mobile_middle{
    display: none;
}

.header-top-profile-item-icon {
    width: auto;
    height: auto;
}

.header-top-profile-header_subscribe_button {
    display: flex;
    min-width: fit-content;
    gap: 10px;
    background-color: #ED6366;
    color: #ffffff;
    padding: 4px 8px;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    margin-right: 15px;
}

@media only screen and (max-width:1280px) {
    .header-top-profile-header_subscribe_button.header-top-profile-header_subscribe_button_mobile_middle {
        display: flex;
        margin-right: 10px;
    }

    .header-top-profile-item-icon .header-no-premium-icon {
        display: none;
    }
}

@media only screen and (max-width:766px) {
    .header-top-profile-item-icon .header-no-premium-icon {
        display: block;
    }
}

@media only screen and (max-width:765px) {
    .header-top-profile-header_subscribe_button.header-top-profile-header_subscribe_button_mobile_middle {
        display: none!important;
    }

    .header-top-profile-header_subscribe_button.header-top-profile-header_subscribe_button_mobile {
        display: flex;
    }
}


/*Модальное окно авторизации*/


.modal.modal-authentication {
    padding: 32px 68px;
    max-width: 454px;
}

.modal-authentication-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #d5d6d6
}

.modal-authentication-nav li {
    line-height: 20px;
    color: #2f3134;
    font-weight: 500;
    padding-bottom: 9px;
    position: relative;
    cursor: pointer
}

.modal-authentication-nav li::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    border-bottom: 2px solid #eb5255;
    opacity: 0
}

.modal-authentication-nav li:not(:last-child) {
    margin-right: 32px
}

.modal-authentication-nav li.active {
    color: #eb5255
}

.modal-authentication .modal-form-box {
    margin-top: 24px
}

.modal-authentication .modal-form-box .input:not(:first-child) {
    margin-top: 16px
}

.modal-authentication-add {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 12px
}

.modal-authentication-add>a {
    color: #eb5255;
    text-decoration: underline;
    -webkit-text-decoration-style: dashed;
    text-decoration-style: dashed;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

.modal-authentication-add>a:hover {
    color: #bf4a4c
}

.modal-authentication-add .checkbox-item {
    margin-right: 20px
}

.modal-authentication-social {
    margin-top: 25px
}

.modal-authentication-social-title {
    color: #2f3134;
    text-align: center;
    position: relative;
    z-index: 1
}

.modal-authentication-social-title::after {
    content: "";
    position: absolute;
    width: 100%;
    border-top: 1px solid #d5d6d6;
    left: 0;
    top: 8px;
    z-index: -1
}

.modal-authentication-social-title span {
    background-color: #fff;
    display: inline-block;
    padding: 0 10px
}

.modal-authentication-social-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px
}

.modal-authentication-social-icon-item {
    height: 36px
}

.modal-authentication-social-icon-item:not(:last-child) {
    margin-right: 24px
}

.modal-authentication-button {
    text-align: center;
    border: 0;
    padding: 17.5px;
    width: 100%;
    font-weight: 500;
    font-family: "Rubik",sans-serif;
    border-radius: 6px;
    margin-top: 24px
}

.modal-authentication .input {
    position: relative;
    width: 100%;
    height: 53px;
}

.modal-authentication input.active, .modal-authentication input:focus, .modal-authentication textarea.active, .modal-authentication textarea:focus {
    padding: 23px 30px 8px 12px;
}

.modal-authentication .input-placeholder {
    color: #828385;
    position: absolute;
    left: 12px;
    top: 17px;
    font-size: 16px;
    -webkit-transition: top .2s
    ease-in-out, font-size .2s
    ease-in-out;
    -o-transition: top .2s ease-in-out,font-size .2s ease-in-out;
    transition: top .2s
    ease-in-out, font-size .2s
    ease-in-out;
}

.modal-authentication input.active+.input-placeholder, .modal-authentication input:focus+.input-placeholder, .modal-authentication textarea.active+.input-placeholder, .modal-authentication textarea:focus+.input-placeholder {
    top: 9px;
    font-size: 12px;
    z-index: 3;
}

.modal-authentication input, .modal-authentication textarea {
    outline: 0;
    width: 100%;
    font-size: 16px;
    border: 1px solid #d5d6d6;
    border-radius: 6px;
    -webkit-transition: border-color .2s
    ease-in-out, background-image .2s
    ease-in-out, padding .2s
    ease-in-out;
    -o-transition: border-color .2s ease-in-out,background-image .2s ease-in-out,padding .2s ease-in-out;
    transition: border-color .2s
    ease-in-out, background-image .2s
    ease-in-out, padding .2s
    ease-in-out;
    color: #2f3134;
    background: 0 0;
    padding: 15.5px 30px 15.5px 12px;
    position: relative;
    z-index: 2;
}

.modal-authentication select {
    visibility: hidden;
}

.modal-authentication .nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #D5D6D6;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    font-family: inherit;
    font-size: 16px;
    color: #2F3134;
    font-weight: normal;
    height: 52px;
    line-height: 52px;
    outline: none;
    padding-left: 12px;
    padding-right: 22.5px;
    padding-top: 8px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s
    ease-in-out;
    transition: all 0.2s
    ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%;
    z-index: 1001;
    margin-bottom: 16px;
}

.modal-authentication .input-placeholder {
    color: #828385;
    position: absolute;
    left: 12px;
    top: 17px;
    font-size: 16px;
    -webkit-transition: top .2s
    ease-in-out, font-size .2s
    ease-in-out;
    -o-transition: top .2s ease-in-out,font-size .2s ease-in-out;
    transition: top .2s
    ease-in-out, font-size .2s
    ease-in-out;
}

.modal-authentication .profile-edit .input-placeholder {
    z-index: 1001;
}

.modal-authentication .nice-select .option.selected {
    background: #F7F8F9;
    color: #EB5255;
}

.modal-authentication .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 12px;
    padding-right: 22.5px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.modal-authentication .nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default;
    display: none;
}

.modal-authentication .nice-select .option:hover,
.modal-authentication .nice-select .option.focus,
.modal-authentication .nice-select .option.selected.focus {
    background-color: #F7F8F9;
    color: #EB5255;
}

.modal-authentication .nice-select .current {
    font-size: 16px;
    line-height: 20px;
    color: #999 !important;
    font-weight: 400 !important;
}

.modal-authentication .input-select:focus + .input-placeholder,
.modal-authentication .input-placeholder.active {
    top: 8px;
    font-size: 12px;
}

.modal-authentication .nice-select.open .list {
    width: 100%
}