@charset "utf-8";
/* CSS Document */

* { box-sizing: border-box; }
.scroll-leg {
	display: inherit;
}
.scroll-animation, .scroll-animation-wrapper {
	display: inherit;
	position: relative;
}
.scroll-animation-first-up {
  animation: first-scroll-up .7s 1
}
.scroll-animation-up {
  animation: wipe-enter-up 1.2s 1
}
.scroll-animation-down {
  animation: wipe-enter-down 1.7s 1
}
@keyframes first-scroll-up {
	from {top: 0;}
	to {top: 70px;}
}
@-webkit-keyframes wipe-enter-up {
	from {top: 70px;}
	to {top: 0;}
}
@-moz-keyframes wipe-enter-up {
	from {top: 70px;}
	to {top: 0;}
}
@-o-keyframes wipe-enter-up {
	from {top: 70px;}
	to {top: 0;}
}
@keyframes wipe-enter-up {
	from {top: 70px;}
	to {top: 0;}
}
@-webkit-keyframes wipe-enter-down {
	from {top: -70px;}
	to {top: 0;}
}
@-moz-keyframes wipe-enter-down {
	from {top: -70px;}
	to {top: 0;}
}
@-o-keyframes wipe-enter-down {
	from {top: -70px;}
	to {top: 0;}
}
@keyframes wipe-enter-down {
	from {top: -70px;}
	to {top: 0;}
}
@-webkit-keyframes scroll_x {
	from { overflow-x: hidden; }
	to { overflow-x: auto }
}
@-o-keyframes scroll_x {
	from { overflow-x: hidden; }
	to { overflow-x: auto }
}
@-moz-keyframes scroll_x {
	from { overflow-x: hidden; }
	to { overflow-x: auto }
}
@keyframes scroll_x {
	from { overflow-x: hidden; }
	to { overflow-x: auto }
}
body {
	margin: 0;
	background: #ffffff;
	font-family: "Commissioner", sans-serif;    
	font-weight: 200;
	animation: scroll_x 4s 2s both;
}
a {
	text-decoration: none;
	color: inherit;
	transition: .4s ease-in-out;
}
a:hover {
	color: #a3b8b4;      /* "черный" - #384543, зеленый - #a3b8b4, светло-зеленый - #d5e1df, темно-зеленый - #8a9c99  */
}
header {
	/* background-color: #ffffff90;  */
	color: #384543;
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #ffffff80;
	z-index: 1000;
}
.wite-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff80;
}
.header-part {
	display: inline-block;
	position: relative;
	height: 124px;
}
.left-width {
	width: 460px;
}
.right-width {
	float: right;
}
.logo-main {
	/* filter: drop-shadow(1px 1px 3px #00000050);  */
	position: absolute;
	top: 22px;
	left: 40px;
}
.menu-name {
	font-size: 125%;
	position: absolute;
	top: 18px;
	left: 160px;
}
.credits {
	font-size: 80%;
	font-weight: 300;
}
.menu-icon {
	vertical-align: -6px;
}
.menu {
	margin: 46px 40px 0 0;
}
.dropdown-element {
}
.menu-element {
	font-size: 105%;
	font-weight: 400;
	display: inline-block;
	padding-left: 50px;
	position: relative;
}
.submenu {
	display: none;
    position: absolute;
	right: 0;
	top: 50px;
    min-width: 160px;
	padding: 30px 20px 20px 20px;
	background-color: #a3b8b4;
	color: #ffffff;
	z-index: 1001;
/*	visibility: hidden;
	opacity: 0;
	transition: all .4s ease-in-out .4s;  */
}
.submenu-margin-top {
	display: none;
    position: absolute;
	right: 0;
	height: 30px;
    min-width: 160px;
	z-index: 1;
}
#submenu-1 .submenu {
	margin: 0 -200px 0 -200px;
}
.submenu a {
	display: block;
	margin-bottom: 20px;
	font-weight: 400;
}
.submenu a:hover {
	color: #d5e1df;
}
.dropdown-element:hover .menu-element {
	color: #a3b8b4;
}
/*
.menu-element:hover .submenu {
	visibility: visible;
	opacity: 1;	
}
*/

	/*  конец стилей меню и шапки, начало основного блока  */

.top-margin {
	margin-top: 128px;
}
#ankor01 img {
	animation: appearance 2s .2s both;
}
.text-block {
	display: inline-block;
	width: 53%;
	padding: 5%;
	vertical-align: top;
	color: #384543;
}
.right-block {
	width: 43%;
	margin-left: 30px;
}
@-webkit-keyframes appearance {
	from {opacity: 0;}
	to {opacity: 1;}
}
@-o-keyframes appearance {
	from {opacity: 0;}
	to {opacity: 1;	}
}
@-moz-keyframes appearance {
	from {opacity: 0;}
	to {opacity: 1;	}
}
@keyframes appearance {
	from {opacity: 0;}
	to {opacity: 1;}
}
.text-block h1 {
	font-family: "KB ChopinScript", sans-serif;
	font-size: 540%;
	font-weight: 200;
/*	font-family: 'Playfair Display', serif;
	letter-spacing: -3px;     */
	line-height: 1;
	margin: 0 0 30px 0;
	animation: appearance 3s .5s both;
}
@-webkit-keyframes slide_r {
	from {left: 800px;}
	to {left: 0;}
}
@-o-keyframes slide_r {
	from {left: 800px;}
	to {left: 0;}
}
@-moz-keyframes slide_r {
	from {left: 800px;}
	to {left: 0;}
}
@keyframes slide_r {
	from {left: 800px;}
	to {left: 0;}
}
@-webkit-keyframes slide_l {
	from {left: -800px;}
	to {left: 0;}
}
@-o-keyframes slide_l {
	from {left: -800px;}
	to {left: 0;}
}
@-moz-keyframes slide_l {
	from {left: -800px;}
	to {left: 0;}
}
@keyframes slide_l {
	from {left: -800px;}
	to {left: 0;}
}
.text-block h3 {
	font-family: "Playfair Display", serif;
	font-weight: 400;
	font-size: 150%;
	line-height: 1.1;
	padding-left: 74px;
	text-indent: -78px;
	margin: 0 0 30px 10px;
	display: inline-block;
	position: relative;
}
.slide-r {
	animation: slide_r 2s .7s both;
}
.slide-l {
	animation: slide_l 2s .2s both;
}
.text-block h3 hr {
	display: inline-block;
	vertical-align: text-bottom;
}
.text-block a {
	font-weight: 400;
}
.text-block p {
	font-size: 110%;
	line-height: 2;
	margin-top: 10px;
}
.text-block li {
	font-size: 110%;
	margin-top: 10px;
}
.list-2 p {
	line-height: 1.3;
	margin-top: 0;
}
.podzag-1 {
	font-weight: 600;
	padding-left: 28px;
	text-indent: -28px;
}
.button-1 {
	margin: 20px 0 0 0;
	padding: 15px 20px;
	width: 200px;
	text-align: center;
	color: #ffffff;
	font-weight: 100;
	background-color: #a3b8b4;
	transition: .4s ease-in-out;
}
.button-1:hover {
	color: #a3b8b4;
	background-color: #a3b8b400;
}
.full-width {
	width: 100%;
}
.green-box {
	background-color: #d5e1df;
	margin: -4px 0 0 0;
	width: 100%;
}
.list-1 {
	display: inline-block;
	width: auto;
	padding-right: 36px;
	vertical-align: text-top;
}
.list-1 p {
	font-size: 130%;
	padding-left: 32px;
	text-indent: -32px;
	line-height: 1.3;
}
.leade, .leade-sign {
	font-family: "Playfair Display", serif;
	font-style: italic;
	color: #8a9c99;
	line-height: 1.3;
	letter-spacing: .2px;
}
.leade {
	font-size: 200%;
	text-align: center;
	font-weight: 400;
	padding: 40px 40px 0 40px;
	animation: appearance 3s .5s both;
}
.leade-sign {
	margin-top: -10px;
	font-size: 140%;
	text-align: left;
	font-weight: 700;
	padding: 0 40px 0 50%;
	animation: appearance 4s .8s both;
}
.no-top-margins {
	margin-top: -40px;
}
footer {
	margin-top: 60px;
	background-color: #a3b8b4;
	width: 100%;
}
.list-3 {
	display: inline-block;
	width: 33%;
	padding: 40px;
	vertical-align: text-top;
	font-size: 100%;
}
footer > p {
	text-align: center;
	font-size: 80%;
	padding-bottom: 40px;
	margin: 0;
}

/* Иконки ФБ и ЮТ с активностью на мышку */
.footericon-fb, .footericon-yt {
	display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: -8px;
	width: 32px;
	height: 32px;
}
.footericon-fb {
	background: url("../images/fb_footer.gif") no-repeat center;
}
a .footericon-fb:hover {
	background: url("../images/fb_footer_over.gif") no-repeat center;
}
a .footericon-fb:active {
	background: url("../images/fb_footer_pressed.gif") no-repeat center;
}
.footericon-yt {
	background: url("../images/youTube_footer.gif") no-repeat center;
}
a .footericon-yt:hover {
	background: url("../images/youTube_footer_over.gif") no-repeat center;
}
a .footericon-yt:active {
	background: url("../images/youTube_footer_pressed.gif") no-repeat center;
}

/* Кнопка "Наверх" */
#up_top1 {
	position: fixed;
	bottom: 2%;
	right: 2%;
	filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.3));
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.7s, visibility 0s linear 0s;
	cursor: pointer;
	z-index: 1001;
}