html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {background:#fff; height:100%;}

body.first {background:#111; height:100%;}

@font-face {
    font-family: 'CirceBold';
    src: url('../fonts/circe-bold-webfont.eot');
    src: url('../fonts/circe-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/circe-bold-webfont.woff') format('woff'),
         url('../fonts/circe-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CirceExtraBold';
    src: url('../fonts/circe-extrabold-webfont.eot');
    src: url('../fonts/circe-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/circe-extrabold-webfont.woff') format('woff'),
         url('../fonts/circe-extrabold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.clearfix:after {content: ""; clear: both; display: block; width: 0; height: 0;}

.background-image {/*width: 100%; height: 100%; background: url(../i/background1.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/  position:fixed; top: -50%; left: -50%; width: 200%; height: 200%;}

.header {padding: 80px 0 50px 0; margin: 0px auto; width: 1600px;}
.footer {padding: 30px 0 60px 0; margin: 0px auto; width: 1600px; font-family: Arial, sans-serif; color: #fff; font-size: 12px;}
.footer a {color: #fff; text-decoration: none;}
.footer a:hover {text-decoration: underline;}

.title {font-family: 'CirceExtraBold', Arial, sans-serif; color: #fff; text-transform: uppercase; font-size: 48px; line-height: 52px; margin: 0; padding: 0 15px;}
.title a {transition: color 0.3s ease 0s; text-decoration: none; color: #fff;}
.title a:hover {color: #ff8f1f;}
.subtitle {font-family: 'CirceExtraBold', Arial, sans-serif; color: #fff; text-transform: uppercase; font-size: 20px; line-height: 22px; margin: 0; padding: 0 15px;}
.title-description {width: 70%; font-family: 'CirceBold', Arial, sans-serif; color: #fff; text-transform: uppercase; font-size: 13px; line-height: 16px; margin: 9px 0 35px 0; padding: 0 15px;}
.copy {padding: 0 15px;}

.background-image img {position:absolute; top:0; left:0; right:0; bottom:0; margin: auto; min-width: 50%; min-height: 50%;}
.people-list {position: relative; z-index: 2; margin: 0px auto; width: 1600px;}
.people-container {border-top: 1px solid rgba(255,255,255,.2); overflow: hidden;}

.people-list__item {display: block; float: left;  position: relative; width: 130px; height: 130px; margin: 0 0 0 0; padding: 15px; overflow: hidden;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 10%, rgba(0,0,0,0.8) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%); 
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b8000000',GradientType=0 ); text-decoration: none;
}
.people-list__item span {display: block;}
.people-list__item_info {overflow: hidden; position: absolute; bottom: 10px;}
.people-list__item_description {font-size: 14px; line-height: 18px;}
.people-list__item_name {font-family: 'CirceExtraBold', Arial, sans-serif; color: #fff; text-transform: uppercase; font-size: 14px; line-height: 17px;}
.people-list__item_age {font-family: 'CirceBold', Arial, sans-serif; color: #ff8f1f; text-transform: uppercase; font-size: 10px; margin-top: 3px;}
.people-list__item_vote {position: absolute; bottom: 20px; font-family: 'CirceBold', Arial, sans-serif; font-size: 14px; line-height: 16px; color: #333;}
.people-list__item_vote span {display: inline-block; width: 12px; height: 14px; background: url('../i/icon-sprite.png') no-repeat -163px -5px; margin: 0 5px -1px 0;}
.people-list__item_name > span {display: block;}

.people-list__item:hover {transition: all 0.3s ease 0s; background: #fff; filter: none;}
.people-list__item:hover .people-list__item_name {color: #222;}
.people-list__item:hover .people-list__item_age {color: #222;}

.sidebar .people-list__item {height: 20px; width: auto; padding: 3px 30px; background: none; filter: none; text-decoration: none; white-space: nowrap;}
.sidebar .people-list__item_name {transition: all 0.3s ease 0s; font-family: 'CirceBold', Arial, sans-serif; text-transform: uppercase; font-size: 13px;}
.sidebar .people-list__item:hover .people-list__item_name {color: #ff8f1f;}
.sidebar .people-container {border: none; margin: 25px 0 60px 0;}

.people-list__item_active .people-list__item_name {color: #ff8f1f;}

#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
	
	#supersized {  display:block; position:fixed; left:0; top:0; 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 { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
		#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; }
			
.top-header {position: fixed; top: 0; left: 0; display: block; height: 60px; margin: 0; width: 100%; z-index: 500; background: #000; background-color: rgba(0, 0, 0, 0.92);	transition: all 0.3s ease 0s;}

.top-header span {display: block; margin: 0px auto; width: 1600px; font-family: 'CirceExtraBold', Arial, sans-serif; color: #fff; text-transform: uppercase; font-size: 21px; line-height: 24px; padding: 20px 0; cursor: pointer;}

.gallery-header span {display: block; font-family: 'CirceExtraBold', Arial, sans-serif; color: #fff; text-transform: uppercase; font-size: 21px; line-height: 24px; padding: 2px 0 0 0;}

.top-header span em, .gallery-header span em {font-style: normal; padding: 0 15px;}

.sidebar-block {position: fixed; top: 0; left: 0; width: 330px; max-height: 100%; height: 100%; float: left; background: url(../i/side-background.jpg) no-repeat left top #111; z-index: 100; overflow: hidden;}

.sidebar-title-block {height: 130px; border-bottom: 1px solid rgba(255,255,255,.2);}

.sidebar-title {z-index: 600; position: fixed; top: 55px; left: 0;}
.sidebar-title .title {font-size: 32px; line-height: 36px; margin: 0; padding: 0 30px;}
.sidebar-title .subtitle {font-size: 17px; line-height: 19px; padding: 0 30px;}

.content {margin-left: 370px; margin-top: 60px; font-family: Arial, sans-serif; font-size: 16px; line-height: 20px; overflow: hidden;}
.content__image {float: left; width: 160px; margin-right: 30px; min-height: 160px;}
.content__image img {display: block; /*position: fixed;*/}
.content__text {overflow: hidden; max-width: 800px; margin-right: 30px;}
.content-title {font-family: 'CirceExtraBold', Arial, sans-serif; text-transform: uppercase; font-size: 50px; line-height: 50px; font-weight: normal;}
.content-subtitle {font-family: 'CirceExtraBold', Arial, sans-serif; text-transform: uppercase; font-size: 14px; line-height: 19px; color: #ff8f1f; font-weight: normal;}
.content__text a {color: #000;}
.content-subtitle {font-family: 'CirceExtraBold', Arial, sans-serif; text-transform: uppercase; font-size: 14px; line-height: 19px; color: #ff8f1f;}
.content__text a:hover {color: #b42800;}

.content-info {margin: 22px 0; font-family: 'CirceBold', Arial, sans-serif; text-transform: uppercase; font-size: 14px; line-height: 19px; border-bottom: #e4e4e4 1px solid;}
.content-info__item {padding: 9px 0 7px 0; border-top: #e4e4e4 1px solid;}
.content p {padding: 10px 0;}
.content h3 {padding: 20px 0 10px 0; font-family: 'CirceExtraBold', Arial, sans-serif; text-transform: uppercase; font-size: 23px; line-height: 26px; font-weight: normal;}
.incut {padding: 20px 0 10px 0; font-family: 'CirceExtraBold', Arial, sans-serif; text-transform: uppercase; font-size: 23px; line-height: 29px; color: #b42800;}

.content-footer {margin: 60px 30px 60px 370px; padding-top: 30px; max-width: 990px; font-family: Arial, sans-serif; color: #111; font-size: 12px; border-top: #e4e4e4 1px solid;}
.content-footer .copy {padding: 0;}
.content-footer a {color: #111; text-decoration: none;}
.content-footer a:hover {text-decoration: underline;}

.sisea-search-form {float: right;}


@media screen and (max-width: 370px) {
.header, .footer, .people-list, .top-header span {width: 100%;}	
.people-list__item {display: block; float: left;  position: relative; width: 100%; height: 35px; margin: 0 0 1px 0; padding: 15px; overflow: hidden;
background: rgba(0, 0, 0, 0.36);}
.people-list__item_name span {display: inline-block; margin-right: 5px;}
.title-description {display: none;}
.header {padding: 20px 0 20px 0;}
.title {font-size: 36px; line-height: 39px;}	
}

@media screen and (min-width: 370px) and (max-width: 690px) {
.title-description {display: none;}
.sisea-search-form {display: none;}
}

@media screen and (min-width: 370px) {
	.header, .footer, .people-list, .top-header span {width: 320px;}	
}

@media screen and (min-width: 530px) {
	.header, .footer, .people-list, .top-header span {width: 480px;}	
}

@media screen and (min-width: 690px) {
	.header, .footer, .people-list, .top-header span {width: 640px;}
}

@media screen and (min-width: 850px) {
	.header, .footer, .people-list, .top-header span {width: 800px;}
}

@media screen and (min-width: 1010px) {
	.header, .footer, .people-list, .top-header span {width: 960px;}
}

@media screen and (min-width: 1170px) {
	.header, .footer, .people-list, .top-header span {width: 1120px;}
}

@media screen and (min-width: 1330px) {
	.header, .footer, .people-list, .top-header span {width: 1280px;}
}

@media screen and (min-width: 1450px) {
	.header, .footer, .people-list, .top-header span {width: 1440px;}
}

@media screen and (min-width: 1650px) {
	.header, .footer, .people-list, .top-header span {width: 1600px;}
}

@media screen and (max-width: 900px) {
	.content {margin-left: 30px; margin-top: 90px;}
	.sidebar-block {display: none;}
	.sidebar-title .title {font-size: 24px;	line-height: 36px;}
	.sidebar-title .subtitle {font-size: 14px; line-height: 22px;}
	.sidebar-title {position: fixed; top: 0; left: 0; display: block; height: 60px; margin: 0; width: 100%; z-index: 500; background: #000; background-color: rgba(0, 0, 0, 0.92);	/*transition: all 0.3s ease 0s;*/}
	.sidebar-title .title {font-size: 21px; line-height: 24px; padding: 20px 30px;}
	.sidebar-title .subtitle {display: none;}
	.content-title {font-size: 38px; line-height: 39px;}
	.content-footer {margin: 60px 30px 60px 30px;}
}

@media screen and (max-width: 449px) {
	.content__image {width: 100%; float: none;}
	.content__image img {width: 160px; height: 160px;} 
	.content-title {font-size: 26px; line-height: 28px; margin-top: 10px;}
	.content h3 {font-size: 18px; line-height: 21px;}
	.incut {font-size: 18px; line-height: 22px;}
}

@media screen and (min-width: 450px) and (max-width: 650px) {
	.content__image {width: 100px;}
	.content__image img {width: 100px; height: 100px;} 
	.content-title {font-size: 30px; line-height: 34px;}
}

@media screen and (min-width: 900px) and (max-width: 1200px) {
	.content {margin-left: 300px;}	
	.sidebar-block {width: 260px;}
	.sidebar-title .title {font-size: 24px;	line-height: 36px;}
	.sidebar-title .subtitle {font-size: 14px; line-height: 22px;}
	.content-footer {margin: 60px 30px 60px 300px;}
}

.scroll {width: 100%; height: 100%;}

.scroll-pane {width: 100%; height: 100%; overflow: auto; margin: 0 0 0 0;}

.jspContainer {overflow: hidden; position: relative;}

.jspPane {position: absolute;}

.jspVerticalBar {position: absolute; top: 1px; right: 1px; width: 7px; height: 100%; background: transparent;}

/*.jspHorizontalBar {position: absolute; bottom: 0; left: 0; width: 100%;	height: 7px; background: red;}*/

.jspVerticalBar *, .jspHorizontalBar * {margin: 0;	padding: 0;}

.jspCap {display: none;}

.jspHorizontalBar .jspCap {float: left;}

.jspTrack {background: transparent;	position: relative;}

.jspDrag {background: #fff; background-color: rgba(255, 255, 255, 0.22); position: relative; top: 0; left: 0;	cursor: pointer;}

.jspDrag:hover {background: #fff; background-color: rgba(255, 255, 255, 0.32);}

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {float: left; height: 100%;}

.jspArrow {background: #50506d;	text-indent: -20000px; display: block; cursor: pointer;}

.jspArrow.jspDisabled {cursor: default;	background: #80808d;}

.jspVerticalBar .jspArrow {height: 16px;}

.jspHorizontalBar .jspArrow {width: 16px; float: left; height: 100%;}

.jspVerticalBar .jspArrow:focus {outline: none;}

.jspCorner {background: #eeeef4; float: left; height: 100%;}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {margin: 0 -3px 0 0;}


.gallery {margin: 20px 0;}

.image-box__img img {vertical-align: bottom;}

.content__image-box__sdescription {background: #f6f6f6; padding: 15px 15px 20px 15px; font-size: 12px; line-height: 1.3em;}
.content__image-box__source {font-size: 11px; display: block; font-style: normal; padding-top: 6px;}
.content__image-box__source a {color: #222;}
.content__image-box__source a:hover {color: #b42800;}

.content__image-box_center {clear: both; padding: 8px 0 0 0; margin: 15px auto;}
.content__image-box_left {float: left; margin-right: 20px; padding: 16px 0 5px 0;}
.content__image-box_right {float: right; margin-left: 20px; padding: 16px 0 5px 0;}