/* ==========================================================
   Service page image sliders (Owl Carousel 2)
   Round left / right arrows on top of the image
   ========================================================== */
.owl-slider { position: relative; }
.owl-slider .owl-carousel .item img { display: block; width: 100%; }

.owl-slider .owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0;
    transform: translateY(-50%);
    pointer-events: none;           /* only the buttons are clickable */
}
.owl-slider .owl-carousel .owl-nav button.owl-prev,
.owl-slider .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    margin: 0;
    padding: 0 !important;
    border: 2px solid rgba(255, 255, 255, .9) !important;
    border-radius: 50%;
    background: rgba(0, 0, 0, .5) !important;
    color: #fff !important;
    font-size: 24px !important;
    line-height: 38px !important;
    text-align: center;
    cursor: pointer;
    pointer-events: auto;
    opacity: .9;
    transition: background .2s, border-color .2s, opacity .2s;
}
.owl-slider .owl-carousel .owl-nav button.owl-prev { left: 12px; }
.owl-slider .owl-carousel .owl-nav button.owl-next { right: 12px; }
.owl-slider .owl-carousel .owl-nav button .fa { line-height: 38px; }
.owl-slider .owl-carousel .owl-nav button.owl-prev .fa { margin-right: 2px; }
.owl-slider .owl-carousel .owl-nav button.owl-next .fa { margin-left: 2px; }
.owl-slider .owl-carousel:hover .owl-nav button { opacity: 1; }
.owl-slider .owl-carousel .owl-nav button:hover,
.owl-slider .owl-carousel .owl-nav button:focus {
    background: #0872b6 !important;
    border-color: #0872b6 !important;
    outline: none;
}
.owl-slider .owl-carousel .owl-nav.disabled { display: none; }