.fadelight-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.fadelight {
    position: relative;
    width: 100%;
    z-index: 1;
    background: #333;
}

.fadelight .item {
    width: 100%;
    max-width: 100%;
    position: absolute;
    display: block;
    z-index: 1;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.item .fadelight-caption {
    position: absolute;
    bottom: 20px;
    left: 25px;
}

.fadelight .item.active {
    opacity: 1;
}

.fadelight .item img {
  width: auto;
  max-width: 100%;
  display: block;
  height: auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translate(0, -50%);
  transform: translateY(-50%);
  margin: auto;
}

.fadelight-bullets {
    padding: 20px 3%;
    position: absolute;
    bottom: 0;
    z-index: 2;
}


/* DEFAULT THEME */

.fadelight-bullets {
    height: 50px;
    width: 94%;
}

.fadelight-caption {
    float: left;
    font-family: Helvetica, sans-serif;
    text-transform: uppercase;
    line-height: 50px;
    font-size: 22pt;
    color: #fff;
}

.fadelight-container .bullets {
    float: right;
    padding: 18px 0;
}

.fadelight-container .bullet {
    height: 14px;
    width: 14px;
    display: block;
    float: left;
    border-radius: 50%;
    background: #777;
    margin-right: 5px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.fadelight-container .arrow {    
    position: relative;
    background: none;
    float: left;
}

.fadelight-container .arrow.prev{
    margin-right: 20px;
}
.fadelight-container .arrow.next {
    margin-left: 15px;
}
.fadelight-container .arrow:before {
    content: "";
    height: 3px;
    width: 10px;
    background: #fff;
    display: block;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotateZ(-45deg);
    margin-top: 3px;
}

.fadelight-container .arrow:after{
    content: "";
    height: 3px;
    width: 10px;
    background: #fff;
    display: block;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg);
    margin-top: 2px;
}
.fadelight-container .arrow.next:before {
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg);
}
.fadelight-container .arrow.next:after {
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotateZ(-45deg);
}
.fadelight-container .bullets a.active {
    background: #fff;
}