#slider {
    background: #0D141C;
}

    #slider .wrapper {
        max-height: 552px;
        position: relative;
        z-index: 1;
        position: relative;
    }

    #slider .owl-pagination {
        width: 100%;
        position: absolute;
        bottom: -40px;
        left: 0;
        text-align: center;
    }

        #slider .owl-pagination .owl-page {
            width: 20px;
            height: 20px;
            background: url("../images/slider-dots.png") -20px 0 no-repeat;
            display: inline-block;
            margin-left: 3px;
        }

            #slider .owl-pagination .owl-page.active,
            #slider .owl-pagination .owl-page:hover {
                background-position: 0 0;
            }

    #slider .owl-buttons {
        position: absolute;
        top: 45%;
        width: 100%;
    }

        #slider .owl-buttons .owl-prev,
        #slider .owl-buttons .owl-next {
            background: url("../images/slider-arrows.png") no-repeat;
            width: 56px;
            height: 45px;
            text-indent: -999em;
            position: absolute;
        }

        #slider .owl-buttons .owl-prev {
            left: 24px;
        }

        #slider .owl-buttons .owl-next {
            right: 24px;
            background-position: -56px 0;
        }

    #slider .text {
        width: 100%;
        position: absolute;
        top: 0;
        z-index: 1000;
        padding: 130px 0 0;
        color: #fff;
    }

        #slider .text h2 {
            font: 300 42px/48px 'opensans';
            margin: 0 0 20px;
        }

        #slider .text p {
            font: 400 14px/20px 'opensans';
        }

        #slider .text .button {
            border: 1px #1980c3 solid;
            padding: 10px 50px;
            background: none;
            font: 500 15px 'opensans';
            color: #fff;
        }

        #slider .text .padding {
            background: rgba(22,158,218,.9);
            padding: 20px;
        }


@media (max-width: 767px) {
    #slider .owl-buttons,
    #slider .text {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #slider .owl-buttons,
    #slider .text {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 1200px) {
}