.ba__carousel-wrap{position: relative; display: block;}
.ba__carousel-wrap.vertical{height:500px;}
.ba__carousel-wrap *{box-sizing:border-box}
.ba__carousel-viewport{width:100%;overflow:hidden;position:relative;z-index:0;height:100%; display: block;}
/*.ba__carousel:not([style*="width"]):not(.ba__carousel-single){opacity: 0;}*/
.ba__carousel{margin:0;padding:0;display:flex;flex-direction:row;transition:none;position: relative;-webkit-backface-visibility: hidden;}
.ba__carousel-wrap.vertical .ba__carousel{flex-direction:column}
.ba__carousel>*{transition:none;width:200px;height:auto;margin:0;padding:0;position:relative;opacity:1;float:left;display:block;-webkit-backface-visibility: hidden;}
.ba__carousel-viewport.dragging .ba__carousel{cursor:-webkit-grabbing;cursor:grabbing;}
.ba__carousel-wrap .pager{list-style:none;padding:5px 10px;margin:0;text-align:center;width:auto;z-index:2;min-width:280px}
.ba__carousel-wrap .pager>*{display:inline-block;width:15px;height:15px;background-color:rgba(0,0,0,.5);margin:5px 5px 0;color:#fff;text-align:center;cursor:pointer;border-radius:50%;font-size:12px;position:relative;text-indent:-999em;overflow:hidden}
.ba__carousel-wrap .pager>.active{background:#ee5c5c;color:#fff}
.ba__carousel-wrap .pager.numbers>*{font-size:14px;text-indent:0;width:1.8em;height:1.8em;border-radius:.2em;line-height:1;font-weight:700;display: inline-flex;align-items: center;justify-content: center;}
.ba__carousel-wrap .pager.numbers>*>*{font-style:normal}
.ba__carousel-wrap .pager.scrollbar>input{-webkit-appearance:none;margin:10px 0;width:20em;height:2em;background:0 0;border-radius:0;box-sizing:content-box;padding:0;border:0; box-shadow:none; outline: 0;}
.ba__carousel-wrap .pager.scrollbar>input:focus{outline:0 !important;border:0;box-shadow:none !important;}
.ba__carousel-wrap .pager.scrollbar>input::-webkit-slider-runnable-track,.ba__carousel-wrap .pager.scrollbar>input:focus::-webkit-slider-runnable-track{width:100%;height:15px;cursor:pointer;background:#e6e6e6;border-radius:1em;border:0;box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}
.ba__carousel-wrap .pager.scrollbar>input::-moz-range-track{width:100%;height:15px;cursor:pointer;background:#e6e6e6;border-radius:1em;border:0;box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}
.ba__carousel-wrap .pager.scrollbar>input::-webkit-slider-thumb{border:0;box-shadow:none;height:15px;width:36px;border-radius:1em;background:#465562;cursor:pointer;-webkit-appearance:none;margin-top:0}
.ba__carousel-wrap .pager.scrollbar>input::-moz-range-thumb{box-shadow:none;border:0;height:15px;width:36px;border-radius:1em;background:#465562;cursor:pointer}
.ba__carousel-wrap .pager.scrollbar>input::-ms-track{width:100%;height:15px;cursor:pointer;background:0 0;border-color:transparent;color:transparent}
.ba__carousel-wrap .pager.scrollbar>input::-ms-fill-lower,.ba__carousel-wrap .pager.scrollbar>input::-ms-fill-upper{background:#e6e6e6;border:0;border-radius:1em;box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}
.ba__carousel-wrap .pager.scrollbar>input::-ms-thumb{margin-top:1px;border:0;height:15px;width:36px;border-radius:1em;background:#465562;cursor:pointer}
.ba__carousel-wrap .pager.thumbnails>*{width:100px;height:75px;border-radius:.3em;background-position:center center;background-size:100% 100% !important;background-repeat:no-repeat;border:.4em solid transparent}
.ba__carousel-wrap .ba__arrow{background:#f90;border-radius:2em;margin:30px 10px 0 0;float:left;width:52px;height:52px;position:relative;color:#fff;text-decoration:none;font-size:22px;cursor:pointer;display: flex; align-items: center; justify-content: center;}
.ba__carousel-wrap .ba__arrow svg{overflow:hidden; vertical-align:middle; fill:none; stroke:currentColor; stroke-width:3; width:1em;}
.ba__carousel-viewport .disable,.ba__carousel-viewport.dragging .ba__carousel *,.ba__carousel-wrap.moving .ba__arrow{pointer-events:none!important; transition: all 0s;}
.ba__carousel-wrap.moving .ba__arrow{ transition: all .6s;}
.ba__carousel-viewport .disable{opacity:.5}
.ba__carousel>[class*=animate]{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.ba__carousel-wrap .type-thumbnails{padding: 0 36px; display: block; position: relative; clear: both;}
.ba__carousel-wrap .type-thumbnails > *{padding:0;display:block;width:100%;height:100%;line-height:0; overflow:hidden;scroll-behavior:smooth;position: relative;}
.ba__carousel-wrap .ba__pagers-inside > *{display:table;margin: 5px 0; min-width: 100%;}
.ba__carousel-wrap .pager.thumbnails{display: inline-flex; text-align: left; list-style: none; width: auto; position: relative; border: 0;}
.ba__carousel-wrap .type-thumbnails > i{margin: 0; position: absolute; left: 0; top: 0; width: 36px; height: 100%; display: block; cursor: pointer;font-size: 48px;font-style: normal;color: #888;line-height: 1.8;text-align: center;}
.ba__carousel-wrap .type-thumbnails > :last-child{left: auto; right: 0;}
.ba__carousel-wrap .type-thumbnails .active{-webkit-animation: pulse 1s;animation: pulse 1s;}
.ba__carousel-wrap img, .ba__carousel-wrap video, .ba__carousel-wrap audio, .ba__carousel-wrap iframe{max-width: 100%; height: auto;}
.ba__carousel-loading + *{opacity: 0; width: 0; height: 0; overflow: hidden;}
.ba__carousel-single{display: -ms-grid;display: grid;-ms-grid-columns: 1fr;grid-template-columns: 1fr;-ms-grid-rows: 1fr;grid-template-rows: 1fr; position: relative; width: 100%; max-height: 100%; align-items: center;}
.ba__carousel-single > *{-ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 1 / 1 / 2 / 2; opacity: 0; width: 100%; height: auto;}
.ba__carousel-single > .active{opacity: 1; transition: opacity .3s; z-index: 9999;}
[class*="animate"],.ba__carousel-item{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.ba__carsousel-media, .ba__carsousel-video{display: block; position: relative; padding:56.25% 0 0;/*16:9 Aspect Ratio*/}
.ba__carsousel-media::before, .ba__carsousel-video::before,
.ba__carsousel-media::after, .ba__carsousel-video::after{position: absolute; left: 0; top: 0; width:calc(50% - 10px); height:calc(100% - 55px); display: block; z-index: 1; content: '';}
.ba__carsousel-media::after, .ba__carsousel-video::after{left: calc(50% + 10px);}
.ba__carousel-wrap .ba__carsousel-media > *{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; border: 0;}



