.UIImageBanner {
    margin: 0 auto;
    width: 100%;
    z-index: 1;
    position: relative;
}
.UIImageBanner .MainSlider{
    height: 200px;
    overflow: hidden;
    position: relative;
    margin: 10px;
}
.UIImageBanner .MainSlider .Fade.Container {
    height: 50%;
    position: relative;
    /* width: 100%; */
}
.UIImageBanner .MainSlider .slideItem {
    position: absolute;
}
.UIImageBanner .MainSlider .slideItem .imgTitle {
    position: -webkit-sticky;
    position: sticky;
    left: 10px;
    /*right: 20px;*/
    bottom: 0;
    font-size: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    width:100%;


    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(20%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.7)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
}
.MainSlider .slideItem img {
  	object-fit: cover;
  	width: 100%;
  	height: 200px;
  	/* object-fit: cover; */
  	vertical-align: top;
}
.MainSlider .sl-center {
    text-align: center !important;
    width: auto;
    bottom: 0px;
    position: absolute;
    width: 100%;
    /* display: none; */
}
.MainSlider .sl-center .dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    border-radius: 50%;
    display: inline-block;
    color: transparent;
    background-color: #e6e6e6;
    display: none;
}
.MainSlider .sl-center .sl-display-left:before {
    content: "\f104";;
    display: inline-block;
    font: normal normal normal 20px/45px FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.MainSlider .sl-center .sl-display-left {
    left: 0px;
    /* bottom: 200px; */
    width: 45px;
    height: 45px;
    position: absolute;
    color: #fff;
    background-color: #218ae085;
    border-radius:100px;
}
.MainSlider .sl-center .sl-display-right:before {
    content: "\f105";
    display: inline-block;
    font: normal normal normal 20px/45px FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.MainSlider .sl-center .sl-display-right {
    right: 0px;
    width: 45px;
    height: 45px;
    bottom: px;
    position: absolute;
    color: #fff;
    background-color: #218ae085;
    border-radius:100px;
}
.MainSlider .sl-center .sl-display-right:hover,  .MainSlider .sl-center .sl-display-left:hover{
    background: #218ae0;
}
.MainSlider .active {
    background-color: #0076dd !important;
}