@charset "utf-8";

html {
    position: relative;
	min-height: 100%;
    color: #000;
    font-family: Roboto--V20, Arial, Tahoma, sans-serif;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
@media only screen and (min-width: 1681px) {
	html {
		font-size: 24px;
		line-height: 36px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	html {
		font-size: 24px;
		line-height: 36px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	html {
		font-size: 20px;
		line-height: 32px;
	}
}
@media only screen and  (max-width: 720px) {
	html {
		font-size: 16px;
		line-height: 24px;
	}
}

html * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    position: relative;
	min-height: 100%;
	background-color: #F4F4F4;
	overflow-x: hidden;
}

a {
	color: #000;
	text-decoration: none;
}

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

img {
	display: block;
}

h1,
h3 {
	font-weight: normal;
}

.wrapper {
	max-width: 1680px;
	margin: 0 auto;
}
@media only screen and (min-width: 1681px) {
	.wrapper {
		padding: 0 40px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.wrapper {
		padding: 0 40px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.wrapper {
		padding: 0 40px;
	}
}
@media only screen and  (max-width: 720px) {
	.wrapper {
		padding: 0 20px;
	}
}

.floor {
	opacity: 0;
}

.floor.animated {
	opacity: 1;
	animation: lol 1s;
}






.header {
	position: absolute;
	z-index: 5;
	top: 0;
	right: 0;
	left: 0;
}
.header .wrapper {
	position: relative;
	padding-top: 24px;
}
.header .container {
	display: flex;
	justify-content: space-between;
}
@media only screen and (min-width: 1681px) {
	
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.header .logo img {
		width: auto;
		height: 64px;
	}
}
@media only screen and  (max-width: 720px) {
	.header .logo img {
		width: auto;
		height: 64px;
	}
}
.header .actionContainer {
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
}
.header .contactsContainer {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
@media only screen and (min-width: 1681px) {
	.header .contactsContainer {
		margin-right: 96px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.header .contactsContainer {
		margin-right: 96px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.header .contactsContainer {
		margin-right: 32px;
	}
}
@media only screen and  (max-width: 720px) {
	.header .contactsContainer {
		display: none;
	}
}
.header .contactsContainer .icon {
	display: flex;
	justify-content: center;
	align-items: center;
	order: 1;
	margin-right: 28px;
	background-color: #E02020;
	transition: .3s ease;
}
@media only screen and (min-width: 1681px) {
	.header .contactsContainer .icon {
		width: 80px;
		height: 80px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.header .contactsContainer .icon {
		width: 80px;
		height: 80px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.header .contactsContainer .icon {
		width: 64px;
		height: 64px;
	}
}
@media only screen and  (max-width: 720px) {
	
}
.header .contactsContainer .text:hover + .icon {
	background-color: #8E1010;
}
.header .contactsContainer .text {
	order: 2;
	font-size: 16px;
	line-height: 24px;
}
.header .contactsContainer .text .link {
	transition: .3s ease;
}
.header .contactsContainer .text .link:hover {
	color: #E02020;
}
.header .presentationContainer {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
@media only screen and (min-width: 1681px) {
	.header .presentationContainer {
		margin-right: 96px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.header .presentationContainer {
		margin-right: 96px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.header .presentationContainer {
		margin-right: 20px;
	}
}
@media only screen and  (max-width: 720px) {
	.header .presentationContainer {
		display: none;
	}
}
.header .presentationContainer .icon {
	display: flex;
	justify-content: center;
	align-items: center;
	order: 1;
	background-color: #8E1010;
	transition: .3s ease;
}
@media only screen and (min-width: 1681px) {
	.header .presentationContainer .icon {
		width: 80px;
		height: 80px;
		margin-right: 28px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.header .presentationContainer .icon {
		width: 80px;
		height: 80px;
		margin-right: 28px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.header .presentationContainer .icon {
		width: 64px;
		height: 64px;
	}
}
@media only screen and  (max-width: 720px) {
	
}
.header .presentationContainer .text:hover + .icon {
	background-color: #E02020;
}
.header .presentationContainer .text {
	display: none;
	order: 2;
	font-size: 16px;
	line-height: 24px;
}
@media only screen and (min-width: 1681px) {
	.header .presentationContainer .text {
		display: block;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.header .presentationContainer .text {
		display: block;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	
}
@media only screen and  (max-width: 720px) {
	
}
.header .presentationContainer .fileName {
	transition: .3s ease;
}
.header .presentationContainer .text:hover .fileName {
	color: #E02020;
}
.header .presentationContainer .fileType {
	color: #9C9C9C;
}
.header .menuButton {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #000;
	cursor: pointer;
	transition: .3s ease;
}
@media only screen and (min-width: 1681px) {
	.header .menuButton {
		width: 80px;
		height: 80px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.header .menuButton {
		width: 80px;
		height: 80px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.header .menuButton {
		width: 64px;
		height: 64px;
	}
}
@media only screen and  (max-width: 720px) {
	.header .menuButton {
		width: 64px;
		height: 64px;
	}
}
.header .menuButton:hover {
	background-color: #8E1010;
}






.bgrForfloor01 {
	background: linear-gradient(180deg, #E2E2E2 0%, #FFFFFF 100%);
}
.floor01 {
}
.floor01 .wrapper {
	position: relative;
}
@media only screen and (min-width: 1681px) {
	.floor01 .wrapper {
		padding-top: 435px;
		padding-bottom: 64px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor01 .wrapper {
		padding-top: 379px;
		padding-bottom: 64px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor01 .wrapper {
		padding-top: 152px;
		padding-bottom: 64px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor01 .wrapper {
		padding-top: 132px;
		padding-bottom: 48px;
	}
}
.floor01 .container {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: nowrap;
}
@media only screen and (min-width: 1681px) {
	
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor01 .container {
		flex-direction: column;
		align-items: flex-start;
	}
}
@media only screen and  (max-width: 720px) {
	
}
.floor01 .menu {
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
@media only screen and (min-width: 1681px) {
	.floor01 .menu {
		width: calc((100% - 56px) / 3 * 1);
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor01 .menu {
		width: calc((100% - 56px) / 3 * 1);
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor01 .menu {
		width: 100%;
	}
}
@media only screen and  (max-width: 720px) {
	.floor01 .menu {
		display: none;
	}
}
.floor01 .menu li {
	margin-bottom: 12px;
}
.floor01 .menu li:last-child {
	margin-bottom: 0;
}
.floor01 .menu a {
	transition: color .3s ease;
}
.floor01 .menu a:hover {
	color: #E02020;
}
.floor01 .intro {
	background: linear-gradient(180deg, #E02020 0%, #8E1010 100%);
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-size: 4px 0;
	transition: background-size 1s ease;
}
@media only screen and (min-width: 1681px) {
	.floor01 .intro {
		width: calc((100% - 56px) / 3 * 2 + 56px);
		padding: 0 200px 0 28px;
		font-size: 44px;
		line-height: 56px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor01 .intro {
		width: calc((100% - 56px) / 3 * 2 + 56px);
		padding: 0 175px 0 28px;
		font-size: 44px;
		line-height: 56px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor01 .intro {
		width: 100%;
		margin-top: 64px;
		padding: 0 0 0 24px;
		font-size: 32px;
		line-height: 44px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor01 .intro {
		font-size: 18px;
		line-height: 26px;
		background-image: none;
	}
}
.floor01.animated .intro {
	background-size: 4px 100%;
}
.floor01 .letterWithCircles {
	position: absolute;
		display: none;
}
@media only screen and (min-width: 1681px) {
	.floor01.animated .letterWithCircles {
		display: block;
		top: 387px;
		right: 40px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor01.animated .letterWithCircles {
		display: block;
		top: 387px;
		right: 80px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor01.animated .letterWithCircles {
		display: block;
		top: 226px;
		right: 200px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor01 .letterWithCircles {
	}
}
.floor01 .letterWithCircles .circle {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1px;
	height: 1px;
	animation: spin02 15s infinite;
	animation-delay: 1s;
	opacity: 0;
}
.floor01 .letterWithCircles .circle01,
.floor01 .letterWithCircles .circle02,
.floor01 .letterWithCircles .circle03,
.floor01 .letterWithCircles .circle04 {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.floor01 .letterWithCircles .circle svg {
	position: absolute;
	width: 100%;
	height: 100%;
	animation-delay: 1s;
}
.floor01 .letterWithCircles .circle01 {
	animation: ripple675 2s linear infinite;
}
.floor01 .letterWithCircles .circle02 {
	animation: ripple675 2s linear 0.6s infinite;
}
.floor01 .letterWithCircles .circle03 {
	animation: ripple675 2s linear 1s infinite;
}
.floor01 .letterWithCircles .circle04 {
	animation: ripple675 2s linear 1.35s infinite;
}
.floor01 .letterWithCircles .letter {
	position: relative;
    font-family: RobotoSlab, Arial, Tahoma, sans-serif;
    font-size: 160px;
    font-weight: 400;
    line-height: 211px;
	color: #FFF;
}
.floor01 .letterWithCircles .letter:before {
	position: absolute;
	content: "";
	width: 156px;
	left: 50%;
	margin-left: -78px;
	text-align: center;
	animation: spin01 15s infinite;
	animation-delay: 1s;
}
@media only screen and (min-width: 1681px) {
	
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	
}
@media only screen and  (max-width: 720px) {
	
}






.bgrForfloor02 {
	background: linear-gradient(180deg, #FFFFFF 0%, #F4F4F4 100%);
}
.floor02 {
	position: relative;
	background-color: #F4F4F4;
}
.floor02 .wrapper {
	position: relative;
	z-index: 2;
}
@media only screen and (min-width: 1681px) {
	.floor02 .wrapper {
		height: 900px;
		padding-top: 120px;
		padding-bottom: 120px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor02 .wrapper {
		height: 600px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor02 .wrapper {
		height: 338px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor02 .wrapper {
		height: 338px;
	}
}
.floor02 .container {
	position: absolute;
	z-index: 1;
	width: 100%;
}
@media only screen and (min-width: 1681px) {
	.floor02 .container {
		height: 900px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor02 .container {
		height: 600px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor02 .container {
		height: 338px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor02 .container {
		height: 338px;
	}
}
.floor02 .slide {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-size: cover;
	opacity: 0;
	transition: opacity 2s;
}
@media only screen and (min-width: 1681px) {
	.floor02 .slide {
		height: 900px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor02 .slide {
		height: 600px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor02 .slide {
		height: 338px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor02 .slide {
		height: 338px;
	}
}
.floor02 .slide.is-showed {
	opacity: 1;
}
.floor02 .slide01 {
	background-image: url("../images/floor02Image001.png");
}
.floor02 .slide02 {
	background-image: url("../images/floor02Image002.png");
}
.floor02 .slide03 {
	background-image: url("../images/floor02Image003.png");
}
.floor02 .slide04 {
	background-image: url("../images/floor02Image004.png");
}
.floor02 .slide05 {
	background-image: url("../images/floor02Image005.png");
}
.floor02 .slide .textContainer {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: opacity 2s;
	transition-delay: 0.8s;
}
@media only screen and (min-width: 1681px) {
	.floor02 .slide .textContainer {
		width: 600px;
		height: 600px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor02 .slide .textContainer {
		width: 600px;
		height: 600px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor02 .slide .textContainer {
		width: 600px;
		height: 314px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor02 .slide .textContainer {
		width: 100%;
		height: 314px;
		padding: 0 40px;
	}
}
.floor02 .slide.is-showed .textContainer {
	opacity: 1;
}
.floor02 .slide .title {
	position: relative;
	z-index: 2;
	color: #FFF;
	text-align: center;
}
@media only screen and (min-width: 1681px) {
	.floor02 .slide .title {
		margin-bottom: 24px;
		font-size: 44px;
		line-height: 56px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor02 .slide .title {
		margin-bottom: 24px;
		font-size: 44px;
		line-height: 56px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor02 .slide .title {
		margin-bottom: 24px;
		font-size: 32px;
		line-height: 44px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor02 .slide .title {
		margin-bottom: 16px;
		font-size: 18px;
		line-height: 26px;
	}
}
.floor02 .slide .title span {
	background: linear-gradient(90deg, #E02020 0%, #8E1010 100%);
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-size: 0 4px;
	transition: background-size 1s ease;
	transition-delay: 1.5s;
}
.floor02 .slide.is-showed .title span {
	background-size: 100% 4px;
}

.floor02 .slide .text {
	position: relative;
	z-index: 2;
	color: #FFF;
	text-align: center;
}
@media only screen and (min-width: 1681px) {
	.floor02 .slide .text {
		font-size: 20px;
		line-height: 32px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor02 .slide .text {
		font-size: 20px;
		line-height: 32px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor02 .slide .text {
		font-size: 16px;
		line-height: 24px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor02 .slide .text {
		font-size: 14px;
		line-height: 22px;
	}
}
.floor02 .textContainer .circle {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	width: 1px;
	height: 1px;
}
.floor02 .textContainer .circle01,
.floor02 .textContainer .circle02,
.floor02 .textContainer .circle03,
.floor02 .textContainer .circle04 {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.floor02 .textContainer .circle svg {
	position: absolute;
	width: 100%;
	height: 100%;
}
@media only screen and (min-width: 1681px) {
	.floor02 .textContainer .circle01 {
		animation: ripple675 2s linear infinite;
	}
	.floor02 .textContainer .circle02 {
		animation: ripple675 2s linear 0.6s infinite;
	}
	.floor02 .textContainer .circle03 {
		animation: ripple675 2s linear 1s infinite;
	}
	.floor02 .textContainer .circle04 {
		animation: ripple675 2s linear 1.35s infinite;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor02 .textContainer .circle01 {
		animation: ripple675 2s linear infinite;
	}
	.floor02 .textContainer .circle02 {
		animation: ripple675 2s linear 0.6s infinite;
	}
	.floor02 .textContainer .circle03 {
		animation: ripple675 2s linear 1s infinite;
	}
	.floor02 .textContainer .circle04 {
		animation: ripple675 2s linear 1.35s infinite;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor02 .textContainer .circle01 {
		animation: ripple314 2s linear infinite;
	}
	.floor02 .textContainer .circle02 {
		animation: ripple314 2s linear 0.6s infinite;
	}
	.floor02 .textContainer .circle03 {
		animation: ripple314 2s linear 1s infinite;
	}
	.floor02 .textContainer .circle04 {
		animation: ripple314 2s linear 1.35s infinite;
	}
}
@media only screen and  (max-width: 720px) {
	.floor02 .textContainer .circle01 {
		animation: ripple314 2s linear infinite;
	}
	.floor02 .textContainer .circle02 {
		animation: ripple314 2s linear 0.6s infinite;
	}
	.floor02 .textContainer .circle03 {
		animation: ripple314 2s linear 1s infinite;
	}
	.floor02 .textContainer .circle04 {
		animation: ripple314 2s linear 1.35s infinite;
	}
}
.floor02 .leftArrow {
	position: absolute;
	left: 40px;
	top: 50%;
	display: none;
	justify-content: center;
	align-items: center;
	margin-top: -40px;
	width: 80px;
	height: 80px;
	background-color: #000;
	cursor: pointer;
	transition: .3s ease;
}
@media only screen and (min-width: 1681px) {
	.floor02 .leftArrow {
		display: flex;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor02 .leftArrow {
		display: flex;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	
}
@media only screen and  (max-width: 720px) {
	
}
.floor02 .rightArrow {
	position: absolute;
	right: 40px;
	top: 50%;
	display: none;
	justify-content: center;
	align-items: center;
	margin-top: -40px;
	width: 80px;
	height: 80px;
	background-color: #000;
	cursor: pointer;
	transition: .3s ease;
}
@media only screen and (min-width: 1681px) {
	.floor02 .rightArrow {
		display: flex;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor02 .rightArrow {
		display: flex;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	
}
@media only screen and  (max-width: 720px) {
	
}
.floor02 .leftArrow:hover,
.floor02 .rightArrow:hover {
	background-color: #E02020;
}
.floor02 .switcherContainer {
	display: flex;
	justify-content: space-between;
	position: absolute;
	right: 40px;
	bottom: 40px;
	left: 40px;
}
@media only screen and (min-width: 1681px) {
	.floor02 .switcherContainer {
		justify-content: space-between;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor02 .switcherContainer {
		justify-content: space-between;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor02 .switcherContainer {
		justify-content: center;
	}
}
@media only screen and  (max-width: 720px) {
	.floor02 .switcherContainer {
		justify-content: center;
	}
}
.floor02 .switcher {
	background-color: rgba(255, 255, 255, 0.32);
	cursor: pointer;
}
@media only screen and (min-width: 1681px) {
	.floor02 .switcher {
		height: 8px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor02 .switcher {
		height: 8px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor02 .switcher {
		height: 4px;
		margin: 0 6px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor02 .switcher {
		height: 4px;
		margin: 0 6px;
	}
}
.floor02 .switcher.active {
	background-color: #FFF;
}
@media only screen and (min-width: 1681px) {
	.floor02 .counter10 .switcher {
		width: calc((100% - 18px) / 5);
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor02 .counter10 .switcher {
		width: calc((100% - 18px) / 5);
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor02 .counter10 .switcher {
		width: 4px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor02 .counter10 .switcher {
		width: 4px;
	}
}
.floor02 .switcher .timer {
	background: linear-gradient(90deg, #E02020 0%, #8E1010 100%);
	background-repeat: no-repeat;
	transition: background-size 7s linear, opacity 0s linear;
	opacity: 0;
}
@media only screen and (min-width: 1681px) {
	.floor02 .switcher .timer {
		height: 8px;
		background-size: 0 8px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor02 .switcher .timer {
		height: 8px;
		background-size: 0 8px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor02 .switcher .timer {
		height: 4px;
		background-size: 0 4px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor02 .switcher .timer {
		height: 4px;
		background-size: 0 4px;
	}
}
.floor02 .switcher.active .timer {
	opacity: 1;
}
@media only screen and (min-width: 1681px) {
	.floor02 .switcher.active .timer {
		background-size: 100% 8px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor02 .switcher.active .timer {
		background-size: 100% 8px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor02 .switcher.active .timer {
		background-size: 100% 4px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor02 .switcher.active .timer {
		background-size: 100% 4px;
	}
}
@media only screen and (min-width: 1681px) {
	
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	
}
@media only screen and  (max-width: 720px) {
	
}







.floor03 {
	background-color: #F4F4F4;
}
.floor03 .wrapper {
	position: relative;
}
@media only screen and (min-width: 1681px) {
	.floor03 .wrapper {
		padding-top: 96px;
		padding-bottom: 96px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor03 .wrapper {
		padding-top: 96px;
		padding-bottom: 96px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor03 .wrapper {
		padding-top: 96px;
		padding-bottom: 96px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor03 .wrapper {
		padding-top: 48px;
		padding-bottom: 48px;
	}
}
.floor03 .textHeader {
	display: inline;
	font-weight: 900;
	font-size: 92px;
	line-height: 112px;
	text-transform: uppercase;
	background: linear-gradient(90deg, #E02020 0%, #8E1010 100%);
	background-repeat: no-repeat;
	background-position: 0 100%;
	transition: background-size 1s ease;
	hyphens: auto;
}
@media only screen and (min-width: 1681px) {
	.floor03 .textHeader {
		font-size: 92px;
		line-height: 112px;
		background-size: 0 8px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor03 .textHeader {
		font-size: 76px;
		line-height: 89px;
		background-size: 0 8px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor03 .textHeader {
		font-size: 36px;
		line-height: 42px;
		background-size: 0 4px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor03 .textHeader {
		font-size: 20px;
		line-height: 23px;
		background-size: 0 2px;
	}
}
@media only screen and (min-width: 1681px) {
	.floor03.animated .textHeader {
		background-size: 100% 8px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor03.animated .textHeader {
		background-size: 100% 8px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor03.animated .textHeader {
		background-size: 100% 4px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor03.animated .textHeader {
		background-size: 100% 2px;
	}
}
.floor03 .blocksContainer {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
@media only screen and (min-width: 1681px) {
	.floor03 .blocksContainer {
		padding-top: 52px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor03 .blocksContainer {
		padding-top: 52px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor03 .blocksContainer {
		padding-top: 28px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor03 .blocksContainer {
		padding-top: 20px;
	}
}
.floor03 .block {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 28px;
	background-color: #FFF;
}
@media only screen and (min-width: 1681px) {
	.floor03 .block {
		width: calc((100% - 56px) / 3);
		min-height: 300px;
		margin-top: 28px;
		padding: 40px 72px 40px 40px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor03 .block {
		width: calc((100% - 56px) / 3);
		min-height: 300px;
		margin-top: 28px;
		padding: 40px 40px 40px 40px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor03 .block {
		width: calc((100% - 20px) / 2);
		min-height: 292px;
		margin-top: 20px;
		padding: 40px 40px 40px 40px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor03 .block {
		width: 100%;
		min-height: 206px;
		margin-top: 12px;
		padding: 32px 32px 32px 32px;
	}
}
.floor03 .blockNumber {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 48px;
	height: 48px;
	background-color: #8E1010;
	font-size: 20px;
	line-height: 32px;
	color: #fff;
}
@media only screen and (min-width: 1681px) {
	.floor03 .blockNumber {
		width: 48px;
		height: 48px;
		margin: -20px 0 0 -20px;
		font-size: 20px;
		line-height: 32px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor03 .blockNumber {
		width: 48px;
		height: 48px;
		margin: -20px 0 0 -20px;
		font-size: 20px;
		line-height: 32px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor03 .blockNumber {
		width: 48px;
		height: 48px;
		margin: -20px 0 0 -20px;
		font-size: 20px;
		line-height: 32px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor03 .blockNumber {
		width: 40px;
		height: 40px;
		margin: -12px 0 0 -12px;
		font-size: 18px;
		line-height: 26px;
	}
}
@media only screen and (min-width: 1681px) {
	.floor03 .blockText {
		font-size: 20px;
		line-height: 32px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor03 .blockText {
		font-size: 18px;
		line-height: 26px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor03 .blockText {
		font-size: 16px;
		line-height: 24px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor03 .blockText {
		font-size: 14px;
		line-height: 22px;
	}
}
@media only screen and (min-width: 1681px) {
	
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	
}
@media only screen and  (max-width: 720px) {
	
}






.floor04 {
	background-color: #FFF;
}
.floor04 .wrapper {
	position: relative;
}
@media only screen and (min-width: 1681px) {
	.floor04 .wrapper {
		padding-top: 68px;
		padding-bottom: 96px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor04 .wrapper {
		padding-top: 68px;
		padding-bottom: 96px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor04 .wrapper {
		padding-top: 96px;
		padding-bottom: 96px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor04 .wrapper {
		padding-top: 48px;
		padding-bottom: 48px;
	}
}
.floor04 .container {
	display: flex;
	justify-content: space-between;
}
@media only screen and (min-width: 1681px) {
	
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor04 .container {
		flex-direction: column;
	}
}
@media only screen and  (max-width: 720px) {
	.floor04 .container {
		flex-direction: column;
	}
}
@media only screen and (min-width: 1681px) {
	.floor04 .textContainer {
		width: calc((100% - 56px) / 3);
		padding: 28px 72px 0 0;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor04 .textContainer {
		width: calc((100% - 56px) / 3);
		padding: 28px 72px 0 0;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor04 .textContainer {
		width: 100%;
		padding: 0;
	}
}
@media only screen and  (max-width: 720px) {
	.floor04 .textContainer {
		width: 100%;
		padding: 0;
	}
}
.floor04 .textContainer .text {
	font-weight: 600;
}
@media only screen and (min-width: 1681px) {
	.floor04 .textContainer .text {
		font-size: 24px;
		line-height: 36px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor04 .textContainer .text {
		font-size: 24px;
		line-height: 36px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor04 .textContainer .text {
		font-size: 24px;
		line-height: 36px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor04 .textContainer .text {
		font-size: 20px;
		line-height: 26px;
	}
}
@media only screen and (min-width: 1681px) {
	.floor04 .textContainer .linkContainer {
		margin-top: 28px;
		font-size: 16px;
		line-height: 24px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor04 .textContainer .linkContainer {
		margin-top: 28px;
		font-size: 16px;
		line-height: 24px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor04 .textContainer .linkContainer {
		margin-top: 20px;
		font-size: 16px;
		line-height: 24px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor04 .textContainer .linkContainer {
		margin-top: 16px;
		font-size: 14px;
		line-height: 22px;
	}
}
.floor04 .textContainer .link {
	color: #E02020;
	transition: color .3s ease;
}
.floor04 .textContainer .link:hover {
	color: #000;
}
.floor04 .scrollerWrapper {
	overflow: hidden;
}
@media only screen and (min-width: 1681px) {
	.floor04 .scrollerWrapper {
		width: calc((100% - 56px) / 3 * 2 + 28px);
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor04 .scrollerWrapper {
		width: calc((100% - 56px) / 3 * 2 + 28px);
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor04 .scrollerWrapper {
		width: 100%;
	}
}
@media only screen and  (max-width: 720px) {
	.floor04 .scrollerWrapper {
		width: 100%;
	}
}
.floor04 .blocksContainer {
	display: flex;
	justify-content: space-between;
}
@media only screen and (min-width: 1681px) {
	.floor04 .blocksContainer {
		flex-wrap: wrap;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor04 .blocksContainer {
		flex-wrap: wrap;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor04 .blocksContainer {
		flex-wrap: wrap;
		padding-top: 44px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor04 .blocksContainer {
		flex-wrap: nowrap;
		padding-top: 48px;
		overflow-x: scroll;
	}
}
.floor04 .block {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 24px 40px 32px 40px;
	background-image: radial-gradient(59.6% 59.6% at 50% 40.4%, #E02020 0%, #8E1010 100%);
    animation: present 5s linear infinite;
}
@media only screen and (min-width: 1681px) {
	.floor04 .block {
		width: calc((100% - 28px) / 2);
		min-height: 500px;
		margin-top: 28px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor04 .block {
		width: calc((100% - 28px) / 2);
		min-height: 500px;
		margin-top: 28px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor04 .block {
		width: calc((100% - 20px) / 2);
		min-height: 476px;
		margin-top: 20px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor04 .block {
		width: calc(100vw - 40px);
    	min-width: calc(100vw - 40px);
		min-height: 380px;
	    margin-right: 17px;
	}
}
.floor04 .block.block01 {
}
.floor04 .block.block02 {
    animation-delay: .5s;
}
.floor04 .block.block03 {
    animation-delay: 1s;
}
.floor04 .block.block04 {
    animation-delay: 1.5s;
}
.floor04 .block .textHeader {
	color: #FFF;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
@media only screen and (min-width: 1681px) {
	.floor04 .block .textHeader {
		font-size: 16px;
		line-height: 24px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor04 .block .textHeader {
		font-size: 16px;
		line-height: 24px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor04 .block .textHeader {
		font-size: 14px;
		line-height: 22px;
	}
}
@media only screen and  (max-width: 720px) {
	
}
.floor04 .block .letters {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px 0 24px 0;
	color: #590909;
    font-family: RobotoSlab, Arial, Tahoma, sans-serif;
	font-weight: 600;
	font-size: 96px;
	line-height: 127px;
	border: 1px solid rgba(255, 255, 255, 0.32);
}
@media only screen and (min-width: 1681px) {
	.floor04 .block .letters {
		margin: 64px 0 24px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor04 .block .letters {
		margin: 64px 0 24px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor04 .block .letters {
		margin: 40px 0 24px;
	}
}
@media only screen and  (max-width: 720px) {
	
}
.floor04 .block .text {
	color: #FFF;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
}
.floor04 .block .iconContainer {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	flex-grow: 1;
}
.floor04 .block .iconLink {
	display: flex;
	align-items: center;
	width: 72px;
	height: 72px;
	background-color: #590909;
	border-radius: 60px;
	transition: .3s ease;
	overflow: hidden;
	color: #FFF;
	font-size: 16px;
	line-height: 24px;
}
.floor04 .block:hover .iconLink {
	width: 215px;
	padding-left: 8px;
	background-color: #000;
}
.floor04 .block .iconLink:hover {
	width: 215px;
	padding-left: 8px;
	background-color: #E02020;
}
.floor04 .block .iconLink span + span {
	padding-left: 4px;
}
@media only screen and (min-width: 1681px) {
	
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	
}
@media only screen and  (max-width: 720px) {
	
}






.floor05 {
	background-color: #F4F4F4;
}
.floor05 .wrapper {
	position: relative;
}
@media only screen and (min-width: 1681px) {
	.floor05 .wrapper {
		padding-top: 120px;
		padding-bottom: 120px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor05 .wrapper {
		padding-top: 120px;
		padding-bottom: 120px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor05 .wrapper {
		padding-top: 96px;
		padding-bottom: 96px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor05 .wrapper {
		padding-top: 48px;
		padding-bottom: 48px;
	}
}
.floor05 .textHeader {
	display: inline;
	font-weight: 900;
	text-transform: uppercase;
	background: linear-gradient(90deg, #E02020 0%, #8E1010 100%);
	background-repeat: no-repeat;
	background-position: 0 100%;
	transition: background-size 1s ease;
	hyphens: auto;
}
@media only screen and (min-width: 1681px) {
	.floor05 .textHeader {
		font-size: 92px;
		line-height: 112px;
		background-size: 0 8px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor05 .textHeader {
		font-size: 76px;
		line-height: 89px;
		background-size: 0 8px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor05 .textHeader {
		font-size: 36px;
		line-height: 42px;
		background-size: 0 4px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor05 .textHeader {
		font-size: 20px;
		line-height: 23px;
		background-size: 0 2px;
	}
}
@media only screen and (min-width: 1681px) {
	.floor05.animated .textHeader {
		background-size: 100% 8px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor05.animated .textHeader {
		background-size: 100% 8px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor05.animated .textHeader {
		background-size: 100% 4px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor05.animated .textHeader {
		background-size: 100% 2px;
	}
}
.floor05 .scrollerWrapper {
	overflow: hidden;
}
.floor05 .cardsContainer {
	display: flex;
	justify-content: space-between;
}
@media only screen and (min-width: 1681px) {
	.floor05 .cardsContainer {
		margin-top: 80px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor05 .cardsContainer {
		margin-top: 80px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor05 .cardsContainer {
		margin-top: 72px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor05 .cardsContainer {
		margin-top: 32px;
	}
}
@media only screen and (min-width: 1681px) {
	.floor05 .cardsContainer.cards09 {
		width: calc((100% - 56px) / 3 * 9 + (28px * 8));
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor05 .cardsContainer.cards09 {
		width: calc((100% - 56px) / 3 * 9 + (28px * 8));
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
	.floor05 .cardsContainer.cards09 {
		width: calc((100% - 40px) / 3 * 9 + (20px * 8));
	}
}
@media only screen and (min-width: 721px) and (max-width: 1023px) {
	.floor05 .cardsContainer.cards09 {
		width: 100%;
		overflow-x: scroll;
	}
}
@media only screen and  (max-width: 720px) {
	.floor05 .cardsContainer.cards09 {
		width: 100%;
		overflow-x: scroll;
	}
}
.floor05 .card {
	background-color: #FFF;
}
.floor05 .card:last-child {
	margin-right: 0;
}
@media only screen and (min-width: 1681px) {
	.floor05 .card {
		width: calc((1680px - 80px - 56px) / 3);
		min-width: calc((1680px - 80px - 56px) / 3);
		margin-right: 28px;
		min-height: 420px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor05 .card {
		width: calc((100vw - 80px - 56px) / 3);
		min-width: calc((100vw - 80px - 56px) / 3);
		margin-right: 28px;
		min-height: 358px;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
	.floor05 .card {
		width: calc((100vw - 80px - 40px) / 3);
		min-width: calc((100vw - 80px - 40px) / 3);
		margin-right: 20px;
		min-height: 325px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1023px) {
	.floor05 .card {
		width: calc((100vw - 80px - 20px) / 2);
		min-width: calc((100vw - 80px - 20px) / 2);
		margin-right: 20px;
		min-height: 325px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor05 .card {
		width: calc(100vw - 40px);
		min-width: calc(100vw - 40px);
		margin-right: 17px;
		min-height: 289px;
	}
}
.floor05 .card .foto {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
@media only screen and (min-width: 1681px) {
	.floor05 .card .foto {
		height: 240px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor05 .card .foto {
		height: 178px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor05 .card .foto {
		height: 145px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor05 .card .foto {
		height: 133px;
	}
}
.floor05 .card01 .foto {
	background-image: url("../images/usage001.png");
}
.floor05 .card02 .foto {
	background-image: url("../images/usage002.png");
}
.floor05 .card03 .foto {
	background-image: url("../images/usage003.png");
}
.floor05 .card04 .foto {
	background-image: url("../images/usage004.png");
}
.floor05 .card05 .foto {
	background-image: url("../images/usage005.png");
}
.floor05 .card06 .foto {
	background-image: url("../images/usage006.png");
}
.floor05 .card07 .foto {
	background-image: url("../images/usage007.png");
}
.floor05 .card08 .foto {
	background-image: url("../images/usage008.png");
}
.floor05 .card09 .foto {
	background-image: url("../images/usage009.png");
}
.floor05 .card10 .foto {
	background-image: url("../images/usage010.png");
}
@media only screen and (min-width: 1681px) {
	.floor05 .card .text {
		padding: 24px 64px 32px 32px;
		font-size: 18px;
		line-height: 26px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor05 .card .text {
		padding: 24px 32px 32px 32px;
		font-size: 18px;
		line-height: 26px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor05 .card .text {
		padding: 24px 32px 32px 32px;
		font-size: 16px;
		line-height: 24px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor05 .card .text {
		padding: 20px;
		font-size: 14px;
		line-height: 22px;
	}
}
.floor05 .galleryNavigationContainer {
	position: absolute;
	right: 40px;
	display: none;
	justify-content: flex-end;
	align-items: center;
}
@media only screen and (min-width: 1681px) {
	.floor05 .galleryNavigationContainer {
		top: 137px;
		display: flex;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor05 .galleryNavigationContainer {
		top: 121px;
		display: flex;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
	.floor05 .galleryNavigationContainer {
		top: 96px;
		display: flex;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1023px) {
	
}
@media only screen and  (max-width: 720px) {
	
}
.floor05 .galleryNavigationContainer .leftArrow {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 80px;
	border: 1px solid #CFCFCF;
	cursor: pointer;
}
@media only screen and (min-width: 1681px) {
	.floor05 .galleryNavigationContainer .leftArrow {
		width: 80px;
		height: 80px;
		margin-right: 20px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor05 .galleryNavigationContainer .leftArrow {
		width: 80px;
		height: 80px;
		margin-right: 20px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor05 .galleryNavigationContainer .leftArrow {
		width: 48px;
		height: 48px;
		margin-right: 32px;
	}
}
@media only screen and  (max-width: 720px) {
	
}
.floor05 .galleryNavigationContainer .leftArrow path {
	transition: .3s ease;
}
.floor05 .galleryNavigationContainer .leftArrow:hover path {
	stroke: #E02020;
}
.floor05 .galleryNavigationContainer .rightArrow {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #CFCFCF;
	cursor: pointer;
}
@media only screen and (min-width: 1681px) {
	.floor05 .galleryNavigationContainer .rightArrow {
		width: 80px;
		height: 80px;
		margin-left: 20px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor05 .galleryNavigationContainer .rightArrow {
		width: 80px;
		height: 80px;
		margin-left: 20px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor05 .galleryNavigationContainer .rightArrow {
		width: 48px;
		height: 48px;
		margin-left: 32px;
	}
}
@media only screen and  (max-width: 720px) {
	
}
.floor05 .galleryNavigationContainer .rightArrow path {
	transition: .3s ease;
}
.floor05 .galleryNavigationContainer .rightArrow:hover path {
	stroke: #E02020;
}


@media only screen and  (max-width: 1023px) {
	.floor05 .owl-nav {
		display: none;
	}
}
.floor05 .owl-next {
	position: absolute;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #CFCFCF !important;
	background-image: url(../images/arrowRight02Icon.svg) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}
@media only screen and (min-width: 1681px) {
	.floor05 .owl-next {
		top: -175px;
		width: 80px;
		height: 80px;
		margin-left: 20px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor05 .owl-next {
		top: -167px;
		width: 80px;
		height: 80px;
		margin-left: 20px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor05 .owl-next {
		top: -114px;
		width: 48px;
		height: 48px;
		margin-left: 32px;
	}
}
@media only screen and  (max-width: 720px) {
	
}
.floor05 .owl-next span {
	display: none;
}
.floor05 .owl-prev {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #CFCFCF !important;
	background-image: url(../images/arrowLeft02Icon.svg) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}
@media only screen and (min-width: 1681px) {
	.floor05 .owl-prev {
		top: -175px;
		right: 204px;
		width: 80px;
		height: 80px;
		margin-left: 20px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor05 .owl-prev {
		top: -167px;
		right: 204px;
		width: 80px;
		height: 80px;
		margin-left: 20px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor05 .owl-prev {
		top: -114px;
		right: 160px;
		width: 48px;
		height: 48px;
		margin-left: 32px;
	}
}
@media only screen and  (max-width: 720px) {
	
}
.floor05 .owl-prev span {
	display: none;
}


.floor05 .galleryNavigationContainer .switcherContainer {
	display: flex;
	justify-content: center;
	align-items: center;
}
.floor05 .galleryNavigationContainer .switcher {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
@media only screen and (min-width: 1681px) {
	.floor05 .galleryNavigationContainer .switcher {
		width: 28px;
		height: 28px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor05 .galleryNavigationContainer .switcher {
		width: 28px;
		height: 28px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor05 .galleryNavigationContainer .switcher {
		width: 16px;
		height: 16px;
	}
}
@media only screen and  (max-width: 720px) {
	
}
.floor05 .galleryNavigationContainer .switcher .switcherDot {
	background-color: #D0D0D0;
	transition: .3s ease;
}
@media only screen and (min-width: 1681px) {
	.floor05 .galleryNavigationContainer .switcher .switcherDot {
		width: 8px;
		height: 8px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor05 .galleryNavigationContainer .switcher .switcherDot {
		width: 8px;
		height: 8px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor05 .galleryNavigationContainer .switcher .switcherDot {
		width: 4px;
		height: 4px;
	}
}
@media only screen and  (max-width: 720px) {
	
}
.floor05 .galleryNavigationContainer .switcher:hover .switcherDot {
	background-color: #9C9C9C;
}
.floor05 .galleryNavigationContainer .switcher.active .switcherDot {
	background-color: #E02020;
}


.floor05 .owl-dots {
	position: absolute;
}
@media only screen and (min-width: 1681px) {
	.floor05 .owl-dots{
		top: -157px;
		right: 90px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor05 .owl-dots {
		top: -149px;
		right: 90px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor05 .owl-dots {
		top: -111px;
		right: 74px;
	}
}
@media only screen and  (max-width: 1023px) {
	.floor05 .owl-dots {
		display: none;
	}
}
@media only screen and (min-width: 1681px) {
	.floor05 .owl-dot {
		width: 28px;
		height: 28px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor05 .owl-dot {
		width: 28px;
		height: 28px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor05 .owl-dot {
		width: 16px;
		height: 16px;
	}
}
@media only screen and  (max-width: 720px) {
	
}
.floor05 .owl-dot span {
	display: block;
	background-color: #D0D0D0;
	transition: .3s ease;
}
@media only screen and (min-width: 1681px) {
	.floor05 .owl-dot span {
		width: 8px;
		height: 8px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor05 .owl-dot span {
		width: 8px;
		height: 8px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor05 .owl-dot span {
		width: 4px;
		height: 4px;
	}
}
@media only screen and  (max-width: 720px) {
	
}
.floor05 .owl-dot:hover span {
	background-color: #9C9C9C;
}
.floor05 .owl-dot.active span {
	background-color: #E02020;
}



@media only screen and (min-width: 1681px) {
	
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	
}
@media only screen and  (max-width: 720px) {
	
}






.floor06 {
	background-image: radial-gradient(50% 50% at 50% 50%, #E02020 0%, #8E1010 100%);
	animation: present 5s linear infinite;
}
.floor06 .wrapper {
	position: relative;
}
@media only screen and (min-width: 1681px) {
	.floor06 .wrapper {
		padding-top: 68px;
		padding-bottom: 96px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor06 .wrapper {
		padding-top: 68px;
		padding-bottom: 96px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor06 .wrapper {
		padding-top: 96px;
		padding-bottom: 96px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor06 .wrapper {
		padding-top: 48px;
		padding-bottom: 48px;
	}
}
.floor06 .container {
	display: flex;
	justify-content: space-between;
}
@media only screen and (min-width: 1681px) {
	
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor06 .container {
		flex-direction: column;
	}
}
@media only screen and  (max-width: 720px) {
	.floor06 .container {
		flex-direction: column;
	}
}
@media only screen and (min-width: 1681px) {
	.floor06 .textContainer {
		width: calc((100% - 56px) / 3);
		padding: 28px 72px 0 0;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor06 .textContainer {
		width: calc((100% - 56px) / 3);
		padding: 28px 72px 0 0;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor06 .textContainer {
		width: 100%;
		padding: 0;
	}
}
@media only screen and  (max-width: 720px) {
	.floor06 .textContainer {
		width: 100%;
		padding: 0;
	}
}
.floor06 .textContainer .text {
	color: #fff;
	font-weight: 600;
}
@media only screen and (min-width: 1681px) {
	.floor06 .textContainer .text {
		font-size: 24px;
		line-height: 36px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor06 .textContainer .text {
		font-size: 24px;
		line-height: 36px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor06 .textContainer .text {
		font-size: 24px;
		line-height: 36px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor06 .textContainer .text {
		font-size: 20px;
		line-height: 26px;
	}
}
@media only screen and (min-width: 1681px) {
	.floor06 .textContainer .linkContainer {
		margin-top: 28px;
		font-size: 16px;
		line-height: 24px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor06 .textContainer .linkContainer {
		margin-top: 28px;
		font-size: 16px;
		line-height: 24px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor06 .textContainer .linkContainer {
		margin-top: 28px;
		font-size: 16px;
		line-height: 24px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor06 .textContainer .linkContainer {
		margin-top: 16px;
		font-size: 14px;
		line-height: 22px;
	}
}
.floor06 .textContainer .link {
	color: rgba(255, 255, 255, 0.72);
	transition: color .3s ease;
}
.floor06 .textContainer .link:hover {
	color: rgba(255, 255, 255, 1);
}
.floor06 .scrollerWrapper {
	overflow: hidden;
}
@media only screen and (min-width: 1681px) {
	.floor06 .scrollerWrapper {
		width: calc((100% - 56px) / 3 * 2 + 28px);
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor06 .scrollerWrapper {
		width: calc((100% - 56px) / 3 * 2 + 28px);
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor06 .scrollerWrapper {
		width: 100%;
	}
}
@media only screen and  (max-width: 720px) {
	.floor06 .scrollerWrapper {
		width: 100%;
	}
}
.floor06 .blocksContainer {
	display: flex;
	justify-content: space-between;
}
@media only screen and (min-width: 1681px) {
	.floor06 .blocksContainer {
		flex-wrap: wrap;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor06 .blocksContainer {
		flex-wrap: wrap;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor06 .blocksContainer {
		flex-wrap: wrap;
		padding-top: 71px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor06 .blocksContainer {
		flex-wrap: nowrap;
		padding-top: 31px;
		overflow-x: scroll;
	}
}
.floor06 .block {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-wrap: wrap;
	min-height: 300px;
	background-color: #fff;
}
@media only screen and (min-width: 1681px) {
	.floor06 .block {
		width: calc((100% - 28px) / 2);
		padding: 24px 40px 32px 40px;
		margin-top: 28px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor06 .block {
		width: calc((100% - 28px) / 2);
		padding: 24px 40px 32px 40px;
		margin-top: 28px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor06 .block {
		width: calc((100% - 20px) / 2);
		padding: 24px 40px 32px 40px;
		margin-top: 20px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor06 .block {
		width: calc(100vw - 40px);
		min-width: calc(100vw - 40px);
		padding: 32px;
		margin-top: 17px;
		margin-right: 17px;
	}
}
.floor06 .block .fileContainer {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
@media only screen and (min-width: 1681px) {
	.floor06 .block .fileName {
		font-size: 18px;
		line-height: 26px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor06 .block .fileName {
		font-size: 18px;
		line-height: 26px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor06 .block .fileName {
		font-size: 16px;
		line-height: 24px;
	}
}
@media only screen and  (max-width: 720px) {
	
}
.floor06 .block .fileSize {
	margin-top: 8px;
	font-size: 14px;
	line-height: 22px;
	color: #9C9C9C;
}
.floor06 .block .iconContainer {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #000;
}
@media only screen and (min-width: 1681px) {
	.floor06 .block .iconContainer {
		width: 96px;
		height: 96px;
		margin: -12px 0 0 -28px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor06 .block .iconContainer {
		width: 96px;
		height: 96px;
		margin: -12px 0 0 -28px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor06 .block .iconContainer {
		width: 72px;
		height: 72px;
		margin: -12px 0 0 -28px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor06 .block .iconContainer {
		width: 48px;
		height: 48px;
		margin: -12px 0 0 -12px;
	}
}
.floor06 .block a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	text-indent: -9000px;
}
.floor06 .block a:hover + .iconContainer {
	background-color: #E02020;
}
@media only screen and (min-width: 1681px) {
	
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	
}
@media only screen and  (max-width: 720px) {
	
}






.floor07 {
	background-color: #F4F4F4;
}
.floor07 .wrapper {
	position: relative;
}
@media only screen and (min-width: 1681px) {
	.floor07 .wrapper {
		padding-top: 120px;
		padding-bottom: 48px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor07 .wrapper {
		padding-top: 120px;
		padding-bottom: 48px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor07 .wrapper {
		padding-top: 96px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor07 .wrapper {
		padding-top: 48px;
		padding-bottom: 28px;
	}
}
.floor07 .container {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	flex-wrap: nowrap;
}
@media only screen and (min-width: 1681px) {
	.floor07 .textContainer {
		width: calc((100% - 56px) / 3 * 2 + 28px);
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor07 .textContainer {
		width: calc((100% - 56px) / 3 * 2 + 28px);
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor07 .textContainer {
		width: 100%;
	}
}
@media only screen and  (max-width: 720px) {
	
}
.floor07 .textHeader {
	display: inline;
	font-weight: 900;
	text-transform: uppercase;
	background: linear-gradient(90deg, #E02020 0%, #8E1010 100%);
	background-repeat: no-repeat;
	background-position: 0 100%;
	transition: background-size 1s ease;
	hyphens: auto;
}
@media only screen and (min-width: 1681px) {
	.floor07 .textHeader {
		font-size: 92px;
		line-height: 112px;
		background-size: 0 8px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor07 .textHeader {
		font-size: 76px;
		line-height: 89px;
		background-size: 0 8px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor07 .textHeader {
		font-size: 36px;
		line-height: 42px;
		background-size: 0 4px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor07 .textHeader {
		font-size: 20px;
		line-height: 23px;
		background-size: 0 2px;
	}
}
@media only screen and (min-width: 1681px) {
	.floor07.animated .textHeader {
		background-size: 100% 8px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor07.animated .textHeader {
		background-size: 100% 8px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor07.animated .textHeader {
		background-size: 100% 4px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor07.animated .textHeader {
		background-size: 100% 2px;
	}
}
.floor07 .text {
	display: block;
}
@media only screen and (min-width: 1681px) {
	.floor07 .text {
		margin-top: 48px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor07 .text {
		margin-top: 48px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor07 .text {
		margin-top: 48px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor07 .text {
		margin-top: 28px;
	}
}







.floor08 {
	background-color: #F4F4F4;
}
.floor08 .wrapper {
	position: relative;
}
@media only screen and (min-width: 1681px) {
	.floor08 .wrapper {
		padding-top: 120px;
		padding-bottom: 120px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor08 .wrapper {
		padding-top: 120px;
		padding-bottom: 120px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor08 .wrapper {
		padding-bottom: 102px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor08 .wrapper {
		padding-top: 48px;
		padding-bottom: 48px;
	}
}
.floor08 .lettersAndHeaderContainer {
	display: flex;
	justify-content: space-between;
}
@media only screen and (min-width: 1681px) {
	.floor08 .lettersAndHeaderContainer {
		align-items: center;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor08 .lettersAndHeaderContainer {
		align-items: center;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor08 .lettersAndHeaderContainer {
		align-items: flex-end;
	}
}
@media only screen and  (max-width: 720px) {
	
}
.floor08 .letterWithCircles {
	position: relative;
	display: none;
	justify-content: center;
	align-items: center;
}
@media only screen and (min-width: 1681px) {
	.floor08.animated .letterWithCircles {
		display: flex;
		width: calc((100% - 56px) / 3);
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor08.animated .letterWithCircles {
		display: flex;
		width: calc((100% - 56px) / 3);
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor08.animated .letterWithCircles {
		display: flex;
		order: 2;
		width: calc((100% - 20px) / 2);
	}
}
@media only screen and  (max-width: 720px) {
	
}
.floor08 .letterWithCircles .circle {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1px;
	height: 1px;
	animation: spin02 15s infinite;
	animation-delay: 1s;
	opacity: 0;
}
.floor08 .letterWithCircles .circle01,
.floor08 .letterWithCircles .circle02,
.floor08 .letterWithCircles .circle03,
.floor08 .letterWithCircles .circle04 {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.floor08 .letterWithCircles .circle svg {
	position: absolute;
	width: 100%;
	height: 100%;
}
.floor08 .letterWithCircles .circle01 {
	animation: ripple675 2s linear infinite;
}
.floor08 .letterWithCircles .circle02 {
	animation: ripple675 2s linear 0.6s infinite;
}
.floor08 .letterWithCircles .circle03 {
	animation: ripple675 2s linear 1s infinite;
}
.floor08 .letterWithCircles .circle04 {
	animation: ripple675 2s linear 1.35s infinite;
}
.floor08 .letterWithCircles .letter {
	position: relative;
    font-family: RobotoSlab, Arial, Tahoma, sans-serif;
    font-size: 160px;
    font-weight: 400;
    line-height: 211px;
	color: #FFF;
}
.floor08 .letterWithCircles .letter:before {
	position: absolute;
	content: "";
	width: 156px;
	left: 50%;
	margin-left: -78px;
	text-align: center;
	animation: spin01 15s infinite;
	animation-delay: 1s;
}
@media only screen and (min-width: 1681px) {
	.floor08 .textHeaderContainer {
		width: calc((100% - 56px) / 3 * 2 + 28px);
		max-width: calc((100% - 56px) / 3 * 2 + 28px);
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor08 .textHeaderContainer {
		width: calc((100% - 56px) / 3 * 2 + 28px);
		max-width: calc((100% - 56px) / 3 * 2 + 28px);
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor08 .textHeaderContainer {
		order: 1;
		width: calc((100% - 20px) / 2);
		max-width: calc((100% - 20px) / 2);
	}
}
@media only screen and  (max-width: 720px) {
	.floor08 .textHeaderContainer {
		width: 100%;
	}
}
.floor08 .textHeader {
	display: inline;
	font-weight: 900;
	text-transform: uppercase;
	background: linear-gradient(90deg, #E02020 0%, #8E1010 100%);
	background-repeat: no-repeat;
	background-position: 0 100%;
	transition: background-size 1s ease;
	hyphens: auto;
}
@media only screen and (min-width: 1681px) {
	.floor08 .textHeader {
		font-size: 92px;
		line-height: 112px;
		background-size: 0 8px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor08 .textHeader {
		font-size: 76px;
		line-height: 89px;
		background-size: 0 8px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor08 .textHeader {
		font-size: 36px;
		line-height: 42px;
		background-size: 0 4px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor08 .textHeader {
		font-size: 20px;
		line-height: 23px;
		background-size: 0 2px;
	}
}
@media only screen and (min-width: 1681px) {
	.floor08.animated .textHeader {
		background-size: 100% 8px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor08.animated .textHeader {
		background-size: 100% 8px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor08.animated .textHeader {
		background-size: 100% 4px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor08.animated .textHeader {
		background-size: 100% 2px;
	}
}
.floor08 .blocksContainer {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
@media only screen and (min-width: 1681px) {
	.floor08 .blocksContainer {
		padding-top: 52px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor08 .blocksContainer {
		padding-top: 52px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor08 .blocksContainer {
		padding-top: 28px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor08 .blocksContainer {
		flex-direction: column;
		padding-top: 15px;
	}
}
.floor08 .block {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	width: calc((100% - 56px) / 3);
	min-height: 300px;
	margin-top: 28px;
	background-color: #FFF;
}
@media only screen and (min-width: 1681px) {
	.floor08 .block {
		width: calc((100% - 56px) / 3);
		min-height: 300px;
		margin-top: 28px;
		padding: 40px 72px 40px 40px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor08 .block {
		width: calc((100% - 56px) / 3);
		min-height: 300px;
		margin-top: 28px;
		padding: 40px 40px 40px 40px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor08 .block {
		width: calc((100% - 20px) / 2);
		min-height: 292px;
		margin-top: 20px;
		padding: 40px 40px 40px 40px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor08 .block {
		width: 100%;
		min-height: 186px;
		margin-top: 17px;
		padding: 32px;
	}
}
.floor08 .blockNumber {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 16px;
	background-color: #8E1010;
	color: #fff;
}
@media only screen and (min-width: 1681px) {
	.floor08 .blockNumber {
		min-width: 52px;
		height: 52px;
		margin: -40px 0 0 -40px;
		font-size: 32px;
		line-height: 48px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor08 .blockNumber {
		min-width: 52px;
		height: 52px;
		margin: -40px 0 0 -40px;
		font-size: 32px;
		line-height: 48px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor08 .blockNumber {
		min-width: 52px;
		height: 52px;
		margin: -40px 0 0 -40px;
		font-size: 32px;
		line-height: 48px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor08 .blockNumber {
		min-width: 40px;
		height: 40px;
		margin: -32px 0 0 -32px;
		font-size: 18px;
		line-height: 36px;
	}
}
.floor08 .blockNumber.forPlus {
	background-color: #E02020;
}
.floor08 .blockText {
}
@media only screen and (min-width: 1681px) {
	.floor08 .blockText {
		font-size: 20px;
		line-height: 32px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor08 .blockText {
		font-size: 18px;
		line-height: 26px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor08 .blockText {
		font-size: 14px;
		line-height: 22px;
	}
}
@media only screen and  (max-width: 720px) {
	
}
@media only screen and (min-width: 1681px) {
	
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	
}
@media only screen and  (max-width: 720px) {
	
}







.floor09 {
	position: relative;
	background-color: #F4F4F4;
	background-image: url('../images/ecology.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.floor09 .wrapper {
}
@media only screen and (min-width: 1681px) {
	.floor09 .wrapper {
		padding-top: 48px;
		padding-bottom: 48px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor09 .wrapper {
		padding-top: 48px;
		padding-bottom: 48px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor09 .wrapper {
		padding-top: 39px;
		padding-bottom: 39px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor09 .wrapper {
		padding-top: 32px;
		padding-bottom: 32px;
	}
}
.floor09 .container {
	position: relative;
}
@media only screen and (min-width: 1681px) {
	.floor09 .container {
		height: 1000px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor09 .container {
		height: 667px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor09 .container {
		height: 600px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor09 .container {
		height: 750px;
	}
}
.floor09 .card {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #E02020;
	color: #fff;
}
@media only screen and (min-width: 1681px) {
	.floor09 .card {
		width: 515px;
		padding: 96px 40px 80px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor09 .card {
		width: 515px;
		padding: 96px 40px 80px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor09 .card {
		width: 460px;
		padding: 80px 40px 64px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor09 .card {
		width: 335px;
		padding: 69px 20px 48px;
	}
}
.floor09 .title {
}
@media only screen and (min-width: 1681px) {
	.floor09 .title {
		margin-bottom: 20px;
		font-size: 44px;
		line-height: 56px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor09 .title {
		margin-bottom: 20px;
		font-size: 44px;
		line-height: 56px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor09 .title {
		margin-bottom: 20px;
		font-size: 32px;
		line-height: 44px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor09 .title {
		margin-bottom: 16px;
		font-size: 18px;
		line-height: 26px;
	}
}
.floor09 .text {
}
@media only screen and (min-width: 1681px) {
	.floor09 .text {
		font-size: 20px;
		line-height: 32px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor09 .text {
		font-size: 20px;
		line-height: 32px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor09 .text {
		font-size: 16px;
		line-height: 24px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor09 .text {
	}
}
.floor09 .textItem {
	position: relative;
}
@media only screen and (min-width: 1681px) {
	.floor09 .textItem {
		padding-left: 30px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor09 .textItem {
		padding-left: 30px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor09 .textItem {
		padding-left: 30px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor09 .textItem {
		padding-left: 30px;
	}
}
.floor09 .textItem::before {
	content: '';
	position: absolute;
	top: 14px;
	left: 13px;
	width: 4px;
	height: 4px;
	background-color: #FFF;
	border-radius: 50%;
}
.floor09 .icon {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #000;
	position: absolute;
}
@media only screen and (min-width: 1681px) {
	.floor09 .icon {
		margin-top: -144px;
		width: 96px;
		height: 96px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor09 .icon {
		margin-top: -144px;
		width: 96px;
		height: 96px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor09 .icon {
		margin-top: -111px;
		width: 72px;
		height: 72px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor09 .icon {
		margin-top: -111px;
		width: 72px;
		height: 72px;
	}
}
.floor09 .icon img {
	margin: auto;
}







.floor09old {
	position: relative;
	background-color: #F4F4F4;
}
.floor09old .wrapper {
	position: relative;
	z-index: 2;
	padding-top: 120px;
	padding-bottom: 120px;
}
@media only screen and (min-width: 1681px) {
	.floor09old .wrapper {
		height: 900px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor09old .wrapper {
		height: 600px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor09old .wrapper {
		height: 338px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor09old .wrapper {
		height: 338px;
	}
}
.floor09old .container {
	position: absolute;
	z-index: 1;
	width: 100%;
}
@media only screen and (min-width: 1681px) {
	.floor09old .container {
		height: 900px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor09old .container {
		height: 600px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor09old .container {
		height: 338px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor09old .container {
		height: 338px;
	}
}
.floor09old .slide {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-size: cover;
	opacity: 0;
	transition: opacity 2s;
}
@media only screen and (min-width: 1681px) {
	.floor09old .slide {
		height: 900px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor09old .slide {
		height: 600px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor09old .slide {
		height: 338px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor09old .slide {
		height: 338px;
	}
}
.floor09old .slide.is-showed {
	opacity: 1;
}
.floor09old .slide01 {
	background-image: url("../images/tmp002.png");
}
.floor09old .slide02 {
	background-image: url("../images/tmp001.png");
}
.floor09old .slide03 {
	background-image: url("../images/tmp002.png");
}
.floor09old .slide .textContainer {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: opacity 2s;
	transition-delay: 0.8s;
}
@media only screen and (min-width: 1681px) {
	.floor09old .slide .textContainer {
		width: 600px;
		height: 600px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor09old .slide .textContainer {
		width: 600px;
		height: 600px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor09old .slide .textContainer {
		width: 600px;
		height: 338px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor09old .slide .textContainer {
		width: 100%;
		height: 338px;
		padding: 0 40px;
	}
}
.floor09old .slide.is-showed .textContainer {
	opacity: 1;
}
.floor09old .slide .smallText {
	position: absolute;
	z-index: 2;
	top: 48px;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
	opacity: 0;
	transition: opacity 2s;
	transition-delay: 0.8s;
}
.floor09old .slide.is-showed .smallText {
	opacity: 1;
}
.floor09old .slide .text {
	position: relative;
	z-index: 2;
	font-weight: 600;
	font-size: 24px;
	line-height: 36px;
	color: #FFF;
	text-align: center;
}
.floor09old .slide .text span {
	background: linear-gradient(90deg, #E02020 0%, #8E1010 100%);
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-size: 0 2px;
	transition: background-size 1s ease;
	transition-delay: 1.5s;
}
.floor09old .slide.is-showed .text span {
	background-size: 100% 2px;
}
.floor09old .textContainer .circle {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	width: 1px;
	height: 1px;
}
.floor09old .textContainer .circle01,
.floor09old .textContainer .circle02,
.floor09old .textContainer .circle03,
.floor09old .textContainer .circle04 {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.floor09old .textContainer .circle svg {
	position: absolute;
	width: 100%;
	height: 100%;
}
@media only screen and (min-width: 1681px) {
	.floor09old .textContainer .circle01 {
		animation: ripple675 2s linear infinite;
	}
	.floor09old .textContainer .circle02 {
		animation: ripple675 2s linear 0.6s infinite;
	}
	.floor09old .textContainer .circle03 {
		animation: ripple675 2s linear 1s infinite;
	}
	.floor09old .textContainer .circle04 {
		animation: ripple675 2s linear 1.35s infinite;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor09old .textContainer .circle01 {
		animation: ripple675 2s linear infinite;
	}
	.floor09old .textContainer .circle02 {
		animation: ripple675 2s linear 0.6s infinite;
	}
	.floor09old .textContainer .circle03 {
		animation: ripple675 2s linear 1s infinite;
	}
	.floor09old .textContainer .circle04 {
		animation: ripple675 2s linear 1.35s infinite;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor09old .textContainer .circle01 {
		animation: ripple314 2s linear infinite;
	}
	.floor09old .textContainer .circle02 {
		animation: ripple314 2s linear 0.6s infinite;
	}
	.floor09old .textContainer .circle03 {
		animation: ripple314 2s linear 1s infinite;
	}
	.floor09old .textContainer .circle04 {
		animation: ripple314 2s linear 1.35s infinite;
	}
}
@media only screen and  (max-width: 720px) {
	.floor09old .textContainer .circle01 {
		animation: ripple314 2s linear infinite;
	}
	.floor09old .textContainer .circle02 {
		animation: ripple314 2s linear 0.6s infinite;
	}
	.floor09old .textContainer .circle03 {
		animation: ripple314 2s linear 1s infinite;
	}
	.floor09old .textContainer .circle04 {
		animation: ripple314 2s linear 1.35s infinite;
	}
}
.floor09old .leftArrow {
	position: absolute;
	left: 40px;
	top: 50%;
	display: none;
	justify-content: center;
	align-items: center;
	margin-top: -40px;
	width: 80px;
	height: 80px;
	background-color: #000;
	cursor: pointer;
	transition: .3s ease;
}
@media only screen and (min-width: 1681px) {
	.floor09old .leftArrow {
		display: flex;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor09old .leftArrow {
		display: flex;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	
}
@media only screen and  (max-width: 720px) {
	
}
.floor09old .rightArrow {
	position: absolute;
	right: 40px;
	top: 50%;
	display: none;
	justify-content: center;
	align-items: center;
	margin-top: -40px;
	width: 80px;
	height: 80px;
	background-color: #000;
	cursor: pointer;
	transition: .3s ease;
}
@media only screen and (min-width: 1681px) {
	.floor09old .rightArrow {
		display: flex;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor09old .rightArrow {
		display: flex;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	
}
@media only screen and  (max-width: 720px) {
	
}
.floor09old .leftArrow:hover,
.floor09old .rightArrow:hover {
	background-color: #E02020;
}
.floor09old .switcherContainer {
	display: flex;
	justify-content: space-between;
	position: absolute;
	right: 40px;
	bottom: 40px;
	left: 40px;
}
@media only screen and (min-width: 1681px) {
	.floor09old .switcherContainer {
		justify-content: space-between;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor09old .switcherContainer {
		justify-content: space-between;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor09old .switcherContainer {
		justify-content: center;
	}
}
@media only screen and  (max-width: 720px) {
	.floor09old .switcherContainer {
		justify-content: center;
	}
}
.floor09old .switcher {
	background-color: rgba(255, 255, 255, 0.32);
	cursor: pointer;
}
@media only screen and (min-width: 1681px) {
	.floor09old .switcher {
		height: 8px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor09old .switcher {
		height: 8px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor09old .switcher {
		height: 4px;
		margin: 0 6px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor09old .switcher {
		height: 4px;
		margin: 0 6px;
	}
}
.floor09old .switcher.active {
	background-color: #FFF;
}
@media only screen and (min-width: 1681px) {
	.floor09old .counter3 .switcher {
		width: calc((100% - 4px) / 3);
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor09old .counter3 .switcher {
		width: calc((100% - 4px) / 3);
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor09old .counter3 .switcher {
		width: 4px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor09old .counter3 .switcher {
		width: 4px;
	}
}
.floor09old .switcher .timer {
	background: linear-gradient(90deg, #E02020 0%, #8E1010 100%);
	background-repeat: no-repeat;
	transition: background-size 7s linear, opacity 0s linear;
	opacity: 0;
}
@media only screen and (min-width: 1681px) {
	.floor09old .switcher .timer {
		height: 8px;
		background-size: 0 8px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor09old .switcher .timer {
		height: 8px;
		background-size: 0 8px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor09old .switcher .timer {
		height: 4px;
		background-size: 0 4px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor09old .switcher .timer {
		height: 4px;
		background-size: 0 4px;
	}
}
.floor09old .switcher.active .timer {
	opacity: 1;
}
@media only screen and (min-width: 1681px) {
	.floor09old .switcher.active .timer {
		background-size: 100% 8px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor09old .switcher.active .timer {
		background-size: 100% 8px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor09old .switcher.active .timer {
		background-size: 100% 4px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor09old .switcher.active .timer {
		background-size: 100% 4px;
	}
}
@media only screen and (min-width: 1681px) {
	
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	
}
@media only screen and  (max-width: 720px) {
	
}






.floor10 {
	background-color: #F4F4F4;
}
.floor10 .wrapper {
	position: relative;
}
@media only screen and (min-width: 1681px) {
	.floor10 .wrapper {
		padding-top: 120px;
		padding-bottom: 48px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor10 .wrapper {
		padding-top: 120px;
		padding-bottom: 48px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor10 .wrapper {
		padding-top: 90px;
		padding-bottom: 96px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor10 .wrapper {
		padding-top: 48px;
		padding-bottom: 48px;
	}
}
.floor10 .container {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	flex-wrap: nowrap;
}
@media only screen and (min-width: 1681px) {
	.floor10 .textContainer {
		width: calc((100% - 56px) / 3 * 2 + 28px);
		max-width: calc((100% - 56px) / 3 * 2 + 28px);
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor10 .textContainer {
		width: calc((100% - 56px) / 3 * 2 + 28px);
		max-width: calc((100% - 56px) / 3 * 2 + 28px);
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor10 .textContainer {
		width: 100%;
		max-width: 100%;
	}
}
@media only screen and  (max-width: 720px) {
	.floor10 .textContainer {
		width: 100%;
		max-width: 100%;
	}
}
.floor10 .textHeader {
	display: inline;
	font-weight: 900;
	font-size: 92px;
	line-height: 112px;
	text-transform: uppercase;
	background: linear-gradient(90deg, #E02020 0%, #8E1010 100%);
	background-repeat: no-repeat;
	background-position: 0 100%;
	transition: background-size .3s ease;
	hyphens: auto;
}
@media only screen and (min-width: 1681px) {
	.floor10 .textHeader {
		font-size: 92px;
		line-height: 112px;
		background-size: 0 8px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor10 .textHeader {
		font-size: 76px;
		line-height: 89px;
		background-size: 0 8px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor10 .textHeader {
		font-size: 36px;
		line-height: 42px;
		background-size: 0 4px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor10 .textHeader {
		font-size: 20px;
		line-height: 23px;
		background-size: 0 2px;
	}
}
@media only screen and (min-width: 1681px) {
	.floor10 .textHeader.animated {
		background-size: 100% 8px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor10 .textHeader.animated {
		background-size: 100% 8px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor10 .textHeader.animated {
		background-size: 100% 4px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor10 .textHeader.animated {
		background-size: 100% 2px;
	}
}
.floor10 .text {
	display: block;
}
@media only screen and (min-width: 1681px) {
	.floor10 .text {
		margin-top: 48px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor10 .text {
		margin-top: 48px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor10 .text {
		margin-top: 40px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor10 .text {
		margin-top: 28px;
	}
}
@media only screen and (min-width: 1681px) {
	.floor10 .text + .text {
		margin-top: 36px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor10 .text + .text {
		margin-top: 36px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor10 .text + .text {
		margin-top: 32px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor10 .text + .text {
		margin-top: 20px;
	}
}
@media only screen and (min-width: 1681px) {
	
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	
}
@media only screen and  (max-width: 720px) {
	
}





.bgrForLastFloors {
	background-color: #FFF;
}
.floor11 {
	background-color: #FFF;
}
.floor11 .wrapper {
	position: relative;
}
@media only screen and (min-width: 1681px) {
	.floor11 .wrapper {
		padding-top: 98px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor11 .wrapper {
		padding-top: 98px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor11 .wrapper {
		padding-top: 98px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor11 .wrapper {
		padding-top: 48px;
	}
}
.floor11 .container {
}
.floor11 .textHeader {
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
@media only screen and (min-width: 1681px) {
	.floor11 .textHeader {
		font-size: 16px;
		line-height: 24px;
		text-align: center;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor11 .textHeader {
		font-size: 16px;
		line-height: 24px;
		text-align: center;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor11 .textHeader {
		font-size: 16px;
		line-height: 24px;
		text-align: center;
	}
}
@media only screen and  (max-width: 720px) {
	.floor11 .textHeader {
		font-size: 12px;
		line-height: 20px;
	}
}
.floor11 .scrollerWrapper {
	overflow: hidden;
}
.floor11 .cardsContainer {
	display: flex;
	justify-content: space-between;
}
@media only screen and (min-width: 1681px) {
	.floor11 .cardsContainer {
		width: 100%;
		margin-top: 64px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor11 .cardsContainer {
		width: 100%;
		margin-top: 64px;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
	.floor11 .cardsContainer {
		width: 100%;
		margin-top: 64px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1023px) {
	.floor11 .cardsContainer {
		width: 100%;
		margin-top: 64px;
		overflow-x: scroll;
	}
}
@media only screen and  (max-width: 720px) {
	.floor11 .cardsContainer {
		width: 100%;
		margin-top: 32px;
		overflow-x: scroll;
	}
}
.floor11 .card {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 32px 27px;
	background-color: #FAFAFA;
}
.floor11 .card:last-child {
	margin-right: 0;
}
@media only screen and (min-width: 1681px) {
	.floor11 .card {
		width: calc((100% - (28px * 4)) / 5);
		min-width: calc((100% - (28px * 4)) / 5);
		min-height: 360px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor11 .card {
		width: calc((100% - (28px * 4)) / 5);
		min-width: calc((100% - (28px * 4)) / 5);
		min-height: 360px;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
	.floor11 .card {
		width: calc((100% - (28px * 4)) / 5);
		min-width: calc((100% - (28px * 4)) / 5);
		min-height: 285px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1023px) {
	.floor11 .card {
		width: calc((100% - (20px * 2)) / 3);
		min-width: calc((100% - (20px * 2)) / 3);
		margin-right: 20px;
		min-height: 360px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor11 .card {
		width: calc(100vw - 40px);
		min-width: calc(100vw - 40px);
		margin-right: 17px;
		min-height: 270px;
	}
}
.floor11 .card .link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
@media only screen and (min-width: 1681px) {
	.floor11 .card .logo {
		height: 200px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor11 .card .logo {
		height: 200px;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
	.floor11 .card .logo {
		height: 125px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1023px) {
	.floor11 .card .logo {
		height: 200px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor11 .card .logo {
		height: 132px;
	}
}
@media only screen and (min-width: 1681px) {
	.floor11 .card .logo img {
		width: 100%;
		height: auto;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor11 .card .logo img {
		width: 100%;
		height: auto;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor11 .card .logo img {
		width: 100%;
		height: auto;
	}
}
@media only screen and  (max-width: 720px) {
	.floor11 .card .logo img {
		width: auto;
		height: 100%;
		margin: 0 auto;
	}
}
.floor11 .card .text {
	text-align: center;
}
@media only screen and (min-width: 1681px) {
	.floor11 .card .text {
		font-size: 16px;
		line-height: 24px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor11 .card .text {
		font-size: 14px;
		line-height: 22px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor11 .card .text {
		font-size: 14px;
		line-height: 22px;
	}
}
@media only screen and  (max-width: 720px) {
	
}
@media only screen and (min-width: 1681px) {
	
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	
}
@media only screen and  (max-width: 720px) {
	
}






.floor12 {
	background-color: #FFF;
}
.floor12 .wrapper {
	position: relative;
}
@media only screen and (min-width: 1681px) {
	.floor12 .wrapper {
		padding-top: 98px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor12 .wrapper {
		padding-top: 98px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor12 .wrapper {
		padding-top: 144px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor12 .wrapper {
		padding-top: 76px;
	}
}
.floor12 .container {
}
.floor12 .textHeader {
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-align: center;
}
@media only screen and (min-width: 1681px) {
	.floor12 .textHeader {
		font-size: 16px;
		line-height: 24px;
		text-align: center;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor12 .textHeader {
		font-size: 16px;
		line-height: 24px;
		text-align: center;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor12 .textHeader {
		font-size: 16px;
		line-height: 24px;
		text-align: center;
	}
}
@media only screen and  (max-width: 720px) {
	.floor12 .textHeader {
		font-size: 12px;
		line-height: 20px;
	}
}
@media only screen and (min-width: 1681px) {
	.floor12 .contactsContainer {
		margin-top: 64px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor12 .contactsContainer {
		margin-top: 64px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor12 .contactsContainer {
		margin-top: 64px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor12 .contactsContainer {
		margin-top: 28px;
	}
}
.floor12 .contactName {
	color: #9C9C9C;
}
@media only screen and (min-width: 1681px) {
	.floor12 .contactName {
		font-size: 16px;
		line-height: 24px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor12 .contactName {
		font-size: 16px;
		line-height: 24px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor12 .contactName {
		font-size: 16px;
		line-height: 24px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor12 .contactName {
		font-size: 13px;
		line-height: 21px;
	}
}
.floor12 .contactValue {
	font-weight: 900;
	text-transform: uppercase;	
}
@media only screen and (min-width: 1681px) {
	.floor12 .contactValue {
		font-size: 64px;
		line-height: 75px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor12 .contactValue {
		font-size: 48px;
		line-height: 56px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor12 .contactValue {
		font-size: 28px;
		line-height: 33px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor12 .contactValue {
		font-size: 18px;
		line-height: 21px;
	}
}
@media only screen and (min-width: 1681px) {
	.floor12 .contactValue + .contactName {
		margin-top: 24px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor12 .contactValue + .contactName {
		margin-top: 24px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor12 .contactValue + .contactName {
		margin-top: 24px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor12 .contactValue + .contactName {
		margin-top: 21px;
	}
}
.floor12 .mapContainer {
	position: relative;
	display: flex;
	justify-content: center;
	margin-top: 64px;
	overflow: hidden;
}
.floor12 a.map {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../images/grayMap.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
@media only screen and (min-width: 1681px) {
	.floor12 .mapContainer {
		height: 740px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor12 .mapContainer {
		height: 493px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor12 .mapContainer {
		height: 493px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor12 .mapContainer {
		height: 563px;
	}
}
.floor12 .mapDot {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 32px;
	height: 32px;
	margin: -20px 0 0 -20px;
}
@media only screen and (min-width: 1681px) {
	
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	
}
@media only screen and  (max-width: 720px) {
	
}





.floor13 {
	background-color: #FFF;
}
.floor13 .wrapper {
	position: relative;
}
@media only screen and (min-width: 1681px) {
	.floor13 .wrapper {
		padding-top: 64px;
		padding-bottom: 64px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor13 .wrapper {
		padding-top: 64px;
		padding-bottom: 64px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor13 .wrapper {
		padding-top: 64px;
		padding-bottom: 64px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor13 .wrapper {
		padding-top: 32px;
		padding-bottom: 32px;
	}
}
.floor13 .container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
@media only screen and (min-width: 1681px) {
	
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	
}
@media only screen and  (max-width: 720px) {
	.floor13 .logo {
		display: none;
	}
}
.floor13 .text {
	color: #9C9C9C;
	text-align: center;
}
@media only screen and (min-width: 1681px) {
	.floor13 .text {
		margin-top: 20px;
		font-size: 14px;
		line-height: 22px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.floor13 .text {
		margin-top: 20px;
		font-size: 14px;
		line-height: 22px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.floor13 .text {
		margin-top: 20px;
		font-size: 14px;
		line-height: 22px;
	}
}
@media only screen and  (max-width: 720px) {
	.floor13 .text {
		font-size: 12px;
		line-height: 29px;
	}
}





.topLink {
	position: fixed;
	z-index: 5;
	right: 12px;
	bottom: 20px;
	background-color: #000;
	transition: .3s ease;
}
@media only screen and (min-width: 1681px) {
	.topLink {
		width: 48px;
		height: 48px;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	.topLink {
		width: 48px;
		height: 48px;
	}
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
	.topLink {
		width: 48px;
		height: 48px;
	}
}
@media only screen and  (max-width: 720px) {
	.topLink {
		width: 40px;
		height: 40px;
	}
}
@media only screen and (min-width: 1681px) {
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
}
@media only screen and (min-width: 721px) and (max-width: 1280px) {
}
@media only screen and  (max-width: 720px) {
	.topLink img {
		width: 40px;
		height: 40px;
	}
}
.topLink:hover {
	background-color: #E02020;
}







@keyframes lol {
	0% {
		transform: translateY(100px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes ripple675 {
	0% {
		transform: scale(1);
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: scale(675);
		opacity: 0;
	}
}
@keyframes ripple314 {
	0% {
		transform: scale(1);
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: scale(314);
		opacity: 0;
	}
}
@keyframes present {
	from {
		background-position: 33% 33%;
		background-size: 100% 100%;
	}
	25% {
		background-position: 66% 33%;
		background-size: 200% 200%;
	}
	50% {
		background-position: 66% 66%;
		background-size: 100% 100%;
	}
	70% {
		background-position: 33% 66%;
		background-size: 200% 200%;
	}
	to {
		background-position: 33% 33%;
		background-size: 100% 100%;
	}
}
@keyframes spin01 {
	0% {
		content: "М";
		opacity: 0
	}
	12% {
		opacity: 1
	}
	22% {
		content: "М";
		opacity: 0
	}
	25% {
		content: "Р";
		opacity: 0
	}
	37% {
		opacity: 1
	}
	47% {
		content: "Р";
		opacity: 0
	}
	50% {
		content: "К";
		opacity: 0
	}
	62% {
		opacity: 1
	}
	72% {
		content: "К";
		opacity: 0
	}
	75% {
		content: "Ф";
		opacity: 0
	}
	87% {
		opacity: 1
	}
	97% {
		content: "Ф";
		opacity: 0
	}
	100% {
		content: "М";
		opacity: 0
	}
}
@keyframes spin02 {
	0% {
		opacity: 0
	}
	12% {
		opacity: 1
	}
	25% {
		opacity: 0
	}
	37% {
		opacity: 1
	}
	50% {
		opacity: 0
	}
	62% {
		opacity: 1
	}
	75% {
		opacity: 0
	}
	87% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}