@charset "UTF-8";

.custom-navigation .flex-next {
    text-align: right;
    text-decoration: none;
}

.custom-navigation .flex-prev {
    text-decoration: none;
}


.flexslider {
    margin-bottom: 10px;
}

.flex-control-nav {
    position: relative;
    bottom: -10px;
    /* bottom: auto; */
}

.custom-navigation {
    display: table;
    width: 100%;
    padding: 0 20%;
    table-layout: fixed;
}

.custom-navigation>* {
    display: table-cell;
}

.custom-navigation>a {
    width: 50px;
}

.custom-navigation .flex-next {
    text-align: right;
}

.flex-control-paging li a.flex-active {
    background: #f4f9ff;
    background: #cce0f7
}

.flex-control-paging li a {
    background: #304059;
    ;
    background: rgb(48, 64, 89);
    ;
}

.flex-control-paging li a:hover {
    background: #9cb6d1;
    background: rgb(156, 182, 209);
}

.flex-direction-nav {
    opacity: 0.3;
}

.flex-direction-nav a {
    background-image: url(../images/slider_nav2.png);
    width: 50px;
    height: 50px;
    background-size: contain;
}

.flex-direction-nav .flex-prev {
    background-image: url(../images/slider_nav1.png);
}


@media screen and (min-width: 768px) and (max-width: 1020px) {}

@media screen and (max-width: 767px) {
    .flex-direction-nav a {
        width: 20px;
        height: 20px;
    }
}