#popupvideo{
     display:none 
}
 #popupvideo.show{
     position:fixed;
     z-index:99;
     top:0;
     right:0;
     bottom:0;
     left:0;
     display:-webkit-box;
     display:-webkit-flex;
     display:-moz-box;
     display:-ms-flexbox;
     display:flex;
     -webkit-box-align:center;
     -webkit-align-items:center;
     -moz-box-align:center;
     -ms-flex-align:center;
     align-items:center;
     -webkit-box-pack:center;
     -webkit-justify-content:center;
     -moz-box-pack:center;
     -ms-flex-pack:center;
     justify-content:center;
     margin:auto;
     padding-left: 5rem;
}
 #popupvideo .popup{
     background-color: #000;
     opacity: 0;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
             transform: scale3d(0.3, 0.3, 0.3);
     -webkit-transition:opacity 0.1s ease, -webkit-transform 0.1s ease;
     transition:opacity 0.1s ease, -webkit-transform 0.1s ease;
     -o-transition:opacity 0.1s ease, -o-transform 0.1s ease;
     -moz-transition:opacity 0.1s ease, transform 0.1s ease, -moz-transform 0.1s ease;
     transition:opacity 0.1s ease, transform 0.1s ease;
     transition: opacity 0.1s ease, transform 0.1s ease, -webkit-transform 0.1s ease, -moz-transform 0.1s ease, -o-transform 0.1s ease;
}
 #popupvideo.show .popup{
     background-color: #000;
     opacity: 1;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
             transform: scale3d(1, 1, 1);
     -webkit-transition:opacity .6s ease, -webkit-transform .6s ease;
     transition:opacity .6s ease, -webkit-transform .6s ease;
     -o-transition:opacity .6s ease, -o-transform .6s ease;
     -moz-transition:opacity .6s ease, transform .6s ease, -moz-transform .6s ease;
     transition:opacity .6s ease, transform .6s ease;
     transition: opacity .6s ease, transform .6s ease, -webkit-transform .6s ease, -moz-transform .6s ease, -o-transform .6s ease;
     -webkit-animation-name: zoomIn;
        -moz-animation-name: zoomIn;
          -o-animation-name: zoomIn;
             animation-name: zoomIn;
     -webkit-animation-duration: 1.6s;
        -moz-animation-duration: 1.6s;
          -o-animation-duration: 1.6s;
             animation-duration: 1.6s;
}
 #popupvideo.show .popup{
     margin:0;
     position:relative;
     width:100%;
     max-width:45rem;
     z-index:101;
     aspect-ratio: 16/9;
}
 #popupvideo.show .popup video {
     width: 100%;
     height: auto;
}
 #popupvideo.show svg{
     cursor:pointer;
     position:absolute;
     width:1.3rem;
     height:1.3rem;
     right: .5rem;
     top: .5rem;
     fill:none 
}
 #popupvideo.show svg path{
     fill:#ffffff 
}
 #popupvideo.show svg:hover path{
     fill:#0936F4 
}
 #popupvideo.show .close{
     position:absolute;
     z-index:100;
     top:0;
     right:0;
     bottom:0;
     left:0;
     width:100%;
     height:100%;
     cursor:pointer;
     background-color:rgba(44,44,44,.88) 
}



/* Стили для попапа */
#galleryPopup.popup, #galleryCarouselPopup.popup {
  display: none; /* Скрыт по умолчанию */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}
#galleryCarouselPopup.popup{
     z-index: 100;
}
#galleryPopup .popup-content, #galleryCarouselPopup .popup-content {
  background-color:rgba(44,44,44,.88);
  padding: 3.097rem 2.097rem 1.7rem 8.097rem;
  min-width: 100%;
  overflow-y: auto;
  -webkit-animation-name: fadeIn;
     -moz-animation-name: fadeIn;
       -o-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1.1s;
     -moz-animation-duration: 1.1s;
       -o-animation-duration: 1.1s;
          animation-duration: 1.1s;
    -webkit-transition-duration: 1.1s;
       -moz-transition-duration: 1.1s;
         -o-transition-duration: 1.1s;
            transition-duration: 1.1s;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
}

#galleryPopup .close-popup, #galleryCarouselPopup .close-popup {
  position: absolute;
  width:1.3rem;
  height:1.3rem;
  right: .9rem;
  top: 1.3rem;
  cursor: pointer;
  z-index: 1;
}
#galleryPopup .close-popup path, #galleryCarouselPopup .close-popup path{
     fill:#ffffff 
}
 #galleryPopup .close-popup:hover path, #galleryCarouselPopup .close-popup:hover path{
     fill:#0936F4 
}



@media only screen and (max-height: 630px), only screen and (max-width: 830px) {
#galleryPopup .popup-content{
     padding: 1.323rem 0.097rem 1.323rem 1.097rem;;
}
#galleryCarouselPopup .popup-content{
     padding: 1.323rem 1.097rem;
}
#popupvideo.show{
     padding-left: 0;
}
#popupvideo.show, #galleryPopup.popup, #galleryCarouselPopup.popup{
     z-index: 1001;
}
}