/* css set-modal */
.css-modal-checkbox-container {height:60px;display:flex;align-items:center;justify-content:center;float:left;margin-top:8px}

/* Убираем флажок */
#css-modal-checkbox {display:none}

/* Кнопка для открытия */
.css-modal-checkbox {display:inline-flex;padding:12px 30px;cursor:pointer;overflow:hidden;z-index:1;font-size:68px !important;margin-left:-48px;margin-top:-43px}

.css-modal-checkbox:before {top:0;right:-50px;bottom:0;left:0;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;transition:0.5s;transform:scale(1)}

.css-modal-checkbox:hover:before,.css-modal-checkbox:active:before,.css-modal-checkbox:focus:before {-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;transition:0.5s;transform:scale(1.2)} 
 
/* Контейнер, который затемняет страницу */
#css-modal-checkbox + .cmc {display:none}

#css-modal-checkbox:checked + .cmc {display:flex;align-items:center;justify-content:center;z-index:10;position:fixed;left:0;top:0;width:100%;height:100%;animation:bg 0.5s ease;background:rgba(1, 1, 1, 0.84)}

/* Модальное окно*/
#css-modal-checkbox:checked + .cmc .cmt {position:fixed;top:9%;width:100%;max-width:864px;box-shadow:0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2);text-align:center;overflow:auto;animation:scale 0.5s ease;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;transition:0.5s}

/* Кнопки окна */
.css-modal-close, .button-pop-left, .button-pop-right{width:40px;height:40px;z-index:10;top:0px;float:right;margin-top:-546px;position:sticky;background-size:cover;cursor:pointer;opacity:0.8}

.css-modal-close {background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");right:10px}

.button-pop-left {display:block;right:64px;background-image: url("/templates/corolko/images/SET/cinema-room/svg/to_down_arrow_icon_263637.svg")}
.button-pop-right {display:none;right:64px;background-image:url("/templates/corolko/images/SET/cinema-room/svg/to_up_arrow_icon_263640.svg");background-color:#000}

.css-modal-close:hover,
.css-modal-close:focus,
.button-pop-left:hover,
.button-pop-left:focus,
.button-pop-right:hover,
.button-pop-right:focus {
    opacity:1;
    -webkit-transition:all 0.4s ease-out;
    -moz-transition:all 0.4s ease-out;
    -ms-transition:all 0.4s ease-out;
    transition:all 0.4s ease-out;
}

.css-modal-close,.button-pop-left,.button-pop-right {
    -webkit-transition:all 0.4s ease-out;
    -moz-transition:all 0.4s ease-out;
    -ms-transition:all 0.4s ease-out;
    transition:all 0.4s ease-out;
}

@keyframes scale {
    0% {transform:scale(0);}
    100% {transform:scale(1);}
}

@keyframes bg {
    0% {background:rgba(1, 1, 1, 0);}
    100% {background:rgba(1, 1, 1, 0.7);}
}

.cmt-mod {background:#000;margin-top:48px;position:relative;padding-top:56.25%;height:0}

/*iframe {position:absolute;top:0;left:0;width:100%;height:100%}*/

 iframe#ifr-1,iframe#ifr-2,iframe#ifr-3,iframe#ifr-4 {position:absolute;top:0;left:0;width:100%;height:100%}

.btn-iframe {display:inline-flex;position:relative;font-family:Тahoma, sans-serif;background:#585c5f !important;cursor:pointer;overflow:hidden;z-index:1;float:left;margin-left:4px;padding:10px 14px;color:#fff}

.btn-iframe:hover {background:none !important}

.btn-iframe:before{content: '';position:absolute;top:0;right:-50px;bottom:0;left:0;border-right:50px solid transparent;border-top:50px solid #2D6B9F;transition:transform 0.5s;transform:translateX(-100%);z-index:-1}

.activea:before {transform:translateX(0)}

.btn-iframe:hover:before,.btn-iframe:focus:before {transform:translateX(0);color:fff}

.video_image_div{opacity:0.9 !important;margin-bottom:20px}

.video_image_div:hover,.video_image_div:focus {opacity:1 !important}

.pjscssed {position:fixed !important}
.pop-left {width:31% !important;min-width:470px;top:auto !important;left:0;bottom:0}
.pop-cmc {background:none !important;width:auto !important;}

@media screen and (max-width:768px){.pop-left {width:100% !important;top:0px !important;min-width:auto;bottom:auto;background:#000}}

@media screen and (max-width:450px){.btn-iframe{padding:6px 5px}}

@media screen and (max-width:370px){.button-pop-left, .button-pop-right {right:10%}.css-modal-close {right:2px}}

@media screen and (max-width:340px){.button-pop-left, .button-pop-right {display:none !important}}