.erfSlider {
    width:100%;
    overflow:hidden;
    user-select: none;
    position:relative;
}

.erfSlider-slider {
    position:relative;
}

.erfSlider-mode-slide>.erfSlider-slider, .erfSlider-mode-fade>.erfSlider-slider {
    overflow:hidden;
    transition: height 1s;
}

.erfSlider-slides {
    white-space:nowrap;
    word-wrap: normal; /* IE9 */
}

.erfSlider-mode-slide>.erfSlider-slider>.erfSlider-slides {
    transition: all 1s;
}

.erfSlider-slider>.erfSlider-slides {
    width:100%;
}

.erfSlider-notransition {
    transition: none !important;
}

.erfSlider-slides>* {
    display: inline-block;
    width:100%;
    vertical-align:top;
    white-space:normal;
    word-wrap: break-word; /* IE9 */
}

.erfSlider-thumbs {
    width:calc(100% + 15px);
    display: none;
}

.erfSlider-mode-slide>.erfSlider-thumbs, .erfSlider-mode-fade>.erfSlider-thumbs {
    display:block;
}

.erfSlider-thumbs>.erfSlider-slides {
    width:calc(100% / 3);
    transition: all 1s;
}

.erfSlider-thumbs>.erfSlider-slides>* {
    padding-right:15px;
    opacity:0.5;
    cursor:pointer;
}

.erfSlider-thumbs>.erfSlider-slides>.erfSlider-active {
    opacity: 0.999; /* Weird IE Fix */
}

.erfSlider-prev, .erfSlider-next {
    position: absolute;
    top: 50%;
    display: block;
    font-family: FontAwesome;
    font-size:56px;
    line-height:56px;
    margin-top:-28px;
    color:#fff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    text-decoration:none !important;
    opacity: 0.5;
    outline: 0;
    z-index:51;
    cursor:pointer;
}

.erfSlider-counter {
    font-family: arial,helvetica,clean,sans-serif;
    position: absolute;
    top: 10px;
    left:20px;
    display: block;
    font-size:45px;
    font-weight:bold;
    line-height:56px;
    color:#fff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    text-decoration:none !important;
    opacity: 0.5;
    outline: 0;
    z-index:51;
}

.erfSlider-prev:hover, .erfSlider-next:hover {
    opacity:0.9;
}

.erfSlider-prev {
    left: 20px;
}

.erfSlider-prev:before {
    content: "\f053";
}

.erfSlider-next {
    right: 20px;
}

.erfSlider-next:before {
    content: "\f054";
}

.erfSlider-pager {
    margin:0 0 15px 0;
    text-align:center;
    display:block;
}

.erfSlider-pager>* {
    display: inline-block;
    margin: 0 5px;
    width:12px;
    height:12px;
    color:inherit;
    border: 6px solid;
    border-radius: 6px;
    opacity:0.4;
    cursor:pointer;
}

.erfSlider-pager>.erfSlider-active {
    opacity:0.8;
}

@media (min-width: 480px) { 
    .erfSlider-thumbs>.erfSlider-slides {
        width:calc(100% / 5);
    }
}

@media (min-width: 768px) { 
    .erfSlider-thumbs>.erfSlider-slides {
        width:calc(100% / 7);
    }
}

@media (min-width: 992px) {
    .erfSlider-thumbs>.erfSlider-slides {
        width:calc(100% / 9);
    }
}

@media (min-width: 1200px) { 
    .erfSlider-thumbs>.erfSlider-slides {
        width:calc(100% / 11);
    }
}

.erfSlider-mode-fade>.erfSlider-slider>.erfSlider-slides>* {
    position: absolute;
    left:0;
    top:0;
    transition: opacity 2s;    
    opacity:0;
    visibility:hidden;
}

.erfSlider-mode-fade>.erfSlider-slider>.erfSlider-slides>.erfSlider-last {
    z-index:1;
    visibility: visible;
}

.erfSlider-mode-fade>.erfSlider-slider>.erfSlider-slides>.erfSlider-active {
    z-index:2;
    opacity:1;
    visibility: visible;
}

.erfLightbox {
    position: fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background-color:#000;
    z-index:999;
    padding:5px;
}

.erfLightbox div {
    width:100%;
    height:100%;
}

.erfLightbox-close {
    position: absolute;
    top: 10px;
    right:20px;
    display: block;
    font-family: FontAwesome;
    font-size:56px;
    line-height:56px;
    color:#fff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    text-decoration:none !important;
    opacity: 0.5;
    outline: 0;
    z-index:51;
    cursor:pointer;
}

.erfLightbox-close:hover {
    opacity:0.9;
}

.erfLightbox-close:before {
    content: "\f00d";
}

.erfLightbox .erfSlider-slides>* {
    position:relative;
}

.erfLightbox img, .erfLightbox video {
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    max-width:100%;
    max-height:100%;
}

.erfLightbox header {
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    font-size:24px;
    margin:0;
    position: absolute;
    left:0;
    right:0;
    bottom:50px;
}