.owl-carousel .owl-item img{min-width:30em;}
  .owl-theme .owl-nav {
    width: 100%;
    font-size: 3em; position: absolute; top: 35%;}
  

 .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
  color: #f5a623;
  
 }

  .owl-prev {
    /*width: 20px;
    height: 100px;*/
    position: absolute;
    top: 40%;
    margin-left: -18px;
    display: block!IMPORTANT;
    border:0px solid black;
    left: -16px;
    z-index: 2000;
}

.owl-next {
    /*width: 20px;
    height: 100px;*/
    position: absolute;
    top: 40%;
    right: -20px;
    display: block!IMPORTANT;
    border:0px solid black;
    color: #fff;
    border-radius: 1em;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background-color:#f5a623;
}
html, body{height: 100%;}
.carousel.carousel-slider{height: 100%;}
.carousel.carousel-slider .carousel-fixed-item{
  bottom: 50%;
}
.carousel.carousel-sliders{height: 100%;}
.carousel.carousel-sliders .carousel-fixed-item{
  bottom: 50%;
}
.carousel-item{
  
}
.carousel-item div {
  height: 100%;
   background-size: cover;
   background-position: center center;
}
.carousel-item .teks{margin:auto; position: absolute; z-index: 1500; top: 0; left: 0; bottom: 0; right: 0; background-color:rgba(0,0,0,.3); color: #fff; text-align: left;}
.carousel-item .teks .teksCenter {
    position: absolute;
    top:0;
    left:0;
    color: #fff;
    width: 100%;
    padding:100% 1rem 0 1rem;
}​
.carousel-item .teksVid{margin:auto; position: absolute; z-index: 1500; top: 0; left: 0; bottom: 0; right: 0; background-color:rgba(0,0,0,1); color: #fff; text-align: left;}
.carousel-item .teksVid .teksVidCenter {
    position: absolute;
    top:0;
    left:0;
    z-index: 1600;
    text-align: left;
    /*background-color: rgba(0,0,0,.4);*/
    width: 100% !important;
    padding-left: 16%;
    padding-top: 20%;
}​
.carousel-item .teksVid .teksVidCenter2 {
    position: absolute;
    top:0;
    left:0;
    z-index: 1600;
    text-align: left;
    /*background-color: rgba(0,0,0,.4);*/
    width: 100% !important;
    padding-left: 16%;
    padding-top: 20%;
}​
.carousel.carousel-slider .carousel-item p {
    font-size: 2rem;
}
.liveP{padding-top: 70%}

.carousel.carousel-slider .carousel-item h2.tHeader{
  font-weight: 800;
  line-height: 1.1em;
}
i.left, i.right{font-size: 50px; font-weight: bold; color: orange;}
@media only screen and (max-width: 600px) {
    .carousel-item .teksVid .teksVidCenter{
    position: absolute; z-index: 1500; top: 0; left: 0; bottom: 0; right: 0; color: #fff; 
    text-align: left; 
    /*padding: 1rem;*/
    padding: 80% 2rem 0 2.4rem;
  }
  .carousel-item .teksVid .teksVidCenter2{
    position: absolute; z-index: 1500; top: 0; left: 0; bottom: 0; right: 0; color: #fff; 
    text-align: left; 
    /*padding: 1rem;*/
    padding: 45% 2rem 0 2.7rem;
  }
  .liveP{padding-top: 80%;}
   .carousel-item .teks .teksCenter {
    position: absolute;
    top:0;
    left:0;
    color: #fff;
    width: 100%;
    padding:45% 2rem 0 2.7rem;
}​
}
@media screen and (max-width: 640px) {
  .carousel-item .teksVid .teksVidCenter{
    position: absolute; z-index: 1500; top: 0; left: 0; bottom: 0; right: 0; color: #fff; 
    text-align: left; 
    /*padding: 1rem;*/
    padding: 85% 2rem 0 2.4rem;
  }
  .carousel-item .teksVid .teksVidCenter2{
    position: absolute; z-index: 1500; top: 0; left: 0; bottom: 0; right: 0; color: #fff; 
    text-align: left; 
    /*padding: 1rem;*/
    padding: 95% 2rem 0 3rem;
  }
  i.left, i.right{font-size: 50px; font-weight: 500; color: orange;}
}
@media screen and (min-width: 800px and max-width:850px;) {
  .carousel-item .teksVid .teksVidCenter{
    position: absolute; z-index: 1500; top: 0; left: 0; bottom: 0; right: 0; color: #fff; 
    text-align: left; 
    /*padding: 1rem;*/
    padding: 75% 2rem 0 4rem;
  }
  .carousel-item .teksVid .teksVidCenter2{
    position: absolute; z-index: 1500; top: 0; left: 0; bottom: 0; right: 0; color: #fff; 
    text-align: left; 
    /*padding: 1rem;*/
    padding: 75% 2rem 0 4rem;
  }
  .liveP{padding-top: 80%;}
  .carousel-item .teks .teksCenter {
    position: absolute;
    top:0;
    left:0;
    color: #fff;
    width: 100%;
    padding:75% 2rem 0 4rem;
  }​
}
a.putih:link, a.putih:visited, a.putih:active {color: #fff;}
.carousel-item img{
  height: 100%;
}


.fullContainer{
  width: 100%!important;
  min-height: 100% !important;
  height: 100% !important;
}

.video-containers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 2;
}
.video-containers > video {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media screen and (max-aspect-ratio: 1920/1080) {
  .video-containers > video {
    height: 100%;
  }
}
@media screen and (min-aspect-ratio: 1920/1080) {
  .video-containers > video {
    width: 100%;
  }
}