@import '/plugins/Global/css/lib.less';

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

}
body {
	font-family: Octava, Georgia;
	font-size: 16px;
	line-height: 22px;
	background: #fff;
	
	-webkit-transition: background-color 0.3s ease-in-out;
	-moz-transition: background-color 0.3s ease-in-out;
	-o-transition: background-color 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out;
}
.float-left{
	float:left;
	padding:1em;
}
.dn {
	display: none;
}
#wrapper {
	width: 100%;
	overflow: hidden;
	min-width: 1024px;
}
.fntOctava {
	font-family: Octava;
}
.animate-bg-color {
	-webkit-transition: background-color 0.3s ease-in-out, border-bottom-color 0.3s ease-in-out;
	-moz-transition: background-color 0.3s ease-in-out, border-bottom-color 0.3s ease-in-out;
	-o-transition: background-color 0.3s ease-in-out, border-bottom-color 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out, border-bottom-color 0.3s ease-in-out;
}


.preloader {
	display: none;
	position: fixed;
	width: 60px;
	height: 60px;
	background: rgba(255,255,255,0.5);
	z-index: 10000;
	bottom: 0px;
	left: 50%;
	margin: 0 0 0 -30px;
	.border-radius(50px, 0, 0, 50px);
	
	i {
		.box-sizing;
		display: block;
		width: 50px;
		background: #000 url(../images/ui/preloader.gif) no-repeat center center;
		height: 50px;
		.rounded(60px);
		margin: 5px;
	}
}

.ad-top {
	width: 100%;
/*	background: #e3f3ea;*/
	
	.banner {
		width: 1000px;
		margin: 0 auto;
	}
}


/* MAIN MENU */
.main-menu {
	position: absolute;
	width: 100%;
	min-width: 1024px;
	height: 32px;
	color: #000;
	background: #fff;
	line-height: 32px;
	font-size: 14px;
	z-index: 10;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	
	a {
		display: block;
		color: inherit;
		text-decoration: none;
	}
	.item {
		float: left;
		.animate-bg-color;
		
		span {
			line-height: 32px;
		}
		a {
			padding: 0 20px;
			line-height: 32px;
		}
	}
	.fr {
		float: right;
	}
	.nb {
		border: none !important;
	}
	.mr10 {
		margin-right: 10px;
	}
	.pr0 {
		a {padding-right: 0px !important;}
	}
	.ls0 {
		letter-spacing: 0px !important;
	}
	.logo {
		padding: 0;
		width: 250px;
		text-align: center;
		font-size: 18px;
		letter-spacing: 1px;
		text-indent: -9999px;
		background: url(../images/ui/logo.jpg) no-repeat center center;
	}
	.active {
		border-bottom: 1px solid #fff;
			
		span {
			border-bottom: 1px solid #000;
		}
	}
	.br {
		border-right: 1px solid #000;
	}
	.bl {
		border-left: 1px solid #000;
	}
	.bb {
		border-bottom: 1px solid #000 !important;
	}
	.brn {
		border-right: none !important;
	}
	.bln {
		border-left: none !important;
	}
	.p10 {
		padding: 0 10px;
	}
	.tab {
		border-right: 1px solid #000;
		font-family: Futura;
		font-size: 12px;
		letter-spacing: 1px;
		text-transform: uppercase;
	}
	.search {
		border-right: 1px solid #000;
		span {
		/*	font-style: italic;*/
		}
		input.search {
			width: 140px;
			.box-sizing;
			padding: 2px 6px 3px 6px;
			margin: 4px 8px 4px 4px;
			font-family: Octava;
			font-size: 15px;
			.rounded(2px);
/*			box-shadow: inset 0px 1px 2px rgba(0,0,0,0.6);*/
			-webkit-transition: width 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s;
			color: #999;
			border: 1px solid rgba(0,0,0, 0.2);
			background: #ffffdf;
		}
		input.search:focus {
			outline: none;
			width: 240px;
			color: #000;
		}
	}
	.item.radio-mini-play {
		padding: 0px;
		border-right: 1px solid #fff;
		
		.ico-play {
			padding: 5px 10px;
			width: 22px;
			height: 22px;
			background: url(../images/ui/radio-mm-play.png) no-repeat center center;
			cursor: pointer;
		}
		.ico-pause {
			padding: 5px 10px;
			width: 22px;
			height: 22px;
			background: url(../images/ui/radio-mm-pause.png) no-repeat center center;
			cursor: pointer;
		}
	}
	.item.radio-mini-play:hover {
		 .stream-selector {
		 	display: block;
		 }
	}
	.stream-selector {
		position: absolute;
		display: none;
		margin-left: -39px;
		top: 32px;
		width: 120px;
		background: #fff;
		color: #000;
		z-index: 30;
		box-shadow: 0px 2px 4px rgba(0,0,0, 0.3);
		.border-radius(0px, 2px, 2px, 0px);
		border-top: 1px solid #fff;
		
		.stream {
			font-family: Nonamegrotesk;
			font-size: 13px;
			line-height: 24px;
			text-align: center;
			border-bottom: 1px solid #ccc;
			cursor: pointer;
		}
		.stream:last-child {
			border-bottom: none;	
		}
		.stream.selected, .stream.selected:hover {
			background: #000;
			color: #fff;
			cursor: default;
		}
		.stream:hover {
			background: #eee;
		}
	}
	.item a[href="/about"] {
		font-family: Octava;
		font-size: 14px;
		text-transform: none;
		/*font-style: italic;*/
	}
	.item a[href="http://w-o-s.ru/radio"] {
		font-family: Octava;
		font-size: 14px;
		text-transform: none;
	/*	font-style: italic;*/
	}
	.oh {
		height: 100%;
		overflow: hidden;
	}
}
/* ######### */

/* ARTICLES */
.page-articles {
	.box-sizing;
	width: 100%;
	padding: 75px 270px 20px 250px;
	min-height: 600px;
	
	>.container {
		width: 100%;
		height: 100%;
		padding-bottom: 70px;
	}
	
	.item {
		float: left;
		position: relative;
		width: 150px;
		height: 260px;
		margin: 20px 30px 20px 30px;
		font-family: Futura;
		cursor: pointer;
		
		a {
			color: inherit;
			text-decoration: none;
		}
		.tag {
			position: relative;
			font-size: 11px;
			line-height: 12px;
			height: 10px;
			text-transform: uppercase;
			margin-top: 15px;
			text-align: center;
			letter-spacing: 1px;
			z-index: 1;
		}
		.tag a:hover {
			color: @clr_blue;
		}
		img {
			width: 150px;
			height: 150px;
			margin-top: 7px;
/*			box-shadow: 0px 3px 4px rgba(0,0,0,0.2);*/
			-webkit-filter: grayscale(30%);
		}
		.title {
			font-family: Margon;
			font-size: 18px;
			line-height: 18px;
			font-weight: bold;
			margin-top: 10px;
			text-align: center;
		}
		
		.back {
			position: absolute;
			display: none;
			opacity: 0;
			top: 17px;
			left: 0;
			width: 130%;
			margin-left: -15%;
			height: 100%;
			background: #fff;
			overflow: hidden;
			
			.authors {
				display: inline-block;
				margin-top: 15px;
				margin-bottom: 5px;
			}
			.authors:empty {
				height: 0px;
			}
			.lead {
				font-family: Futura;
				font-size: 15px;
				line-height: 21px;
				margin: 32px 0 50px 0;
				text-align: center;
			}
			.views {
				display: inline-block;
				padding-left: 16px;
				background: url(../images/ui/ico-views.png) no-repeat left center;
				font-family: Futura;
				font-size: 12px;
				margin: 0;
			}
			.comments {
				display: inline-block;
				margin: 0 0 0 8px;
				padding-left: 16px;
				background: url(../images/ui/ico-comments.png) no-repeat left center;
				font-family: Futura;
				font-size: 12px;				
			}
		}
		
		&.big {
			width: 375px;
			height: 260px;
			
			img {
				position: absolute;
				top: 0px;
				width: 100%;
				height: 100%;
			}
			.back {
				top: 0px;
				width: 100%;
				height: 100%;
				margin-left: 0px;
				margin-top: 7px;
				
				.lead {
					margin-top: 25px;
					font-size: 17px;
					padding: 15px;
				}
				.comments, .views {
					margin-top: 20px;
				}
			}
		}		
	}
	.no-result {
		width: 100%;
		
		p {
			font-family: Octava;
			color: #888;
			font-size: 24px;
			text-align: center;
			margin-top: 60px;
		}
	}
	.item.list {
		width: 100%;
		height: auto;
		padding-bottom: 10px;
		cursor: pointer;		
		
		a {	
			text-decoration: none;
			color: inherit;
		}
		table {
			width: 90%;
			border-bottom: 1px solid #000;
			padding-bottom: 30px;
			
			.info {
				min-width: 100px;
			}
			.image {
				min-width: 80px;
				text-align: center;
			}
		}
		img {
			position: static;
			width: 80px;
			height: 80px;
		}
		.title {
			font-size: 20px;
			line-height: 22px;
			text-align: left;
			margin-top: 5px;
		}
		.date {
			padding-left: 16px;
			background: url(../images/ui/ico-date.gif) no-repeat left center;
			padding-right: 10px;
		}
		.views {
			padding-left: 16px;
			background: url(../images/ui/ico-views.png) no-repeat left center;
			padding-right: 10px;
		}
		.comments {
			padding-left: 16px;
			background: url(../images/ui/ico-comments.png) no-repeat left center;
			padding-right: 10px;
		}
		.tag {
			height: auto;
			margin-top: 0px;
			text-align: left;
		}
		.author {
			font-family: Octava;
			font-style: italic;
			font-size: 15px;
			margin-top: 6px;
		}
		.date, .views, .comments, .authors {
			font-family: Futura;
			font-size: 15px;
			
			a {
				color: inherit;
			}
		}
	}
	.item.list:last-child {
		table {
			border-bottom: none;
		}
	}
}
/* ####### */

/* PAGINATION */
.pagination {
	position: absolute;
	bottom: -30px;
	padding-bottom: 20px;
	width: 100%;
	font-family: Nonamegrotesk;
	font-size: 19px;
	
	a {
		color: #333;
		padding: 20px;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}
	.prev {
		float: right;
		margin-right: 30px;
		background: url(../images/ui/pagination-arrow-right.png) no-repeat right center;
		padding-right: 42px;
	}
	.next {
		float: left;
		margin-left: 30px;
		background: url(../images/ui/pagination-arrow-left.png) no-repeat left center;
		padding-left: 42px;
	}
}
/* ########## */

/* WEEK */
.page-week {
	.box-sizing;
	width: 100%;
	padding: 40px 230px 20px 0px;
	height: 600px;
	
	>.container {
		position: relative;
		padding: 30px 40px;
	}
	.vn {
		display: none;
	}
	.caption {
		position: relative;
		font-family: OctavaSCC;
		font-size: 50px;
		line-height: 50px;
		text-align: center;
		
		p {
			letter-spacing: 5px;
		}
		i {
			display: inline-block;
			width: 70px;
			height: 12px;
			border-top: 3px solid #000;
			margin: 0 20px;
		}
		.date {
			font-family: Octava;
			font-size: 40px;
			letter-spacing: 0px;
			background: none;
			padding-left: 0px;
		}
		.prev, .next {
			position: absolute;
			background: url(../images/ui/pagination-arrow-left.png) no-repeat left center;
			padding-left: 42px;
			font-size: 19px;
			font-family: Octava;
			color: inherit;
			text-decoration: none;
			margin: 54px 0 0 20px;
			letter-spacing: 0px;
		}
		.next {
			background: url(../images/ui/pagination-arrow-right.png) no-repeat right center;
			padding-right: 42px;
			padding-left: 0px;
			margin: 54px 0 0 -20px;
		}
	}
	
	.articles {
		margin-top: 35px;
	}
	.big {
		float: left;
		margin: 0 50px 60px 0;
		width: 870px;
		
		img {
			float: left;
			width: 375px;
			height: 260px;
/*			box-shadow: 2px 2px 5px rgba(0,0,0,0.48);*/
		}
		.rubric {
			display: none;
		}
		.right {
			margin-left: 400px;
		}
		a {
			color: inherit;
			text-decoration: none;
		}
		a:hover {
			text-decoration: underline;
		}
		.lead {
			margin-top: 30px;
			font-size: 18px;
			line-height: 23px;
		}
	}
	.article {
		float: left;
		margin: 0 50px 70px 0;
		width: 280px;
		height: 218px;
		overflow: hidden;
		
		a {
			color: inherit;
			text-decoration: none;
		}
		a:hover {
			text-decoration: underline;
		}

		img {
			float: left;
			width: 120px;
			height: 120px;
/*			box-shadow: 2px 2px 5px rgba(0,0,0,0.48);*/
		}
		.title {
			margin-left: 140px;
			text-align: center;
			font-size: 19px;
			line-height: 22px;
		}
		.lead {
			margin-top: 20px;
			font-size: 14px;
			line-height: 19px;
		}
		.rubric {
			display: block;
			text-align: center;
			font-family: Futura;
			font-size: 12px;
			text-transform: uppercase;
			line-height: 12px;
			margin-left: 140px;
			margin-top: 20px;
		}
		.rubric:empty {
			display: none;
		}
	}
	.date, .views, .comments, .authors {
		font-family: Futura;
		font-size: 15px;
		
		a {
			color: inherit;
		}
	}
	.date {
		padding-left: 16px;
		background: url(../images/ui/ico-date.gif) no-repeat left center;
		padding-right: 10px;
	}
	.authors {
		padding-left: 16px;
		background: url(../images/ui/ico-person.gif) no-repeat left center;
	}
	.views {
		padding-left: 16px;
		background: url(../images/ui/ico-views.png) no-repeat left center;
		padding-right: 10px;
	}
	.comments {
		padding-left: 16px;
		background: url(../images/ui/ico-comments.png) no-repeat left center;
		padding-right: 10px;
	}
}
/* #### */
.clear {
	clear: both;
}
/* PHOTO */
.page-photo {
	.box-sizing;
	width: 100%;
	padding: 40px 270px 20px 0px;
	min-height: 600px;
	
	>.container {
		position: relative;
		padding: 30px 40px;
	}
	.caption {
		position: relative;
		font-family: OctavaSCC;
		font-size: 50px;
		line-height: 50px;
		text-align: center;
		padding-bottom: 40px;
		
		p {
			letter-spacing: 5px;
		}
		i {
			display: inline-block;
			width: 70px;
			height: 12px;
			border-top: 3px solid #000;
			margin: 0 20px;
		}
		.date {
			font-family: Octava;
			font-size: 40px;
			letter-spacing: 0px;
		}
	}
	
	.photo {
		width: 100%;
		margin-bottom: 25px;
		padding-bottom: 25px;
		border-bottom: 1px solid #000;
		
		img {
			width: 100%;
		}
		table {
			width: 100%;
			margin: 10px 0;
		}
		.tc {
			text-align: center;
		}
		.desc {
			
		}
		.label {
			font-family: Futura;
			font-size: 12px;
			text-transform: uppercase;
		}
		.author, .link {
			font-size: 16px;
			font-style: italic;
			text-decoration: underline;
		}
		a {
			color: inherit;
			text-decoration: none;
		}
		a:hover {
			text-decoration: underline;
		}
	}
	.photo:last-child {
		border-bottom: none;
	}
}
/* #### */

/* WEEK */
.page-about {
	.box-sizing;
	width: 100%;
	padding: 32px 270px 20px 0px;
	font-size: 25px;
	line-height: 35px;
	
	>.container {
		position: relative;
		padding: 30px 40px;
	}
	a {
		color: inherit;
	}
	table {
		width: 80% !important;
		margin: 0 auto;
		td {
			text-align: center;
		}
	}
	.lined {
/*		border-top: 2px solid #000;*/
		height: 50px;
		width: 330px;
		margin: 0 auto;
		
		span {
			position: relative;
			margin-top: -35px;
			background: #fff;
			padding: 20px 30px;
		}
	}
}
/* #### */

/* LEFT COLUMN */
.left-column {
	position: absolute;
	background: #fff;
	height: 200px;
	z-index: 9;
	.box-sizing;
	padding-top: 32px;
	
	>.container {
		position: relative;
		width: 100%;
		height: 100%;
	}
	
	.favourites {
		width: 250px;
		height: 100%;
		border-right: 1px solid #000;
		
		.lead {
			font-family: Futura;
			font-size: 14px;
			margin-top: 10px;
			color: #000;
		}
		.slider {
			width: 250px;
			height: 100%;
			
			.rsContent > a {
				text-decoration: none;
				color: #000;
			}
			.rsContent {
				img {
					width: 100%;
				}
			}
		}
	
	}
	.materials {
		width: 130px;
		overflow: hidden;
		color: #000;
		padding: 1px 0;
		position: relative;
		
		a {
			color: inherit;
			text-decoration: none;
		}
		.back, .tag {
			display: none;
		}
		.arrow {
			position: absolute;
			width: 129px;
			height: 30px;
			z-index: 1;
			cursor: pointer;
			background: #fff;
			border-right: 1px solid #000;
			
			&.up {
				top: 0px;
				background: #fff url(../images/ui/left-column-arrow-up.png) no-repeat center center;
			}
			&.down {
				bottom: 0px;
				background: #fff url(../images/ui/left-column-arrow-down.png) no-repeat center center;
			}
		}
		.items {
			height: 100%;
			overflow: hidden;
		}
		.item {
			padding-bottom: 10px;
			border-right: 1px solid #000;
			.animate-bg-color;
		}
		img {
			width: 48px;
			height: 48px;
			margin: 15px 0 0 41px;
		}
		.title {
			text-align: center;
			font-size: 15px;
			font-family: Futura;
			line-height: 17px;
			padding: 0 10px;
			padding-bottom: 10px;
		}
		.selected {
			border-top: 1px solid #000;
			border-bottom: 1px solid #000;
			border-right: none;
			padding: 0px;
			
			img {
/*				box-shadow: 2px 2px 5px rgba(0,0,0,0.48);*/
			}
		}
		.item:first-child {
			margin-top: 29px;
		}
		.item:last-child {
			margin-bottom: 30px;
		}
	}
}
/* ########### */


/* RIGHT COLUMN */
.right-column {
	position: absolute;
	right: 30px;
	width: 240px;
	overflow: hidden;
	padding-top: 60px;
	
	.menu {
		.box-sizing;
		position: absolute;
		background: #000;
		width: 100%;
		z-index: 2;
		border-bottom: 1px solid #fff;
		text-align: center;
		.item {
			display: inline;
			.box-sizing;
			padding: 1px 8px;
			font-family: Futura;
			line-height: 24px;
			font-size: 15px;
			text-align: center;
			cursor: pointer;
			color: #fff;
		}
		.active {
			color: #ffdd00;
		}
	}
	>.container {
		position: relative;
		z-index: 1;
	}
	.block {
		padding-top: 27px;
		.box-sizing;
	}
}
/* ############ */

/* WYSIWYG CLASSES */
.actual-size {
	width: auto !important;
}
/* ############### */

/* PAGE */
.page {
	display: none;
	position: absolute;
	width: 100%;
	z-index: 8;
	.box-sizing;
	.animate-bg-color;
	padding: 20px 0px 0px 130px;
	
	&.pl0 { 
		padding-left: 0px;
	}
	.post {
		line-height: 1.45;
/*		background: #fff;*/
		
		p {
			font-family: Octava;
			font-size: 1em;
			line-height: 1.55;
			margin: 1.7em 0;
/*			text-align: justify !important;*/
		}
		p:empty {
			display: none;
		}
		p, h1 {
			margin: 1.5em 0;
		}

		img {
			width: 100%;
/*			max-width: 700px;*/
			height: auto;
		}
		.columns {
			.column {
				float: left;
				.box-sizing;
				padding: 0 4%;
				
				&.w70 {
					width: 70%;
				}
				&.w50{
					width: 50%;
					padding-left: 0%;
				}
				&.w50:nth-child(2) {
					padding-right: 0%;
					
				}
				&.w30{
					width: 30%;
				}
				&.w33{
					width: 33.3333333%;
					padding: 0 2% !important;
				}
				
			}
			.column.w70 {
				padding-left: 0 !important;
			}
			.column.w30 {
				padding-right: 0 !important;
			}
		}

		.first-letter:first-letter {
			font-size: 4em;
			line-height: 1.2em;
			float: left;
			margin: -12px 8px -18px 0;
			display: inline-block;
		}
		
		/* CONTAINER */
		>.container {
			position: relative;
			width: 100%;
			.box-sizing;
/*			background: #fff;*/
			
			&.w50 {
				width: 50% !important;
				height: 400px !important;
			}
			&.pl150 {
				padding-left: 16%;  /* 14.6484375% 150/1024*/
			}
			&.pl0 {
				padding-left: 0;
			}
			&.pr240 {
				padding-right: 33%;	/* 240/1024*/
			}
			&.pr0 {
				padding-right: 7%;
			}
		}
		>.container.pl0.pr0 {
			padding-right: 0%;
		}
		>.container > p:first-child {
			margin-top: 0px;
			padding-top: 1.7em;
		}
		>.container > h2:first-child {
			margin-top: 0px;
/*			padding-top: 1.7em;*/
		}
		.intro1 {
			position: relative;
			width: 50%;
			margin-top: 200px;
			padding: 20px 20px 20px 14.6484375%;
			background: #fff;
			z-index: 1;
			
			h1 {
				position: relative;
				z-index: 1;
				font-family: CirceRegular;
				font-size: 3em;
			}
			.lead {
				position: relative;
				z-index: 1;
/*				padding-left: 24.861878453039%;*/
				margin: 30px 0;
				font-size: 1.46666666666667em;
/*				background: url(../images/ui/bird.png) no-repeat left top; */
			}
			p {
				position: relative;
				z-index: 1;
				font-size: 1.2em;
			}
		}
		
		.blog-intro {
			padding: 0px 40% 0px 14.6484375%;
			
			.label {
				font-family: futura;
				font-size: 0.8em;
				text-align: center;
				margin-bottom: 0px !important;
				
				span {border-bottom: 1px solid #000;}
				a { color: inherit; text-decoration: none;}
				
			}
		}
		
		.intro2 {
			padding: 20px 40% 40px 14.6484375%;
			
			h1 {
				font-family: OctavaSCC;
				font-size: 2em;
				line-height: 1em;
				text-align: center;
				font-weight: normal;
				letter-spacing: 4px;
				margin: 0.3em 0 1em 0;
			}
			.label {
				font-family: futura;
				font-size: 0.8em;
				text-align: center;
				margin-bottom: 0px !important;
				
				span {border-bottom: 1px solid #000;}
				a { color: inherit; text-decoration: none;}
				
			}
			.lead {
				font-family: Futura;
				text-align: center;
				font-size: 1.3em;
				line-height: 1.1em;
			
			}
			.text {
				font-family: Octava;
				font-size: 1em;
				font-style: italic;
				line-height: 1.4em;
				text-align: center;
			}
			.main {
				img {
					display: block;
					max-width: none !important;
					padding: 0 10em;
					.box-sizing;
				}
			}
		}
		
		.intro3 {
			margin-top: 20px;
			padding: 20px 33% 40px 16%;
			text-align: center;
			
			h1 {
				font-family: Margon;
				font-size: 2.9em;
		/*		text-transform: uppercase;*/
				line-height: 1.1em;
				text-align: center;
				letter-spacing: 1px;
				margin: 0.3em 0 1em 0;
			
			}
			.label {
				font-size: 1.33333333333333em;
				text-align: center;
				text-transform: uppercase;
				margin-bottom: 50px;
				span {border-bottom: 1px solid #000;}
			}
			.lead {
				font-family: Octava;
				font-style: italic;
/*				padding-top: 115px;*/
				margin: 2em 2em 0em 2em;
				text-align: center;
				font-size: 1.2 em;
				line-height: 1.5em;
				
/*				background: url(../images/ui/bird.png) no-repeat top center; */
			}
			.main {
				display: inline-block;
				width: 95%;
				text-align: center;
				img {
					max-width: none;
				}
			}
			.text {
				font-family: Futura;
				font-size: 1.3em;
				line-height: 1.4em;
				text-align: center;
			}
			
			
			.main-caption
			{
				text-align: center;
				margin-top: 0.3em;
			/*	color: #999999;*/
				font: 0.9em/1.1em Futura;
			}
			
			
		}
		
		/* ВЫНОСЫ */
	/*	h2 {
			font-family: Futura;
			font-size: 17px !important;
			margin: 3em 0;
			padding: 1em;
			text-align: center;
			font-weight: normal;
			letter-spacing: 5px;
			text-transform: uppercase;
			color: #fff;
			background: #222 url(../images/ui/h2texture.jpg);
			box-shadow: 3px 3px 5px rgba(0,0,0, 0.4);
		}*/
		/* ###### */
		
		h2{
			font-family: Octava;
			font-size: 2.0em;
			line-height: 1em;
			text-align: left;
			padding-top: 2em;
			font-weight: normal;
			padding-right: 5em;
	/*		margin-left: -1em;*/
		}
		
		.background-image {
			position: fixed;
			top: 0px;
			width: 100%;
			img {
				width: 100% !important;
				height: auto !important;
				max-width: none;
			}
		}
		
		.text-in-text {
			position: absolute;
			margin-left: 55%;
			width: 16.5%;
			font-size: 0.8em;
		}
		.contentSlider {
			text-align: center;
		}
		.banner {
			position: absolute;
			width: 240px;
			height: 400px;
			border: 1px solid #eee;
			z-index: 2;
			right: 2%;
		}
		.randomizer {
			list-style: none;
			li {
				display: none;
			}
			.background {
				display: block !important;
			}
		}
		.quote {
			background: #DEF0E6;
			padding: 20px 30px;
			margin: 40px 0px 40px 0px;
			box-shadow: 0px 1px 2px #aaa;
			.rounded(2px);
			
			.quote-photo, .quote-text {
				display: inline-block;
				vertical-align: text-top;
			}
			.quote-photo {
				width: 30%;
				img {
					.rounded(100px);
					margin-bottom: 0px;
				}
				.name {
					font-family: Futura;
					font-size: 16px;
					line-height: 15px;
					text-align: center;
				}
			}
			.quote-text {
				width: 62%;
				margin-left: 5%;
				font-style: italic;
			}
		}
	}
	.post-tool {
		width: 120px;
		position: absolute;
		left: 150px;
		padding-top: 20px;
	}
	.post-info {
		position: absolute;
/*		background: #fff;*/
		top: 68px;
		left: 160px;
		width: 110px;
		z-index: 10;
		
		p {
			margin: 0;
		}
		a {
			color: inherit;
			text-decoration: none;
		}
		a:hover {
			text-decoration: underline;
		}
		.item {
			padding: 4px 0;
			font-size: 13px;
			font-family: Futura !important;
			line-height: 14px;
			border-bottom: 1px solid #000;
			text-align: center;
		}
		.date {
			font-family: Octava;
			line-height: 18px;
		}
		.rubric {
			font-family: Nonamegrotesk;
			font-size: 10px;
			text-transform: uppercase;
			margin: 5px 0;
		}
		.views, .comments {
			float: left;
			width: 50%;
			.box-sizing;
			font-family: Futura;
			font-size: 12px;
		}
		.views {
			border-right: 1px solid #000;
			span {
				display: block;
				background: url(../images/ui/ico-views.png) no-repeat center 5px;
				padding-top: 19px;
			}
		}
		.comments {
			span {
				display: block;
				background: url(../images/ui/ico-comments.png) no-repeat center 5px;
				padding-top: 19px;
			}
		}
		.authors {
			line-height: 18px;
	
			.label {
				font-family: Futura;
				font-size: 14px;
				line-height: 16px;
				margin-bottom: 5px;
			}
			.name {
				font-family: Futura;
				font-size: 16px;
				margin-bottom: 5px;
			}
			.author {
				font-size: 14px;
				line-height: 1.1;
				
				a {
					display: inline-block;
					padding-bottom: 5px;
				}
			}
		}
	}
	.visual {
		display: block;
		width: 100%;
		position: absolute;
		top: 32px;
		left: 0px;
		.box-sizing;
		border: none;
	}
	.banner {
		position: absolute;
		width: 240px;
		height: 400px;
		border: 1px solid #eee;
		z-index: 2;
		right: 2%;
		top: 80px;
	}
	.royalSlider {
		
		.rsGCaption {
			font-family: Margon;
			font-size: 1em;
			margin-bottom: 1.5em;
		}
	}
	.poll {
        width: 100%;
        .question {
                font-size: 18px;
                font-style: italic;
                padding-bottom: 10px;
                margin-bottom: 10px;
        }
        .answers {
                .answer {
                        padding: 4px;
                        border: 2px solid #000;
                        margin-bottom: 8px;
                        cursor: pointer;
                        border-radius: 2px;
                        box-shadow: inset 0px 1px 5px rgba(0,0,0, 0.3);
                        line-height: 17px;
                        
                        p {
                        	margin: 0 !important;
                        }
                }
                .answer:hover {
                        background: #eee;
                }
                .answer:active {
                        position: relative;
                        top: 1px;
                }
                .answer.active {
                        background: #000;
                        color: #fff;
                }
        }
        .results {
               display: none;
               
               p {
               	margin: 0 !important;
               }
               .result {
                       margin-bottom: 8px;
                       .progress {
                               width: 0px;
                               background: #000;
                               margin-top: 4px;
                               border-radius: 2px;
                               min-width: 22px;
                       }
                       .count {
                               font-family: Futura;
                               font-size: 13px;
                               line-height: 15px;
                               text-align: right;
                               color: #fff;
                               padding: 0 2px;
                       }                       
               }
               .people {
                       font-family: Futura;
                       font-size: 13px;
               }
        }
        .button {
                display: inline-block;
                padding: 4px;
                border: 2px solid #000;
                background: #000;
                color: #fff;
                text-transform: uppercase;
                font-family: Futura;
                font-size: 13px;
                line-height: 13px;
                letter-spacing: 2px;
                cursor: pointer;
                border-radius: 2px;
        }
        .button:active {
                position: relative;
                top: 1px;
        }
	}
	/* HIDDEN TEXT */
	.hidden-text-show {
		margin: 0;
		padding: 0;
		width: 196px;
		height: 59px;
		background: url(../images/ui/hidden-text-show-hover.png) no-repeat;
		background: url(../images/ui/hidden-text-show.png) no-repeat;
		cursor: pointer;
	}
	.hidden-text-show:hover {
		background: url(../images/ui/hidden-text-show-hover.png) no-repeat;
	}
	.hidden-text-show.active {
		background: url(../images/ui/hidden-text-hide-hover.png) no-repeat bottom left;
		background: url(../images/ui/hidden-text-hide.png) no-repeat bottom left;
	}
	.hidden-text-show.active:hover {
		background: url(../images/ui/hidden-text-hide-hover.png) no-repeat bottom left;
	}
	.hidden-text {
		display: none;
		padding: 0 !important;
		
		p {
			margin: 0;
		}
	}
}
.post-heads {
	position: absolute;
	top: 32px;
	width: 100%;
	height: 30px;
	background: #fff;
	border-bottom: 1px solid #000;
	z-index: 1;
	overflow: hidden;
	.animate-bg-color;
	
	.container {
		width: 100%;
		height: 100%;
	}
	.head {
		/* reset */
		display: inline-block;
		font-family: Futura !important;
		line-height: 32px !important;
		font-size: 11px !important;
		text-transform: uppercase !important;
		margin: 0 30px 0 15px !important;
		cursor: pointer;
	}
	.head:hover {
		text-decoration: underline;
	}
	.head.active {
		font-weight: bold;
	}
	.head.active:hover {
		text-decoration: none;
	}
	.head:first-child {
		margin-left: 30px !important;
	}
}

/* #### */

/* ARTICLES VIEW */
.articles-view {
	position: absolute;
	z-index: 5;
	margin: -15px 0 0 18px;
	
	i {
		float: left;
		height: 24px;
		line-height: 24px;
		padding-left: 20px;
		cursor: pointer;
		font-style: normal;
		font-family: Futura;
		font-size: 14px;
		margin-right: 20px;
	}
	i[data-view="box"] {
		background: url(../images/ui/ico-articles-view-1.png) no-repeat left center;
	}
	i[data-view="list"] {
		background: url(../images/ui/ico-articles-view-2.png) no-repeat left center;
	}
	i.active {
		border-bottom: 1px solid #000;
	}
}
/* ############# */

/* SOCIALS */
.socials {
	width: 240px;
	z-index: 2;
	right: 2%;
	margin-top: 15px;
	text-align: center;
	
	a {
		display: inline-block;
		text-decoration: none;
		width: 24px;
		height: 24px;
		margin-right: 8px;
	}
	.fb {
		background: url(../images/socials/fb.png) no-repeat center center;
	}
	.vk {
		background: url(../images/socials/vk.png) no-repeat center center;
	}
	.tw {
		background: url(../images/socials/tw.png) no-repeat center center;
	}
	.rss {
		background: url(../images/socials/rss.png) no-repeat center center;
	}
}
/* ####### */

/* IMAGE CLICK */
.image-click {
	position: relative;
	display: inline-block;
	
	.click {
		position: absolute;
		top: 0px;
		height: 0px;
		cursor: pointer;
	}
}
/* ########### */

@media screen and (max-width:1200px) {
	.right-column {
		right: 10px;
		padding-top: 42px;
	}
}

@media screen and (max-width:1170px) {
	.main-menu {
		.item a{
			padding: 0 10px;
		}
	}
}