﻿.slide-item {
    width: 100%;
    position: relative;
    -ms-background-size: cover;
    background-size: cover;
    -ms-background-position: center center;
    background-position: center center;
    text-align: center;
}

.slide-item-inner {
    width: 100%;
    position: relative;
}

    .slide-item h1, .slide-item h3, .slide-item p {
        color: #fff;
    }

    .slide-item img {
        margin: 15px auto;
        width: auto;
    }

    .slide-item .slide-item-btn {
        margin-top: 10px;
        background: #26abe2;
        color: #fff;
    }

        .slide-item .slide-item-btn:hover {
            border-color: transparent;
        }

    .slide-item .separator-rectangle {
        width: 100px;
        height: 7px;
        display: inline-block;
    }

    .slide-item .separator-parallelogram {
        width: 20px;
        height: 7px;
        margin-left: -20px;
        display: inline-block;
        -webkit-transform: skew(50deg);
    }

    .slide-item .separator-rectangle, .slide-item .separator-parallelogram {
        background-color: #26abe2;
    }

    .slide-item-content-container {
    position: absolute;   
    top: 50%; 
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
        width: 100%;
    }

.slide-item-content-container-inner {
    padding: 15px;
    position: relative;
    top: 0px;
    left: 50%; 
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.slide-item-title-container, .slide-item-text-container {
    margin: 0 auto;
}

.carousel-control {
    width: 6%;
    color: white;
    font-size: 80px;
    text-shadow: none;
    -webkit-filter: none;
    -ms-opacity: 1;
    opacity: 1;
    -moz-filter: none;
    filter: none;
}

    .carousel-control.right {
        left: auto;
        right: 0;
    }

    .carousel-control.left {
        left: 0;
        right: auto;
    }

    .carousel-control.right, .carousel-control.left {
        background-image: none;
        -moz-filter: none;
        -webkit-filter: none;
        filter: none;
    }

    .carousel-control .fa-angle-right {
        right: 40%;
    }

    .carousel-control .fa-angle-left {
        left: 40%;
    }

    .carousel-control .fa-angle-left, .carousel-control .fa-angle-right, .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 30px;
        height: 80px;
        position: absolute;
        top: 40%;
        z-index: 5;
        display: inline-block;
    }

    .carousel-control:hover, .carousel-control:focus {
        text-decoration: none;
        -moz-filter: none;
        -webkit-filter: none;
        filter: none;
        outline: none;
        -ms-opacity: 1;
        opacity: 1;
    }

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
