/* --------------

CUSTOM STYLES

---------------*/
.owl-controls {
    top: 0;
    position: relative;
    width: 100%;
}

    .owl-controls.clickable {
        cursor: default;
    }

    .owl-controls .owl-nav {
        /*float: right;*/
    }

    .owl-controls .owl-dots {
        /*float: left;*/
    }

    .owl-controls .owl-dots,
    .owl-controls .owl-pagination {
        margin-bottom: 0;
        text-align: center;
        padding-top: 0;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

        .owl-controls .owl-dots .owl-dot,
        .owl-controls .owl-pagination .owl-dot,
        .owl-controls .owl-dots .owl-page,
        .owl-controls .owl-pagination .owl-page {
            padding: 4px;
            display: inline-block;
            cursor: pointer;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
        }

            .owl-controls .owl-dots .owl-dot span,
            .owl-controls .owl-pagination .owl-dot span,
            .owl-controls .owl-dots .owl-page span,
            .owl-controls .owl-pagination .owl-page span {
                width: 15px;
                height: 15px;
                display: block;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                -moz-background-clip: padding;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                -webkit-box-sizing: content-box;
                -moz-box-sizing: content-box;
                box-sizing: content-box;
                background-color: #d52731;
            }

            .owl-controls .owl-dots .owl-dot.active,
            .owl-controls .owl-pagination .owl-dot.active,
            .owl-controls .owl-dots .owl-page.active,
            .owl-controls .owl-pagination .owl-page.active {
                cursor: default;
            }

                .owl-controls .owl-dots .owl-dot.active span,
                .owl-controls .owl-pagination .owl-dot.active span,
                .owl-controls .owl-dots .owl-page.active span,
                .owl-controls .owl-pagination .owl-page.active span {
                    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
                    filter: alpha(opacity=50);
                    -moz-opacity: 0.5;
                    -khtml-opacity: 0.5;
                    opacity: 0.5;
                }

    .owl-controls .owl-prev,
    .owl-controls .owl-next {
        display: inline-block;
        opacity: 0.5;
        cursor: pointer;
        color: #951b22;
        font-size: 15px;
        position: relative;
        top: -5px;
        margin-left: 10px;
        margin-right: 10px;
        -webkit-transition: opacity 0.5s ease-out;
        -moz-transition: opacity 0.5s ease-out;
        -o-transition: opacity 0.5s ease-out;
        transition: opacity 0.5s ease-out;
        background-image: url("/assets/img/item-bg.png");
        background-repeat: no-repeat;
        width: 23px;
        height: 25px;
    }

    .owl-controls .owl-prev {
        background-position: -110px -43px;
        float: right;
        top: -130px;
        right: -35px;
    }

    .owl-controls .owl-next {
        background-position: -110px -16px;
        float: left;
        top: -130px;
        left: -33px;
    }

    .owl-controls:hover .owl-prev,
    .owl-stage-outer:hover + .owl-controls .owl-prev,
    .owl-controls:hover .owl-next,
    .owl-stage-outer:hover + .owl-controls .owl-next {
        opacity: 1;
    }