/*! * baguetteBox.js * @author feimosi * @version 1.8.2 * @url https://github.com/feimosi/baguetteBox.js */
.rtl #baguetteBox-overlay{direction: ltr !important;}
#baguetteBox-overlay{display:none; opacity:0; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; z-index:1000000; background-color:#222; background-color:rgba(0,0,0,.8); -webkit-transition:opacity .5s ease; transition:opacity .5s ease}
#baguetteBox-overlay.visible{opacity:1}
#baguetteBox-overlay .full-image{display:inline-block; position:relative; width:100%; height:100%; text-align:center;overflow: hidden;}
#baguetteBox-overlay .full-image figure{display:inline; margin:0; height:100%}
#baguetteBox-overlay .full-image img{display:inline-block; width:auto; height:auto; max-height:100%; max-width:100%; vertical-align:middle; -moz-box-shadow:0 0 8px rgba(0,0,0,.6); box-shadow:0 0 8px rgba(0,0,0,.6)}
#baguetteBox-overlay .full-image figcaption{display:block; position:absolute; bottom:50px; width: 90%;margin-left: 5%;margin-right: 5%; text-align:center; line-height:1.8; white-space:normal; color:#ccc; background-color: transparent; font-family:sans-serif}
#baguetteBox-overlay .full-image figcaption .tip {background: #666;display: inline-block;padding: 5px 15px;border-radius: 5px;font-size: 1.5rem;line-height: 20px;}
#baguetteBox-overlay .full-image:before{content:""; display:inline-block; height:50%; width:1px; margin-right:-1px}
#baguetteBox-slider{position:absolute; left:0; top:0; height:100%; width:100%; white-space:nowrap; -webkit-transition:left .4s ease,-webkit-transform .4s ease; transition:left .4s ease,-webkit-transform .4s ease; transition:left .4s ease,transform .4s ease; transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out; animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out; animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0} 50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0} 50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0} 50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0} 50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%; top:calc(50% - 30px); width:44px; height:60px}.baguetteBox-button{position:absolute; cursor:pointer; outline:0; padding:0; margin:0; border:0; -moz-border-radius:15%; border-radius:15%; background-color:#323232; background-color:rgba(50,50,50,.5); color:#ddd; font:1.6em sans-serif; -webkit-transition:background-color .4s ease; transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px; right:2%; right:calc(2% + 6px); width:30px; height:30px}.baguetteBox-button svg{position:absolute; left:0; top:0}.baguetteBox-spinner{width:40px; height:40px; display:inline-block; position:absolute; top:50%; left:50%; margin-top:-20px; margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%; height:100%; -moz-border-radius:50%; border-radius:50%; background-color:#fff; opacity:.6; position:absolute; top:0; left:0; -webkit-animation:bounce 2s infinite ease-in-out; animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s; animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0); transform:scale(0)} 50%{-webkit-transform:scale(1); transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0)} 50%{-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1)}}.bigimg-drag-slider{display: flex; justify-content: center; align-items: center;}.bigimg-drag-slider input[type="range"]{-webkit-appearance: none; width:150px; height: 5px; outline: none; background: #eee; margin: auto 5px;}.bigimg-drag-slider input[type=range]:focus{outline: none;}.bigimg-drag-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance: none; border-radius: 2px; background: #eee; cursor: pointer; width: 6px; height: 20px; box-shadow: 1 1px 2px 0 #000;} .bigimg-drag-slider button{width: 28px; height: 28px; background: #FFFFFF; box-shadow: 0px 2px 6px 0px rgba(85, 85, 85, 0.2); border: none; font-size: 28px; line-height: 28px;}.bigimg-drag-slider .reduce{border-radius: 8px 2px 2px 8px;}.bigimg-drag-slider .add{border-radius: 2px 8px 8px 2px;}