/*slider*/
.slidertop{position:relative;top:0px;overflow:hidden;z-index:1;/*-webkit-transition: all 0.7s ease;transition: all 0.7s ease;*/}
.slidertop2{height:inherit;margin:0px auto;position:relative;overflow:hidden;z-index:1;}
.slidertop2 .bgitem{position:absolute;width:100%;height:100%;display:block;overflow:hidden;}

/*background*/
.slidertop2 .bgimg{position:absolute;width:100%;height:100%;object-fit:cover;z-index:1;}
.slidertop2 .bgimg.sreal{object-fit:none;}

/*image*/
.slidertop2 .lay{height:inherit;}
.slidertop2 .img{position:absolute;z-index:2;height:inherit;}
.slidertop2 .img img{position:absolute;width:auto;max-height:100%;}

/*pagin*/
.slidertop > .paginx{list-style:none;margin:0;padding:0;position:absolute;width:300px;left:50%;margin-left:-150px;bottom:5px;z-index:2;text-align:center;opacity:0.75;}
.slidertop > .paginx > li{padding:0px;width:12px;height:12px;cursor:pointer;margin:1px 3px;display:inline-block;border-radius:100%;opacity:0.8;}

/*shadow*/
.slidertop.shadow{-moz-box-shadow:0 10px 20px -9px rgba(0,0,0,0.5);-webkit-box-shadow:0 10px 20px -9px rgba(0,0,0,0.5);box-shadow:0 10px 20px -9px rgba(0,0,0,0.5);}

/*slider loading*/
.slidertop-loading{position:absolute;left:calc(50% - 25pt);top:calc(50% - 25pt);font-size:25pt;opacity:0.5;}

/*arrow*/
.slidertop .arrow{position:absolute;z-index:99;font-size:60pt;top:calc(50% - 60pt/2);opacity:0.2;cursor:pointer;display:none;}
.slidertop .arrow.left{left:-25px;}
.slidertop .arrow.right{right:-25px;}
.slidertop .arrow:hover{opacity:0.5;}
.slidertop:hover .arrow.load{display:block;}

/*slider theme*/
.slidertop.light{color:#000;}
.slidertop.light > .paginx > li{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);}
.slidertop.light > .paginx > li.over{background:rgba(255,255,255,0.7);}
.slidertop.light > .paginx > li:hover{border-color:#fff;}
.slidertop.light .arrow{color:#fff;text-shadow: 1px 1px 3px rgba(0,0,0,0.5);}
.slidertop.dark{color:#fff;}
.slidertop.dark > .paginx > li{background:rgba(0,0,0,0.1);border:1px solid rgba(0,0,0,0.3);}
.slidertop.dark > .paginx > li.over{background:rgba(0,0,0,0.7);}
.slidertop.dark > .paginx > li:hover{border-color:#000;}
.slidertop.dark .arrow{color:#000;text-shadow: 1px 1px 3px rgba(255,255,255,0.5);}