/*
 * Theme Name: Sistema Koordinat
 * Theme URL: http://s-tema.ru/
 * Description: Theme for Sistema Koordinat site
 * Author: Astra GOST
 * Version: 1.0
 * Date: 2022-05-25
 * Modified version: 1.27
 * Date modified: 2026-05-03
 */





/* Кодировочка */
@charset "UTF-8";





@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@600&family=Playfair+Display+SC&family=Roboto:wght@300&display=swap');





html {
	overflow-x: hidden !important;
	width: 100% !important;
	height: 100%;
	scroll-behavior: smooth;	/* Плавная промотка к внутреннему якорю */
	}

body {
	position: relative;
	overflow-x: hidden !important;
	overflow-y: hidden;
	width: 100% !important;
	min-height: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	line-height: 1.5;
	font-weight: normal;
	letter-spacing: 0;
	text-align: center;
	color: #000;
	background: #FFF;
	padding: 0;
	margin: 0;
	}

a { text-decoration: underline; color: #939; }
a:hover { text-decoration: underline; color: #C6C; }
a:active { text-decoration: underline; color: #F00; }

::-moz-selection { background: #939; color: #FFF; text-shadow: none; }
::selection { background: #939; color: #FFF; text-shadow: none; }

span.skype_pnh_print_container { display: inline !important; }
span.skype_pnh_container { display: none !important; }

div {
	padding: 0;
	margin: 0;
	}

h1, h2, h3 {
	display: inline-block;
	width: 100%;
	font-family: 'Playfair Display SC', serif;
	font-weight: normal;
	white-space: normal;
	text-align: center;
	color: #939;
	padding: 0;
	margin: 0 0 40px 0;
	}
h1 { font-size: 160%; }
h2, h3 { font-size: 140%; }

p {
	display: inline-block;
	width: 100%;
	letter-spacing: 0px;
	white-space: normal;
	text-align: justify;
	padding: 0;
	margin: 0 0 40px 0;
	}

hr {
	border: 0 none;
	clear: both;
	width: 100%;
	height: 1px;
	color: #CCC;
	background: #CCC;
	padding: 0;
	margin: 4em 0;
	}

table {
	border: 0;
	border-spacing: 0;
	outline: 0;
	padding: 0;
	margin: 0;
	}
td {
	padding: 0;
	margin: 0;
	}

span,
font { padding: 0; margin: 0; }

ul,
ol {
	padding: 0;
	margin: 0;
	}
li {
	text-align: justify;
	padding: 0;
	margin: 0;
	}

img {
	border: 0;
	outline: 0;
	vertical-align: baseline;
	padding: 0; margin: 0;
	}





/* Анимационный эффект */

.emerge {
	opacity: 0;
	transform: translateY(30px);
	transition: all 0.5s 0.5s ease-out;
	}

.animated {
	opacity: 1;
	transform: none;
	}





/* Разметка */

header,
nav,
main,
video,
article,
footer {
	position: relative;
	display: block;
	box-sizing: border-box;
	clear: both;
	border: 0;
	outline: 0;
	width: 100%;
	min-width: 300px;
	font-size: 100%;
	font-style: normal;
	text-align: center;
	padding: 0;
	margin: 0 auto;
	}





/* Фикс-панель: Шапка */

.headbar,
.headbar-trans {
	z-index: 888;
	top: 0;
	position: fixed;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	font-family: 'Playfair Display SC', serif;
	color: #FFF;
	padding: 2px 0;
	transition: all .5s ease;	/* Для плавного разворачивания (через опцию headscroll.js про прокрутке страницы */
	}
.headbar {
	height: 64px;
	font-size: 100%;
	background: none;
	padding-top: 22px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-khtml-box-shadow: none;
	box-shadow: none;
	}
.headbar-trans {
	height: 44px;
	font-size: 85%;
	background: #330080 url('../graphics/bg_head.jpg') no-repeat center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	padding-top: 2px;
	-moz-box-shadow: 0 10px 10px rgba(0,0,0, 0.5);
	-webkit-box-shadow: 0 10px 10px rgba(0,0,0, 0.5);
	-khtml-box-shadow: 0 10px 10px rgba(0,0,0, 0.5);
	box-shadow: 0 10px 10px rgba(0,0,0, 0.5);
	}

.headbar > div {
	position: relative;
	display: inline-block;
	width: auto;
	}





/* Фикс-панель: Логотип в шапке */

.headlogo {
	position: relative;
	display: inline-block;
	overflow: hidden;
	font-family: 'Bitter', serif;
	font-size: 120%;
	text-align: center;
	color: #FC0;
	padding: 0;
	margin: 0 auto;
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.75);
	}

/* Блик на кнопке */
.headlogo:before {
	z-index: 2;
	position: absolute;
	overflow: hidden;
	top: 50px;
	left: 0;
	content: '';
	width: 200px;
	height: 50px;
	background: linear-gradient(to top, transparent, rgba(255,255,255, .35), transparent);
	}
.headlogo:hover:before {
	top: -50px;
	transition: .5s ease-in-out;
	}

.headlogo img {
	position: relative;
	display: inline-block;
	}

.headbar .headlogo {
	width: 0;
	height: 0;
	margin-right: 0;
	}
.headbar-trans .headlogo {
	width: auto;
	height: 40px;
	margin-right: 10px;
	}
.headbar .headlogo img {
	width: 0;
	height: 0;
	}
.headbar-trans .headlogo img {
	width: auto;
	height: 40px;
	}
.headbar .headlogo,
.headbar-trans .headlogo,
.headbar .headlogo img,
.headbar-trans .headlogo img {
	transition: all .5s ease;	/* Для плавного разворачивания (через опцию headscroll.js про прокрутке страницы */
	}





/* Фикс-панель: Навигатор в шапке */

#menunav {
	/* См. файл стилей /jquery/menu/css/menu.css */
	}





/* Вью телевизор на весь экран */

.view_all_tv {
	z-index: 1;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	min-height: 100vh;
	color: #FFF;
	background: #306 url('../graphics/bg_view_all_tv.jpg') no-repeat center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	padding: 44px 0;
	margin: 0 auto;
	}
.view_all_tv::after {
	z-index: 2;
	left: 0;
	top: 0;
	position: absolute;
	display: block;
	width: 100%;
	height: auto;
	min-height: 100vh;
	background: rgba(0,0,0, 0.25);
	}

.logo_fiollent {
	z-index: 5;
	position: relative;
	display: inline-block;
	top: 3px;
	width: auto;
	font-family: 'Georgia', serif;
	font-size: 200%;
	color: #FFF;
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.5);
	}
.logo_fiollent img {
	position: relative;
	display: inline-block;
	top: 10px;
	width: 292px;
	height: 79px;
	text-align: center;
	vertical-align: middle;
	margin: 0 5px;
	}

.logo_txt {
	z-index: 4;
	position: relative;
	display: inline-block;
	top: -3px;
	width: auto;
	text-transform: uppercase;
	font-family: 'Bitter', serif;
	font-size: 120%;
	font-weight: bold;
	color: #FC0;
	margin: 0 10px 30px 10px;
	text-shadow: 2px 2px 0 rgba(0,0,0, 0.5);
	}
.logo_txt img {
	display: inline-block;
	height: 28px;
	text-align: center;
	vertical-align: middle;
	margin: 0 5px;
	}
.logo_txt img:nth-child(1) { width: 169px; }
.logo_txt img:nth-child(2) { width: 219px; }

.view_all_tv p {
	z-index: 4;
	position: relative;
	width: 80%;
	line-height: 1.1;
	font-family: 'Playfair Display SC', serif;
	font-size: 200%;
	letter-spacing: 5px;
	text-align: center;
	margin: 0;
	text-shadow: 2px 2px 0 rgba(0,0,0, 0.5);
	}
.view_all_tv p span {
	font-size: 75%;
	}





/* Вью шапка-заголовок второстепенных страниц */

.view_all_headtit {
	z-index: 1;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	min-height: 60vh;
	color: #FFF;
	background: #330080 url('../graphics/bg_purple-space.jpg') no-repeat center top;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	padding-top: 44px;
	margin: 0 auto;
	}

.view_all_headtit span,
.view_all_headtit h1 {
	z-index: 3;
	position: relative;
	display: block;
	width: 60%;
	text-align: left;
	text-shadow: 1px 1px 0 rgba(0,0,0, .5),
		1px 1px 8px rgba(255,255,255, .08),
		2px 2px 1px rgba(255,255,255, .075),
		4px 4px 1px rgba(255,255,255, .07),
		6px 6px 1px rgba(255,255,255, .065),
		8px 8px 1px rgba(255,255,255, .06),
		10px 10px 1px rgba(255,255,255, .055),
		12px 12px 1px rgba(255,255,255, .05),
		14px 14px 1px rgba(255,255,255, .045),
		16px 16px 1px rgba(255,255,255, .04),
		18px 18px 1px rgba(255,255,255, .035),
		20px 20px 1px rgba(255,255,255, .03),
		22px 22px 1px rgba(255,255,255, .025),
		24px 24px 1px rgba(255,255,255, .02),
		26px 26px 1px rgba(255,255,255, .015),
		28px 28px 1px rgba(255,255,255, .01),
		30px 30px 1px rgba(255,255,255, .005),
		32px 32px 1px rgba(255,255,255, .0025),
		34px 34px 1px rgba(255,255,255, .002),
		36px 36px 1px rgba(255,255,255, .0015),
		38px 38px 1px rgba(255,255,255, .001);
	}

.view_all_headtit span {
	border-bottom: 1px solid rgba(255,255,255, 0.5);
	font-family: 'Bitter', serif;
	font-size: 80%;
	color: rgba(255,255,255, 0.5);
	padding-bottom: 10px;
	}

.view_all_headtit a {
	text-decoration: none;
	color: #FC0;
	}
.view_all_headtit a:hover {
	text-decoration: none;
	color: #FFF;
	}
.view_all_headtit a:active {
	text-decoration: none;
	color: #F00;
	}

.view_all_headtit h1 {
	line-height: 1.2;
	font-size: 160%;
	color: #FFF;
	padding-top: 10px;
	margin: 0;
	}





/* Стрелка вниз для ТВ на Главной */

.arr_scroll,
.arr_scroll-trans {
	z-index: 5;
	top: 0;
	position: absolute;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	height: auto;
	min-height: 100vh;
	padding-bottom: 10px;
	text-shadow: 2px -2px 0 rgba(0,0,0, 0.5);
	}
.arr_scroll,
.arr_scroll-trans {
	transition: all .5s ease;	/* Для плавного разворачивания (через опцию headscroll.js про прокрутке страницы */
	}
.arr_scroll {
	font-size: 250%;
	}
.arr_scroll-trans {
	font-size: 0;
	}

.arr_scroll a,
.arr_scroll-trans a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: #FFF;
	transition: all .5s ease;	/* Для плавного разворачивания (через опцию headscroll.js про прокрутке страницы */
	}
.arr_scroll a {
	left: 0;
	rotate: 90deg;
	}
.arr_scroll-trans a {
	left: 100px;
	rotate: 0;
	}
.arr_scroll a:hover {
	text-decoration: none;
	color: #FC0;
	}
.arr_scroll a:active {
	text-decoration: none;
	color: #F00;
	transition: none;
	}





/* Нагоним мистики */

.mist {
	z-index: 2;
	top: 0;
	position: absolute;
	display: inline-block;
	overflow: hidden;
	box-sizing: border-box;
	width: 100vw;
	background: url('../graphics/bg_mist.png') repeat-x top left;
	margin: 0 auto;
	animation: mist 30s linear infinite;
	}

.mist_all_tv { height: 100vh; }
.mist_all_headtit { height: 40vh; }

@-webkit-keyframes mist {
	from { background-position: 0 100%; }
	to { background-position: -1000px 100%, 0 0; }
	}
@keyframes mist {
	from { background-position: 0 100%; }
	to { background-position: -1000px 100%, 0 0; }
	}





/* Запустим птиц */

.bird-area {
	z-index: 1;
	top: 0;
	position: absolute;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100vw;
	height: 60vh;
	}

.bird {
	width: 88px;
	height: 125px;
	background-image: url('../graphics/bird-cells-new.svg');
	background-size: auto 100%;
	will-change: background-position;
	-webkit-animation-name: fly-cycle;
	animation-name: fly-cycle;
	-webkit-animation-timing-function: steps(10);
	animation-timing-function: steps(10);
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	}

.bird--one {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
	}
.bird--two {
	-webkit-animation-duration: 0.9s;
	animation-duration: 0.9s;
	-webkit-animation-delay: -0.75s;
	animation-delay: -0.75s;
	}
.bird--three {
	-webkit-animation-duration: 1.25s;
	animation-duration: 1.25s;
	-webkit-animation-delay: -0.25s;
	animation-delay: -0.25s;
	}
.bird--four {
	-webkit-animation-duration: 1.1s;
	animation-duration: 1.1s;
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
	}

.bird-container {
	position: absolute;
	top: 45%;
	left: -10%;
	transform: scale(0) translateX(-10vw);
	will-change: transform;
	-webkit-animation-name: fly-right-one;
	animation-name: fly-right-one;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	}

.bird-container--one {
	-webkit-animation-duration: 15s;
	animation-duration: 15s;
	-webkit-animation-delay: 0;
	animation-delay: 0;
	}
.bird-container--two {
	-webkit-animation-duration: 16s;
	animation-duration: 16s;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	}
.bird-container--three {
	-webkit-animation-duration: 14.6s;
	animation-duration: 14.6s;
	-webkit-animation-delay: 9.5s;
	animation-delay: 9.5s;
	}
.bird-container--four {
	-webkit-animation-duration: 16s;
	animation-duration: 16s;
	-webkit-animation-delay: 10.25s;
	animation-delay: 10.25s;
	}

@-webkit-keyframes fly-cycle {
	100% { background-position: -900px 0; }
	}
@keyframes fly-cycle {
	100% { background-position: -900px 0; }
	}

@-webkit-keyframes fly-right-one {
	0% { transform: scale(0.3) translateX(-10vw); }
	10% { transform: translateY(2vh) translateX(10vw) scale(0.4); }
	20% { transform: translateY(0vh) translateX(30vw) scale(0.5); }
	30% { transform: translateY(4vh) translateX(50vw) scale(0.6); }
	40% { transform: translateY(2vh) translateX(70vw) scale(0.6); }
	50% { transform: translateY(0vh) translateX(90vw) scale(0.6); }
	60% { transform: translateY(0vh) translateX(110vw) scale(0.6); }
	100% { transform: translateY(0vh) translateX(110vw) scale(0.6); }
	}
@keyframes fly-right-one {
	0% { transform: scale(0.3) translateX(-10vw); }
	10% { transform: translateY(2vh) translateX(10vw) scale(0.4); }
	20% { transform: translateY(0vh) translateX(30vw) scale(0.5); }
	30% { transform: translateY(4vh) translateX(50vw) scale(0.6); }
	40% { transform: translateY(2vh) translateX(70vw) scale(0.6); }
	50% { transform: translateY(0vh) translateX(90vw) scale(0.6); }
	60% { transform: translateY(0vh) translateX(110vw) scale(0.6); }
	100% { transform: translateY(0vh) translateX(110vw) scale(0.6); }
	}

@-webkit-keyframes fly-right-two {
	0% { transform: translateY(-2vh) translateX(-10vw) scale(0.5); }
	10% { transform: translateY(0vh) translateX(10vw) scale(0.4); }
	20% { transform: translateY(-4vh) translateX(30vw) scale(0.6); }
	30% { transform: translateY(1vh) translateX(50vw) scale(0.45); }
	40% { transform: translateY(-2.5vh) translateX(70vw) scale(0.5); }
	50% { transform: translateY(0vh) translateX(90vw) scale(0.45); }
	51% { transform: translateY(0vh) translateX(110vw) scale(0.45); }
	100% { transform: translateY(0vh) translateX(110vw) scale(0.45); }
	}
@keyframes fly-right-two {
	0% { transform: translateY(-2vh) translateX(-10vw) scale(0.5); }
	10% { transform: translateY(0vh) translateX(10vw) scale(0.4); }
	20% { transform: translateY(-4vh) translateX(30vw) scale(0.6); }
	30% { transform: translateY(1vh) translateX(50vw) scale(0.45); }
	40% { transform: translateY(-2.5vh) translateX(70vw) scale(0.5); }
	50% { transform: translateY(0vh) translateX(90vw) scale(0.45); }
	51% { transform: translateY(0vh) translateX(110vw) scale(0.45); }
	100% { transform: translateY(0vh) translateX(110vw) scale(0.45); }
	}





/* Основное поле */

main,
.area_content {
	z-index: 3;
	text-align: center;
	}

.area_content {
	padding: 120px 20%;
	}

.area_content > p:last-child,
.area_content > blockquote:last-child { margin-bottom: 0; }





/* Очешуительный заголовок на img-фоне */

.ocheshui-tit {
	display: inline-block;
	width: auto;
	line-height: 1;
	text-transform: uppercase;
	font-family: 'Bitter', serif;
	font-size: 300%;
	text-align: center;
	background-color: #330080;
	background-image: url('../graphics/bg_ocheshui-tit.jpg');
	background-repeat: no-repeat;
	background-position: center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
	background-size: cover;
	color: transparent;
	background-clip: text;
	-webkit-background-clip: text;
	text-shadow: none !important;
	}





/* Блок видео Фиоллент-СК */

.video-bg {
	position: relative;
	display: flex;
	overflow: hidden;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: calc(100vh - 50px);
	}

.video-bg video {
	z-index: 1;
	position: absolute;
	object-fit: cover;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	}

.video-bg_overlay {
	z-index: 2;
	position: absolute;
	object-fit: cover;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background: rgba(255,255,255, 0.65);
	}

.video-bg_content {
	z-index: 2;
	width: 100%;
	height: 100vh;
	background: url('../graphics/logo_fiollent-sk_adpt.png') no-repeat center;
	}





/* Фиолетовая область (без сот) */

.area_violet {
	width: 100%;
	height: auto;
	font-size: 110%;
	background: #330080 url('../graphics/bg_honeycomb.jpg') no-repeat center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	padding: 150px 20%;
	}

.area_violet p,
.area_violet blockquote {
	color: #FFF;
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.75);
	}
.area_violet blockquote {
	padding: 5px 5px 30px 41px;
	}
.area_violet blockquote p {
	margin: 0;
	}
.area_violet blockquote:before {
	top: 10px;
	}
.area_violet .note_cite:before {
	background: rgba(255,255,255, 0.25) url('../graphics/icon_note_cite.png') no-repeat center;
	}
.area_violet .note_info:before {
	background: rgba(255,255,255, 0.25) url('../graphics/icon_note_info.png') no-repeat center;
	}
.area_violet .note_stop:before {
	background: rgba(255,255,255, 0.25) url('../graphics/icon_note_stop.png') no-repeat center;
	}
.area_violet blockquote:after {
	background: rgba(255,255,255, 0.25);
	}

.area_violet .fontskoor {
	text-shadow: none;
	}





/* Светло-серая область (заливка цветом) */

.area_grey_simple {
	background: #EAEAEA;
	}





/* Светло-серая область (без сот) */

.area_grey {
	width: 100%;
	height: auto;
	font-size: 110%;
	background: #F5F5F5 url('../graphics/bg_honeycomb-grey.jpg') no-repeat center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	padding: 150px 20%;
	}

.area_grey p,
.area_grey blockquote {
	color: #000;
	text-shadow: 1px 1px 0 rgba(255,255,255, 0.75);
	}
.area_grey blockquote {
	padding: 5px 5px 30px 41px;
	}
.area_grey blockquote p {
	margin: 0;
	}
.area_grey blockquote:before {
	top: 10px;
	}





/* Соты */

.honeycomb {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	overflow: hidden;
	width: 100vw;
	height: 100vh;
	background: #330080 url('../graphics/bg_honeycomb.jpg') no-repeat center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	padding: 80px 20%;
	}

.honeycomb_indent { width: 60px; }

.honeycomb_view,
.honeycomb_txt {
	height: auto;
	text-align: center;
	color: #FFF;
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.75);
	}
.honeycomb_view {
	width: 300px;
	}
.honeycomb_txt {
	width: calc(100% - 360px);
	}

.honeycomb_view img {
	position: relative;
	display: inline-block;
	width: 300px;
	height: 300px;
	font-size: 150%;
	text-align: center;
	margin: 0 auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	}

.honeycomb_all {
	width: 100%;
	}

.honeycomb_all img {
	width: 282px;
	height: 336px;
	}

.honeycomb_txt h2,
.honeycomb_all h3 {
	color: #FC0;
	}

.honeycomb_txt h2,
.honeycomb_all h3,
.honeycomb_txt p,
.honeycomb_all p {
	margin: 0 0 20px 0;
	}

.honeycomb_txt p:last-child,
.honeycomb_all p:last-child { margin: 0; }

.honeycomb_txt_decor p:before {
	position: relative;
	display: inline-block;
	top: 4px;
	content: url('../graphics/icon_sparkles-gold.png');
	width: 23px;
	vertical-align: baseline;
	margin-right: 5px;
	}

.honeycomb_txt_decor .fontskoor {
	font-size: 100%;
	color: #FC0;
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.75);
	}

.honeycomb_fiollent .honeycomb_view {
	width: 35%;
	}
.honeycomb_fiollent .honeycomb_txt {
	width: calc(65% - 60px);
	}
.honeycomb_fiollent .honeycomb_view img {
	width: 100%;
	max-width: 663px;
	min-width: 300px;
	height: auto;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-khtml-border-radius: 0 !important;
	border-radius: 0 !important;
	}
.honeycomb_fiollent .honeycomb_txt h2 {
	text-align: left;
	}





/* Чередующиеся цитаты */

.area_cite_rot {
	width: 100%;
	}

.area_cite_rot div {
	width: 100%;
	height: auto;
	}

.area_cite_rot div:nth-child(odd) {
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	background: #F5F5F5 url('../graphics/bg_honeycomb-grey.jpg') no-repeat center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	}
.area_cite_rot div:nth-child(even) {
	background: #330080 url('../graphics/bg_honeycomb.jpg') no-repeat center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	}

.area_cite_rot div blockquote {
	padding: 5px 5px 30px 41px;
	}
.area_cite_rot div blockquote:before {
	top: 10px;
	}
.area_cite_rot div:nth-child(even) blockquote:before {
	background: rgba(255,255,255, 0.25) url('../graphics/icon_note_cite.png') no-repeat center;
	}
.area_cite_rot div:nth-child(even) blockquote:after {
	background: rgba(255,255,255, 0.25);
	}

.area_cite_rot div blockquote p {
	margin: 0;
	}

.area_cite_rot div:nth-child(odd) p,
.area_cite_rot div:nth-child(odd) blockquote {
	color: #000;
	text-shadow: 1px 1px 0 rgba(255,255,255, 0.75);
	}
.area_cite_rot div:nth-child(even) p,
.area_cite_rot div:nth-child(even) blockquote {
	color: #FFF;
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.75);
	}





/* Список серые полоски */

.item-list {
	display: inline-block;
	width: 100%;
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 0 auto;
	}

.item-list li {
	position: relative;
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #FFF;
	width: 100%;
	font-size: 90%;
	background: none;
	text-align: left;
	padding: 20px 40px;
	text-shadow: 1px 1px 0 rgba(255,255,255, 0.75);
	}
.item-list li:nth-child(odd) {
	background: #F5F5F5;
	}
.item-list li:nth-child(even) {
	background: #EAEAEA;
	}
.item-list li:first-child {
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-khtml-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	}
.item-list li:last-child {
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-khtml-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	}

.item-list li a {
	text-decoration: none;
	color: #000;
	}
.item-list li a:hover {
	color: #C6C;
	}
.item-list li a:active {
	color: #F00;
	}

/* Список серые полоски - Ссылка весь блок */
.item-list li a:before {
	position: absolute;
	display: block;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	}

/* Список серые полоски - Блик при наведении */
.item-list li a:after {
	z-index: 1;
	position: absolute;
	display: block;
	content: '';
	left: -100vw;
	top: -100vh;
	width: 100vw;
	height: 100vh;
	background: linear-gradient(to left, transparent, rgba(255,255,255, .5), transparent) no-repeat;
	-moz-transform: skewX(-45deg);
	-o-transform: skewX(-45deg);
	-webkit-transform: skewX(-45deg);
	transform: skewX(-45deg);
	}
.item-list li a:hover:after {
	left: 100vw;
	top: 100vh;
	-webkit-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	}





/* Область видео */

.video_container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	overflow: hidden;
	width: 100%;
	height: auto;
	}

.video_area {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: calc(50% - 20px);
	height: auto;
	text-align: center;
	background: #F5F5F5;
	padding: 0 0 20px 0;
	margin: 0 10px 50px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	text-shadow: 1px 1px 0 #FFF;
	}

.video_area p {
	display: inline-block;
	border-bottom: 1px solid #FFF;
	font-family: 'Playfair Display SC', serif;
	text-align: center;
	color: #FFF;
	background: linear-gradient(to top, #639, #307);
	padding: 10px 5px;
	margin: 0;
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.75);
	}

.video_area p a {
	position: relative;
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 24px;
	text-decoration: none;
	color: #639;
	background: #FFF;
	padding: 1px 8px;
	margin-left: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 1px 1px 0 rgba(0,0,0, 0.75);
	text-shadow: none;
	}
.video_area p a:hover,
.video_area p a:active {
	text-decoration: none;
	color: #FFF;
	background: #F00;
	}

.video_area span {
	display: inline-block;
	width: 100%;
	text-transform: uppercase;
	font-family: 'Playfair Display SC', serif;
	font-size: 80%;
	text-align: center;
	padding: 5px 5px 0 5px;
	}

.video_area .specbutt {
	margin-top: 10px;
	}

.video_all {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 0;
	overflow: hidden;
	background: #F5F5F5;
	padding-bottom: 56.25%;		/* Задаёт высоту контейнера для 16:9 (если 4:3 - то 75%) */
	margin: 0 auto;
	text-shadow: 1px 1px 0 #FFF;
	}
.video_all iframe {
	position: absolute;
	top: 0;
	left: 0;
	border-width: 0;
	outline-width: 0;
	width: 100%;
	height: 100%;
	background: #F5F5F5;
	}





/* Страница видео */

.video_communities { margin-bottom: 30px; }

.video_communities p {
	text-align: center;
	margin: 0 0 10px 0;
	}

.video_communities a {
	position: relative;
	display: inline-block;
	overflow: hidden;
	transition: .2s ease-in-out;
	padding: 0;
	margin: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	}

.video_communities a:before {
	z-index: 2;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: -350px;
	content: '';
	width: 200px;
	height: 150px;
	background: linear-gradient(90deg, rgba(255,255,255, .1), rgba(255,255,255, .7));
	transform: skewX(-45deg);
	}

.video_communities a:hover:before {
	left: 150%;
	transition: .5s ease-in-out;
	}

.video_communities a img {
	display: block;
	overflow: hidden;
	border: 2px solid #FFF;
	width: 65px;
	height: 65px;
	text-align: center;
	background: #F5F5F5;
	margin: 2px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	}

.video_desc {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size: 80%;
	padding: 20px 0;
	margin: 20px 0 40px 0;
	}
.video_desc p { margin: 0; }
.video_desc p span { color: #B5B5B5; }





/* Пункты-тезисы */

.area_theses {
	position: relative;
	display: block;
	clear: both;
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0 auto;
	}

.area_theses ul,
.area_theses ol {
	list-style-type: none;
	width: 100%;
	}

.area_theses ul li,
.area_theses ol li {
	position: relative;
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: calc(50% - 30px);
	height: auto;
	text-align: center;
	background: #F5F5F5 url('../graphics/bg_area_theses_main.jpg') no-repeat center bottom;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	margin: 0 10px 2em 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	}

.area_theses ul li span,
.area_theses ol li span {
	text-transform: uppercase;
	display: inline-block;
	border-bottom: 2px solid #FFF;
	width: 100%;
	font-family: 'Bitter', serif;
	font-size: 110%;
	color: #FFF;
	background: #330080 url('../graphics/bg_area_theses_tit.jpg') no-repeat left center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	padding: 15px 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-khtml-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	text-shadow: 2px 2px 0 rgba(0,0,0, 0.75);
	}

.area_theses ul li p,
.area_theses ol li p {
	text-align: center;
	padding: 20px 5px;
	margin: 0;
	text-shadow: 1px 1px 0 #FFF;
	}

.area_theses ol {
	counter-reset: li;
	margin-top: 26px;
	}
.area_theses ol li span {
	padding-top: 40px;
	}
.area_theses ol li:before {
	position: absolute;
	display: inline-block;
	top: -26px;
	left: calc(50% - 26px);
	counter-increment: li;
	content: counter(li);
	border: 2px solid #FFF;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-family: 'Bitter', serif;
	font-size: 120%;
	text-align: center;
	color: #FFF;
	background: #330080 url('../graphics/bg_area_theses_tit.jpg') no-repeat left -400px top -10px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	text-shadow: 2px 2px 0 rgba(0,0,0, 0.75);
	}





/* Анонсы */

.area_ann {
	position: relative;
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	clear: both;
	width: 100%;
	text-align: center;
	background: #FFF;
	padding: 40px 20px;
	margin-bottom: 10px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: 0 0 6px rgba(0,0,0, 0.2);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0, 0.2);
	-khtml-box-shadow: 0 0 6px rgba(0,0,0, 0.2);
	box-shadow: 0 0 6px rgba(0,0,0, 0.2);
	transition: 0.3s linear;
	}
.area_ann:hover {
	z-index: 2;
	-moz-box-shadow: 0 0 12px rgba(128,0,255, 0.5);
	-webkit-box-shadow: 0 0 12px rgba(128,0,255, 0.5);
	-khtml-box-shadow: 0 0 12px rgba(128,0,255, 0.5);
	box-shadow: 0 0 20px rgba(128,0,255, 0.5);
	}

.area_ann h2,
.area_ann h3 {
	display: block;
	width: 100%;
	margin-bottom: 20px;
	}

.area_ann_cover {
	display: table-cell;
	width: 35%;
	text-align: center;
	vertical-align: top;
	}
.area_ann_cover img {
	display: inline-block;
	width: 100%;
	max-width: 640px;
	height: auto;
	margin-bottom: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	}

.area_ann_cover a span {
	display: inline-block;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Bitter', serif;
	font-size: 80%;
	color: #FFF;
	background: linear-gradient(to right, #309, #939);
	padding: 10px 15px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	text-shadow: none;
	transition: 0.5s linear;
	}
.area_ann_cover a:hover span {
	text-decoration: none;
	color: #FFF;
	background: #C6C;
	}
.area_ann_cover a:active span {
	text-decoration: none;
	color: #FFF;
	background: #F00;
	transition: none;
	}

.area_ann_txt {
	display: table-cell;
	width: 65%;
	line-height: 1.3;
	text-align: left;
	vertical-align: top;
	padding-left: 20px;
	}

.area_ann p { margin: 0; }

.area_ann_txt p { font-size: 90%; }

.area_ann_desc {
	border-top: 1px solid #CCC;
	font-size: 90%;
	padding-top: 15px;
	margin-top: 15px;
	}
.area_ann_desc p span { color: #B5B5B5; }

/* Анонсы - Блик при наведении */
.area_ann div a:after {
	z-index: 1;
	position: absolute;
	display: block;
	content: '';
	left: -100vw;
	top: -100vh;
	width: 100vw;
	height: 100vh;
	background: linear-gradient(to left, transparent, rgba(255,255,255, .5), transparent) no-repeat;
	-moz-transform: skewX(-45deg);
	-o-transform: skewX(-45deg);
	-webkit-transform: skewX(-45deg);
	transform: skewX(-45deg);
	}
.area_ann div a:hover:after {
	left: 100vw;
	top: 100vh;
	-webkit-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	}





/* Постраничка паджинатор */

.paginator {
	display: block;
	width: 100%;
	line-height: 2;
	text-align: center;
	margin-top: 70px;
	}

.paginator a {
	display: inline-block;
	border: 1px solid #939;
	text-decoration: none;
	color: #939;
	background: #FFF;
	padding: 4px 15px;
	margin: 1px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	transition: 0.3s linear;
	}
.paginator a:hover {
	border: 1px solid #939;
	color: #FFF;
	background: #939;
	}
.paginator a:active {
	border: 1px solid #F00;
	color: #FFF;
	background: #F00;
	transition: none;
	}

.paginator span {
	display: inline-block;
	border: 1px solid #939;
	color: #FFF;
	background: #939;
	padding: 4px 15px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	}





/* Маркированный список - просто полоски */

.ulsimple {
	list-style: none;
	padding: 0;
	margin: 0 0 1.5em 0;
	}

.ulsimple li {
	position: relative;
	box-sizing: border-box;
	width: auto;
	text-align: justify;
	padding: 0 0 10px 21px;
	}
.ulsimple li:last-child {
	padding-bottom: 0;
	}

.ulsimple li:before {
	top: 0;
	left: 0;
	position: absolute;
	display: block;
	content: '';
	border-left: 1px solid #999;
	width: 1px;
	height: calc(100% - 4px);
	vertical-align: baseline;
	}





/* Маркированный список - со звёздочками */

.uldecor {
	list-style: none;
	padding: 0;
	margin: 0 0 1.5em 0;
	}

.uldecor li {
	position: relative;
	box-sizing: border-box;
	width: auto;
	text-align: justify;
	padding: 0 0 20px 33px;
	}
.uldecor li:last-child {
	padding-bottom: 0;
	}

.uldecor li:before {
	top: 3px;
	left: 0;
	position: absolute;
	content: url('../graphics/icon_sparkles.png');
	width: 23px;
	color: #FC0;
	vertical-align: baseline;
	}





/* Маркированный список - гирлянда */

.ulsuperbulls {
	list-style: none;
	padding: 0;
	margin: 0 0 1.5em 10px;
	}

.ulsuperbulls li {
	position: relative;
	text-align: justify;
	padding: 20px 0 20px 30px;
	}
.ulsuperbulls li:before {
	position: absolute;
	top: 32px;
	left: 0;
	content: "";
	width: 7px;
	height: 7px;
	background: #FFF;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	-moz-box-shadow: 0 0 0 10px rgba(205,205,205, 0.5);
	-webkit-box-shadow: 0 0 0 10px rgba(205,205,205, 0.5);
	-khtml-box-shadow: 0 0 0 10px rgba(205,205,205, 0.5);
	box-shadow: 0 0 0 10px rgba(205,205,205, 0.5);
	transition: .3s ease-in-out;
	}
.ulsuperbulls li:after {
	top: 53px;
	bottom: -17px;
	left: 3px;
	position: absolute;
	content: "";
	border-left: 1px dotted #CCC;
	width: 1px;
	}

.ulsuperbulls li:hover:before {
	-moz-box-shadow: 0 0 0 13px rgba(151,0,151, 0.9);
	-webkit-box-shadow: 0 0 0 13px rgba(151,0,151, 0.9);
	-khtml-box-shadow: 0 0 0 13px rgba(151,0,151, 0.9);
	box-shadow: 0 0 0 13px rgba(151,0,151, 0.9);
	}

.ulsuperbulls li:last-child {
	padding-bottom: 0;
	}

.ulsuperbulls li:last-child:after {
	content: none;
	}





/* Маркированный список - закрашенные области */

.olareanums {
	list-style: none;
	counter-reset: li;
	width: 100%;
	}

.olareanums li {
	position: relative;
	width: 100%;
	background: #FFF;
	padding: 40px;
	margin-bottom: 2em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 8px rgba(0,0,0, 0.1);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0, 0.1);
	-khtml-box-shadow: 0 0 8px rgba(0,0,0, 0.1);
	box-shadow: 0 0 8px rgba(0,0,0, 0.1);
	text-shadow: none;
	}

.olareanums li:before {
	top: -21px;
	position: absolute;
	display: inline-block;
	counter-increment: li;
	content: counter(li);
	border: 2px solid #EAEAEA;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-family: 'Bitter', serif;
	font-size: 120%;
	text-align: center;
	color: #999;
	background: #FFF;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	}

.olareanums li p { width: auto; }
.olareanums li p:last-child { margin: 0; }





/* Список - отчеркашки */

.separate-list {
	display: inline-block;
	width: auto;
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 0 0 1.5em 0;
	}

.separate-list li {
	width: auto;
	border-bottom: 1px solid #D5D5D5;
	background: none;
	text-align: left;
	padding: 10px;
	text-shadow: 1px 1px 0 #FFF;
	transition: .5s ease-in-out;
	}
.separate-list li:hover {
	background: #EAEAEA;
	}

.separate-list li img {
	vertical-align: middle;
	}





/* Список - оглавление */

.content-list {
	display: inline-block;
	width: 100%;
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 5px 0 1.5em 0;
	}

.content-list li {
	position: relative;
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #D5D5D5;
	width: 100%;
	line-height: 1.3;
	font-size: 85%;
	background: none;
	text-align: left;
	padding: 7px 10px;
	text-shadow: 1px 1px 0 #FFF;
	}
.content-list li:first-child {
	border-top: 1px solid #D5D5D5;
	}
.content-list li:hover {
	background: #F5F5F5;
	}

.content-list li a {
	text-decoration: none;
	color: #000;
	}

/* Список - оглавление - ссылка весь блок */
.content-list li a:before {
	position: absolute;
	display: block;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	}





/* Блик */

.shine-button {
	position: relative;
	display: inline-block;
	overflow: hidden;
	transition: .2s ease-in-out;
	padding: 0;
	margin: 0;
	}

.shine-button:before {
	z-index: 2;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: -350px;
	content: '';
	width: 200px;
	height: 150px;
	background: linear-gradient(90deg, rgba(255,255,255, .1), rgba(255,255,255, .3));
	transform: skewX(-45deg);
	}

.shine-button:hover:before {
	left: 150%;
	transition: .5s ease-in-out;
	}





/* Спецкнопка */

.specbutt {
	display: inline-block;
	text-decoration: none;
	font-family: 'Bitter', serif;
	color: #FFF;
	background: linear-gradient(to right, #309, #939);
	padding: 5px 15px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	text-shadow: none;
	transition: 0.5s linear;
	}
.specbutt:hover {
	text-decoration: none;
	color: #FFF;
	background: #C6C;
	}
.specbutt:active {
	text-decoration: none;
	color: #FFF;
	background: #F00;
	transition: none;
	}





/* Пульсирующая ссылка */

.linkpulse {
	position: relative;
	display: inline-block;
	width: auto;
	-webkit-box-shadow: 0 0 0 0 #C0C;
	box-shadow: 0 0 0 0 #C0C;
	-webkit-animation: linkpulse 4s infinite cubic-bezier(0.9, 0, 0, 5);
	animation: linkpulse 3s infinite cubic-bezier(0.9, 0, 0, 5);
	}

.linkpulse:hover {
	-webkit-animation: linkpulse 0s infinite cubic-bezier(0.9, 0, 0, 5);
	animation: linkpulse 0s infinite cubic-bezier(0.9, 0, 0, 5);
	}

@-webkit-keyframes linkpulse {
	to {
		-webkit-box-shadow: 0 0 0 30px transparent;
		box-shadow: 0 0 0 30px transparent;
		}
	}
@keyframes linkpulse {
	to {
		-webkit-box-shadow: 0 0 0 30px transparent;
		box-shadow: 0 0 0 30px transparent;
		}
	}





/* Цитата */

blockquote {
	position: relative;
	box-sizing: border-box;
	width: calc(100% - 36px);
	color: #666;
	text-align: left;
	padding: 20px 5px 50px 41px;
	margin-bottom: 40px;
	}

blockquote:before {
	position: absolute;
	top: 25px;
	left: -40px;
	content: '';
	width: 50px;
	height: 50px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	}

.note_cite:before {
	background: #B5B5B5 url('../graphics/icon_note_cite.png') no-repeat center;
	}
.note_info:before {
	background: #B5B5B5 url('../graphics/icon_note_info.png') no-repeat center;
	}
.note_stop:before {
	background: #B5B5B5 url('../graphics/icon_note_stop.png') no-repeat center;
	}

blockquote:after {
	position: absolute;
	top: 0;
	bottom: 1em;
	left: 25px;
	content: "";
	width: 1px;
	background: #B5B5B5;
	}

blockquote p {
	margin: 0;
	}

blockquote cite {
	display: inline-block;
	width: 100%;
	font-family: 'Bitter', serif;
	font-size: 80%;
	font-style: oblique;
	margin-top: 0.5em;
	}





/* Цитата Фиоллент */

.cite_fiollent blockquote {
	width: 100%;
	height: auto;
	min-height: 400px;
	font-size: 120%;
	color: #FFF;
	background: url('../graphics/cite_fiollent_bg.png') no-repeat left bottom,
		#301060 url('../graphics/bg_footer.jpg') no-repeat center;
	text-align: center;
	padding: 120px 40px 80px 40%;
	margin: 0 auto;
	margin-bottom: 80px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.75);
	}
.cite_fiollent blockquote:before {
	z-index: 1;
	border: 4px solid #370078;
	top: 60px;
	left: calc(75% - 100px);
	content: '\201C';
	width: 60px;
	height: 60px;
	line-height: 90px;
	font-family: 'Times New Roman', serif;
	font-size: 350%;
	color: #306;
	background: #FFF;
	}

.cite_fiollent blockquote:after {
	top: 90px;
	left: 40%;
	width: calc(60% - 40px);
	height: 1px;
	background: linear-gradient(to left, rgba(255,255,255, 0), rgba(255,255,255, 0.75) 35%, rgba(255,255,255, 0.75) 65%, rgba(255,255,255, 0));
	}

.cite_fiollent blockquote p {
	text-align: left;
	}
.cite_fiollent blockquote p:first-letter {
	line-height: 1.2;
	font-family: 'Times New Roman', serif;
	font-size: 200%;
	}

.cite_fiollent blockquote cite {
	width: 200px;
	height: 54px;
	font-size: 100%;
	text-align: center;
	background: url('../graphics/cite_fiollent_cite.png') no-repeat center;
	margin-top: 1em;
	}





/* Тёмно-фиолетовая область в подвале */

.area_darkviolet {
	border-top: 1px solid rgba(255,255,255, 0.5);
	border-bottom: 1px solid rgba(255,255,255, 0.5);
	font-size: 90%;
	color: #FFF;
	background: linear-gradient(to top, #4d0384, #205);
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.75);
	}

.area_darkviolet p,
.area_darkviolet blockquote {
	line-height: 1.4;
	color: #FFF;
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.75);
	}
.area_darkviolet blockquote {
	padding: 5px 5px 30px 41px;
	}
.area_darkviolet blockquote p {
	margin: 0;
	}
.area_darkviolet blockquote:before {
	top: 10px;
	}
.area_darkviolet .note_cite:before {
	background: rgba(255,255,255, 0.25) url('../graphics/icon_note_cite.png') no-repeat center;
	}
.area_darkviolet .note_info:before {
	background: rgba(255,255,255, 0.25) url('../graphics/icon_note_info.png') no-repeat center;
	}
.area_darkviolet .note_stop:before {
	background: rgba(255,255,255, 0.25) url('../graphics/icon_note_stop.png') no-repeat center;
	}
.area_darkviolet blockquote:after {
	background: rgba(255,255,255, 0.25);
	}

.area_darkviolet .fontskoor {
	text-shadow: none;
	}





/* Иллюстрация и подводка */

.img_rezine {
	position: relative;
	display: inline-block;
	width: 100%;
	height: auto;
	text-align: center;
	background: #F5F5F5;
	margin: 0 auto;
	}

.img_comment {
	text-align: center;
	font-size: 90%;
	color: #999;
	margin: 0.5em 0 1.5em 0;
	}
.img_comment span {
	white-space: nowrap;
	color: #FFF;
	background: #999;
	padding: 2px 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	text-shadow: none;
	}

.img_stamp_donate {
	max-width: 220px;
	color: #F00;
	}





/* Лого-надпись */

.img_logo_txt {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: 0 0 40px 0;
	}

.img_logo_txt img {
	display: inline-block;
	height: 28px;
	text-align: center;
	vertical-align: middle;
	margin: 0 5px;
	}
.logo_txt img:nth-child(1) { width: 169px; }
.logo_txt img:nth-child(2) { width: 219px; }





/* Основное поле - Разное */

.linkdots { border-bottom: 1px dotted #939; text-decoration: none; color: #939; }
.linkdots:hover { border-bottom: 1px dotted #C6C; text-decoration: none; color: #C6C; }
.linkdots:active { border-bottom: 1px dotted #F00; text-decoration: none; color: #F00; }

.pcenter { text-align: center; }
.pleft { text-align: left; }
.pright { text-align: right; }
.fontbold { font-weight: bold; }
.fontitalic { font-style: oblique; }
.fontbig { font-size: 150%; }
.fontsmall { font-size: 80%; }
.fontred { color: #F00; }
.fontgrey { color: #999; }
.fontnobr { white-space: nowrap; }
.fontmark {
	color: #333;
	background: #F5F5F5;
	padding: 1px 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	text-shadow: 1px 1px 0 #FFF;
	}
.fontdecor {
	text-transform: uppercase;
	font-family: 'Bitter', serif;
	font-size: 120%;
	color: #939;
	}
.fontskoor {
	text-transform: uppercase;
	font-family: 'Bitter', serif;
	font-size: 85%;
	color: #FC0;
	text-shadow: 1px 1px 0 #C90,
		-1px -1px 0 #C90,
		3px 3px 0 #FFF,
		-3px -3px 0 #FFF,
		4px 4px 3px rgba(255,204,0, 0.75),
		-4px -4px 3px rgba(255,204,0, 0.75);
	}
.nomargin { margin-bottom: 0; }

.corners {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	}























/* Вью форевер */

.view_all_forever {
	position: relative;
	display: table-cell;
	width: 100vw;
	height: 65vh;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	background: #002080 url('../graphics/bg_view_all_forever.jpg') repeat center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	animation: forever 180s linear infinite;
	}

@-webkit-keyframes forever {
	from { background-position: -2000px 100%, 0 0; }
	to { background-position: 0 100%; }
	}
@keyframes forever {
	from { background-position: -2000px 100%, 0 0; }
	to { background-position: 0 100%; }
	}

.view_all_forever span {
	position: relative;
	width: auto;
	text-transform: uppercase;
	font-family: 'Bitter', serif;
	font-size: 200%;
	font-weight: normal;
	letter-spacing: 5px;
	color: #FFF;
	background: none;
	padding: 0;
	margin: 0;
	text-shadow: 1px 1px 0 rgba(0,0,0, .5),
		1px 1px 8px rgba(255,255,255, .08),
		2px 2px 1px rgba(255,255,255, .075),
		4px 4px 1px rgba(255,255,255, .07),
		6px 6px 1px rgba(255,255,255, .065),
		8px 8px 1px rgba(255,255,255, .06),
		10px 10px 1px rgba(255,255,255, .055),
		12px 12px 1px rgba(255,255,255, .05),
		14px 14px 1px rgba(255,255,255, .045),
		16px 16px 1px rgba(255,255,255, .04),
		18px 18px 1px rgba(255,255,255, .035),
		20px 20px 1px rgba(255,255,255, .03),
		22px 22px 1px rgba(255,255,255, .025),
		24px 24px 1px rgba(255,255,255, .02),
		26px 26px 1px rgba(255,255,255, .015),
		28px 28px 1px rgba(255,255,255, .01),
		30px 30px 1px rgba(255,255,255, .005),
		32px 32px 1px rgba(255,255,255, .0025),
		34px 34px 1px rgba(255,255,255, .002),
		36px 36px 1px rgba(255,255,255, .0015),
		38px 38px 1px rgba(255,255,255, .001);
	}





/* Донат */

.donate {
	width: 100%;
	}

.donate h3 {
	text-align: center;
	margin: 0;
	}

.donate a {
	display: inline-block;
	text-indent: -9999px;
	border: 1px solid #CCC;
	width: 220px;
	height: 52px;
	background: url('../graphics/icon_donate.png') no-repeat left 20px center,
		#FFF url('../graphics/icon_yoomoney.png') no-repeat right 20px center;
	margin-top: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	}
.donate a:before,
.donate a:after {
	position: absolute;
	display: block;
	content: '';
	top: 50%;
	height: 1px;
	width: 100%;
	}
.donate a:before {
	right: 0;
	left: -220px;
	background: linear-gradient(to right, transparent, #FFF);
	}
.donate a:after {
	right: 0;
	left: 220px;
	background: linear-gradient(to right, #FFF, transparent);
	}





/* Адрес */

.footer_shadow {
	z-index: 1;
	position: relative;
	-moz-box-shadow: 0 -5px 20px rgba(0,0,0, 0.5),
		0 20px 15px rgba(0,0,0, 0.5);
	-webkit-box-shadow: 0 -5px 20px rgba(0,0,0, 0.5),
		0 20px 15px rgba(0,0,0, 0.5);
	-khtml-box-shadow: 0 -5px 20px rgba(0,0,0, 0.5),
		0 20px 15px rgba(0,0,0, 0.5);
	box-shadow: 0 -5px 20px rgba(0,0,0, 0.5),
		0 20px 15px rgba(0,0,0, 0.5);
	}

.footer_communities {
	color: #FFF;
	background: #306;
	padding: 30px 20%;
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.75);
	}
.footer_communities p {
	text-align: center;
	margin: 0 0 15px 0;
	}

.footer_communities a {
	position: relative;
	display: inline-block;
	overflow: hidden;
	transition: .2s ease-in-out;
	padding: 0;
	margin: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	}
.footer_communities a:before {
	z-index: 2;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: -350px;
	content: '';
	width: 200px;
	height: 150px;
	background: linear-gradient(90deg, rgba(255,255,255, .1), rgba(255,255,255, .7));
	transform: skewX(-45deg);
	}
.footer_communities a:hover:before {
	left: 150%;
	transition: .5s ease-in-out;
	}

.footer_communities a img {
	display: block;
	overflow: hidden;
	border: 2px solid #FFF;
	width: 65px;
	height: 65px;
	text-align: center;
	background: #F5F5F5;
	margin: 2px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	}

.footer {
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 100%;
	font-size: 90%;
	color: #FFF;
	background: #301060 url('../graphics/bg_footer.jpg') no-repeat center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	text-align: center;
	padding: 80px 20% 40px 20%;
	margin: 0 auto;
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.75);
	}

.address {
	display: inline-block;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 40px;
	}

.address_qr {
	display: inline-block;
	overflow: hidden;
	width: 70px;
	height: 70px;
	background: url('../graphics/qr.png') no-repeat center;
	vertical-align: middle;
	margin-right: 10px;
	}

.address_txt {
	display: inline-block;
	width: auto;
	height: auto;
	text-align: left;
	vertical-align: middle;
	}
.address_txt span {
	text-transform: uppercase;
	font-family: 'Bitter', serif;
	font-size: 110%;
	color: #FC0;
	}

.footer hr {
	color: rgba(255,255,255, 0.25);
	background: rgba(255,255,255, 0.25);
	margin: 40px 0;
	-moz-box-shadow: 1px 1px 0 rgba(0,0,0, 0.75);
	-webkit-box-shadow: 1px 1px 0 rgba(0,0,0, 0.75);
	-khtml-box-shadow: 1px 1px 0 rgba(0,0,0, 0.75);
	box-shadow: 1px 1px 0 rgba(0,0,0, 0.75);
	}





/* Цитата в подвале */

.citata {
	display: inline-block;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 40px;
	}

.citata p {
	text-align: center;
	margin: 0 0 0.5em 0;
	}

.citata img {
	width: 100px;
	height: 65px;
	}





/* Социал */

.social {
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	}

.social p {
	text-align: center;
	margin: 0 0 0.5em 0;
	}

.ya-share-bord a { border: 3px solid #FFF; }

.social a {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0, 0.5);
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0, 0.5);
	-khtml-box-shadow: 2px 2px 4px rgba(0,0,0, 0.5);
	box-shadow: 2px 2px 4px rgba(0,0,0, 0.5);
	}
.social a:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
	}





/* Линки в подвале - информация о сайте */

.infositelinks {
	width: 100%;
	font-size: 90%;
	color: #FFF;
	margin: 40px 0;
	}

.infositelinks a { text-decoration: none; color: rgba(255,255,255, 0.5); margin: 0 5px; }
.infositelinks a:hover { text-decoration: underline; color: #FFF; }
.infositelinks a:active { text-decoration: underline; color: #F00; }





/* Подпись АСТРА•ГОСТ */

.astra_sign {
	position: relative;
	display: inline-block;
	width: 100%;
	height: auto;
	text-align: center;
	}

.astra_sign a {
	display: inline-block;
	text-indent: -9999px;
	width: 112px;
	height: 108px;
	background: url('../graphics/astra_sign_on-the-dark_112x108.png') no-repeat left top;
	}
.astra_sign a:hover,
.astra_sign a:active {
	background: url('../graphics/astra_sign_on-the-dark_112x108.png') no-repeat right bottom;
	}





/* Счётчики */

.counters {
	z-index: -1;
	position: relative;
	display: block;
	left: -9999px;
	top: -31px;
	width: 100%;
	}





/* Уведомление noscript */

.noscript {
	display: block;
	clear: both;
	width: 100%;
	min-width: 300px;
	text-align: center;
	color: #FFF;
	background: #F00;
	padding: 1em 0;
	margin: 0 auto;
	}





/* ============================================= */
/* =А=Д=А=П=Т=И=В=*=М=Е=Д=И=А=*=З=А=П=Р=О=С=Ы= */
/* ============================================= */





/* Медиазапросы - точка перехода 1600 */

@media only screen and (max-width: 1600px) {

body {
	font-size: 20px;
	}

.view_all_headtit span,
.view_all_headtit h1 {
	width: 80%;
	}

.area_content {
	padding: 80px 10%;
	}

.video-bg_content {
	background: url('../graphics/logo_fiollent-sk_adpt-1600px.png') no-repeat center;
	}

.area_violet {
	padding: 120px 10%;
	}

.area_grey {
	padding: 120px 10%;
	}

.honeycomb {
	padding: 50px 10%;
	}

.footer_communities {
	padding: 30px 10%;
	}

.footer {
	padding: 80px 10% 40px 10%;
	}

.astra_sign a {
	width: 86px;
	height: 82px;
	background: url('../graphics/astra_sign_on-the-dark_86x82.png') no-repeat left top;
	}
.astra_sign a:hover,
.astra_sign a:active {
	background: url('../graphics/astra_sign_on-the-dark_86x82.png') no-repeat right bottom;
	}

	}





/* Медиазапросы - точка перехода 1366 */

@media only screen and (max-width: 1366px) {

body {
	font-size: 19x;
	}

	}





/* Медиазапросы - точка перехода 1024 */

@media only screen and (max-width: 1024px) {

.area_ann_cover {
	display: block;
	width: 100%;
	margin-bottom: 20px;
	}
.area_ann_txt {
	display: block;
	width: 100%;
	text-align: left;
	padding: 0;
	}

.cite_fiollent blockquote {
	background: url('../graphics/cite_fiollent_bg_adpt.png') no-repeat left bottom,
		#301060 url('../graphics/bg_footer.jpg') no-repeat center;
	padding: 110px 30px 70px 30%;
	}
.cite_fiollent blockquote:before {
	top: 50px;
	left: calc(70% - 90px);
	}
.cite_fiollent blockquote:after {
	top: 80px;
	left: 30%;
	width: calc(70% - 30px);
	}

	}





/* Медиазапросы - точка перехода 960 */

@media only screen and (max-width: 960px) {

.headbar-trans {
	font-size: 95%;
	background: linear-gradient(to right, #1c0259 10%, #8500cd, #1c0259 90%);
	}
.headlogo {
	display: none;
	}

.arr_scroll {
	display: none;
	}

	}





/* Медиазапросы - точка перехода 810 */

@media only screen and (max-width: 810px) {

body {
	font-size: 18px;
	}

hr {
	margin: 3em 0;
	}

.view_all_tv {
	background: #306 url('../graphics/bg_view_all_tv_adpt.jpg') no-repeat center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	}
.view_all_tv p {
	font-size: 180%;
	width: 90%;
	}

.view_all_headtit {
	background: #330080 url('../graphics/bg_purple-space_adpt.jpg') no-repeat center top;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	}
.view_all_headtit span,
.view_all_headtit h1 {
	width: 90%;
	}

.area_content {
	padding: 70px 5%;
	}

.video-bg_content {
	background: url('../graphics/logo_fiollent-sk_adpt-300px.png') no-repeat center;
	}

.honeycomb {
	flex-direction: column;
	flex-wrap: wrap;
	height: auto;
	background: #330080 url('../graphics/bg_honeycomb_adpt.jpg') no-repeat center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	padding: 60px 5%;
	}
.honeycomb_view,
.honeycomb_fiollent .honeycomb_view,
.honeycomb_txt,
.honeycomb_fiollent .honeycomb_txt,
.honeycomb_indent {
	width: 100%;
	}
.honeycomb_indent {
	height: 20px;
	}
.honeycomb_view img,
.honeycomb_fiollent .honeycomb_view img {
	width: 100%;
	max-width: 300px;
	height: auto;
	}
.honeycomb_fiollent .honeycomb_txt h2 {
	text-align: center;
	}

.item-list li {
	padding: 20px;
	}

.ulsimple li,
.uldecor li,
.ulsuperbulls li {
	text-align: left;
	}

.view_all_forever span {
	font-size: 160%;
	}

.footer_communities {
	padding: 30px 5%;
	}

.footer {
	background: #301060 url('../graphics/bg_footer_adpt.jpg') no-repeat center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	padding: 70px 5% 40px 5%;
	}

.address_qr {
	display: none;
	}
.address_txt {
	text-align: center;
	}

	}





/* Медиазапросы - точка перехода 640 */

@media only screen and (max-width: 640px) {

.view_all_tv p {
	font-size: 170%;
	letter-spacing: 4px;
	width: 96%;
	}

.view_all_headtit span,
.view_all_headtit h1 {
	width: 96%;
	}

.area_content {
	padding: 60px 2%;
	}

.honeycomb {
	padding: 60px 2%;
	}

.video_area {
	width: 100%;
	margin: 0 0 40px 0;
	}

p,
li {
	text-align: left;
	}

.area_theses ul li,
.area_theses ol li {
	width: 100%;
	background: #F5F5F5 url('../graphics/bg_area_theses_main_adpt.jpg') no-repeat center bottom;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	margin: 0 0 2em 0;
	}

.area_ann {
	padding: 30px 10px;
	}

.olareanums li {
	padding: 40px 20px;
	}

.cite_fiollent blockquote {
	min-height: auto;
	font-size: 110%;
	background: url('../graphics/cite_fiollent_bg_adpt.png') no-repeat left bottom,
		#301060 url('../graphics/bg_footer.jpg') no-repeat center;
	padding: 110px 20px 180px 20px;
	}
.cite_fiollent blockquote:before {
	top: 40px;
	left: calc(50% - 30px);
	border: 4px solid #530098;
	}
.cite_fiollent blockquote:after {
	top: 70px;
	left: 20px;
	width: calc(100% - 40px);
	}

.view_all_forever span {
	letter-spacing: 4px;
	}

.donate a:before,
.donate a:after {
	display: none;
	}

.footer {
	padding: 60px 2% 40px 2%;
	}

	}





/* Медиазапросы - точка перехода 480 */

@media only screen and (max-width: 480px) {

.item-list li {
	padding: 20px 10px;
	}

.ocheshui-tit {
	font-size: 250%;
	}

.cite_fiollent blockquote {
	padding: 90px 10px 230px 10px;
	}
.cite_fiollent blockquote:before {
	top: 30px;
	}
.cite_fiollent blockquote:after {
	top: 60px;
	}

	}