/*
-	HAPPYONLINE IMAGE SLIDER
-	TRAVEL CSS FILE
*/ 

/* clearfix */
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}

/* display none until init */
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left}

/* fix */
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}

/* Controls */
.owl-controls {position:relative;bottom:0px;width:100%;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

/* Controls */
.hoImageSlider .owl-controls .owl-page,.hoImageSlider .owl-controls .owl-buttons div{cursor: pointer;}
.hoImageSlider .owl-pagination{position:absolute;bottom:5px ; width: 100%;text-align: center;} 
.hoImageSlider .owl-pagination .owl-page span{background-color:#ccc;width:20px;height:8px;display:inline-block}
.hoImageSlider .owl-pagination .owl-page{display: inline-block;padding:0 2px}
.hoImageSlider .owl-pagination .owl-page.active span{background:#D00018}
.hoImageSlider .owl-prev,.hoImageSlider .owl-next{opacity:0;webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;transition:opacity .3s linear}
.hoImageSlider:hover .owl-prev,.hoImageSlider:hover .owl-next{opacity:1;}
.hoImageSlider .owl-prev,.hoImageSlider .owl-next{top:50%;border-radius: 50%;margin-top:-25px;position:absolute;z-index:9999;font-size:42px;line-height:51px;color:#fff;background:rgba(0,0,0,0.45);text-align:center;cursor:pointer}
.hoImageSlider .owl-prev{left:0;padding:0 20px 0 16px}
.hoImageSlider .owl-next{right:0;padding:0 16px 0 20px}
.hoImageSlider .owl-prev:hover,.hoImageSlider .owl-next:hover{background: rgba(145, 144, 144, 0.85);}

/* Image & Caption*/
.hoImageSlider{position:relative}
.hoImageSlider .hoImageSlideCaption{position:absolute;top:50%;left: 62%;}
.owl-item.active .hoImageSlideCaption {-webkit-animation: hofromLeft 1.6s;-moz-animation: hofromLeft 1.6s;animation: hofromLeft 1.6s;-webkit-transition: -webkit-animation 1.6s ease-out;-moz-transition: -moz-animation 1.6s ease-out;transition: animation 1.6s ease-out;}
.hoImageSlideTitle {
    font-size: 46px;
    color: #fff;
    background: transparent;
    text-align: left;
    padding: 0 0px;
    max-width: 550px;
    line-height: 1;
    font-weight: 400;
}
.hoImageSlideDesc{font-size: 21px;color:#fff;background: transparent;margin:10px 0;padding: 6px 0px;max-width:550px;text-align: left;}

@keyframes hofromLeft{0%{transform:translateX(-150px)}100%{transform:translateX(0px)}}
@-webkit-keyframes hofromLeft{0%{-webkit-transform:translateX(-150px)}100%{-webkit-transform:translateX(0px)}}
@-o-keyframes hofromLeft{0%{-o-transform:translateX(-150px)}100%{-o-transform:translateX(0px)}}
@-moz-keyframes hofromLeft{0%{-moz-transform:translateX(-150px)}100%{-moz-transform:translateX(0px)}}

.hoImageSlideTitle span {font-weight:500}

.hoImageSlideTitle span,  .hoImageSlideDesc span {
    font-weight: 800;
}