/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 * 	Home theme - Owl Carousel CSS File
 */

 .owl-wrapper  {
   positon: relative;
 }

 .owl-carousel .owl-item:before{
   content: "";
   display: block;
   position: absolute; /* could also be absolute */
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   z-index: 10;
   /*background-color: rgba(0,0,0,0.5);*/
   background-color: rgba(0,0,0,0.4);
 }

.owl-item img {
    display: block;
    width: 100vw;
    height: 350px;
    object-fit: cover;
    object-position: right;
}

 .owl-dots {
   position: absolute;
   bottom: 25px;
   left: 0;
   right: 0;
   margin-left: auto;
   margin-right: auto;
 }

.owl-text-overlay {
    position: absolute;
    text-align: center;
    width: 50%;
    top: 65%;
    transform: translateY(-70%);
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    padding-bottom: 20px;
    border-radius: 0;
    z-index: 10;
}

 .owl-carousel .owl-text-overlay img {
    width: 116px!important;
  }

 .owl-title{
   font-size: 65px;
   line-height: 68px;
   letter-spacing: -2px;
   margin-top: 0;
 }

 h2.owl-title, p.owl-caption  {
   text-shadow: 0 1px 2px rgba(0,0,0,.5);
 }

 .owl-theme .owl-dots .owl-dot.active span{
   width: 12px;
   height: 12px;
   background-color: #fff;
 }

 .owl-theme .owl-dots .owl-dot:hover span {
     background: #fff;
 }

 .owl-theme .owl-dots .owl-dot span {
   background: rgba(255,255,255,0.3);
 }

 p.owl-caption {
   color: #fff;
   font-size: 16px;
   line-height: 24px;
 }

 .owl-theme .owl-dots .owl-dot span {
   margin: 5px 6px;
 }

 .owl-carousel .owl-nav div {
   position: absolute;
   top: 0;
   bottom: 0;
   display: inline-block;
   zoom: 1;
   margin: 0;
   width: 50px;
   height: 70px;
   line-height: 25px;
   text-align: center;
   font-size: .9em;
   border-radius: 3px;
   color: #FFF;
   background: #000;
   opacity: .6;
   text-transform: capitalize;
 }

 .owl-theme .owl-nav [class*='owl-'] {
     padding: 0;
     background: transparent;
     border-radius: 0;
 }

 .owl-theme .owl-nav [class*='owl-']:hover {
     background: transparent;
 }

 .owl-carousel .owl-nav .owl-prev {
   left: 5px;
 }

 .owl-carousel .owl-nav .owl-next {
   right: 5px;
 }

 .owl-carousel .owl-video-play-icon {
     height: 69px;
     width: 80px;
     z-index: 10;
 }
@media (max-width: 991px) {
    .owl-text-overlay {}
    .owl-title {
        font-size: 35px;
        line-height: 35px;
    }
    .owl-dots {
        bottom: 10px;
    }
}
  @media (max-width: 767px) {
    .owl-dots {
      bottom: -35px;
    }
    .owl-theme .owl-dots .owl-dot.active span{
      background-color: #1e2229;
    }
    .owl-theme .owl-dots .owl-dot span {
      background: rgba(90,95,103,0.5);
    }
    .owl-title {
      font-size: 35px;
      line-height: 40px;
      margin-top: 0px;
    }
    .owl-text-overlay {
        width: 65%;
    }
    .owl-text-overlay img{
      width: 15% !important;
    }
    p.owl-caption {
      color: #fff;
      font-size: 14px;
      line-height: 21px;
    }
    .owl-carousel .btn-black {
      font-size: 13px;
      margin-top: 0px;
      padding: 15px 20px 12px 20px;
    }
  }

@media (max-width: 709px) {
    .owl-text-overlay-padding-starburst {
        padding-top: 200px!important;
    }
    .owl-text-overlay {
        width: 85%;
    }
}

@media (max-width: 575px) {
    .owl-text-overlay-padding-starburst {
        padding-top: 50px!important;
    }
}

  @media (max-width: 500px){
    .owl-carousel .owl-text-overlay img {
       width: 100px!important;
     }
    .owl-title {
      font-size: 30px;
      line-height: 35px;
    }
    .owl-carousel .owl-text-overlay h1{
      margin-bottom: 5px;
    }
    .owl-text-overlay {
      top: 75%;
    }
    .owl-text-overlay img{
      width: 15% !important;
    }
    .owl-item img {
        height: 350px;
    }
  }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    .image-size {
        display: block;
        width: 100% !important;
        height: auto !important;
    }

    .starburst {
        position: absolute !important;
    }
}

