@font-face{
	font-family:"Feijoa";
	src: url("../fonts/FeijoaWeb-Display.eot");
	src:url("../fonts/FeijoaWeb-Display.eot?#iefix") format("embedded-opentype"),
	url("../fonts/FeijoaWeb-Display.woff2") format("woff2"),
	url("../fonts/FeijoaWeb-Display.woff") format("woff");
}

@font-face {
    font-family: 'Helvetica Neue';
    src: local('Helvetica Neue Light'), local('Helvetica-Neue-Light'),
        url('../fonts/HelveticaNeueCyr-Light.woff2') format('woff2'),
        url('../fonts/HelveticaNeueCyr-Light.woff') format('woff'),
        url('../fonts/HelveticaNeueCyr-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: local('Helvetica Neue Roman'), local('Helvetica-Neue-Roman'),
        url('../fonts/HelveticaNeueCyr-Roman.woff2') format('woff2'),
        url('../fonts/HelveticaNeueCyr-Roman.woff') format('woff'),
        url('../fonts/HelveticaNeueCyr-Roman.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: local('Helvetica Neue Medium'), local('Helvetica-Neue-Medium'),
        url('../fonts/HelveticaNeueCyr-Medium.woff2') format('woff2'),
        url('../fonts/HelveticaNeueCyr-Medium.woff') format('woff'),
        url('../fonts/HelveticaNeueCyr-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: local('Helvetica Neue Bold'), local('Helvetica-Neue-Bold'),
        url('../fonts/HelveticaNeueCyr-Bold.woff2') format('woff2'),
        url('../fonts/HelveticaNeueCyr-Bold.woff') format('woff'),
        url('../fonts/HelveticaNeueCyr-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

* {
	box-sizing: border-box;
	outline: none;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}

body {
	margin: 0;
    padding: 0;
	background: #F8F5E8;
	color: #1D1D1B;
	font-size: 22px;
	font-family: 'Helvetica Neue';
	font-weight: 400;
	line-height: 130%;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.container {
	max-width: 1350px;
	margin: 0 auto;
}

.pre-header {
	width: 100%;
	height: 37px;
}

header {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 1000;
	background: #F8F5E8;
}

header img {
	height: 55px;
	transition: all 0.5s ease-out;
}

header.scrolled img{
	height: 41px;
}

header .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 0;
}

header .container > a{
	display: block;
}

header .container ul {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

header .container ul li {
	margin-right: 20px;
}

header .container ul li a{
	display: block;
	padding: 1px 15px;
	color: #1D1D1B;
	text-decoration: none;
	transition: all 0.5s;
	border-radius: 14px;
	font-size: 16px;
}

header .container ul li.active a{
	background: #1D1D1B;
	color: #fff;
}

.block-1 {
	margin-top: 72px;
}

.block-1 .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.block-1 .container .text{
	width: 600px;
	font-size: 20px;
	line-height: 140%;
}

.block-1 .container .text .title {
	font-family:"Feijoa";
	font-size: 64px;
	line-height: 120%;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.block-1 .container .text .text-href {
	margin-top: 30px;
	text-align: left;
}

.block-1 .container .text a {
	display: inline-block;
	text-decoration: none;
	font-size: 20px;
	font-weight: 500;
	line-height: 120%;
	touch-action: none;
}

.block-1 .container .text a span{
	display: inline-block;
	padding: 12px 16px;
	background: #1D1D1B;
	color: #fff;
	border-radius: 24px;
}

.block-2 {
	font-size: 32px;
	font-weight: 300;
	line-height: 150%;
	margin: 155px 0 21px;
}

.block-2 .container{
	background: url(../images/text-bg.svg) top center no-repeat; 
	padding: 110px 0 150px;
}

.block-2 .inner {
	max-width: 912px;
	padding-left: 70px;
	margin: 0 auto;
	text-align: center;
}

.block-3 {
	margin-bottom: 174px;
	padding-top: 120px;
}

.block-3 .title,
.block-5 .title,
.block-7 .title,
.block-10 .title,
.block-6 .title {
	display: block;
	text-align: center;
}

.block-3 .title span,
.block-5 .title span,
.block-7 .title span,
.block-10 .title span,
.block-6 .title span {
	display: inline-block;
	padding: 12px 16px;
	font-size: 20px;
	border: 2px solid #1D1D1B;
	border-radius: 24px;
	line-height: 100%;
	font-weight: 500;
}

.block-3 .text {
	font-family: "Libre Baskerville", serif;
	font-weight: 400;
	font-style: italic;
	font-size: 20px;
	line-height: 150%;
	max-width: 732px;
	margin: 30px auto 0;
	text-align: center;
}

.block-4 {
	margin-bottom: 210px;
}

.block-4 .container {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.block-4 .container > div {
	width: 30%;
	font-weight: 300;
	font-size: 22px;
	line-height: 150%;
}

.block-4 .container > div .num {
	font-family:"Feijoa";
	font-size: 32px;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	border: 1px solid #1D1D1B;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 44px;
	font-weight: 900;
	line-height: 130%;
}

.block-4 .container > div.text-3 .num {
	padding-bottom: 7px;
}

.block-4 .container > div .title {
	font-family:"Feijoa";
	font-size: 32px;
	margin-bottom: 32px;
	line-height: 130%;
	font-weight: 900;
}

.block-5 {
	background: #FFE8CB;
	padding: 120px 0;
}

.block-5 .subtitle {
	font-family:"Feijoa";
	font-size: 64px;
	line-height: 120%;
	max-width: 1028px;
	margin: 80px auto 40px;
	text-transform: uppercase;
	text-align: center;
	font-weight: 900;
}

.block-5 .text-1 {
	font-size: 22px;
	text-align: center;
	max-width: 700px;
	margin: 0 auto 100px;
	font-weight: 300;
	line-height: 130%;
}

.block-5 .list {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 100px;
}

.block-5 .list > div {
	font-family: "Libre Baskerville", serif;
	font-style: italic;	
	text-align: center;
	width: 16%;
	line-height: 120%;
	font-weight: 400;
	font-size: 24px;
}

.block-5 .text-2 {
	max-width: 780px;
	margin: 0 auto 120px;
	text-align: center;
	font-size: 22px;
	line-height: 130%;
	font-weight: 300;
}

.block-5 .text-3 {
    font-weight: 500;
	line-height: 140%;
	font-size: 32px;
	max-width: 770px;
	margin: 0 auto 70px;
	text-align: center;
	padding-bottom: 440px;
	background: url(../images/text-bg1.png) bottom center no-repeat;
	color: #000;
}

.block-5 .text-4 {
	font-family: "Libre Baskerville", serif;
	font-style: italic;
	max-width: 650px;
	margin: 0 auto;
	text-align: center;
	font-size: 22px;
	line-height: 140%;
}

.block-6 {
	margin-bottom: 40px;
	padding-top: 120px;
}

.block-6 .list-blocks {
	margin-top: 80px;
}

.block-6 .list-blocks > div {
	width: 100%;
	padding: 80px;
	text-align: center;
	border-radius: 80px;
	margin-bottom: 32px;
	position: relative;
	transition: all 0.7s;
}

.block-6 .list-blocks > div.block-blue {
	background: #263D53;
	z-index: 10;
}

.block-6 .list-blocks > div.block-green {
	background: #558D55;
	margin-top: -540px;
	z-index: 20; 
}

.block-6 .list-blocks > div.block-orange {
	background: #EC6941;
	margin-top: -530px;
	z-index: 20; 
}

.block-6 .list-blocks > div.block-green.scrolled,
.block-6 .list-blocks > div.block-orange.scrolled {
	margin-top: 0;
}

.block-6 .list-blocks > div:last-child {
	margin-bottom: 0;
}

.block-6 .list-blocks > div > img {
	display: block;
	margin: 0 auto 80px;
}

.block-6 .list-blocks > div > .title {
	font-size: 48px;
	font-family:"Feijoa";
	color: #F8F5E8;
	text-transform: uppercase;
	max-width: 570px;
	margin: 0 auto 164px;
	line-height: 130%;
	font-weight: 900;
}

.block-6 .list-blocks > div .texts {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.block-6 .list-blocks > div .texts > div {
	color: #F8F5E8;
	width: 23%;
	text-align: left;
	padding-left: 20px;
	font-weight: 400;
	line-height: 130%;
	font-size: 22px;
}

.block-6 .list-blocks > div .texts > div.text-1 {
	padding-left: 0;
}

.block-7 {
	padding-top: 120px;
	margin-bottom: 131px;
}

.block-7 .subtitle {
	margin: 80px auto 131px;
	max-width: 1078px;
	font-size: 64px;
	line-height: 120%;
	font-family:"Feijoa";
	text-align: center;
	text-transform: uppercase;
	font-weight: 900;
}

.block-7 .text {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.block-7 .text > div {
	max-width: 522px;
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;

}

.block-7 .text > div .title {
	font-family: "Libre Baskerville", serif;
	font-style: italic;
	font-size: 32px;
	line-height: 120%;
	margin-bottom: 40px;
	text-align: left;
}

.block-7 .text > div p{
	margin: 0 0 24px;
}

.block-8 {
	margin-bottom: 196px;
}

.block-8 .container {
	max-width: 900px;
	font-weight: 500;
	font-size: 32px;
	text-align: center;
	line-height: 130%;
}

.block-9 {
	position: relative;
}

.block-9 > .title {
	font-size: 48px;
	line-height: 120%;
	font-family:"Feijoa";
	text-align: center;
	margin-bottom: 73px;
	text-transform: uppercase;
	font-weight: 900;
}

.block-9 .slider {
	overflow: auto;
	max-width: 1350px;
	margin: 0 auto;
}

.block-9 .slider-inner {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	width: calc(6 * 450px);
}

.block-9 .slider::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

.block-9 .slider::-webkit-scrollbar-track {
	background-color: #E8E5DA;
	border-radius: 2px;
}

.block-9 .slider::-webkit-scrollbar-thumb {
	background-color: #9F9D93;
	border-radius: 2px;
}	

.block-9 .slider .history-block {
	position: relative;
	z-index: 100;
	width: 450px;
	padding-bottom: 70px;
}

.block-9 .slider .history-block-inner {
	max-width: 360px;
	font-weight: 300;
	font-size: 16px;
	line-height: 130%;
}

.block-9 .history-block .line {
	font-family: "Libre Baskerville", serif;
	font-style: italic;
	font-size: 16px;
	line-height: 120%;
	position: relative;
	padding-bottom: 22px;
	margin-bottom: 72px;
}

.block-9 .history-block .line:after {
	display: block;
	content: "";
	background: #1D1D1B;
	width: 9px;
	height: 9px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.block-9:before {
	display: block;
	content: "";
	height: 2px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 167px;
	background: #1D1D1B;
}

.block-9 .history-block .title {
	font-family: "Libre Baskerville", serif;
	font-style: italic;
	font-size: 22px;
	line-height: 120%;
	text-transform: uppercase;
	margin-bottom: 24px;
	font-weight: 400;
}

.block-10 {
	margin-bottom: 141px;
	padding-top: 120px;
}

.block-10 .subtitle {
	font-size: 64px;
	line-height: 120%;
	font-family: "Feijoa";
	max-width: 900px;
	text-align: center;
	text-transform: uppercase;
	margin: 80px auto 40px;
	font-weight: 900;
}

.block-10 .text-1 {
	font-weight: 300;
	font-size: 22px;
	max-width: 900px;
	margin: 0 auto;
	padding-bottom: 80px;
	position: relative;
	text-align: center;
}

.block-10 .text-1:after {
	display: block;
	content: "";
	height: 3px;
	width: 100px;
	background: #000;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -50px;
}

.block-10 .text-2 {
	font-family: "Libre Baskerville", serif;
	font-weight: 400;
	font-style: italic;
	font-size: 22px;
	max-width: 900px;
	margin: 80px auto 120px;
	text-align: center;
}

.block-10 .blocks {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.block-10 .blocks > div {
	border: 1px solid #1D1D1B;
	width: 32.5%;
	padding: 54px 34px;
	text-align: center;
	border-radius: 20px;
}

.block-10 .blocks > div .title {
	font-family: "Libre Baskerville", serif;
	font-weight: 400;
	font-style: italic;
	font-size: 24px;
	max-width: 259px;
	margin: 0 auto 65px;
	text-transform: uppercase;
}

.block-10 .blocks > div .text {
	margin-top: 65px;
	font-weight: 300;
	font-size: 22px;
	min-height: 232px;
}

footer .container {
	border-top: 1px solid #000;
	padding: 44px 0 88px;
}

footer .line-1 {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

footer .line-1 .links {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	padding-top: 10px;
}

footer .line-1 .links > a{
	display: block;
}

footer .line-1 .links > a:first-child{
	margin-right: 70px;
}

footer .line-1 .links > a:last-child{
	margin-right: 0;
}

footer .line-1 .links > ul {
	margin-left: 70px;
}

footer .line-1 .links a {
	font-weight: 200;
	font-size: 20px;
	color: #1D1D1B;
	text-decoration: none;
}

footer .line-1 .links a.mail {
	text-decoration: underline;
}

footer .line-1 .links ul a {
	text-align: right;
	display: block;
}

footer .line-1 .links ul li {
	margin-bottom: 10px;
}

footer .line-1 .links ul li:last-child {
	margin-bottom: 0;
}

footer .line-2 {
	margin-top: 24px;
}

footer .line-2 .address {
	font-weight: 400;
	font-size: 20px;
	margin-bottom: 16px;
}

footer .line-2 .copy {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

footer .line-2 .copy .text {
	font-weight: 300;
	font-size: 14px;
	max-width: 554px;
	line-height: 130%;
}

footer .line-2 .copy .year {
	font-weight: 200;
	font-size: 16px;
}

.mobile-dates,
.logo-mobile,
.mobile-br,
.logo-mobile-text,
.menu-mobile,
.mobile-phone,
.line-mobile-1,
.line-mobile-2 {
	display: none;
}