@import url("/zaglushka/css/font-awesome.min.css");

.open-youtube {
    text-decoration: none;
    cursor: pointer !important;
}

.open-youtube .preview {
    max-height: 100%;
    object-fit: cover;
    background-position: left;
    background-size: cover;
    background-repeat: no-repeat;
    width: 50%;
    height: 100%;
}

.html-content-popup iframe {
    min-height: 500px;
    height: auto;
    max-height: 100%;
    width: 100%;
}

.icon-yt {
    width: 20px;
    vertical-align: bottom;
}

.preview-text {
    padding-bottom: 10px;
}

.webinar {
    display: flex;
    height: 100%;
}

.webinar .webinar-content {
    padding: 30px 10px 30px 24px;
    width: 50%;
    height: 100%;
}

.flex .flex-item.zip {
    padding: 0px;
}

@media all and (max-width: 999px) {
    .webinar .webinar-content {
        width: 100%;
    }

    .open-youtube .preview {
        display: none;
    }
}

@media all and (max-width: 768px) {
    .html-content-popup iframe {
        min-height: 100px;
    }
}

.hide-detail-block
{
    display: none;
}

.s-body .mfp-wrap .wb-popup-modal
{
    position: relative;
    background: #FFF;
    width: auto;
    margin: 20px auto;
    min-height: 100px;
    max-height: 700px;
    min-width: 200px;
    max-width: 1190px;
    top: 40px;
}

.s-body .mfp-wrap .wb-popup-modal .heading
{
    background-color: #3498DB;
}

.js-popup-block-webinar
{
    cursor: pointer;
}