.owl-carousel .owl-stage-outer {
width : 100%;
height : 100%;
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.item {
width : 100%;
height : 100%;
display : block;
position : relative;
overflow: hidden;
background-position : center center;
text-decoration : none;
}
.item .back{
width : 100%;
height : 100%;
background: linear-gradient(-160deg, rgba(34,34,34,0) 45%, rgba(34,34,34,0.7) 100%);
position : relative;
}
.item p{
margin : 0;
width : 100%;
max-width : 1130px;
box-sizing : border-box;
color : #fff;
font-size : 18px;
position : absolute;
bottom : 100px;
}
.item p b{
display : block;
font-size : 30px;
text-transform : uppercase;
margin-bottom : 10px;
}
.owl-theme .owl-nav {
-webkit-tap-highlight-color: transparent;
transition: all 0.2s linear;
}
.owl-theme .owl-nav [class*='owl-'] {
display: inline-block;
cursor: pointer;
}
.owl-theme .owl-nav [class*='owl-']:hover {
}
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default;
}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next{
width : 40px;
height : 80px;
position : absolute;
top: calc(50% - 40px);
outline : 0;
transition: all 0.1s linear;
border-radius : 3px;
}
.owl-carousel .owl-nav button.owl-prev span,.owl-carousel .owl-nav button.owl-next span{
width : 40px;
height : 80px;
line-height : 80px;
display : block;
text-align : center;
color : #333;
font-size : 30px;
}
.owl-carousel .owl-nav button.owl-prev{
background : #fff;
left : 10px;
}
.owl-carousel .owl-nav button.owl-next{
background : #fff;
right : 10px;
}
.alan .owl-carousel .owl-nav button.owl-prev{
background : #fff;
left : -40px;
}
.alan .owl-carousel .owl-nav button.owl-next{
background : #fff;
right : -40px;
}
#content .owl-carousel .owl-nav button.owl-prev{
background : #fff;
left : -55px;
top: calc(50% - 60px);
}
#content .owl-carousel .owl-nav button.owl-next{
background : #fff;
right : -55px;
top: calc(50% - 60px);
}
.owl-carousel .owl-nav button.owl-prev:hover{
background : #f8952d;
}
.owl-carousel .owl-nav button.owl-next:hover{
background : #f8952d;
}
.owl-carousel .owl-nav button.owl-prev:hover span,.owl-carousel .owl-nav button.owl-next:hover span{
color : #fff;
}
#content .owl-carousel .owl-nav button.owl-prev:hover span,#content .owl-carousel .owl-nav button.owl-next:hover span{
color : #111;
}
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px;
}
.owl-theme .owl-dots {
width : 100%;
position : absolute;
bottom : 5px;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline;
outline : 0;
}
.owl-theme .owl-dots .owl-dot span {
width: 50px;
height: 10px;
margin: 1px;
background: #fff;
display: block;
margin-bottom : 60px;
}
.owl-theme .owl-dots .owl-dot:hover span {
background: #fff;
}
.owl-theme .owl-dots .owl-dot.active span {
background: #f8952d;
}
@media screen and (max-width:780px) {
.item {
width : 100%;
height : 100%;
display : block;
position : relative;
overflow: hidden;
background-size : auto 100%;
background-position : center center;
text-decoration : none;
}
a.full{
right : 20px;
}
.item p{
font-size : 13px;
}
.item p b{
font-size : 20px;
}
.owl-nav,
.owl-theme .owl-nav,
.alan .owl-theme .owl-nav {
display : none;
}
}