.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%;
max-width : 1028px;
}
.owl-carousel .owl-wrapper {
display : none;
position : relative;
}
.owl-carousel .owl-wrapper-outer {
overflow : hidden;
position : relative;
width : 100%;
max-width : 1028px;
max-height : 380px;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
transition : height 500ms ease-in-out;
}
.owl-carousel .owl-item {
float : left;
margin-top : 20px;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
cursor : pointer;
}
.owl-controls {
user-select : none;
}
.owl-content {
position : absolute;
width : 80%;
max-width : 980px;
height : 150px;
top : 80px;
padding : 0;
font-family : "Open Sans", "Open Sans Bold", Arial, "Arial Bold", Helvetica;
text-align : center;
line-height : 20px;
font-size : 16px;
color : #006699;
}
.owl-title {
text-align : left;
line-height : 20px;
font-size : 24px;
color : #006699;
margin-top : 0;
margin-bottom : 0.5em;
}
.grabbing {
cursor : url(../../owl-carousel/grabbing.png) 8 8, move;
}
#owl-demo .item {
display : block;
width : 100%;
max-width : 1000px;
height : auto;
max-height : 350px;
border : #fff solid 1px;
text-align : left;
padding : 10px;
margin : 0 0 0 0;
background : #FFFFFF;
}
#owl-demo .item img {
display : block;
width : 1000px;
height : 350px;
background-repeat : no-repeat;
}
.owl-theme .owl-controls {
margin-top : 0;
text-align : center;
}
.owl-theme .owl-controls .owl-buttons div {
color : #FFF;
display : inline-block;
margin : 5px;
padding : 3px 10px;
font-size : 12px;
border-radius : 30px;
background : #006699;
opacity : 0.5;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
opacity : 1;
text-decoration : none;
}
.owl-theme .owl-controls .owl-page {
display : inline-block;
}
.owl-theme .owl-controls .owl-page span {
display : block;
width : 12px;
height : 12px;
margin : 5px 7px;
opacity : 0.5;
border-radius : 20px;
background : #006699;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
opacity : 1;
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
height : auto;
width : auto;
color : #FFF;
padding : 2px 10px;
font-size : 12px;
border-radius : 30px;
}
.owl-item.loading {
min-height : 150px;
background : url(../../owl-carousel/AjaxLoader.gif) center center no-repeat;
}
.owl-book1 {
max-width : 150px;
max-height : 150px;
margin-left : 40px;
border : #006699 solid 1px;
}
.owl-book2 {
width : 150px;
height : 150px;
}
.owl-book3 {
width : 150px;
height : 150px;
}
.owl-book4 {
width : 150px;
height : 150px;
}
ul.carousel, ol.carousel {
list-style : none;
}
li.carousel {
float : left;
padding : 10px;
border : 1px;
}