.slide-slidebox { position:relative;-ms-touch-action:pan-y;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;}
.slide-slidebox.slide-refresh .slide-item { visibility:hidden;}
.slide-slidebox.slide-drag .slide-item {-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.slide-slidebox.slide-rtl { direction:rtl;}
.slide-slidebox.slide-rtl .slide-item { float:right;}
.slide-wrapper {position:relative;margin:auto;transform:translate3d(0px, 0px, 0px);height:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.slide-wrapper::after{ content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.slide-wrapper-outer{overflow:hidden;position:relative;width:100%; height:auto}
.slide-item {position:relative;float:left;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;transform:translate3d(0px, 0px, 0px);} 
.slide-loading {opacity:0;display:block;}

/*ANIMATION*/
.animated-in {z-index:0;}
.animated-out{z-index:1;}

/*AUTO HEIGHT */
/*.autoheight {transition:height 300ms ease-in-out;}*/

/*NO JS */
.no-js .slide-slidebox{ display:block;}

/*LAZY LOAD*/
.slide-slidebox .slide-item img.lazyload {opacity:0;transition:opacity 400ms ease;transform-style:preserve-3d;}

/*VIDEO PLUGIN*/
.slide-video-wrapper{position:relative;width:100%;height:100%;background-color:#000}
.slide-video-frame{position:relative;width:100%;height:100%;}
.slide-video-frame iframe{width:100%;height:100%;}
.slide-video-play-icon{width:100px;height:100px;cursor:pointer;position:absolute;left:50%;top:50%;margin:-50px 0 0 -50px;border-radius:50%;z-index:9999}
.slide-video-play-icon::before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;border-radius:50%;background:url(../images/play.svg) no-repeat 50%/80%;z-index:1}
.slide-video-play-icon::after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;border-radius:50%;background:linear-gradient(45deg, #ec1d23,  #000);transition:opacity 0.5s ease-in-out;opacity:0.5;z-index:-1}
.slide-video-play-icon:hover::after {opacity:1;}
.slide-video-playing .slide-video-tn,.slide-video-playing .slide-video-play-icon{display:none}
.slide-video-tn {opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;transition:opacity 400ms ease;}

/*PAGINATION*/
.slide-pagination, .slide-buttons{ width:100%;height:auto;text-align:center;z-index:20}
.slide-buttons  svg{width:100%;height:100%;}
.slide-pagination  svg{width:100%;height:100%;position:absolute;left:0;top:0}
.slide-pagination  svg{pointer-events:none}
.slide-pagination{margin:20px auto;position:relative;padding:0 10px}
.slide-buttons{position:absolute;top:50%;left:0;width:100%;height:auto;max-width:inherit;margin:-50px 0 0 0;transform:none;z-index:10;}
.slide-pagination.hide, .slide-buttons.hide{ opacity:0;pointer-events:none}
.slide-page{display:inline-block;position:relative;margin:0 3px;}
.slide-page span:not(.dot-number){display:block;width:30px;height:10px;border:none;transition:border 0.3s ease-in-out}
.slide-page span:not(.dot-number)::after{content:'';width:24px;height:4px;position:absolute;left:3px;top:3px;background-color:#fff;transition:background-color 0.3s ease-in-out}
.slide-page:not(.active):hover span:not(.dot-number)::after{background-color:#ec1d23}
.slide-page.active span:not(.dot-number){opacity:1;pointer-events:none;border:1px solid #ec1d23}
.slide-page.active span:not(.dot-number)::after{background-color:#ec1d23}
.slide-buttons.disabled,  .slide-pagination.disabled {display:none;}
.slide-prev, .slide-next, .slide-page span{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;transition:all 0.3s ease-in-out;}
.slide-prev{top:0;left:20px;position:absolute;background:url(../images/previous.svg) no-repeat 50% /80%;width:80px;height:80px;opacity:0.7}
.slide-next{top:0;right:20px;position:absolute;background:url(../images/next.svg) no-repeat 50% /80%;width:80px;height:80px;opacity:0.7}
.slide-next:hover{transform:translate3d(5px, 0, 0) scale(1.1);opacity:1} 
.slide-prev:hover{transform:translate3d(-5px, 0, 0)  scale(1.1);opacity:1}
.slide-next::before, .slide-prev::before{ content:'';width:100%;height:100%;position:absolute;left:0;top:0;transition:all 0.3s ease-in-out;z-index:-1}
.slide-prev.disabled, .slide-next.disabled{ pointer-events:none;opacity:0.2 !important}
.slide-page .dot-number{color:#ddd;padding:0;font-size:13px;font-weight:600;line-height:25px;text-align:center;width:25px;height:25px;border-radius:50%;margin:0 5px;position:relative;display:inline-block;transition:all 0.3s ease-in-out;}
.slide-page .dot-number::before{content:'';width:calc(100% + 4px);height:calc(100% + 4px);left:-2px;top:-2px;position:absolute;border:2px solid #ddd;border-radius:50%;transition:all 0.3s ease-in-out}
.slide-page:not(.active):hover .circle-outer{stroke:#ec1d23}
.slide-page.active .dot-number{pointer-events:none;color:#ec1d23}
.slide-page.active .dot-number::before{border-color:#ec1d23}

/*CIRCLE*/
.circle-outer{stroke:rgba(255,255,255,0.8);fill:none;stroke-width:3;stroke-dasharray:534;transition:all 0.3s ease-in-out}
.slide-page.active .circle-outer{stroke:#ec1d23;animation-name:Show100;animation-fill-mode:forwards;}


/*NUMBER*/
.numbers {text-align:center}
.numbers .slide-pagination {counter-reset:slides-num;text-align:center;width:100px;display:inline-block;position:relative;padding:10px }
.numbers .slide-pagination:after { content:counter(slides-num);font-size:20px;text-align:right;display:inline-block;vertical-align:middle;position:relative;margin:5px}
.numbers  .slide-page.active:before {content:counter(slides-num) " /";font-size:20px;text-align:left;display:inline-block;vertical-align:middle;position:relative;margin:5px}
.numbers .slide-page{counter-increment:slides-num;margin:0}
.numbers .slide-page span{display:none;}

/*THUMB*/
.thumbs-video{width:90%;max-width:600px;margin:auto;position:relative;display:block}
.thumbs{width:90%;max-width:600px;height:auto;left:50%;bottom:1.5vh;position:absolute;display:inline-block;margin:0;transform:translate(-50%, 0);z-index:5}
.thumb-item{width:90px;height:50px;display:block;position:relative;border:3px solid #fff;overflow:hidden;transition:border 0.3s ease-in-out;background-position:center center;background-repeat:no-repeat;background-size:cover}
.thumb-item a{ display:block}
.slide-item.current .thumb-item{pointer-events:none;border-color:#ec1d23}
.thumb-item:hover{border-color:#ec1d23}
.thumb-item img{width:100%;height:auto;display:block;pointer-events:none;opacity:0}

/*RESET*/
.center-slidebox .slide-wrapper{width:100% !important;white-space:nowrap;text-align:center;}
.center-slidebox .slide-item{float:none !important;width:100% !important;display:inline-block !important;vertical-align:top;}

/*ALBUM*/
.album-center .slide-next{right:20px;background:url(../images/next.svg) no-repeat 50% / 110%;}
.album-center .slide-prev{left:20px;background:url(../images/previous.svg) no-repeat 50% / 110%;}

/*NEXT-PREVIOUS*/
.slide-pic-nav{position:absolute;top:50%;left:0;width:100%;max-width:inherit;margin:-40px 0 0 0;transform:none;z-index:10;}
.next-pic{background:url(../images/next.svg) no-repeat center center/contain;width:80px;height:80px;position:absolute;right:10px;top:0;cursor:pointer;transition:all 0.3s ease-in-out;}
.prev-pic{background:url(../images/previous.svg) no-repeat  center center/contain;width:80px;height:80px;position:absolute;left:10px;top:0;cursor:pointer;transition:all 0.3s ease-in-out;}
.next-pic:not(.disabled):hover, .prev-pic:not(.disabled):hover{transform:scale(1.2)}
.next-pic.disabled, .prev-pic.disabled{ opacity:0.2;pointer-events:none}

/*MODIFY*/
.slide-mask .slide-pagination{position:absolute;bottom:10px;left:0;}

@media screen and (max-width:1100px) {
.slide-pic-nav{top:auto;margin:0;bottom:0;height:50px;background-color:rgba(0,0,0,0.3);z-index:9999}
.slide-prev, .slide-next, .slide-page span, .next-pic, .prev-pic{ transition:none;transform:none}
.slide-next, .slide-prev, .next-pic, .prev-pic{width:50px;height:50px;}
.slide-buttons{margin:-25px 0 0 0;}
.next-pic,.slide-next{right:0}
.prev-pic, .slide-prev{left:0}
.slide-next:hover, .slide-prev:hover,  .next-pic:hover, .prev-pic:hover{opacity:0.7;transform:none} 
.slide-next:hover, .slide-prev:hover{ transform:none;background-color:transparent;border-width:0;} 
.slide-page span:not(.dot-number){display:block;width:10px;height:6px;background-color:#fff;border:none;transform:none}
.slide-page:not(.active):hover span:not(.dot-number){background-color:#fff;}
.slide-page.active span:not(.dot-number){background-color:#ec1d23}
.slide-page span:not(.dot-number)::after{ display:none}

.slide-video-play-icon { height:80px;width:80px;margin:-40px 0 0 -40px;transition:none }
.slide-video-play-icon::after {opacity:1 }
.thumb-item{ transition:none}
.thumb-item:hover{border-color:#ddd}
.album-center .slide-buttons{ display:none}
.slide-page .dot-number{  margin:0 2px}
.slide-page:not(.active):hover  .dot-number{color:#ccc;}
.slide-page:not(.active):hover  .dot-number::before{ border-color:#ddd}

/*MODIFY*/
.slide-mask .slide-pagination{bottom:10px;}
	
}

@media screen and (max-width:840px) {
.slide-page span:not(.dot-number) {transform:scale(0.7);}
}


@media screen and (max-width:620px) {
.thumbs, .thumbs-video{max-width:300px;}
.slide-page .dot-number{font-size:10px;line-height:20px;width:20px;height:20px;margin:0 2px}

}
@media screen and (max-width:440px) {
.slide-video-play-icon{height:60px;width:60px;margin:-30px 0 0 -30px;}	
.slide-page span:not(.dot-number) {transform:scale(0.6)}
.slide-page .dot-number{font-size:9px;line-height:16px;width:16px;height:16px;}
.thumb-item{height:45px;}
}