.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

/*.progress-bar > span {
    display: block;
    height: 100%;
    background-color: rgb(43,194,83);

    box-shadow:
        inset 0 2px 9px  rgba(255,255,255,0.3),
        inset 0 -2px 6px rgba(0,0,0,0.4);
    position: relative;
    overflow: hidden;
}*/

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

@-webkit-keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute!important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    -webkit-transition-duration: inherit;
    -o-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
    -o-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    -o-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption {
    direction: ltr;
    -webkit-transition: opacity .25s ease, visibility 0s ease .25s;
    -o-transition: opacity .25s ease, visibility 0s ease .25s;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-toolbar {
    opacity: 0;
    position: absolute
}

.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    -webkit-transition: opacity .25s ease, visibility 0s ease .25s;
    -o-transition: opacity .25s ease, visibility 0s ease .25s;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s;
    -o-transition: opacity .25s ease 0s, visibility 0s ease 0s;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,
.fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
    color: #ccc
}

.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc
}

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

.fancybox-button:focus {
    outline: 0
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: 0
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .85)), color-stop(50%, rgba(0, 0, 0, .3)), color-stop(65%, rgba(0, 0, 0, .15)), color-stop(75.5%, rgba(0, 0, 0, .075)), color-stop(82.85%, rgba(0, 0, 0, .037)), color-stop(88%, rgba(0, 0, 0, .019)), to(transparent));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
    background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    -webkit-animation: a 1s linear infinite;
    animation: a 1s linear infinite;
    background: 0 0;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1);
    -o-transition-timing-function: cubic-bezier(0, 0, .25, 1);
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    -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)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-1turn);
    -ms-transform: rotate(-1turn);
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }
    .fancybox-slide--image {
        padding: 6px 0
    }
    .fancybox-close-small {
        right: -6px
    }
    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }
    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }
    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    -o-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }
    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.fancybox-bg {
    background: -webkit-gradient(linear, left top, right top, from(#21e6ff), to(#00f5a0));
    background: -o-linear-gradient(left, #21e6ff 0%, #00f5a0 100%);
    background: linear-gradient(90deg, #21e6ff 0%, #00f5a0 100%)
}

.fancybox-slide--html .fancybox-close-small {
    padding: 4px
}

*,
.fancybox-content {
    padding: 0
}

.page {
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    background: #fff
}

.page__wrapper {
    height: 100vh
}

.link {
    font-family: inherit;
    color: inherit;
    text-decoration: none;
    cursor: pointer
}

.link_color {
    color: #5200ff
}

.link_color:focus,
.link_color:hover {
    text-decoration: underline
}

.logo__image {
    display: block
}

.logo:focus .logo__image,
.logo:hover .logo__image {
    opacity: .7
}

.title {
    font-weight: 900
}

.title_align_center {
    text-align: center
}

.title_level_1 {
    font-size: 72px;
    line-height: 72px
}

.title_level_2,
.title_level_3 {
    font-size: 50px;
    line-height: 56px
}

.title_level_3 {
    font-size: 48px
}

.title_level_4 {
    font-size: 32px;
    line-height: 32px
}

.title_level_5 {
    font-size: 18px;
    line-height: 24px
}

@media screen and (max-width:1400px) {
    .title_level_1 {
        font-size: 64px
    }
    .title_level_2 {
        font-size: 42px
    }
}

#home2-register {
    display: none;
}

@media screen and (max-width:700px) {
    #home-register {
        display: none;
    }
    #home2-register {
        display: block;
    }
    .title_level_1 {
        font-size: 36px;
        line-height: 40px
    }
    .title_level_2 {
        font-size: 30px
    }
    .title_level_4 {
        font-size: 26px
    }
}

@media screen and (max-width:500px) {
    .title_level_2 {
        font-size: 26px;
        line-height: 28px
    }
    .title_level_3 {
        font-size: 36px
    }
}

.button {
    font-family: inherit;
    font-size: inherit;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border: 0;
	background-color: transparent;
}

.button_type_main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 55px;
    padding: 15px 26px;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    border-radius: 40px
}

.button_type_main:not([class*=button_theme]):focus,
.button_type_main:not([class*=button_theme]):hover {
    color: #727272
}

.button_theme_primary {
    color: #000;
    background: -webkit-gradient(linear, left top, right top, from(#21e6ff), to(#00f5a0));
    background: -o-linear-gradient(left, #21e6ff 0%, #00f5a0 100%);
    background: linear-gradient(90deg, #21e6ff 0%, #00f5a0 100%);
    background-position: 0 0;
	border: 0;
}

.button_theme_primary:focus,
.button_theme_primary:hover {
    background: -webkit-gradient(linear, left top, right top, from(#00f5a0), to(#21e6ff));
    background: -o-linear-gradient(left, #00f5a0 0%, #21e6ff 100%);
    background: linear-gradient(90deg, #00f5a0 0%, #21e6ff 100%);
}

.button_theme_secondary,
.button_theme_secondary:focus,
.button_theme_secondary:hover {
    color: #fff;
    background: #00d1b4
}

.button_theme_ternary,
.button_theme_ternary:focus,
.button_theme_ternary:hover {
    color: #fff;
    background: #f09
}

.button_width_full {
    width: 100%
}

.button_view_border {
    color: #000;
    position: relative
}

.button_view_border::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    right: 2px;
    bottom: 2px;
    border-radius: 40px;
    background: #fff;
    -webkit-transition: background .1s;
    -o-transition: background .1s;
    transition: background .1s
}

.button_view_border:focus::before,
.button_view_border:hover::before {
    background: 0 0
}

.button_view_border span {
    position: relative
}

.button_icon,
.button_icon-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.button_icon::after {
    content: "";
    position: relative;
    margin-right: 15px
}

.button_icon_video::after {
    width: 25px;
    height: 25px;
    background: url("data:image/svg+xml,%3csvg width='20' height='25' viewBox='0 0 20 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 24.7619V0L20 11.7206L0 24.7619Z' fill='url(%23paint0_linear)'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear' x1='0' y1='12.381' x2='20' y2='12.381' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23F8AE57'/%3e%3cstop offset='1' stop-color='%23FF1D1D'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") no-repeat center
}

.button_icon-right {
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.button_icon-right::after {
    margin-right: 0;
    margin-left: 15px
}

@media screen and (max-width:370px) {
    .button_type_main {
        font-size: 12px;
        padding-left: 15px;
        padding-right: 15px
    }
}

.form__fieldset {
	margin-bottom: 15px;
}
.input {
    position: relative;
}
.input__field {
    width: 100%;
    height: 57px;
    padding: 0 18px;
    font-family: inherit;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #bdbdbd;
    border-radius: 5px;
}
@media screen and (max-width: 500px) {
	.input__field {
		height: 45px;
	}
}

.input__field::-webkit-input-placeholder {
    color: #ccc
}

.input__field:-ms-input-placeholder,
.input__field::-ms-input-placeholder {
    color: #ccc
}

.input__field::-moz-placeholder {
    color: #ccc
}

.input__field::placeholder {
    color: #ccc
}

.input__field_error {
    border-color: red
}

.input_type_checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.input_type_checkbox .input__label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.input__checkbox {
    width: 24px;
    height: 24px;
    margin-right: 14px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.input__checkbox:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    border: 2px solid #5200ff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.input__checkbox:checked:before {
    background: #5200ff url("data:image/svg+xml,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.96028 7.51433C2.32386 6.98399 1.37801 7.06997 0.847668 7.70639C0.317322 8.34281 0.403308 9.28865 1.03972 9.819L2.96028 7.51433ZM6 12L5.03972 13.1523C5.37627 13.4328 5.81861 13.5521 6.25055 13.4789C6.68248 13.4058 7.06084 13.1474 7.28624 12.7717L6 12ZM13.2862 2.77174C13.7125 2.06137 13.4821 1.13998 12.7717 0.713761C12.0614 0.287538 11.14 0.517886 10.7138 1.22826L13.2862 2.77174ZM1.03972 9.819L5.03972 13.1523L6.96028 10.8477L2.96028 7.51433L1.03972 9.819ZM7.28624 12.7717L13.2862 2.77174L10.7138 1.22826L4.71376 11.2283L7.28624 12.7717Z' fill='%23fff'/%3e%3c/svg%3e") no-repeat center
}

@media screen and (max-width:500px) {
    .input__field {
        height: 45px
    }
}

.form__fieldset {
    margin-bottom: 15px
}

.form__fieldset:last-child {
    margin-bottom: 0
}

.form__fieldset_align_center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.form__error {
    height: 0;
    font-size: 11px;
    line-height: 24px;
    color: red
}

.form__label {
    display: inline-block;
    font-size: 14px;
    color: #727272;
    margin-bottom: 8px
}

.authorization {
    max-width: 100%;
    text-align: center;
    padding-left: 40px;
    padding-right: 40px;
}
#authorization-head {
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 40px;
}

.authorization__form {
    position: relative;
    margin: 0 auto 24px;
    padding: 0 10px;
    max-width: 348px
}

.authorization__form .input__field {
    text-align: center
}

.authorization__form .form__error {
    position: absolute;
    left: 0;
    right: 0;
    top: -27px;
    font-size: 14px
}

.authorization__social-text {
    font-size: 14px;
    color: #727272;
    margin-bottom: 14px
}

.authorization__social-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #dbdbdb
}

.authorization__social-link {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
    height: 64px;
    background-repeat: no-repeat;
    background-position: center
}

.authorization__social-link:focus,
.authorization__social-link:hover {
    background-color: #f7f7f7
}

.authorization__social-link_type_vkontakte {
    background-image: url("data:image/svg+xml,%3csvg width='40' height='23' viewBox='0 0 40 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M39.0165 1.69474C39.2666 0.847368 39.0165 0.121053 37.6409 0.121053H33.2641C32.1386 0.121053 31.6384 0.726316 31.3883 1.33158C31.3883 1.33158 29.1373 6.53684 26.011 9.92632C25.0106 10.8947 24.5104 11.2579 24.0102 11.2579C23.76 11.2579 23.3849 10.8947 23.3849 10.0474V1.69474C23.3849 0.605263 23.0097 0.121053 22.1344 0.121053H15.2565C14.6312 0.121053 14.131 0.605263 14.131 1.08947C14.131 2.05789 15.7567 2.42105 15.8817 5.20526V11.3789C15.8817 12.7105 15.6316 12.9526 15.1314 12.9526C13.6308 12.9526 10.0042 7.62632 7.87833 1.69474C7.50317 0.48421 7.00296 0 5.87749 0H1.50063C0.250106 0 0 0.605263 0 1.21053C0 2.3 1.50063 7.86842 6.87791 15.2526C10.5044 20.3368 15.6316 23 20.2586 23C23.0097 23 23.3849 22.3947 23.3849 21.3053V17.4316C23.3849 16.2211 23.635 15.9789 24.5104 15.9789C25.1356 15.9789 26.2611 16.3421 28.8872 18.7632C31.8885 21.6684 32.3887 23 34.0144 23H38.3912C39.6418 23 40.267 22.3947 39.8919 21.1842C39.5167 19.9737 38.0161 18.2789 36.2653 16.2211C35.2649 15.1316 33.7643 13.8 33.2641 13.1947C32.6388 12.3474 32.7639 12.1053 33.2641 11.2579C33.139 11.5 38.5163 4.11579 39.0165 1.69474Z' fill='%234680C2'/%3e%3c/svg%3e")
}

.authorization__social-link_type_facebook {
    background-image: url("data:image/svg+xml,%3csvg width='14' height='28' viewBox='0 0 14 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.0308 15.786L13.7846 10.7161H9.20769V7.4321C9.20769 6.04938 9.85385 4.66667 11.9 4.66667H14V0.345679C14 0.345679 12.1154 0 10.3385 0C6.56923 0 4.14615 2.41975 4.14615 6.85597V10.7161H0V15.786H4.14615V28H9.26154V15.786H13.0308Z' fill='%234267B2'/%3e%3c/svg%3e")
}

.authorization__social-link_type_google {
    background-image: url("data:image/svg+xml,%3csvg width='25' height='26' viewBox='0 0 25 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.4899 4.92393C14.8919 4.92393 16.4531 5.8847 17.2938 6.72537L20.7766 3.24259C18.6148 1.20096 15.8526 0 12.3698 0C7.44592 0 3.24256 2.76221 1.20093 6.84547L5.28419 9.96796C6.36505 7.08566 9.12726 4.92393 12.4899 4.92393Z' fill='%23EA4335'/%3e%3cpath d='M24.5001 12.8501C24.5001 11.7693 24.38 11.0487 24.2599 10.3281H12.4905V15.0119H19.3359C19.2159 16.2128 18.4953 17.8942 16.8139 19.0951L20.7771 22.0975C23.179 19.9358 24.5001 16.6932 24.5001 12.8501Z' fill='%234285F4'/%3e%3cpath d='M5.40432 15.1321C5.16413 14.4115 5.04403 13.5709 5.04403 12.6101C5.04403 11.7694 5.16413 10.9287 5.40432 10.0881L1.32105 6.96558C0.480383 8.64692 0 10.5685 0 12.6101C0 14.6517 0.480383 16.5733 1.32105 18.2546L5.40432 15.1321Z' fill='%23FBBC05'/%3e%3cpath d='M12.4907 25.1C15.8534 25.1 18.7357 24.0192 20.7773 22.0976L16.8142 19.0952C15.7333 19.8158 14.2921 20.2962 12.4907 20.2962C9.12801 20.2962 6.36581 18.1345 5.40504 15.1321L1.32178 18.2546C3.36341 22.3378 7.56677 25.1 12.4907 25.1Z' fill='%2334A853'/%3e%3c/svg%3e")
}

.authorization__social-link:not(:last-child) {
    border-right: 1px solid #dbdbdb
}

.login__submit {
    margin-top: 10px
}

.registration__agreement {
    font-size: 12px;
    line-height: 14px;
    text-align: left;
    margin-top: 24px
}

.authorization-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.authorization-buttons__button {
    border-radius: 0;
    padding-left: 21px;
    padding-right: 21px
}

.backward-link {
    margin-top: -24px
}

.backward-link__button {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 7px
}

.backward-link__button::before {
    content: "";
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8px;
    flex: 0 0 8px;
    width: 8px;
    height: 10px;
    -ms-flex-item-align: center;
    align-self: center;
    background: url("data:image/svg+xml,%3csvg width='9' height='10' viewBox='0 0 9 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.125 10V0L0 4.73333L8.125 10Z' fill='white'/%3e%3c/svg%3e") no-repeat center;
    z-index: 2
}

.backward-link__button::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 24px;
    background: -webkit-gradient(linear, left top, right top, from(#21e6ff), to(#00f5a0));
    background: -o-linear-gradient(left, #21e6ff 0%, #00f5a0 100%);
    background: linear-gradient(90deg, #21e6ff 0%, #00f5a0 100%);
    z-index: 1;
    -webkit-transition: width .2s;
    -o-transition: width .2s;
    transition: width .2s
}

.backward-link__button span {
    position: relative;
    margin-left: 16px;
    z-index: 2
}

.backward-link__button:focus::after,
.backward-link__button:hover::after {
    width: 100%
}

.container {
    padding: 0 44px
}

@media screen and (max-width:1400px) {
    .container {
        padding: 0 41px
    }
}

@media screen and (max-width:1100px) {
    .container {
        padding: 0 32px
    }
}

@media screen and (max-width:500px) {
    .container {
        padding: 0 15px
    }
}

.sidebar {
    position: fixed;
    top: 65px;
    width: 280px;
    height: 100%;
    padding-top: 30px;
    border-right: 1px solid #dbdbdb;
    background: #fff;
    z-index: 5
}

.sidebar__item:not(:last-child) {
    margin-bottom: 30px
}

@media screen and (max-width:1100px) {
    .sidebar {
        display: none
    }
}

.nav__item {
    position: relative;
    text-align: center
}

.nav__item_active::before {
    /*content: "";*/
    /*position: absolute;*/
    left: 0;
    right: 0;
    top: 50%;
    /*-webkit-transform: translateY(-70%);
    -ms-transform: translateY(-70%);
    transform: translateY(-70%);*/
    height: 5px;
    /*background: -webkit-gradient(linear, left top, right top, from(#21e6ff), to(#00f5a0));
    background: -o-linear-gradient(left, #21e6ff 0%, #00f5a0 100%);
    background: linear-gradient(90deg, #21e6ff 0%, #00f5a0 100%)*/
}

.nav__item:not(:last-child) {
    margin-bottom: 20px
}

.nav__link {
    position: relative;
    color: #000;
    text-transform: uppercase
}

.nav__item_active .nav__link,
.nav__link:focus,
.nav__link:hover {
    color: #5200ff
}

.layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    margin-left: 280px;
    padding-top: 65px
}

@media screen and (max-width:1100px) {
    .layout {
        margin-left: 0
    }
}

@media screen and (max-width:700px) {
    .layout {
        padding-top: 40px
    }
}

.header,
.header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header {
    position: fixed;
    width: 100%;
    height: 65px;
    border-bottom: 1px solid #dbdbdb;
    background: #fff;
    z-index: 6
}

.header__container {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 0
}

.header__item {
    height: 100%
}

.header__item_type_logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 280px;
    flex: 0 0 280px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-right: 1px solid #dbdbdb
}

.header__slogan {
    font-weight: 700;
    font-size: 18px;
    color: #727272
}

.header__item_type_user,
.header__mobile-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__mobile-menu {
    margin-left: auto
}

.header__mobile-menu .mobile-menu__button {
    display: none
}

.header__item_type_user {
    padding-right: 18px
}

.header__logout {
    font-size: 14px;
    color: #727272;
    margin-left: 18px
}

.header__logout:focus,
.header__logout:hover {
    opacity: .7
}

@media screen and (max-width:1100px) {
    .header__mobile-menu {
        padding: 0 19px;
        border-left: 1px solid #dbdbdb
    }
    .header__mobile-menu .mobile-menu__button {
        display: block
    }
    .header__item_type_user {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 64px;
        flex: 0 0 64px;
        border-top: 1px solid #dbdbdb
    }
    .header__logout {
        margin-left: auto
    }
}

@media screen and (max-width:700px) {
    .header {
        height: 40px
    }
    .header__item_type_logo {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 168px;
        flex: 0 1 168px;
        border-right: 0
    }
    .header__logo-image {
        width: 144px
    }
    .header__container {
        padding-left: 0
    }
    .header__slogan {
        max-width: 75px;
        font-weight: 400;
        font-size: 10px;
        line-height: 12px
    }
}

@media screen and (max-width:500px) {
    .header__mobile-menu {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width:360px) {
    .header__mobile-menu {
        padding-left: 10px;
        padding-right: 10px
    }
}

.mobile-menu__button {
    display: block;
    width: 27px;
    height: 27px;
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 27 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e  %3crect width='27' height='3' fill='black'/%3e  %3crect y='7' width='27' height='3' fill='black'/%3e  %3crect y='14' width='27' height='3' fill='black'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center
}

.mobile-menu__button:focus,
.mobile-menu__button:hover {
    opacity: .5
}

.mobile-menu__nav {
    display: none
}

.mobile-menu__nav-item:not(:last-child) {
    margin-bottom: 32px
}

.mobile-menu_show .mobile-menu__button {
    background-image: url("data:image/svg+xml,%3csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.39502' y='19.8057' width='28.0096' height='3.1134' transform='rotate(-45 0.39502 19.8057)' fill='black'/%3e%3crect x='2.19897' y='0.00195312' width='27.9871' height='3.10968' transform='rotate(45 2.19897 0.00195312)' fill='black'/%3e%3c/svg%3e");
    background-size: 22px
}

@media screen and (max-width:1100px) {
    .mobile-menu__inner {
        display: none;
        position: fixed;
        left: 0;
        top: 65px;
        right: 0;
        bottom: 0;
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding-top: 8%;
        background: #fff
    }
    .mobile-menu_show .mobile-menu__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
		overflow: auto;
    }
    .mobile-menu__nav {
        display: block;
        margin-bottom: auto
    }
    .mobile-menu__authorization-buttons {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 55px;
        flex: 0 1 55px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (max-width:700px) {
    .mobile-menu__inner {
        top: 40px;
        padding-top: 15%
    }
}

.user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.user:focus,
.user:hover {
    opacity: .8
}

.user__photo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 64px;
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    margin-right: 12px
}

.user__name {
    font-weight: 500;
    font-size: 14px;
    color: #000
}

.heading {
    margin-bottom: 20px;
    color: #000
}

.heading__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.heading__title {
    margin: 10px 32px 10px 0
}

.heading__item_type_buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px
}

.heading__button {
    min-height: auto;
    padding: 8px 24px;
    margin: 5px 0
}

.heading__button:not(:last-child) {
    margin-right: 16px
}

.heading__description {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin-top: 20px;
    margin-bottom: 35px
}

.heading__description p {
    max-width: 760px
}

@media screen and (max-width:1100px) {
    .heading__container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }
    .heading__title {
        margin-right: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }
    .heading__description p {
        margin-left: auto;
        margin-right: auto
    }
}

.main {
    padding-top: 51px;
    padding-bottom: 80px
}

.catalog__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -32px
}

.catalog .course {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 calc(33.33% - 32px);
    flex: 0 1 calc(33.33% - 32px);
    margin-left: 32px;
    margin-bottom: 41px
}

@media screen and (max-width:1400px) {
    .catalog .course {
        -ms-flex-preferred-size: calc(50% - 32px);
        flex-basis: calc(50% - 32px)
    }
}

@media screen and (max-width:1100px) {
    .catalog__inner {
        margin-left: -24px
    }
    .catalog .course {
        -ms-flex-preferred-size: calc(50% - 24px);
        flex-basis: calc(50% - 24px);
        margin-left: 24px
    }
}

@media screen and (max-width:670px) {
    .catalog__inner {
        margin-left: 0
    }
    .catalog .course {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-left: 0
    }
}

.course-price {
    font-weight: 700;
    font-size: 30px
}
@media screen and (max-width:1500px) {
	.course-price {font-size: 20px;}
}

.course-skill {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	font-size: 16px;
}

.course-skill::before {
    content: "";
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin-right: 9px;
    margin-bottom: 2px
}

@media screen and (max-width:360px) {
    .course-skill {
        font-size: 14px
    }
}

.set-skill-soft .course-price,
.set-skill-soft .course-skill {
    color: #00d1b4
}

.set-skill-hard .course-price,
.set-skill-hard .course-skill {
    color: #f09
}

.set-skill-soft .course-skill::before {
    background: #00d1b4
}

.set-skill-hard .course-skill::before {
    background: #f09
}

.progress__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #727272;
    margin-bottom: 9px
}

.progress__bar {
    height: 25px;
    background: #ececec
}
.lesson-small__number {
    position: absolute;
    width: 45px;
    height: 10px;
    left: 251px;
    top: 9px;
    font-family: Rubik;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    color: #727272;
    z-index: 10;
}
@media screen and (max-width:990px) {
	.lesson-small__number {
		left: auto;
		right: 10px;
	}
}
.progress__bar span {
    display: block;
    height: 100%;
    padding-left: 3px;
    background: -webkit-gradient(linear, left top, right top, from(#21e6ff), to(#00f5a0));
    background: -o-linear-gradient(left, #21e6ff 0%, #00f5a0 100%);
    background: linear-gradient(90deg, #21e6ff 0%, #00f5a0 100%)
}

.progress_done .progress__text {
    color: #000
}

.progress_done .progress__text::before {
    content: "";
    -webkit-box-flex: 0;
    -ms-flex: 0 0 18px;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    margin-right: 7px;
    background: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='18' height='18' fill='url(%23paint0_linear)'/%3e%3cpath d='M6.60157 7.98189C6.03928 7.37351 5.09026 7.33615 4.48189 7.89843C3.87351 8.46072 3.83615 9.40974 4.39843 10.0181L6.60157 7.98189ZM8.27273 12L7.17116 13.0181C7.46907 13.3404 7.8932 13.5161 8.33177 13.4988C8.77034 13.4816 9.17934 13.2731 9.45096 12.9283L8.27273 12ZM14.1782 6.92831C14.6909 6.27759 14.579 5.33445 13.9283 4.82176C13.2776 4.30907 12.3345 4.42097 11.8218 5.07169L14.1782 6.92831ZM4.39843 10.0181L7.17116 13.0181L9.37429 10.9819L6.60157 7.98189L4.39843 10.0181ZM9.45096 12.9283L14.1782 6.92831L11.8218 5.07169L7.09449 11.0717L9.45096 12.9283Z' fill='white'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear' x1='0' y1='9' x2='18' y2='9' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%2300F5A0'/%3e%3cstop offset='1' stop-color='%2321E6FF'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") no-repeat center
}

.course,
.course__preview {
    position: relative
}

.course__preview {
    height: 264px;
    margin-bottom: 14px;
    overflow: hidden
}

/*[class*=course_category] .course__preview::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 64px;
    height: 64px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 2
}*/

/*
.course_category_art .course__preview::before {
    background-image: url(blocks/course/course_category_art.svg)
}
*/

.course_category_interior .course__preview::before {
    background-image: url("data:image/svg+xml,%3csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='64' height='64' fill='%23EB5ADC'/%3e%3cpath d='M29.6364 15H32.1212V12.5H49.5152V30H39.5758V32.5H49.5152V42.5H47.0303V45H49.5152V52.5H32.1212V45H42.0606V42.5H32.1212V40H29.6364V52.5H13.4848V32.5H29.6364V35H32.1212V32.5H34.6061V30H32.1212V20.75L27.1515 15.75L25.4121 17.5L29.6364 21.75V30H11V55H52V10H29.6364V15Z' fill='white'/%3e%3c/svg%3e")
}

.course_category_code .course__preview::before {
    background-image: url("data:image/svg+xml,%3csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='3.5' y='3.5' width='57' height='57' fill='%231E1616' stroke='%2361F449' stroke-width='7'/%3e%3cpath d='M25.5072 40.4853L13 34.8272V32.6618L25.5072 26.3052V30.0772L17.8525 33.5699L25.5072 36.7831V40.4853V40.4853Z' fill='white'/%3e%3cpath d='M37.5361 24L30.7699 43H26.4641L33.2986 24H37.5361Z' fill='white'/%3e%3cpath d='M38.4927 36.7831L46.1474 33.5698L38.4927 30.0073V26.2353L50.9999 32.5919V34.7573L38.4927 40.4154V36.7831Z' fill='white'/%3e%3c/svg%3e")
}

.course__preview-inner {
    height: 100%
}

.course__poster {
    position: absolute;
    z-index: 1
}

.course__poster,
.course__video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.course__title {
    font-weight: 500;
    font-size: 18px;
    color: #000
}

.course__title.link:focus {
    text-decoration: underline
}

.course__title.link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3
}

.course__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 28px
}

.course__duration {
    color: #727272;
    margin-left: 16px;
    margin-right: auto
}

.course:hover .course__poster,
.course:hover .course__preview-inner::before,
.course:hover .course__preview::before {
    opacity: 0;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s
}

.course .course__preview-inner::after,
.course .course__preview-inner::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 2
}

.course:hover .course__preview-inner::before {
    background: -webkit-gradient(linear, left top, right top, from(#21e6ff), to(#00f5a0));
    background: -o-linear-gradient(left, #21e6ff 0%, #00f5a0 100%);
    background: linear-gradient(90deg, #21e6ff 0%, #00f5a0 100%);
    opacity: .7
}

.course:hover .course__preview-inner::after {
    margin: auto;
    background: url("data:image/svg+xml,%3csvg width='95' height='55' viewBox='0 0 95 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M58.3 24.9C55 24.9 52.3 22.2 52.3 18.9C52.3 17.9 52.6 16.9 53 16.1C51.3 15.3 49.5 14.8 47.5 14.8C40.6 14.8 35 20.4 35 27.3C35 34.2 40.6 39.8 47.5 39.8C54.4 39.8 60 34.2 60 27.3C60 26.4 59.9 25.5 59.7 24.7C59.3 24.8 58.8 24.9 58.3 24.9Z' fill='%235200FF'/%3e%3cpath d='M91.2 19C83.1 11.9 66.6 0 47.5 0C28.4 0 11.9 11.9 3.8 19C1.4 21.1 0 24.1 0 27.3C0 30.5 1.4 33.5 3.8 35.6C11.9 42.7 28.4 54.6 47.5 54.6C66.6 54.6 83.1 42.7 91.2 35.6C93.6 33.5 95 30.5 95 27.3C95 24.1 93.6 21.1 91.2 19ZM47.5 46.2C37.1 46.2 28.6 37.7 28.6 27.3C28.6 16.9 37.1 8.4 47.5 8.4C57.9 8.4 66.4 16.9 66.4 27.3C66.4 37.7 57.9 46.2 47.5 46.2ZM7.2 27.3C7.2 26.2 7.7 25.1 8.5 24.4C12.4 21 18.5 16.3 25.9 12.7C23.1 16.9 21.4 21.9 21.4 27.4C21.4 32.8 23.1 37.9 25.9 42.1C18.5 38.3 12.4 33.7 8.5 30.2C7.6 29.5 7.2 28.4 7.2 27.3ZM86.5 30.2C82.6 33.6 76.5 38.3 69.1 41.9C71.9 37.7 73.6 32.7 73.6 27.2C73.6 21.7 71.9 16.7 69.1 12.5C76.5 16.3 82.6 20.9 86.5 24.4C87.4 25.1 87.8 26.2 87.8 27.3C87.8 28.4 87.4 29.5 86.5 30.2Z' fill='%235200FF'/%3e%3c/svg%3e") no-repeat center
}

.course:hover .course__preview-inner::after,
.course_type_like:hover .course__preview::before {
    opacity: 1;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s
}

.course_type_like:hover .course__preview-inner::before {
    background: -o-linear-gradient(4.8deg, #f09 .84%, red 91.13%);
    background: linear-gradient(85.2deg, #f09 .84%, red 91.13%);
    opacity: .8
}

.course_type_like:hover .course__preview-inner::after {
    background: url("data:image/svg+xml,%3csvg width='71' height='65' viewBox='0 0 71 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M33.7155 58.7706L35.4805 60.5299L37.2454 58.7706L63.2432 32.8561C70.5141 25.6085 70.2428 13.6871 62.427 6.80222L62.4256 6.80095C55.4161 0.635934 44.2283 1.2217 37.6641 7.7649L35.4805 9.94151L33.2968 7.7649L31.5319 9.5355L33.2968 7.7649C26.7803 1.2692 15.5485 0.625711 8.56719 6.84626C0.757031 13.7319 0.487734 25.6492 7.75683 32.895L33.7155 58.7706Z' stroke='white' stroke-width='5'/%3e%3c/svg%3e") no-repeat center
}

.course_type_like:hover .course__poster {
    opacity: 1
}

.course__like {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 36px;
    padding: 0 32px;
    color: #727272;
    border: 1px solid #dbdbdb;
    border-radius: 40px
}

.course__like:hover {
    -webkit-box-shadow: 0 2px 2px #777;
    box-shadow: 0 2px 2px #777;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.course__like::before {
    content: "";
    -webkit-box-flex: 0;
    -ms-flex: 0 0 18px;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3csvg width='18' height='16' viewBox='0 0 18 16' xmlns='http://www.w3.org/2000/svg' fill='%23FF0000'%3e%3cpath d='M9.00148 15.999L1.33994 8.03501C-0.506214 6.11596 -0.436983 2.96154 1.54763 1.13845C3.30148 -0.492732 6.17455 -0.33681 7.83609 1.39033L9.00148 2.60172L10.1669 1.39033C11.8399 -0.348804 14.7015 -0.492732 16.4669 1.12646C18.4515 2.94955 18.5207 6.10397 16.6746 8.02301L9.00148 15.999Z' /%3e%3c/svg%3e") no-repeat center;
    margin-right: 6px
}

.course__like::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3
}

.course_liked:hover .course__preview-inner::after {
    background: url("data:image/svg+xml,%3csvg width='71' height='65' viewBox='0 0 71 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M33.7155 58.7706L35.4805 60.5299L37.2454 58.7706L63.2432 32.8561C70.5141 25.6085 70.2428 13.6871 62.427 6.80222L62.4256 6.80095C55.4161 0.635934 44.2283 1.2217 37.6641 7.7649L35.4805 9.94151L33.2968 7.7649C26.7803 1.26921 15.5485 0.625712 8.56721 6.84625C0.757031 13.7319 0.48773 25.6492 7.75683 32.895L33.7155 58.7706Z' stroke='white' stroke-width='5'/%3e%3cpath d='M29.2258 25.9886C28.1149 24.7593 26.2178 24.6633 24.9886 25.7742C23.7593 26.8851 23.6633 28.7822 24.7742 30.0114L29.2258 25.9886ZM35.1333 37L32.9076 39.0114C33.5039 39.6713 34.3623 40.0326 35.251 39.9977C36.1397 39.9628 36.9671 39.5354 37.5099 38.8308L35.1333 37ZM51.3766 20.8308C52.3877 19.5183 52.1434 17.6346 50.8308 16.6234C49.5183 15.6123 47.6346 15.8566 46.6234 17.1692L51.3766 20.8308ZM24.7742 30.0114L32.9076 39.0114L37.3591 34.9886L29.2258 25.9886L24.7742 30.0114ZM37.5099 38.8308L51.3766 20.8308L46.6234 17.1692L32.7568 35.1692L37.5099 38.8308Z' fill='white'/%3e%3c/svg%3e") no-repeat center
}

.course_liked .course__like {
    color: #fff;
    border-color: red;
    background: red;
    -webkit-box-shadow: none;
    box-shadow: none
}

.course_liked .course__like::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='16' viewBox='0 0 18 16' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E %3Cpath d='M9.00148 15.999L1.33994 8.03501C-0.506214 6.11596 -0.436983 2.96154 1.54763 1.13845C3.30148 -0.492732 6.17455 -0.33681 7.83609 1.39033L9.00148 2.60172L10.1669 1.39033C11.8399 -0.348804 14.7015 -0.492732 16.4669 1.12646C18.4515 2.94955 18.5207 6.10397 16.6746 8.02301L9.00148 15.999Z'/%3E %3C/svg%3E")
}

@media screen and (max-width:760px) {
    .course__duration {
        margin-left: 10px;
        font-size: 12px
    }
    .course__price {
        font-size: 24px
    }
}

@media screen and (max-width:500px) {
    .course__preview {
        height: 184px
    }
    .course__duration {
        font-size: 14px
    }
    .course__price {
        font-size: 22px
    }
}

@media screen and (max-width:360px) {
    .course__title {
        font-size: 16px
    }
    .course__duration {
        font-size: 12px
    }
    .course__like {
        padding: 0 15px
    }
}

.social-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.social-buttons__link {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 64px;
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.social-buttons__link_icon_facebook {
    background-image: url("data:image/svg+xml,%3csvg width='63' height='63' viewBox='0 0 63 63' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0)'%3e%3cpath d='M63 0H0V63H63V0Z' fill='%234267B2'/%3e%3cpath d='M45.8181 38.7163L47.4218 28.6363H37.6854V22.1072C37.6854 19.3581 39.06 16.609 43.4127 16.609H47.88V8.01808C47.88 8.01808 43.8709 7.33081 40.0909 7.33081C32.0727 7.33081 26.9181 12.1417 26.9181 20.9617V28.6363H18.0981V38.7163H26.9181V62.9999H37.8V38.7163H45.8181Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0'%3e%3crect width='63' height='63' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
}

.social-buttons__link_icon_instagram {
    background-image: url("data:image/svg+xml,%3csvg width='63' height='63' viewBox='0 0 63 63' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 0V49.2545V63H63V0H0Z' fill='url(%23paint0_radial)'/%3e%3cpath d='M0 0V63H63V0H0Z' fill='url(%23paint1_radial)'/%3e%3cpath d='M31.5 8.24731C25.2 8.24731 24.3982 8.24731 21.8782 8.36186C19.3582 8.47641 17.7545 8.82004 16.2654 9.39277C14.7763 9.9655 13.4018 10.7673 12.1418 12.0273C10.8818 13.2873 10.08 14.6619 9.50724 16.151C8.93451 17.64 8.59088 19.3582 8.47633 21.7637C8.36179 24.2837 8.36179 25.0855 8.36179 31.3855C8.36179 37.6855 8.36179 38.4873 8.47633 41.0073C8.59088 43.5273 8.93451 45.131 9.50724 46.62C10.08 48.1091 10.8818 49.4837 12.1418 50.7437C13.4018 52.0037 14.7763 52.8055 16.2654 53.3782C17.7545 53.951 19.4727 54.2946 21.8782 54.4091C24.3982 54.5237 25.2 54.5237 31.5 54.5237C37.8 54.5237 38.6018 54.5237 41.1218 54.4091C43.6418 54.2946 45.2454 53.951 46.7345 53.3782C48.2236 52.8055 49.5982 52.0037 50.8582 50.7437C52.1182 49.4837 52.92 48.1091 53.4927 46.62C54.0654 45.131 54.4091 43.4128 54.5236 41.0073C54.6382 38.4873 54.6382 37.6855 54.6382 31.3855C54.6382 25.0855 54.6382 24.2837 54.5236 21.7637C54.4091 19.2437 54.0654 17.64 53.4927 16.151C52.92 14.6619 52.1182 13.2873 50.8582 12.0273C49.5982 10.7673 48.2236 9.9655 46.7345 9.39277C45.2454 8.82004 43.5272 8.47641 41.1218 8.36186C38.6018 8.24731 37.8 8.24731 31.5 8.24731ZM29.4382 12.4855C30.0109 12.4855 30.6982 12.4855 31.5 12.4855C37.6854 12.4855 38.4872 12.4855 40.8927 12.6C43.1836 12.7146 44.4436 13.0582 45.2454 13.4019C46.2763 13.86 47.0782 14.3182 47.88 15.12C48.6818 15.9219 49.2545 16.7237 49.5982 17.7546C49.9418 18.5564 50.2854 19.8164 50.4 22.1073C50.5145 24.5128 50.5145 25.3146 50.5145 31.5C50.5145 37.6855 50.5145 38.4873 50.4 40.8928C50.2854 43.1837 49.9418 44.4437 49.5982 45.2455C49.14 46.2764 48.6818 47.0782 47.88 47.88C47.0782 48.6819 46.2763 49.2546 45.2454 49.5982C44.4436 49.9419 43.1836 50.2855 40.8927 50.4C38.4872 50.5146 37.6854 50.5146 31.5 50.5146C25.3145 50.5146 24.5127 50.5146 22.1072 50.4C19.8163 50.2855 18.5563 49.9419 17.7545 49.5982C16.7236 49.14 15.9218 48.6819 15.12 47.88C14.3181 47.0782 13.7454 46.2764 13.4018 45.2455C13.0581 44.4437 12.7145 43.1837 12.6 40.8928C12.4854 38.4873 12.4854 37.6855 12.4854 31.5C12.4854 25.3146 12.4854 24.5128 12.6 22.1073C12.7145 19.8164 13.0581 18.5564 13.4018 17.7546C13.86 16.7237 14.3181 15.9219 15.12 15.12C15.9218 14.3182 16.7236 13.7455 17.7545 13.4019C18.5563 13.0582 19.8163 12.7146 22.1072 12.6C24.2836 12.4855 25.0854 12.4855 29.4382 12.4855ZM43.8709 16.2655C42.3818 16.2655 41.1218 17.5255 41.1218 19.0146C41.1218 20.5037 42.3818 21.7637 43.8709 21.7637C45.36 21.7637 46.62 20.5037 46.62 19.0146C46.7345 17.5255 45.4745 16.2655 43.8709 16.2655ZM31.5 19.5873C24.8563 19.5873 19.5872 24.971 19.5872 31.5C19.5872 38.0291 24.9709 43.4128 31.5 43.4128C38.1436 43.4128 43.4127 38.0291 43.4127 31.5C43.4127 24.971 38.1436 19.5873 31.5 19.5873ZM31.5 23.711C35.7382 23.711 39.2891 27.1473 39.2891 31.5C39.2891 35.7382 35.8527 39.2891 31.5 39.2891C27.2618 39.2891 23.7109 35.8528 23.7109 31.5C23.7109 27.2619 27.2618 23.711 31.5 23.711Z' fill='white'/%3e%3cdefs%3e%3cradialGradient id='paint0_radial' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(16.6614 67.8381) rotate(-90) scale(62.4371 58.0703)'%3e%3cstop stop-color='%23FFDD55'/%3e%3cstop offset='0.1' stop-color='%23FFDD55'/%3e%3cstop offset='0.5' stop-color='%23FF543E'/%3e%3cstop offset='1' stop-color='%23C837AB'/%3e%3c/radialGradient%3e%3cradialGradient id='paint1_radial' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(-13.733 2.54389) rotate(78.6786) scale(30.0221 123.755)'%3e%3cstop stop-color='%233771C8'/%3e%3cstop offset='0.128' stop-color='%233771C8'/%3e%3cstop offset='1' stop-color='%236600FF' stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e")
}

.social-buttons__link_icon_vkontakte {
    background-image: url("data:image/svg+xml,%3csvg width='63' height='63' viewBox='0 0 63 63' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M63 0H0V63H63V0Z' fill='%234680C2'/%3e%3cpath d='M48.9109 22.1073C49.14 21.3055 48.9109 20.6182 47.6509 20.6182H43.6418C42.6109 20.6182 42.1527 21.1909 41.9236 21.7637C41.9236 21.7637 39.8618 26.6891 36.9982 29.8964C36.0818 30.8128 35.6236 31.1564 35.1655 31.1564C34.9364 31.1564 34.5927 30.8128 34.5927 30.0109V22.1073C34.5927 21.0764 34.2491 20.6182 33.4473 20.6182H27.1473C26.5745 20.6182 26.1164 21.0764 26.1164 21.5346C26.1164 22.4509 27.6055 22.7946 27.72 25.4291V31.2709C27.72 32.5309 27.4909 32.76 27.0327 32.76C25.6582 32.76 22.3364 27.72 20.3891 22.1073C20.0455 20.9618 19.5873 20.5037 18.5564 20.5037H14.5473C13.4018 20.5037 13.1727 21.0764 13.1727 21.6491C13.1727 22.68 14.5473 27.9491 19.4727 34.9364C22.7945 39.7473 27.4909 42.2673 31.7291 42.2673C34.2491 42.2673 34.5927 41.6946 34.5927 40.6637V36.9982C34.5927 35.8528 34.8218 35.6237 35.6236 35.6237C36.1964 35.6237 37.2273 35.9673 39.6327 38.2582C42.3818 41.0073 42.84 42.2673 44.3291 42.2673H48.3382C49.4836 42.2673 50.0564 41.6946 49.7127 40.5491C49.3691 39.4037 47.9945 37.8 46.3909 35.8528C45.4745 34.8218 44.1 33.5618 43.6418 32.9891C43.0691 32.1873 43.1836 31.9582 43.6418 31.1564C43.5273 31.3855 48.4527 24.3982 48.9109 22.1073Z' fill='white'/%3e%3c/svg%3e")
}

.social-buttons__link:focus,
.social-buttons__link:hover {
    opacity: .7
}

@media screen and (max-width:500px) {
    .social-buttons__link {
        background-size: cover
    }
    .social-buttons__link_icon_facebook {
        background-image: url("data:image/svg+xml,%3csvg width='125' height='51' viewBox='0 0 125 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='125' height='51' fill='%234267B2'/%3e%3cpath d='M71.5462 33.5514L72.6769 26.3086H65.8115V21.6173C65.8115 19.642 66.7808 17.6667 69.85 17.6667H73V11.4938C73 11.4938 70.1731 11 67.5077 11C61.8538 11 58.2192 14.4568 58.2192 20.7942V26.3086H52V33.5514H58.2192V51H65.8923V33.5514H71.5462Z' fill='white'/%3e%3c/svg%3e")
    }
    .social-buttons__link_icon_instagram {
        background-image: url("data:image/svg+xml,%3csvg width='125' height='51' viewBox='0 0 125 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='125' height='51' fill='url(%23paint0_radial)'/%3e%3cpath d='M0 0V51H125V0H0Z' fill='url(%23paint1_radial)'/%3e%3cpath d='M62.5 10C58.2797 10 57.7426 10 56.0545 10.0767C54.3663 10.1535 53.2921 10.3837 52.2946 10.7673C51.297 11.151 50.3762 11.6881 49.5322 12.5322C48.6881 13.3762 48.151 14.297 47.7673 15.2946C47.3837 16.2921 47.1535 17.4431 47.0767 19.0545C47 20.7426 47 21.2797 47 25.5C47 29.7203 47 30.2574 47.0767 31.9455C47.1535 33.6337 47.3837 34.7079 47.7673 35.7054C48.151 36.703 48.6881 37.6238 49.5322 38.4678C50.3762 39.3119 51.297 39.849 52.2946 40.2327C53.2921 40.6163 54.4431 40.8465 56.0545 40.9233C57.7426 41 58.2797 41 62.5 41C66.7203 41 67.2574 41 68.9455 40.9233C70.6337 40.8465 71.7079 40.6163 72.7054 40.2327C73.703 39.849 74.6238 39.3119 75.4678 38.4678C76.3119 37.6238 76.849 36.703 77.2327 35.7054C77.6163 34.7079 77.8465 33.5569 77.9233 31.9455C78 30.2574 78 29.7203 78 25.5C78 21.2797 78 20.7426 77.9233 19.0545C77.8465 17.3663 77.6163 16.2921 77.2327 15.2946C76.849 14.297 76.3119 13.3762 75.4678 12.5322C74.6238 11.6881 73.703 11.151 72.7054 10.7673C71.7079 10.3837 70.5569 10.1535 68.9455 10.0767C67.2574 10 66.7203 10 62.5 10ZM61.1188 12.8391C61.5025 12.8391 61.9629 12.8391 62.5 12.8391C66.6436 12.8391 67.1807 12.8391 68.7921 12.9158C70.3267 12.9926 71.1708 13.2228 71.7079 13.453C72.3985 13.7599 72.9356 14.0668 73.4728 14.604C74.0099 15.1411 74.3936 15.6782 74.6238 16.3688C74.854 16.9059 75.0842 17.75 75.1609 19.2847C75.2376 20.896 75.2376 21.4332 75.2376 25.5767C75.2376 29.7203 75.2376 30.2574 75.1609 31.8688C75.0842 33.4035 74.854 34.2475 74.6238 34.7847C74.3168 35.4752 74.0099 36.0124 73.4728 36.5495C72.9356 37.0866 72.3985 37.4703 71.7079 37.7005C71.1708 37.9307 70.3267 38.1609 68.7921 38.2376C67.1807 38.3144 66.6436 38.3144 62.5 38.3144C58.3564 38.3144 57.8193 38.3144 56.2079 38.2376C54.6733 38.1609 53.8292 37.9307 53.2921 37.7005C52.6015 37.3936 52.0644 37.0866 51.5272 36.5495C50.9901 36.0124 50.6064 35.4752 50.3762 34.7847C50.146 34.2475 49.9158 33.4035 49.8391 31.8688C49.7624 30.2574 49.7624 29.7203 49.7624 25.5767C49.7624 21.4332 49.7624 20.896 49.8391 19.2847C49.9158 17.75 50.146 16.9059 50.3762 16.3688C50.6832 15.6782 50.9901 15.1411 51.5272 14.604C52.0644 14.0668 52.6015 13.6832 53.2921 13.453C53.8292 13.2228 54.6733 12.9926 56.2079 12.9158C57.6658 12.8391 58.203 12.8391 61.1188 12.8391ZM70.7871 15.3713C69.7896 15.3713 68.9455 16.2153 68.9455 17.2129C68.9455 18.2104 69.7896 19.0545 70.7871 19.0545C71.7847 19.0545 72.6287 18.2104 72.6287 17.2129C72.7054 16.2153 71.8614 15.3713 70.7871 15.3713ZM62.5 17.5965C58.0495 17.5965 54.5198 21.203 54.5198 25.5767C54.5198 29.9505 58.1262 33.5569 62.5 33.5569C66.9505 33.5569 70.4802 29.9505 70.4802 25.5767C70.4802 21.203 66.9505 17.5965 62.5 17.5965ZM62.5 20.3589C65.3391 20.3589 67.7178 22.6609 67.7178 25.5767C67.7178 28.4158 65.4158 30.7946 62.5 30.7946C59.6609 30.7946 57.2822 28.4926 57.2822 25.5767C57.2822 22.7376 59.6609 20.3589 62.5 20.3589Z' fill='white'/%3e%3cdefs%3e%3cradialGradient id='paint0_radial' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(33.0583 54.9165) rotate(-90) scale(50.5443 115.219)'%3e%3cstop stop-color='%23FFDD55'/%3e%3cstop offset='0.1' stop-color='%23FFDD55'/%3e%3cstop offset='0.5' stop-color='%23FF543E'/%3e%3cstop offset='1' stop-color='%23C837AB'/%3e%3c/radialGradient%3e%3cradialGradient id='paint1_radial' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(-27.2481 2.05934) rotate(63.8625) scale(26.5452 224.81)'%3e%3cstop stop-color='%233771C8'/%3e%3cstop offset='0.128' stop-color='%233771C8'/%3e%3cstop offset='1' stop-color='%236600FF' stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e")
    }
    .social-buttons__link_icon_vkontakte {
        background-image: url("data:image/svg+xml,%3csvg width='125' height='51' viewBox='0 0 125 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 0H125V51H0V0Z' fill='%234680C2'/%3e%3cpath d='M79.7382 17.6036C79.9673 16.8018 79.7382 16.1145 78.4782 16.1145H74.4691C73.4382 16.1145 72.98 16.6873 72.7509 17.26C72.7509 17.26 70.6891 22.1855 67.8255 25.3927C66.9091 26.3091 66.4509 26.6527 65.9927 26.6527C65.7636 26.6527 65.42 26.3091 65.42 25.5073V17.6036C65.42 16.5727 65.0764 16.1145 64.2745 16.1145H57.9745C57.4018 16.1145 56.9436 16.5727 56.9436 17.0309C56.9436 17.9473 58.4327 18.2909 58.5473 20.9255V26.7673C58.5473 28.0273 58.3182 28.2564 57.86 28.2564C56.4855 28.2564 53.1636 23.2164 51.2164 17.6036C50.8727 16.4582 50.4145 16 49.3836 16H45.3745C44.2291 16 44 16.5727 44 17.1455C44 18.1764 45.3745 23.4455 50.3 30.4327C53.6218 35.2436 58.3182 37.7636 62.5564 37.7636C65.0764 37.7636 65.42 37.1909 65.42 36.16V32.4945C65.42 31.3491 65.6491 31.12 66.4509 31.12C67.0236 31.12 68.0545 31.4636 70.46 33.7545C73.2091 36.5036 73.6673 37.7636 75.1564 37.7636H79.1655C80.3109 37.7636 80.8836 37.1909 80.54 36.0455C80.1964 34.9 78.8218 33.2964 77.2182 31.3491C76.3018 30.3182 74.9273 29.0582 74.4691 28.4855C73.8964 27.6836 74.0109 27.4545 74.4691 26.6527C74.3545 26.8818 79.28 19.8945 79.7382 17.6036Z' fill='white'/%3e%3c/svg%3e")
    }
}

.modal {
    display: none;
    padding-top: 44px
}

.modal__title {
    margin-bottom: 28px;
    color: #000
}

.modal_size_lg {
    width: 712px;
    max-width: 100%;
}

.lessons {
    position: relative;
    flex: 0 0 314px;
    /*background: #FC5779;*/
}

.lessons__inner {
    max-height: 408px;
    background: #FC5779;
	overflow: auto;
}
.lessons__inner::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 5px;
	height: 5px;
}
.lessons__inner::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: #00D1B4;
}
.lessons__inner::-webkit-scrollbar-track-piece {
	background-color: #DBDBDB;
}
.lessons__button {
    display: block;
    text-decoration: none;
    position: relative;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    border-bottom: 1px solid #C0D4DD;
}

.lessons__button a {
    color: white;
    text-decoration: none;
}
.lessons__button span {
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
    min-height: 56px;
    display: flex;
    padding: 13px 60px 11px 40px;
    color: black;
    background: #ECF9FF;
}

.lessons__button_active span,
.lessons__button:focus span,
.lessons__button:hover span {
    color: #fff;
    background: linear-gradient(90deg, #F857A2 0%, #FF5858 100%);
}

.lessons__button span::before {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 12px;
    top: 12px;

    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    /* identical to box height, or 114% */

    color: #FFFFFF;
    content: "";
    flex: 0 0 18px;
    background: url("../images/lessons/lessons__button.svg") no-repeat center / contain;
}

@media (max-width: 990px) {
    .lessons__button span::before {
        top: 50%;
        margin-top: -8px;
    }
}

.lessons__button::after {
    content: attr(data-number);
    position: absolute;
    top: 6px;
    right: 6px;
    font-weight: 400;
    font-size: 12px;
    color: #727272;
}

.lessons__button_active::after,
.lessons__button:focus::after,
.lessons__button:hover::after {
    color: #fff;
}

.lessons__button_type_promo span::before {
    background: url("../images/lessons/lessons__button_type_promo.svg") no-repeat center;
}

.lessons__button_type_closed {
    cursor: default;
}

.lessons__button_type_closed span {
    color: #a7a7a7;
}

.lessons__button_type_closed:hover span {
    color: #a7a7a7;
    background: #ecf9ff;
}

.lessons__button_type_closed span::before {
    background: url("../images/lessons/lessons__button_type_closed.svg") no-repeat center;
}

.lessons__button_type_done span::before {
    background: url("../images/lessons/lessons__button_done.svg") no-repeat center;
}

.lessons__mobile-button {
    display: none;
	outline: none !important;
}

@media screen and (max-width: 990px) {
    .lessons {
        flex: 1 1 100%;
    }
    .lessons__button {
        border-right: 1px solid #C0D4DD;
    }
    .lessons__button span {
        min-height: 72px;
        align-items: center;
    }
    .lessons__mobile-button {
        min-height: 72px;
        padding-left: 13px;
        display: flex;
        align-items: center;
        color: #fff;
        border: 0;
        background: linear-gradient(90deg, #F857A2 0%, #FF5858 100%);
    }
    .lessons__mobile-button::before {
        content: attr(data-number);
        margin-right: 9px;
    }
    .lessons__mobile-button::after {
        content: "";
        position: static;
        flex: 0 0 54px;
        height: 15px;
        background: url("../images/lessons/lessons__mobile-button-arrow.svg") no-repeat center;
    }
    .lessons__mobile-button span {
        flex: 1 1 auto;
        border-right: 1px solid #fff;
        padding: 10px 15px 10px 0;
        background: none;
		color: inherit;
    }
    .lessons__mobile-button span::before {
        display: none;
    }
    .lessons__inner {
        display: none;
        position: absolute;
        left: 0;
        top: 100%;
        right: 0px;
        /*padding-right: 55px;*/
        /*background: #ecf9ff;*/
        box-shadow: 0px 12px 20px rgba(50, 93, 124, 0.35);
        z-index: 5;
    }
    .lessons_show .lessons__inner {
        display: block;
    }
    .lessons_show .lessons__mobile-button::after {
        transform: rotate(180deg);
    }
}

/*@media screen and (max-width: 360px) {
    .lessons__mobile-button::after {
        flex-basis: 35px;
    }
    .lessons__button {
        font-size: 12px;
    }
    .lessons__inner {
        padding-right: 36px;
    }
}*/

.simplebar-offset {
    /*direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;*/
    -webkit-overflow-scrolling: touch;
}

.course-page__container {
    max-width: 1508px;
}

.course-page__heading {
    display: flex;
}

.course-page__heading:not(:last-child) {
    margin-bottom: 32px;
}

.course-page__description {
    flex: 0 1 660px;
    margin-right: 50px;
}

.course-page__description p:not(:last-child) {
    margin-bottom: 8px;
}

.course-page__info {
    flex: 0 1 710px;
    padding: 24px 24px 20px;
    border: 1px solid #dbdbdb;
    margin-top: -1px;
    margin-left: -1px;
}

.course-page__teacher {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.course-page__teacher-photo {
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    margin-right: 17px;
    object-fit: cover;
}

.course-page__teacher-title {
    font-size: 14px;
    color: #727272;
}

.course-page__teacher-name {
    font-size: 18px;
    text-transform: uppercase;
    color: #000;
}

.course-page__teacher-students {
    display: inline-block;
    margin-left: 10px;
    font-weight: 400;
    font-size: 14px;
    text-transform: none;
    color: #727272;
}

.course-page__info-footer {
    display: flex;
    align-items: center;
}

.course-page__info-duration {
    display: inline-block;
    margin-left: 10px;
    color: #727272;
}

.course-page__progress {
    position: relative;
}

.course-page__progress .progress__text {
    margin-bottom: 0;
    position: absolute;
    top: 0;
    left: 5px;
    height: 100%;
    width: 100%;
    color: black;
}

/* блок покупки курса */

.course-page__buy {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.course-page__price {
    font-weight: 700;
    font-size: 30px;
}

.course-page__buy-button {
    margin-left: 20px;
}

.course-page__inner {
    display: flex;
    align-items: flex-start;
    margin-top: 32px;
}

.course-page__content {
    display: flex;
    align-items: flex-start;
    flex: auto;
}

@media screen and (max-width: 1500px) {
    .course-page__heading {
        display: block;
    }
    .course-page__description {
        margin-bottom: 20px;
        margin-right: 0;
    }
    .course-page__content {
        display: block;
    }
}

@media screen and (max-width: 990px) {
    .course-page__inner {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .course-page__info {
        padding: 20px;
    }
    .course-page__info-footer {
        flex-wrap: wrap;
    }
    .course-page__buy {
        flex: 1 1 100%;
        margin-left: 0px;
        margin-top: 15px;
    }
    .course-page__teacher-name {
        font-size: 16px;
    }
    .course-page__teacher-students {
        display: block;
        margin-left: 0;
    }
}

@media screen and (max-width: 500px) {
    .course-page__buy {
        display: block;
        text-align: center;
        margin-top: 20px;
    }
    .course-page__buy-button {
        margin: 15px 0 0;
    }
}

@media screen and (max-width: 360px) {
    .course-page__description,
    .course-page__teacher-name {
        font-size: 14px;
    }
}

/* content */

.video__content {
    padding: 23px 28px;
    background: #ECF9FF;

}

.video__content h4 {
    font-size: 28px;
    line-height: 32px;
    text-transform: uppercase;
    margin-bottom: $generalMarginBottom;
}

.video__content h5 {
    font-size: 18px;
}

.video__content ul,
.video__content ol {
    counter-reset: listItem;
    margin-bottom: $generalMarginBottom;
}

.video__content li {
    position: relative;
    list-style: none;
}

.video__content li:not(:last-child) {
    margin-bottom: 24px;
}

.video__content li::before {
    counter-increment: listItem;
    content: counter(listItem)".";
    position: absolute;
    left: -22px;
    font-weight: 700;
}

.video__content p {
    margin-bottom: $generalMarginBottom;
}

.course-page__video {
    margin-right: 32px;
    flex-grow: 1;
}

@media screen and (max-width: 1500px) {
    .course-page__video {
        margin-right: 0;
    }
}

@media screen and (max-width: 990px) {
    .video__wrapper {
        height: auto;
    }
    .video__wrapper::after {
        background-size: 20%;
    }
}

@media screen and (max-width: 400px) {
    .video__content {
        padding: 30px 26px 20px 38px;
    }
    .video__content h4 {
        font-size: 24px;
    }
}

.video__link-authorize {
    display: block;
    position: relative;
}

.video__link-authorize::after {
    content: attr(data-text);
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
    font-size: 24px;
    font-weight: 700;
    text-decoration: underline;
    padding: 28px 23px;
    box-sizing: border-box;
}

.video__player-wrap {
    position: relative;
}
.video__player-wrap--full {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 600;
    background-color: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.video-responsive {
    display: block;
    width: 100%;
    padding-bottom: 56%;
    position: relative;
    background: no-repeat center / cover;
    overflow: hidden;
}
.video__player-wrap--full .video-responsive { margin-top: -73px; }

.video-responsive__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border: 0;
}
.video-responsive__content--youtube {
    right: 0;
    height: 250%;
    top: -75%;
}
.video-responsive__content-hide {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 4;
    cursor: pointer;
}
    .video-responsive__content-hide--videoSnapshot {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
        .video-responsive__content-hide--videoSnapshot::before {
            content: '';
            position: absolute;
            left: calc(50% - 17px);
            top: calc(50% - 17px);
            background-color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            width: 34px;
            height: 34px;
            background-image: url('../images/video-play.svg');
            background-position: center;
            background-size: 16px 16px;
            background-repeat: no-repeat;
            transition: opacity 0.4s cubic-bezier(0, 0.5, 0.5, 1);
        }
        .video-responsive__content-hide--videoSnapshot:hover::before {
            opacity: 0.6;
        }

.video-responsive_disabled {
    pointer-events: none;
    opacity: 0.8;
    filter: blur(1px);
}

.videoPanel {
    display: flex;
    align-items: center;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    border-top: 0;
    padding: 20px 15px 15px;
    border-radius: 0 0 5px 5px;
    position:relative;
}
.video__player-wrap--full .videoPanel {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 600;
}

    .videoPanel__play {
        border: 1px solid #dbdbdb;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 8px;
        border-radius: 50%;
        transition: border 0.4s cubic-bezier(0, 0.5, 0.5, 1);
    }
    .videoPanel__play img { transition: opacity 0.4s cubic-bezier(0, 0.5, 0.5, 1); }
    .videoPanel__play:hover img { opacity: 0.6; }
    .videoPanel__play .videoPanel__pause-button { display: none; }
    .videoPanel__play.active .videoPanel__play-button { display: none; }
    .videoPanel__play.active .videoPanel__pause-button { display: block; }

    .videoPanel__progress {
        position: absolute;
        left: 0;
        top: 0;
        height: 5px;
        width: 100%;
        cursor: pointer;
    }
    .videoPanel__progress-inner {
        position: absolute;
        left: 0;
        top: 0;
        height:100%;
        width:0;
        background: red;
        transition:0.1s;
    }

    .videoPanel__duration {
        position: absolute;
        right: 15px;
        top: 3px;
        font-size: 10px;
    }

    .videoPanel__speed {
        margin-right: auto;
        display: flex;
        align-items: center;
        position: relative;
    }
    .videoPanel__speed-btn {
        margin-left: 10px;
        border: 1px solid #dbdbdb;
        border-radius: 50%;
        width:34px;
        height:34px;
    }
    .videoPanel__speed-btn._active {
        border: 1px solid #2C2A30;
        background:#2C2A30;
    }
    .videoPanel__speed-btn._active span {
        color:white !important;
    }

    .videoPanel__speed-btn span {
        text-align: center;
        display:block;
        line-height: 32px;
        color: #2C2A30;
        font-size:14px;
    }
    .videoPanel__speed-btn:hover span {
        opacity:0.6;
    }

    .videoPanel__rewind {
        margin-left: 10px;
        display: flex;
        align-items: center;
        border: 1px solid #dbdbdb;
        border-radius: 25px;
        position: relative;
    }
    .videoPanel__rewind::after {
        content: '';
        position: absolute;
        left: 50%;
        top: 0;
        bottom: 0;
        width: 1px;
        background-color: #dbdbdb;
    }
        .videoPanel__back {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px;
            transition: opacity 0.4s cubic-bezier(0, 0.5, 0.5, 1);
        }
        .videoPanel__back > span { color: #2C2A30; margin-left: 15px; display: none; font-size: 14px; line-height: 1; }
        .videoPanel__forward {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px;
            transition: opacity 0.4s cubic-bezier(0, 0.5, 0.5, 1);
        }
        .videoPanel__forward > span { color: #2C2A30; margin-right: 15px; display: none; font-size: 14px; line-height: 1; }
        .videoPanel__back:hover, .videoPanel__forward:hover { opacity: 0.6; }

    .videoPanel__volume {
        margin-left: 10px;
        display: flex;
        align-items: center;
        color: #2C2A30;
        border: 1px solid #dbdbdb;
        border-radius: 25px;
        font-size: 14px;
        line-height: 1;
    }
    .videoPanel__volume > span {
        display: block;
        min-width: 25px;
        text-align: center;
    }
        .videoPanel__volume-down {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px;
            transition: opacity 0.4s cubic-bezier(0, 0.5, 0.5, 1);
        }
        .videoPanel__volume-up {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px;
            transition: opacity 0.4s cubic-bezier(0, 0.5, 0.5, 1);
        }
        .videoPanel__volume-down:hover, .videoPanel__volume-up:hover { opacity: 0.6; }

    .videoPanel__full {
        margin-left: 10px;
        border: 1px solid #dbdbdb;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 8px;
        border-radius: 50%;
        transition: opacity 0.4s cubic-bezier(0, 0.5, 0.5, 1);
    }
    .videoPanel__full:hover { opacity: 0.6; }
    .videoPanel__full .videoPanel__inline-button { display: none; }
    .videoPanel__full.active .videoPanel__full-button { display: none; }
    .videoPanel__full.active .videoPanel__inline-button { display: block; }
    .videoPanel__settings-wrapper {
        display: none;
        position: relative;
        margin-left: 10px;
    }
        .videoPanel__settings {
            border: 1px solid #dbdbdb;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px;
            border-radius: 50%;
            transition: opacity 0.4s cubic-bezier(0, 0.5, 0.5, 1);
        }
        .videoPanel__settings:hover { opacity: 0.6; }
        .videoPanel__settings-panel {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            margin-bottom: 10px;
            bottom: 100%;
            background-color: #fff;
            border: 1px solid #dbdbdb;
            border-radius: 3px;
            z-index: 5;
            padding: 15px;
            display: grid;
            grid-gap: 10px;
        }
        .videoPanel__settings-panel:after, .videoPanel__settings-panel:before {
            top: 100%;
            left: 50%;
            border: solid transparent;
            content: "";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }
        .videoPanel__settings-panel:after {
            border-color: rgba(255, 255, 255, 0);
            border-top-color: #ffffff;
            border-width: 5px;
            margin-left: -5px;
        }
        .videoPanel__settings-panel:before {
            border-color: rgba(219, 219, 219, 0);
            border-top-color: #dbdbdb;
            border-width: 6px;
            margin-left: -6px;
        }
        .videoPanel__settings-panel a {
            font-size: 14px;
            color: #2C2A30;
        }
        .videoPanel__settings-panel a:hover, .videoPanel__settings-panel a.active {
            color: #5200FF;
        }

@media (min-width: 1100px) {
    .videoPanel__play { padding: 12px; }
    .videoPanel__back, .videoPanel__forward { padding: 12px; }
    .videoPanel__back > span, .videoPanel__forward > span { display: block; }
    .videoPanel__volume-down, .videoPanel__volume-up { padding: 12px; }
    .videoPanel__full {padding: 12px; }
    /* .videoPanel__settings-wrapper { display: block; } */
    .videoPanel__settings { padding: 12px; }
    .video-responsive__content-hide--videoSnapshot::before { width: 42px; height: 42px; top: calc(50% - 21px); left: calc(50% - 21px); }
    .videoPanel__speed-btn {width: 42px;height: 42px;}
    .videoPanel__speed-btn span {line-height:40px;}
}
@media (max-width: 410px) {
    .videoPanel__volume {display:none;}
}
/* MATERIALS */

.materials {
  flex: 0 0 364px;
  padding: 23px 28px;
  background: #ECF9FF;
}

.materials__title {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.materials__item:not(:last-child) {
  margin-bottom: 5px;
}

.materials__link {
  position: relative;
  color: #5200ff;
}

.materials__link:focus,
.materials__link:hover {
  text-decoration: underline;
}

.materials__link::after {
  content: "";
  position: absolute;
  right: -15px;
  top: 0;
  width: 11px;
  height: 11px;
  background: url("../images/materials__link.svg") no-repeat center;
}

@media screen and (max-width: 1600px) {
  .materials {
    flex-basis: 250px;
  }
}

@media screen and (max-width: 1500px) {
  .materials {
    margin-left: 0;
    margin-top: 32px;
  }
}

@media screen and (max-width: 500px) {
  .materials {
    margin-top: 16px;
  }
}


/* REVIEWS */

.reviewsContainer {
	margin-top: 40px;
}
@media screen and (max-width: 800px) {
	.reviewsContainer { margin-top: 30px; }
}
.reviewsContainer .title {
	color: #000;
}
.reviewsContainer__header {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.reviewsContainer__arrows {
	display: grid;
	grid-auto-flow: column;
	grid-gap: 10px;
	margin-left: auto;
}
.reviewsContainer__arrows-prev, .reviewsContainer__arrows-next {
	padding: 5px;
}
.reviewsContainer__arrows-prev span, .reviewsContainer__arrows-next span {
	border: solid black;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 6px;
}
.reviewsContainer__arrows-prev span {
	transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.reviewsContainer__arrows-next span {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.reviewsContainer__arrows-prev.swiper-button-disabled, .reviewsContainer__arrows-next.swiper-button-disabled {
	pointer-events: none;
	opacity: 0.3;
}

.reviewsSwiper .swiper-slide {
	height: auto;
}

.reviewBlock {
	display: flex;
	flex-direction: column;
	border: 1px solid #dbdbdb;
	padding: 30px;
	height: 100%;
}
@media screen and (max-width: 800px) {
	.reviewBlock {
		padding: 15px;
	}
}
.reviewBlock__text {
	font-size: 14px;
	margin-bottom: 15px;
}
.reviewBlock__author {
	font-size: 16px;
	font-weight: 500;
	margin-left: auto;
	margin-top: auto;
}

/* COURSE TYPE LABEL */

.course-type-polzateka {
	font-size: 16px;
	color: #5200FF;
	position: relative;
	display: flex;
	align-items: center;
}
@media screen and (max-width: 360px) {
	.course-type-polzateka { font-size: 14px; }
}
.course-type-polzateka::before {
	content: "";
	-webkit-box-flex: 0;
	-ms-flex: 0 0 16px;
	flex: 0 0 16px;
	width: 16px;
	height: 16px;
	margin-right: 9px;
	margin-bottom: 2px;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMEgxOEMxOCAzLjUxMjE5IDE1LjQ4MTQgNi45MDg4NiAxMi4yNjk2IDguODk2MDJDMTUuMzg5IDExLjEzNzQgMTggMTQuMDcxOSAxOCAxOEgwVjBaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXIpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXIiIHgxPSItMC4wMDAxNjE3NDYiIHkxPSI5LjAwMzEyIiB4Mj0iMTguMDA2NyIgeTI9IjkuMDAzMTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0VEMDA5NiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMxNkE2RjYiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4=');
	background-size: 16px 16px;
	background-position: center;
	background-repeat: no-repeat;
}
.course-type-partners {
	font-size: 16px;
	color: #C67300;
	position: relative;
	display: flex;
	align-items: center;
}
@media screen and (max-width: 360px) {
	.course-type-partners { font-size: 14px; }
}
.course-type-partners::before {
	content: "";
	-webkit-box-flex: 0;
	-ms-flex: 0 0 16px;
	flex: 0 0 16px;
	width: 16px;
	height: 16px;
	margin-right: 9px;
	margin-bottom: 2px;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMEgxOFYxOEgxMVY3SDdWMThIMFYwWiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iLTEuNDM4MzhlLTA3IiB5MT0iOC41IiB4Mj0iMTcuNSIgeTI9IjguNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjcwNDk5Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZFQTEwQyIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPg==');
	background-size: 16px 16px;
	background-position: center;
	background-repeat: no-repeat;
}

/* ABOUT PAGE */

.aboutPage {}
.aboutBlock { display: grid; margin-top: 60px; max-width: 1400px; grid-template-columns: 320px 0.75fr 1fr; grid-gap: 30px; }
.aboutBlock__image { position: relative; }
.aboutBlock__image-source { width: 220px; height: 260px; background-position: center; background-size: cover; margin-left: auto; }
.aboutBlock__info { }
.aboutBlock__info-name { font-weight: bold; font-size: 24px; text-transform: uppercase; color: #000000; }
.aboutBlock__info-position { color: #727272; margin-top: 5px; }
.aboutBlock__info-text { color: #000; margin-top: 15px; }
.aboutBlock__quote { color: #000; padding-top: 65px; position: relative; padding-left: 45px; }
.aboutBlock__quote::before {
	content: '';
	position: absolute;
	left: 0;
	height: 25px;
	width: 25px;
	top: 70px;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjEyNSAyNC45MDYyTDEwLjkwNjMgMTIuNzVMMTAuOTA2MyAxMi4xNTYyTDIwLjEyNSAtMy44NzkzOWUtMDdMMjQuNTYyNSAwTDE2LjUgMTIuNDM3NUwyNC41NjI1IDI0LjkwNjJMMjAuMTI1IDI0LjkwNjJaTTkuMjE4NzUgMjQuOTA2MkwxLjA2MjczZS0wNiAxMi43NUwxLjExNDY0ZS0wNiAxMi4xNTYyTDkuMjE4NzUgLTEuMzQxMzllLTA2TDEzLjY1NjMgLTkuNTM0NTVlLTA3TDUuNTkzNzUgMTIuNDM3NUwxMy42NTYyIDI0LjkwNjJMOS4yMTg3NSAyNC45MDYyWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==');
	background-size: 25px 25px;
	background-position: center center;
	background-repeat: no-repeat;
}
.aboutBlock--blue { background-color: #ECF9FF; padding: 30px 0; }
/*.aboutBlock--blue .aboutBlock__info { padding: 15px 15px 15px 0; }*/

@media screen and (max-width: 1400px) {
	.aboutBlock { grid-template-columns: 320px 1fr; }
	.aboutBlock__image { grid-row: span 2; }
	.aboutBlock__quote { padding-top: 0; }
	.aboutBlock__quote::before { top: 5px; }
}
@media screen and (max-width: 800px) {
	.aboutBlock { grid-template-columns: 220px 1fr; }
	.aboutBlock__image--one::before, .aboutBlock__image--two::before, .aboutBlock__image--three::before { display: none; }
	.aboutBlock--blue { padding: 0; }
	.aboutBlock--blue .aboutBlock__info { padding: 15px 15px 15px 0; }
}
@media screen and (max-width: 700px) {
	.aboutBlock__image { grid-row: auto; }
	.aboutBlock__quote { grid-column: span 2; }
}
@media screen and (max-width: 576px) {
	.aboutBlock { grid-template-columns: 1fr; }
	.aboutBlock__quote { grid-column: auto; }
	.aboutBlock__image-source { margin-right: auto; }
	.aboutBlock__image--one::before, .aboutBlock__image--two::before, .aboutBlock__image--three::before { display: block; left: 50%; margin-left: -210px; }
	.aboutBlock--blue .aboutBlock__info { padding: 0; }
	.aboutBlock--blue { padding: 15px; }
}

/* COURSES STATS */

.course__stat-list { margin-top: 5px; }
.course__stat-list .course__duration { margin-left: 0; }
.course__stat-list .course-price { font-size: 20px; }
@media screen and (max-width: 700px) {
	.course__stat-list .course-price { font-size: 16px; }
}

.iti {
    width: 100%;
}
.iti__country-list {
    max-width: 300px;
}
.iti--container {
    z-index: 999999 !important;
}
.tel-error-msg {
    color: red;
}
.tel-valid-msg {
    color: #00C900;
}
.hide {
    display: none;
}

/* PROFILE */

.profile__container {
  /*max-width: 1088px;*/
}

.profile__settings {
  margin-bottom: 30px;
  padding: 70px 70px 70px 52px;
  border: 1px solid #dbdbdb;
}

.profile__settings-inner {
  display: flex;
}

.profile__settings-item {
  flex: 1 1 30%;
}

.profile__settings-item:not(:last-child) {
  margin-right: 38px;
}

.profile__settings-item_type_photo {
  flex: 0 1 230px;
}

.profile__photo {
  text-align: center;
}

.profile__photo-preview {
  position: relative;
  width: 194px;
  height: 194px;
  margin: 0 auto 24px;
}

.profile__photo-preview::before {
  content: attr(data-image-name);
  position: absolute;
  left: 0;
  top: -15px;
  font-size: 12px;
  line-height: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
}

.profile__photo-image {
  height: 100%;
  background-image: url("../images/user__no-photo.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.profile__photo-upload {
  position: relative;
  overflow: hidden;
  margin-bottom: 9px;
}

.profile__photo-input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.profile__photo-label {
  position: relative;
  display: inline-block;
  line-height: 20px;
  color: #5200ff;
  cursor: pointer;
}

.profile__photo-label:hover {
  text-decoration: underline;
}

.profile__photo-description {
  font-size: 14px;
  line-height: 20px;
  color: #727272;
}

.profile__settings-item_type_fieldsets {
  margin-top: -8px;
}

.profile__settings-item_type_submit {
  display: flex;
  flex-direction: column;
}

.profile__submit {
  max-width: 217px;
  width: 100%;
  margin-left: auto;
  margin-top: auto;
  outline: none !important;
  /*color: #727272;
  border: 1px solid #dbdbdb;*/
}

.profile__submit:focus,
.profile__submit:hover {
  /*background: #f7f7f7;*/
}

.profile .form__fieldset {
  margin-bottom: 24px;
}

.profile__settings_type_password-recovery {
  padding: 38px 70px 48px;
  border-color: #dbdbdb;
}

.profile__settings-title {
  font-size: 28px;
  margin-bottom: 24px;
}

.profile .form__error {
  position: relative;
  top: 5px;
  line-height: 12px;
}

@media screen and (max-width: 1400px) {
  .profile__settings {
    padding: 35px;
  }
}

@media screen and (max-width: 800px) {
  .profile__settings-inner {
    display: block;
  }
  .profile__settings-item_type_fieldsets {
    margin-top: 0;
  }
  .profile__settings-item:not(:last-child) {
    margin-right: 0;
  }
  .profile__settings-item_type_photo {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 400px) {
  .profile__settings {
    padding: 30px 15px;
  }
  .profile__settings-title {
    text-align: center;
  }
  .profile__submit {
    margin: 20px auto 0;
  }
  .profile__photo-description {
    font-size: 12px;
  }
}

.video__player-wrap--full._isMobile .video-responsive {margin-top:0}
.video__player-wrap--full._stretch-height._isMobile {bottom: 0}

.video__player-wrap--full._stretch-height {bottom: 65px;}

.video__player-wrap--full._stretch-height .video-responsive {
    padding-bottom: 0;
    position: static;
}
.video__player-wrap--full._stretch-height._isMobile iframe {
    width: calc(177.7vh);
    width: calc(var(--vh, 1vh) * 177.7);
}
.video__player-wrap--full._stretch-height iframe {
    width: calc(161vh - 65px);
    width: calc(var(--vh, 1vh) * 161 - 65px);
    left: 50%;
    transform: translate(-50%,0);
}

.video__player-wrap--full._stretch-height .video-responsive__content-hide--videoSnapshot {
    background-size: contain;
    background-color:black;
}

.video__player-wrap--full._isMobile .videoPanel {
    opacity:0.8;
    transition:0.25s;
}
.video__player-wrap--full._hide-panel._isMobile .videoPanel {
    opacity:0;
    visibility:hidden;
}


@media (min-width: 576px) {
    .video__player-wrap--full._stretch-height {bottom: 73px;}
    .video__player-wrap--full._stretch-height iframe {
        width: calc(169vh - 73px);
        width: calc(var(--vh, 1vh) * 169 - 73px);
    }

    .video__player-wrap--full._stretch-height._isMobile {bottom: 0;}
    .video__player-wrap--full._stretch-height._isMobile iframe {
        width: calc(177.7vh);
        width: calc(var(--vh, 1vh) * 177.7);
    }
}


/* new mobile scroll 05.05.21 */
@media screen and (max-width:990px) {
    html._scrollLock {
        overflow:hidden;
    }
    html, body {
        overflow:auto;
        height:auto;
        min-height:100vh;
    }
    .appGrid__body {
        min-height:calc(100vh - 65px);
    }
    .appGrid__side {
        position:fixed;
    }
}