* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	user-select: none;  
}
html, body {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.form {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	/*background: #242424;*/
}


/* ------------------------------FIRST-SIDE------------------------------ */
.main-container-ft {
	width: 55.625vw;
	height: 36.458vw;
}
.bg-ft svg:nth-child(1) {
	position: absolute;
	width: 55.625vw;
	height: 36.458vw;
}
.bg-ft svg:nth-child(2) {
	position: relative;
	width: 54.375vw;
	height: 36.458vw;
}
.main-content-wr {
	position: absolute;
}
.main-content-header p:nth-child(1) {
	font-size: 2.5vw;
	font-family: "Black";
	background: var(--hd-text-color);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0.052vw var(--main-color);
	text-shadow: 0 0 5.969vw var(--main-color);
}
.main-content-header p:nth-child(2) {
	text-align: center;
	width: 34.583vw;
	font-size: 0.729vw;
	font-family: "Thin";
	color: #fff;
	opacity: .75;
	margin-top: 0.208vw;
}
.main-content-btns {
	margin-top: 2.5vw;
}
.main-content-btn-box {
	width: 19.375vw;
	height: 23.125vw;
	margin-left: 3.125vw;
	opacity: .75;
	transition: all .2s ease-in;
	cursor: pointer;
}
.main-content-btn-box:hover {
	opacity: 1;
	scale: 1.02;
	transform: translateY(-0.625vw);
}
.main-content-btn-box:active {
	scale: 1;
	opacity: .75;
}
.main-content-btn-box:hover .main-content-btn-box-ic-content {
	scale: 1.1;
}
.main-content-btn-box:nth-child(1) {
	margin-left: 0vw;
}
.main-content-btn-box-bg {
	width: 19.375vw;
	height: 23.125vw;
}
.main-content-btn-box-bg svg:nth-child(1) {
	width: 19.375vw;
	height: 23.125vw;
}
.main-content-btn-box-content {
	position: absolute;
	width: 19.375vw;
	height: 23.125vw;
}
.main-content-btn-box-text p:nth-child(1) {
	font-size: 2.083vw;
	font-family: "Anton";
	color: #fff;
	text-shadow: 0 0 2.969vw rgba(255, 255, 255, 0.75);
}
.main-content-btn-box-text p:nth-child(2) {
	font-size: 0.729vw;
	font-family: "Thin";
	color: #fff;
	margin-top: -0.417vw;
	text-shadow: 0 0 2.292vw rgba(255, 255, 255, 0.75);
	opacity: .75;
}
.main-content-btn-box-ic-bg {
	width: 16.458vw;
	height: 16.458vw;
	margin-top: 1.042vw;
}
.main-content-btn-box-ic-bg svg:nth-child(1) {
	width: 16.458vw;
	height: 16.458vw;
}
.main-content-btn-box-ic-content {
	position: absolute;
	width: 13.021vw;
	height: 13.021vw;
	transition: all .2s ease-in;
	cursor: pointer;
}
.main-content-btn-box-ic-content img:nth-child(1) {
	position: absolute;
	width: 13.021vw;
	height: 13.021vw;
	filter: blur(2.5vw);
}
.main-content-btn-box-ic-content img:nth-child(2) {
	position: absolute;
	width: 13.021vw;
	height: 13.021vw;
}
.main-container-ft, .bg-ft, .main-content-btns, .main-content-btn-box-icon, .main-content-btn-box-bg {
	display: flex;
	align-items: center;
	justify-content: center;
}
.main-content-wr, .main-content-header, .main-content-btn-box, .main-content-btn-box-content, .main-content-btn-box-text {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}


/* ------------------------------SECOND-SIDE------------------------------ */
.main-container-sc {
	width: 50.625vw;
	height: 41.979vw;
}
.bg-sc svg:nth-child(1) {
	position: absolute;
	width: 50.625vw;
	height: 41.979vw;
}
.bg-sc svg:nth-child(2) {
	position: relative;
	width: 49.375vw;
	height: 41.979vw;
}
.main-content-wr-sc {
	position: absolute;
}
.main-content-header-sc p:nth-child(1) {
	font-size: 2.5vw;
	font-family: "Black";
	background: var(--hd-text-color);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0.052vw var(--main-color);
	text-shadow: 0 0 5.969vw var(--main-color);
}
.main-content-header-sc p:nth-child(2) {
	text-align: center;
	width: 15.104vw;
	font-size: 0.729vw;
	font-family: "Thin";
	color: #fff;
	opacity: .75;
	margin-top: 0.208vw;
}
.main-content-overflow-wr {
	margin-top: 2.5vw;
}
.main-content-overflow-header {
	margin-left: -0.625vw;
}
.main-content-overflow-header p {
	text-align: center;
	font-size: 0.729vw;
	font-family: "Light";
	color: #fff;
	opacity: .5;
	margin-left: 8.49vw;
}
.main-content-overflow-header p:nth-child(1) {
	margin-left: 0;
}
.overflow {
	position: relative;
	display: flex;
	align-items: start;
	justify-content: left;
	overflow-y: auto;
	flex-direction: column;
	width: 46.354vw;
	height: 27.917vw;
	margin-top: 0.417vw;
}
.overflow, .flex-wrap {
	display: flex;
	flex-wrap: wrap;
}
::-webkit-scrollbar {
	width: 0.15vw;
	height: 0vw;
}
::-webkit-scrollbar-thumb {
	background: var(--main-color);
	border-radius: 5.208vw;
}
::-webkit-scrollbar-track {
	background: #d9d9d918;
	border-radius: 5.208vw;
}
.box-item-of-sc {
	width: 45.833vw;
	height: 3.125vw;
	background: var(--box-it-of);
	border-radius: 0.104vw;
	margin-top: 0.417vw;
}
.box-item-of-sc:nth-child(1) {
	margin-top: 0;
}
.box-item-of-sc p:nth-child(1) {
	text-align: center;
	width: 5.208vw;
	font-size: 0.729vw;
	font-family: "Light";
	color: #fff;
	text-shadow: 0 0 2.292vw rgba(255, 255, 255, 0.75);
}
.box-item-of-sc p:nth-child(2) {
	text-align: center;
	width: 5.208vw;
	font-size: 0.729vw;
	font-family: "Light";
	color: #fff;
	text-shadow: 0 0 2.292vw rgba(255, 255, 255, 0.75);
	margin-left: 7.76vw;
}
.summe {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 5.208vw;
	margin-left: 6.667vw;
}
.summe span:nth-child(1) {
	font-size: 0.729vw;
	font-family: "Light";
	color: #fff;
	text-shadow: 0 0 2.292vw rgba(255, 255, 255, 0.75);
	word-wrap: break-word;
	word-break: break-all;
}
.summe span:nth-child(2) {
	font-size: 0.729vw;
	font-family: "Light";
	color: var(--main-color);
	text-shadow: 0 0 2.292vw rgba(255, 255, 255, 0.75);
}
.box-item-of-sc-btn {
	width: 5.208vw;
	height: 1.875vw;
	border: 0.052vw solid var(--dark-main-color);
	border-radius: 0.104vw;
	font-size: 0.729vw;
	font-family: "Light";
	color: #ffffff42;
	margin-left: 7.708vw;
	transition: all .15s ease-in;
	cursor: pointer;
}
.box-item-of-sc-btn:hover {
	background: var(--low-op-mn-col);
	border: 0.052vw solid var(--main-color);
	box-shadow: 0 0 1.094vw var(--low-op-mn-col);
	color: #fff;
	text-shadow: 0 0 2.292vw rgba(255, 255, 255, 0.75);
}
.box-item-of-sc-btn:active {
	scale: 0.95;
	opacity: .75;
}
.main-container-sc, .bg-sc, .main-content-overflow-header, .box-item-of-sc, .box-item-of-sc-btn {
	display: flex;
	align-items: center;
	justify-content: center;
}
.main-content-wr-sc, .main-content-header-sc, .main-content-overflow-wr {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}


/* ------------------------------THIRD-SIDE------------------------------ */
.main-container-th {
	width: 28.542vw;
	height: 28.229vw;
}
.bg-th svg:nth-child(1) {
	position: absolute;
	width: 28.542vw;
	height: 28.229vw;
}
.bg-th svg:nth-child(2) {
	position: relative;
	width: 24.375vw;
	height: 28.229vw;
}
.main-content-wr-th {
	position: absolute;
}
.main-content-header-th p:nth-child(1) {
	font-size: 2.5vw;
	font-family: "Black";
	background: var(--hd-text-color);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0.052vw var(--main-color);
	text-shadow: 0 0 5.969vw var(--main-color);
}
.main-content-header-th p:nth-child(2) {
	text-align: center;
	width: 20.208vw;
	font-size: 0.729vw;
	font-family: "Thin";
	color: #fff;
	opacity: .75;
	margin-top: 0.208vw;
}
.main-content-th-box {
	margin-top: 2.5vw;
}
.main-content-th-box:nth-child(2) {
	margin-top: 1.25vw;
}
.main-content-th-box p:nth-child(1) {
	font-size: 1.042vw;
	font-family: "Light";
	color: #fff;
	opacity: .75;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
   -webkit-appearance: none;
}

.main-content-th-summe-input {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 18.75vw;
	height: 3.125vw;
	background: #ffffff10;
	margin-top: 0.625vw;
}
.main-content-th-summe-input input:nth-child(1) {
    position: relative;
    display: flex;
    text-align: center;
    background: none;
    outline: none;
    border: none;
    font-size: 1.042vw;
    font-family: "Light";
    color: #fff;
}
.main-content-th-summe-input span:nth-child(2) {
	font-size: 1.042vw;
	font-family: "Light";
	color: var(--main-color);
	margin-left: 0.625vw;
}
.main-content-th-btn {
	width: 12.5vw;
	height: 3.125vw;
	background: #ffffff09;
	font-size: 1.042vw;
	font-family: "Light";
	color: #ffffff18;
	border: 0.052vw solid #ffffff17;
	transition: all .15s ease;
	cursor: pointer;
	margin-top: 2.5vw;
}
.main-content-th-btn:hover {
	background: var(--low-op-mn-col);
	border: 0.052vw solid var(--main-color);
	box-shadow: 0 0 3.094vw var(--low-op-mn-col);
	color: #fff;
}
.main-content-th-btn:active {
	scale: .98;
	opacity: .75;
}

.main-container-th, .bg-th, .main-content-th-btn {
	display: flex;
	align-items: center;
	justify-content: center;
}
.main-content-wr-th, .main-content-header-th, .main-content-th, .main-content-th-box {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}