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

.owl-carousel{display:none; position:relative; width:100%; -ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none; position:relative; -webkit-transform:translate3d(0px,0px,0px)}
.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}
.owl-controls .owl-page, 
.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-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)}

.grabbing{ cursor:url(grabbing.png) 8 8,move}

/* 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)}

.owl-origin{-webkit-perspective:1200px; -webkit-perspective-origin-x:50%; -webkit-perspective-origin-y:50%; -moz-perspective:1200px; -moz-perspective-origin-x:50%; -moz-perspective-origin-y:50%; perspective:1200px}

.owl-fade-out{ z-index:10;  -webkit-animation:fadeOut .7s both ease;  -moz-animation:fadeOut .7s both ease;  animation:fadeOut .7s both ease}
.owl-fade-in{ -webkit-animation:fadeIn .7s both ease;  -moz-animation:fadeIn .7s both ease;  animation:fadeIn .7s both ease}

.owl-backSlide-out{ -webkit-animation:backSlideOut 1s both ease;  -moz-animation:backSlideOut 1s both ease;  animation:backSlideOut 1s both ease}
.owl-backSlide-in{ -webkit-animation:backSlideIn 1s both ease;  -moz-animation:backSlideIn 1s both ease;  animation:backSlideIn 1s both ease}

.owl-goDown-out{ -webkit-animation:scaleToFade .7s ease both;  -moz-animation:scaleToFade .7s ease both;  animation:scaleToFade .7s ease both}
.owl-goDown-in{ -webkit-animation:goDown .6s ease both;  -moz-animation:goDown .6s ease both;  animation:goDown .6s ease both}

.owl-fadeUp-in{ -webkit-animation:scaleUpFrom .5s ease both;  -moz-animation:scaleUpFrom .5s ease both;  animation:scaleUpFrom .5s ease both}

.owl-fadeUp-out{ -webkit-animation:scaleUpTo .5s ease both;  -moz-animation:scaleUpTo .5s ease both;  animation:scaleUpTo .5s ease both}

.owl-theme .owl-controls .owl-pagination {text-align:center; margin-top:8px;}
.owl-theme .owl-controls .owl-page{  display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{ display: block; width: 10px; height: 10px; margin: 5px 7px;  -webkit-border-radius: 20px;	-moz-border-radius: 20px;	border-radius: 20px;	background:#f0cc00;}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{background:#1457a0; }

@-webkit-keyframes empty{ 0%{opacity:1}
}
@-moz-keyframes empty{ 0%{opacity:1}
}
@keyframes empty{ 0%{opacity:1}
}
@-webkit-keyframes fadeIn{ 0%{opacity:0}
 100%{opacity:1}
}
@-moz-keyframes fadeIn{ 0%{opacity:0}
 100%{opacity:1}
}
@keyframes fadeIn{ 0%{opacity:0}
 100%{opacity:1}
}
@-webkit-keyframes fadeOut{ 0%{opacity:1}
 100%{opacity:0}
}
@-moz-keyframes fadeOut{ 0%{opacity:1}
 100%{opacity:0}
}
@keyframes fadeOut{ 0%{opacity:1}
 100%{opacity:0}
}
@-webkit-keyframes backSlideOut{ 25%{opacity:.5; -webkit-transform:translateZ(-500px)}
 75%{opacity:.5; -webkit-transform:translateZ(-500px) translateX(-200%)}
 100%{opacity:.5; -webkit-transform:translateZ(-500px) translateX(-200%)}
}
@-moz-keyframes backSlideOut{ 25%{opacity:.5; -moz-transform:translateZ(-500px)}
 75%{opacity:.5; -moz-transform:translateZ(-500px) translateX(-200%)}
 100%{opacity:.5; -moz-transform:translateZ(-500px) translateX(-200%)}
}
@keyframes backSlideOut{ 25%{opacity:.5; transform:translateZ(-500px)}
 75%{opacity:.5; transform:translateZ(-500px) translateX(-200%)}
 100%{opacity:.5; transform:translateZ(-500px) translateX(-200%)}
}
@-webkit-keyframes backSlideIn{ 0%,25%{opacity:.5; -webkit-transform:translateZ(-500px) translateX(200%)}
 75%{opacity:.5; -webkit-transform:translateZ(-500px)}
 100%{opacity:1; -webkit-transform:translateZ(0) translateX(0)}
}
@-moz-keyframes backSlideIn{ 0%,25%{opacity:.5; -moz-transform:translateZ(-500px) translateX(200%)}
 75%{opacity:.5; -moz-transform:translateZ(-500px)}
 100%{opacity:1; -moz-transform:translateZ(0) translateX(0)}
}
@keyframes backSlideIn{ 0%,25%{opacity:.5; transform:translateZ(-500px) translateX(200%)}
 75%{opacity:.5; transform:translateZ(-500px)}
 100%{opacity:1; transform:translateZ(0) translateX(0)}
}
@-webkit-keyframes scaleToFade{ to{opacity:0; -webkit-transform:scale(.8)}
}
@-moz-keyframes scaleToFade{ to{opacity:0; -moz-transform:scale(.8)}
}
@keyframes scaleToFade{ to{opacity:0; transform:scale(.8)}
}
@-webkit-keyframes goDown{ from{-webkit-transform:translateY(-100%)}
}
@-moz-keyframes goDown{ from{-moz-transform:translateY(-100%)}
}
@keyframes goDown{ from{transform:translateY(-100%)}
}

@-webkit-keyframes scaleUpFrom{ from{opacity:0; -webkit-transform:scale(1.5)}
}
@-moz-keyframes scaleUpFrom{ from{opacity:0; -moz-transform:scale(1.5)}
}
@keyframes scaleUpFrom{ from{opacity:0; transform:scale(1.5)}
}

@-webkit-keyframes scaleUpTo{ to{opacity:0; -webkit-transform:scale(1.5)}
}
@-moz-keyframes scaleUpTo{ to{opacity:0; -moz-transform:scale(1.5)}
}
@keyframes scaleUpTo{ to{opacity:0; transform:scale(1.5)}
}

.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)}

.owl-controls .owl-page span{display: block; width:8px; height:8px;	margin:10px 7px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background: white;}

.owl-controls .owl-page.active span{opacity:1;}
.owl-buttons { font-size:40px; line-height:30px;}
.owl-buttons .owl-prev,
.owl-buttons .owl-next{ opacity:.6;}
.owl-buttons .owl-prev:hover,
.owl-buttons .owl-next:hover{ opacity:1;}

/* preloading images */
.owl-item.loading{min-height: 150px;	background: url(../images-advance-ldg/ms/loading-2.gif) no-repeat center center}