/*
  *,*:focus {outline:none !important;}
  body {background:#dddddd;font-family: 'Muli', sans-serif;}
*/
.owl-carousel .owl-item {}
.owl-carousel .item.owl-lazy {background-size:150% auto;background-repeat:no-repeat;background-position:center center;position:relative;border-radius:10px;border:solid 1px #ddd;overflow:hidden;transition:background-size 3s ease;}
.owl-carousel .owl-item i.fab {display:inline-block;float:none;clear:both;background:rgba(0,0,0,.15);color:#fff;padding:6px;border-radius:100%;margin-bottom:3px;font-size:20px;margin-bottom:12px;transition:all .5s ease;}
.owl-carousel .owl-item.active .item.owl-lazy {background-size:calc(120% + 50px) auto !important;transition:background-size 3s ease .5s;}
.owl-carousel .owl-item.active i.fab {transition:all .5s ease 1s;}
.owl-carousel .owl-item.active .sliderContentInner {opacity:1;transition:all .8s ease .5s;}
.owl-theme .owl-dots .owl-dot {padding:0px;background:none;border:none;outline:none;}
.sliderContent {position:relative;padding-top:45%;display:block;color:#fff;background-image:linear-gradient(to top, #444444, transparent 20%);}
.sliderContent.bgLight {background-image:linear-gradient(to top, #fff, transparent 75%);color:#000 !important;}
.sliderContentInner {position:absolute;bottom:0px;left:0px;padding:45px 30px;font-size:16px;opacity:0;transition:all .5s ease;}
.sliderContentInner p.lead {line-height:1.3;}
.sliderContent h3 {font-size:24px;font-weight:700;}
.sliderContent .btn.btn-default {background:#06c;color:#fff;padding:6px 12px;font-size:12px;}
@media screen and (max-width:767px) {
    .sliderContent h3 {font-size:20px;}
    .sliderContentInner {padding:25px 30px;}
    .sliderContentInner p.lead {font-size:13px;}
}

/* quite drqstic, not?
* {outline:none;} */
.owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}

.slide-progress {
    width: 0;
    max-width: 100%;
    height: 4px;
    background: #cc0000;
    position:relative;
    z-index:9;
    top:4px;
}

.owl-dot.active {position:relative;}
.owl-dot.active:after {
    display: none;
    animation:smProgressbar 5s ease forwards;
    position:absolute;
    top:5px;
    left:7px;
    content:'';
    height:4px;
    width:0px;
    background:#06c;
    z-index:2;
}
.owl-theme .owl-dots {
    position:relative;
    z-index:9;
    top:-40px;
}
.owl-theme .owl-dots .owl-dot span {
    display: none;
    width:30px;
    height:4px;
    border-radius:0px;
}

@keyframes smProgressbar {
    0% {width:0px;}
    100% {width:30px;}
}
@media screen and (max-width:767px) {
    p.lead {display:none;}
    .sliderContent {padding-top:100%;}
}