.slide-container {
    position: relative;
    /*height: 300px;*/
    overflow: hidden;
}

.bg-image {
    position: absolute;
    left:0;
    top:0;
    right:-10%;
    bottom:0;
    background-size: cover;
}


/*.bg-image  {*/
/*position: absolute;*/
/*top:0;*/
/*height: 100%;*/
/*width: 100%;*/
/*bottom:0;*/
/*left:0;*/
/*z-index:1;*/
/*}*/

.bd_rslides_container .bg-image .bg-image-overlay {
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:2;
    background-color: black;
    opacity: .3;
}

.bd_rslides_container .left-column, .bd_rslides_container .right-column {
    padding-top:50px;
    position: relative;
    height: 350px;
}

@media (max-width: 40em) {
    .bd_rslides_container .right-column {
        height: 150px;
    }
}



.bd_rslides_container .left-content,.bd_rslides_container .right-content {
    position: absolute;
    z-index:3;
    /*padding-top:10%;*/
    right:0;
    top:0;
    left:0;
    bottom:0;

}

.bd_rslides_container .left-side-content,.bd_rslides_container .right-side-content {
    margin: 0 auto;
    color:white;
    z-index: 2;
    position: relative;
    width:80%;
    max-width: 450px;
}

div.ccm-page .bd_rslides_container .left-side-content p {
    font-size: 1.4rem;
    line-height: 1.9rem;
    font-weight: 300;
}

.bd_rslides_container .right-side-content {
    width:75%;
    max-width: 280px;
}

@media (max-width: 40em) {
    .bd_rslides_container .right-side-content {
        max-width: 200px;
    }
}

.bd_rslides_container .right-content:before {
    content: "";
    height: 149px;
    left: -24px;
    position: absolute;
    top: 0;
    width: 24px;
}
.bd_rslides_container .right-content:after {
    content: "";
    height: 57px;
    left: 0;
    position: absolute;
    top: 121px;
    width: 35px;
    -webkit-transform: skew(-40deg);
    -moz-transform: skew(-40deg);
    -o-transform: skew(-40deg);
    -ms-transform: skew(-40deg);
    transform: skew(-40deg);
}

.bd_rslides_container .right-content .bottom-bar {
    bottom: 0;
    left: -24px;
    position: absolute;
    top: 178px;
    width: 24px;
}

@media (max-width: 52em) {
    .bd_rslides_container .right-content:before {
        content: "";
        width: 46%;
        left: auto;
        bottom: auto;
        position: absolute;
        top: -24px;
        height: 24px;
    }
    .bd_rslides_container .right-content:after {
        content: "";
        height: 57px;
        position: absolute;
        top: -24px;
        left: 45%;
        width: 108px;
        -webkit-transform: skew(-48deg);
        -moz-transform: skew(-48deg);
        -o-transform: skew(-48deg);
        -ms-transform: skew(-48deg);
        transform: skew(-48deg);
    }

    .bd_rslides_container .right-content .bottom-bar {
        top: -24px;
        left: 60%;
        position: absolute;
        bottom: auto;
        height: 24px;
        width: 100%;
    }
}

/*! http://responsiveslides.com v1.54 by @viljamis */
.bd_rslides_container .bd_rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.bd_rslides_container .bd_rslides > li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.bd_rslides_container .bd_rslides > li:first-child {
    position: relative;
    display: block;
    float: left;
}

.bd_rslides_container .bd_rslides img {
    float: none !important;
    display: inline-block !important;
}

.bd_rslides_container .rslides_nav {
    margin-top: -25px !important;
}

@media (max-width: 40em) {
    .bd_rslides_container .rslides_nav {
        margin-top: 45px !important;
    }
}



.bd_rslides_container .rslides_tabs {
    padding-left: 0px;
    padding-top: 15px;
    padding-bottom: 10px;
}
.bd_rslides_container .rslide_tabs li {
    list-style-type: none;
    display: inline-block;
    margin-right: 5px;
}

.bd_rslides_container .rslide_tabs li.rslides_here a {
    background: #333;
}

.bd_rslides_container .rslide-tabs li a {
    overflow: hidden;
    background: #ccccc9;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 10px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.bd_rslides_container .rslides_nav.next {
    left: auto;
    background-position: right top;
    right: 0;
}