.ba__zoom-viewport *{-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition: opacity .3s;transition: opacity .3s;}
.ba__zoom-lens{border:4px solid #888;margin:-4px;background-color:#fff;cursor:move;}
.ba__zoom-title{font-family:Arial,Helvetica,sans-serif;position:absolute!important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:700;font-size:10px;top:0}
.ba__zoom-main{overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow: 0 0 .5em rgba(0,0,0,.5);box-shadow: 0 0 .5em rgba(0,0,0,.5);}
.ba__zoom-addon.softFocus{-webkit-filter:blur(5px);filter:blur(5px)}

.ba__zoom-gallery-container{display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center;}
.ba__zoom-gallery-wrap{position:relative;margin-top:.5rem;padding:.5rem 2rem;border-radius:.2rem;background:#25252c;color:#fff; width: 100%;display:block;}
.ba__zoom-gallery-container.top .ba__zoom-gallery-wrap{-ms-flex-order: -1;order: -1; margin: 0 0 .5em 0;}
.ba__zoom-gallery-wrap .pager-wrap{width:100%;height:100%;display:block;line-height:0;position:relative;overflow:hidden;scroll-behavior:smooth}
.ba__zoom-gallery-wrap .pager-wrap > *{display:inline-block}
.ba__zoom-gallery-wrap .pager{width:auto;display:-ms-flexbox;display:flex;position:relative}
.ba__zoom-gallery-wrap .pager > *{display:block;overflow:hidden;width:100%;height:auto;padding:0}
.ba__zoom-gallery-wrap .pager img{display:block;width:calc(100% - 5px);margin:2px;padding:3px}
.ba__zoom-gallery-wrap .pager > .active img{background-color:#ec2b2b}
.ba__zoom-gallery-wrap.pager-vertical{width:30%;height:100%}
.ba__zoom-gallery-wrap.pager-vertical,.ba__zoom-gallery-wrap.pager-horizontal{-ms-flex-direction:column;flex-direction:column}
.ba__zoom-gallery-wrap .thumb-scroll{position:absolute;left:0;top:50%;margin-top:-1rem;line-height:1.5;z-index:9;display:-ms-flexbox;display:flex;width:2rem;height:2rem;cursor:pointer;font-style:normal;color:#999;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:16px}
.ba__zoom-gallery-wrap .thumb-scroll.next{left:auto;right:0}
.ba__zoom-gallery-wrap .thumb-scroll:hover{opacity:.6}
.ba__zoom-gallery-wrap .thumb-scroll.disable{opacity:.2}
.ba__zoom-gallery-wrap .thumb-scroll svg{overflow:hidden;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:3;width:1em}
.ba__zoom-gallery-container.left .ba__zoom-gallery-wrap,
.ba__zoom-gallery-container.right .ba__zoom-gallery-wrap{-ms-flex-order: -1;order: -1; width: 6em; height: 20em; margin: 0 .5em 0 0; padding: 2rem .5rem;}
.ba__zoom-gallery-container.left > a,
.ba__zoom-gallery-container.right > a{width: calc(100% - 6.5em);}
.ba__zoom-gallery-container.left .pager,
.ba__zoom-gallery-container.right .pager{-ms-flex-direction: column;flex-direction: column;}
.ba__zoom-gallery-container.left .thumb-scroll,
.ba__zoom-gallery-container.right .thumb-scroll{margin: 0 0 0 -1em; left: 50%; top: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.ba__zoom-gallery-container.left .thumb-scroll.next,
.ba__zoom-gallery-container.right .thumb-scroll.next{top: auto;bottom: 0; }
.ba__zoom-gallery-container.right .ba__zoom-gallery-wrap{-ms-flex-order: 5;order: 5; margin: 0 0 0 .5em;}


.modal{position:fixed;top:0;left:0;z-index:1055;display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}
.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none;max-width: 50em; margin: 2em auto;}
.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out, -webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}
.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,0.2);border-radius:.3rem;outline:0;padding:1em;}
.modal-backdrop{position:fixed;top:0;left:0;z-index:1050;width:100vw;height:100vh;background:#000;opacity:0}
.modal-backdrop.show{opacity:.5}
.modal .modal-content > .btn-close{font-size:2em;width:1.2em;height:1.2em;position:absolute;right:0;top:0;text-align:center;line-height:1;background:#fff;border-radius:50%;cursor:pointer}

