@font-face {
    font-family: 'Muller-Bold';
    src: url('/design/images/fonts/MullerBold.ttf')  format('truetype')
}
@font-face {
    font-family: 'Muller-Regular';
    src: url('/design/images/fonts/MullerRegular.ttf')  format('truetype')
}
@font-face {
    font-family: 'Muller-Light';
    src: url('/design/images/fonts/MullerLight.ttf')  format('truetype')
}
body {
    margin: 0;
    padding:0;
    font-family: 'Muller-Regular', Sans-Serif;
}



*:before,
*:after {
    box-sizing: border-box;
}
.sc__header{
    background:url('/design/images/actions/2019/star_couples/sc__header-back.jpg?v=1') top center no-repeat;
    background-size: cover;
    width:100%;
    position: relative;
    z-index: 3;
}
.header__container {
    max-width: 92%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 20% 60% 20%;; 
    grid-template-rows: 50px;
    grid-template-areas: 
        "logo menu share";
    align-items: center;
    
}

    @media (max-width: 1024px){
        .header__container {
            width:100%; 
            display: grid;
            grid-template-columns: 30% 70%; 
            grid-template-rows: 130px ;
            grid-template-areas: 
                "  menu logo"
                "  share logo";
            align-items: center;
            
        }
    }
    
    @media (max-width: 850px){
        .header__container {
            width:100%; 
            display: grid;
            grid-template-columns: 100%; 
            grid-template-rows: 30px ;
            grid-template-areas: 
                " menu "
                " logo";
            align-items: center;
            
        }
    }
    
    @media (max-width: 768px){
        .header__container {
            width:100%; 
            display: grid;
            grid-template-columns: 100%; 
            grid-template-rows: 60px ;
            grid-template-areas: 
                " menu "
                " logo";
            align-items: center;
            
        }
    }

.header__logo_container{
    grid-area: logo;
    /*text-align:center;*/
}

.header__logo_img {
    width:60%;
    margin-top:60px;
}
.main-menu__navigation{
    margin:0 auto;
}
.header__main-menu{
    grid-area: menu;
    display: flex;
    text-align: center;
}

.main-menu__list {
    background: linear-gradient(180deg, #AA885A 0%, #E9B878 23.44%, #B78A55 57.81%, #EFBE7C 100%);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
    border-radius: 0px 0px 100px 100px;
    display: flex;
    justify-content: space-around ;
    list-style-type: none;
    padding:0 20px;
}
.main-menu__item {
    padding:27px 20px 20px 20px ;
    white-space: nowrap;
}
    @media (max-width: 1024px){
        .header__logo_container{text-align:center}
        .header__logo_img {width:30%;margin-top: 10px;}
        .header__main-menu{margin:0 auto;}
        .main-menu__list{flex-wrap:wrap;}
        .main-menu__item {
            padding:7px 10px 7px 10px ;
        }
    }
    @media (max-width: 768px){
        .header__logo_img {width:40%;margin-top: 10px;}
        .main-menu__list{}
        .main-menu__item {
            font-size:13px;
        }
    }
.main-menu__link {
    font-weight: bold;
    color:#3E3429;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}
.main-menu__link:hover {
    color:#fff;
    transition: all 0.2s ease-in-out;
}


.header__main-share{
    grid-area: share;
}
    @media (max-width: 850px){
        .header__main-share{DISPLAY:NONE;}
    }

.counters{
    width: 1px;
    height: 1px;
    position: absolute;
    left: -1000px;
}

ul.like-snet{ 
    margin:0 auto;
    /*margin-top:80px;*/
    list-style-type:none;
    display: flex;
    /*flex-direction: column ;*/
    justify-content:center;
    width: 200px;
}
    @media (max-width: 1024px){
        ul.like-snet{
            margin-top:0px;
            flex-direction: row ;
        }
    }

ul.like-snet li.snet{ margin:0 auto;list-style-type:none;margin-right:5px}
ul.like-snet li.snet a{
        width:21px;
        height:21px; 
        display:block;
        transition: all 0.2s linear;
        border-radius: 50%;
        padding:5px;
        border:solid 1px #fff;
        margin-top:10px;
    }
ul.like-snet li.snet.vk a {background: url('/design/images/actions/2019/beauty_week/vk.png') center center no-repeat;}
ul.like-snet li.snet.ok a {background: url('/design/images/actions/2019/beauty_week/ok.png') center center no-repeat;}
ul.like-snet li.snet.fb a {background: url('/design/images/actions/2019/beauty_week/fb.png') center center no-repeat;}
ul.like-snet li.snet a:hover {transition: all 0.2s linear;border:solid 1px rgba(255,255,255, 0.6);}
.share-block {display:none;}


.header__content{
    display: flex;
    align-items: center;
    text-align:center;
    justify-content: center;
    margin-top:60px;
}


.header__content-title{
    z-index:2;
}

.header__content-description{
    font-size: 22px;
    line-height: 22px;
    color:#fff;
    text-align:center;
}
    @media (max-width: 1700px){
    .header__content-description{
            padding:10px ;    
            border-radius:20px;
        }
    }
.header__content-btn{
    background: #FFFFFF url('/design/images/actions/2019/star_couples/sc__back_play.png?v=2') left center no-repeat;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 100px;
    color:#860000;
    cursor:pointer;
    width:200px;
    text-align: right;
    padding:17px;
    margin:0 auto;
    margin-top:30px;
    margin-bottom:40px;
    transition: all 0.2s ease-in-out;
    font-size: 20px;
}
.header__content-btn:hover{
    transition: all 0.2s ease-in-out;
    background-size:  18% 85%;
}



    @media (max-width: 1024px){
        .header__content-img{
            width:60%;
            margin:0 auto;
            text-align:center;
            position: inherit;
        }
        .header__content-title{
            margin:0 auto;
            margin-top:-40px;
            position:inherit;
            width:50%;
            margin-bottom:20px;
            display: block;
            }
        .header__content-text{
            text-align:center;
        }
        .header__content-btn{margin:0 auto;margin-top:10px;margin-bottom:20px;}
        .header__content-copy{display:none;}
        .header__content-description{
            width:90%;
            padding:0 20px;
            position: inherit;
            text-align:center ;
            display: block;
            background:inherit;
        }
    }
    @media (max-width: 850px){
        .header__content-img{
            width:100%;
            margin-top:60px;
        }
    }


/* о проекте */
.sc__main-content{
    background:#fff;
    text-align:center;
    background-size: cover;
    margin:0 ;
}
.sc__main-title{
    margin:0 auto;
    margin-top:70px;
    margin-bottom: 40px;
}
@media (max-width: 768px){
    .sc__main-title{
        width:90%;
        height:auto;
    }
}

.sc__about{
    width:100%;
    background: url('/design/images/actions/2019/star_couples/sc__back_hearts.png?v=2') top center no-repeat;
}

.sc__autumn{
    display:flex;
    flex-wrap: nowrap;
    align-items: center;
    width:70%;
    margin:0 auto;
    margin-bottom:40px;
}

.sc__autumn-description{
    text-align: left;
    width:30%;
    padding-left:40px;
}
    @media (max-width: 1024px){
        .sc__autumn-description_pic{
            margin-top:40px;
            width:70%;
            height:auto;
        }
    }
.sc__autumn-btn{
    cursor:pointer;
    margin: 20px 0px;
    font-size: 17px;
    line-height: 20px;
    color: #fff;
    width:200px;
    box-sizing: border-box;
    border-radius: 100px;
    background:#fff ;
    text-align:center;
    padding:15px 10px;
    transition: all 0.2s ease-in-out;
    white-space: nowrap;
    background: linear-gradient(180deg, #FF3131 0%, #B51717 100%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 100px;
}
.sc__autumn-btn:hover{
    background: linear-gradient(180deg, #B51717 0%, #FF3131 100%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 100px;
    padding:15px 10px;
    transition: all 0.2s ease-in-out;
}


    @media (max-width: 1200px){
        .sc__autumn{
            display:flex;
            flex-wrap: wrap;
            justify-content: flex-end;
        }
        .sc__autumn-img{order:1;width:100%;}
        .sc__autumn-description {order:2;width:100%;}
        
     }



/* Участники */

.lf__participants {
    width: 100%;
}
.descr-side__red-paragraph {
    text-align:left;
    font-family: 'Muller-Bold', sans-serif;
    color:#D21343;
    font-size: 26px;
    line-height: 26px;
    text-transform: uppercase;
    padding:0px 30px;
    margin-top:-3px;
}
.about__small-paragraph{
    font-size: 22px;
    padding:10px 30px;
    text-align:left;
}


.participants__list {
    list-style-type: none;
    width: 100%;
    padding: 0;
    margin: 0;
    z-index: 2;
    display: flex;
    flex-wrap: nowrap;
}

    

.participants__item{
    position:relative;
    width:25%;
    height:45vh;
    background-size: cover;
    overflow:hidden ;
}
 
    
.participants__descr{
    width:100%;
    padding:0px 0;
    z-index: 2;
    background: rgba(154,25,25, 1.0);
    bottom: -100px;
    position: absolute;
    transition: all 0.2s linear;
    text-transform: uppercase;
}


.participants__item:hover > .participants__descr{
    bottom: 0px;
    padding:15px 0;
     background: rgba(154,25,25, 0.6);
}
    
    
.participants__name-paragraph {
    color: #fff;
    text-align: center;
    font-family: 'Muller-Bold', sans-serif;
    font-size: 18px;
    padding:0px 20px;
}
.clear {
    clear: both;
}

    @media (max-width: 1440px){
        .participants__item{
            position:relative;
            width:25%;
            height:60vh;
            background-size: cover;
            overflow:hidden ;
        }
    }


    @media (max-width: 1024px){
        .participants__list {flex-wrap: wrap; }
        .participants__item{width:50%;}
    }  

    @media (max-width: 768px){
        .participants__item{width:80%;margin:0 auto;margin-bottom:20px;height:50vh;padding:15px 0;}
        .participants__descr{bottom: 0px;}
    } 



@media screen and (max-width: 370px) {
    .lf__main-description {
        grid-template-rows: 550px 220px;
        background-position: bottom center;
        background-size: 90%;
    }
    .main-description__link {
        width: 272px;
        padding: 7px 0 7px 7px;
    }
    .lf__about {
        grid-template-rows: auto 270px;
    }
    .participants__list {
        max-width: 320px;
    }
    .participants__item {
        max-width: 250px;
    }
    .participants__slider-side .pseudo-element {
        left: initial;
        right: -10px;
    }
    .live-video__video-side .pseudo-element {
        right: 10px;
    }
    .lf__live-video {
        margin: 90px 0 20px;
    }
}




/* подкасты */

.sc__efir{
    background:url('/design/images/actions/2019/star_couples/sc__back_zapisi.png') top center no-repeat;
}

.podcast__section__header{
    font-family: 'Muller-Regular', Sans-serif;
    font-size: 26px;
    line-height: 26px;
    text-align: center;
    text-transform: uppercase;
    color: #D21343;
    margin-bottom:40px;
}

    @media (max-width: 768px){
        .podcast__section__header{
            font-size: 20px;
        }
    }

.podcast__paragraph {
    text-align: center;
    color: #363059;
    font-size: 28px;
    font-family: 'Segoe UI', sans-serif;
}
.podcast_list {
    max-width: 1300px;
    margin: auto;
    background: #fff;
    position: relative;
}
.podcast_player_blk .podcast_player {
    width: 27px;
    height: 28px;
    display: block;
    left: 132px;
    top: 24px;
}
@media screen and (max-width: 520px) {
    .podcast_player_blk .podcast_player {
        left: 50px;
    }
}
.podcast_item__img.inplayer {
    height: 50px;
    width: 80px;
}
.podcast_player_blk .progressbar-wrapper {
    position: absolute;
    top: 0;
    bottom: initial !important;
    left: 30px !important;
    width: 317% !important;
    background: #ffe9b0;
    cursor: pointer;
    z-index: 10;
}
#soundSlider-block {
    margin: 27px 0 0 220px;
}
#soundSlider-block .sliderStrip {
    margin-left: 30px;
    margin-top: -10px;
    float: left;
    width: 80px;
    height: 1px;
    background: linear-gradient(180deg, #9A4799 0%, #5E227B 100%);
}
.podcast_player_blk #soundSlider-block .player-volume {
    position: relative;
}
.podcast_player_blk #soundSlider-block .sliderThumb {
    background: linear-gradient(180deg, #9A4799 0%, #5E227B 100%);
    width: 12px;
    height: 12px;
    top: 5px;
    left: 0;
    position: absolute;
    border-radius: 50%;
    cursor: pointer;
    margin-left: 30px;
}
.podcast_player_blk #soundSlider-block .sliderThumb:hover {
    border: none !important;
}
.podcast_item__share_link_list {
    top: -75px;
    left: -80px;
}
.podcast_item__share_ico_vk a.share {
    display: block;
    margin: 0px 7px 0px 0px;
}
.podcast_item__share_ico_ok a.share {
    display: block;
    margin: 0px 7px 0px 0px;
}
.podcast_item__share_ico_fb a.share {
    display: block;
    margin: 0;
}
.podcast_item{
    text-align:left;
}
.podcast_item__title{
    color:#D21343;
}

.podcast_player_blk .icon-volume::before {
    content: "" !important;
    background: url(/design/images/actions/2019/beauty_week/podcast_icon_speaker.png) no-repeat;
    background-size: contain;
}
.podcast_player_blk #soundSlider-block .player-volume .icon-volume.icon-volume-off::before {
    content: "" !important;
    background: url(/design/images/actions/2019/beauty_week/podcast_icon_speakeroff.png) no-repeat;
    background-size: contain;
}
.podcast_player_blk #soundSlider-block .sliderThumb{
    background: linear-gradient(80.82deg, #562D6C 5.39%, #D90854 51.36%, #FDAC1F 98.58%);
}
#soundSlider-block .sliderStrip{
    background: #5E227B;
}
.podcast_player_close {
    position: relative;
    background: url(/design/images/actions/2019/beauty_week/podcast_close.png);
    background-size: contain;
}
.podcast_item__share_link {
    background: url(/design/images/actions/2019/beauty_week/podcast_ico_share_link.png) no-repeat;
        background-size: auto;
    background-size: contain;
}
.podcast_player_blk .mplayer-block-play .play {
    background: url(/design/images/actions/2019/beauty_week/podcast_icon_play.png) center center no-repeat !important;
}
.podcast_player_blk .mplayer-block-play .stop {
    background: url(/design/images/actions/2019/beauty_week/podcast_icon_pause.png) center center no-repeat !important;
}
.podcast_player_blk .progressbar{
    background: rgb(175,20,92);
background: linear-gradient(90deg, rgba(175,20,92,1) 0%, rgba(253,172,31,1) 100%);
}
.podcast_player_blk .progressbar-wrapper{
    background: #FFFFFF;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
}
.podcast_item__imgControl.play {
    background: url(/design/images/actions/2019/beauty_week/podcast_play.png?v=4) center center no-repeat;
}
.podcast_item__imgControl.pause {
    background: url(/design/images/actions/2019/beauty_week/podcast_pause.png?v=4) center center no-repeat;
}
.podcast_item__title, .podcast_item__anonse, .podcast_item__date {
    font-family: "Muller-Regular",sans-serif;
    padding: 2px 20px;
}
.podcast_item__sound_timegray{
    font-family: "Muller-Regular",sans-serif;
}
.sliderBack {background:  #5E227B;}

@media screen and (max-width: 420px) {
    .podcast_item__anonceMobile {
        width: calc(100% - 40px);
    }
}















/* подвал */

.sc__footer{
    background:url('/design/images/actions/2019/star_couples/sc__footer-back.jpg') center center no-repeat ;
    height:390px !important;
    display:flex;
    align-items: center;
}
.sc__footer-title {
    font-weight:bold;
    width:100%;
    color:#fff;
    text-align:center;
    padding:20px 0 0 0;
    text-transform: uppercase;
}

.sc__footer_container,
.sc__footer-logo_link{
    display: block;
    width:100%;
    text-align:center;
}
.sc__footer-img{
    width:10%;
}
    @media (max-width: 1024px){
        .sc__footer-img{
            width:17%;
        }
    }

.footer__main-share{
    width:200px;
    margin:0 auto;
}
.footer__main-share > ul.like-snet{ 
    margin:0 auto;
    margin-top:20px;
    list-style-type:none;
    display: flex;
    flex-direction: row ;
    justify-content:center;
    margin-left: -40px;
}

.footer__main-share > ul.like-snet li.snet{ margin:0 auto;list-style-type:none;}
.footer__main-share > ul.like-snet li.snet a{
        width:31px;
        height:31px; 
        display:block;
        transition: all 0.2s linear;
        border-radius: 50%;
        padding:5px;
        margin-top:10px;
    }
.footer__main-share > ul.like-snet li.snet.vk a {background: #fff url('/design/images/actions/2019/star_couples/vk.png?v=2') center center no-repeat;}
.footer__main-share > ul.like-snet li.snet.ok a {background: #fff url('/design/images/actions/2019/star_couples/ok.png?v=2') center center no-repeat;}
.footer__main-share > ul.like-snet li.snet.fb a {background: #fff url('/design/images/actions/2019/star_couples/fb.png?v=2') center center no-repeat;}
.footer__main-share > ul.like-snet li.snet a:hover {transition: all 0.2s linear;}
.footer__main-share > .share-block {display:none;}


@media (max-width: 1024px){
    body{overflow-x:hidden;}
}