#hero-slider > figure[onclick] {cursor:pointer}

#hero-slider-pagination {
    top: 0;
    position: absolute;
    z-index: 5;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    /*font-size: 1.2rem;*/
    list-style: none;
}

#hero-slider-pagination li {
    margin-right: 4px;
}

#hero-slider-pagination li:last-child {
    margin-right: 0px;
}

#hero-slider-pagination li.dot button {
    display: block;
    outline: 0;
    border: 2px solid #003787;
    color: transparent;
    width: 20px;
    height: 20px;
    padding: 0;
    background-color: #fff;
    cursor: pointer;
    border-radius: 10px;
}

#hero-slider-pagination li.arrow button {
    display: block;
    outline: 0;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
    background-color: transparent;
}

#hero-slider-pagination li.active button,
#hero-slider-pagination li:focus button {
    background-color: #003787;
}

#hero-slider .dot,
#hero-slider .prev,
#hero-slider .next {
    color: #FFF;
    -webkit-transition: color 0.5s;
    -o-transition: color 0.5s;
    transition: color 0.5s;
    cursor: pointer;
    vertical-align: middle;
}

#hero-slider .prev,
#hero-slider .next {
    color: #003787;
}

#hero-slider .dot:before,
#hero-slider .prev:before,
#hero-slider .next:before {
    font-family: 'FontAwesome';
}

#hero-slider .prev:before {content: '\f053'}
#hero-slider .next:before {content: '\f054'}