.viewer-container{bottom:0;direction:ltr;font-size:0;left:0;line-height:0;overflow:hidden;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;-webkit-touch-callout:none;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.viewer-container::-moz-selection,.viewer-container *::-moz-selection{background-color:transparent;}.viewer-container::selection,.viewer-container *::selection{background-color:transparent;}.viewer-container img{display:block;height:auto;max-height:none !important;max-width:none !important;min-height:0 !important;min-width:0 !important;width:100%;}.viewer-canvas{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;}.viewer-canvas > img{height:auto;margin:15px auto;max-width:90% !important;width:auto;}.viewer-footer{bottom:0;left:0;overflow:hidden;position:absolute;right:0;text-align:center;}.viewer-navbar{background-color:rgba(0,0,0,.5);overflow:hidden;}.viewer-list{-webkit-box-sizing:content-box;box-sizing:content-box;height:100px;margin:0;overflow:hidden;padding:1px 0;}.viewer-list > li{color:transparent;cursor:pointer;float:left;font-size:0;height:100px;line-height:0;opacity:.5;overflow:hidden;-webkit-transition:opacity .15s;transition:opacity .15s;width:100px;}.viewer-list > li:hover{opacity:.75;}.viewer-list > li + li{margin-left:1px;}.viewer-list > .viewer-loading{position:relative;}.viewer-list > .viewer-loading::after{border-width:2px;height:20px;margin-left:-10px;margin-top:-10px;width:20px;}.viewer-list > .viewer-active,.viewer-list > .viewer-active:hover{opacity:1;}.viewer-player{background-color:#000;bottom:0;cursor:none;display:none;left:0;position:absolute;right:0;top:0;}.viewer-player > img{left:0;position:absolute;top:0;}.viewer-toolbar ul{display:inline-block;margin:0 auto 5px;overflow:hidden;padding:30px 0;}.viewer-toolbar li{background-color:rgba(0,0,0,.5);border-radius:5px;cursor:pointer;float:left;overflow:hidden;-webkit-transition:background-color .15s;transition:background-color .15s;line-height: 40px;padding: 0px 10px;font-size: 16px;color: #fff;}.viewer-toolbar li:hover{background-color:rgba(0,0,0,.8);}.viewer-toolbar li::before{margin:2px;}.viewer-toolbar li + li{margin-left:10px;}.viewer-toolbar .viewer-small{height:18px;margin-bottom:3px;margin-top:3px;width:18px;}.viewer-toolbar .viewer-small::before{margin:-1px;}.viewer-toolbar .viewer-large{height:30px;margin-bottom:-3px;margin-top:-3px;width:30px;}.viewer-toolbar .viewer-large::before{margin:5px;}.viewer-tooltip{background-color:rgba(0,0,0,.8);border-radius:10px;color:#fff;display:none;font-size:12px;height:20px;left:50%;line-height:20px;margin-left:-25px;margin-top:-10px;position:absolute;text-align:center;top:50%;width:50px;}.viewer-title{color:#ccc;display:inline-block;font-size:12px;line-height:1;margin:0 5% 5px;max-width:90%;opacity:.8;overflow:hidden;text-overflow:ellipsis;-webkit-transition:opacity .15s;transition:opacity .15s;white-space:nowrap;}.viewer-title:hover{opacity:1;}.viewer-button{background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:absolute;right:-40px;top:-40px;-webkit-transition:background-color .15s;transition:background-color .15s;width:80px;}.viewer-button:focus,.viewer-button:hover{background-color:rgba(0,0,0,.8);}.viewer-button::before{bottom:15px;left:15px;position:absolute;}.viewer-fixed{position:fixed;}.viewer-open{overflow:hidden;}.viewer-show{display:block;}.viewer-hide{display:none;}.viewer-backdrop{background-color:rgba(18,18,18,1);}.viewer-invisible{visibility:hidden;}.viewer-move{cursor:move;cursor:-webkit-grab;cursor:grab;}.viewer-fade{opacity:0;}.viewer-in{opacity:1;}.viewer-transition{-webkit-transition:all .3s;transition:all .3s;}@-webkit-keyframes viewer-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes viewer-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}.viewer-loading::after{-webkit-animation:viewer-spinner 1s linear infinite;animation:viewer-spinner 1s linear infinite;border:4px solid rgba(255,255,255,.1);border-left-color:rgba(255,255,255,.5);border-radius:50%;content:'';display:inline-block;height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:1;}@media (max-width:767px){.viewer-hide-xs-down{display:none;}}@media (max-width:991px){.viewer-hide-sm-down{display:none;}}@media (max-width:1199px){.viewer-hide-md-down{display:none;}}