html,body{
	max-width: 100%;
	overflow-x: hidden;
	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;
	overflow-wrap: anywhere;
}
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;
}

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

*{
	box-sizing: border-box;
}

header,
header.siteHeader{
	background-color: #fff;
}
	header.siteHeader .middleLine,
	div.middleLine{
		width: 100%;
		max-width: 1010px;
		margin: 0 auto;
		min-height: 160px;
		padding: 50px 50px 10px;
		position: relative;
		display: flex;
		align-items: flex-start;
		gap: 70px;
	}
		div.age {
			font-size: 20px;
			top: 10px;
			right: 10px;
			position: absolute;
			color: #333;
			font-weight: bold;
		}
		a.topLogo{
			display: block;
			flex: 0 0 297px;
			width: 297px;
			height: 100px;
			background: url(../img/logo.svg) center no-repeat;
			background-size: contain;
			margin-top: -20px;
		}
		a.multilangTopLogo {
			background-image: url(../img/multilangLogo.svg);
		}
		nav.mainNav{
			display: flex;
			align-items: center;
			gap: 70px;
			margin-top: 20px;
		}
			nav.mainNav a{
				text-transform: uppercase;
				color: #333;
				font-size: 18pt;
				transition: 0.5s ease;
			}
				nav.mainNav a:hover{
					opacity: 0.7;
					transition: 0.5s ease;
				}
		button.menuIco{
			width: 30px;
			height: 30px;
			top: 10px;
			left: 10px;
			background: url(../img/menuIco.svg) center no-repeat;
			background-size: contain;
			position: absolute;
			cursor: pointer;
			border: 0;
			padding: 0;
			font: inherit;
			appearance: none;
		}
		button.menuIco:focus-visible{
			outline: 2px solid #333;
			outline-offset: 4px;
		}
	div.bottomLine{
		height: 5px;
		background-color: #333;
	}

/* Мультиязычная статья */

h1.multilangMaterialName {
    color: #333333;
    padding: 32px 50px 20px;
}

.multilangMaterialFigure {
    width: 100%;
    max-width: 1010px;
    margin: 0 auto;
}

.multilangMaterialFigure img.multilangMaterialImage {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: contain;
}

.multilangMaterialFigure figcaption {
    text-align: center;
    font-style: italic;
    font-size: 18px;
    line-height: 26px;
    color: #999;
    margin: 10px 50px 0;
}

@media (max-width: 760px) {
    h1.multilangMaterialName {
        padding: 28px 30px 18px;
    }

    .multilangMaterialFigure figcaption {
        margin-left: 30px;
        margin-right: 30px;
    }
}

@media (max-width: 520px) {
    h1.multilangMaterialName {
        padding: 24px 18px 16px;
    }

    /*.multilangMaterialFigure img.multilangMaterialImage {*/
    /*    aspect-ratio: 4 / 3;*/
    /*}*/

    .multilangMaterialFigure figcaption {
        font-size: 14px;
        line-height: 20px;
        margin: 8px 18px 0;
    }
}

@media (max-width: 900px){
	header.siteHeader .middleLine,
	div.middleLine{
		min-height: auto;
		padding: 48px 20px 24px;
		align-items: center;
		justify-content: center;
		gap: 24px;
		flex-wrap: wrap;
	}
		a.topLogo{
			flex-basis: 240px;
			width: 240px;
			height: 81px;
			margin-top: 0;
		}
		nav.mainNav{
			width: 100%;
			justify-content: center;
			gap: 28px;
			margin-top: 0;
		}
			nav.mainNav a{
				font-size: 20px;
			}
}

@media (max-width: 520px){
	header.siteHeader .middleLine,
	div.middleLine{
		padding: 44px 15px 20px;
		gap: 18px;
	}
		div.age{
			font-size: 16px;
		}
		a.topLogo{
			flex-basis: 210px;
			width: 210px;
			height: 71px;
		}
		nav.mainNav{
			gap: 0;
			justify-content: space-between;
		}
			nav.mainNav a{
				font-size: 16px;
			}
}

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

div.contentWrapper{
	width: 100%;
	max-width: 1010px;
	height: 100%;
	margin: 0 auto;
	background-color: #fff;
	font-size: 0;
}
	div.mainContent{
		width: 100%;
		min-height: 700px;
		position: relative;
	}
		div.bigMenu{
			background-color: #333;
			width: 100%;
			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.mainContent > div.menuIco{
			width: 30px;
			height: 30px;
			top: 10px;
			left: 10px;
			background: url(../img/menuIco.svg) center no-repeat;
			position: absolute;
			cursor: pointer;
		}

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

h2.mPage{
	line-height: 1.25;
	padding: 48px 20px 28px;
}

div.mainNewsBig,
section.mainNewsBig{
	width: 100%;
	max-width: 910px;
	margin: 0 auto;
	padding-top: 20px;
}
	div.mainNewsBigTopLine{
		margin-bottom: 10px;
		font-weight: 300;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 20px;
	}
		div.mainNewsBigHashTag{
			width: auto;
			min-width: 0;
		}
			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{
			width: auto;
			flex: 0 0 auto;
			color: #666;
			font-size: 18px;
			line-height: 20px;
			text-align: right;
		}
	.mainNewsBigLink{
		display: block;
		text-decoration: none;
	}
	div.mainNewsBigBlock{
		position: relative;
		width: 100%;
		aspect-ratio: 910 / 511;
		height: auto;
		overflow: hidden;
		background-color: #333;
	}
		div.mainNewsBigBlock img{
			display: block;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		div.mainNewsBigBlock .wrapper {
			color: #fff;
			text-shadow: black 0 0 2px;
			position: absolute;
			right: 40px;
			bottom: 30px;
			left: 40px;
			display: flex;
			align-items: flex-start;
		}
			div.ar{
				display: inline-block;
				font-size: 32px;
				vertical-align: top;
				margin-right: 10px;
				flex: 0 0 auto;
			}
			div.mainNewsBigName{
				display: block;
				font-size: 30px;
				line-height: 36px;
				width: auto;
				vertical-align: top;
			}
	div.twoMainNews{
		width: 100%;
		max-width: 910px;
		margin: 30px auto 0;
		font-weight: 300;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 50px;
	}

	.twoMainNews {
		margin: 20px 50px!important;
	}
		div.singleMainNews,
		article.singleMainNews{
			display: block;
			width: auto;
			vertical-align: top;
		}
			div.singleMainNews:first-child{
				margin-right: 0;
			}
			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 {
				display: block;
				width: 100%;
				height: auto;
				aspect-ratio: 430 / 242;
				object-fit: cover;
			}
			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: 100%;
		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,
	section.mainArticlesWrapper{
		width: 100%;
		max-width: 910px;
		margin: 0 auto;
		padding-bottom: 50px;
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 50px;
	}
		div.singleMainArticle,
		article.singleMainArticle{
			display: block;
			width: auto;
			margin-left: 0;
			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 {
				display: block;
				width: 100%;
				height: auto;
				aspect-ratio: 266 / 150;
				object-fit: cover;
			}
			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;
					}

@media (max-width: 960px){
	div.contentWrapper{
		max-width: none;
	}
		div.bigMenu{
			padding: 25px 20px;
		}
	div.mainNewsBig,
	section.mainNewsBig,
	div.twoMainNews,
	div.mainArticlesWrapper,
	section.mainArticlesWrapper{
		width: auto;
		max-width: none;
		margin-left: 20px;
		margin-right: 20px;
	}

	section.mainArticlesWrapper {
		column-gap: 12px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	section.mainArticlesWrapper .singleMainArticle {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.twoMainNews {
		margin: 20px 20px!important;
	}
}

@media (max-width: 760px){
	h1.catName,
	h2.catName{
		font-size: 36px;
		line-height: 44px;
		padding: 34px 20px 20px;
	}
	h2.mPage{
		font-size: 22px;
		padding: 38px 20px 24px;
	}
	div.mainNewsBigTopLine{
		flex-direction: column;
		gap: 6px;
	}
		div.mainNewsBigDate{
			text-align: left;
		}
		div.mainNewsBigBlock .wrapper {
			right: 24px;
			bottom: 24px;
			left: 24px;
		}
			div.ar{
				font-size: 26px;
			}
			div.mainNewsBigName{
				font-size: 24px;
				line-height: 30px;
			}
	div.twoMainNews{
		grid-template-columns: 1fr;
		gap: 34px;
	}
	div.mainArticlesWrapper,
	section.mainArticlesWrapper{
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 34px 24px;
	}
}

@media (max-width: 590px) {
	section.mainArticlesWrapper{
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 34px 24px;
	}

	.singleMainArticle img {
		max-width: 100%;
		width: 100%;
		aspect-ratio: 16 / 9;
		height: auto;
	}
}

@media (max-width: 520px){
	div.bigMenu{
		padding: 22px 15px;
	}
		div.bigMenu a {
			font-size: 17px;
			margin-right: 18px;
			line-height: 32px;
		}
	div.mainNewsBig,
	section.mainNewsBig,
	div.twoMainNews,
	div.mainArticlesWrapper,
	section.mainArticlesWrapper{
		margin-left: 15px;
		margin-right: 15px;
	}
	h1.catName,
	h2.catName{
		font-size: 30px;
		line-height: 38px;
	}
	h2.mPage{
		font-size: 20px;
		padding: 32px 15px 22px;
	}
	div.mainNewsBigBlock{
		/*aspect-ratio: 4 / 3;*/
	}
		div.mainNewsBigBlock .wrapper {
			right: 16px;
			bottom: 16px;
			left: 16px;
		}
			div.ar{
				font-size: 22px;
				margin-right: 8px;
			}
			div.mainNewsBigName{
				font-size: 20px;
				line-height: 26px;
			}
	div.singleMainNewsName{
		margin-left: 0;
		margin-right: 0;
	}
		div.singleMainNewsName a{
			font-size: 20px;
			line-height: 26px;
		}
	div.mainArticlesWrapper,
	section.mainArticlesWrapper{
		grid-template-columns: 1fr;
		gap: 32px;
	}
		div.singleMainArticleName a{
			font-size: 20px;
			line-height: 26px;
		}
}

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

	div.listItemsWrapper,
	article.listItemsWrapper{
		width: 100%;
		max-width: 910px;
		margin: 0 auto 50px;
		display: grid;
		grid-template-columns: minmax(260px, 430px) minmax(0, 1fr);
		gap: 30px;
		align-items: stretch;
		box-sizing: border-box;
	}
		div.listItemsVideoImg{
			margin: 0;
			display: block;
			position: relative;
		}
			div.listItemsVideoImg a{
				display: block;
				transition: 0.5s ease;
			}
				div.listItemsVideoImg a:hover{
					opacity: 0.85;
					transition: 0.5s ease;
				}
			div.listItemsVideoImg img{
				display: block;
				width: 100%;
				height: auto;
				aspect-ratio: 430 / 242;
				object-fit: cover;
			}
		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: flex;
			width: auto;
			height: auto;
			min-height: 242px;
			vertical-align: top;
			position: relative;
			font-weight: 300;
			flex-direction: column;
			justify-content: flex-start;
			box-sizing: border-box;
		}
			div.listItemsDate{
				color: #999;
				font-size: 18px;
				line-height: 24px;
			}
			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{
				margin-top: auto;
				padding-top: 24px;
			}
			div.listItemsHashTag a {
				color: #666;
				font-size: 20px;
				line-height: 26px;
				text-transform: uppercase;
				transition: 0.5s ease;
				position: static;
				bottom: auto;
			}
				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;
		}

@media (max-width: 960px){
	div.listItemsWrapper,
	article.listItemsWrapper{
		max-width: none;
		padding: 0 24px;
		grid-template-columns: minmax(240px, 42%) minmax(0, 1fr);
		gap: 24px;
	}
		div.listItemsTextWrapper{
			min-height: 0;
		}
			div.listItemsName a{
				font-size: 26px;
				line-height: 32px;
			}
}

@media (max-width: 700px){
	div.listItemsWrapper,
	article.listItemsWrapper{
		grid-template-columns: 1fr;
		gap: 16px;
		margin-bottom: 42px;
	}
		div.listItemsTextWrapper{
			min-height: 0;
		}
			div.listItemsDate{
				font-size: 15px;
				line-height: 22px;
				text-align: center;
			}
			div.listItemsName{
				margin-top: 10px;
				text-align: center;
			}
				div.listItemsName a{
					font-size: 24px;
					line-height: 30px;
				}
			div.listItemsHashTag{
				margin-top: 10px;
				padding-top: 0;
				text-align: center;
			}
				div.listItemsHashTag a{
					font-size: 17px;
					line-height: 24px;
				}
}

@media (max-width: 520px){
	div.listItemsWrapper,
	article.listItemsWrapper{
		padding: 0 16px;
		margin-bottom: 36px;
	}
			div.listItemsName a{
				font-size: 22px;
				line-height: 28px;
			}
	div.seeMore{
		font-size: 24px;
		line-height: 32px;
		padding: 0 16px 28px;
	}
}

/* ВНУТРЯК */

section.singleMaterialPage{
	width: 100%;
}

div.article{
	width: 100%;
	max-width: 100%;
	min-width: 0;
	overflow: hidden;
}

div.headBlock{
	width: 100%;
	max-width: 1010px;
	position: relative;
	margin: 0 auto;
	background-color: #222;
}
	div.headBlock img,
	div.headBlock img.headBlockImage{
		display: block;
		width: 100%;
		height: auto;
		aspect-ratio: 1010 / 568;
		object-fit: cover;
	}
	div.blackOpacity{
		width: 100%;
		aspect-ratio: 1010 / 568;
		background-color: rgba(0, 0, 0, 0.5);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		display: flex;
		align-items: center;
	}
		div.nameWrapper{
			display: block;
			width: 100%;
			height: auto;
			padding: 0 50px;
			box-sizing: border-box;
		}

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;
	line-height: 26px;
	color: #999;
	margin: 10px 60px 0;
}

div.materialInfoWrapper{
	width: 100%;
	max-width: 1010px;
	position: relative;
	margin: 50px auto 0;
	padding: 0 50px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	gap: 30px;
}
	img.authorPhoto{
		display: block;
		flex: 0 0 100px;
		width: 100px;
		height: 100px;
		border-radius: 100px;
		margin: 0;
		object-fit: cover;
		vertical-align: top;
	}
	div.materialInfo{
		display: block;
		margin-top: 0;
	}
		div.materialDate{
			font-size: 14px;
			margin-top: 20px;
			color: #999;
		}
		div.materialAuthor{
			vertical-align: top;
			color: #333;
			font-weight: normal;
			font-size: 18px;
			line-height: 26px;
			text-transform: uppercase;
		}
			div.materialAuthor span {
				font-weight: 300;
				text-transform: none;
			}

.article > article {
	min-width: 0;
	padding-bottom: 50px;
	font-family: Roboto,Helvetica,sans-serif;
	font-weight: 300;
}
	.article > article figure{
		margin-top: 20px;
	}
		.article > article figure img,
		.articleBody img{
			display: block;
			max-width: 100%;
			height: auto;
		}
		.article > article figure figcaption{
			text-align: center;
			font-style: italic;
			font-size: 18px;
			color: #999;
			margin: 10px 50px 0;
		}
	.article > article p{
		font-size: 24px;
		margin-left: 50px;
		margin-right: 50px;
		margin-top: 25px;
		line-height: 40px;
		color: #333;
	}
	.article > article h2{
		font-size: 40px;
		margin: 30px 50px;
		line-height: 60px;
		color: #333;
		font-weight: normal;
	}
	.article > article h3{
		font-size: 30px;
		margin: 25px 50px;
		line-height: 60px;
		color: #333;
		font-weight: normal;
	}
	.article > article a{
		color: #0099cc;
		font-weight: normal;
		transition: 0.5s ease;
	}
		.article > article a:hover{
			opacity: 0.5;
			transition: 0.5s ease;
		}
	.article > article ol {
		font-size: 24px;
		margin-left: 80px;
		margin-right: 50px;
		margin-top: 25px;
		line-height: 30px;
		color: #333;
	}
		.article > article ol li {
			list-style: decimal outside none;
			padding: 0 0 20px 12px;
		}
	.article > article ul {
		font-size: 24px;
		margin-left: 70px;
		margin-right: 50px;
		margin-top: 25px;
		line-height: 30px;
		color: #333;
	}
		.article > article ul li {
			padding: 0 0 20px 12px;
		}
			.article > article ul li:before {
				content: "•";
				font-size: 24px;
				float: left;
				margin: 1px 0 0 -33px;
				color: #09c;
			}
	.article > article p.descr{
		font-size: 30px;
		line-height: 42px;
		color: #000;
		margin-top: 40px;
	}
	.article > article blockquote {
		padding: 10px 20px;
		margin: 20px 50px 20px 70px;
		font-size: 21px;
		line-height: 36px;
		border-left: 5px solid #eee;
		font-style: italic;
	}
	.article > article blockquote footer {
		display: block;
		font-size: 80%;
		line-height: 1.42857143;
		color: #777;
		font-style: normal;
		margin-top: 10px;
	}
		.article > article blockquote footer:before {
			content: '\2014 \00A0';
		}

.articleBody{
	width: 100%;
	max-width: 100%;
	min-width: 0;
	overflow-wrap: anywhere;
	word-break: normal;
}
	.articleBody *,
	.articleBody *:before,
	.articleBody *:after{
		max-width: 100%;
		box-sizing: border-box;
	}
	.articleBody img,
	.articleBody video,
	.articleBody iframe,
	.articleBody embed,
	.articleBody object{
		display: block;
		max-width: 100% !important;
		height: auto;
	}
	.articleBody iframe,
	.articleBody embed,
	.articleBody object{
		width: 100% !important;
	}
	.articleBody figure{
		max-width: 100%;
		margin-left: 50px;
		margin-right: 50px;
	}
	.articleBody table{
		display: block;
		width: 100%;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.articleBody pre,
	.articleBody code{
		max-width: 100%;
		overflow-x: auto;
		white-space: pre-wrap;
	}

.materialAd{
	width: 100%;
	max-width: 910px;
	margin: 20px auto;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
}
	.materialAdTop{
		height: 300px;
	}
	.materialAdBottom{
		min-height: 120px;
	}
	.materialAdYandex{
		height: auto;
	}

.materialVideoWrapper{
	width: 100%;
	max-width: 910px;
	margin: 0 auto;
	padding: 0 50px;
	box-sizing: border-box;
}
	.materialVideoInner{
		position: relative;
		width: 100%;
		margin: 40px 0 20px;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
	}
		.materialVideoInner iframe{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			border: 0;
		}

div.materialHashTags{
	text-align: center;
	padding: 0 50px 40px;
	width: 100%;
	max-width: 910px;
	margin: 0 auto;
	box-sizing: border-box;
}
	div.materialHashTags a{
		color: #0099cc;
		font-size: 18px;
		line-height: 32px;
		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;
	max-width: 100%;
	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;
		}

@media (max-width: 760px){
	.articleBody figure{
		margin-left: 30px;
		margin-right: 30px;
	}
	h1.materialName{
		font-size: 42px;
		line-height: 52px;
	}
		div.nameWrapper{
			padding: 0 30px;
		}
	.article > article p{
		font-size: 21px;
		line-height: 34px;
		margin-left: 30px;
		margin-right: 30px;
	}
	.article > article p.descr{
		font-size: 25px;
		line-height: 36px;
	}
	.article > article h2{
		font-size: 32px;
		line-height: 42px;
		margin: 28px 30px;
	}
	.article > article h3{
		font-size: 26px;
		line-height: 36px;
		margin: 24px 30px;
	}
	.article > article ol{
		font-size: 21px;
		line-height: 30px;
		margin-left: 58px;
		margin-right: 30px;
	}
	.article > article ul{
		font-size: 21px;
		line-height: 30px;
		margin-left: 54px;
		margin-right: 30px;
	}
	.article > article blockquote{
		font-size: 20px;
		line-height: 32px;
		margin: 20px 30px 20px 40px;
	}
	div.materialInfoWrapper{
		padding: 0 30px;
		gap: 20px;
	}
	p.figCaption{
		margin-left: 30px;
		margin-right: 30px;
	}
	.materialVideoWrapper{
		padding: 0 30px;
	}
	div.materialHashTags{
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media (max-width: 520px){
	.articleBody figure{
		margin-left: 18px;
		margin-right: 18px;
	}
	h1.materialName{
		font-size: 30px;
		line-height: 38px;
	}
		div.nameWrapper{
			padding: 0 18px;
		}
	div.headBlock img,
	div.headBlock img.headBlockImage,
	div.blackOpacity{
		/*aspect-ratio: 4 / 3;*/
	}
	p.figCaption{
		font-size: 14px;
		line-height: 20px;
		text-align: left;
		margin: 8px 18px 0;
	}
	.article > article p{
		font-size: 18px;
		line-height: 30px;
		margin-left: 18px;
		margin-right: 18px;
		margin-top: 22px;
	}
	.article > article p.altName{
		font-size: 18px;
		line-height: 26px;
		margin-top: 28px;
	}
	.article > article p.descr{
		font-size: 22px;
		line-height: 32px;
		margin-top: 30px;
	}
	.article > article h2{
		font-size: 27px;
		line-height: 36px;
		margin: 26px 18px;
	}
	.article > article h3{
		font-size: 23px;
		line-height: 32px;
		margin: 22px 18px;
	}
	.article > article ol{
		font-size: 18px;
		line-height: 28px;
		margin-left: 42px;
		margin-right: 18px;
	}
	.article > article ul{
		font-size: 18px;
		line-height: 28px;
		margin-left: 42px;
		margin-right: 18px;
	}
		.article > article ul li:before{
			font-size: 20px;
			margin-left: -26px;
		}
	.article > article blockquote{
		font-size: 18px;
		line-height: 30px;
		margin: 20px 18px;
		padding: 8px 16px;
	}
	div.materialInfoWrapper{
		margin-top: 34px;
		padding: 0 18px;
		align-items: flex-start;
		gap: 14px;
	}
		img.authorPhoto{
			flex-basis: 64px;
			width: 64px;
			height: 64px;
		}
		div.materialAuthor{
			font-size: 15px;
			line-height: 22px;
		}
		div.materialDate{
			margin-top: 10px;
		}
	.materialAd{
		padding-left: 15px;
		padding-right: 15px;
	}
	.materialVideoWrapper{
		padding: 0 18px;
	}
	div.materialHashTags{
		padding-left: 18px;
		padding-right: 18px;
		text-align: left;
	}
}

/* подвал */
footer.siteFooter{
	background-color: #333;
}
	div.footerWrapper{
		width: 100%;
		max-width: 1010px;
		min-height: 160px;
		margin: 0 auto;
		padding: 30px 50px;
	display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 40px;
		box-sizing: border-box;
	}
		a.footerLogo{
			display: block;
			flex: 0 0 297px;
			width: 297px;
			height: 100px;
			background: url(../img/w-logo.svg) center no-repeat;
			background-size: contain;
			transition: 0.5s ease;
		}
			a.footerLogo:hover{
				opacity: 0.8;
				transition: 0.5s ease;
			}
		a.multilangFooterLogo {
			background-image: url(../img/w-multilangLogo.svg);
		}
		nav.footerNav{
			display: flex;
			align-items: center;
			justify-content: flex-end;
			flex-wrap: wrap;
			gap: 20px 70px;
		}
			nav.footerNav a{
				text-transform: uppercase;
				color: #fff;
				font-size: 14pt;
				vertical-align: top;
				transition: 0.5s ease;
			}
				nav.footerNav a:hover{
					opacity: 0.5;
					transition: 0.5s ease;
				}
				div.footerLegalLinks{
					display: flex;
					flex-basis: 100%;
					justify-content: flex-end;
					flex-wrap: wrap;
					gap: 12px 24px;
				}
					div.footerLegalLinks a{
						font-size: 10px;
					}

@media (max-width: 900px){
	div.footerWrapper{
		padding: 30px 24px;
		flex-direction: column;
		justify-content: center;
		gap: 25px;
	}
		nav.footerNav{
			justify-content: center;
			gap: 18px 40px;
			text-align: center;
		}
			div.footerLegalLinks{
				justify-content: center;
			}
}

@media (max-width: 520px){
	div.footerWrapper{
		padding: 28px 16px;
	}
		a.footerLogo{
			flex-basis: auto;
			width: 230px;
			height: 78px;
		}
		nav.footerNav{
			flex-direction: column;
			gap: 16px;
		}
			nav.footerNav a{
				font-size: 16px;
			}
			div.footerLegalLinks{
				flex-direction: column;
				gap: 10px;
			}
				div.footerLegalLinks a{
					font-size: 10px;
					line-height: 16px;
				}
}


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;
}
/* СТАТИЧНЫЕ СТРАНИЦЫ */

.staticPage {
	width: 100%;
	max-width: 1010px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 50px 50px;
	font-family: Roboto, Helvetica, sans-serif;
	font-weight: 300;
	color: #333;
}

.staticPage h1.catName {
	padding-left: 0;
	padding-right: 0;
}

.staticPage h2 {
	font-size: 40px;
	line-height: 56px;
	color: #333;
	font-weight: normal;
	margin: 30px 0 20px;
}

.staticPage h2.taCenter {
	text-align: center;
}

.staticPage p {
	font-size: 24px;
	line-height: 40px;
	color: #333;
	margin: 25px 0 0;
}

.staticPage a {
	color: #0099cc;
	font-weight: normal;
	transition: 0.5s ease;
	word-break: break-word;
}

.staticPage a:hover {
	opacity: 0.5;
	transition: 0.5s ease;
}

.staticPage strong {
	font-weight: normal;
}

@media (max-width: 760px) {
	.staticPage {
		padding: 0 28px 42px;
	}

	.staticPage h2 {
		font-size: 30px;
		line-height: 42px;
		margin-top: 26px;
	}

	.staticPage p {
		font-size: 20px;
		line-height: 32px;
		margin-top: 20px;
	}
}

@media (max-width: 520px) {
	.staticPage {
		padding: 0 18px 36px;
	}

	.staticPage h2 {
		font-size: 25px;
		line-height: 34px;
		margin-top: 24px;
	}

	.staticPage p {
		font-size: 18px;
		line-height: 30px;
		margin-top: 18px;
	}
}

/* ПАГИНАЦИЯ: поддержка старой div-разметки и новой nav-разметки */

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

div.paginationContainer a.paginationLink,
nav.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,
nav.paginationContainer a.paginationLink:hover {
	color: #868686;
}

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

@media (max-width: 520px) {
	div.paginationContainer,
	nav.paginationContainer {
		line-height: normal;
		padding: 20px 12px 30px;
	}

	div.paginationContainer a.paginationLink,
	nav.paginationContainer a.paginationLink {
		display: inline-block;
		padding: 8px 10px;
		font-size: 1rem;
	}
}