.slider, .slider-inside{
    padding:0;
    position:relative;
}

.image-slider {
    width: 100%;
    position: relative;
}

    .image-slider .slide {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        line-height: 0;
        opacity: 0;
    }


        .image-slider .slide:first-child {
            position: relative;
            left: auto;
            top: auto;
            right: auto;
            bottom: auto;
            opacity: 1;
        }

        .image-slider .slide img {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }

        .image-slider .slide:first-child img {
            position: relative;
            height: auto;
        }

        .image-slider .slide.hide {
            transition: opacity 1s;
            opacity: 0;
        }

        .image-slider .slide.show {
            transition: opacity 1s;
            opacity: 1;
        }

    .image-slider .slide-textbox {
        font-family: 'Bitter';
        position: absolute;
        left: 10%;
        bottom: 50px;
        width: 500px;
        background-color: #00235d !important;
        opacity: .8;
        line-height: 1.5em;
        padding: 20px;
        padding-top: 25px;
        color: white;
        pointer-events: none;
        z-index:1;
    }

    .image-slider .slide:first-child .slide-textbox {
        pointer-events: auto;
    }


    .image-slider .slide.show .slide-textbox {
        pointer-events: auto;
    }

    .image-slider .slide-textbox h2, .image-slider .slide-textbox h2 a {
        font-size: 40px !important;
        color: white !important;
        font-style: italic !important;
        font-weight:bold;
    }

        .image-slider .slide-textbox h2 a:hover {
            text-decoration: none;
        }

    .image-slider .slide-textbox-description {
        margin-top: 20px;
        font-weight: 700;
        font-size: 14px;
        font-family: 'Open Sans';
    }

@media(max-width:768px) {
    .image-slider .slide-textbox {
        width: auto;
        left: 10px;
        right: 10px;
        bottom: 10px;
        line-height: normal;
        padding: 10px;
    }

        .image-slider .slide-textbox h2, .image-slider .slide-textbox h2 a {
            font-size: 20px !important;
        }

    .image-slider .slide-textbox-description {
        font-size: 10px;
        margin-top: 5px;
    }
}