﻿.owl-item .item h4 {
    position: absolute;
    bottom: 0;
    z-index: 999999;
    margin: 20px;
}

    .owl-item .item h4 a {
        color: #fff;
        font-size: 1.6em;
        -webkit-text-shadow: 2px 2px 15px rgba(0,0,0,1);
        -moz-text-shadow: 2px 2px 15px rgba(0,0,0,13);
        text-shadow: 2px 2px 15px rgba(0,0,0,1);
    }

.owl-theme .owl-nav {
    margin-top: 0px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

    .owl-theme .owl-nav [class*='owl-'] {
        color: #FFF;
        font-size: 20px;
        margin: 5px 0px;
        padding: 22px 10px;
        background: #fff;
        display: inline-block;
        cursor: pointer;
        border-radius: 0px;
        color: #4388A1;
    }

        .owl-theme .owl-nav [class*='owl-']:hover {
            background: #4388A1;
            color: #FFF;
            text-decoration: none;
        }

    .owl-theme .owl-nav .disabled {
        opacity: 0.5;
        cursor: default;
    }

        .owl-theme .owl-nav.disabled + .owl-dots {
            margin-top: 10px;
        }

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

    .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

        .owl-theme .owl-dots .owl-dot span {
            width: 10px;
            height: 10px;
            margin: 5px 7px;
            background: #fff;
            border: 1px solid #4388A1;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity 200ms ease;
            border-radius: 30px;
        }

        .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
            background: #4388A1;
        }

.owl-carousel {
    position: relative;
}

.owl-prev, .owl-next {
    position: absolute;
    top: 40%;
    margin-top: -10px;
    // Half of the prev/next buttons height here in negatives to center them perfectly;
}

.owl-prev {
    left: 0;
}

.owl-next {
    right: 0;
}

@media (min-width:421px) and (max-width:768px) {
    .owl-item .item h4 a {
        font-size: 130%;
    }

    .owl-prev, .owl-next {
        top: 30%;
    }
}

@media (max-width:420px) {
    .owl-item .item h4 a {
        font-size: 100%;
    }

    .owl-prev, .owl-next {
        top: 10%;
    }
}
