.vue-flux .flux-caption {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 8px;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, .65);
    z-index: 100
}

.vue-flux .flux-caption.fade-enter,
.vue-flux .flux-caption.fade-leave-to {
    opacity: 0
}

.vue-flux .flux-caption.fade-enter-active,
.vue-flux .flux-caption.fade-leave-active {
    -webkit-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in
}


.vue-flux .flux-controls {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -25px;
    text-align: center;
    z-index: 100
}

.vue-flux .flux-controls.fade-enter,
.vue-flux .flux-controls.fade-leave-to {
    opacity: 0
}

.vue-flux .flux-controls.fade-enter-active,
.vue-flux .flux-controls.fade-leave-active {
    -webkit-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in
}

.vue-flux .flux-controls .next,
.vue-flux .flux-controls .pause,
.vue-flux .flux-controls .play,
.vue-flux .flux-controls .previous {
    position: absolute;
    top: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .6);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 40%;
    -webkit-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

.vue-flux .flux-controls .previous {
    left: 25px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAuUAAALlARv+XnsAAABUSURBVEjH7dYxCgAgEAPB8weX/39WFBtBbsFSY2sYyzXicDLq0wQDKQGQAKiJAZTEvC+IRgPBYAEyYOB1AAf4hAkTXxB5nySOGmaRw4pp5rhv34MOQwscJ7/MrxQAAAAASUVORK5CYII=)
}

.vue-flux .flux-controls .play {
    position: relative;
    display: inline-block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAs6AAALOgFkf1cNAAACy0lEQVR42uWbS2hUVxyHv78PLKKiFgXBiIgvBEVKwZWL4kJrF7oQCSpoAlYkuhCyq4hQ2goqSBFBsNBCoXShbgp15XsTQSGKqKj1QdTYFCVQiuDic5FcGkQhj0nm3vl/6+Ge+X3zO2fumTkXhoi6S51NVtQbapfallVAh//Toc7KLED1jbpPnZJVQMF99fPMAgqOqZ9mFqD6UP06s4CC8+r0MucZN8rX/wJ4pu5VP8nYgIHcU5dna8BAFgM31e8rvUiOoAHvt2FHZgEFf6iTs0yBD/EV0K3uVidkFAAwFTgB3FKXZBRQsBS4q+5XZ2YUUPAtcEVtzioAYBnwm/q7OimjgILNwAt1Z1YBADOAk+ptdUFGAQDRPy0equ213GBVRcBADgOX1Y1ZBQAsB86qP4/0BqqqAgq292+3W7IKAJgNnFI71XkZBRQ5VgBP1DZ1WjYBAzkOXFLXZhUAsBI4p55Qx2cUULAbeKxuyyoAYC7wi3pdnZNRQJHzs/5FslWdmk1AwUTgJ+Ciui6jAACBWcDfGQX0At8A8yPiBsCEROHPA80R0ZNtEXwKtETEmvfDZ2jAIeDHiHjxsRc0ogCBl8DGiOjIdiv8H3AQaBpM+EZrwFVgU0S8zLYd7gLaImL1UMM3QgOOAUcjomu4F6iqgH+AzRFxoRabhCrxlr6/zppqEb5qDbgGbIiI7lpvE8vOc6A9IlbVOnwVGnAS+CEinozWAGUV8BrYGhF/jvZAZZwCh4B5YxG+bA3oBNZHxPOxHLQMDegG9kfEyrEOX4YG/AociIhH9XoD9RLQC7RGxJl6168eU+Aofb/JnSnB9BvTBtwBvhzN7/SyNqAH+C4ilpUt/LAY4lnh0+pCGolBCuhVt9CIDPKhqco8WVrLRfAvYG1EPKjSB1qLRfAVcARYVLXwtZgC5+pxxL3eAq6p/47kaFrVBexRmxolzzsZ+iOF4pXTWQAAAABJRU5ErkJggg==)
}

.vue-flux .flux-controls .pause {
    position: relative;
    display: inline-block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI0OTk3MkUwNjY1NzExRThBMjA5QkQ5QTNFMUM4NDcxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI0OTk3MkUxNjY1NzExRThBMjA5QkQ5QTNFMUM4NDcxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjQ5OTcyREU2NjU3MTFFOEEyMDlCRDlBM0UxQzg0NzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjQ5OTcyREY2NjU3MTFFOEEyMDlCRDlBM0UxQzg0NzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz77QUaQAAAACVBMVEUAAAD///////9zeKVjAAAAA3RSTlP//wDXyg1BAAAANElEQVR42uzMsQkAMAwEsY/3H9qViwS8QNC1B0pN56mu1hsAAAAAAAAAAAAAAAAAvwMtwAAbrRgBOJHO/gAAAABJRU5ErkJggg==)
}

.vue-flux .flux-controls .next {
    right: 25px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAuUAAALlARv+XnsAAABYSURBVEjH7dYxDoAwDEPR5Ab1/S8LVEgsyL8SG3XWWK/dnKpnumA0/L4lAOSJE/DEtXfEBBxxBwYFBH8IEWJbggL4RIAAPwFWC+VDqXEtYrFyNWO5v58HB4q9HAkl7KTYAAAAAElFTkSuQmCC)
}

.vue-flux .flux-controls .next:hover,
.vue-flux .flux-controls .pause:hover,
.vue-flux .flux-controls .play:hover,
.vue-flux .flux-controls .previous:hover {
    background-color: rgba(0, 0, 0, .9)
}

@media (max-width:576px) {

    .vue-flux .flux-controls .next,
    .vue-flux .flux-controls .pause,
    .vue-flux .flux-controls .play,
    .vue-flux .flux-controls .previous {
        width: 27.5px;
        height: 27.5px;
        background-size: 31%
    }
}

@media (min-width:577px) and (max-width:768px) {

    .vue-flux .flux-controls .next,
    .vue-flux .flux-controls .pause,
    .vue-flux .flux-controls .play,
    .vue-flux .flux-controls .previous {
        width: 35px;
        height: 35px;
        background-size: 34%
    }
}

@media (min-width:769px) and (max-width:992px) {

    .vue-flux .flux-controls .next,
    .vue-flux .flux-controls .pause,
    .vue-flux .flux-controls .play,
    .vue-flux .flux-controls .previous {
        width: 42.5px;
        height: 42.5px;
        background-size: 37%
    }
}


.vue-flux .flux-thumb {
    width: 160px;
    height: 90px
}

@media (max-width:386px) {
    .vue-flux .flux-thumb {
        width: 80px;
        height: 45px
    }
}

@media (min-width:387px) and (max-width:576px) {
    .vue-flux .flux-thumb {
        width: 112px;
        height: 63px
    }
}


.vue-flux .flux-index .fade-enter,
.vue-flux .flux-index .fade-leave-to {
    opacity: 0
}

.vue-flux .flux-index .fade-enter-active,
.vue-flux .flux-index .fade-leave-active {
    -webkit-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in
}

.vue-flux .flux-index .toggle {
    position: absolute;
    left: 50%;
    bottom: 55px;
    margin-left: -25px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .6);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 40%;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAA6ElEQVRYhe2ZUQ2DMBRFK6ESkFAJSEBCJSABB0iYBCRUAlKQcPexLtlHW+4Ly7Ju9yTvj3ffCQktUAdgBZCIurkCADyAjcyIlYxI9icAwcHGWBi4GPqPinQyZCyfloakSSQt6QaSlnSDUBgYDf17RXozZMwOwIjH3TqrqTQwD53JjKHS78n+ueYgRPfkh/GsfKN/YDJOHAKRMTwv3sml5iiJ5zCWtSK8GjKmv9hcJC3pBpKWdANJX5Hub0d8GdzPu4cQvwZ6/Bo3LDXAF/33sDAWBmpHJJA0haRJJC3pBlel33Zi293Z+B2f9cNhdwgb0QAAAABJRU5ErkJggg==");
    z-index: 101
}

.vue-flux .flux-index .toggle:hover {
    -webkit-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in;
    background-color: rgba(0, 0, 0, .9)
}

@media (max-width:576px) {
    .vue-flux .flux-index .toggle {
        width: 27.5px;
        height: 27.5px;
        margin-left: -13.75px;
        background-size: 31%
    }
}

@media (min-width:577px) and (max-width:768px) {
    .vue-flux .flux-index .toggle {
        width: 35px;
        height: 35px;
        margin-left: -17.5px;
        background-size: 34%
    }
}

@media (min-width:769px) and (max-width:992px) {
    .vue-flux .flux-index .toggle {
        width: 42.5px;
        height: 42.5px;
        margin-left: -21.25px;
        background-size: 37%
    }
}

.vue-flux .flux-index nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    margin: 0;
    overflow: hidden;
    visibility: hidden
}

.vue-flux .flux-index nav.visible {
    z-index: 101;
    visibility: visible
}

.vue-flux .flux-index ul {
    display: block;
    height: 100%;
    margin: 0;
    margin-top: 100%;
    padding: 18px 10px;
    list-style-type: none;
    text-align: center;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, .8);
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.vue-flux .flux-index li {
    position: relative;
    display: inline-block;
    margin: 8px 8px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.vue-flux .flux-index .mouse-over li:hover {
    -webkit-box-shadow: 0 0 3px 2px hsla(0, 0%, 100%, .6);
    box-shadow: 0 0 3px 2px hsla(0, 0%, 100%, .6)
}

.vue-flux .flux-index li.current {
    cursor: auto;
    border: 1px solid #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.vue-flux .flux-index ul>li:last-child {
    margin-bottom: 26px
}


.vue-flux .flux-pagination {
    position: absolute;
    left: 50px;
    right: 50px;
    bottom: 20px;
    z-index: 100
}

.vue-flux .flux-pagination ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center
}

.vue-flux .flux-pagination li {
    display: inline-block;
    margin: 0 8px;
    cursor: pointer
}

.vue-flux .flux-pagination li span.pagination-item {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .7);
    -webkit-transition: background-color .2s ease-in, border .2s ease-in;
    transition: background-color .2s ease-in, border .2s ease-in
}

.vue-flux .flux-pagination li span.pagination-item:hover {
    border: 2px solid #000;
    background-color: #fff
}

.vue-flux .flux-pagination li.active span.pagination-item {
    background-color: #fff
}

.flux-parallax img {
    position: absolute;
    visibility: hidden
}

.vue-flux {
    position: relative
}

.vue-flux.fullscreen {
    width: 100%;
    height: 100%
}

.vue-flux img {
    position: absolute;
    visibility: hidden
}

.spinner {
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    width: 80px;
    z-index: 12
}

.spinner,
.spinner .pct {
    position: absolute;
    height: 80px
}

.spinner .pct {
    right: 0;
    left: 0;
    line-height: 80px;
    text-align: center;
    font-weight: 700;
    z-index: 1
}

.spinner .border {
    width: 100%;
    height: 100%;
    border: 14px solid #f3f3f3;
    border-top-color: #3498db;
    border-bottom-color: #3498db;
    border-radius: 50%;
    background-color: #f3f3f3;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.mask {
    position: relative;
    overflow: visible
}

.submit-btn .button-mirror{
    background-color: green !important;
}


.news-img{
    width: 100%;
    height: 300px !important;
    overflow: hidden;
}
.news-img img{
    width: 100%;
    height:300px !important;
    object-fit: cover !important;
    background-size: cover;
   
}