File size: 2.69Kb
/*
* Core Owl Carousel CSS File
* v1.3.2
*/
/* 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%;
margin:0 auto;
-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);
}
/* mouse grab icon */
.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);
}
.carousel-demo{
position:relative;
}
#owl-demo .item{
margin: 10px;
color: #FFF;
text-align: center;
}
.customNavigation .btn{
background:#77a1a0;
border:none;
border-bottom:4px solid #576f6f;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
}
.customNavigation a.prev, .customNavigation a.next {
text-align: center;
position: absolute;
top:42%;
cursor:pointer;
padding:10px 12px;
}
.customNavigation .btn:hover {
background:#598F8E;
border-bottom:4px solid #3B6969;
}
.customNavigation a img{
margin:3px 4px;
}
.customNavigation a.prev{
left:0;
border-radius:0px 8px 8px 0px;
-webkit-border-radius:0px 8px 8px 0px;
-moz-border-radius:0px 8px 8px 0px;
-o-border-radius:0px 8px 8px 0px;
}
.customNavigation a.next{
right:0;
border-radius:8px 0px 0px 8px;
-webkit-border-radius:8px 0px 0px 8px;
-moz-border-radius:8px 0px 0px 8px;
-o-border-radius:8px 0px 0px 8px;
}
.customNavigation .btn i{
color:#FFF;
font-size:20px;
vertical-align:-webkit-baseline-middle;
}
#carousel-demo{
position:relative;
}