/* Không xóa và thay đổi phân đoạn này */
.nivoSlider {
        position:relative;
        width:100%;
        height: auto;
        overflow: hidden;
}
.nivoSlider img {
        position:absolute;
        top:0px;
        left:0px;
        max-width: none;
}
.nivo-main-image {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        z-index: 0;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        border:0;
        padding:0;
        margin:0;
        z-index:6;
        display:none;
        background:white;
        filter:alpha(opacity=0);
        opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
        display:block;
        position:absolute;
        z-index:5;
        height:100%;
        top:0;
}
.nivo-box {
        display:block;
        position:absolute;
        z-index:5;
        overflow:hidden;
}
.nivo-box img {
        display:block;
}
/* Caption styles */
.nivo-caption {
        position:absolute;
        left:0px;
        bottom:0px;
        background:#000;
        color:#fff;
        width:100%;
        z-index:8;
        padding: 5px 10px;
        opacity: 0.8;
        overflow: hidden;
        display: none;
        -moz-opacity: 0.8;
        filter:alpha(opacity=8);
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */
}
.nivo-caption p {
        padding:5px;
        margin:0;
}
.nivo-caption a {
        display:inline !important;
}
.nivo-html-caption {
        display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
        position:absolute;
        top:45%;
        z-index:9;
        cursor:pointer;
}
.nivo-prevNav {
        left:0px;
}
.nivo-nextNav {
        right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
        text-align:center;
        padding: 15px 0;
}
.nivo-controlNav a {
        cursor:pointer;
}
.nivo-controlNav a.active {
        font-weight:bold;
}
/**********************************************************************************/
.ImageLibraryBar  .Wraper .nivoSlider {
        position:
                relative;
        background:#fff
                url(Images/loading.gif) no-repeat 50% 50%;
        z-index: 0;
}
.ImageLibraryBar .Wraper .nivoSlider img {
        position:
                absolute;
        top:0px;
        left:0px;
        display:
                none;
        height: 40vw !important;
        object-fit: cover;
        animation-name: zoom;
                animation-duration: 2s;
                animation-fill-mode: forwards;
}
.ImageLibraryBar .Wraper .nivoSlider a {
        border:0;
        display:block;
}
.ImageLibraryBar .Wraper .nivo-controlNav {
        background: url(Images/slides-bg.jpg) repeat-x center left;
        Height:30px;
        text-align: center;
        padding: 0px;
}
.ImageLibraryBar .Wraper .nivo-controlNav .nivo-control {
        background: none repeat scroll 0 0 #C0C0C0;
        border: 0 none;
        border-radius: 500px 500px 500px 500px;
        display: inline-block;
        height: 12px;
        margin: 12px 10px;
        text-indent: -9999px;
        width: 12px;
        transition: all 0.5s ease 0s;
}
.ImageLibraryBar .Wraper .nivo-controlNav .nivo-control-text {
        background: url("Images/slides-button.jpg") repeat-x scroll left center transparent;
        border: 1px solid #D0D0D0;
        box-shadow: 2px 2px 5px #CCCCCC;
        display: inline-block;
        font: bold 10pt/36px arial;
        margin: 0;
        padding: 0;
        width: 192px;
}
.ImageLibraryBar .Wraper .nivo-controlNav .nivo-control-text.active  {
        background: none repeat scroll 0 0 #015294;
        box-shadow: 1px 1px 12px #f0f0f0 inset;
        color: #fff;
        /*005399*/
        border: 1px solid #e6e6e6;
}
.ImageLibraryBar .Wraper .nivo-controlNav .active {
        background: none repeat scroll 0 0 #005195;
        transition: all 0.5s ease 0s;
}
.ImageLibraryBar .Wraper .nivo-directionNav a {
        display:block;
        /* width:30px; */
        /* height:30px; */
        /* background:url(Images/arrows.png) no-repeat; */
        /* text-indent:-9999px; */
        border:0;
        /* opacity: 0; */
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
        /* position: relative; */
        color: transparent;
}
.ImageLibraryBar .Wraper:hover .nivo-directionNav a {
        opacity: 1;
}
.ImageLibraryBar .Wraper a.nivo-nextNav {
        background-position:-30px 0;
        right:15px;
}
.ImageLibraryBar .Wraper a.nivo-prevNav {
        left:15px;
}
.ImageLibraryBar .Wraper .nivo-caption {
        font-family: Helvetica, Arial, sans-serif;
}
.ImageLibraryBar .Wraper .nivo-caption a {
        color:#fff;
        border-bottom:1px dotted #fff;
}
.ImageLibraryBar .Wraper .nivo-caption a:hover {
        color:#fff;
}
.ImageLibraryBar .Wraper .nivo-controlNav.nivo-thumbs-enabled {
        width: 100%;
}
.ImageLibraryBar .Wraper .nivo-controlNav.nivo-thumbs-enabled a {
        width: auto;
        height: auto;
        background: none;
        margin-bottom: 5px;
}
.ImageLibraryBar .Wraper .nivo-controlNav.nivo-thumbs-enabled img {
        display: block;
        width: 120px;
        height: auto;
}
.ImageLibraryBar .Wraper a.nivo-nextNav:before {
        content: '❯';
        color: #9f9c9c;
        font-size: 50px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
}
.ImageLibraryBar .Wraper a.nivo-prevNav:before {
        content: '❮';
        color: #9f9c9c;
        font-size: 50px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
}
.ImageLibraryBar {
        width: 100%;
        height: 40vw;
        overflow: hidden;
        max-width: 100vw;
        margin-bottom: 50px;
}
@keyframes zoom {
    from {
        transform: scale(2);
    }

    to {
        transform: scale(1);
    }
}