.unslider {
    position: relative;
    overflow: auto;
    margin: 0;
    padding: 0;
    width: 100%;
}

.unslider-wrap {
    position: relative
}

.arrowbox {
    position: absolute;
    width: 100%;
    height: 50%;
    top: 50%
}

.unslider-wrap.unslider-carousel>li {
    float: left
}

.unslider-vertical>ul {
    height: 100%
}

.unslider-vertical li {
    float: none;
    width: 100%
}

.unslider-fade {
    position: relative
}

.unslider-fade .unslider-wrap li {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 8;
}

.unslider-wrap li>* {
    display: block;
    width: 100%;
}

.unslider-wrap img {
    width: 100%;
}

.unslider-fade ul {
    padding-top: 33% !important;
}

.unslider-fade .unslider-wrap li.unslider-active {
    z-index: 10
}

.unslider li,.unslider ol,.unslider ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
}

.unslider-arrow,.unslider-arrow img {
    z-index: 2;
    opacity: 0;
    cursor: pointer;
    font-size: .01rem;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
    -moz-duration: .4s;
    -o-duration: .4s;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -moz-timing-function: ease-in-out;
    -o-timing-function: ease-in-out;
    -o-transition-property: top,left,right,opacity,font-size;
    transition-property: top,left,right,opacity,font-size;
    -webkit-transition-property: top,left,right,opacity,font-size;
    -moz-timing-property: top,left,right,opacity,font-size;
    -o-timing-property: top,left,right,opacity,font-size
}

.unslider-arrow.next {
    top: 50%;
    position: absolute;
    left: 90%
}

.unslider-arrow.prev {
    left: 5%;
    top: 50%;
    position: absolute
}

.unslider:hover .unslider-arrow.next {
    opacity: 1;
    font-size: 1.5rem
}

.unslider:hover .unslider-arrow.prev {
    opacity: 1;
    font-size: 1.5rem
}

.unslider:hover .unslider-arrow,.unslider:hover .unslider-arrow img {
    -o-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
    -moz-duration: .4s;
    -o-duration: .4s;
    -o-transition-timing-function: cubic-bezier(.42,0,1,1.93);
    transition-timing-function: cubic-bezier(.42,0,1,1.93);
    -webkit-transition-timing-function: cubic-bezier(.42,0,1,1.93);
    -moz-timing-function: cubic-bezier(.42,0,1,1.93);
    -o-timing-function: cubic-bezier(.42,0,1,1.93);
    -o-transition-property: opacity,font-size;
    transition-property: opacity,font-size;
    -webkit-transition-property: opacity,font-size;
    -moz-timing-property: opacity,font-size;
    -o-timing-property: opacity,font-size
}

.banner {
    max-height: 225px;
    margin-left: 3%
}

.brewBanner {
    height:38vw;
    max-height:340px;
    width: 100%;
    text-align: center;
}

.brewBanner img {
    width: 100%;
    border-radius: 4px;
}

.unslider-nav {
    display: none
}

.unslider li.unslider-active {
    display: block
}

.contentBanner ul {
  display: none;
}

.contentBanner ul[class*="unslider"] {
  display: block;
}