/*Theme Name: Opit 2.0
Theme URI:
Author: Mikhail Epikhin
Author URI:
Description: Original theme
Version: 1.0*/


/* Попапы */

.modal{display: none !important;}

.popup-container, .popup{
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;}

.popup-container{position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow-y: scroll; opacity: 0; visibility: hidden; z-index: 9999989;}
.popup-container::-webkit-scrollbar{width: 0px; height: 0px; background: transparent;}
.modal:checked ~ .popup-container{opacity: 1; visibility: visible;}

.popup-push{position: absoulte; left: 0px; top: 0px; display: block; margin: 0px !important; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999989; cursor: pointer;}
.popup-close{position: absolute; top: 12px; right: 12px; display: block; width: 40px; height: 40px; background: url('../svg/close-btn.svg') center center no-repeat #000000; background-size: 24px 24px; cursor: pointer; z-index: 121;}
.popup{position: absolute; top: -100px; left: 0px; right: 0px; background: #FFFFFF; z-index: 999999997;}
.modal:checked ~ .popup-container .popup{top: 0px;}

@media only screen and (max-width: 680px) {
.popup-close{top: 0px; right: 0px;}
}

/* Попапы */

.legal__item  h2{font-size: 28px; font-weight: 800; line-height: 48px; margin-bottom: 8px;}
.legal__item  h3{font-size: 24px; line-height: 32px; margin-bottom: 8px;}
.legal__item  p{margin: 15px 0px; color: #000; font-size: 16px; line-height: 26px;}

.meet-video-in-modal,
.video-in-modal__true{
	position: relative;
/* 	pointer-events: none; */
}
.meet-video-in-modal:after,
.video-in-modal__true:after{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}
.modal__video{
	display: none;
	position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
	background-color: #000000e6;
	z-index: 222;
}
.modal__video--wrapper{
	width:728px;
	height: 408px;
	margin: auto;
    top: 40%;
    position: absolute;
    left: 50%;
    margin-left: -364px;
    margin-top: -204px;
}
.modal__video.active{
	display:block;
}
.modal__video--close{
	position: absolute;
    right: 0;
    top: -35px;
    width: 30px;
    height: 30px;
    background-color: black;
    color: white;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    cursor: pointer;
}