.pre{display:inline-block;padding:20px;background:#f1f1f1;box-shadow:3px 3px 0 1px rgba(0,0,0,.1);width:100%}
@-webkit-keyframes ball-scale-multiple{0%{transform:scale(0) rotate(-90deg);opacity:0}
5%{opacity:1}
100%{transform:scale(1.2) rotate(90deg);opacity:0}
}
@keyframes ball-scale-multiple{0%{transform:scale(0) rotate(-90deg);opacity:0}
5%{opacity:1}
100%{transform:scale(1.2) rotate(90deg);opacity:0}
}
.loaderWrap{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.2);z-index:123333333}
.ball-scale-multiple{position:absolute;top:50%;left:50%;transform:translate(-50%,50%)}
.video{width:100%;height:100%;object-fit:cover}
.ball-scale-multiple>div{background-color:#fff;border-radius:0;animation-fill-mode:both;position:absolute;left:-60px;top:-60px;opacity:0;margin:0;width:120px;height:120px;animation:ball-scale-multiple 1s 0s linear infinite;box-shadow:0 0 20px 0 rgba(0,0,0,.2)}
.ball-scale-multiple>div:nth-child(1){animation-delay:-1s}
.ball-scale-multiple>div:nth-child(2){animation-delay:-.8s}
.ball-scale-multiple>div:nth-child(3){animation-delay:-.6s}
.ball-scale-multiple>div:nth-child(4){animation-delay:-.4s}
.ball-scale-multiple>div:nth-child(5){animation-delay:-.2s}
.a-container{width:1170px;margin:20px auto}
.a-1_2{width:48%;display:inline-block;margin:0 1%}
.o-sliderContainer{overflow:hidden;position:relative;width:100%;min-height:200px;background:#fff;float:left;margin:0 0;height:auto; overflow:hidden;}
.o-sliderContainer.hasShadow{box-shadow:0 39px 22px -29px rgba(0,0,0,.2)}
.o-sliderContainer:hover .o-slider-next{right:0}
.o-sliderContainer:hover .o-slider-prev{left:0}
.o-slider--item{height:auto;width:0;background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative;float:left;transition:all .2s cubic-bezier(.7,.18,.53,.75);opacity:.6;transform:scale(.95,.95);transform-origin:center center;z-index:99}
.o-slider--item::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}
.o-slider--item.isActive{opacity:1;transform:scale(1,1)}
.o-slider--item.isMoving{opacity:.6;transform:scale(.95,.95);z-index:100}
.o-slider{width:auto;position:relative;display:none}
.o-slider.isVisible{display:table;background:#000}
.o-slider.isDraggable{cursor:move}
.o-slider-textWrap{left:5%;top:18%;height:auto;position:absolute;text-align:left;padding:0 0 20px;width:96%;transition:all .4s;opacity:1;overflow:visible;perspective:1000px;z-index:2}
.isActive .o-slider-textWrap::after{width:100%;left:0}
.isActive .o-slider-paragraph{opacity:1;transform:perspective(0) rotateY(0) translate(0,0);transform-origin:0 0;transition-delay:1s}
.isActive .o-slider-title{opacity:1;transform:perspective(0) rotateY(0) translate(0,0);transform-origin:0 0;transition-delay:.2s}
.isActive .o-slider-subTitle{opacity:1;transform:perspective(0) rotateY(0) translate(0,0);transform-origin:0 0;transition-delay:.6s}

.o-slider-title{width:auto;margin:0 0 5px;height:auto;color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,.2);font-size:2.8rem;  font-style:italic; display:inline-block;padding:0;transition:all .4s;transform-origin:0 0;transform:perspective(1000px) rotateY(120deg) translate(100px,-100px);opacity:0;position:relative;z-index:1}
.o-slider-title span{font-size:3.2rem; color:#56c3b0; font-weight:bold;}
.o-slider-subTitle{width:auto;margin:0 0 5px;height:auto;color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,.2);font-size:1.8em; color:#56c3b0; display:inline-block;padding:0;transition:all .4s;transform-origin:0 0;transform:perspective(1000px) rotateY(120deg) translate(100px,-100px);opacity:0;position:relative;z-index:1;}
.o-slider-paragraph{width:auto;margin:0 0 5px;height:auto;color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,.2);font-size:1.4rem;display:inline-block;padding:0;transition:all .4s;transform-origin:0 0;transform:perspective(1000px) rotateY(120deg) translate(100px,-100px);opacity:0;position:relative;z-index:1;max-width:100%;}

@media screen and (min-width:768px){.o-slider-textWrap{left:10%;width:90%; top:30%}

.o-slider-title{font-size:3.6rem; font-style:italic;}
.o-slider-title span{font-size:4.5rem; color:#56c3b0; font-weight:bold;}
.o-slider-subTitle{font-size:2.5rem;  color:#56c3b0;}
.o-slider-paragraph{max-width:60%;font-size:1.8rem;display:block}

}
@media screen and (min-width:1024px){.o-slider-pagination{bottom:6%}
.o-slider-textWrap{left:16%;width:84%;top:30%}

.o-slider-title{font-size:4.2rem; font-style:italic;}
.o-slider-title span{font-size:6rem; color:#56c3b0; font-weight:bold;}
.o-slider-subTitle{font-size:3rem;  color:#56c3b0;}
.o-slider-paragraph{max-width:40%;font-size:2.4rem}

}
.a-divider{display:block;width:100%;height:1px;margin:2px 0}
.o-slider-controls{display:none}
.o-slider-controls.isVisible{display:block}
.o-slider-pagination{bottom:2%;left:0;position:absolute;text-align:center;width:100%;z-index:1444000;margin:0;padding:0}
.o-slider-pagination>li{border-radius:10px;box-shadow:0 0 0 0px rgba(255,255,255,1),0 0 2px 0 rgba(255,255,255,1) inset;display:inline-block;position:relative;top:0;right:0;bottom:0;left:0;height:10px;width:30px;margin-left:6px;margin-right:6px;transition:all 250ms;cursor:pointer;background-clip:padding-box;z-index:100}
.isActive{background-color:rgba(255,255,255,.9);transform:scale(1.3,1.3)}
.o-slider--preview{position:absolute;top:-70px;right:auto;bottom:auto;left:-65px;opacity:0;width:140px;height:60px;background-size:cover;background-position:center center;transition:all 250ms;z-index:-1;border:3px solid #000;transform:scale(.2,.2);transform-origin:center bottom;display:none}
.o-slider--preview::before{content:"";position:absolute;top:auto;right:auto;bottom:-13px;left:50%;margin:0 0 0 -5px;height:0;width:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #000}
.o-slider--preview.isActive,.o-slider-pagination li:hover .o-slider--preview{opacity:1;position:absolute;top:-76px;right:auto;bottom:auto;left:-65px;transform:scale(1,1)}
@media screen and (min-width:768px){.o-slider--preview{display:block}
}
.o-slider-arrows{margin:0;list-style:none;display:block}
.o-slider-next,.o-slider-prev{position:absolute;top:0;left:-100px;margin:-12px 0 0;width:auto;z-index:1200122;padding:0;margin:0;height:100%;list-style:none;cursor:pointer;text-align:center;padding:10px 25px;background:rgba(0,0,0,.4);display:inline-block;vertical-align:middle;line-height:100%;transition:all .4s}
.o-slider-next i,.o-slider-prev i{position:absolute;top:50%;left:0;margin:-12px 0 0;text-align:center;width:100%;font-size:1.8rem;color:#fff}
.o-slider-next{left:auto;right:-100px}
.isDisabled{opacity:.1;cursor:auto}
@media screen and (max-width:1280px){.a-container{width:970px}
}
@media screen and (max-width:1024px){.o-slider-arrows{display:none}
.o-sliderContainer{height:500px;width:100%;margin:0 0 0px; overflow:hidden;}
.o-slider--item{height:500px}
}
@media screen and (max-width:768px){.a-container{width:90%;margin:20px auto}
.a-1_2{width:100%;display:block;margin:0}
.o-slider-arrows{display:none}
.o-sliderContainer{height:300px; overflow:hidden;}
.o-slider--item{height:300px}
.o-slider-panel img{left:-15%;width:130%}
}
@media screen and (max-width:480px){.o-slider--item{height:270px}
.o-slider--item img{left:-20%;width:140%}
.o-sliderContainer{height:240px; overflow:hidden;}
}
.slider-pagination>li:hover{background-color:rgba(255,255,255,.9);transform:scale(1.3,1.3)}