div.magic-slider-wrapper {
    position: relative;
}

div.magic-slider div.item,
div.magic-slider-wrapper div.tns-nav {
    text-align: center;
}
div.magic-slider div.tns-item div.item-video{
    height: 300px;
}

/* PAGINATION */
div.magic-slider-wrapper div.tns-nav button {
    width: 15px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    background-color: #ddd;
    height: 15px;
    display: inline-block;
    border-color: #bbb;
    margin: 0 5px;
}
div.magic-slider-wrapper div.tns-nav button.tns-nav-active {
    background-color: #999;
}

/* NAVIGATION */
.magic-slider-tools ul.controls {
    width: 100%;
    position: absolute;
    display: inline-block;
    top: 45%;
    height: 0;
    font-size: 6em;
    color: #595959;
    list-style: none;
    padding: 0;
}
.magic-slider-tools ul.controls li {
    padding: 0 20px;
    cursor: pointer;
}
.magic-slider-tools ul.controls li.prev {
    float: left;
}
.magic-slider-tools ul.controls li.next {
    float: right;
}

/* TITLE AND DESC BOX */
div.magic-slider div.item {
    position: relative;
}
div.magic-slider div.item div.slider-text {
    left: 10%;
    margin: auto;
    position: absolute;
    right: 5%;
    top: 45%;
    width: 85%;
    overflow: hidden;
    text-align: left;
}
div.magic-slider div.item div.slider-text h2.slider-slide-title, 
div.magic-slider div.item div.slider-text p.slider-slide-desc {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    color: #fff;
    display: block;
    padding: 7px 15px 5px 15px;
    font-weight: 300;
    margin: 4px 0 0 0;
    float: left;
    clear: left;
}

/* GRAYSCALE FILTERS */
div.magic-slider div.item.filtered img{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 0.5 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: grayscale(100%) opacity(0.5);
    filter: gray opacity(0.5);
    -webkit-filter: grayscale(100%) opacity(0.5);
    -webkit-filter: grayscale(1) opacity(0.5);
}

div.magic-slider div.item.filtered:hover img{
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
}