@import "https://fonts.googleapis.com/css?family=Open+Sans:400,300&subset=latin,cyrillic";
@import "https://fonts.googleapis.com/css?family=PT+Sans:400italic&subset=cyrillic,latin";

* { 
	margin: 0; 
	padding: 0; 
}

img { 
	border:none; 
}
		
body { 
	background-color: #303c49;
	font-family: 'Open Sans'; 
}
		
#supersized-loader { 
	background: url(https://man-service.dp.ua/images/loader.gif) no-repeat center center;
	width:60px; 
	height:60px;
	margin:-30px 0 0 -30px;
	text-indent:-999em;
	position:absolute; 
	top:50%; 
	left:50%; 
	z-index:0;	
}
		
#supersized {  
	display:block; 
	position:fixed; 
	left:0; 
	top:60px; 
	overflow:hidden; 
	z-index:-999; 
	height:100%; 
	width:100%; 
}

#supersized img { 
	width:auto; 
	height:auto; 
	position:relative; 
	display:none; 
	outline:none; 
	border:none; 
}

#supersized.speed img { 
	-ms-interpolation-mode:nearest-neighbor; 
	image-rendering: -moz-crisp-edges; 
}	

/*Speed*/
#supersized.quality img { 
	-ms-interpolation-mode:bicubic; 
	image-rendering: optimizeQuality; 
}			

/*Quality*/
#supersized li { 
	background:#FFFFFF;
	width:100%; 
	height:100%; 
	display:block; 
	list-style:none; 
	z-index:-30; 
	position:fixed; 
	overflow:hidden; 
	top:60px; 
	left:0; 
}

#supersized a { 
	width:100%; 
	height:100%; 
	display:block; 
}
				
#supersized li.prevslide { 
	z-index:-20;
}
				
#supersized li.activeslide { 
	z-index:-10;
}

#supersized li.image-loading { 
	background:#111 url(../img/progress.gif) no-repeat center center; 
	width:100%; 
	height:100%; 
}

#supersized li.image-loading img{ 
	visibility:hidden; 
}
				
#supersized li.prevslide img, #supersized li.activeslide img{ 
	display:inline; 
}
		
#prev {
	background: url(../img/navigation.png) left center no-repeat;
	width: 43px;
	height:43px;
	position: absolute;
	cursor: pointer;
	top: 50%;
	margin-top:-21px;
	left: 20px;
	z-index: 90000;	
}
		
#next {
	background: url(../img/navigation.png) right center no-repeat;
	position: absolute;
	cursor: pointer;
	top: 50%;
	margin-top:-21px;
	right: 20px;
	width: 43px;
	height:43px;
	z-index: 90000;
}
		
.panel {
	position: absolute;
	background: #2f3c49;
	left: 0;
	right: 0;
	bottom: 0;
	height: 30px;
	z-index: 99000;
}
		
#play {
	background: url(../../../images/play-gallery.png) center center no-repeat;
	width: 30px;
	height: 30px;
	cursor: pointer;
	float: left;
}
		
/*#play:hover, .off:hover { 
	background-color: #3a4754 !important; 
}*/
		
/* .off { 
	background: url(../../../images/pause-gallery.png) center center no-repeat !important; 
} */
		
#thumb {
	background: url(../../../images/thumb-gallery.png) center center no-repeat;
	width: 30px;
	height: 30px;
	cursor: pointer;
	float: right;
}
		
#thumb:hover { 
	background-color: #3a4754; 
}

#title {
	background:#FFFFFF;
	width:100%;
	height:40px;
	padding:10px 0 10px 0;
}

#title2 {
	background:#252626;
	height:45px;
	line-height:45px;
	font-family: 'PT Serif';
	font-size:18px;
	line-height:18px;
	color:#d2d2d2;	
}

#title p, #title2 p {
	padding:0 0 0 23px;	
	line-height:45px;
	display:block;
}

#title span, #title2 span {
	color: #6a6a6a;
	font-size:13px;
	padding:0 0 0 15px;
}