/* COLORS */
/* COLORS */
.noscroll { overflow: visible; }

.rsScene .layer .rsImg { transform: scale(1.05, 1.05); }

#single-gallery .gallery_wrapper { right: 0; position: absolute; height: auto; width: 100%; }
#single-gallery .gallery_wrapper .a2gallery.rsMinW { left: 95px; position: absolute; }

.gallery_wrapper { position: relative; background-color: #191919; width: 100%; height: 100%; margin-bottom: 0px; font: 15px/1.5 "Ubuntu Mono", "Courier New", Courier, monospace !important; min-height: 250px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.a2gallery.rsMinW { position: fixed; width: auto; height: auto; top: 0; left: 105px; right: 0; bottom: 0; z-index: 0; background: #191919; margin-bottom: 50px !important; border-bottom: 1px solid #191919; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.gallery-sm { position: relative; margin-top: .7em !important; }

.gallery_small { min-height: 0; }
.gallery_small .a2gallery.rsMinW { margin-bottom: 30px !important; }
.gallery_small .a2gallery.rsMinW .rsOverflow { padding-bottom: 30px !important; }
.gallery_small .a2gallery.rsMinW .rsSlide { padding-bottom: 30px !important; }
.gallery_small .a2gallery.rsMinW .rsSlide .rsImg { position: absolute; left: 0; right: auto; top: 0; bottom: auto; }
.gallery_small .rsSlideCount { display: block !important; }

/* Background */
/* LOCATE AS  ABSOLUTE POSITIONING */
/* Background */
.rsMinW, .rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs { background: #191919; color: #FFF; }

.a2gallery.rsMinW .rsOverflow { padding-bottom: 50px !important; }

.a2gallery.rsMinW .rsContainer { background: #191919; }

/* IMG */
.a2gallery.rsMinW .rsSlide { padding-bottom: 50px !important; border-top: 1px solid #191919; border-bottom: 1px solid #191919; }

.hide-controls .rsSlideCount { display: none; }

.rsSlideCount { left: auto; right: 120px; color: #888; font-size: 10px; line-height: 1.3em; position: absolute; top: auto; bottom: -2.6em; top: auto; width: auto; height: auto; z-index: 99999; background: none; padding-top: .75em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.a2gallery.rsMinW .rsABlock { height: auto; text-align: left; font-size: 10px; line-height: 1.3em; min-height: 50px; top: 100% !important; bottom: auto !important; left: 0; right: 0; width: auto; margin: 0 auto; background: none; text-shadow: none; padding: 1.2em 170px .75em 0; z-index: 10; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.a2gallery.rsMinW .rsABlock .slideCaption { display: block; font-size: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; color: #888; padding: 0; padding-left: 2px; }
.a2gallery.rsMinW .rsABlock .slideCaption .caption-link { -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; -webkit-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; color: #29B1CC; }
.a2gallery.rsMinW .rsABlock .slideCaption .caption-link:hover { color: #191919; }
.a2gallery.rsMinW .rsABlock h1.slideTitle { display: inline; padding: 0; margin: -6px 0 0 0; line-height: 1.1em; color: #29B1CC; }
.a2gallery.rsMinW .rsABlock h2.slideDescription { display: inline; padding: 0; margin: 0; line-height: 1.1em; color: #29B1CC; }
.a2gallery.rsMinW .rsABlock .link-suffix { font-size: 120%; }

.bottomBar { position: absolute; height: 50px; bottom: -50px; width: 100%; background: #191919; top: auto; z-index: 1; }

/***************
*
*  1. Arrows
*
****************/
.hide-controls .a2gallery.rsMinW .rsArrow, .hide-controls .a2gallery.rsMinW .rsArrowLeft, .hide-controls .a2gallery.rsMinW .rsArrowRight { display: none !important; }

.a2gallery.rsMinW .rsArrow { width: 30px; height: 30px; font-weight: 200; }
.a2gallery.rsMinW .rsArrowLeft { right: 85px; bottom: 8px; display: block !important; }
.a2gallery.rsMinW .rsArrowRight { right: 20px; bottom: 8px; display: block !important; }
.a2gallery.rsMinW .rsArrowIcn { width: 30px; height: 30px; color: #CCC; background: none; border-radius: 0 !important; padding: 0 !important; margin: 0 !important; -webkit-transition-duration: 300ms; -webkit-transition-property: background-color, color; -webkit-transition-timing-function: ease; -moz-transition-duration: 300ms; -moz-transition-property: background-color, color; -moz-transition-timing-function: ease; -o-transition-duration: 300ms; -o-transition-property: background-color, color; -o-transition-timing-function: ease; }
.a2gallery.rsMinW .rsArrowIcn:hover, .a2gallery.rsMinW .rsArrowIcn.hovered { background: none; color: #e60089; }
.a2gallery.rsMinW .rsArrowIcn:before { position: absolute; font-family: 'Black Tie'; top: 3px; font-size: 22px; line-height: 22px; }
.a2gallery.rsMinW.rsHor .rsArrowLeft .rsArrowIcn:before { left: 11px; content: "\F092"; }
.a2gallery.rsMinW.rsHor .rsArrowRight .rsArrowIcn:before { left: 14px; content: "\F093"; }
.a2gallery.rsMinW .rsArrowDisabled .rsArrowIcn { opacity: .3 !important; filter: alpha(opacity=30); *display: none; }

/***************
*
*  2. Bullets
*
****************/
.a2gallery.rsMinW .rsBullets { position: absolute; height: auto; width: auto; overflow: hidden; cursor: pointer; height: auto; text-align: right; font-size: 10px; line-height: 10px; min-height: 60px; top: 100% !important; bottom: auto !important; left: 50%; right: auto; width: 50%; margin: 0 auto; max-width: 700px; background: none; text-shadow: none; box-shadow: none; padding: 0.75em 20px 0.75em 0; z-index: 10; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.a2gallery.rsMinW .rsBullet { width: auto; height: auto; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; background: none; *zoom: 1; padding: 0px 0px .4em .6em; margin: 0px 0 0 0; text-shadow: none; box-shadow: none; }

.a2gallery.rsMinW .rsBullet span { padding: 0px 0px 0px 0px; margin: 0px 0 0 0; display: block; width: auto; height: auto; border-radius: 0; color: #888; box-shadow: none; text-shadow: none; background: none; }
.a2gallery.rsMinW .rsBullet span:hover { color: #29B1CC; }

.a2gallery.rsMinW .rsBullet.rsNavSelected span { color: #888; }

/***************
*
*  5. Fullscreen button
*
****************/
.a2gallery.rsMinW .rsFullscreenBtn { width: 30px !important; height: 30px !important; top: auto; bottom: 3px; right: 17px; display: none; }
.a2gallery.rsMinW .rsFullscreenIcn { color: #CCC; background: none; border-radius: 0 !important; padding: 0 !important; margin: 0 !important; position: absolute !important; }
.a2gallery.rsMinW .rsFullscreenIcn:hover, .a2gallery.rsMinW .rsFullscreenIcn.hovered { color: #29B1CC; opacity: 1; }
.a2gallery.rsMinW .rsFullscreenIcn:before { position: absolute; font-family: 'Black Tie'; font-size: 10px; line-height: 10px; left: 50%; right: 50%; top: 50%; bottom: 50%; margin: -.5em 0 0 -.25em; content: "\f065"; }
.a2gallery.rsMinW.rsFullscreen .rsFullscreenIcn:before { content: "\f066"; }

#play-button { width: 30px !important; height: 30px !important; bottom: 8px; right: 39px; }
#play-button .rsArrowIcn { cursor: pointer; position: absolute; font-family: 'Black Tie'; top: auto; width: 30px !important; height: 30px !important; padding: 0 !important; margin: 0 !important; }
#play-button .rsArrowIcn:before { font-size: 22px; line-height: 22px; left: 0; top: 3px; bottom: 50%; margin: 0 0 0 -.1em; content: "\F079"; }
#play-button .rsArrowIcn.playSlider:before { margin: 0; content: "\F07A"; }

.rsMinW .rsThumb { width: 60px; height: 40px; }

.rsMinW .rsThumbsHor { height: 40px; }

.rsMinW .rsCloseVideoBtn { right: 0; top: auto; bottom: -32px; width: 38px; height: 32px; z-index: 500; position: absolute; cursor: pointer; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); }

.rsMinW .rsCloseVideoBtn.rsiOSBtn { top: 0; right: 0; }

.rsMinW .rsCloseVideoIcn { margin: 0px; width: 38px; height: 32px; background-color: #191919; }

.rsMinW .rsCloseVideoIcn:hover { background-color: #29B1CC; }

/*

@media handheld, only screen and (max-width: 1024px) {

	.a2gallery.rsMinW .rsABlock {
		//padding:.5em 1em;
		font-size: $size0;
		.slideCaption {
			font-size: $size0;
		}
		.link-suffix {
			font-size: 120%;
		}
	}
}
@media screen and (min-width: 0px) and (max-width: 800px) {
	.rsMinW .rsThumb {
		width: 60px;
		height: 40px;
	}
	.rsMinW .rsThumbsHor {
		height: 40px;
	}
}

@media handheld, only screen and (max-width: 768px) {

	.gallery-sm {
			//background: #F6F6F6 !important;
	}
	.rsSlideCount {
		font-size: $size0;
	}

	.gallery_small {
		//margin-left: 0 - ($site-margin);
		//margin-right: 0 - ($site-margin);
		
		.a2gallery.rsMinW,
		.a2gallery.rsMinW .rsOverflow,
		.a2gallery.rsMinW .rsSlide,
		.a2gallery.rsMinW .rsVideoFrameHolder {
			//background: #F6F6F6 !important;
			   border-top:none;
			   border-bottom:none;
		}
		.a2gallery.rsMinW {
			//padding-left: ($site-margin);
			//padding-right: ($site-margin);
		}
	}
	.a2gallery.rsMinW .rsBullets {
		font-size: $size0;
		line-height: $size0;
	}

}

@media handheld, only screen and (max-width: 440px) {
	.rsNav {
		display:none !important;
	}
	.gallery_small {
		//margin-left: 0 - ($site-margin/2);
		//margin-right: 0 - ($site-margin/2);
		.a2gallery.rsMinW .rsOverflow {
			//padding-left: ($site-margin/2) !important;
			//padding-right: ($site-margin/2) !important;
			//width:100%;
			//@include box-sizing(border-box);
		}
	}
	#gallery {
		.rsSlideCount {
			display:block !important;
			right:($site-margin/2);
			left:auto;
			width:auto;
			background: none;
			padding-top:9px;
		}
		.a2gallery.rsMinW .rsABlock {
			padding-right:0;
			padding-left:0;
		}
	}
}
*/
@media handheld, only screen and (max-width: 667px) { .a2gallery.rsMinW { position: absolute; left: 0; bottom: 20px; }
  #single-gallery .gallery_wrapper { position: relative; }
  #single-gallery .gallery_wrapper .a2gallery.rsMinW { position: absolute; left: 0; bottom: 20px; }
  .a2gallery.rsMinW .rsSlide { background: #000; }
  #a2gallery { padding-left: 0px; }
  #a2gallery .a2gallery.rsMinW { top: 70px; bottom: 20px; }
  .a2gallery.rsMinW .rsABlock { left: 20px; } }