html,body{
	background-color: #444;
	font-family: Roboto,sans-serif;
}
strong {
	font-weight: normal;
}
em {
	font-style: italic;
}
.taCenter{
	text-align: center;
}
h1.materialName{
	font-size: 60px;
	line-height: 72px;
	color: #fff;
	text-align: center;
}
h1.catName{
	line-height: 100px;
	font-size: 48px;
	color: #333;
	text-align: center;
	padding-bottom: 20px;
}
h2.catName{
	line-height: 100px;
	font-size: 48px;
	color: #333;
	text-align: center;
	padding-bottom: 20px;
}
h2.mPage{
	font-size: 24px;
	color: #333;
	line-height: 100px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}
	.mPage a{
		color: #333;
	}
.displayNone{
	display: none;
}
.displayBlock{
	display: block;
}

/* Шапка сайта */

header{
	height: 165px;
	background-color: #fff;
}
	div.middleLine{
		width: 1010px;
		margin: 0 auto;
		font-size: 0;
		height: 110px;
		padding-top: 50px;
		position: relative;
	}
		div.age {
			font-size: 20px;
			top: 10px;
			right: 10px;
			position: absolute;
			color: #333;
			font-weight: bold;
		}
		a.topLogo{
			display: inline-block;
			margin-left: 50px;
			width: 297px;
			height: 100px;
			background: url(../img/logo.svg) center no-repeat;
			vertical-align: top;
			margin-top: -20px;
		}
		nav.mainNav{
			display: inline-block;
			margin-top: 20px;
		}
			nav.mainNav a{
				text-transform: uppercase;
				color: #333;
				font-size: 18pt;
				margin-left: 100px;
				vertical-align: top;
				transition: 0.5s ease;
			}
				nav.mainNav a:hover{
					opacity: 0.7;
					transition: 0.5s ease;
				}
	div.bottomLine{
		height: 5px;
		background-color: #333;
	}

/* Основной контент */

div.contentWrapper{
	width: 1010px;
	height: 100%;
	margin: 0 auto;
	background-color: #fff;
	font-size: 0;
}
	div.mainContent{
		width: 1010px;
		min-height: 700px;
		position: relative;
	}
		div.bigMenu{
			background-color: #333;
			width: 910px;
			padding: 30px 50px;
		}
			div.bigMenu a {
				color: #fff;
				font-size: 20px;
				margin-right: 30px;
				text-transform: uppercase;
				transition: 0.5s ease;
				line-height: 35px;
			}
				div.bigMenu a:hover {
					opacity: 0.5;
					transition: 0.5s ease;
				}
				div.bigMenu a:before {
					content: "#";
				}
		div.menuIco{
			width: 30px;
			height: 30px;
			top: 10px;
			left: 10px;
			background: url(../img/menuIco.svg) center no-repeat;
			position: absolute;
			cursor: pointer;
		}

/* ГЛАВНАЯ СТРАНИЦА */

div.mainNewsBig{
	width: 910px;
	margin: 0 auto;
}
	div.mainNewsBigTopLine{
		margin-bottom: 10px;
		font-weight: 300;
	}
		div.mainNewsBigHashTag{
			display: inline-block;
			width: 700px;
		}
			div.mainNewsBigHashTag a {
				color: #990000;
				font-size: 20px;
				text-transform: uppercase;
				transition: 0.5s ease;
			}
				div.mainNewsBigHashTag a:hover {
					opacity: 0.5;
					transition: 0.5s ease;
				}
				div.mainNewsBigHashTag a:before {
					content: "#";
				}
		div.mainNewsBigDate{
			display: inline-block;
			width: 210px;
			color: #666;
			font-size: 18px;
			line-height: 20px;
			text-align: right;
		}
	div.mainNewsBigBlock{
		position: relative;
		width: 910px;
		height: 511px;
		overflow: hidden;
	}
		div.mainNewsBigBlock img{
			width: 910px;
		}
		div.mainNewsBigBlock .wrapper {
			color: #fff;
			text-shadow: black 0 0 2px;
			position: absolute;
			bottom: 30px;
			left: 40px;
		}
			div.ar{
				display: inline-block;
				font-size: 32px;
				vertical-align: top;
				margin-right: 10px;
			}
			div.mainNewsBigName{
				display: inline-block;
				font-size: 30px;
				width: 800px;
				vertical-align: top;
			}
	div.twoMainNews{
		width: 910px;
		margin: 30px auto 0;
		font-weight: 300;
	}
		div.singleMainNews{
			display: inline-block;
			width: 430px;
			vertical-align: top;
		}
			div.singleMainNews:first-child{
				margin-right: 50px;
			}
			div.singleMainNewsHashTag{
				margin-bottom: 10px;
			}
			div.singleMainNewsHashTag a {
				color: #990000;
				font-size: 20px;
				text-transform: uppercase;
				transition: 0.5s ease;
			}
				div.singleMainNewsHashTag a:hover {
					opacity: 0.5;
					transition: 0.5s ease;
				}
				div.singleMainNewsHashTag a:before {
					content: "#";
				}
			div.singleMainNews img {
				width: 430px;
				height: 242px;
			}
			div.singleMainNewsDate{
				color: #666;
				font-size: 16px;
				text-align: center;
				margin: 20px 0 10px;
			}
			div.singleMainNewsName{
				text-align: center;
				margin: 10px 10px;
			}
				div.singleMainNewsName a{
					color: #333;
					font-size: 22px;
					line-height: 28px;
					transition: 0.5s ease;
				}
					div.singleMainNewsName a:hover{
						opacity: 0.7;
						transition: 0.5s ease;
					}
	div.mainVideoWrapper{
		width: 1010px;
		background-color: #333;
		padding-top: 50px;
	}
		div.mainVideoImg{
			margin: 0 30px 50px 50px;
			display: inline-block;
			position: relative;
		}
		div.mainVideoImg a:hover img.mainVideoPlayIco{
			opacity: 0.9;
			transition: 0.5s ease;
		}
		img.mainVideoPlayIco{
			position: absolute;
			width: 80px;
			height: 80px;
			top: 50%;
			left: 50%;
			margin-left: -40px;
			margin-top: -40px;
			transition: 0.5s ease;
		}
		div.mainVideoTextWrapper{
			display: inline-block;
			width: 450px;
			height: 244px;
			vertical-align: top;
			position: relative;
			font-weight: 300;
		}
			div.mainVideoDate{
				color: #999;
				font-size: 18px;
			}
			div.mainVideoName{
				margin-top: 20px;
			}
				div.mainVideoName a{
					color: #fff;
					font-size: 30px;
					margin-top: 20px;
					line-height: 34px;
				}
			div.mainVideoHashTag a {
				color: #cfcfcf;
				font-size: 20px;
				text-transform: uppercase;
				transition: 0.5s ease;
				position: absolute;
				bottom: 0;
			}
				div.mainVideoHashTag a:hover {
					opacity: 0.5;
					transition: 0.5s ease;
				}
				div.mainVideoHashTag a:before {
					content: "#";
				}
	div.mainArticlesWrapper{
		width: 910px;
		margin: 0 auto;
		padding-bottom: 50px;
	}
		div.singleMainArticle{
			display: inline-block;
			width: 266px;
			margin-left: 50px;
			vertical-align: top;
			font-weight: 300;
		}
			div.singleMainArticle:first-child{
				margin-left: 0;
			}
			div.singleMainArticleHashTag{
				margin-bottom: 10px;
			}
			div.singleMainArticleHashTag a {
				color: #990000;
				font-size: 18px;
				text-transform: uppercase;
				transition: 0.5s ease;
			}
				div.singleMainArticleHashTag a:hover {
					opacity: 0.5;
					transition: 0.5s ease;
				}
				div.singleMainArticleHashTag a:before {
					content: "#";
				}
			div.singleMainArticle img {
				width: 266px;
				height: 150px;
			}
			div.singleMainArticleDate{
				color: #666;
				font-size: 14px;
				text-align: center;
				margin: 10px 0;
			}
			div.singleMainArticleName{
				text-align: center;
				margin: 10px 10px;
			}
				div.singleMainArticleName a{
					color: #333;
					font-size: 18px;
					line-height: 22px;
					transition: 0.5s ease;
				}
					div.singleMainArticleName a:hover{
						opacity: 0.7;
						transition: 0.5s ease;
					}

/* СПИСОК МАТЕРИАЛОВ */

	div.listItemsWrapper{
		width: 1010px;
	}
		div.listItemsVideoImg{
			margin: 0 30px 50px 50px;
			display: inline-block;
			position: relative;
		}
		div.listItemsVideoImg a:hover img.listItemsPlayIco{
			opacity: 0.9;
			transition: 0.5s ease;
		}
		img.listItemsPlayIco{
			position: absolute;
			width: 80px;
			height: 80px;
			top: 50%;
			left: 50%;
			margin-left: -40px;
			margin-top: -40px;
			transition: 0.5s ease;
		}
		div.listItemsTextWrapper{
			display: inline-block;
			width: 450px;
			height: 244px;
			vertical-align: top;
			position: relative;
			font-weight: 300;
		}
			div.listItemsDate{
				color: #999;
				font-size: 18px;
			}
			div.listItemsName{
				margin-top: 20px;
			}
				div.listItemsName a{
					color: #333;
					font-size: 30px;
					margin-top: 20px;
					line-height: 34px;
					transition: 0.5s ease;
				}
					div.listItemsName a:hover{
						opacity: 0.7;
						transition: 0.5s ease;
					}
			div.listItemsHashTag a {
				color: #666;
				font-size: 20px;
				text-transform: uppercase;
				transition: 0.5s ease;
				position: absolute;
				bottom: 0;
			}
				div.listItemsHashTag a:hover {
					opacity: 0.5;
					transition: 0.5s ease;
				}
				div.listItemsHashTag a:before {
					content: "#";
				}
	div.seeMore {
	    text-transform: uppercase;
	    color: #333;
	    font-size: 32px;
	    font-weight: bold;
	    text-align: center;
	    padding-bottom: 30px;
	}
		div.seeMore > span {
	    	cursor: pointer;
		}

/* ВНУТРЯК */

div.headBlock{
	width: 1010px;
	height: 568px;
	position: relative;
}
	div.headBlock img{
		display: block;
	}
	div.blackOpacity{
		width: 1010px;
		height: 568px;
		background-color:rgba(0, 0, 0, 0.5);
		position: absolute;		
	}
		div.nameWrapper{
			display: table-cell;
			vertical-align: middle;
			height: 568px;
			padding: 0 50px;
		}
p.altName{
	font-size: 24px;
	line-height: 30px;
	color: #666;
	margin-top: 40px;
	font-style: italic; 
}
p.figCaption{
	text-align: right;
	font-style: italic;
	font-size: 18px;
	color: #999;
	margin: 0 60px 10px;
}
div.materialInfoWrapper{
	width: 1010px;
	position: relative;
	margin-top: 50px;
}
	img.authorPhoto{
		display: inline-block;
		width: 100px;
		height: 100px;
		border-radius: 100px;
		margin: 0 30px 0 50px;
		vertical-align: top;
	}
	div.materialInfo{
		display: inline-block;
		margin-top: 25px;
	}
		div.materialDate{
			font-size: 14px;
			margin-top: 20px;
			color: #999;
		}
		div.materialAuthor{
			vertical-align: top;
			color: #333;
			font-weight: normal;
			font-size: 18px;
			text-transform: uppercase;	
		}
			div.materialAuthor span {
				font-weight: 300;
				text-transform: none;
			}
	article {
		padding-bottom: 50px;
		font-family: Roboto,Helvetica,sans-serif;
		font-weight: 300;
	}
	article figure{
		margin-top: 20px;
	}
		article figure figcaption{
			text-align: center;
			font-style: italic;
			font-size: 18px;
			color: #999;
			margin: 10px 50px 0;
		}
	article p{
		font-size: 24px;
		margin-left: 50px;
		margin-right: 50px;
		margin-top: 25px;
		line-height: 40px;
		color: #333;
	}
	article h2{
		font-size: 40px;
		margin: 30px 50px;
		line-height: 60px;
		color: #333;
		font-weight: normal;
	}
	article h3{
		font-size: 30px;
		margin: 25px 50px;
		line-height: 60px;
		color: #333;
		font-weight: normal;
	}
	article a{
		color: #0099cc;
		font-weight: normal;
		transition: 0.5s ease;
	}
		article a:hover{
			opacity: 0.5;
			transition: 0.5s ease;
		}
	article ol {
		font-size: 24px;
		margin-left: 80px;
		margin-right: 50px;
		margin-top: 25px;
		line-height: 30px;
		color: #333;
	}
		article ol li {
			list-style: decimal outside none;
			padding: 0 0 20px 12px;
		}
	article ul {
		font-size: 24px;
		margin-left: 70px;
		margin-right: 50px;
		margin-top: 25px;
		line-height: 30px;
		color: #333;
	}
		article ul li {
			padding: 0 0 20px 12px;
		}
			article ul li:before {
				content: "•";
				font-size: 24px;
				float: left;
				margin: 1px 0 0 -33px;
				color: #09c;
			}
	p.descr{
		font-size: 30px;
		line-height: 42px;
		color: #000;
		margin-top: 40px;
	}
	blockquote {
	    padding: 10px 20px;
	    margin: 20px 50px 20px 70px;
	    font-size: 21px;
	    line-height: 36px;
	    border-left: 5px solid #eee;
	    font-style: italic;
	}
	blockquote footer {
	    display: block;
	    font-size: 80%;
	    line-height: 1.42857143;
	    color: #777;
	    font-style: normal;
	    margin-top: 10px;
	}
		blockquote footer:before {
		    content: '\2014 \00A0';
		}
	div.materialHashTags{
		text-align: center;
		padding-bottom: 40px;
		width: 910px;
		margin: 0 auto;
	}
		div.materialHashTags a{
			color: #0099cc;
			font-size: 18px;
			text-transform: uppercase;
			transition: 0.5s ease;
			margin-right: 20px;
		}
			div.materialHashTags a:hover{
				opacity: 0.5;
				transition: 0.5s ease;
			}
			div.materialHashTags a:before {
				content: "#";
			}
	div.fotorama{
		margin-top: 40px;
	}
	div.socShare{
		padding: 20px 50px;
	}
	div.socBlocks{
		width: 300px;
		margin: 0 auto;
		padding-bottom: 20px;
	}
		div.socBlock{
			display: inline-block;
			width: 48px;
			height: 48px;
			margin: 0 6px;
			transition: 0.5s ease;
		}
			div.socBlock:hover{
				opacity: 0.8;
				transition: 0.5s ease;
			}

/* подвал */
footer.siteFooter{
	height: 160px;
	background-color: #333;
}
	div.footerWrapper{
		width: 1010px;
		margin: 0 auto;
		font-size: 0;
	}
		a.footerLogo{
			display: inline-block;
			margin-top: 30px;
			margin-left: 50px;
			width: 297px;
			height: 100px;
			background: url(../img/w-logo.svg) center no-repeat;
			vertical-align: top;
		}
		nav.footerNav{
			display: inline-block;
			margin-top: 70px;
		}
			nav.footerNav a{
				text-transform: uppercase;
				color: #fff;
				font-size: 14pt;
				margin-left: 80px;
				vertical-align: top;
				transition: 0.5s ease;
			}
				nav.footerNav a:hover{
					opacity: 0.5;
					transition: 0.5s ease;
				}
					nav.footerNav div {
						margin-top: 20px;
					}
						nav.footerNav div a{
							font-size: 10px;
						}


div.paginationContainer {
    line-height: 100px;
    display: block;
    text-align: center;
}

div.paginationContainer a.paginationLink {
    text-decoration: none;
    padding: .5em;
    font-size: 1.2rem;
    color: #131313;
    transition: all ease-in-out .4s;
}

div.paginationContainer a.paginationLink:hover {
    color: #868686;
}

div.paginationContainer a.selectedLink {
    border-bottom: 1px #868686 solid;
}