.owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent } .owl-theme .owl-nav { margin-top: 10px } .owl-theme .owl-nav button[class*=owl-] { background:-moz-linear-gradient(to bottom,#fff 0%, #f1f1f1 70%,#fff 100%); background:-webkit-linear-gradient(to bottom,#fff 0%, #f1f1f1 70%,#fff 100%); background:linear-gradient(to bottom,#fff 0%, #f1f1f1 70%,#fff 100%); position: absolute; top: 50%; margin-top: -18px; left: -36px; zoom: 1; width: 36px; height: 36px; line-height: 32px; border: 1px solid rgba(0,0,0,.08); color: #666; font-size: 20px; border-radius: 50%; opacity: 0; cursor: pointer; box-shadow:0 5px 18px -6px rgba(7,17,40,.12); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .owl-theme .owl-nav button[class*=owl-] i{font-weight:600;} .owl-theme .owl-nav [class*=owl-]:hover { background: #15345b !important; color:#fff; text-decoration: none; } .owl-theme .owl-nav .owl-next { left: auto!important; right: -36px; } .owl-theme:hover .owl-nav [class*=owl-] { opacity: 1; left: -18px; } .owl-theme:hover .owl-nav .owl-next { left: auto; right: -18px; } .owl-theme .owl-nav .disabled { opacity: .5; cursor: default } .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 10px } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1 } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791 }