/*Обнуление*/
 * {
     padding: 0;
     margin: 0;
     border: 0;
}
 *, *:before, *:after {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 :focus, :active {
     outline: none;
}
 a:focus, a:active {
     outline: none;
}
 nav, footer, header, aside {
     display: block;
}
 html, body {
     height: 100%;
     width: 100%;
     font-size: 100%;
     line-height: 1;
     font-size: 14px;
     -ms-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%;
}
 input, button, textarea {
     font-family: inherit;
}
 input::-ms-clear {
     display: none;
}
 button {
     cursor: pointer;
}
 button::-moz-focus-inner {
     padding: 0;
     border: 0;
}
 a, a:visited {
     text-decoration: none;
}
 a:hover {
     text-decoration: none;
}
 ul li {
     list-style: none;
}
 img {
     vertical-align: top;
}
 h1, h2, h3, h4, h5, h6 {
     font-size: inherit;
     font-weight: 400;
}
/*--------------------*/


body {
    /*background-color: #eb651d;*/
    background-color: #fff;
}
.wrapper {
    position: relative;
    width: 100%;
    min-width: 100vw;
    height: 100%;
    min-height: 100vh;
    /*background-color: #fe5000;*/
    /*background: linear-gradient(135deg, rgba(235, 101, 29, 1) 0%, rgba(230, 95, 32, 1) 51%, rgba(200, 64, 49, 1) 70%, rgba(199, 63, 50, 1) 100%);*/
    /*background: url(../img/fone.jpg?v=2025.12.001) 50% 50% / cover no-repeat;*/
    overflow: hidden;
}

.fone-fullscreen{
    display: none;
}

.content_wrapper{
    position: relative;
    width: 100%;
    height: 100%;
}

.content{
    position: absolute;
    width: 100vw;
    height: 177.78vw;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.content_container{
    position: relative;
    width: 100%;
    height: 100%;
}


.fone{
    position: absolute;
    width: 133.61%;
    height: 134.53%;
    left: -16.85%;
    top: -24.17%;
    background: url(../img/1080х1920_fone.jpg?v=2026.08.001) 50% 50%/100% no-repeat;
    transform: scale(1.05);
    transition: transform 0.2s ease-out;
}

.webp-support .fone {
    background: url('../img/1080х1920_fone.webp?v=2026.08.001')  50% 50%/100% no-repeat;
}

.banner-wrapper{
    position: absolute;
    width: 100%;
    height: 71.15%;
    left: 0;
    top: 23.13%;
}

.banner{
    position: relative;
    width: 100%;
    height: 100%;
}

.header-text,
.listen-panel,
.listen,
.look-panel,
.broadcast,
.broadcast_stub,
.tel_chat_panel,
.video,
.telegram,
.tel{
    position: absolute;
}

.header-text img,
.listen-panel img,
.listen img,
.look-panel img,
.broadcast img,
.broadcast_stub img,
.tel_chat_panel,
.telegram img,
.tel img{
    width: 100%;
}

.header-text{
    width: 88.33%;
    height: 12.88%;
    left: 5.65%;
    top: 0%;
}

.listen-panel{
    width: 26.76%;
    height: 9.37%;
    left: 12.96%;
    top: 39.46%;
    background: url('../img/listen_panel_p.svg?v=2026.08.001')  50% 50%/100% no-repeat;
}

.listen{
    width: 10.09%;
    height: 4.39%;
    left: 14.81%;
    top: 41.87%;
    background: url('../img/listen_p.svg?v=2026.08.001')  50% 50%/100% no-repeat;
}

.look-panel{
    width: 77.78%;
    height: 39.24%;
    left: 12.96%;
    top: 49.49%;
    background: url('../img/look_panel.svg?v=2026.08.001')  50% 50%/100% no-repeat;
}


.video,
.broadcast,
.broadcast_stub{
    width: 71.2%;
    height: 31.77%;
    left: 16.11%;
    top: 53.07%;
}

.broadcast{
    background: url('../img/broadcast.svg?v=2026.08.001')  50% 50%/100% no-repeat;
}

.broadcast_stub{
    background: url('../img/broadcast_stub.svg?v=2026.08.001')  50% 50%/100% no-repeat;
}

.tel_chat_panel{
    width: 77.78%;
    height: 10.69%;
    left: 12.96%;
    top: 89.31%;
    background: url('../img/tel_chat_panel_p.svg?v=2026.08.001')  50% 50%/100% no-repeat;
}


.telegram{
    width: 22.50%;
    height: 4.17%;
    left: 16.11%;
    top: 92.46%;
}

.tel{
    width: 30.83%;
    height: 4.17%;
    left: 55.65%;
    top: 92.46%;
}

.main-player{
    position: absolute;
    width: 9.26%;
    height: 7.32%;
    left: 28.15%;
    top: 40.41%;
}

.player{
    height: 100%;
}

.player img{
    width: 100%;
}

#ivastop{
        animation: play_pulse 2s  linear infinite;
}
@keyframes play_pulse{
    0%{
        opacity: 1;
    }
    50%{
        opacity: 0.5;
    }
    100%{
        opacity: 1;
    }
}



@media (min-aspect-ratio: 1202/1920){
    .content{
        width: 177.78vh;
        height: 100vh;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .fone{
        width: 114.43%;
        height: 113.61%;
        left: -7.19%;
        top: -2.13%;
        background: url(../img/1920х1080_fone.jpg?v=2026.08.001) 50% 50%/100% no-repeat;
    }

    .webp-support .fone {
        background: url('../img/1920х1080_fone.webp?v=2026.08.001')  50% 50%/100% no-repeat;
    }

    .banner-wrapper{
        width: 161.68vh;
        height: 100vh;
        top: 0;
        left: 50%;
        margin-right: -50%;
        transform: translateX(-50%);
    }

    .banner{
        position: relative;
        width: 100%;
        height: 100%;
    }

    .header-text{
        width: 61.85%;
        height: 16.2%;
        left: 19.01%;
        top: 2.22%;
    }

    .listen-panel{
        width: 22.53%;
        height: 23.15%;
        left: 16.41%;
        top: 57.69%;
        background: url('../img/listen_panel_l.svg?v=2026.08.001')  50% 50%/100% no-repeat;
    }

    .listen{
        width: 11.46%;
        height: 3.7%;
        left: 18.49%;
        top: 59.72%;
        background: url('../img/listen_l.svg?v=2026.08.001')  50% 50%/100% no-repeat;
    }

    .look-panel{
        width: 40%;
        height: 39.81%;
        left: 39.58%;
        top: 57.69%;
        background: url('../img/look_panel.svg?v=2026.08.001')  50% 50%/100% no-repeat;
    }


    .video,
    .broadcast,
    .broadcast_stub{
        width: 35.74%;
        height: 32.5%;
        left: 41.55%;
        top: 61.48%;
    }

    .broadcast{
        background: url('../img/broadcast.svg?v=2026.08.001')  50% 50%/100% no-repeat;
    }

    .broadcast_stub{
        background: url('../img/broadcast_stub.svg?v=2026.08.001')  50% 50%/100% no-repeat;
    }

    .tel_chat_panel{
        width: 22.46%;
        height: 15.65%;
        left: 16.41%;
        top: 81.94%;
        background: url('../img/tel_chat_panel_l.svg?v=2026.08.001')  50% 50%/100% no-repeat;
    }

    .telegram{
        width: 13.09%;
        height: 4.35%;
        left: 18.49%;
        top: 90.74%;
    }

    .tel{
        width: 18.03%;
        height: 4.35%;
        left: 18.49%;
        top: 84.54%;
    }

    .main-player{
        width: 8.07%;
        height: 11.48%;
        left: 23.44%;
        top: 65.09%;
    }

}


@media(min-aspect-ratio: 1202/1920) and (max-aspect-ratio: 1536/1080){
    .content{
        width: 100vw;
        height: 70.31vw;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
    }

    .banner-wrapper{
        position: absolute;
        width: 100vw;
        height: 70.31vw;
        top: 0;
        left: 50%;
        margin-right: -50%;
        transform: translateX(-50%);
    }

    .look-panel{
        width: 44.08%;
        height: 39.81%;
        left: 39.58%;
        top: 57.69%;
    }

    .video,
    .broadcast,
    .broadcast_stub{
        width: 40.56%;
        height: 32.5%;
        left: 41.34%;
        top: 61.48%;
    }

    .fone{
        width: 111.72%;
        height: 356.02%;
        left: -5.94%;
        top: -135.37%;
        background: url(../img/1080х1920_fone.jpg?v=2026.08.001) 50% 50%/100% no-repeat;
    }

    .webp-support .fone {
        background: url('../img/1080х1920_fone.webp?v=2026.08.001')  50% 50%/100% no-repeat;
    }
}

@media (min-aspect-ratio: 2189/1080){
    .fone{
        display: none;
    }
    .fone-fullscreen{
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: url(../img/1920х1080_fone.jpg?v=2026.08.001) center / cover no-repeat;
    }
}

@media (max-aspect-ratio: 912/1920){

    .fone{
        display: none;
    }
    .fone-fullscreen{
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: url(../img/1080х1920_fone.jpg?v=2026.08.001) center / cover no-repeat;
    }
    .webp-support .fone {
        background: url('../img/1080х1920_fone.webp?v=2026.08.001') center / cover no-repeat;
    }
}


@media(orientation: landscape) and (max-aspect-ratio: 1536/1080){

}

/*Экран уже чем отношение когда x=1080 y=1920*/
@media (orientation: portrait) and (max-aspect-ratio: 1080/1920) {
    /*.content{
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
    }*/
}


@media (min-aspect-ratio: 1202/1920) and (max-aspect-ratio: 1536/1080) {

}

/*Экран уже чем отношение когда x=1080 y=1448*/
@media (orientation: portrait) and (min-aspect-ratio: 1080/1920) and (max-aspect-ratio: 1080/1448) {

}

/*Экран уже чем отношение когда x=1080 y=1080*/
@media (orientation: portrait) and (min-aspect-ratio: 1080/1448){

}


@media (orientation: landscape){
}

/*Экран уже чем x=1610 y=1080 (orientation: landscape) and */
/*@media (orientation: landscape) and (max-aspect-ratio: 1610/1080) {*/
@media (orientation: landscape) and (max-aspect-ratio: 1080/818){

}


/*Экран шире чем отношение когда x=1920 y=1080*/
@media (orientation: landscape) and (min-aspect-ratio: 1920/1080) {

}