.flexslider {
    margin: 0 0 1em 0;
    border: none;
    background: none;
}

li.slide {
    position: relative;
}

li.slide img.before_slide {
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.6s ease-in-out; 
    opacity: 0;
}

li.slide img.before_slide.active {
    right: 0;
    opacity: 1;
}

li.slide .toggle_before {
    position: absolute;
    bottom: 0;
    right: 1em;
    border: none;
    width: 200px;
    text-align: center;
    padding: 0.5em 2em;
    font-size: 1em;
    text-transform: uppercase;
    color: white;
    background: #7d781b;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#carousel .flex-viewport {
    background: none;
}

#carousel .flex-viewport ul {
    display: table;
    width: auto!important;
    margin: 0 auto;   
    text-align: center;
}

#carousel li {
    /*width: 14.28571428571429%!important;*/
    max-width: 110px;
    float: none!important;
    display: inline-block!important;
    margin-right: 0!important;
    padding: 0 2px!important;
}

#carousel li img {
    border: 2px solid white;
}

#carousel .flex-active-slide img {
    border: 2px solid #ccc;
    
    
}

.flex-direction-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    list-style: none;
}

.flex-direction-nav li {
    list-style: none;
}

.flex-direction-nav li a {
    height: 60px;
}

.flex-direction-nav li a:before {
    text-shadow: none;
}