/*!
	Theme Name: svfest
	Theme URI: svfest
	Version: 1
	Description: Smart. Flexible. Beautiful.
	Author: predigital
	Author URI: https://predigital.ru/
*/ 

@font-face {
	font-family: 'beer money';
	src: url('font/beer-money.ttf');
	url('font/beer-money.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'xbandroughcyrillicaa';
	src: url('font/xbandroughcyrillicaa.ttf');
	url('font/xbandroughcyrillicaa.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

body {
	position: relative;
	margin:0;
	font-family: 'xbandroughcyrillicaa';
	overflow-x: hidden;
	cursor: default;
	width: 100%;
	outline: none !important;
	background: #00AEEA;
	color: #fff;
}
a{
	text-decoration: none;
}
a:active,
a:focus,
a:hover {
	outline: none !important;
}
* {
	scroll-behavior: smooth;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before,
*:after {
	position: absolute;
	content: "";
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
* {
	margin: 0;
	padding: 0;
}
* {
  -webkit-tap-highlight-color: transparent;
}
button,
input,
textarea,
select {
	outline: none;
	font-family: 'xbandroughcyrillicaa';
}
button:focus,
input:focus,
textarea:focus,
select:focus {
	outline: none;
}
ol,ul {
	list-style: none;
	margin:0;
	padding:0;
}
p, li {
	position: relative;
	font-family: beer money;
	font-size: 24px;
	line-height: 1;
}
.container {
	position: relative;
	width: 100%;
	max-width: 1296px;
	margin: 0 auto;
}
input::-webkit-input-placeholder {
  font-family: 'xbandroughcyrillicaa';
  color: #fff;
}
input::-moz-placeholder {
  font-family: 'xbandroughcyrillicaa';
  color: #fff;
}
input:-moz-placeholder{
  font-family: 'xbandroughcyrillicaa';
  color: #fff;
}
input:-ms-input-placeholder {
  font-family: 'xbandroughcyrillicaa';
  color: #fff;
}
main {
	position: relative;
	overflow: hidden;
}

/* --------------------------------
	
	header
	
-------------------------------- */
header {
	position: fixed;
	width: 100%;
	z-index: 10;
	top: 0;
	left: 0;
	background: #2B2A28;
	box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.25);
	-webkit-transition: 0.35s ease-out;
	transition: 0.35s ease-out;
}
header.shrink {
	
}
header::before {
	background: url(img/1.svg) no-repeat top / contain;
	width: 300px;
	height: 55px;
	top: 0;
	left: 0;
}
header::after {
	background: url(img/2.svg) no-repeat top / contain;
	width: 350px;
	height: 55px;
	top: 0;
	right: 0;
}
.header-flex {
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 25px 0;
	-webkit-transition: 0.35s ease-out;
	transition: 0.35s ease-out;
}
#menu-top {
	display: flex;
	align-items: center;
}
#menu-top li {
	font-family: 'xbandroughcyrillicaa';
	font-size: 16px;
	line-height: 1;
	letter-spacing: -0.2px;
	margin: 0 24px 0 0;
}
#menu-top li:last-of-type {
	margin: 0;
}
#menu-top a {
	color: #fff;
	-webkit-transition: 0.35s ease-out;
	transition: 0.35s ease-out;
}
#menu-top a:hover {
	color: #00AEEA;
}
.header-partner {
	display: flex;
	align-items: center;
	position: relative;
}
.header-partner img {
	display: block;
	margin: 0 0 0 12px;
	height: 36px;
	max-width: 130px;
}
.header-partner img:first-of-type {
	margin: 0;
}

/* --------------------------------
	
	intro
	
-------------------------------- */
#intro {
	position: relative;
	overflow: hidden;
}
.intro-bg {
	position: absolute;
}
.intrp-bg1 {
	top: 0;
	left: 0;
	height: 100%;
	width: 20%;
	object-position: right;
	object-fit: cover;
	max-width: 420px;
}
.intrp-bg2 {
	top: 100px;
	right: 0;
	height: 80%;
	width: 52%;
	object-position: right;
	object-fit: contain;
}
.intro-flex {
	position: relative;
	width: 65%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 100vh;
}
.intro-flex-header {
	display: flex;
	justify-content: space-between;
	margin: 80px 0 0 0;
	overflow: hidden;
}
.header1 {
	width: 35%;
	will-change: transform;
	object-position: top;
	object-fit: contain;
}
@-webkit-keyframes top1 {
  0% { 
		visibility: hidden;
		transform: translateY(-100%);
	}
  100% {
		visibility: visible;
		transform: translateY(0);
	}
}
@keyframes top1 {
  0% { 
		visibility: hidden;
		transform: translateY(-100%);
	}
  100% {
		visibility: visible;
		transform: translateY(0);
	}
}
.intro-header-txt {
	width: 55%;
	text-align: center;
	padding: 30px 0 0 0;
	display: flex;
	flex-direction: column;
}
.intro-header-txt p {
	font-family: 'xbandroughcyrillicaa';
}
.intro-header-txt-list {
	display: flex;
	flex-wrap: wrap;
}
.intro-header-txt-list p {
	padding: 0 30px 10px 0;
	width: 50%;
	text-align: left;
}
@-webkit-keyframes right1 {
  0% { 
		visibility: hidden;
		transform: translateX(100%);
	}
  100% {
		visibility: visible;
		transform: translateX(0);
	}
}
@keyframes right1 {
  0% { 
		visibility: hidden;
		transform: translateX(100%);
	}
  100% {
		visibility: visible;
		transform: translateX(0);
	}
}

.header2 {
	width: 100%;
	max-width: 120px;
	display: block;
	margin: 0 0 20px 0;
}
h1 {
	position: relative;
	font-size: 0;
	margin: 0 0 30px 0;
}
@-webkit-keyframes left1 {
  0% { 
		visibility: hidden;
		transform: translateX(-100%);
	}
  100% {
		visibility: visible;
		transform: translateX(0);
	}
}
@keyframes left1 {
  0% { 
		visibility: hidden;
		transform: translateX(-100%);
	}
  100% {
		visibility: visible;
		transform: translateX(0);
	}
}
h1 img {
	width: 40%;
	display: block;
}
.intro-txt {
	position: relative;
	font-family: beer money;
	line-height: 1.05%;
	letter-spacing: 0.64px;
	width: 80%;
	margin: 0 0 45px 0;
}
.intro-content {
	position: relative;
	padding: 0 0 6vh 0;
}
.intro-btn-group {
	position: relative;
	display: flex;
	align-items: center;
}
/* .intro-content .intro-btn-group {
	visibility: hidden;
	-webkit-animation: left1 0.55s linear both 0.75s;
	animation: left1 0.55s linear both 0.75s;
} */
.btn {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-family: 'xbandroughcyrillicaa';
	font-size: 20px;
	line-height: 1.37;
	letter-spacing: 0.4px;
	text-transform: capitalize;
	padding: 0 40px;
}
.btn span {
	position: relative;
}
.btn-white {
	color: #00AEEA;
}
.btn-black {
	color: #fff;
}
.intro-btn-group .btn {
	margin: 0 70px 0 0;
}
.intro-btn-group .btn:last-of-type { 
	margin: 0;
}
.btn-white::before {
	background: url(img/btn1.svg) no-repeat center / contain;
	width: 100%;
	height: 137px;
	top: -62px;
	left: 10px;
	will-change: transform;
	pointer-events: none;
	-webkit-transition: 0.35s ease-out;
	transition: 0.35s ease-out;
}
.btn-black::before {
	background: url(img/btn2.svg) no-repeat center / contain;
	width: 100%;
	height: 205px;
	top: -103px;
	right: 10px;
	will-change: transform;
	pointer-events: none;
	-webkit-transition: 0.35s ease-out; 
	transition: 0.35s ease-out;
}
.btn:hover::before {
	transform: scale(1.05);
}

/* --------------------------------
	
b1
	
-------------------------------- */
#b1 {
	position: relative;
	padding: 70px 0 90px 0;
}
.btn-bus {
	position: absolute;
	top: 0;
	z-index: 2;
	left: 0;
	width: 244px;
	transform: translate(-90px,-45%);
}
.btn-bus img {
	width: 100%;
	display: block;
}
.b1-bg {
	position: absolute;
	top: 150px;
	left: 100px;
	height: 60%;
	object-fit: contain;
	object-position: left;
	width: 35%;
}
.b1-bg-1 {
	position: absolute;
	top: 5%;
	right: 0;
	width: 15%;
	max-width: 320px;
}
.b1-flex {
	display: flex;
	justify-content: flex-end;
}
.b1-content {
	position: relative;
	width: 60%;
	z-index: 1;
}
.title {
	position: relative;
	font-family: 'xbandroughcyrillicaa';
	font-size: 64px;
	line-height: 1;
	letter-spacing: -0.64px;
	margin: 0 0 35px 0;
}
.b1-txt {
	font-family: beer money;
	letter-spacing: 0.48px;
	margin: 0 0 45px 0;
}
.b1-txt p {
	margin: 22px 0;
}
.b1-subflex {
	position: relative;
	margin: 150px 0 0 0;
}
.b1-sub {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
}
.b1-subcontent-img {
	position: absolute;
	right: 100px;
	top: -90px;
	width: 25%;
	max-width: 370px;
	object-fit: contain;
}
.b1-subcontent {
	position: relative;
	width: 85%;
	padding: 45px 27% 45px 110px;
	color: #00AEEA;
}
.b1-subcontent::before {
	background: url(img/r1.svg) no-repeat left / contain;
	width: 160%;
	height: 300%;
	bottom: 0;
	left: -80px;
	transform: translateY(35%);
}
.b1-subcontent .title {
	font-size: 48px;
}
.b1-subtxt {
	font-family: beer money;
	letter-spacing: 0.48px;
}
.b1-date {
	position: relative;
	margin: 0 auto;
	width: 218px;
	display: block;
	object-fit: contain;
	transform: translateX(50%);
	height: 137px;
}




/* --------------------------------
	
b2
	
-------------------------------- */
#b2 {
	position: relative;
	padding: 0 0 340px 0;
}
.b2-flex {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 50%;
}
.b2-txt {
	margin: 0 0 80px 0;
}
.b2-txt p {
	margin: 22px 0;
}
.b2-bg {
	position: absolute;
	top: -12%;
	right: 0;
	height: 95%;
	object-fit: contain;
	max-width: 1070px;
	width: 60%;
	object-position: right;
}
.b2-bg-1 {
	position: absolute;
	bottom: 13%;
	left: 0;
	height: 95%;
	object-fit: cover;
	max-width: 650px;
	width: 30%;
	object-position: right;
}

/* --------------------------------
	
b3
	
-------------------------------- */
#b3 {
	position: relative;
	padding: 0 0 185px 0;
}
#b3::before {
	background: url(img/b3-3.svg) no-repeat center / contain;
	width: 960px;
	height: 290px;
	bottom: 0;
	right: 0;
}
.b3-list {
	position: absolute;
}
.b3-title {
	position: absolute;
	transform: translateY(-50%);
	top: 0;
	left: 0;
	z-index: 1;
}
.b3-list.b3-list1 {
	top: 26%;
	right: 15%;
}
.b3-list.b3-list2 {
	left: 0;
	bottom: -35%;
	transform: translateX(-50%) rotate(20deg);
}
.b3-title-txt {
	position: relative;
	color: #00AEEA;
	width: 60%;
	padding: 40px 210px 40px 0;
}
.b3-date {
	position: absolute;
	left: 0;
	transform: translateX(-120%);
	top: -43px;
}
.b3-title-txt::before {
	background: url(img/r2.svg) no-repeat right / contain;
	width: 200%;
	height: 160%;
	bottom: 0;
	right: -180px;
	transform: translateY(17%);
}
.b3-grid {
	position: relative;
	padding: 245px 0 0 0;
}
.b3-grid:after {
	background: url(img/b3-1.svg) no-repeat center / contain;
	width: 360px;
	height: 240px;
	top: 0;
	right: 0;
	transform: translateY(-50%);
}
.b3-grid::before {
	background: #20C4FA;
	width: 300%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 400px 0 0 0;
}
.b3-item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 0 4.50vw 0;
}
.b3-item:nth-of-type(2n) {
	flex-direction: row-reverse;
}
.b3-img {
	position: relative;
	width: 50%;
	height: 30vw;
	object-fit: contain;
	padding: 0 0 0 50px;
	/* left: 0;
	transform: translateX(0%);
	height: 100%; */
}
.b3-item:nth-of-type(2n) .b3-img {
	padding: 0;
}
/* .b3-item:nth-of-type(2n) .b3-img {
	left: auto;
	right: 0;
	transform: translateX(0%); 
} */
.b3-item-txt {
	position: relative;
	width: 50%;
	padding: 0 0 0 110px;
}
.b3-item-txt h3 {
	position: relative;
	font-family: 'xbandroughcyrillicaa';
	font-size: 48px;
	line-height: 1;
	letter-spacing: -0.64px;
	margin: 0 0 25px 0;
}
.b3-bg-1 {
	position: absolute;
	height: 100%;
	width: 46%;
	top: 0;
	left: 0;
	object-fit: contain;
	transform: translateY(15%);
}
.b3-bg-2 {
	position: absolute;
	height: 130%;
	width: 40%;
	top: 0;
	right: -320px;
	transform: translateY(-15%);
	object-fit: contain;
}
.b3-txt p {
	margin: 22px 0;
}

/* --------------------------------
	
b4
	
-------------------------------- */
#b4 {
	position: relative;
	overflow: hidden;
	padding: 0 0 75px 0;
	z-index: 1;
}
.b4-grid {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin: 0 -12px 70px -12px;
}
.b4-item {
	position: relative;
	width: 100%;
	margin: 0 12px;
	padding: 265px 0 0 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.b4-img {
	position: absolute;
	width: 40%;
	top: 0;
}
.b4-item-txt {
	position: relative;
	padding: 45px 50px;
	color: #20C4FA;
	height: 100%;
	display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.b4-item:first-of-type .b4-item-txt::before {
	background: url(img/r3.svg) no-repeat right / contain;
	width: 110%;
	height: 110%;
	transform: translate(0,0);
}
.b4-item:last-of-type .b4-item-txt::before {
	background: url(img/r4.svg) no-repeat right / cover;
	width: 100%;
	height: 100%;
	/* transform: translate(0px,50px); */
}
.b4-txt {
	padding: 0 100px;
}
.b4-item-txt h3 {
	position: relative;
	font-family: beer money;
	font-size: 40px;
	line-height: 1;
	letter-spacing: -0.4px;
	margin: 0 0 20px 0;
}
.b4-item-txt p {
	margin: 22px 0;
}
.b4-content h3 {
	position: relative;
	font-family: 'xbandroughcyrillicaa';
	font-size: 48px;
	line-height: 1;
	letter-spacing: -0.64px;
	margin: 0 0 25px 0;
}
.b4-content-txt p {
	margin: 22px 0;
}
.b4-content-sub p {
	font-size: 20px;
	font-family: 'xbandroughcyrillicaa';
  line-height: 1.1;
  letter-spacing: 0.4px;
}
.b4-content-sub p a {
	font-family: beer money;
	font-size: 32px;
	color: #FFF26B;
}
.b4-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.b4-title {
	position: absolute;
	width: 250px;
	height: 148px;
	top: 0;
	right: -19%;
}
.b4-grid-col {
	display: flex;
	justify-content: space-between;
}
.b4-col-item {
	width: 100%;
}
.b4-col-item p {
	margin: 0 0 12px 0;
}
.b4-col-item a {
	color: #FFF26B;
	-webkit-transition: 0.35s ease-out;
	transition: 0.35s ease-out;
	font-size: 32px;
}
.b4-col-item a:hover {
	color: #660066;
}
#b2 .b4-item:first-of-type .b4-item-txt::before {
	background: url(img/r3.svg) no-repeat top center / contain;
	width: 110%;
	height: 105%;
	transform: translate(0,0);
	top: 0;
}
#b2 .b4-item:last-of-type .b4-item-txt::before {
	background: url(img/r4.svg) no-repeat top center / contain;
	width: 110%;
	height: 105%;
	transform: translate(0,0);
	top: 0;
}
#b2 .b4-txt {
	width: 85%;
	margin: 0 0 45px 0;
}
#b2 .b4-txt li {
	margin: 0 0 20px 0;
}
#b2 .b4-item-txt {
	padding: 75px 50px;
}
#b2 .b4-item {
	padding: 325px 0 0 0;
}
.b4-col-item p strong {
	font-weight: 400;
	color: #FFF26B;
}

/* --------------------------------
	
b5
	
-------------------------------- */
#b5 {
	position: relative;
	padding: 65px 0 0 0;
}
.b5-flex {
	position: relative;
	display: flex;
	align-items: flex-end;
	padding: 70px 120px 45px 0;
	flex-direction: column;
}
.b5-flex::before {
	border-radius: 0px 400px 0px 0px;
	background: #2B2A28;
	box-shadow: 0px 6px 112px 0px rgba(0, 0, 0, 0.56);
	width: 300%;
	height: 100%;
	top: 0;
	right: 0;
}
.b5-bg {
	position: absolute;
	width: 78%;
	height: 80%;
	bottom: 0;
	left: -365px;
	object-fit: contain;
	object-position: top left;
}
.b5-partner {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	margin: 0 0 60px 0;
}
.b5-partner h3 {
	font-size: 28px;
}
.b5-partner img {
	margin: 0 0 0 40px;
	height: 70px;
	max-width: 140px;
	width: 100%;
	object-fit: contain;
}
.b5-content {
	position: relative;
	width: 60%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.b5-item {
	width: 50%;
}
.b5-item:last-of-type {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 210px 0 0 0;
}
.b5-item .title {
	color: #00AEEA;
}
.b5-txt span {
	font-size: 32px;
	display: block;
	letter-spacing: -0.32px;
}
.b5-txt p {
	margin: 0 0 15px 0;
}
.b5-txt p:last-child {
	margin: 0;
}
.b5-txt p a {
	color: #FFF26B;
}
.b5-item .btn-white {
	margin: 0 0 80px 0;
	transform: translateX(-10%);
}
.b5-item .btn-black {
	margin: 0 0 90px 0;
}
.b5-item .header-partner img {
	margin: 0 9px;
}
.b5-bg-1 {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 85%;
	height: 116%;
	object-fit: cover;
	object-position: top;
	pointer-events: none;
}

/* --------------------------------
	
burger
	
	-------------------------------- */
.burger {
	position: relative;
	width: 30px;
	height: 27px;
	cursor: pointer;
	display: none;
	justify-content: flex-end;
	align-items: center;
	z-index: 999;
	flex: 0 0 auto;
}
.burger::before, .burger span, .burger::after {
	width: 100%;
	height: 5px;
	border-radius: 5px;
	display: block;
	background: #fff;
	opacity: 1;
}
.burger:before, .burger:after {
	-webkit-transition: 0.35s ease-out;
	transition: 0.35s ease-out;
}
.burger::before {
	top: 0px;
	width: 70%;
}
.burger span {
	position: relative;
	-webkit-transition: 0.35s ease-out;
	transition: 0.35s ease-out;
}
.burger:after {
	top: auto;
	bottom: 0;
	-webkit-transition: 0.35s ease-out;
	transition: 0.35s ease-out;
}
/* Click */
.burger.cross span {
	opacity: 0;
}
.burger.cross:before, .burger.cross:after {
	top: 50%;
	width: 100%;
}
.burger.cross:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.burger.cross:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.burger:focus {
	outline: none;
}
.mobile, .hidden {
	display: none;
}
.top-nav {
	position: fixed;
	width: 90px;
	height: 90px;
	bottom: 30px;
	left: 30px;
	will-change: transform;
	opacity: 0;
	visibility: hidden;
	transform: translateY(100%);
	z-index: 2;
	cursor: pointer;
	-webkit-transition: 0.35s ease-out;
	transition: 0.35s ease-out;
}
.top-nav.shrink {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.top-nav img {
	width: 100%;
	filter: drop-shadow(0px 20px 64px rgba(0, 0, 0, 0.46));
}



.b5-txt-link {
	margin: 40px 0 0 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.b5-link {
	margin: 0 0 12px 0;
	color: #FFF26B;
	cursor: pointer;
}





/* --------------------------------
	
	modal-box
	
-------------------------------- */
.modal, .modal-box {
	z-index: 9999;
}
.modal-sandbox {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
}
.modal {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
	background: rgba(0,0,0,0.35);
  backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
  -webkit-transition: 0.25s ease-out;
	transition: 0.25s ease-out;
}
.modal.open {
	opacity: 1;
	visibility: visible;
}
.modal-box {
  display: block;
  width: 100%;
  height: 100%;
}
.modal-body {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}
.modal_container {
	margin: 0 auto;
	width: 95%;
	padding: 140px 100px;
	max-width: 600px;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #00aeea;
}
.modal_container::before {
	background: url(img/r3.svg) no-repeat center / contain;
	width: 140%;
	height: 100%;
}
.close-modal {
	position: absolute;
	top: 110px;
	right: 104px;
	cursor: pointer;
	width: 14px;
	height: 14px;
	z-index: 9999;
	-webkit-transition: 0.25s ease-out;
	transition: 0.25s ease-out;
}
.close-modal:hover {
	opacity: 0.6;
}
.close-modal img {
	position: relative;
	width: 100%;
	display: block;
}
.modal_container p {
	position: relative;
	margin: 0 0 12px 0;
}




/* --------------------------------

page

-------------------------------- */
#page {
	position: relative;
	overflow: hidden;
	padding: 100px 0;
}
.page-template-default header {
	display: none;
}
.aioseo-breadcrumbs {
	margin: 0 0 30px 0;
	display: flex;
	align-items: center;
}
.aioseo-breadcrumb-separator {
	margin: 0 12px;
}
.aioseo-breadcrumb {
	font-size: 14px;
}
.aioseo-breadcrumb a {
	color: #fff; 
}
.page-content {
	width: 70%;
}
.page-content h3 {
	font-size: 24px;
	margin: 30px 0 0 0;
}
.page-content p {
	margin: 20px 0;
}
.page-content a {
	color: #FFF26B;
}








/* --------------------------------

адаптив

-------------------------------- */
@media (max-width: 1600px) {
.header-flex {
	padding: 15px 0;
}
.intro-flex-header {
	margin: 60px 0 0 0;
}
.header2 {
	max-width: 100px;
}
.intro-flex {
	width: 50%;
}
p, li {
	font-size: 20px;
}
h1 {
	margin: 0 0 15px 0;
}
#menu-top li {
	
}
.btn {
	font-size: 18px;
}
.intrp-bg2 {
	width: 40%;
	height: 80%;
	top: 100px;
	object-fit: contain;
	object-position: right;
}
.intrp-bg1 {
	width: 15%;
}
.b1-bg {
	height: 60%;
	width: 35%;
	object-fit: contain;
	object-position: right;
	left: 0;
}
.b1-bg-1 {
	width: 6%;
	max-width: 320px;
	height: 40%;
	object-fit: cover;
	object-position: left;
}
.title {
	font-size: 56px;
}
#b2 {
	padding: 0 0 240px 0;
}
.b3-title-txt {
	padding: 40px 160px 40px 0;
}
.b4-title {
  width: 200px;
	height: 118px;
	right: 2%;
}
.b5-content {
	width: 52%;
}
.b5-item:last-of-type {
	margin: 200px 0 0 0;
}
.b4-content h3, .b3-item-txt h3 {
	font-size: 40px;
}
.b4-content-sub p {
	font-size: 18px;
}
.b4-content-sub p a {
	font-size: 28px;
}
.b5-txt span {
	font-size: 28px;
}
.b1-subcontent .title {
	font-size: 40px;
}
.b2-bg-1 {
	width: 24%;
}
.top-nav {
	width: 70px;
	height: 70px;
}
.b1-subcontent::before {
	height: 260%;
	transform: translateY(30%);
}
.b3-date {
	display: none;
}
.b3-title-txt::before {
	height: 110%;
	transform: translateY(7%);
}
.b4-item-txt {
	padding: 45px 180px;
}
/* .b4-item:last-of-type .b4-item-txt::before {
	width: 120%;
	height: 120%;
	transform: translate(0px,40px);
}
.b4-item:first-of-type .b4-item-txt::before {
	width: 110%;
	height: 120%;
	transform: translate(0px,40px);
} */
.b1-subcontent-img {
	right: 40px;
	top: -90px;
	max-width: 340px;
}
.btn-bus {
	width: 200px;
	transform: translate(-60px,-45%);
}
.b5-partner img {
	margin: 0 0 0 4.7vw;
	height: 5.1vw;
}
.b3-title-txt::before {
	right: -80px;
} 
.modal_container::before {
	width: 110%;
}
.intro-header-txt-list p {
	font-size: 18px;
}
h1 img {
	width: 35%;
}












}

@media (max-width: 1400px) {
.container {
	padding: 0 40px;
}
.intrp-bg2 {
	width: 50%;
}
.title {
	font-size: 48px;
}
.b1-subcontent-img {
	top: -70px;
	max-width: 300px;
}
.b2-bg-1 {
	object-fit: cover;
	width: 24%;
	object-position: right;
}
.b2-bg {
	width: 55%;
}
.b3-title {
	left: 40px;
}
/* .b3-img {
	width: 70%;
} */
#b3 {
	padding: 0 0 125px 0;
}
#b3::before {
	width: 860px;
	height: 230px;
}
.b4-item-txt h3 {
	font-size: 32px;
}
.b4-content h3, .b3-item-txt h3 {
	font-size: 32px;
}
.b5-bg {
	left: -270px;
}
.b4-title {
	width: 170px;
	height: 100px;
}
.b1-subcontent .title {
	font-size: 32px;
}
.b5-flex::before {
	border-radius: 0px 250px 0px 0px;
}
/* .b4-item:first-of-type .b4-item-txt::before {
	transform: translate(0px,30px);
} */
.btn-bus {
	left: 15px;
	width: 170px;
	transform: translate(0,-55%);
}
/* .b3-item {
	min-height: 400px;
} */
.b5-partner img {
	margin: 0 0 0 5.7vw;
}
#menu-top li {
	font-size: 14px;
}
.b3-img {
	height: 25vw;
}
.b3-item-txt {
	padding: 0 0 0 70px;
}

























}

@media (max-width: 1200px) {
.burger {
	display: flex;
}
.menu-top-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 70%;
	height: 100vh;
	will-change: transform;
	visibility: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 0 50px;
	background: #2b2a28;
	transform: translateX(-100%);
	-webkit-transition: 0.35s ease-out;
	transition: 0.35s ease-out;
}
.menu-top-container.open {
	visibility: visible;
	transform: translateX(0%);
}
header::before, header::after {
	display: none;
}
.header-partner img, .header-partner img:first-of-type {
	margin: 0 55px 0 0;
}
.header-partner img:last-of-type {
	margin: 0;
}
#menu-top {
	flex-direction: column;
}
#menu-top li {
	font-size: 24px;
	margin: 20px 0;
}
.intro-btn-group {
	align-items: flex-start;
	flex-direction: column;
}
.intro-btn-group .btn {
	margin: 0 0 70px 0;
}
.b1-subcontent {
	width: 95%;
	padding: 45px 32% 45px 110px;
}
.title {
	font-size: 40px;
	margin: 0 0 20px 0;
}
.b4-content h3, .b3-item-txt h3 {
	font-size: 32px;
}
.b1-date {
	transform: translateX(0%);
}
.b3-grid {
	padding: 185px 0 0 0;
}
.b3-item {
	padding: 0 0 70px 0;
}
.b3-item-txt {
	padding: 0 0 0 50px;
}
.b4-item-txt h3 {
	font-size: 28px;
}
.b5-bg {
	display: none;
	left: -40px;
	width: 100%;
	height: auto;
	position: relative;
	margin: 0;
}
.b5-item .btn-white {
	margin: 0 0 40px 0;
}
.b5-flex {
	padding: 70px 0 0 0;
	width: 60%;
}
.b5-content {
	width: 100%;
	flex-direction: column;
}
.b5-item:last-of-type {
	margin: 80px 0 0 0;
	align-items: flex-start;
}
.b5-bg-1 {
	width: 100%;
	object-fit: cover;
	object-position: bottom right;
}
.b5-item {
	width: 100%;
	padding: 0 70px 0 0;
}
.mobile {
	display: block;
}
.b5-partner {
	flex-wrap: wrap;
	margin: 0 0 40px 0;
}
.b5-partner h3 {
	width: 100%;
	margin: 0 0 20px 0;
}
.b5-partner img {
	margin: 0 9.1% 0 0;
}
.b5-partner img:last-child {
	margin: 0;
}
.b5-item .btn-black {
	margin: 0 0 50px 0;
}
.b3-title-txt::before {
	right: -100px;
}
.b4-grid {
	flex-direction: column;
	align-items: center;
}
.b4-item {
	width: 70%;
	padding: 240px 0 0 0;
}
.b4-txt {
	padding: 0;
}
.b4-item-txt {
	padding: 45px 140px;
}
/* .b4-item:first-of-type .b4-item-txt::before {
	width: 110%;
	height: 120%;
	transform: translate(0px,10px);
}
.b4-item:last-of-type .b4-item-txt::before {
	width: 110%;
	height: 110%;
} */
.b1-subcontent-img {
	top: -20px;
}
#b2 .b4-item-txt {
	padding: 45px 150px;
}
.intro-flex {
	width: 70%;
}
.header1 {
	width: 35%;
}
.intro-header-txt {
	width: 60%;
}
.b3-list.b3-list1 {
	width: 26%;
}
.b3-list.b3-list2 {
	transform: translateX(-50%) rotate(10deg);
	width: 16%;
}
.b4-img {
	width: 70%;
}
.b3-img {
	height: 35vw;
}













}

@media (max-width: 991px) {
.intro-bg {
	display: none;
}
.container {
	padding: 0 20px;
}
.intro-flex {
	width: 100%;
}
.header1 {
	max-width: 100%;
	width: 50%;
	object-position: top;
	object-fit: contain;
}
.intro-header-txt {
	align-items: flex-end;
	width: 35%;
}
.header2 {
	max-width: 70%;
	margin: 0 0 15px 0;
}
.intro-header-txt p {
	font-family: 'xbandroughcyrillicaa';
	margin: 10px 0;
}
.intro-flex-header {
	margin: 60px 0 500px 0;
}
.hidden {
	display: block;
}
.intro-bg-mobile {
	position: absolute;
	top: 23%;
	left: auto;
	width: 90%;
	right: 0;
}
#intro .container {
	position: static;
}
.intro-content {
	position: relative;
}
.intro-content::before {
	background: url(img/list2.svg) no-repeat center / contain;
	width: 100px;
	height: 240px;
	top: 0;
	right: 0;
	transform: translateX(50%);
	display: none;
}
.btn {
	font-size: 20px;
}
.b1-bg, .b1-bg-1 {
	display: none;
}
.b1-content {
	width: 100%;
}
p, li {
	font-size: 18px;
}
.b1-subcontent {
	width: 100%;
	padding: 35px 30px;
	background: transparent;
	border-radius: 0;
}
.b1-subflex {
	padding: 0 20px;
}
.b1-sub {
	width: 100%;
	flex-direction: column;
	text-align: center;
	border-radius: 30px;
	z-index: 2;
}
.b1-subcontent::before {
	height: 290%;
	transform: translateY(35%);
	width: 200%;
}
.b1-date {
	z-index: 1;
}
.b1-subcontent-img {
	top: 0;
	position: relative;
	width: 50%;
	right: 0;
	max-width: 500px;
}
.b1-date {
	margin: -12px auto 0 auto;
}
.b1-content .intro-btn-group {
	display: none;
}
.b1-subflex:before {
	background: url(img/b1-3.svg) no-repeat center / contain;
	top: 0;
	left: 0;
	width: 100%;
	height: 300px;
	transform: translateY(-50%);
}
.b1-subflex::after {
	background: url(img/b1-4.svg) no-repeat bottom right / contain;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50vh;
}
.b2-bg {
	display: none;
}
.b2-flex {
	width: 100%;
}
.b2-bg-mobile {
	position: relative;
	display: block;
	width: 100%;
}
.b2-txt {
	margin: 0 0 50px 0;
}
.b3-list.b3-list1 {
	display: none;
}
.b3-title {
	left: 0;
	position: relative;
	transform: translateY(0%);
}
.b3-title-txt {
	padding: 40px 0;
	width: 100%;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.b3-title-txt::before {
	background: url(img/r2.svg) no-repeat center / contain;
	height: 125%;
	transform: translateY(12%);
}
#b2 {
	padding: 0 0 100px 0;
}
.b3-title-txt::before {
	right: auto;
}
.b3-date {
	display: none;
}
.b3-title-txt .sub {
	width: 65%;
}
.b3-list.b3-list2 {
	transform: translateX(10%) rotate(20deg);
	bottom: -48%;
	width: 30%;
	display: none;
}
.b3-grid::before {
	display: none;
}
.b3-grid {
	padding: 90px 0 0 0;
}
.b3-item {
	padding: 0 0 100px 0;
	flex-direction: column-reverse;
}
.b3-item:nth-of-type(2n) {
	flex-direction: column-reverse;
}
.b3-item-txt {
	padding: 0;
	width: 100%;
}
.b3-img {
	position: relative;
	width: 80%;
	transform: translateX(0%) translateY(0);
	max-height: 460px;
	height: auto;
	padding: 0;
}
/* .b3-item:nth-of-type(2n) .b3-img {
	transform: translateX(0%) translateY(-3%);
} */
.b3-bg-2, .b3-bg-1, #b3::before {
	display: none;
}
/* .b3-item:nth-of-type(3) .b3-img {
	transform: translateX(-10%) translateY(-3%);
}  */
#b3 {
	padding: 0 0 55px 0;
}
.b4-title {
	width: 250px;
	height: 180px;
	position: relative;
	right: auto;
	margin: 0 0 20px 0;
}
#b4 .container {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.b4-bg {
	display: none;
}
.b4-grid {
	margin: 0 0 70px 0;
	flex-direction: column;
}
.b4-item {
	width: 100%;
	margin: 0 0 60px 0;
	padding: 260px 0 0 0;
	text-align: center;
}
#b4 .title {
	text-align: center;
}
.b5-flex {
	width: 70%;
}
.b4-bg-mobile {
	position: absolute;
	width: 100%;
	height: 57%;
	object-fit: cover;
	top: 25%;
	left: 0;
	object-position: bottom;
}
.b1-bg {
	display: none;
}
.b1-subflex::after {
	display: none;
}
.b4-item:first-of-type .b4-item-txt::before {
	width: 380%;
	height: 280%;
	transform: translate(0px,70px);
	background: url(img/r1.svg) no-repeat center / contain;
}
.b4-item:last-of-type .b4-item-txt::before {
	width: 380%;
	height: 280%;
	transform: translate(0px,70px);
	background: url(img/r1.svg) no-repeat center / contain;
}
.b5-bg-mobile {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 110%;
	object-fit: contain;
	object-position: right;
}
.btn-bus {
	left: auto;
	width: 130px;
	transform: translate(0,-85%);
	right: 20px;
}
.b4-grid-col {
	flex-direction: column;
}
.b4-col-item {
	width: 100%;
}
.b4-col-item p {
	margin: 0 0 12px 0;
}
.modal_container {
	padding: 100px 50px;
}
.modal_container::before {
	width: 150%;
	height: 140%;
}
.close-modal {
	top: 50px;
}
#page {
	padding: 50px 0;
}
.page-content {
	width: 100%;
}
.page-content h3 {
	font-size: 20px;
}
.b5-bg {
	left: -20px;
}
.intro-header-txt-list p {
	padding: 0;
	width: 100%;
	text-align: right;
}

















}

@media (max-width: 767px) {
.container {
	padding: 0 12px;
}
.menu-top-container {
	width: 85%;
	padding: 0 40px;
}
.header1 {
	width: 55%;
}
.intro-header-txt {
	width: 45%;
}
.header2 {
	max-width: 63%;
	margin: 0 0 10px 0;
}
p, li {
	font-size: 16px;
}
.intro-header-txt p {
	margin: 6px 0;
	text-align: right;
}
.intro-flex-header {
	margin: 60px 0 290px 0;
}
h1 img {
	width: 86%;
}
.intro-txt {
	width: 90%;
}
.intro-btn-group {
	align-items: center;
}
.btn {
	width: 100%;
	padding: 0;
}
.b1-subflex::after {
	background: url(img/b1-4.svg) no-repeat bottom center / cover;
	width: 100%;
	height: 315px;
}
.b1-subcontent-img {
	width: 90%;
}
.intro-btn-group {
	width: 100%;
}
.title {
	font-size: 36px;
	margin: 0 0 15px 0;
}
.b4-content h3, .b3-item-txt h3 {
	font-size: 24px;
}
.b3-list.b3-list2 {
	transform: translateX(3%) rotate(20deg);
	width: 300px;
}
.b3-item:nth-of-type(1) .b3-img {
	transform: translateX(-10%) translateY(-3%);
}
.b4-item {
	padding: 200px 0 0 0;
}
.b4-item-txt {
	padding: 40px 25px;
}
.b4-item-txt h3 {
	font-size: 24px;
}
.b4-bg-mobile {
	height: 64%;
	top: 12%;
}
.b4-grid {
	margin: 0 0 50px 0;
}
#b4 {
	padding: 0;
}
.b5-flex {
	width: 100%;
}
.b5-flex {
	padding: 85px 0 0 0;
}
.b5-item .header-partner {
	width: 100%;
	justify-content: space-between;
	padding: 0 12px 0 0;
}
.b5-item  .header-partner img {
	height: 52px;
	margin: 0;
}
.b5-bg-1 {
	display: none;
}
.b5-bg-mobile {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	object-fit: cover;
	object-position: top right;
	height: 110%;
	pointer-events: none;
}
.b4-content-sub p {
	font-size: 16px;
}
.b4-content-sub p a {
	font-size: 18px;
}
.b1-subcontent .title {
	font-size: 24px;
}
.intro-content {
	padding: 0 0 60px 0;
}
.top-nav {
	width: 55px;
	height: 55px;
	bottom: 30px;
  left: 12px;
}
.b5-partner h3 {
	margin: 0 0 30px 0;
	font-size: 28px;
}
.b5-partner img, .b5-partner img:last-child {
	height: 65px;
	width: 35%;
	margin: 0 3% 30px 3%;
	object-fit: contain;
}
.b4-content-sub {
	position: relative;
	z-index: 1;
}
.b1-subcontent::before {
	height: 240%;
	transform: translateY(22%);
	width: 400%;
}
.b3-title-txt::before {
	height: 155%;
	transform: translateY(20%);
	width: 250%;
	pointer-events: none;
}
.b4-item:first-of-type .b4-item-txt::before {
	width: 130%;
	height: 135%;
	transform: translate(0px,30px);
	background: url(img/r7.svg) no-repeat center / contain;
}
.b4-item:last-of-type .b4-item-txt::before {
	width: 130%;
	height: 135%;
	transform: translate(0px,30px);
	background: url(img/r7.svg) no-repeat center / cover;
}
.b1-subflex {
	margin: 70px 0 0 0;
}
.header-partner {
	justify-content: space-between;
}
.header-partner img {
	/* margin: 0 30px; */
	width: auto;
	flex: 0 0 auto;
	object-fit: contain;
}
.header-partner img, .header-partner img:first-of-type {
	margin: 0 2vw 0 0;
	height: 7vw;
	max-width: 25vw;
}
#b2 {
	padding: 0;
}
.btn-bus {
	width: 125px;
	transform: translate(0,-93%);
	right: 10px;
}
#b2 .b4-item {
	padding: 225px 0 0 0;
}
#b2 .b4-item-txt {
	padding: 45px 20px;
}
#b2 .b4-item:first-of-type .b4-item-txt::before {
	width: 160%;
	height: 145%;
}
#b2 .b4-txt {
	width: 100%;
}
#b2 .b4-item:last-of-type .b4-item-txt::before {
	width: 150%;
	height: 135%;
}
.modal_container::before {
	width: 170%;
}
.modal_container {
	padding: 100px 30px;
}
.b4-col-item a {
	font-size: 28px;
}
.intro-bg-mobile {
	width: 95%;
	top: 30%;
}
.b5-bg {
	left: -15px;
}
.b3-title-txt .sub {
	width: 85%;
}
.b3-item {
	padding: 0 0 50px 0;
}
.b4-img {
	width: 80%;
}













}

@media (max-width: 380px) {
.header-partner img {
	margin: 0 25px;
	width: 26%; 
}












}

@media (max-width: 330px) {
.intro-bg-mobile {
	top: 17%;
}
.intro-flex-header {
	margin: 62px 0 150px 0;
}
.b1-subcontent::before {
	height: 270%;
	transform: translateY(28%);
	width: 550%;
	left: -180px;
}
.b3-title-txt::before {
	height: 185%;
	transform: translateY(25%);
	width: 350%;
}
.b4-title {
	width: 220px;
	height: 140px;
}
.b4-item:first-of-type .b4-item-txt::before {
	width: 180%;
	height: 130%;
}
.header-partner img {
	margin: 0 20px;
	width: 26%;
}






}