/* ############## */
* {
	margin: 0;
	padding: 0;
}
html {

}
body {
	font: 16px/21px 'OctavaOSCRegular';
	color: #000;
	background-color: #fff;
}

a {
	color: inherit;
}

#wrapper {
	width: 100%;
	margin: 35px auto;
}

.heading {
	font: 70px/80px 'OctavaOSCRegular';
	margin-left: 40px;
	margin-bottom: 50px;
}

.about-h {
	font: 17px/22px 'CirceRegular';
	width: 500px;
	margin-left: 40px;
}

.lead-h {
	font: 27px/32px 'OctavaOSCRegular';
	position: absolute;
	margin: 20px 0 0 650px;
}

.credits {
	font: 17px/22px 'CirceRegular';
	margin-left: 40px;
}

td {
	vertical-align: top;
}

#options {
	position: absolute;
}

.option-combo h4 {
	font: normal 14px/15px 'CirceRegular'!important;
	font-weight: normal!important;
	/*background-color: white;*/
}

.filter li a{
	font: normal 12px/13px 'CirceRegular'!important;
	font-weight: normal!important;
	/*background-color: rgba(255, 255, 255, .5)!important;*/
}

.filter li .selected{
	/*background-color: blue!important;*/
}

.s-block {
	width: 256px;
	height: 370px;
	margin: 10px;
/*	padding-left: 20px; 
	padding-right: 20px;*/
	padding-bottom: 60px;
	float: left;
	position: relative;
	
	.cover {
		backface-visibility:hidden;
		-webkit-backface-visibility:hidden;
		-moz-backface-visibility:hidden;
		-webkit-box-shadow:  7px 7px 11px 0px rgba(0, 0, 0, 0.10);
		box-shadow:  7px 7px 11px 0px rgba(0, 0, 0, 0.10);
		height: 370px;
	/*	padding: 1px 1px 1px 1px;*/
		
		h2 {
			padding: 10px 10px;
			font: 21px/23px 'OctavaOSCRegular';
			text-align: center;
			background-color: #00c3b5;
			color: #fff;
			height: 85px;
			margin-bottom: 0px;
		}
	}
		
	.back {
	
	/*-webkit-transform: rotateY(-180deg);  -webkit-transform-style: preserve-3d;
	    -moz-transform: rotateY(-180deg);     -moz-transform-style: preserve-3d;
	     -ms-transform: rotateY(-180deg);      -ms-transform-style: preserve-3d;
	         transform: rotateY(-180deg);          transform-style: preserve-3d;*/
	
	
	
	/*opacity: 0;*/
	height: 380px;
	/*	border: 1px dotted #00c3b5;*/
		position: absolute;
		top: 0;
		backface-visibility:hidden;
		-webkit-backface-visibility:hidden;
		-moz-backface-visibility:hidden;
	-webkit-box-shadow: 7px 7px 11px 0px rgba(0, 0, 0, 0.10);
	box-shadow:  7px 7px 11px 0px rgba(0, 0, 0, 0.10);
			
		h2 {
			padding: 10px 10px;
			font: 21px/23px 'OctavaOSCRegular';
			text-align: center;
			border-bottom: 1px dotted #00c3b5;
			height: 85px;
			margin-bottom: 0px;
		}
		
		.tags {
			color: #00c3b5;
			font: 13px/18px 'NonameGroteskHanddrawnv4Rg';
			padding: 5px 10px;
			border-bottom: 1px dotted #00c3b5;
			margin-bottom: 0;
			width: 100%;
			
			td {
				width: 128px;
				i {
					font: italic 13px/15px 'OctavaOSCRegular';
				}
			}
		}
		.stars {
			color: #00c3b5;
			font: 12px/14px 'CirceRegular';
			padding: 5px 10px;
			border-bottom: 1px dotted #00c3b5;
		}
		.description {
			padding: 5px 10px;
			font: 14px/15px 'OctavaOSCRegular';
			height: 167px;
		}
	}
}