/*---------------------------*/
.UIImageSlideShow {
        padding: 0px;
        height: 30vw;
        margin-bottom: 40px;
}
.UIImageSlideShow .nivoSlider {
}
.UIImageSlideShow .theme-default a.nivo-nextNav {
        background-position: -22px 0;
        background-color: #f1f1f1!important;
        right: 15px;
        border-radius: 50%;
}
.UIImageSlideShow .theme-default a.nivo-prevNav {
        left: 15px;
        color: #24232300;
        background-color: #f1f1f1!important;
        border-radius: 50%;
        font-size: 18px!important;
}
.UIImageSlideShow .theme-default .nivo-directionNav>a{
        text-indent: unset !important;
        color: transparent !important;
        background: transparent !important;
}
.UIImageSlideShow .theme-default a.nivo-nextNav:before {
        content: '❯';
        color: #9f9c9c;
        font-size: 50px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
}
.UIImageSlideShow .theme-default a.nivo-prevNav:before {
        content: '❮';
        color: #9f9c9c;
        font-size: 50px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
}
/*
.UIImageSlideShow .nivo-directionNav a.nivo-nextNav:after {
z-index: 3 !important;
top: 59% !important;
left: 57% !important;
transform: translate(-50%, -50%) rotate(
-45deg) !important;
}
.UIImageSlideShow .nivo-directionNav a:before {
z-index: 3;
top: 59%;
left: 55%;
transform: translate(-50%, -50%) rotate(
-45deg);
}
.UIImageSlideShow .nivo-directionNav a:before, .nivo-directionNav a:after {
content: "";
position: absolute;
width: 35%;
height: 10%;
top: 39%;
left: 55%;
background: #999;
z-index: 2;
transform: translate(-50%, -50%) rotate(
45deg);
transition: all 0.2s linear;
}
#---------------------------
.UIImageSlideShow .nivo-directionNav a.nivo-prevNav:after {
z-index: 3 !important;
top: 59% !important;
transform: translate(-50%, -50%) rotate(
-45deg) !important;
}
.UIImageSlideShow .nivo-directionNav a.nivo-prevNav:after {
z-index: 3 !important;
top: 59% !important;
left: 51% !important;
transform: translate(-50%, -50%) rotate(
-45deg) !important;
}
.UIImageSlideShow .nivo-directionNav a.nivo-prevNav:before {
z-index: 3;
top: 59%;
left: 55%;
transform: translate(-50%, -50%) rotate(
-45deg);
}
.UIImageSlideShow .nivo-directionNav a.nivo-prevNav:before, .nivo-directionNav a.nivo-prevNav:after {
content: "";
position: absolute;
width: 35%;
height: 10%;
top: 39%;
left: 47%;
background: #999;
z-index: 2;
transform: translate(-50%, -50%) rotate(
314deg);
transition: all 0.2s linear;
}
.UIImageSlideShow .nivo-directionNav a.nivo-prevNav:after {
content: "";
position: absolute;
width: 35%;
height: 10%;
background: #999;
z-index: 2;
transform: translate(-50%, -50%) rotate(
43deg) !important;
transition: all 0.2s linear;
}
*/
#--
.UIImageSlideShow_home .UIImageSlideShow .title{
        display: none !important;
}
.theme-default .nivoSlider {
        position:relative;
}
.theme-default .nivoSlider img {
        position:absolute;
        top:0px;
        left:0px;
        display:none;
        /*aspect-ratio: 15/5; */
        height: 30vw !important;
        object-fit: cover;
}
.theme-default .nivoSlider a {
        border:0;
        display:block;
}
.theme-default .nivo-controlNav {
        text-align: center;
        padding: 20px 0;
        /* display: none; */
}
.theme-default .nivo-controlNav a {
        display:inline-block;
        width:22px;
        height:22px;
        background:url(images/bullets.png) no-repeat;
        text-indent:-9999px;
        border:0;
        margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
        background-position:0 -22px;
}
.theme-default .nivo-directionNav a {
        display:block;
        width:30px;
        height:30px;
        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;
}
.theme-default:hover .nivo-directionNav a {
        opacity: 1;
}
.theme-default a.nivo-nextNav {
        background-position:-30px 0;
        right:15px;
}
.theme-default a.nivo-prevNav {
        left:15px;
}
.theme-default .nivo-caption {
        font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
        color:#fff;
        border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
        color:#fff;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled {
        width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
        width: auto;
        height: auto;
        background: none;
        margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
        display: block;
        width: 90px;
        height: 70px;
}
.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;
        height:100%;
        top:0;
}
.nivo-box {
        display:block;
        position:absolute;
        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;
}
.UIImageSlideShow_home .title {
        display:none;
}
@media only screen and (max-width: 768px){
        .UIImageSlideShow {
                padding: 5px;
                width: 100vw;
                aspect-ratio: 16/9;
                background: white;
                padding-bottom: 0 !important;
        }
        div.UIImageSlideShow {
                height: 50vw;
                margin-bottom: 20px;
                padding: 0 15px;
        }
        .theme-default .nivoSlider>img {
                aspect-ratio: unset !important;
                height: 50vw !important;
                object-fit: cover !important;
        }
        .nivo-box {
                display: none;
        }
        .nivo-directionNav {
                display: none;
        }
        .nivo-slice {
                display: none;
        }
}
