/**********************************************************************************/
.ImageLibraryBar{
        margin-bottom: 10px;
}
.ImageLibraryBar  .Wraper .nivoSlider {
        position:relative;
        background:#fff url(images/loading.gif) no-repeat 50% 50%;
}
.ImageLibraryBar .Wraper .nivoSlider img {
        position:absolute;
        top:0px;
        left:0px;
        display:none;
        height: auto !important;
}
.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: "NotoSans", sans-serif !important;
        font-size: 13px;
}
.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: 140px;
        height: auto;
}
.ImageLibraryBar div.bx-wrapper {
        border: none;
        margin-bottom: 0;
}
.ImageLibraryBar {
        position: relative;
        /* margin-top: -2px; */
        border: 1px solid #ddd;
}
.ImageLibraryBar div.bx-viewport {
        min-height: 540px;
        max-height: 540px;
}
.ImageLibraryBar .bx-wrapper img {
        height: auto;
        width: 100%;
        min-height: 540px;
        max-height: 540px;
}
.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;
}
.bx-wrapper .bx-controls-direction a{
        display: none;
}
@media only screen and (max-width: 768px){
        .ImageLibraryBar div.bx-viewport {
        min-height: auto !important;
        height: auto !important;
}
    div.ImageLibraryBar {
        padding: 0 10px !important;
        border: none;
    } 
        .ImageLibraryBar .bx-wrapper img {
    min-height: auto;
    max-height: auto;
}
        .ImageLibraryBar div.bx-wrapper .bx-pager{
        display: none;
        }
}
@media only screen and (max-width: 1024px){
        div.ImageLibraryBar {
                padding: 0;
                /* margin-top: 15px; */
                /*max-width: calc(100vw - 20px);*/
                background: #fff;
                margin: auto;
                margin-bottom: 10px;
        }
        .ImageLibraryBar div.bx-pager.bx-default-pager {
                gap: 10px;
                padding-top: 0;
                bottom: 0;
        }
}
@media only screen and (min-width: 1025px) and (max-width: 1290px){
        div.ImageLibraryBar {
                padding: 0;
                /* margin-top: 15px; */
                /*max-width: calc(100vw - 20px);*/
                background: #fff;
                margin: auto;
                margin-bottom: 10px;
        }
}
