@font-face {
    font-family: 'HelveticaNeueCyr-Roman';
    src: url('../fonts/HelveticaNeueCyr-Roman.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeueCyr-Roman.otf') format('opentype'),
        url('../fonts/HelveticaNeueCyr-Roman.woff') format('woff'),
        url('../fonts/HelveticaNeueCyr-Roman.ttf') format('truetype'),
        url('../fonts/HelveticaNeueCyr-Roman.svg#HelveticaNeueCyr-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueCyr-Medium';
    src: url('../fonts/HelveticaNeueCyr-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueCyr-Medium.otf') format('opentype'), url('../fonts/HelveticaNeueCyr-Medium.woff') format('woff'), url('../fonts/HelveticaNeueCyr-Medium.ttf') format('truetype'), url('../fonts/HelveticaNeueCyr-Medium.svg#HelveticaNeueCyr-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueCyr-Light';
    src: url('../fonts/HelveticaNeueCyr-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueCyr-Light.otf') format('opentype'), url('../fonts/HelveticaNeueCyr-Light.woff') format('woff'), url('../fonts/HelveticaNeueCyr-Light.ttf') format('truetype'), url('../fonts/HelveticaNeueCyr-Light.svg#HelveticaNeueCyr-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro-Medium';
    src: url('../fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/DINPro-Medium.woff') format('woff'), url('../fonts/DINPro-Medium.ttf') format('truetype'), url('../fonts/DINPro-Medium.svg#DINPro-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
.element-invisible {
    display: none
}
.title-container_quote h1:after, .title-container_quote h2:after, .title-container_quote h3:after, .title-container_quote h4:after, .title-container_quote h5:after, .title-container_quote h6:after {
    content: '';
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAQAAACVkV9MAAAAbUlEQVR42uXQVwGEMBCE4bMQC2chFtZCtKAFC1jAAhYQ8NMs0BnaOoB5mo/03/XD+Kv4SqJmxASekjMyCnylZNwTV/CUbC+VzvBWAsNeg8a8VbOSxnhKsYFG+KqD2prgq+B29Zd+aVjEFL3bUyf6QW1iygfQsgAAAABJRU5ErkJggg==");
    width: 19px;
    height: 17px;
    display: inline-block;
    margin-left: 12px
}

.title-container_quote h1:before, .title-container_quote h2:before, .title-container_quote h3:before, .title-container_quote h4:before, .title-container_quote h5:before, .title-container_quote h6:before {
    content: '';
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAQAAACVkV9MAAAAbUlEQVR42uXQVwGEMBCE4bMQC2chFtZCtKAFC1jAAhYQ8NMs0BnaOoB5mo/03/XD+Kv4SqJmxASekjMyCnylZNwTV/CUbC+VzvBWAsNeg8a8VbOSxnhKsYFG+KqD2prgq+B29Zd+aVjEFL3bUyf6QW1iygfQsgAAAABJRU5ErkJggg==");
    width: 19px;
    height: 17px;
    display: inline-block;
    margin-right: 12px
}
.element-invisible {
    display: none
}

input[type="text"], input[type="password"], textarea, select, button {
    outline: none;
    -webkit-appearance: none
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

*::-webkit-input-placeholder {
    opacity: 1
}

*:-moz-placeholder {
    opacity: 1
}

*::-moz-placeholder {
    opacity: 1
}

*:-ms-input-placeholder {
    opacity: 1
}

*:focus::-webkit-input-placeholder {
    opacity: 0
}

*:focus:-moz-placeholder {
    opacity: 0
}

*:focus::-moz-placeholder {
    opacity: 0
}

*:focus:-ms-input-placeholder {
    opacity: 0
}
.title-container h1, .title-container h2, .title-container h3, .title-container h4, .title-container h5, .title-container h6 {
    font-family: 'HelveticaNeueCyr-Light';
    font-size: 44px;
    color: #444444;
    text-align: center;
    font-weight:normal;
}
.social.top {
    border-bottom: 1px solid #dad9d9;
    margin: 30px 0;
}
.social-icon {
    margin: 25px 0 0 0;
}
    .social-icon img {
        margin-right: 20px;
    }
.forgot-your-password {
    color: #040707;
    font-size: 12px;
}
.checked-password, .forgot-your-password, .form-add-row-fields p, .form-add-row-fields-error p, .form-add-row__title p {
    font-family: 'HelveticaNeueCyr-Roman';
}
.social .form-add-row:last-child {
    margin-bottom: 0;
}
.hidden {
    display: none;
}
.social p {
    text-align: center;
    font-size: 15px;
    font-family: HelveticaNeueCyr-Roman;
}
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #000;
    opacity: 0.5
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

    .mfp-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

    .mfp-preloader a {
        color: #CCC
    }

        .mfp-preloader a:hover {
            color: #FFF
        }

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
    background: none;
    position: absolute;
    right: -57px;
    top: 3px;
    font-size: 0px;
    border: none;
    z-index: 9999;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAjCAYAAAD8BaggAAACUklEQVR42r3YA6xdQRDG8dq2bYW1bdu2bdthpdiobdu2bQvTf4W3mXlXSn4bzZz7HWE3ypflqUvjIj5iCWJFCdOP/4qNZfiMqygeheEC5D9rEScMYeJhA+Q/Z6IwPIc4NiFeiMNshTgeRWEYB1HsQIIQhEmIXRDF6D9FMyCK3UgUxDCJsQ+imOIWT4IoDiBJEMIkwxGIYozVNBKiOIrkAYRJieMQxVBPzYMhipNI5UeYNDgLcXxDf2830hffII5zSOtDmPS4YITp6euedTdCXUQGL/oz4SrE8RWd/T33HfEF4riKzJH0ZcV1iOML2gR6d7QyQt1ANqU+F25BHJ/RLFjPjyb4BHHcQe7/6vLiHsTxEQ2D/YSth48Qx33kQyE8NMLUCdU7qBY+aO8gPIE43qFaqN/SVfEW4sFbVAzXd0x5vIEYXqG00hrSUP0ght7hDlPRw2l7g/LhClMN77y8hiqHOkwd49Z/gEcQx3vUCFWYRkaYu8iDfLhvPIfqBTtMC+P1cRM5/qvLjTsQxyc0CVaYdkaY68ii1GfDTePF2irQMJ2NT5DLyGT2ERTXjFAd/A3T0whzHum86M+Ii8bHWVdfwww0wpxGah+2kxbnjFC9vd3IcIjiGFL4caRT4SREMdhT83iI4hCSBnAtJsdRiGKk1TQNotiLxEG4W5PgAEQx6f/CqJgLUexCwiA+zxJhN0Qx40/RaIhiC+KF4ImfADsgirHW6sd6xA3x6scmiOOhtj60ErHC8NUQB2vdx0oUhpI4hxeYF+YVtFhYjA+4gMLfAXiRB1qapDcaAAAAAElFTkSuQmCC");
    width: 36px;
    height: 35px;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all .4s ease
}

@media (max-width: 999px) {
    button.mfp-close {
        right: -50px
    }
}

@media (max-width: 479px) {
    button.mfp-close {
        width: 18px;
        height: 18px;
        background-size: cover;
        right: -27px
    }
}

button.mfp-close:hover {
    background-position: center center;
    transform: rotate(180deg)
}

button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    background-repeat: no-repeat
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    background-position: right top
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    top: 40px;
    right: -40px
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

    .mfp-arrow:active {
        margin-top: -54px
    }

    .mfp-arrow:hover, .mfp-arrow:focus {
        opacity: 1
    }

    .mfp-arrow:before, .mfp-arrow:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: medium inset transparent
    }

    .mfp-arrow:after {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px
    }

    .mfp-arrow:before {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: 0.7
    }

.mfp-arrow-left {
    left: 0
}

    .mfp-arrow-left:after {
        border-right: 17px solid #FFF;
        margin-left: 31px
    }

    .mfp-arrow-left:before {
        margin-left: 25px;
        border-right: 27px solid #3F3F3F
    }

.mfp-arrow-right {
    right: 0
}

    .mfp-arrow-right:after {
        border-left: 17px solid #FFF;
        margin-left: 39px
    }

    .mfp-arrow-right:before {
        border-left: 27px solid #3F3F3F
    }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 900px
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 8px rgba(0,0,0,0.6);
        background: #000
    }

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

    .mfp-figure:after {
        content: '';
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        display: block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        box-shadow: 0 0 8px rgba(0,0,0,0.6);
        background: #444
    }

    .mfp-figure small {
        color: #BDBDBD;
        display: block;
        font-size: 12px;
        line-height: 14px
    }

    .mfp-figure figure {
        margin: 0
    }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0,0,0,0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0
        }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0,0,0,0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        transform: scale(0.75)
    }

    .mfp-arrow-left {
        transform-origin: 0
    }

    .mfp-arrow-right {
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    transition: all 0.2s ease-out;
    transform: translateY(-20px) perspective(600px) rotateX(10deg)
}

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    transform: translateY(0) perspective(600px) rotateX(0deg)
}

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    transform: translateY(-10px) perspective(600px) rotateX(10deg)
}

.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;
    transition: opacity 0.3s ease-out
}

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.5
}

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0
}

@media screen and (min-width: 1000px) {
    .revealator-fade, .revealator-slideup, .revealator-slideleft, .revealator-slideright, .revealator-slidedown, .revealator-zoomin, .revealator-zoomout, .revealator-rotateleft, .revealator-rotateright {
        transition: all 600ms
    }

    .revealator-fade {
        opacity: 0
    }

        .revealator-fade.revealator-within, .revealator-fade.revealator-partially-above, .revealator-fade.revealator-above {
            opacity: 1
        }

    .revealator-slideup {
        transform: translate(0, 100px);
        opacity: 0
    }

        .revealator-slideup.revealator-within, .revealator-slideup.revealator-partially-above, .revealator-slideup.revealator-above {
            transform: translate(0, 0);
            opacity: 1
        }

    .revealator-slideleft {
        transform: translate(100px, 0);
        opacity: 0
    }

        .revealator-slideleft.revealator-within, .revealator-slideleft.revealator-partially-above, .revealator-slideleft.revealator-above {
            transform: translate(0, 0);
            opacity: 1
        }

    .revealator-slideright {
        transform: translate(-100px, 0);
        opacity: 0
    }

        .revealator-slideright.revealator-within, .revealator-slideright.revealator-partially-above, .revealator-slideright.revealator-above {
            transform: translate(0, 0);
            opacity: 1
        }

    .revealator-slidedown {
        transform: translate(0, -100px);
        opacity: 0
    }

        .revealator-slidedown.revealator-within, .revealator-slidedown.revealator-partially-above, .revealator-slidedown.revealator-above {
            transform: translate(0, 0);
            opacity: 1
        }

    .revealator-zoomin {
        transform: scale(0.75);
        opacity: 0
    }

        .revealator-zoomin.revealator-within, .revealator-zoomin.revealator-partially-above, .revealator-zoomin.revealator-above {
            transform: scale(1);
            opacity: 1
        }

    .revealator-zoomout {
        transform: scale(1.5);
        opacity: 0
    }

        .revealator-zoomout.revealator-within, .revealator-zoomout.revealator-partially-above, .revealator-zoomout.revealator-above {
            transform: scale(1);
            opacity: 1
        }

    .revealator-rotateleft {
        transform: rotate(20deg);
        opacity: 0
    }

        .revealator-rotateleft.revealator-within, .revealator-rotateleft.revealator-partially-above, .revealator-rotateleft.revealator-above {
            transform: rotate(0deg);
            opacity: 1
        }

    .revealator-rotateright {
        transform: rotate(-20deg);
        opacity: 0
    }

        .revealator-rotateright.revealator-within, .revealator-rotateright.revealator-partially-above, .revealator-rotateright.revealator-above {
            transform: rotate(0deg);
            opacity: 1
        }

    .revealator-delay1 {
        transition-delay: 100ms !important
    }

        .revealator-delay1.revealator-below, .revealator-delay1.revealator-partially-below {
            transition-delay: 0ms !important
        }

    .revealator-delay2 {
        transition-delay: 200ms !important
    }

        .revealator-delay2.revealator-below, .revealator-delay2.revealator-partially-below {
            transition-delay: 0ms !important
        }

    .revealator-delay3 {
        transition-delay: 300ms !important
    }

        .revealator-delay3.revealator-below, .revealator-delay3.revealator-partially-below {
            transition-delay: 0ms !important
        }

    .revealator-delay4 {
        transition-delay: 400ms !important
    }

        .revealator-delay4.revealator-below, .revealator-delay4.revealator-partially-below {
            transition-delay: 0ms !important
        }

    .revealator-delay5 {
        transition-delay: 500ms !important
    }

        .revealator-delay5.revealator-below, .revealator-delay5.revealator-partially-below {
            transition-delay: 0ms !important
        }

    .revealator-delay6 {
        transition-delay: 600ms !important
    }

        .revealator-delay6.revealator-below, .revealator-delay6.revealator-partially-below {
            transition-delay: 0ms !important
        }

    .revealator-delay7 {
        transition-delay: 700ms !important
    }

        .revealator-delay7.revealator-below, .revealator-delay7.revealator-partially-below {
            transition-delay: 0ms !important
        }

    .revealator-delay8 {
        transition-delay: 800ms !important
    }

        .revealator-delay8.revealator-below, .revealator-delay8.revealator-partially-below {
            transition-delay: 0ms !important
        }

    .revealator-delay9 {
        transition-delay: 900ms !important
    }

        .revealator-delay9.revealator-below, .revealator-delay9.revealator-partially-below {
            transition-delay: 0ms !important
        }

    .revealator-delay10 {
        transition-delay: 1000ms !important
    }

        .revealator-delay10.revealator-below, .revealator-delay10.revealator-partially-below {
            transition-delay: 0ms !important
        }

    .revealator-delay11 {
        transition-delay: 1100ms !important
    }

        .revealator-delay11.revealator-below, .revealator-delay11.revealator-partially-below {
            transition-delay: 0ms !important
        }

    .revealator-delay12 {
        transition-delay: 1200ms !important
    }

        .revealator-delay12.revealator-below, .revealator-delay12.revealator-partially-below {
            transition-delay: 0ms !important
        }

    .revealator-delay13 {
        transition-delay: 1300ms !important
    }

        .revealator-delay13.revealator-below, .revealator-delay13.revealator-partially-below {
            transition-delay: 0ms !important
        }

    .revealator-delay14 {
        transition-delay: 1400ms !important
    }

        .revealator-delay14.revealator-below, .revealator-delay14.revealator-partially-below {
            transition-delay: 0ms !important
        }

    .revealator-delay15 {
        transition-delay: 1500ms !important
    }

        .revealator-delay15.revealator-below, .revealator-delay15.revealator-partially-below {
            transition-delay: 0ms !important
        }

    .revealator-delay16 {
        transition-delay: 1600ms !important
    }

        .revealator-delay16.revealator-below, .revealator-delay16.revealator-partially-below {
            transition-delay: 0ms !important
        }

    .revealator-delay17 {
        transition-delay: 1700ms !important
    }

        .revealator-delay17.revealator-below, .revealator-delay17.revealator-partially-below {
            transition-delay: 0ms !important
        }

    .revealator-delay18 {
        transition-delay: 1800ms !important
    }

        .revealator-delay18.revealator-below, .revealator-delay18.revealator-partially-below {
            transition-delay: 0ms !important
        }

    .revealator-delay19 {
        transition-delay: 1900ms !important
    }

        .revealator-delay19.revealator-below, .revealator-delay19.revealator-partially-below {
            transition-delay: 0ms !important
        }

    .revealator-delay20 {
        transition-delay: 2000ms !important
    }

        .revealator-delay20.revealator-below, .revealator-delay20.revealator-partially-below {
            transition-delay: 0ms !important
        }

    .revealator-delay21 {
        transition-delay: 2100ms !important
    }

        .revealator-delay21.revealator-below, .revealator-delay21.revealator-partially-below {
            transition-delay: 0ms !important
        }

    .revealator-delay22 {
        transition-delay: 2200ms !important
    }

        .revealator-delay22.revealator-below, .revealator-delay22.revealator-partially-below {
            transition-delay: 0ms !important
        }

    .revealator-delay23 {
        transition-delay: 2300ms !important
    }

        .revealator-delay23.revealator-below, .revealator-delay23.revealator-partially-below {
            transition-delay: 0ms !important
        }

    .revealator-delay24 {
        transition-delay: 2400ms !important
    }

        .revealator-delay24.revealator-below, .revealator-delay24.revealator-partially-below {
            transition-delay: 0ms !important
        }

    .revealator-delay25 {
        transition-delay: 2500ms !important
    }

        .revealator-delay25.revealator-below, .revealator-delay25.revealator-partially-below {
            transition-delay: 0ms !important
        }

    .revealator-delay26 {
        transition-delay: 2600ms !important
    }

        .revealator-delay26.revealator-below, .revealator-delay26.revealator-partially-below {
            transition-delay: 0ms !important
        }

    .revealator-delay27 {
        transition-delay: 2700ms !important
    }

        .revealator-delay27.revealator-below, .revealator-delay27.revealator-partially-below {
            transition-delay: 0ms !important
        }

    .revealator-delay28 {
        transition-delay: 2800ms !important
    }

        .revealator-delay28.revealator-below, .revealator-delay28.revealator-partially-below {
            transition-delay: 0ms !important
        }

    .revealator-delay29 {
        transition-delay: 2900ms !important
    }

        .revealator-delay29.revealator-below, .revealator-delay29.revealator-partially-below {
            transition-delay: 0ms !important
        }

    .revealator-delay30 {
        transition-delay: 3000ms !important
    }

        .revealator-delay30.revealator-below, .revealator-delay30.revealator-partially-below {
            transition-delay: 0ms !important
        }

    .revealator-speed1, .revealator-duration1 {
        transition-duration: 100ms !important
    }

    .revealator-speed2, .revealator-duration2 {
        transition-duration: 200ms !important
    }

    .revealator-speed3, .revealator-duration3 {
        transition-duration: 300ms !important
    }

    .revealator-speed4, .revealator-duration4 {
        transition-duration: 400ms !important
    }

    .revealator-speed5, .revealator-duration5 {
        transition-duration: 500ms !important
    }

    .revealator-speed6, .revealator-duration6 {
        transition-duration: 600ms !important
    }

    .revealator-speed7, .revealator-duration7 {
        transition-duration: 700ms !important
    }

    .revealator-speed8, .revealator-duration8 {
        transition-duration: 800ms !important
    }

    .revealator-speed9, .revealator-duration9 {
        transition-duration: 900ms !important
    }

    .revealator-speed10, .revealator-duration10 {
        transition-duration: 1000ms !important
    }

    .revealator-speed11, .revealator-duration11 {
        transition-duration: 1100ms !important
    }

    .revealator-speed12, .revealator-duration12 {
        transition-duration: 1200ms !important
    }

    .revealator-speed13, .revealator-duration13 {
        transition-duration: 1300ms !important
    }

    .revealator-speed14, .revealator-duration14 {
        transition-duration: 1400ms !important
    }

    .revealator-speed15, .revealator-duration15 {
        transition-duration: 1500ms !important
    }
}

.text-center {
    text-align: center
}

.size-18 {
    font-size: 18px;
    line-height: 140%;
    font-family: HelveticaNeueCyr-Roman;
}

.pad-top-35 {
    padding-top: 35px
}

.text-right {
    text-align: right
}

input[type=search], input[type=text], input[type=number], input[type=email], input[type=tel], input[type=date], input[type=datetime], input[type=password], textarea {
    background: #fff;
    font-size: 14px;
    font-family: "HelveticaNeueCyr-Roman";
    color: #8e8e8e;
    padding: 11px 15px 11px 20px;
    width: 100%;
    height: 40px;
    border: 1px solid #dad9d9
}

textarea {
    height: 130px;
    overflow: auto;
    resize: none
}

@media (max-width: 479px) {
    textarea {
        height: 70px
    }
}

.text-area_middle {
    height: 260px
}

.text-area_little {
    height: 110px
}

.text-area_very-little {
    height: 90px
}

.button {
    font-family: 'HelveticaNeueCyr-Medium';
    border-left: 3px solid #fcaf17;
    border-right: 3px solid #f04e23;
    box-sizing: border-box;
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 3px;
    background-image: linear-gradient(to right, #fcaf17 0%, #f04e23 100%),linear-gradient(to right, #fcaf17 0%, #f04e23 100%);
    padding: 15px;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    min-width: 255px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 1
}

    .button:before {
        content: '';
        z-index: -1;
        background-image: linear-gradient(to right, #f04e23 0%, #fcaf17 100%),linear-gradient(to right, #f04e23 0%, #fcaf17 100%);
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 0px;
        width: 0px;
        transition: width .4s ease
    }

@media (max-width: 767px) {
    .button {
        min-width: inherit
    }
}

@media (max-width: 479px) {
    .button {
        width: 100%;
        font-size: 15px
    }
}

.button:hover {
    border-left: 3px solid #f04e23;
    border-right: 3px solid #fcaf17;
    background-image: linear-gradient(to right, #f04e23 0%, #fcaf17 100%),linear-gradient(to right, #f04e23 0%, #fcaf17 100%);
    text-decoration: none;
    color: #fff
}

    .button:hover:before {
        content: '';
        width: 100%
    }

.button_red {
    background: #ea4f29;
    border: none
}

    .button_red:hover {
        border: none
    }

.button_yellow {
    background: #f68b1e;
    border: none
}

    .button_yellow:hover {
        border: none
    }

.button_gray-color {
    color: #444444
}

.button_black-color {
    color: #040707
}

.button_size-small {
    font-size: 14px
}

.button img {
    vertical-align: middle;
    position: relative;
    top: -6px;
    margin-right: 25px;
    margin-bottom: -8px
}

@media (max-width: 767px) {
    .button img {
        margin-right: 10px
    }
}

.button-min-w350 {
    min-width: 350px
}

@media (max-width: 767px) {
    .button-min-w350 {
        min-width: inherit
    }
}


.jq-selectbox {
    vertical-align: middle;
    cursor: pointer;
    width: 100%
}

.jq-selectbox__select {
    background: #fff;
    font-size: 14px;
    font-family: "HelveticaNeueCyr-Roman";
    color: #8e8e8e;
    padding: 11px 37px 20px 15px;
    width: 100%;
    height: 40px;
    border: 1px solid #dad9d9;
    border-radius: 0px
}

    .jq-selectbox__select:hover {
        background: #f5f4f4
    }

    .jq-selectbox__select:active {
        background: #f5f4f4
    }

.jq-selectbox.disabled .jq-selectbox__select {
    border-color: #CCC;
    background: #F5F5F5;
    box-shadow: none;
    color: #888
}

.jq-selectbox__select-text {
    display: block;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
}

.jq-selectbox .placeholder {
    color: #333
}

.jq-selectbox__trigger {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 100%
}

.jq-selectbox__trigger-arrow {
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 16px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 3px 0 3px;
    border-color: #f68a1e transparent transparent transparent
}

.jq-selectbox:hover .jq-selectbox__trigger-arrow {
    border-top-color: #000
}

.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
    border-top-color: #AAA
}

.jq-selectbox__dropdown {
    box-sizing: border-box;
    width: 100%;
    margin: 0px;
    padding: 0;
    border: 1px solid #dad9d9;
    background: #FFF;
    font-size: 14px;
    top: 40px
}

.jq-selectbox__search {
    margin: 5px
}

    .jq-selectbox__search input {
        box-sizing: border-box;
        width: 100%;
        margin: 0;
        padding: 5px 27px 6px 8px;
        border: 1px solid #CCC;
        border-radius: 3px;
        outline: none;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;
        box-shadow: inset 1px 1px #F1F1F1;
        color: #333;
        -webkit-appearance: textfield
    }

        .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration {
            -webkit-appearance: none
        }

.jq-selectbox__not-found {
    margin: 5px;
    padding: 5px 8px 6px;
    background: #F0F0F0;
    font-size: 13px
}

.jq-selectbox ul {
    margin: 0;
    padding: 0
}

.jq-selectbox li {
    min-height: 18px;
    padding: 8px 10px 7px 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    color: #424242;
    text-align: left
}

    .jq-selectbox li.selected {
        background-color: #ececec;
        color: #231f20
    }

    .jq-selectbox li:hover {
        background-color: #ececec;
        color: #231f20
    }

    .jq-selectbox li.disabled {
        color: #AAA
    }

        .jq-selectbox li.disabled:hover {
            background: none
        }

    .jq-selectbox li.optgroup {
        font-weight: bold
    }

        .jq-selectbox li.optgroup:hover {
            background: none;
            color: #231F20;
            cursor: default
        }

    .jq-selectbox li.option {
        padding-left: 25px
    }

.jq-file {
    padding-right: 210px;
    position: relative;
    width: 100%
}

@media (max-width: 479px) {
    .jq-file {
        padding-right: 0px
    }
}

.jq-file input {
    height: auto;
    line-height: 1em;
    cursor: pointer
}

.jq-file__name {
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #fff;
    font-size: 14px;
    font-family: "HelveticaNeueCyr-Roman";
    color: #141516;
    padding: 12px 12px 12px 15px;
    height: 40px;
    border: 1px solid #dad9d9
}

.jq-file__browse {
    font-family: "HelveticaNeueCyr-Roman";
    position: absolute;
    top: 0px;
    right: 0px;
    background: #f68b1e;
    width: 190px;
    height: 40px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 12px 10px;
    text-transform: uppercase
}

@media (max-width: 479px) {
    .jq-file__browse {
        position: relative;
        width: 100%
    }
}

.jq-file:hover .jq-file__browse {
    background: #9b1d34
}

.jq-file:active .jq-file__browse {
    background: #9b1d34
}

.jq-file.focused .jq-file__name {
    border: 1px solid #5794BF
}

.jq-file.disabled, .jq-file.disabled .jq-file__name, .jq-file.disabled .jq-file__browse {
    border-color: #CCC;
    background: #F5F5F5;
    box-shadow: none;
    color: #888
}

.jq-radio {
    top: -1px;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background: #fff;
    cursor: pointer;
    border: 1px solid #ff010c;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    margin-right: 10px
}

    .jq-radio.checked .jq-radio__div {
        background: #ff010c;
        margin: 3px;
        width: 8px;
        height: 8px;
        border-radius: 50%
    }

    .jq-radio.focused {
        border: 1px solid #ff010c
    }

    .jq-radio.disabled {
        opacity: .55
    }

.jq-checkbox {
    top: -2px;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background: #fff;
    cursor: pointer;
    border: 1px solid #dad9d9
}

    .jq-checkbox.checked .jq-checkbox__div {
        background: #f68b1e;
        margin: 5px;
        width: 12px;
        height: 12px;
        display: inline-block;
        vertical-align: top;
        text-align: left
    }

    .jq-checkbox.disabled {
        opacity: .55
    }

.icon-play {
    position: relative;
    display: block
}

    .icon-play:before {
        content: '';
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAoCAYAAACiu5n/AAAB7UlEQVR42uXaAwwcURSF4Y2l2raluG5U27Zt27Yd1rZt23bX0ul55aul2Xdv8kUT/WPZ7OXSf0sCqk+L6TQ9JafFPKUztJQaUOJvNX1tQRwaQy5CjPHSeIr/o8Fl6Ckhxj2nCt8LbkUwTPuvBVcjGKrOp8FJCYZLpQdvEBC8411wZoIQOVTwKEHBE1TwIUHBJ1TwE0HBL1Wwh/BHVcoCZ4sSVgz22v7G7aOrezWoCZ09DPeAhlYKdqpgJ+FPcveuDX3CF0/AM6yFwcE9auBLE752Fp7xnWUE6xO5fxPe6f3UsS4gWA9/9hC+ecPgqJFbQLA2UedL+JZOgKNuIQHBerjPC/+KWXA2KSwhWC+PILh7NVztSgsI1sY7sbv5wVH787e7dRGzd+nIw9vwzRkCR7WcZp+0QuePwDO6vfmXpeCBTXD3rGH2jUfU40Jg/WI4W5Yy7NayVy3oE3l8F77FY+Cond8SDw+uv7WFw7evvLm0lM9gqcdDD+FPclTJDleHspZ8ASDtFY9dBR8WFHxSBY8WFDxJBWcTFJxbBStbBMTu1r8tpRAQnFYPVmoZHNvwax/E2xkY2+V7vzxUoucGhNqp2o/+1BKPppA7Rn9qmU4Jf/SnFl1CakHL6Cw9Iju9tAg7PaJztIJafe+3pVfMesLiP9RtUAAAAABJRU5ErkJggg==");
        width: 60px;
        height: 40px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -30px;
        margin-top: -20px;
        z-index: 5
    }

.icon-search {
    font-size: 0px
}

    .icon-search:before {
        content: '';
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAhCAYAAAC4JqlRAAADDElEQVRYhb3XTYhXZRTH8c+MJo6ig5GjgzYSpC2skV42oQaOgxUtVMi3Fr1QiyBq00ZaFDGbypCIFpZaYGgLadGLmGa1CF9QGdpI9C4WIQZNmU5kU7Y4/0vPvXPvf67jn/mt/ufc5/8833uf85xznrbhLT3GUBfuRx96MRcz8CvOYBAf4z38OdZkRbU1AViA5/EArqkx1xBexcu4UBegvcL/BL7EQzUXh1l4Dqewoi7A5II9Ca/j0ZKxQ/gE3+Mi5uAmLMeUZFyP2JLHseNKAbbjkYLvKAYak46UzDFTbNOz6E5e5A0RE7ubAaRb8GRh8b8bvqXYX7E4nMc2LMLOxN+GN3FHHYAb8GLiv4S1eA2Xm02Q6AIew0uJbwre0iSOMoABdCT+p7Gv5sJFbcaHiX0zHqwa3Da8pWcufvR/PBwWgVX3zcs0G9+gs2GfaoCMUjvWyQfjwFUuDr+IuMi0GLdUAaxM7LMi2luhvQW7vwog/TSf498WAQyKL5FpcRVAd2KfbtHixDZ+l9jdZYPa5aP/YgsByOeO6VUAQ4l9bYsBZiS/f6sCOJPYpZE6TnWIWpHpdBXA8cS+U+T2VmgVpib2iSqAjxJ7qtHFaLxKs98IDlYB7MO5xPeMqO1Xo2WilmR6V/5I5gAuYWvi6xJVbNI4F+/GO6IaEsfxharBWTF6BV8n/jWimSj2C2NpNj7A/MT3Nr4YC+AvbJJvKh/GZ1hYc/F+nMTtie8HPNXsT2lDMoiNohHJtExUsl2iZqRRTeSNDTgkakixw52DJc0Ayrrie8Uedo4ebgQ/iy/WVTGmqPO4G8fKHpZ1xftxK94veTZZvOXCJoBbxR0h00xx1G+rC0Ds3Wrc1QD6p2Jcpj9E/e8V3dR6+fzSiQNKMm2zi0mq6xowveKYdYib0VnRQZ00+lY0TZyIvsR3rjHPV1cKMF5NExlwaeL7SVxcvqV6C1qlYdwnX2/mi1Nz/UQAwO+4Rz4ZLcCnmDcRAETPsUrklEw3Ys9EARDFqF+065mWTCQAcWr6cER0SJv/A54cmcSf+aI3AAAAAElFTkSuQmCC");
        width: 32px;
        height: 33px;
        display: inline-block
    }


.popup.popup-middle {
    width: 676px;
    margin: 0 auto
}

@media (max-width: 767px) {
    .popup.popup-middle {
        display: block;
        margin-right: 60px;
        width: auto
    }
}

.popup.popup-little {
    width: 570px;
    margin: 0 auto
}

@media (max-width: 767px) {
    .popup.popup-little {
        display: block;
        margin-right: 60px;
        width: auto
    }
}

@media (max-width: 479px) {
    .popup.popup-little {
        margin-right: 30px
    }
}

.popup.popup-very-little {
    width: 420px;
    margin: 0 auto
}

@media (max-width: 767px) {
    .popup.popup-very-little {
        display: block;
        margin-right: 60px;
        width: auto
    }
}

@media (max-width: 479px) {
    .popup.popup-very-little {
        display: block;
        margin-right: 30px;
        width: auto
    }
}

.popup {
    width: 830px;
    margin: 0 auto
}

@media (max-width: 999px) {
    .popup {
        display: block;
        margin-right: 60px;
        width: auto
    }
}

@media (max-width: 479px) {
    .popup {
        margin-right: 30px
    }
}

.popup-container {
    background: #fff;
    color: #040707
}

.popup-container-registration {
    padding: 40px
}

@media (max-width: 999px) {
    .popup-container-registration {
        padding: 15px
    }
}

.popup-container-registration p a {
    text-decoration: underline
}

    .popup-container-registration p a:hover {
        text-decoration: none
    }

.popup-container-registration .button {
    text-decoration: none
}

.popup-container-authorization {
    padding: 40px 70px
}

@media (max-width: 999px) {
    .popup-container-authorization {
        padding: 15px
    }
}

.popup-container-promo {
    padding: 30px
}

@media (max-width: 999px) {
    .popup-container-promo {
        padding: 15px
    }
}

.popup-container-promo .text-container {
    font-size: 14px;
    color: #000
}

    .popup-container-promo .text-container a {
        text-decoration: underline;
        color: #000
    }

        .popup-container-promo .text-container a:hover {
            text-decoration: none
        }

.popup-container .title-container {
    margin-bottom: 32px
}

    .popup-container .title-container h1, .popup-container .title-container h2, .popup-container .title-container h3, .popup-container .title-container h4, .popup-container .title-container h5, .popup-container .title-container h6 {
        font-size: 24px;
        font-family: HelveticaNeueCyr-Light;
    }
.popup .size-18 a {
    color: #1e8bc3;
}
.popup-container-add {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start
}

    .popup-container-add > * {
        min-width: 0
    }

.popup-container-add__item {
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    margin: 0px 25px 40px 25px
}
.show-drop {
    display: none;
    position: relative;
    overflow: hidden;
    width: 36px;
    height: 36px;
    font-size: 0;
    text-indent: -9999px;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    z-index: 999;
}
    .show-drop span {
        -webkit-transition: background 0s 0.3s;
        transition: background 0s 0.3s;
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -1px;
        left: 3px;
        right: 3px;
        height: 2px;
        background: #cc3333;
    }
        .show-drop span:before, .show-drop span:after {
            -webkit-transition-duration: 0.3s, 0.3s;
            -webkit-transition-delay: 0.3s, 0s;
            transition-duration: 0.3s, 0.3s;
            transition-delay: 0.3s, 0s;
            position: absolute;
            display: block;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #cc3333;
            content: '';
        }
        .show-drop span:before {
            -webkit-transition-property: top, transform;
            transition-property: top, transform;
            top: -10px;
        }
        .show-drop span:after {
            -webkit-transition-property: bottom, transform;
            transition-property: bottom, transform;
            bottom: -10px;
        }
    .show-drop.active {
        background-color: #cc3333;
    }
        .show-drop.active span {
            background: none;
        }
            .show-drop.active span:before, .show-drop.active span:after {
                -webkit-transition-delay: 0s, 0.3s;
                transition-delay: 0s, 0.3s;
                background-color: #fff;
            }
            .show-drop.active span:before {
                top: 0;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
            }
            .show-drop.active span:after {
                bottom: 0;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }
@media (max-width: 999px) {
    .popup-container-add__item {
        margin: 0px 15px 15px 15px
    }
}
@media (max-width: 959px) {
    .show-drop {
        display: block;
    }
}
@media (max-width: 479px) {
    .popup-container-add__item {
        display: block;
        margin: 0px 0px 15px 0px
    }
}

.popup-container-add_personal-area {
    margin: 0px -15px
}

    .popup-container-add_personal-area .popup-container-add__item {
        margin: 0px 15px 40px 15px
    }

@media (max-width: 479px) {
    .popup-container-add_personal-area .popup-container-add__item {
        width: 100%
    }
}

.popup-container-add_personal-area .add-item {
    background: #fff;
    border: 2px solid #f68b1e;
    font-size: 24px;
    color: #000000;
    text-shadow: none
}

@media (max-width: 479px) {
    .popup-container-add_personal-area .add-item {
        padding: 15px;
        width: 100%;
        height: auto
    }
}

.popup-container-article .novelty-container {
    padding: 0px 25px;
    display: block
}

@media (max-width: 479px) {
    .popup-container-article .novelty-container {
        padding: 0px 15px
    }
}

.popup-container-article .novelty-container__author {
    padding: 0px;
    border: none
}

.popup-container-article .novelty-container__description {
    padding-top: 15px
}

.popup-container-article .novelty-container__image {
    background: #FCAF17;
    background: linear-gradient(to right, #FCAF17, #f04e23);
    margin: 0px -25px;
    display: block;
    width: auto;
    text-align: center;
    font-size: 0px
}

@media (max-width: 479px) {
    .popup-container-article .novelty-container__image {
        margin: 0px -15px
    }
}

.popup-container-article .novelty-container__image img {
    max-width: 100%;
    max-height: 100%;
    width: auto
}

.popup-container-article .author {
    padding: 15px 0px;
    border-top: none;
    border-bottom: 1px solid #e3e3e3
}

.popup .author__avatar {
    width: 70px
}

    .popup .author__avatar img {
        width: 100%
    }

.add-item {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    font-family: 'DINPro-Medium';
    background: #f68b1e;
    width: 170px;
    height: 170px;
    text-align: center;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
    font-size: 15px;
    color: #fff;
    position: relative
}

    .add-item > * {
        min-width: 0
    }

    .add-item p {
        order: 0;
        flex: 0 1 auto;
        -ms-grid-row-align: auto;
        align-self: auto;
        width: 100%;
        font-family: 'DINPro-Medium';
    }

    .add-item .icon {
        min-height: 60px
    }

.add-item__link {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px
}

.form-add-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    margin-bottom: 19px
}

    .form-add-row > * {
        min-width: 0
    }

@media (max-width: 767px) {
    .form-add-row {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: flex-start
    }

        .form-add-row > * {
            min-width: 0
        }
}

.form-add-row__title {
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    flex-shrink: 0;
    width: 120px;
    padding-top: 12px;
    color: #040707;
    font-size: 14px
}

@media (max-width: 767px) {
    .form-add-row__title {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px
    }
}

.form-add-row__field {
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    width: 100%
}

.form-add-row-fields {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start
}

    .form-add-row-fields > * {
        min-width: 0
    }

    .form-add-row-fields p:first-child:last-child {
        width: 100%
    }

.form-add-row-fields-error {
    color: #f04e23;
    font-size: 12px;
    padding-left: 14px;
    margin-bottom: -12px;
    margin-top: 7px
}

.checked-password {
    color: #040707;
    font-size: 12px
}

    .checked-password .jq-checkbox {
        margin-right: 20px
    }

.forgot-your-password {
    color: #040707;
    font-size: 12px
}

.order-item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    padding-bottom: 30px
}

    .order-item > * {
        min-width: 0
    }

@media (max-width: 767px) {
    .order-item {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: flex-start
    }

        .order-item > * {
            min-width: 0
        }
}

.order-item__money {
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    width: 100%;
    padding-bottom: 15px
}

@media (max-width: 767px) {
    .order-item__money {
        text-align: center
    }
}

.order-item__money .earnings {
    padding: 15px 15px 30px 15px;
    font-size: 14px;
    margin-bottom: 0px
}

@media (max-width: 767px) {
    .order-item__money .earnings {
        text-align: center
    }
}

.order-item__money .earnings ul li {
    font-family: 'HelveticaNeueCyr-Roman';
    margin-top: 10px;
    padding-left: 0px
}

    .order-item__money .earnings ul li p {
        padding-top: 2px
    }

    .order-item__money .earnings ul li span {
        font-size: 16px
    }

    .order-item__money .earnings ul li img {
        vertical-align: middle;
        margin-left: 7px;
        position: relative;
        top: -3px
    }

.order-item__image {
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    flex-shrink: 0;
    text-align: center;
    padding-bottom: 15px
}

@media (max-width: 767px) {
    .order-item__image {
        width: 100%;
        text-align: center
    }
}

.order-item__image img {
    max-width: 90%
}

.order-item__image a {
    display: inline-block
}

.promo-number {
    border: 2px solid #f68b1e;
    padding: 11px 15px 13px 15px;
    text-align: center;
    font-size: 24px;
    color: #231f20;
    min-width: 220px;
    margin-bottom: 15px
}

.shortage {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: center
}

    .shortage > * {
        min-width: 0
    }

.shortage__icon {
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    flex-shrink: 0;
    font-size: 0px
}

.shortage__description {
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    width: 100%;
    text-align: center;
    padding: 0px 5px;
    font-size: 18px
}

.share {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: center
}

    .share > * {
        min-width: 0
    }

.share__social {
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    flex-shrink: 0;
    font-size: 14px
}

    .share__social a, .share__social span {
        display: inline-block;
        vertical-align: middle;
        margin: 2px 0px;
        margin-right: 9px
    }

    .share__social span {
        margin-right: 18px;
        padding-bottom: 2px
    }

.share__button {
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    flex-shrink: 0
}

.region-selection {
    background: #fff;
    padding: 8px 0px 10px 0px;
    border-bottom: 5px solid #dadfe1;
    margin-bottom: 20px
}

.region-selection-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: center
}

    .region-selection-container > * {
        min-width: 0
    }

@media (max-width: 999px) {
    .region-selection-container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-content: flex-start;
        align-items: center
    }

        .region-selection-container > * {
            min-width: 0
        }
}

.region-selection-container__icon {
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    flex-shrink: 0;
    margin-right: 35px;
    font-size: 0px
}

.region-selection-container__title {
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    flex-shrink: 0;
    margin-right: 35px
}

.region-selection-container__list {
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    width: 100%;
    font-family: 'DINPro';
    font-size: 16px
}

@media (max-width: 999px) {
    .region-selection-container__list {
        margin-top: 15px
    }
}

.region-selection-container__list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start
}

    .region-selection-container__list ul > * {
        min-width: 0
    }

    .region-selection-container__list ul li {
        order: 0;
        flex: 0 1 auto;
        -ms-grid-row-align: auto;
        align-self: auto;
        width: 25%;
        padding: 8px
    }

@media (max-width: 1199px) {
    .region-selection-container__list ul li {
        width: 33.333%
    }
}

@media (max-width: 767px) {
    .region-selection-container__list ul li {
        width: 50%
    }
}

@media (max-width: 479px) {
    .region-selection-container__list ul li {
        text-align: center;
        width: 100%
    }
}

.region-selection-container__list ul li a:hover {
    color: #f68b1e
}






.personal-area {
    background: #f4f4f4;
    padding: 45px 0px 70px 0px
}

.personal-area-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start
}

.personal-area-container>* {
    min-width: 0
}

@media (max-width: 1199px) {
    .personal-area-container {
        display:flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: flex-start
    }

    .personal-area-container>* {
        min-width: 0
    }
}

.personal-area-container__navigation {
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    flex-shrink: 0;
    width: 230px;
    margin-right: 20px
}

@media (max-width: 999px) {
    .personal-area-container__navigation {
        width:36px
    }
}

.personal-area-container__main-information {
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    width: 100%
}

@media (max-width: 1199px) {
    .personal-area-container__main-information {
        width:calc(100% - 250px)
    }
}

@media (max-width: 999px) {
    .personal-area-container__main-information {
        width:calc(100% - 56px)
    }
}

.personal-area-container__aside {
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    flex-shrink: 0;
    width: 270px;
    margin-left: 20px
}

@media (max-width: 1199px) {
    .personal-area-container__aside {
        width:calc(100% - 56px);
        margin-left: 56px;
        margin-top: 30px
    }
}

.navigation {
    font-family: 'DINPro';
    font-size: 18px
}

@media (max-width: 999px) {
    .navigation {
        background:#fff;
        box-shadow: 0px 5px 21px 0px rgba(0,0,0,0.15);
        position: absolute;
        display: none;
        padding-top: 10px;
        z-index: 99
    }
}

@media screen and (min-width: 1000px) {
    .navigation {
        display:block !important
    }
}

.navigation ul li {
    margin-bottom: 12px
}

.navigation ul li a {
    display: block;
    padding: 6px 20px 8px 58px;
    color: #040707;
    position: relative;
    text-decoration: none
}

.navigation ul li a:hover,.navigation ul li a.active {
    background: #ffffff
}

.navigation ul li a .icon {
    position: absolute;
    left: 0px;
    height: 24px;
    line-height: 24px;
    top: 50%;
    margin-top: -12px;
    width: 58px;
    text-align: center;
    font-size: 0px
}

.navigation ul li a .icon img {
    vertical-align: middle
}

.personal-data {
    background: #fff;
    padding: 30px 30px 0px 30px
}

.personal-data-information {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start
}

.personal-data-information>* {
    min-width: 0
}

@media (max-width: 767px) {
    .personal-data-information {
        display:flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: flex-start
    }

    .personal-data-information>* {
        min-width: 0
    }
}

.personal-data-information__avatar {
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    flex-shrink: 0;
    width: 170px;
    margin-right: 30px;
    font-family: 'HelveticaNeueCyr-Light';
    font-size: 14px;
    text-align: center
}

@media (max-width: 767px) {
    .personal-data-information__avatar {
        width:100%;
        margin-right: 0px;
        margin-bottom: 15px
    }
}

.personal-data-information__avatar p {
    margin-bottom: 10px
}

.personal-data-information__avatar p a {
    text-decoration: underline
}

.personal-data-information__avatar p a:hover {
    text-decoration: none
}

.personal-data-information__description {
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    width: 100%;
    font-size: 14px;
    font-family: 'HelveticaNeueCyr-Light'
}

@media (max-width: 479px) {
    .personal-data-information__description {
        text-align:center
    }
}

.personal-data-information__description h1,.personal-data-information__description h2,.personal-data-information__description h3,.personal-data-information__description h4,.personal-data-information__description h5,.personal-data-information__description h6 {
    font-size: 16px;
    color: #040707;
    padding-bottom: 12px
}

.personal-data-information__description table {
    font-size: 14px;
    color: #040707;
    font-family: 'HelveticaNeueCyr-Light'
}

.personal-data-information__description table tr th {
    font-family: 'HelveticaNeueCyr-Roman';
    padding-bottom: 14px;
    padding-right: 12px;
    text-align: left;
    font-weight: normal;
    width: 125px
}

@media (max-width: 479px) {
    .personal-data-information__description table tr th {
        width:auto;
        display: block;
        text-align: center;
        padding-bottom: 5px;
        padding-right: 0px
    }
}

.personal-data-information__description table tr td {
    line-height: 130%;
    padding-bottom: 10px
}

@media (max-width: 479px) {
    .personal-data-information__description table tr td {
        display:block;
        text-align: center
    }
}

.personal-data-download {
    border-top: 1px solid #f4f4f4;
    padding-top: 20px;
    margin-top: 50px
}

@media (max-width: 479px) {
    .personal-data-download {
        margin-top:25px
    }
}

.personal-data-download h4 {
    font-family: 'HelveticaNeueCyr-Light';
    font-size: 18px;
    color: #444444;
    padding-bottom: 22px;
    text-align: center
}

.earnings {
    background: #fff;
    border: 2px solid #f68b1e;
    padding: 12px 12px 18px 12px;
    margin-bottom: 30px
}

.earnings p {
    color: #444444
}

.earnings ul li {
    color: #444444;
    position: relative;
    margin-top: 16px;
    padding-left: 38px
}

.earnings ul li .icon {
    position: absolute;
    left: 0px;
    height: 20px;
    line-height: 20px;
    font-size: 0px;
    top: 50%;
    margin-top: -10px
}

.earnings ul li .icon img {
    vertical-align: middle
}

ol, ul {
    list-style: none;
}

.file-parent {
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
}

.you-can-buy__title {
    padding-left: 14px;
    padding-bottom: 12px;
    color: #444444;
    font-size: 16px
}

.drop-navigation {
    position: relative;
    overflow: hidden;
    width: 36px;
    height: 36px;
    font-size: 0;
    text-indent: -9999px;
    cursor: pointer;
    transition: background 0.3s;
    z-index: 9;
    display: none
}

@media (max-width: 999px) {
    .drop-navigation {
        display:block
    }
}

.drop-navigation span {
    transition: background 0s 0.3s;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 3px;
    right: 3px;
    height: 2px;
    background: #f04e23
}

.drop-navigation span:before,.drop-navigation span:after {
    transition-duration: 0.3s, 0.3s;
    transition-delay: 0.3s, 0s;
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #cc3333;
    content: ''
}

.drop-navigation span:before {
    transition-property: top, transform;
    top: -10px
}

.drop-navigation span:after {
    transition-property: bottom, transform;
    bottom: -10px
}

.drop-navigation.active {
    background-color: #cc3333
}

.drop-navigation.active span {
    background: none
}

.drop-navigation.active span:before {
    top: 0;
    transform: rotate(45deg)
}

.drop-navigation.active span:after {
    bottom: 0;
    transform: rotate(-45deg)
}

.drop-navigation.active span:before,.drop-navigation.active span:after {
    transition-delay: 0s, 0.3s;
    background-color: #fff
}

@media (max-width: 1199px) {
    .aside-container {
        display:flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: flex-start
    }

    .aside-container>* {
        min-width: 0
    }
}

@media (max-width: 479px) {
    .aside-container {
        display:flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: flex-start
    }

    .aside-container>* {
        min-width: 0
    }
}

@media (max-width: 1199px) {
    .aside-container .earnings {
        order:0;
        flex: 0 1 auto;
        -ms-grid-row-align: auto;
        align-self: auto;
        width: 200px;
        margin-right: 30px;
        flex-shrink: 0
    }
}

@media (max-width: 1199px) and (max-width: 999px) {
    .aside-container .earnings {
        width:150px;
        margin-right: 15px
    }
}

@media (max-width: 1199px) and (max-width: 479px) {
    .aside-container .earnings {
        width:100%
    }
}

.aside-container .you-can-buy {
    width: 100%
}

@media (max-width: 1199px) {
    .aside-container .catalog-item {
        display:flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: center
    }

    .aside-container .catalog-item>* {
        min-width: 0
    }
}

@media (max-width: 767px) {
    .aside-container .catalog-item {
        display:flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: center
    }

    .aside-container .catalog-item>* {
        min-width: 0
    }
}

@media (max-width: 1199px) {
    .aside-container .catalog-item .catalog-item__image {
        flex-shrink:0
    }
}

@media (max-width: 999px) {
    .aside-container .catalog-item .catalog-item__image {
        width:120px;
        height: 120px;
        line-height: 120px;
        margin-bottom: 0px
    }
}

@media (max-width: 767px) {
    .aside-container .catalog-item .catalog-item__image {
        width:100%;
        margin: 0 auto
    }

    .aside-container .catalog-item .catalog-item__image a {
        height: 120px
    }
}

.aside-container .catalog-item .catalog-item__buy-link {
    position: relative
}

@media (max-width: 1199px) {
    .aside-container .catalog-item .catalog-item__buy-link {
        flex-shrink:0
    }
}

@media (max-width: 767px) {
    .aside-container .catalog-item .catalog-item__buy-link {
        width:100%;
        padding-right: 15px
    }
}

@media (max-width: 1199px) {
    .aside-container .catalog-item .catalog-item__description {
        width:100%
    }
}

.nav-drop {
    background: #FCAF17;
    background: linear-gradient(to right, #FCAF17, #f04e23);
    position: absolute;
    display: none;
    min-width: 200px
}

@media (max-width: 999px) {
    .nav-drop {
        position:relative
    }
}

.nav-drop ul {
    display: block
}

.nav-drop ul li {
    display: block
}

.nav-drop ul li a {
    display: block
}

.personal-links {
    font-family: 'DINPro-Medium';
    font-size: 14px;
    text-transform: uppercase
}

.personal-links ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: center
}

.personal-links ul>* {
    min-width: 0
}

.personal-links ul li {
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    position: relative;
    margin-right: 30px
}



.personal-links ul li:last-child {
    margin-right: 0px
}

.personal-links ul li:last-child:after {
    display: none
}

.personal-links ul li a {
    color: #fff;
    text-decoration: none;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
    display: inline-block
}

.personal-links ul li a img {
    margin-right: 12px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px
}

.personal-links ul li a:hover {
    color: #fff;
    text-decoration: underline
}

.personal-links ul li a.drop-personal-link:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 3px 0 3px;
    border-color: #ffffff transparent transparent transparent;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

.personal-links ul li a.drop-personal-link {
    text-transform: none;
    position: relative;
    z-index: 9;
    min-width: 130px;
    text-align: right
}

@media screen and (min-width: 1000px) {
    .personal-links ul li:hover .nav-drop {
        display:block !important
    }
}

.personal-links ul li .nav-drop {
    background: #f68b1e;
    position: absolute !important;
    display: none;
    left: -15px;
    right: -8px;
    top: -15px;
    padding-top: 60px;
    min-width: inherit;
    min-width: 150px
}

@media (max-width: 999px) {
    .personal-links ul li .nav-drop {
        position:relative
    }
}

.personal-links ul li .nav-drop ul {
    display: block
}

.personal-links ul li .nav-drop ul li {
    display: block;
    margin: 0px
}

.personal-links ul li .nav-drop ul li:after {
    display: none
}

.personal-links ul li .nav-drop ul li a {
    font-family: 'DINPro';
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    text-shadow: none;
    display: block;
    padding: 4px 14px 5px 14px;
    text-transform: none
}

@media (max-width: 999px) {
    .personal-links ul li .nav-drop ul li a {
        padding:5px 14px;
        display: block;
        text-align: center;
        height: auto
    }
}

.personal-links ul li .nav-drop ul li a img {
    margin-right: 12px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px
}

.personal-links ul li .nav-drop ul li a:hover {
    background: #f04e23
}

.sorting {
    padding: 15px 30px;
    font-size: 14px
}

@media (max-width: 999px) {
    .sorting {
        padding:15px 0px
    }
}

.sorting p span {
    color: #f68b1e;
    display: inline-block;
    margin-right: 20px
}

@media (max-width: 767px) {
    .sorting p span {
        display:block;
        margin-bottom: 10px
    }
}

.sorting p a {
    display: inline-block;
    font-size: 14px;
    color: #444444;
    margin-right: 40px;
    position: relative
}

.sorting p a:after {
    content: '|';
    display: inline-block;
    font-size: 14px;
    color: #f5a757;
    position: absolute;
    right: -22px
}

.sorting p a:last-child {
    margin-right: 0px
}

.sorting p a:last-child:after {
    display: none
}

@media (max-width: 767px) {
    .sorting p a:first-child {
        margin-left:0px
    }
}

.title-page {
    background: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: center;
    padding: 30px
}

.title-page>* {
    min-width: 0
}

@media (max-width: 767px) {
    .title-page {
        padding:15px;
        display: block;
        text-align: center
    }
}

.title-page h1,.title-page h2,.title-page h3,.title-page h4,.title-page h5,.title-page h6 {
    font-family: 'HelveticaNeueCyr-Light';
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    font-size: 30px;
    color: #444444
}

@media (max-width: 767px) {
    .title-page h1,.title-page h2,.title-page h3,.title-page h4,.title-page h5,.title-page h6 {
        padding-bottom:15px
    }
}

.title-page p {
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto
}

.articles-list {
    background: #ffffff;
    padding: 5px 30px
}

@media (max-width: 999px) {
    .articles-list {
        padding:5px 15px
    }
}

.articles-list__thumb {
    padding: 25px 0px;
    border-bottom: 1px solid #f4f4f4
}

.articles-list__thumb:last-child {
    border-bottom: none
}

.articles-list .form-add {
    padding-top: 15px
}

.stories {
    background: url("../img/background/stories-bg.jpg") center center no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 70px 0px 60px 0px
}

@media (max-width: 999px) {
    .stories {
        padding:30px 0px
    }
}

.stories-section-links {
    text-align: center;
    margin-bottom: 65px
}

@media (max-width: 999px) {
    .stories-section-links {
        margin-bottom:40px
    }
}

.stories-section-links ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center
}

.stories-section-links ul>* {
    min-width: 0
}

.stories-section-links ul li {
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto
}

.stories-section-links ul li a {
    background: #fff;
    border: 1px solid #f8ae20;
    color: #444444;
    display: inline-block;
    min-width: 132px;
    padding: 13px 12px 12px 12px;
    text-decoration: none;
    font-size: 14px
}

.stories-section-links ul li a.active,.stories-section-links ul li a:hover {
    background: #f8ae20;
    color: #fff
}

.stories-section-links ul li.ui-tabs-active a {
    background: #f8ae20;
    color: #fff
}

.video-blog {
    background: url("../img/background/video-blog-bg.jpg") center center no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 50px 0px
}

.video-blog_gray-bg {
    background: #f4f4f4;
    padding: 35px 0px
}

.video-blog_gray-bg .video-blog-container {
    margin-bottom: 0px
}

.video-blog_gray-bg .video-blog-container__last-articles {
    margin-bottom: 30px
}

.video-blog_gray-bg .stories-section-links {
    margin-bottom: 45px
}

.video-blog-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    margin-bottom: 50px
}

.video-blog-container>* {
    min-width: 0
}

.video-blog-container__last-articles {
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    width: 48.7%
}

@media (max-width: 767px) {
    .video-blog-container__last-articles {
        width:100%;
        margin-bottom: 30px
    }
}

.video-blog-container__list-articles {
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    width: 48.7%
}

@media (max-width: 767px) {
    .video-blog-container__list-articles {
        width:100%
    }
}

.video-blog-preview {
    background: #fff;
    height: 100%;
    box-shadow: 0px 5px 21px 0px rgba(0,0,0,0.15)
}

.video-blog-preview__image {
    font-size: 0px
}

.video-blog-preview__image .author {
    position: absolute;
    left: 30px;
    top: 30px
}

@media (max-width: 479px) {
    .video-blog-preview__image .author {
        left:10px;
        top: 10px
    }
}

.video-blog-preview__image .author .author__description {
    color: #fff
}

.video-blog-preview__description {
    background: #fff;
    padding: 10px 30px
}

@media (max-width: 767px) {
    .video-blog-preview__description {
        padding:10px 15px
    }
}

.video-blog-preview img {
    width: 100%
}

.video-blog-preview.video-blog-preview_horizontal {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start
}

.video-blog-preview.video-blog-preview_horizontal>* {
    min-width: 0
}

@media (max-width: 767px) {
    .video-blog-preview.video-blog-preview_horizontal {
        display:flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: flex-start
    }

    .video-blog-preview.video-blog-preview_horizontal>* {
        min-width: 0
    }
}

.video-blog-preview.video-blog-preview_horizontal .video-blog-preview__image {
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    flex-shrink: 0;
    width: 47%;
    position: relative
}

@media (max-width: 767px) {
    .video-blog-preview.video-blog-preview_horizontal .video-blog-preview__image {
        width:100%
    }
}

.video-blog-preview.video-blog-preview_horizontal .video-blog-preview__image .video {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden
}

@media (max-width: 767px) {
    .video-blog-preview.video-blog-preview_horizontal .video-blog-preview__image .video {
        position:relative;
        overflow: auto
    }
}

.video-blog-preview.video-blog-preview_horizontal .video-blog-preview__image .video a {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden
}

@media (max-width: 767px) {
    .video-blog-preview.video-blog-preview_horizontal .video-blog-preview__image .video a {
        position:relative;
        overflow: auto
    }
}

.video-blog-preview.video-blog-preview_horizontal .video-blog-preview__image img {
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    display: block;
    transform: translateX(-50%) translateY(-50%)
}

@media (max-width: 767px) {
    .video-blog-preview.video-blog-preview_horizontal .video-blog-preview__image img {
        min-height:inherit;
        min-width: inherit;
        height: auto;
        position: relative;
        z-index: 1;
        left: 0%;
        top: inherit;
        display: block;
        transform: translateX(0%) translateY(0%);
        width: 100%
    }
}

.video-blog-preview.video-blog-preview_horizontal .video-blog-preview__description {
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    flex-shrink: 0;
    width: 53%;
    padding: 15px;
    min-height: 150px
}

@media (max-width: 767px) {
    .video-blog-preview.video-blog-preview_horizontal .video-blog-preview__description {
        width:100%;
        min-height: inherit
    }
}

.video-blog-preview.video-blog-preview_horizontal .video-blog-description__date {
    margin-bottom: 15px;
    flex-shrink: 0
}

.video-blog-preview.video-blog-preview_horizontal .video-blog-description__stat {
    order: 1;
    width: 100%;
    flex-shrink: 0
}

.video-blog-preview.video-blog-preview_horizontal .video-blog-description {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    height: 100%
}

.video-blog-preview.video-blog-preview_horizontal .video-blog-description>* {
    min-width: 0
}

.video-blog-preview.video-blog-preview_horizontal .video-blog-description .video-blog-description__text {
    flex: 1 1 auto
}

.video-blog-description {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start
}

.video-blog-description>* {
    min-width: 0
}

.video-blog-description__text {
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    font-size: 14px;
    color: #444444;
    width: 100%
}

.video-blog-description__text a {
    font-size: 16px;
    font-family: 'DINPro-Medium'
}

.video-blog-description__text p {
    padding-bottom: 15px;
    line-height: 130%
}

.video-blog-description__text .button {
    margin-top: 20px
}

.video-blog-description__moderation {
    order: 1;
    flex: 0 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    width: 100%;
    font-size: 14px;
    color: #444444;
    font-family: 'HelveticaNeueCyr-Light'
}

.video-blog-description__moderation p span {
    color: #f68b1e
}

.video-blog-description__stat {
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    flex-shrink: 0;
    margin-bottom: 4px;
    font-size: 14px
}

.video-blog-description__stat ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start
}

.video-blog-description__stat ul>* {
    min-width: 0
}

.video-blog-description__stat ul li {
    margin-right: 40px;
    position: relative;
    padding-left: 29px;
    margin-bottom: 8px
}

.video-blog-description__stat ul li:last-child {
    margin-right: 0px
}

.video-blog-description__stat ul li .icon {
    position: absolute;
    left: 0px;
    width: 20px;
    text-align: center;
    font-size: 0px;
    top: 2px;
    height: 20px;
    line-height: 20px;
    font-size: 0px;
    top: 50%;
    margin-top: -10px
}

.video-blog-description__stat ul li .icon img {
    vertical-align: middle
}

.video-blog-description__stat ul li.video-blog-description__date {
    padding-left: 0px;
    order: 0;
    flex: 1 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    width: 100%;
    margin-left: 0px
}

.video-blog-description__date {
    font-size: 16px;
    font-family: 'DINPro-Medium';
    color: #444444
}

.video-blog-list__article {
    margin-bottom: 30px
}

.video-blog-list__article:last-child {
    margin-bottom: 0px
}

.photo-gallery {
    background: url("../img/background/gallery-bg.jpg") center center no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 50px 0px
}

@media (max-width: 999px) {
    .photo-gallery {
        padding:30px 0px
    }
}

.photo-gallery-thumbs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    margin-bottom: 20px
}

.photo-gallery-thumbs>* {
    min-width: 0
}

.photo-gallery-thumbs__left-column {
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    width: 74.35%
}

.photo-gallery-thumbs__right-column {
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    width: 23.08%
}

.photo-gallery-thumbs__right-column .photo-gallery-thumbs__thumb {
    width: 100%
}

.photo-gallery-thumbs__thumb {
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    width: 31.03%;
    font-size: 0px;
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .photo-gallery-thumbs__thumb {
        margin-bottom:15px
    }
}

.photo-gallery-thumbs__thumb_big-size {
    width: 65.51%
}

.photo-gallery-thumbs__thumb img {
    width: 100%
}

.photo-gallery-thumbs__thumb a {
    overflow: hidden;
    position: relative;
    display: block
}

.photo-gallery-thumbs__thumb a:hover img {
    transform: scale3d(1.1, 1.1, 1.1)
}

.photo-gallery-thumbs__thumb img {
    width: 100%;
    transition: transform 0.35s;
    transform: scale3d(1, 1, 1)
}

.photo-gallery-thumbs-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start
}

.photo-gallery-thumbs-container>* {
    min-width: 0
}

.photo-gallery_gray-bg {
    background: #f4f4f4
}

.personal-links {
    font-family: 'DINPro-Medium';
    font-size: 14px;
    text-transform: uppercase
}

.personal-links ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: center
}

.personal-links ul>* {
    min-width: 0
}

.personal-links ul li {
    order: 0;
    flex: 0 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    position: relative;
    margin-right: 30px
}

.personal-links ul li:after {
    content: '';
    background: #fcaf17;
    width: 1px;
    height: 20px;
    position: absolute;
    right: -15px;
    top: 50%;
    margin-top: -10px
}

.personal-links ul li:last-child {
    margin-right: 0px
}

.personal-links ul li:last-child:after {
    display: none
}

.personal-links ul li a {
    color: #fff;
    text-decoration: none;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
    display: inline-block
}

.personal-links ul li a img {
    margin-right: 12px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px
}

.personal-links ul li a:hover {
    color: #fff;
    text-decoration: underline
}

.personal-links ul li a.drop-personal-link {
    text-transform: none;
    position: relative;
    z-index: 9;
    min-width: 130px;
    text-align: right
}

.personal-links ul li a.drop-personal-link:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 3px 0 3px;
    border-color: #ffffff transparent transparent transparent;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle
}

@media screen and (min-width: 1000px) {
    .personal-links ul li:hover .nav-drop {
        display:block !important
    }
}

.personal-links ul li .nav-drop {
    background: #f68b1e;
    position: absolute !important;
    /* display: none; */
    left: -15px;
    right: -8px;
    top: -15px;
    padding-top: 60px;
    min-width: inherit;
    min-width: 150px;
}

@media (max-width: 999px) {
    .personal-links ul li .nav-drop {
        position:relative
    }
}

.personal-links ul li .nav-drop ul {
    display: block
}

.personal-links ul li .nav-drop ul li {
    display: block;
    margin: 0px
}

.personal-links ul li .nav-drop ul li:after {
    display: none
}

.personal-links ul li .nav-drop ul li a {
    font-family: 'DINPro';
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    text-shadow: none;
    display: block;
    padding: 4px 14px 5px 14px;
    text-transform: none;
}

@media (max-width: 999px) {
    .personal-links ul li .nav-drop ul li a {
        padding:5px 14px;
        display: block;
        text-align: center;
        height: auto
    }
}

.personal-links ul li .nav-drop ul li a img {
    margin-right: 12px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px
}

.personal-links ul li .nav-drop ul li a:hover {
    background: #f04e23
}

.removeBtn{
    float: right;
    height: 30px;
    cursor: pointer;
    width: 30px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    font-weight: bold;
}
.removeBtn a{
    font-size: 30px;
    line-height: 30px;
}
.removeBtn a, .removeBtn a:visited, .removeBtn a:active, .removeBtn a:hover{
    color: #666;
    text-decoration: none;
}
#confirm-content-delete{
    position: relative;
}






        header ul li.has-submenu {
            position:relative;
            padding-bottom:7px;
        }
            header ul li.has-submenu > a {
                background: url(../img/arr-white-down.svg) no-repeat 100% 50%;
                -webkit-background-size: auto 4px;
                background-size: auto 4px;
                padding-right:15px;
            }
                header ul li.has-submenu > a span {
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    max-width: 130px;
                  
                }
                header ul li.has-submenu .submenu {
                    background: #F68B1E;
                    position: absolute;
                    top: 40px;
                    right: -15px;
                    padding: 0;
                    width: 200px;
                    border: 1px solid #D77411;
                    display: none;
                }
            header ul li.has-submenu:hover .submenu {
                display: block;
            }
            header ul li ul {
                display:block;
                float:none;
            }
                header ul li ul li {
                    float: none;
                    margin: 0;
                    border-bottom: 1px solid #D77411;
                }
                header ul li ul li:last-child {
                    border-bottom:0;
                }
                    header ul li ul li a {
                        display:block;
                        padding:10px 15px;
                    }
                    header ul li ul li a span {
                        border-bottom:1px solid #fff;
                    }
                    header ul li ul li a:hover span {
                        border-bottom-color: transparent;
                    }