/*#promoReelSlider {
    width: 300px;
    height: 150px;
    list-style: none;
}*/

.sliderWrapper {
    position: relative;
}

.sliderBody .bx-viewport {
    border: none;
    left: 0;
}

.sliderBody ul {
    list-style: none !important;
}

.sliderBody ul > li:nth-child(1) > div {
    display: block !important;
}

.sliderBar {
    background-color: #444;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    width: 200px;
    position: absolute;
    top: 0;
    box-sizing: border-box;
}

.sliderBar.right { right: 0; }
.sliderBar.left { left: 0; }

.sliderBar .sliderSidebarViewport {
    position: absolute;
    top: 0;
    height: 100%;
    -webkit-transition: top 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: top 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.sliderBar .item {
    -webkit-transition: color 0.5s linear, background 0.5s linear;
    -moz-transition: color 0.5s linear, background 0.5s linear;
    transition: color 0.5s linear, background 0.5s linear;
    border-bottom: 1px solid #ccc;
    height: 20%;
    max-height: 20%;
    color: #efefef;
    line-height: 1.25em;
    padding: 5px;
    box-sizing: border-box;
    text-overflow: ellipsis;
    cursor: pointer;
}

.sliderBar .item.selected {
    color: #333;
    background-color: #efefef;
}

.sliderItem {
    display: none;
    overflow: hidden;
}
/*.sliderItem:first-child { display: block; }*/

.sliderThumbBar {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    padding: 5px;
    position: relative;
    box-sizing: border-box;
    /*top: -30px;*/
    z-index: 100;
}
.sliderThumbBar .sliderThumbViewport {
    width: auto;
    white-space: nowrap;
    position: relative;
    box-sizing: border-box;
}
.sliderThumbBar .sliderThumbViewport.animated {
    -webkit-transition: left 250ms linear;
    -moz-transition: left 250ms linear;
    transition: left 250ms linear;
}

.sliderThumb {
    height: 75px;
    width: 75px;
    display: inline-block;
    margin: 5px 5px;
    -webkit-transition: border-radius 250ms linear, top 100ms linear;
    -moz-transition: border-radius 250ms linear, top 100ms linear;
    transition: border-radius 250ms linear, top 100ms linear;
    background-color: #000;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
}

.sliderThumb.wide {
    width: 110px;
}

.sliderThumb.circular {
    border-radius: 50%;
}

.sliderThumb .sliderThumbImage {
    opacity: 0.6;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    cursor: pointer;
}

.sliderThumb .sliderThumbCaption {
    opacity: 0.8;
    padding: 5px;
    position: absolute;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    background-color: #000;
    color: #fff;
    font-size: 0.6em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.sliderThumb.selected { border-radius: 10%; }
.sliderThumb.selected .sliderThumbImage { opacity: 1.0; }
.sliderThumb.selected .sliderThumbCaption { opacity: 1.0; }

.sliderThumb:hover { top: -10px; }
.sliderThumb:hover .sliderThumbImage { opacity: 1.0; }
.sliderThumb:hover .sliderThumbCaption { opacity: 1.0; }

.promoCaption {
    position: absolute;
    background-color: #666;
    opacity: 0.8;
    filter: alpha(opacity=80);
    color: #fff;
    width: 100%;
    padding: 5px;
}
.promoCaption.bottom { bottom: 0; }
.promoCaption.top { top: 0; }
.promoCaption .captionTitle { font-weight: bold; font-size: 1.1em; }

/*****
    This style is for the 'dots' that appear below the slider for navigation
******/
.bx-wrapper { margin-bottom: 0px }
.bx-pager.bx-default-pager { display: none; }