.jbmodal{cursor:pointer;-webkit-transition:all 0.165s ease;-moz-transition:all 0.165s ease;-ms-transition:all 0.165s ease;-o-transition:all 0.165s ease;transition:all 0.165s ease}
.jbmodal:hover{-webkit-transition:all 0.165s ease;-moz-transition:all 0.165s ease;-ms-transition:all 0.165s ease;-o-transition:all 0.165s ease;transition:all 0.165s ease}
.jbmodal-pos{position:fixed;width:100%;max-width:100%;top:10%;left:0;margin:0;padding:0;z-index:1050}
.jbmodal-box{position:relative;width:560px;max-width:90%;margin:0 auto;padding:var(--units-1);background:var(--color-white);border:0;border-radius:calc(var(--radius-default)* 0.5);-webkit-box-shadow:0 3px 7px rgb(0 0 0 / .3);-moz-box-shadow:0 3px 7px rgb(0 0 0 / .3);box-shadow:0 3px 7px rgb(0 0 0 / .3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;outline:none;z-index:1050;overflow:scroll}
.jbmodal-box::-webkit-scrollbar{visibility:hidden;width:0;height:0}
.jbmodal-box::-webkit-scrollbar-corner{background-color:#fff0}
.jbmodal-box .jbmodal-title{margin:0 0 1em;padding-right:var(--units-3)}
.jbmodal-box .jbmodal-img{position:relative;text-align:center;margin:0 0 1.5em}
.jbmodal-box .jbmodal-img img{max-width:100%;height:auto;margin:0}
.jbmodal-box .jbmodal-img>span{position:absolute;top:0;width:50%;height:100%;display:block;cursor:pointer}
.jbmodal-box .jbmodal-img>span.jbmodal-prev{left:0}
.jbmodal-box .jbmodal-img>span.jbmodal-next{right:0}
.jbmodal-box .jbmodal-img>span .fa{display:inline-block;width:40px;height:40px;font-size:var(--font-size-2);line-height:40px;text-align:center;background:#fff0;border-radius:var(--radius-default);color:var(--color-gray-70);-webkit-transition:all 0.165s ease;-moz-transition:all 0.165s ease;-ms-transition:all 0.165s ease;-o-transition:all 0.165s ease;transition:all 0.165s ease}
.jbmodal-box .jbmodal-img>span:hover .fa{color:var(--color-accent)}
.jbmodal-box .jbmodal-img>span.jbmodal-prev .fa{left:0}
.jbmodal-box .jbmodal-img>span.jbmodal-next .fa{right:0}
.jbmodal-box .jbmodal-img a{position:absolute;bottom:var(--units-1);left:var(--units-1)}
.jbmodal-box .jbmodal-caption{margin:0 0 var(--font-size-1)}
.jbmodal-box .jbmodal-controls{position:absolute;top:0;right:0}
.jbmodal-box .jbmodal-controls i.fa{display:inline-block;width:40px;height:40px;font-size:var(--font-size-2);line-height:40px;text-align:center;background:#fff0;border-radius:var(--radius-default);color:var(--color-gray-70);-webkit-transition:all 0.165s ease;-moz-transition:all 0.165s ease;-ms-transition:all 0.165s ease;-o-transition:all 0.165s ease;transition:all 0.165s ease}
.jbmodal-box .jbmodal-controls i.fa:hover{color:var(--color-accent);cursor:pointer}
.jbmodal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:var(--color-black);opacity:.8}
.jbmodal-html-content{display:none!important}