.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;
}
/* 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%;
    max-height: 450px;
}
.ImageLibraryBar .Wraper .nivoSlider img {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    min-height: 450px;
    max-height: 450px;
    object-fit: cover;
}
.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;
}
.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 div.bx-wrapper {
    border: none;
    margin-bottom: 0;
}
.ImageLibraryBar {
    position: relative;
    /* margin-top: -2px; */
    max-height: 450px;
    overflow: hidden;
}
.ImageLibraryBar div.bx-viewport {
    height: 30vw !important;
}
.ImageLibraryBar .bx-wrapper img {
    height: 30vw !important;
    width: 100%;
}
.ImageLibraryBar div.bx-wrapper .bx-pager.bx-default-pager a {
    height: 5px;
    width: 20px;
    background: #e4e4e4;
}
.ImageLibraryBar div.bx-wrapper .bx-pager.bx-default-pager a:hover,
.ImageLibraryBar div.bx-wrapper .bx-pager.bx-default-pager a.active,
.ImageLibraryBar div.bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: orange;
}
.ImageLibraryBar div.bx-wrapper .bx-pager,
.ImageLibraryBar div.bx-wrapper .bx-controls-auto {
    bottom: 10px;
}
@media only screen and (max-width: 768px) {
    div.ImageLibraryBar {
            /* padding: 0 5px; */
            /* margin-top: 15px; */
    }
    .ImageLibraryBar div.bx-pager.bx-default-pager {
            gap: 10px;
            padding-top: 0;
            bottom: 0;
    }
}