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

a {
	color: inherit;
}
body {
	font-family: CharterOSCRegular;
	background: #fff;
	font-size: 16px;
	line-height: 19px;
	
}
#wrapper {
	width: 1000px;
	margin: 0 auto;
}

td {
	vertical-align: top;
}




.heading {
	.h-img {
		z-index: -10;
		margin: -30px 0 0 -60px;
	}
	h1 {
		font: 25px/28px 'CirceExtrabold';
		text-transform: uppercase;
		letter-spacing: 4px;
		padding: 183px 0 0 472px;
	}
	.lead {
		font: 17px/20px 'CirceBold';
		margin: 80px 0 0 472px;
	}
	
	.descr {
		font: italic 18px/23px 'OctavaOSCRegular';
		margin: 20px 0 0 472px;
	}
}

.fragments {
	h2 {
		font: 84px/101px 'NewStandardCRegular';
		
		span {
			font: 70px/98px 'CirceBold';
			text-transform: uppercase;
		}
	}
	.descr {
		width: 500px;
		margin-left: 250px;
		font: 18px/21px 'CirceBold';
	}
	.red-border {
		font: 12px/14px 'CirceBold';
		width: 136px;
		padding: 5px 10px;
		border: 3px solid red;
		color: red;
		margin: 50px 0 0 780px;
	}
	
	.d-arr {
		margin: 16px 0 0 848px;
	}
	
	table {
		margin: 0 auto;
		
		.small {
			width: 60px;
			padding: 0 30px;
			text-align: center;
		}
		
		td {
			width: 376px;
			
			.border {
				font: italic 14px/17px 'OctavaOSCRegular';
				border: 9px solid #000;
				padding: 10px 15px;
				width: 280px;
			}
			
			.list-wrap {
				position: relative;
				width: 376px;
				height: 553px;
				
				.list-show {
					width: 376px;
					height: 553px;
					background: url(../images/crd.png);
					position: absolute;
				}
				
				.list-hide {
					width: 376px;
					height: 553px;
					background: url(../images/crdh.png);
					position: absolute;
					display: none;
				}
				
				.txt {
					position: absolute;
					width: 271px;
					height: 368px;
					left: 60px;
					top: 90px;
				}
				.toggle {
					width: 60px;
					height: 20px;
					position: absolute;
					top: 45px;
					left: 273px;
					cursor: pointer;
				}
			}
		}
	}
}





.txt1 {
position: absolute;
	font-family: 'NonameGroteskHanddrawnv4Rg';
	font-size: 20px;
		line-height: 25px;
	width: 300px;
	padding-top: 40px;
	border-top: 7px solid #333;
	margin-top: 100px;
}



.txt2 {
margin-top: 100px;
position: absolute;
	font-family: 'OctavaOSC';
	font-size: 20px;
	line-height: 25px;
	width: 300px;
	margin-left: 400px;
	padding-top: 40px;
	border-top: 7px solid #333;
}


.txt3 {
z-index: 400;
margin-top: 1200px;
position: absolute;
	font-family: 'OctavaOSC';
	font-size: 16px;
	line-height: 19px;
	width: 300px;
	margin-left: 40px;
	padding-top: 40px;
	border-top: 7px solid #333;
}



.txt4 {
margin-top: 1200px;
position: absolute;
	font-family: 'OctavaOSC';
	font-size: 16px;
	line-height: 19px;
	width: 300px;
	margin-left: 400px;
	padding-top: 40px;
	border-top: 7px solid #333;
}





td {
	vertical-align: top;
}

.question-block {
	display: none;
	position: relative;
	
	td {
		width: 150px;
	}
	
	.check {
		display: none;
		position: absolute;
		top: 45px;
		margin-left: 12px;
		/*left: 12px;*/
	}
}



.finish {
	display: none;
	
	height: 344px;
	
	.question {
		margin-left: 79px !important;
		height: 304px;
		padding-left: 0px !important; 
		width: auto !important;
	}
	.ocenka {
		text-align: center;
		font: 36px/115px 'OctavaOSCRegular';
		letter-spacing: 4px;
		border-bottom: 2px solid #000;
	}
	.bali {
		font: 36px/120px 'OctavaOSC';
		color: #d30000;
		text-align: center;
	}
	.desc {
		text-align: center;
		font: 17px/18px 'OctavaOSCRegular';
		font-weight: normal;
		font-style: normal;
	}
}


.testzag
{
z-index: 1000;
background-color: white;
position: absolute;
		font-family: 'NonameGroteskHanddrawnv4Rg';
		font-size: 40px;
			line-height: 25px;
		width: 340px;
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 20px;
		padding-right: 20px;
		border-top: 7px solid #333;
		margin-top: -300px;
		margin-left: 280px;
		text-align: center;
	border: 7px solid #333;
}
.auth {
font-style: italic;
margin-top: 10px;
position: absolute;
	font-family: 'OctavaOSCRegular';
	font-size: 18px;
	line-height: 25px;
	width: 300px;
	margin-left: 50px;
	padding-top: 10px;

}

.video{
margin-top: 600px;
	width: 1000px ;
	height: 520px;
	position: absolute;
	background-image: url(../images/2.jpg);
}


.test {
	height: 800px;
	
	h2 {
		font: 112px/134px 'NewStandardCRegular';
		
		span {
			font: 112px/134px 'CirceBold';
			text-transform: uppercase;
		}
	}
	.descr {
		font: 18px/21px 'CirceBold';
		text-transform: uppercase;
		letter-spacing: 4px;
	}
	
	.question-block {
		display: none;
		width: 803px;
		margin: 45px 45px 40px 40px;
		position: relative;
	/*	border: 10px solid #333;*/
		/*background: url(../images/texture.png);*/
		
		.number {
			font: 100px/121px 'CirceBold';
			margin: 0 10px;
			width: 85px;
			text-align: center;
			height: 95%;
			background: url(../images/red.jpg) no-repeat 20px bottom;
		}
		
		.question {
			font: 24px/24px 'CirceBold';
			padding-top: 20px;
			width: 600px;
		/*	border-left: 2px solid #333;*/
			padding-left: 20px;
			padding-bottom: 20px;
			
			i {
				font: italic 14px/17px 'OctavaOSCRegular';
				display: block;
				margin-top: 20px;
				width: 474px;
			}
		}
		table {
	/*		border-left: 2px solid #333;
			border-top: 2px solid #333;*/
			padding: 20px;
		
			td {
				width: 134px;
				padding-right: 30px;
				text-align: center;
				font: 11px/13px 'CirceBold';
				text-transform: uppercase;
				cursor: pointer;
				
				img {
					margin-bottom: 20px;
				}
			}
			td:hover {
				color: red;
			}
		}
	}
}

.finish {
	height: 344px;
	margin-top: 70px;
	margin-left: 130px;
	width: 600px;
/*	border: 8px solid #333;*/
	
	img {
		/*margin: 5px;*/
	}
	
	.question {
		margin-left: 79px !important;
		height: 304px;
		padding-left: 0px !important; 
		width: auto !important;
	}
	.ocenka {
		text-align: center;
		font: 36px/115px 'OctavaOSCRegular';
		letter-spacing: 4px;
		border-bottom: 2px solid #000;
	}
	.bali {
		font: 36px/120px 'CirceBold';
		color: #d30000;
		text-align: center;
	}
	.desc {
		text-align: center;
		font: 17px/18px 'OctavaOSCRegular';
	}
}






.dsq-brlink { display: none; }

	
#disqus_thread {
	#dsq-topbar {
		z-index: -2;
	}
	.dsq-options { display: none; }
	.dsq-comment-header-meta-wrapper a, .dsq-comment-header-meta-wrapper span {
		font-family: CirceRegular;
		font-size: 13px;
		color: #f00;
		font-weight: normal;
	}
	.dsq-comment-header {
		background: none;
		border: none;
	}
	.dsq-global-toolbar {
		display:none;
	}
	
	.dsq-like {
		display: none;
	}
	h3 {
		font-family: CirceRegular;
		font-size: 11px;
		margin-bottom: 15px;
		font-weight: normal;
	}
	.dsq-request-user-stats, .dsq-comment-footer, .dsq-header-avatar, #dsq-comments-title, .dsq-moderator-star, .dsq-comment-hide-thread {
		display: none;
	}
	.dsq-comment-text {
		margin-left: 10px;
		margin-top: 30px;
	}
	.dsq-comment-message {
		margin-top: 0px;
	}
	.dsq-header-avatar {

	}
	.dsq-comment-header-time {
		a {
			font-size: 10px;
			color: #999;
		}
	}
	.dsq-new-post h3{
		margin-bottom: 0px;
	}
	.dsq-request-user-name {
		a {
			font-family: CirceRegular;
			font-size: 13px;
			color: #f00;
			font-weight: normal;
		}
	}
	.dsq-request-user-stats {
		span {
			font-family: CirceRegular;
			font-size: 13px;
			font-weight: normal;
			
			big {
				font-size: 13px;
			}
		}
	}
	.dsq-textarea-wrapper {
		border: 1px solid #f00;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		min-height: 20px !important;
		height: 20px !important;
	}
	.dsq-comment-buttons, .dsq-post-footer {
		button {
			padding: 3px 8px;
			background: #fff;
			color: #000;
			border: 1px solid #000;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
			font-weight: normal;
		}
	}
}
.comments {
	width: 400px;
	margin-left: 10px;
	margin-top: 250px;
}

.ends{
	margin-left: -60px;
	margin-top: 100px;
}