@charset "utf-8"; 
div.rthumbnail { display:inline-block; margin:0; padding:0;}
div.rthumbnail div.rcaption { display:none;}
div.responsivegallery { width:100%; height:100%; top:0; left:0; right:0; bottom:0; position:fixed; display:none; z-index:1000;}
div.responsivegallery:before { content:''; display:block; position:absolute; width:100%; height:100%; cursor:zoom-out; top:0; left:0; background:black; opacity:0.8; z-index:-1;}
div.responsivegallery div.galleryinner { position:absolute; left:0; top:0; width:100%; height:100%; margin:auto; text-align:center; vertical-align:middle; white-space:nowrap;}
div.responsivegallery div.galleryinner:before { content:''; display:inline-block; height:100%; vertical-align:middle;}
div.responsivegallery div.figurearea { position:relative; max-width:100%; vertical-align:middle; display:inline-block; z-index:1000;}
div.responsivegallery div.figurearea.isvideo { width:90%;}

/* video container CSS */
.jkvideocontainer * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%;}
.jkvideowrapper { position:relative; padding-bottom:56.25%; height:0;}
.jkvideowrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;}

/* figure CSS */
div.responsivegallery figure { margin:0; padding:0; display:block; box-shadow:0 0 15px rgba(0,0,0,.6); opacity:0; -webkit-transition:opacity 0.5s; -moz-transition:opacity 0.5s; transition:opacity 0.5s;}
div.responsivegallery figure img { max-width:100%; width:100%; height:auto; border:0; line-height:0; display:block; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; user-select:none;}

/* Caption CSS */
div.responsivegallery div.figurearea .thecaption { text-align:left; position:absolute; bottom:0; font-size:1.1em; padding:5px; width:100%; white-space:normal; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:none;}
div.responsivegallery div.figurearea.isvideo .thecaption { position:relative;}
div.responsivegallery div.figurearea .thecaption:before { content:''; position:absolute; width:100%; height:100%; display:block; background:white; top:0; left:0; opacity:0.8;}
div.responsivegallery div.figurearea .thecaption div.captioninner { position:relative; padding:3px; color:black; overflow:hidden; background-image:url(../images/bnt_j_slide_zoom.png) ; background-repeat:no-repeat;}
div.responsivegallery div.figurearea .thecaption div.captioninner span.counter { float:right; font-size:0.9em; font-weight:bold; display:block; height:100%; line-height:100%; color:white; border-radius:50%; width:40px; height:40px; line-height:40px; text-align:center; box-shadow:0 0 3px gray;}
div.responsivegallery div.close { position:absolute; right:10px; top:10px; width:50px; height:50px; cursor:pointer; background-image:url(../images/bnt_j_slide_zoom.png); background-repeat:no-repeat; background-position:right top;}
div.responsivegallery div.close:hover { background-position:right bottom;}
div.responsivegallery div.close span { display:none;}
div.responsivegallery div.leftnav span,div.responsivegallery div.rightnav span { display:none;}
div.responsivegallery div.leftnav { position:absolute; left:5px; top:50%; width:50px; height:50px; cursor:pointer; z-index:1000; background-image:url(../images/bnt_j_slide_zoom.png); background-repeat:no-repeat; background-position:left top;}
div.responsivegallery div.rightnav { position:absolute; right:5px; top:50%; width:50px; height:50px; cursor:pointer; z-index:1000; background-image:url(../images/bnt_j_slide_zoom.png); background-repeat:no-repeat; background-position:-50px top;}
div.responsivegallery div.leftnav:hover { background-position:left bottom;}
div.responsivegallery div.rightnav:hover { background-position:-50px bottom;}
div.responsivegallery div.loadingdiv { width:100px; height:100px; border-radius:10px; position:absolute; display:none; top:50%; left:50%; margin-top:-50px; margin-left:-50px; opacity:.6; text-align:center; z-index:1000; background:url(../images/icon_j_slide_zoom_error.png) center no-repeat rgba(0,0,0,.8);}
div.responsivegallery div.errordiv { width:100px; height:100px; border-radius:10px; position:absolute; display:none; top:50%; left:50%; margin-top:-50px; margin-left:-50px; opacity:.6; text-align:center; z-index:1000; background:url(../images/icon_j_slide_zoom_error.png) center no-repeat rgba(0,0,0,.8);}
div.responsivegallery div.loadingdiv span,
div.responsivegallery div.errordiv span { vertical-align:middle; color:red; font-size:3em; line-height:90px;}
div.responsivegallery div.loadingdiv span { -webkit-animation:rotate 2s linear infinite; animation:rotate 2s linear infinite; font-size:3.5em; color:white; display:inline-block;}
@-webkit-keyframes rotate {
	0% { -webkit-transform:rotate(0deg);}
	100% { -webkit-transform:rotate(360deg);}
}
@keyframes rotate {
	0% { transform:rotate(0deg);}
	100% { transform:rotate(360deg);}
}
@media screen and (max-width:480px) {
	div.responsivegallery div.leftnav,
	div.responsivegallery div.rightnav {}
}