.owl-carousel, .owl-carousel .owl-item {
position : relative;
}
.owl-carousel {
display : none;
width : 100%;
z-index : 0;
}
.owl-carousel .owl-stage {
position : relative;
}
.owl-carousel .owl-stage:after {
content : ".";
display : block;
clear : both;
visibility : hidden;
line-height : 0;
height : 0;
}
.owl-carousel .owl-stage-outer {
position : relative;
overflow : hidden;
}
.owl-carousel .owl-item {
min-height : 1px;
float : left;
}
.owl-carousel .owl-item img {
display : block;
width : 100%;
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
display : none;
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
display : block;
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
cursor : pointer;
user-select : none;
}
.owl-carousel.owl-loading {
opacity : 0;
display : block;
}
.owl-carousel.owl-hidden {
opacity : 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility : hidden;
}
.owl-carousel.owl-drag .owl-item {
user-select : none;
}
.owl-carousel.owl-grab {
cursor : move;
cursor : grab;
}
.owl-carousel.owl-rtl {
direction : rtl;
}
.owl-carousel.owl-rtl .owl-item {
float : right;
}
.owl-carousel .animated {
animation-duration : 1s;
animation-fill-mode : both;
}
.owl-carousel .owl-animated-in {
z-index : 0;
}
.owl-carousel .owl-animated-out {
z-index : 1;
}
.owl-carousel .fadeOut {
animation-name : fadeOut;
}
@keyframes fadeOut {
0% {
opacity : 1;
}
100% {
opacity : 0;
}
}
.owl-height {
transition : height 0.5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
opacity : 0;
transition : opacity 0.4s ease;
}
.owl-carousel .owl-item img.owl-lazy {
transform-style : preserve-3d;
}
.owl-carousel .owl-video-wrapper {
position : relative;
height : 100%;
background : #000;
}
.owl-carousel .owl-video-play-icon {
position : absolute;
height : 80px;
width : 80px;
left : 50%;
top : 50%;
margin-left : -40px;
margin-top : -40px;
background : url(../index.html) no-repeat;
cursor : pointer;
z-index : 1;
transition : transform 0.1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
transform : scale(1.3,1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
display : none;
}
.owl-carousel .owl-video-tn {
opacity : 0;
height : 100%;
background-position : center center;
background-repeat : no-repeat;
background-size : contain;
transition : opacity 0.4s ease;
}
.owl-carousel .owl-video-frame {
position : relative;
z-index : 1;
height : 100%;
width : 100%;
}
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
display : block;
width : 25px;
height : 25px;
position : absolute;
top : -50px;
text-indent : -99999px;
}
.owl-carousel .owl-nav .owl-next {
background : url(../index.html) center center no-repeat;
background-size : 15px 15px;
right : 10px;
}
.owl-carousel .owl-nav .owl-prev {
background : url(../index.html) center center no-repeat;
background-size : 15px 15px;
right : 30px;
}
#slide.owl-carousel .owl-nav .owl-next {
width : 50px;
height : 80px;
display : block;
top : 45%;
position : absolute;
text-indent : -9999px;
box-shadow : 0 0 5px 2px rgba(0, 0, 0, 0.05);
border-radius : 0;
right : 0;
background : url(../img/right.svg) center center no-repeat rgba(39, 72, 148, 0.5);
background-size : 25px 25px;
transition : all 0.2s linear;
}
#slide.owl-carousel .owl-nav .owl-prev {
width : 50px;
height : 80px;
display : block;
padding-left : 0;
top : 45%;
position : absolute;
text-indent : -9999px;
box-shadow : 0 0 5px 2px rgba(0, 0, 0, 0.05);
border-radius : 0;
left : 0;
background : url(../img/left.svg) center center no-repeat rgba(39, 72, 148, 0.5);
background-size : 25px 25px;
transition : all 0.2s linear;
}
#slide.owl-carousel .owl-nav .owl-next:hover {
background : url(../img/right.svg) center center no-repeat rgba(39, 72, 148, 1);
background-size : 25px 25px;
}
#slide.owl-carousel .owl-nav .owl-prev:hover {
background : url(../img/left.svg) center center no-repeat rgba(39, 72, 148, 1);
background-size : 25px 25px;
}
#haber.owl-carousel .owl-nav .owl-next {
width : 30px;
height : 50px;
display : block;
top : -45px;
position : absolute;
text-indent : -9999px;
border-radius : 0;
right : 0;
background : url(../img/right.svg) center center no-repeat rgba(39, 72, 148, 0.5);
background-size : 15px 15px;
opacity : 0.6;
transition : all 0.2s linear;
}
#haber.owl-carousel .owl-nav .owl-prev {
width : 30px;
height : 50px;
display : block;
padding-left : 0;
top : -45px;
position : absolute;
text-indent : -9999px;
box-shadow : 0 0 5px 2px rgba(0, 0, 0, 0.05);
border-radius : 0;
right : 30px;
background : url(../img/left.svg) center center no-repeat;
background-size : 15px 15px;
opacity : 0.6;
transition : all 0.2s linear;
}
#haber.owl-carousel .owl-nav .owl-next:hover,#haber.owl-carousel .owl-nav .owl-prev:hover {
opacity : 1;
}
#urun.owl-carousel .owl-nav .owl-next,#ref.owl-carousel .owl-nav .owl-next,#bayi.owl-carousel .owl-nav .owl-next {
width : 30px;
height : 30px;
display : block;
top : -55px;
position : absolute;
text-indent : -9999px;
border-radius : 0;
right : 0;
background : url(../img/right.svg) center center no-repeat rgba(0, 0, 0, 0.2);
background-size : 15px 15px;
opacity : 0.6;
transition : all 0.2s linear;
}
#urun.owl-carousel .owl-nav .owl-prev,#ref.owl-carousel .owl-nav .owl-prev,#bayi.owl-carousel .owl-nav .owl-prev {
width : 30px;
height : 30px;
display : block;
padding-left : 0;
top : -55px;
position : absolute;
text-indent : -9999px;
background : url(../img/left.svg) center center no-repeat rgba(0, 0, 0, 0.2);
border-radius : 0;
right : 30px;
background-size : 15px 15px;
opacity : 0.6;
transition : all 0.2s linear;
}
#urun.owl-carousel .owl-nav .owl-next:hover,#urun.owl-carousel .owl-nav .owl-prev:hover,#ref.owl-carousel .owl-nav .owl-next:hover,#ref.owl-carousel .owl-nav .owl-prev:hover,#bayi.owl-carousel .owl-nav .owl-next:hover,#bayi.owl-carousel .owl-nav .owl-prev:hover {
opacity : 1;
}
@media screen and (max-width:600px) {
#slide.owl-carousel .owl-nav {
display : none;
}
}