
/** {box-sizing: border-box; outline: none;}
* {margin: 0; padding: 0;}
body, html {height: 100%;}*/


.video-container {overflow: hidden; width:100%; margin:0px auto; padding:0px;  margin-top: -100px;}
.video-banner {position: relative; width:100%; margin:0px auto; position:relative; padding:0px;}

.owl-carousel {display: block; float: left; width: 100%;}
.owl-carousel .owl-item {display: block; float: left; width: 100%;}
.owl-carousel .owl-item .item {display: block; float: left; width: 100%; position: relative; height:100vh; overflow: hidden;}
/*.owl-carousel .owl-item .item img {min-width: 100%; min-height: 100%; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%);
  z-index: -1;}
*/
  

.owl-carousel .owl-item .item video {min-width: 100%; min-height: 100%;}
audio, iframe, img, object, video {max-width: 100%;}
.owl-carousel .owl-item .item .promo-container {position: absolute; z-index:9;  max-width: 100%;  width: 100%; top:30%; left:2%; }
/*.owl-carousel .owl-item .item .promo-container .promo {width: 100%; display:block;}
.owl-carousel .owl-item .item .promo-container .promo h2 { position:relative; color: white; font-size: 50px; letter-spacing: 1px !important;font-weight: 700 !important;  font-family: 'Axiforma-ExtraBold', sans-serif;}
*/


.owl-carousel .owl-nav {display:  block;}

.video-container .owl-prev {width: 60px; height:60px; position: absolute;  top: 50%; left:30px; display: block !important;  background:url(next.png) no-repeat center; cursor:pointer; border:0px;}
.video-container .owl-next {width:60px; height: 60px; position: absolute; top: 50%; right:30px; display: block !important;  background:url(pver.png) no-repeat center; cursor:pointer;border:0px;}


.opacity-full-1 {position: absolute; height: 100vh; width: 100%;  opacity: 0.3; z-index:1; top: 0; left: 0;background-color:#000;}
<!--.opacity-full-2 {position: absolute; height: 100vh; width: 100%;  opacity: 0.6; z-index:1; top: 0; left: 0;background-color:#000;}
-->


@media screen and (min-width:50px) and (max-width:880px) {
	
	.video-container {overflow: hidden; width:100%; margin:0px auto; padding:0px;  margin-top:10px;}
	.owl-carousel .owl-item .item {display: block; float: left; width: 100%; position: relative; height: auto !important; overflow: hidden;}

	.owl-carousel .owl-item .item .promo-container {position: absolute; z-index:9;  max-width: 100%;  width: 100%; top:30% !important; left:2%; }
	.video-container .owl-prev { top:70%!important; left:30%; display: block !important;  background:url(next.png) no-repeat center; cursor:pointer; border:0px;}
.video-container .owl-next {top:70% !important; right:30%; display: block !important;  background:url(pver.png) no-repeat center; cursor:pointer;border:0px;}
.owl-carousel .owl-item .item img {min-width: 100%; min-height: 100%; position: relative !important;}
}



/*
     video{ position:absolute;   width:100% !important;   max-height: 100% !important;    background-size: cover;}
  .owl-carousel .owl-item .item video {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    z-index: -1;
}
  

*/















/*.container {max-width: 1300px; position: relative;  width: 100%;}
.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}*/