@charset "utf-8";
@font-face {
  font-family: "Shtrudil";
  src:url("../fonts/shtrudil-rent.eot");
  src:url("../fonts/shtrudil-rent.eot?#iefix") format("embedded-opentype"),
    url("../fonts/shtrudil-rent.woff") format("woff"),
    url("../fonts/shtrudil-rent.ttf") format("truetype"),
    url("../fonts/shtrudil-rent.svg#shtrudil-rent") format("svg");
  font-weight: normal;
  font-style: normal;

}

#sb-container {
	position: fixed;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	z-index: 999;
	text-align: left;
	visibility: hidden;
	display: none;
}
#sb-overlay {
	position: relative;
	height: 100%;
	width: 100%;
	cursor: pointer;
	background: #000 !important;
	opacity: 0.7 !important;
}
#sb-wrapper {
	position: absolute;
	visibility: hidden;
	width:100px;
}

#sb-wrapper-inner {
	/box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 1px 2px 1px rgba(0,0,0,0.2);
	position: relative;
	/border: 10px solid #FFF;
	overflow: hidden;
	height: 100px;
}
#sb-body{
	position: relative;
	height:100%;
}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;line-height:70px;height:70px;top:50%;margin-top:-35px;width:100%;text-align:center; color: rgba(255,255,255,0); }
#sb-loading-inner span{background:url(../images/spinner.gif) center no-repeat; display:inline-block; height: 70px; width: 70px; }
#sb-body-inner,#sb-loading{ background-color:#FFF; }

#sb-info {
	position: absolute;
	z-index: 999;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

#sb-nav-next:before, #sb-nav-previous:before, #sb-nav-close:before {
    font-family: 'Shtrudil';
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#sb-nav-next, #sb-nav-previous {
    color: #000;
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	width: 50%;
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.2s linear;
}

#sb-nav-next { right: 0; }
#sb-nav-previous { left: 0; }

	#sb-nav-next:before, #sb-nav-previous:before {
        font-size: 4rem;
        text-shadow: 0 0.125rem 0 rgba(255,255,255,1);
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		height: 10%;
		margin: auto;
	    transition: opacity 0.2s linear;
	}

	#sb-nav-next:before {
		content: '\63';
		right: 0.5rem;
        text-align: right;
	}
	
	#sb-nav-previous:before {
		content: '\62';
		left: 0.5rem;
        text-align: left;
	}
	
#sb-info:hover #sb-nav-next, #sb-info:hover #sb-nav-previous { opacity: 0.5; }
#sb-info #sb-nav-next:hover, #sb-info #sb-nav-previous:hover { opacity: 1; }

#sb-nav-close {
	background: rgba(255,255,255,0);
	border-radius: 50%;
    color: #000;
    text-decoration: none;
	display: block;
	position: absolute;
	z-index: 2;
	top: 1rem;
	right: 1rem;
	width: 3rem;
	height: 3rem;
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.2s linear, background 0.2s linear;
}

#sb-nav-close:before {
    content: '\61';
    font-size: 2rem;
    text-align: center;
    line-height: 1.8125;
    display: block;
    width: 3rem;
    height: 3rem;
    opacity: 0.5;
	transition: opacity 0.2s linear;
}

#sb-nav-close:hover { background: rgba(255,255,255,0.5); }
#sb-nav-close:hover:before { opacity: 1; }
#sb-info:hover #sb-nav-close, #sb-info:hover #sb-counter { opacity: 1; }

#sb-counter {
    background: #fff;
    border-radius: 0.25rem;
    font-size: 0.875rem;
    color: #666;
    line-height: 2;
    position: absolute;
    bottom: 1rem;
    padding: 0 0.5rem;
    left: 1rem;
    opacity: 0;
	transition: opacity 0.2s linear;
}

.touch #sb-nav-next, .touch #sb-nav-previous { display: none; }