@charset "utf-8";

.is_overlay{ display: block; width: 100%; height: 100%; }

#trailer {
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	overflow: hidden;
	z-index: -1000;
}

#trailer > video {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	min-width: 100%; 
	min-height: 100%;
}

#trailerHistory > video {
	width: 40%;
	height: 40%;
}

 @media (min-aspect-ratio: 16/9) {
     #trailer > video { height: 300%; top: -100%; }
 }
 @media (max-aspect-ratio: 16/9) {
     #trailer > video { width: 300%; left: -100%; }
 }
 
  @media (min-aspect-ratio: 16/9) {
     #trailerHistory > video { height: 40%; left: 1%; top: 9%; }
 }
 @media (max-aspect-ratio: 16/9) {
     #trailerHistory > video { width: 40%; left: 1%; top: 9%; }
 }
 
 /* Если есть поддержка object-fit (Chrome/Chrome для Android, Safari в iOS 8 и Opera), используем его: */
 @supports (object-fit: cover) {
     #trailer > video {
         top: 0; left: 0;
         width: 100%; height: 100%;
         object-fit: cover;
     }
 }