/* Start:/local/templates/KPD/css/livecam/livecam.css?17891210454018*/
iframe html{
    overflow: hidden;
}
.player{
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.livecam{
    margin:161px auto 0;
    max-width: 1430px;
}

.livecam-title{
    font-size: 36px;
    line-height: 35px;
    font-family: 'HelveticaNeueCyr';
    color: #2A3A47;
}

.livecam-title span{
    color:#EB5D2B;
}

.livecam-name{
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 40px;
}

.livecam-slide iframe{
    width: 100%;
    height: 300px;
}

.livecam-name div{
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 32px;
    line-height: 40px;
    font-family: 'Core Sans A 65 Bold';
    color: #EB5D2B;
    border-radius: 15px;
    /* background: unset !important; */
}

.livecam-name div span{
    font-family: 'Core Sans A 45 Regular';
    font-size: 16px;
    line-height: 20px;
    color: #2A3A47;
}

.livecam-name img{
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    width: 100px;
    height: 100px;
    object-fit: contain;
}

.livecam-container{
    margin-top: 30px;
    position: relative;
}

.livecam-container .swiper-button-prev,
.livecam-container .swiper-button-next{
    width: auto;
    height: auto;
    border-radius: 15px;
}

.livecam-container .swiper-button-prev{
    left: -100px;
}

.livecam-container .swiper-button-next{
    right: -100px;
}

.livecam-container .swiper-button-prev,
.livecam-container .swiper-button-next{
    width: auto;
    height: auto;
    transition: .4s;
}

.livecam-container .swiper-button-disabled{
    opacity: 1;
}

.livecam-container .swiper-button-prev rect,
.livecam-container .swiper-button-next rect,
.livecam-container .swiper-button-prev path,
.livecam-container .swiper-button-next path{
    transition: .4s;
}

.livecam-container .swiper-button-disabled rect{
    fill: #2A3A47;
}

.livecam-container .swiper-button-next:hover rect,
.livecam-container .swiper-button-prev:hover rect{
    fill: #31B7BC;
}

.livecam-container .swiper-button-disabled path,
.livecam-container .swiper-button-next:hover path,
.livecam-container .swiper-button-prev:hover path{
    stroke: white;
}

.livecam-container .swiper-pagination{
    display: none;
}

.livecam-slide img{

}
.livecam-slide img{
    cursor: pointer;
    max-width: 460px;
    width: 100%;
    max-height: 230px;
    object-fit: contain;
    height: 230px;
    border-radius: 15px;
}

.livecam-slide img:last-child{
    position: absolute;
    left: 0;
}

.livecam-slide__description{
    font-size: 24px;
    line-height: 30px;
    font-family: 'Core Sans A 65 Bold';
    color: #2A3A47;
    display: flex;
    flex-direction: column;
    gap: 5xp;
}

.livecam-slide__description span:first-child{
    font-size: 16px;
    line-height: 20px;
    font-family: 'Core Sans A 45 Regular';
    color: #EB5D2B;
}

.livecam-slide__description span:last-child{
    font-size: 14px;
    line-height: 17px;
    font-family: 'Core Sans A 45 Regular';
    color: #B5B5B5;
}

@media screen and (max-width:1440px){

    .livecam-container .swiper-button-prev,
    .livecam-container .swiper-button-next{

    }
    .livecam-container .swiper-button-prev{
        left: 0px;
    }
    .livecam-container .swiper-button-next{
        right: 0px;
    }
    .swiper-button-next, .swiper-button-prev{
        transform: translateY(-50%);
    }
    .livecam{
        padding: 0 10px;
    }
    
}

@media (max-width: 600px) {
    .livecam-slide img{
        max-width: unset !important;
    }
    .livecam-container .swiper-pagination{
        display: flex;
        justify-content: center;
        position: unset;
        bottom: unset !important;
    }
    .swiper-livecam .swiper-wrapper{
        padding-bottom: 16px;
    }
    .livecam-container .swiper-pagination-bullet-active{
        background: #EB5D2B;
    }
}
/* End */
/* /local/templates/KPD/css/livecam/livecam.css?17891210454018 */