/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

@font-face {
    font-family: 'Espuma Pro';
    src: url('/design/images/img_for_design/fonts/EspumaPro-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Espuma Pro';
    src: url('/design/images/img_for_design/fonts/EspumaPro-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Philosopher';
    src: url('/design/images/img_for_design/fonts/Philosopher-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Espuma Pro';
    src: url('/design/images/img_for_design/fonts/EspumaPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (max-width: 1200px) {
    .container-relax {
        max-width: 970px;
    }
}

@media (max-width: 992px) {
    .container-relax {
        max-width: 750px;
    }
}

@media (max-width: 767px) {
    .container-relax {
        max-width: none;
    }
}

*,
*::after,
*::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

ol,
ul {
    padding: 0;
    margin: 0;
}

ol li,
ul li {
    list-style-type: none;
}

body {
    min-width: 320px;
    overflow-x: hidden;
    margin: 0;
    background-color: rgb(237, 225, 201) !important;
}

.mobile {
    display: none;
}

.modal.micromodal-slide.is-open #participate__container {
    background-image: url(/design/images/img_for_action/2021/relax-15/form.jpg);
}

.modal.micromodal-slide.is-open  header {
    position: relative;
    top: 0;
}

.header {
    background-image: url(/design/images/img_for_action/2021/relax-15/header-bg1.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding-bottom: 300px;
}

.header .container-relax {
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
}

.header__logo {
    padding-top: 251px;
    max-width: 444px;
    margin-bottom: 30px;
    padding-left: 55px;
}

.header__logo h1 {
    font-family: 'Philosopher', sans-serif;
    font-size: 86.68px;
    line-height: 97px;
    font-weight: bold;
    color: #009CAB;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    text-transform: capitalize;
}

.header__description {
    max-width: 424px;
    margin-bottom: 28px;
     padding-left: 55px;
}

.header__description p {
    font-family: 'Espuma Pro', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 29px;
    color: #3A1400;
}

.header__button button {
    text-decoration: none;
    background: -o-linear-gradient(108.9deg, #E8840B -119.56%, #FDEAA5 166.66%);
    background: linear-gradient(341.1deg, #E8840B -119.56%, #FDEAA5 166.66%);
    -webkit-box-shadow: 2px 4px 4px rgba(97, 34, 0, 0.7);
            box-shadow: 2px 4px 4px rgba(97, 34, 0, 0.7);
    border-radius: 10px;
    font-family: 'Espuma Pro', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #3A1400;
    max-width: 309px;
    height: 67px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: none;
    width: 100%;
}

.header__button {
     padding-left: 55px;
}

.action-rules {
    display: flex;
    justify-content: center;
    max-width: 1366px;
    margin: 0 auto;
}

.action-rules .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.action-rules__list {
    margin-top: 10px;
    max-width: 443px;
}

.action-rules__gift {
    position: relative;
    bottom: 53px;
    margin-right: 7px;
}

main .container-relax:first-child {
    background-image: url(/design/images/img_for_action/2021/relax-15/rules-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: -109px;
}

.action-rules__list h2 {
    font-family: 'Espuma Pro', sans-serif;
    font-weight: bold;
    font-size: 44.4122px;
    line-height: 55px;
    color: #3A1400;
    margin-bottom: 37px;
    margin-top: 0;
}

.rules-list__item {
    font-family: 'Espuma Pro', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 38px;
    color: #460B0B;
    margin-bottom: 37px;
}

.rules-list__item:last-child {
    margin-bottom: 31px;
}

.action-rules__date {
    font-family: 'Espuma Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    color: #460B0B;
    margin-bottom: 9px;
    display: block;
}

.action-rules-modal {
    font-family: 'Espuma Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    color: #460B0B;
    text-shadow: 0px 0px 18.6538px #FFF8F8;
    background-color: transparent;
    border: none;
}

#rules__container {
    background-color: #EEE1CA;
}

.rules__content {
    padding: 30px;
}

button:active, button:focus {
  outline: none !important;
}



.modal__close {
    position: absolute;
    right: 20px;
    top: 24px;
    cursor: pointer;
}

.relax-form {
    max-width: 738px;
    margin: 0 auto;
    padding-bottom: 49px;
    position: relative;
}

.modal.micromodal-slide.is-open .modal-content__wrapp {
    padding: 0 70px;
}


.relax-form .form__item label {
    font-family: 'Espuma Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 13px;
}

.relax-form .form__item input {
    font-family: 'Espuma Pro', sans-serif;
    font-size: 18px;
    padding-left: 15px;
    background: #E2D3C5;
    border: none;
    max-width: 595px;
    width: 100%;
    height: 63px;
}

.relax-form .form__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 20px;
}

.form__item--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.form__item--flex .form__item {
    max-width: 286px;
    width: 100%;
}

.relax-form .form__item textarea {
    background: #E2D3C5;
    border: none;
    padding: 15px;
    height: 181px;
}

.relax-form .form__item button {
    background: -o-linear-gradient(108.9deg, #E8840B -119.56%, #FDEAA5 166.66%);
    background: linear-gradient(341.1deg, #E8840B -119.56%, #FDEAA5 166.66%);
    -webkit-box-shadow: 2px 4px 4px rgba(97, 34, 0, 0.7);
            box-shadow: 2px 4px 4px rgba(97, 34, 0, 0.7);
    border-radius: 10px;
    font-family: 'Espuma Pro', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #3A1400;
    max-width: 309px;
    width: 100%;
    height: 67px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: none;
    margin: 0 auto;
    margin-top: 23px;
    cursor: pointer;
}

.modal__container {
    background-color: transparent;
    padding: 0;
    max-height: inherit;
    border-radius: 4px;    
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 738px;
    width: 100%;
    height: calc(100vh - 20px);
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow-y: scroll;
}

.form__item .required.invalid {
    border: 1px solid rgb(249, 75, 67);
    outline: none;
}
..form__item .error-message {
    color: rgb(249, 75, 67) !important;
}

.modal__title {
    font-family: 'Espuma Pro', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 44.41px;
    line-height: 55px;
    text-align: center;
    color: #3A1400;
    margin: 0 auto;
    margin-top: 0;
    margin-bottom: 25px;
    padding-top: 46px;
}

.modal__header {
    position: absolute;
    width: 100%;
    top: 12.5%;
    z-index: 1;
}

.modal__header .modal__close::before {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
}

.footer__link, .footer__paragraph {
    color: #000 !important;
}

.stories__line {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (401px)[3];
    grid-template-columns: repeat(3, 401px);
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    row-gap: 52px;
    grid-auto-rows: 536px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 80px;
}

.stories__item {
    background-image: url('/design/images/img_for_action/2021/relax-15/story-bg.png');
    background-repeat: none;
    background-size: 100% 100%;
    padding-top: 51px;
    position: relative;
}

.stories__item.win {
    background-image: url('/design/images/img_for_action/2021/relax-15/win.png');
    background-repeat: none;
    background-size: 100% 100%;
    padding-top: 51px;
    position: relative;
}


.stories__story .story {
    padding-left: 41px;
    padding-right: 35px;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-size: 24px;
    line-height: 36px;
    word-break: break-word;
}

.stories__user {
    text-align: right;
    margin-bottom: 49px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}

.stories__user span {
    display: block;
    padding-right: 28px;
}



.stories__user .fullname {
    font-family: 'Espuma Pro', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 27px;
    color: #460B0B;
    margin-bottom: 7px;
    max-width: 200px;
}

.stories__user .city {
    font-family: 'Espuma Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: #460B0B;
}

.pagination {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 75px;
    margin-bottom: 84px;
}

.users {
    background-image: url('/design/images/img_for_action/2021/relax-15/story-bg2.png');
    background-repeat: no-repeat;
    background-position: bottom right;
}

.relax {
    background-color: rgb(237, 225, 201);
    padding-bottom: 93px;
}


.stories__item .story-more {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #460B0B;
    display: block;
}



.users h2 {
    font-family: 'Espuma Pro', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 44.41px;
    line-height: 55px;
    text-align: center;
    color: #3A1400;
    margin-bottom: 47px;
}

.section__header {
    font-family: 'Espuma Pro', sans-serif !important;
    font-style: normal;
    font-weight: bold;
    font-size: 44.41px !important;
    line-height: 55px;
    text-align: center;
    color: #3A1400 !important;
}

.music__item {
    min-height: inherit !important;
    max-height: 150px !important;
    padding: 0 !important;
    border-radius: 300px !important;
    width: 150px;
    border: 1px solid #C0C0C0;
    margin-right: 70px;
}

.music__item:last-child {
    margin-right: 0;
}

.music__logo-img {
    width: 150px !important;
    height: 150px !important;
    border-radius: 100%;
}
.music__item .logo__container {
    display: block !important;
}

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

.music__item .subplayer.play, .music__item .toggleplayer.play {
    background-image: url('/design/images/img_for_action/2021/relax-15/play.png') !important;
    background-position: center center !important;
}

.music__item .subplayer.stop, .music__item .toggleplayer.stop {
    background-position: center center !important;
}
.footer__nav_container {
    background-color: transparent !important;
}

.footer__nav {    
    background-color: #F8F3EA !important;
    border-top: 1px solid #460B0B;
    border-bottom: 1px solid #460B0B;
}
.footer__promotion_container {
    display: none !important;
}

.story__social {
    bottom: 50px;
    left: 37px;
    position: absolute;
}

.share {
    width: 23px;
    height: 36px;
}

.music__name-paragraph {
    margin: 0;
    font-size: 19px !important;
    font-weight: 600;
    margin-top: 20px !important;
}

.relax-15-loaded {
    background-repeat: no-repeat;
    background-size: contain;
    height: auto;
}



.story-loaded__header {
    padding-top: 54px;
    margin-top: 0;
    margin-bottom: 35px;
    font-size: 44.41px;
}



.story-loaded__text {
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-weight: normal;
    font-size: 15px;
    line-height: 28px;
    text-align: center;
    color: #460B0B;
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 10px;
}


.open-story-modal {
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
    color: #460B0B;
    border: none;
    background-color: transparent;
}


.micromodal-slide .modal__story_container {
    background-color: #EEE1CA;
    padding-left: 44px;
    padding-top: 46px;
    padding-right: 48px;
}

.micromodal-slide .modal__story_container .modal__header {
    width: 93%;
}

.story__header {
    font-family: 'Espuma Pro', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 27px;
    color: #460B0B;
    margin-bottom: 9px;
    
}

.story__paragraph_small {
    font-family: 'Espuma Pro', sans-serif;
    font-style: normal !important;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    color: #460B0B;
    margin-bottom: 15px;
}

.story__paragraph {
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-weight: normal;
    font-size: 15px;
    line-height: 28px;
    color: #460B0B;
}

.action-rules__gift img {
    max-width: 668px;
    width: 100%;
}

.tablet {
    display: none;
}


@media (max-width: 1370px) {
    .relax .header {
        padding-bottom: 300px;
        padding-left: 18%;
        padding-top: 0;
        padding-right: 0;
    }
    
    .action-rules {
        background-position-y: -79px;
    }
    
     .header__logo, 
     .header__description,
     .header__button {
         padding-left: 0;
     }
     
     main .container-relax {
         max-width: 1366px;
         width: 100%;
     }
     
     main .action-rules {
         padding-left: 0;
     }
     
     .stories__line {
        -ms-grid-columns: (401px)[2];
        grid-template-columns: repeat(2, 401px);
        max-width: 884px;
     }
     
}


@media (max-width: 1024px) {
    .relax .header  {
        background-image: url('/design/images/img_for_action/2021/relax-15/tablet/header-tablet11.png');
        padding-left: 0;
    }
    
    .header .container-relax {
        padding-left: 74px;
    }
    
    .header__logo {
        padding-top: 211px;
    }
    
    .desktop {
        display: none;
    }
    
    .tablet {
        display: block;
    }
    
    .action-rules {
        background-image: none;
        margin-bottom: 72px;
    }
    
    .action-rules__list {
        padding-bottom: 40px;
        position: relative;
    }
    
    .action-rules__list:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        background-image: url('/design/images/img_for_action/2021/relax-15/tablet/star.png');
        width: 114px;
        height: 89px;
    }
    

    .music__item {
        margin-right: 0;
    }
    
    main .container-relax:first-child {
        background-image: none;
    }
}

@media (max-width: 803px) {
    .stories__line {
    -ms-grid-columns: (401px)[1];
    grid-template-columns: repeat(1, 401px);
    max-width: 401px;
}
}


@media (max-width: 768px) {
        .relax .header  {
        background-image: url('/design/images/img_for_action/2021/relax-15/mobile/background-mobile.png');
        padding-left: 0;
        background-size: 100% 100%;
        padding-bottom: 196px;
    }

    .tablet {
        display: none;
    }
    
    .mobile {
        display: block;
    }
    
    .header__logo {
        padding-top: 138px;
    }
    
    .header__logo h1 {
        font-size: 61.68px;
        display: inline;
        padding-left: 58px;
    }
    
    .header__logo img {
        max-width: 304px;
    }
    
    .header .container-relax {
        padding-left: 11px;
    }
    
    .header__description p {
        font-size: 16px;
        line-height: 22px;    
}

.header__button button {
    max-width: 270px;
}

main .action-rules {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 55px;
}

main {
        margin-top: -135px;
        padding-left: 13px;
}

.action-rules__list {
        margin-top: -34px;
        padding-bottom: 30px;
}

.action-rules__list h2 {
    font-size: 34px;
    margin-bottom: 28px;
    line-height: 30px;
}

.action-rules__list li {
    font-size: 18px;
    margin-bottom: 28px;
    line-height: 26px;
}

.action-rules__gift {
    position: static;
    margin-right: 0;
}

.action-rules__date {
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 2px;
}

.action-rules-modal {
    font-size: 13px;
    line-height: 13px;
}

.action-rules__list:before {
    background-image: url('/design/images/img_for_action/2021/relax-15/mobile/star-mobile.svg');
    width: 30px;
    height: 30px;
    bottom: auto;
    top: 11%;
    right: 2%;
}

.users h2 {

    font-size: 30.41px;
    line-height: 32px;
    padding-right: 12px;
    margin-bottom: 72px;
}

.stories__item {
    width: 100%;
}

.stories__story .story {
    font-size: 24px;
}

.stories__line {
    padding-right: 13px;
    -ms-grid-columns: auto;
    grid-template-columns: auto;
}

.stories__user .fullname {
    font-family: 'Espuma Pro', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 19px;
    line-height: 12px;
    color: #460B0B;
    margin-bottom: 7px;
}

.users {
    background-image: none;
}

main .pagination{
    margin-top: 0;
}

.music__list {
    display: -ms-grid !important;
    display: grid !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.music__item {
    margin-bottom: 50px;
}

.action-rules__gift img {
    max-width: inherit;
    width: 100%;
}

}

.modal__container.modal__story_container {
    height: calc(57vh - 20px);
    padding-top: 46px;
}

.modal__container.modal__story_container main {
    margin-top: 0;
}

@media (max-width: 1440px) {
    .modal__header {
        top: 5.5%;
    }
}


@media (max-width: 768px) {
    .modal.micromodal-slide.is-open .modal-content__wrapp {
    padding: 0 10px;
}
.modal__title {
    font-size: 31.41px;
    padding-top: 0;
    margin-bottom: 0;
}

.relax-form .form__item input {
    height: 38px;
}


.form__item--flex {
    flex-direction: column;
}
.form__item--flex .form__item {
    max-width: inherit;
}

.modal.micromodal-slide.is-open .modal__container {
    height: 80vh;
}

.modal.micromodal-slide.is-open .modal__header {
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative !important;
}

.modal.micromodal-slide.is-open .modal__close {
    position: absolute;
    right: 5px !important;
    top: 5px !important;
}

#rules .modal__close {
    z-index: 22;
    position: absolute;
    right: 5px !important;
    top: 5px !important;
}

.modal__container.modal__story_container {
    height: 100vh !important;
    padding-top: 12px;
    padding-left: 20px;
    padding-right: 20px;
}

.modal__content {
    padding-left: 0 !important;
}

.relax-form {
    padding-bottom: 0;
}
.modal__container.modal__story_container header {
    top: 0 !important;
    right: 0 !important;
    width: 100% !important;
}

.relax-form .form__item button {
    max-width: 261px;
    height: 51px;
    margin-top: 10px;
    cursor: pointer;
}

.relax-form .form__item label {
    font-size: 16px;
    line-height: 7px;
}
    .modal.micromodal-slide.is-open.loaded  .story-loaded__text{
    font-size: 12px;
    line-height: 19px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
}
.modal.micromodal-slide.is-open.loaded  header{
    padding-bottom: 0px;
}

.modal.micromodal-slide.is-open.loaded .modal__title {
    font-size: 25px;
}

}

#story-loaded .modal__container {
    height: 37vh !important;
    overflow: none !important;
}


.modal.micromodal-slide.is-open.loaded #participate__container {
    height: 37vh;
    overflow: hidden;
    background-image: url(/design/images/img_for_action/2021/relax-15/loaded.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}

.modal.micromodal-slide.is-open.loaded #participate__container .modal__content {
    margin-top: 0;
}

.pagination__link_current {
    font-size: 19px;
    font-family: 'EspumaPro-Regular', sans-serif;
    margin: 0 10px;
    color: #009CAB;
}


@media (max-width: 1700px) and (min-width: 1200px) {
    main .container-relax:first-child {
    background-position-y: 1px;
}
}

@media (max-width: 1920px) and (min-width: 768px) {
    .modal.micromodal-slide.is-open .modal__story_container header {
    position: relative;
    top: -50px;
    right: -50px;
    width: 100%;
}
}



.header__content {
    max-width: 1345px;
    margin: auto;
    padding-top: 32px;
}
.header__top-side {
    display: flex;
    align-items: center;
}
.nav__btn {
    display: none;
}
.main-menu__list {
    padding: 0;
    list-style-type: none;
    display: flex;
    margin: 0 0 0 34px;
}
.main-menu__item + .main-menu__item {
    margin-left: 34px;
}
.main-menu__button {
    background: transparent;
    border: none;
    padding: 0;
    font-size: 18px;
    line-height: 26px;
    color: #460B0B;
    font-weight: normal;
}
.main-menu__button:focus {
    outline: none;
}

@media screen and (max-width: 700px) {
    .header__nav {
        position: relative;
        width: 100%;
        height: 57px;
    }
    /* Анимированный бургер */
    .nav__btn {
        display: block;
        position: absolute;
        width: 50px;
        height: 40px;
        transition: .5s ease-in-out;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        padding: 0;
        border: none;
        background: #fff;
        border-radius: 3px;
        z-index: 6;
    }
    .nav__btn:focus {
        outline: none;
    }
    .nav__btn span {
        display: block;
        position: absolute;
        height: 2px;
        width: 22px;
        background: #000;
        border-radius: 100px;
        opacity: 1;
        left: 50%;
        transform: translateX(-50%) rotate(0deg);
        transition: .25s ease-in-out;
    }
    
    .nav__btn span:nth-child(1) {
        top: 10px;
    }
.nav__btn span:nth-child(2),
    .nav__btn span:nth-child(3) {
        top: 50%;
        transform: translateY(-50%);
        width: 22px;
        left: initial;
        right: calc(50% - 11px);
    }
    .nav__btn span:nth-child(4) {
        top: 29px;
    }
    .nav__btn.open span:nth-child(2), 
    .nav__btn.open span:nth-child(3) {
        right: calc(50% - 8px);
    }
    .nav__btn.open span:nth-child(1) {
        top: 18px;
        width: 0%;
        left: 50%;
    }
    .nav__btn.open span:nth-child(2) {
        transform: rotate(45deg);
    }
    .nav__btn.open span:nth-child(3) {
        transform: rotate(-45deg);
    }
    .nav__btn.open span:nth-child(4) {
        top: 18px;
        width: 0%;
        left: 50%;
    }
    /* Анимированный бургер */
    .header__nav .main-menu__list {
        padding: 0 30px;
        flex-direction: column;
        margin: 0;
        position: fixed;
background: #fff;
        height: 100%;
        right: 0;
        top: 0;
        justify-content: center;
        transform: translateY(-100%);
        opacity: 0;
        z-index: 2;
    }
    .header__nav .main-menu__list.open {
        transform: translateY(0);
        opacity: 1;
        transition: transform,opacity .2s linear;
    }
    .header__nav .main-menu__item+.main-menu__item {
        margin: 30px 0 0;
    }
}


.modal__container.modal__story_container .story__social {
    position: static;
}

.users.users-winner {
    margin-bottom: 70px;
    background-image: url('/design/images/bg-win.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
}


.win_hide {
    display: none;
}


.header__button.win-more {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-top: 59px;
    margin-bottom: 100px;
}


.tg-share {
    margin-top: -2px;
    margin-left: 6px;
}

.social-share.post-share button svg {
    height: 25px;
}