#accordion {
    height: 400px;
    list-style: none;
    margin-top: 90px;
    padding: 0px;
    margin-bottom: 35px;
}

#accordion li:nth-child(1) .title-overlay,
#accordion .title-overlay.blue {
    background: rgba(40, 52, 74, .9);
    border-top: 10px solid #263248;
}

.ie8 #accordion .title-overlay.blue {
    background: url(../img/blue.png) repeat;
    border-top: 10px solid #263248;
}

#accordion li:nth-child(2) .title-overlay,
#accordion .title-overlay.teal {
    background: rgba(52, 102, 102, .9);
    border-top: 10px solid #336666;
}

.ie8 #accordion .title-overlay.teal {
    background: url(../img/teal.png) repeat;
    border-top: 10px solid #336666;
}

#accordion li:nth-child(3) .title-overlay,
#accordion .title-overlay.green {
    background: rgba(80, 121, 46, .9);
    border-top: 10px solid #50792e;
}

.ie8 #accordion .title-overlay.green {
    background: url(../img/green.png) repeat;
    border-top: 10px solid #50792e;
}

#accordion li:nth-child(4) .title-overlay,
#accordion .title-overlay.orange {
    background: rgba(153, 74, 29, .9);
    border-top: 10px solid #994a1d;
}

.ie8 #accordion .title-overlay.orange {
    background: url(../img/orange.png) repeat;
    border-top: 10px solid #994a1d;
}

#accordion .title-overlay {
    position: relative;
    margin-top: -95px;
    height: 95px;
    width: 100%;
    padding: 10px 20px 20px 20px;
    color: #ffffff;
}

#accordion .slide_content {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#accordion .slide_content {
    padding-bottom: 0px;
    color: #ffffff;
}

#accordion li a {
    text-decoration: none;
}

@media only screen and (min-width : 960px) {
    #accordion {
        background: #000;
        color: #fff;
        overflow: scroll;
        padding: 0;
        width: 100%;
    }

    #accordion li {
        height: 400px;
        /* Needed in case javascript is disabled */
        position: relative;
        width: 625px;
    }

    #accordion .slide_thumb {
        left: 0px;
        position: absolute;
        top: 0px;
    }

    #accordion p {
        margin: 0;
        width: 100%;
    }

    #accordion .slide_title {
        text-shadow: 0 1px 0 #333;
        top: 15px;
        display: block;
        width: 100px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding: 0px;
    }

    #accordion li a {
        color: #ffffff;
        text-decoration: none;
    }

    #accordion .slide_content {
        color: rgba(255, 255, 255, 0.6);
        line-height: 18px;
        width: 100%;
        display: none;
        padding-right: 40px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

    #accordion .slide_opened .slide_content {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    #accordion .slide_opened .slide_title {
        display: block;
        width: 100%;
    }

    #accordion .slide_button {
        font-size: 10px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        top: 100px;
    }

    #accordion .slide_button a {
        background: rgb(34, 92, 122);
        /* Fallback */
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.1);
        color: #fff;
        padding: 2px 4px;
        text-decoration: none;
        text-shadow: none;
    }

    #accordion .slide_button a:hover {
        background: rgb(56, 114, 135);
        /* Fallback */
        background: rgba(255, 255, 255, 0.2);
    }

    #accordion {
        border: 3px solid #ffffff;
    }

    #accordion .title-overlay {
        position: relative;
        margin-top: 310px;
        height: 95px;
        width: 100%;
        padding: 10px 20px 20px 20px;
    }
}

@media only screen and (max-width : 767px) {
    #accordion {
        margin-top: 0px;
        height: 320px;
    }

    /* header {height: 100px !important;
} */
    #accordion .title-overlay {
        height: 110px;
        margin-top: -110px;
    }
}