* , * ::before, * ::after {box-sizing: border-box;margin:0;padding:0;    font-family:'FuturaRoundDFM-Regular', sans-serif;}
body{
    background: #ffa952;
    overflow-x:hidden;
}
/*Шапка */
@font-face{
    font-family:'FuturaRoundDFM-Regular';
    src:url('/design/images/img_for_actions/2018/hit2018/FuturaRoundDFM-Regular.eot');
    src:url('/design/images/img_for_actions/2018/hit2018/FuturaRoundDFM-Regular.eot?#iefix') format('embedded-opentype'),
            url('/design/images/img_for_actions/2018/hit2018/FuturaRoundDFM-Regular.woff') format('woff'),
            url('/design/images/img_for_actions/2018/hit2018/FuturaRoundDFM-Regular.ttf') format('truetype'),
            url('/design/images/img_for_actions/2018/hit2018/FuturaRoundDFM-Regular.svg#FuturaRoundDemi') ;
}

.hit2018_wrap{
    position:relative;
    width:100%;
    min-height:1020px;
    background: #ffa952 url('/design/images/img_for_actions/2018/hit2018/hit2018_back1.jpg') top center no-repeat;
}
@media (max-width: 1024px){
    .hit2018_wrap {
        min-height:980px;
    }
}


.hit2018__content{
    margin: 0 auto;
}
.hit2018__header{
    position: relative;
    width:1000px;
    margin: 0 auto;
}
.hit2018__header_logo{
    width: 80%;
    margin: 0 auto;
    top: 10px;
    position: relative;
}
.hit2018__header_home{
    position: absolute;
    top: 50px;
    left: -100px;
}
.hit2018__colonka_l,
.hit2018__colonka_r {
    width:300px;
    position: absolute;
}
.hit2018__colonka_l {right:5%;top:25%;width:385px;z-index:1;}
.hit2018__colonka_r {left:5%;top:25%;width:385px;z-index:1;}

#sitestat {
    width:1px;
    height:1px;
}
.footer__copyright-counters{
    width:1px;
    height:1px;
}



.hit2018_music-wrap{
    width:100%;
    margin:0 auto;
    position: absolute;
    z-index: 5;
}
.hit2018_music-block{
    background:url(/design/images/img_for_actions/2018/hit2018/hit2018_player_back.png) no-repeat ;
    width:830px;
    height:750px;
    margin:0 auto;
    margin-top:-44px;
    padding:0px 30px 0px 80px ;
    background-size: contain;
    position: relative;
    z-index:1;
}
@media (max-width: 1024px){
    .hit2018_music-block{
        margin-top:0px;
    }
}

.hit2018_music-item{
    padding:0px 20px 0px 20px ;
    display: flex;
    align-items: center;
    justify-content: left;
    flex-wrap: nowrap; 
    height:46px;
    width:95%;
}
.hit2018_music-item:hover{
    background: rgba(247,147,30, .3);
    transition: all 0.2s ease-in-out;
}
.hit2018_music-item_num{
    width:43px;
    height:43px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    padding:0px 30px 0px 30px ;
}

.hit2018_music-item_title{
    width:70%;
    font-weight:400;
    font-size: 18px;
}


.hit2018_music-item_pic{
    width:42px;
    height:42px;
}

.hit2018_music-item_title:hover,
.hit2018_music-item_pic:hover{
    cursor:pointer;
}

.hit2018_music-item.active .hit2018_music-item_title {
    font-weight:600;
}

.like-block__count{
    margin-left:25px; 
    font-size:16px;
}


.like-block__img {
    background: url(/design/images/img_for_actions/2018/hit2018/hit2018_like0.png) no-repeat;
    background-position: top center;
    background-size: contain;
    cursor: pointer;
    display: block;
    width: 30px;
    height: 30px;
}

.lentaPoll {
    background: url(/design/images/img_for_actions/2018/hit2018/hit2018_like0.png) no-repeat;
    background-position: top center;
    background-size: contain;
    width: 30px;
    height: 30px;
}
.lentaPoll.voted {
    background: url(/design/images/img_for_actions/2018/hit2018/hit2018_like1.png) no-repeat !important;
    background-position: top center;
    background-size: contain !important;
    width: 30px;
    height: 30px;
}

.systemAlert{
position: absolute;
left: 1387px;
top: 227.767px;
z-index: 10000;
padding: 4px 6px;
border: 3px solid #ee5a2a !important;
border-radius: 4px;
text-align: center;
font: 14px/1.3 arial, sans-serif;
color: red ;
font-weight:bold;
background-color: #fea851 !important;
width: 200px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 5px 0px;
}



/*Прослушиваем */
.hit2018_music_click-block {
    position:absolute;
    white-space: nowrap;
    width:320px;
    height: 45px;
    overflow: hidden;
    z-index:1;
    top:-44px;
    right:10px;
    display: flex;
    align-items: center;
    justify-content: left;
    flex-wrap: nowrap; 
}
.hit2018_music_click_btn{
    display:block;
    width:74px;
    height:45px;
    cursor:pointer;
}
.hit2018_music_click_btn.active,
.hit2018_music_click_btn.active:hover {margin-top:15px;transition: all 0.2s ease-in-out;}
.hit2018_music_click_btn:hover{margin-top:10px;transition: all 0.2s ease-in-out;}

.hit2018_music_click_btn.fade{margin-top:0px;}
.hit2018_music_click_btn.fade:hover{margin-top:0px;}

.play_music{background:url('/design/images/img_for_actions/2018/hit2018/hit2018_player_play.png') top center no-repeat;}
.stop_music{background:url('/design/images/img_for_actions/2018/hit2018/hit2018_player_pause.png') top center no-repeat;}
.prev{background:url('/design/images/img_for_actions/2018/hit2018/hit2018_player_prev.png') top center no-repeat;}
.next{background:url('/design/images/img_for_actions/2018/hit2018/hit2018_player_next.png') top center no-repeat;}


.hit2018_music_click_btn.play_music.fade{background:url('/design/images/img_for_actions/2018/hit2018/hit2018_player_play_.png?v=3') top center no-repeat;}
.hit2018_music_click_btn.stop_music.fade{background:url('/design/images/img_for_actions/2018/hit2018/hit2018_player_pause_.png?v=3') top center no-repeat;}
.hit2018_music_click_btn.fade.prev{background:url('/design/images/img_for_actions/2018/hit2018/hit2018_player_prev_.png?v=3') top center no-repeat;}
.hit2018_music_click_btn.fade.next{background:url('/design/images/img_for_actions/2018/hit2018/hit2018_player_next_.png?v=3') top center no-repeat;}


.play_music.stop{margin-top:15px;}
.stop_music.play{margin-top:15px;}

.hit2018_music_listern-item{
    position:relative;
    padding:90px 20px 0px 4px ;
    display: flex;
    align-items: center;
    justify-content: left;
    flex-wrap: nowrap; 
    height:46px;
    width:98%;
    z-index:5;
}



.hit2018_music_listern-item_title{
    width:82%;
    font-weight:800;
    font-size: 18px;
    padding:20px 0px 60px 30px ;
    color:#000000;
}
.hit2018_music_listern-item.fade .hit2018_music_listern-item_title{
    color:#d32029;
}
.hit2018_music_listern-item_pic{
    width:72px;
    height:72px;
    border: 4px solid #5B0A12;
    border-radius: 3px;
}
.hit2018_music_listern{
    width:90%;
    height:160px;
    border-bottom:solid 2px #F7931E;
    border-radius: 3px;
    margin-bottom:10px;
    position:relative;
}
.hit2018_music_listern-item_action{
    position:relative;
}
.hit2018_music_listern-item_action-poll{
    display: flex;
    align-items: center;
    justify-content: left;
    flex-wrap: nowrap; 
    position: absolute;
    top: -16px;
}
.hit2018_music_listern-item_action-share{
    font-size:12px;
    white-space: nowrap;
    margin-top:40px;
    position: relative;
    left: 53px;
}




.hit2018_music_player{
    /*height:40px;
    border:solid 1px red;*/
}


.progressbar-wrapper {
    display: inline-block; cursor: pointer; 
    width: 647px;
    position: absolute;
    top: 146px;
    z-index:100;
}

.progressbar-wrapper-span {
    display: block; 
    background-color: #f7931e; width: 100%;
}

.progressbar {
    display: block; 
    background-color: #d32029; 
    height: 10px; width: 0;
}


#soundSlider-block .player-volume {margin-right: 20px; height: 40px; padding-top: 2px;position:absolute;z-index:10;left:120px;bottom:20px;}
.player-volume .icon {cursor: pointer;}
#soundSlider-block .player-volume .icon-volume {
    width: 19px;
    height: 18px;
    background-image: url('/design/images/img_for_actions/2018/hit2018/hit2018_sound.png');
    margin-top: 3px;
    display: block;
    position: absolute;
    left:-16px;
}
#soundSlider-block .player-volume .icon-volume.icon-volume-off {background-position: -19px 0;}
#soundSlider-block .sliderStrip {border-radius: 5px; width: 100px; position: relative; height: 10px; margin: 6px 0 0 5px; cursor: pointer; border: solid 2px #fff0bc; background: rgba(255,255,255, 0.8);}
#soundSlider-block .sliderThumb {width: 16px; height: 16px; border-radius: 50%; position: absolute; left: 0; top: -5px; cursor: pointer; background-color: #D32029;  margin-left: -2px;}
#soundSlider-block .sliderThumb:hover {border: solid 2px #D32029; background-color: #D32029;}
#soundSlider-block .sliderThumb:active {background-color: #0084CD;}
#soundSlider-block .sliderBack {width: 0%; height: 6px; position: absolute; left: 0; top: 0; background-color: #D32029; border-radius: 3px;}

.hit2018_music_listern-item.fade .hit2018_music_listern-item_pic,
.hit2018_music_listern-item.fade  .hit2018_music_listern-item_action,
.hit2018_music_listern-item.fade  #soundSlider-block .player-volume{
    opacity:0.2 !important;
}

.hit2018__share{
    position: absolute;
    top: 20px;
    right: -35px;
}


.hit2018__user_item{
    position:relative;
    width:700px;
    height:500px;
    margin:20px;
    display: block;
}
.hit2018_user_title{
    width:70%;
    margin:0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap; 
    margin-top:100px;
}

.hit2018__user_name{
    position: absolute;
    bottom:0px;
    width:100%;
    text-align:left;
    padding:10px;
    z-index:2;
    color:#fff;
    font-family:'FuturaRoundDFM-Regular', sans-serif;
    font-weight: 600;
    background:rgba(9, 107, 90, 0.74);
    border-radius:0px 0px 10px 10px;
}
.hit2018__user_card{
    position: absolute;
    bottom:0px;
    text-align:center;
    width:700px;
    height:500px;
    z-index:1;
    background-size: cover !important;
    border-radius:10px;
}

.hit2018__share_list{
    bottom:7px;
    right:10px;
    position:absolute;
    z-index:3;
    list-style-type:none;
    display:flex;
    flex-wrap: nowrap;
}

.hit2018__share_vk{
    display: block;
    width:22px;
    height:22px;
    background:url('/design/images/img_for_actions/2018/hit2018/hit2018_ico_vk.png');
    background-size:contain;
    margin:0px 3px;
    
}
.hit2018__share_ok{
    display: block;
    width:22px;
    height:22px;
    background:url('/design/images/img_for_actions/2018/hit2018/hit2018_ico_ok.png');
    background-size:contain;
    margin:0px 3px;
}
.hit2018__share_fb{
    display: block;
    width:22px;
    height:22px;
    background:url('/design/images/img_for_actions/2018/hit2018/hit2018_ico_fb.png');
    background-size:contain;
    margin:0px 3px;
}

.hit2018__share_list a.share {
    display: block;
    width:22px;
    height:22px;
}




.inline-news__wrapp {
        display: grid;
        max-width: 90%;
        margin: 40px auto;
        padding: 20px 30px;
        grid-area: 4/1/4/4;
        max-height: 320px;
    }
    @media (max-width: 1680px){
        .inline-news__wrapp {max-width: 1400px;}
    }
    @media (max-width: 1024px){
        .inline-news__wrapp {max-width: 900px;}
    }
    .inline-news__item {
        width: 230px;
        display: grid !important;
        grid-template-rows: 50% 50%;
        grid-column-gap: 20px;
    }
    .inline-news__img {
        max-width: 230px;
        max-height: 200px;
        object-fit: cover;
        border-radius: 10px;
        border: 4px solid #D32029;
    }
    .inline-news__right-side {
        display: flex;
        padding: 0 10px;
    }
    .inline-news__link {
        margin: auto;
        color: #000;
        text-decoration: none;
        font-size: 15px;
        word-break: break-word;
        outline: none;
       padding: 40px 30px 0px 30px;
    }
    .inline-news__link:hover {
        color: #333;
    }
    
    .slick-prev::before, 
    .slick-next::before{
        position: relative;
        color:inherit;
        width: 32px !important;
        height: 45px !important;
    }
    .slick-arrow{
        position: absolute ;
        width: 32px !important;
        height: 45px !important;
    }
    .slick-prev.slick-arrow{
        top: 120px;
    }
    
    .slick-prev {
        left: 0px;
    }
    .slick-next {
        right: 23px;
    }
    @media (max-width: 1024px){
        .slick-next {right: -20px;}
    }
    .slick-next.slick-arrow{
        top: 120px;
    }
    
    .slick-next:before {
        left: 0;
        top:0px;
        background: url(/design/images/img_for_actions/2018/hit2018/arr_right.png) center center no-repeat !important;
        width: 32px !important;
        height: 45px !important;
        position: absolute;
    }
    .slick-prev:before {
        right: 0;
        top:0px;
        background: url(/design/images/img_for_actions/2018/hit2018/arr_left.png) center center no-repeat !important;
        width: 32px !important;
        height: 45px !important;
        position: absolute;
    }
    .slick-slide img {
    display: block;
    margin-left: 40px;
}
.inline-news__alllink{
    margin:0 auto;
    width:200px;
    margin-bottom:60px;
    height:34px;
    text-align: center;
    background: #D32029;
    color:#fff;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 22px 0px;
}
.inline-news__alllink:hover{
    color:#fea851;
    background: #d32029;
    transition: all 0.2s ease-in-out;
}
.hit_2018_news__title {
    margin:0 auto;
    display: block;
}



.new-year__banner-wrapp {
    text-align: center;
    margin-bottom: 1rem;
}


.new-year__banner-wrapp a img {
    border: 3px solid #D8312E;
    border-radius: 10px;
    margin-bottom:60px;
    max-width: 100%;
}


.hit2018_finish {
    background: #d32029;
    margin-bottom:60px;
    height:240px;
}
.hit2018_finish .timer{
    color:#fff;
    font-size:4em;font-weight: 900;
    display:flex;
    min-width:700px;
    height: 225px;
    margin-top: 25px;
}
.hit2018_finish h2 {color:#fff;display:block;text-align: center;padding-top:20px;}
#count_wrapper_1 {margin: 0 auto;}
#count_wrapper_1 .day_wrapper {margin-right: 30px;}
#count_wrapper_1 span.dec {display: block; color: #fff; font-size: 0.45em;text-align: center;}
#count_wrapper_1 span.count_item_wrapper {position: relative; display: inline-block; min-width: 150px;text-align: center;}
#count_wrapper_1 span.count_item {font-size: 1.4em;}
#count_wrapper_1 span.double_dot {top: 10px; right: -3px; position: absolute;}



@media (max-width: 1680px){
    .hit2018__colonka_l {right:0%;}
    .hit2018__colonka_r {left:0%;}
}


@media (max-width: 1400px){
    .hit2018__colonka_l {right:0%;width:285px;}
    .hit2018__colonka_r {left:0%;width:285px;}
}

@media (max-width: 1024px){
    .hit2018__header_logo{width:50%;}
    .hit2018__header_home {left:50px;}
    .hit2018__colonka_l,
    .hit2018__colonka_r {display:none;}
}