* {
	margin: 0;
	padding: 0;
	border: 0
}

* {
	scrollbar-width: thin;
	scrollbar-color: #ffffff #9a9a9a;
}

*::-webkit-scrollbar {
	width: 12px;
}

*::-webkit-scrollbar-track {
	background: #FFFFFF;
}

*::-webkit-scrollbar-thumb {
	background-color: #9a9a9a;
	border-radius: 20px;
}

html,
body {
	/* max-width: 1920px;
	min-width: 1024px; */
	padding: 0;
	margin: 0 auto;
	color: #ffffff;
	font-size: 1.5vw;
	font-weight: 300;
	font-family: 'Exo 2';
	background-color: rgb(0, 0, 0);
	border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}

h3 {
	font-size: 1.5vw;
	font-weight: 600;
	text-transform: none;
	color: #ffffff;
}

figure {
	margin: 0;
}

ul,
li {
	display: block;
	padding: 0;
	margin: 0;
}

a {
	color: lightblue;
}

/* Common elements */

/* @media (min-width: 1910px) {
    .section-border {
        width: 1800px;
    }
} */

.section-border {
	padding: 0 7%;
}

.section-title h1 {
	font-size: 3vw;
	font-weight: 600;
	font-style: bold;
	text-transform: none;
	color: #FFC212;
	padding: 2% 0;
}

.section-title p {
	font-size: 1.5vw;
	font-weight: 300;
	color: #ffffff;
	text-transform: none;
}

.wrap-title {
	display: flex;
	flex-direction: row;
}

ul li::before {
	content: '+';
	font-size: 1.3vw;
	position: relative;
	display: inline-block;
	left: -1.3vw;
	color: #FFC212;
	margin-right: -0.8vw;
}

p span {
	color: #FFC212
}

/* Start */

.start-page {
	position: relative;
}

.start-page img {
	width: 100%;
	position: relative;
}

.start-page .start-text {
	position: absolute;
	top: 45%;
	left: 42%;
}

.start-page .start-text p {
	font-size: 2.8vw;
	font-weight: 600;
}



/* Problem */

.problem-page {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.problem-text {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 3% 0;
}

.problem-text ul {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-evenly;
}

.problem-text ul:first-child {
	width: 65%;
	padding-left: 10%;
}

.problem-text ul li {
	text-align: justify;
	font-size: 1.2vw;
	padding: 0.7vw 0;
}



/* Solution - Product */

.solution-page {
	position: relative;
	width: 100%;
	padding-top: 5%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.solution-page img {
	position: absolute;
	top: 18%;
	right: 0;
	width: 70%;
	z-index: 1;
}

.solution-page .time-line-start {
	position: absolute;
	top: 15%;
	left: -5.15%;
	z-index: 9;
	width: 3vw;
}

.solution-page .time-line {
	position: absolute;
	top: 21%;
	left: -3.5%;
	width: 107.5%;
}

.solution-page .time-line img {
	width: 100%;
}

.solution-page .section-title {
	display: flex;
	z-index: 2;
}

.solution-page .section-title div {
	width: 35%;
}

.solution-page .section-title div:last-child {
	padding-left: 14%;
	width: 25%;
}

.solution-page .section-title div p {
	text-align: justify;
}

.solution-text {
	z-index: 2;
}

.solution-text ul {
	display: flex;
	flex-direction: column;
	width: 28%;
	padding-left: 4%;
}

.solution-text ul li {
	text-align: justify;
	font-size: 1.2vw;
	padding-top: 2vw;
}

.solution-page p,
.solution-page h3 {
	padding-top: 5%;
	z-index: 2;
}

.solution-page span {
	color: #FFC212;
}


/* How It Works 1 */

.how-it-works-1-page {
	width: 100%;
	padding-top: 5%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
}

.how-it-works-1-page>img {
	width: 90%;
}

.how-it-works-1-page .time-line {
	position: absolute;
	top: 0;
	left: -3.5%;
	width: 107.5%;
}

.how-it-works-1-page .time-line img {
	width: 100%;
}

.algorithm-group-1 {
	padding: 4% 0;
	display: flex;
	align-items: center;
}

.algorithm-group-1 div {
	width: 20%;
}

.algorithm-group-1 div:first-child,
.algorithm-group-1 div:last-child {
	width: 30%;
}

.algorithm-group-1 div p {
	text-align: justify;
	font-size: 1.2vw;
}

.algorithm-group-1 img {
	width: 4%;
	padding: 0 1.5%;
}



/* How It Works 2 */
/* 
.how-it-works-2-page {
	width: 100%;
	padding-top: 5%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
}

.how-it-works-2-page .time-line {
	position: absolute;
	bottom: 0;
	left: -3.5%;
	z-index: 9;
	border: 0.15vw solid #FFC212;
	height: 100%;
}

.how-it-works-2-page img {
	width: 100%;
}

.algorithm-group-2 {
	padding-top: 5%;
	padding-bottom: 1%;
	display: flex;
	align-items: center;
}

.algorithm-group-2 div {
	width: 25%;
}

.algorithm-group-2 img {
	width: 100%;
}

.algorithm-group-2>img {
	width: 4%;
	padding: 0 1%;
}

.algorithm-group-3 {
	display: flex;
	align-items: flex-start;
}

.algorithm-group-3 div {
	width: 25%;
	padding: 0 4%;
}

.algorithm-group-3 div p {
	text-align: justify;
	font-size: 1.2vw;
}

.how-it-works-2-page .add-info {
	padding-bottom: 4%;
	padding-right: 3%;
	text-align: end;
}

.how-it-works-2-page .add-info p {
	font-size: 1.2vw;
}
 */


/* Why Now? */

.why-now-page {
	width: 100%;
	padding-top: 5%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
}

.why-now-page .time-line {
	position: absolute;
	top: 0;
	left: -3.5%;
	width: 107.5%;
}

.why-now-page .time-line img {
	width: 100%;
}

.why-now-text {
	display: flex;
	padding-top: 1%;
	padding-bottom: 14%;
	align-items: flex-start;
	z-index: 2;
}

.why-now-text ul {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	width: 33.33%;
}

.why-now-text ul li {
	text-align: justify;
	font-size: 1.1vw;
	padding: 0.8vw 0;
	width: 80%;
}

.why-now-text ul h3 {
	text-align: center;
	width: 80%;
}

.why-now-text ul p,
.why-now-text ul a {
	text-align: right;
	width: 80%;
	font-size: 1.0vw;
	font-style: italic;
}

.why-now-text ul a {
	color: lightblue;
}

.why-now-page .fon {
	width: 80%;
	position: absolute;
	bottom: 0;
	left: 8%;
	z-index: 1;
}

.why-now-page .fon img {
	width: 100%;
}

/* Advantages */

.advantages-page {
	width: 100%;
	padding-top: 5%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
}

.advantages-page .time-line {
	position: absolute;
	bottom: 0;
	left: -3.5%;
	width: 107.5%;
}

.advantages-page .time-line img {
	width: 100%;
}

.advantages-columns {
	display: flex;
}

.advantages-columns h3 {
	padding-top: 1vw;
	padding-bottom: 3vw;
}

.advantages-columns div {
	width: 84%;
}

.advantages-competitive {
	border: 2px solid #FFC212;
	border-radius: 1vw;
	padding: 1vw 2vw;
	position: relative;
}

.advantages-competitive p:first-child {
	position: absolute;
	top: -2vw;
	background-color: #000000;
}

.advantages-competitive p,
.advantages-page p {
	text-align: justify;
	font-size: 1.1vw;
	padding: 0.8vw;
}

.advantages-text,
.benefits-text {
	display: flex;
	padding: 3% 15%;
	align-items: flex-start;
}

.benefits-text {
	padding: 3%;
}

.advantages-text ul,
.benefits-text ul {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}

.advantages-text ul li,
.benefits-text ul li {
	text-align: justify;
	font-size: 1.1vw;
	padding: 0.7vw 0;
}



/* Current Status */

.current-status-page {
	width: 100%;
	padding-top: 5%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
}

.current-status-page .time-line-2021 {
	position: absolute;
	top: 21%;
	left: -4.6%;
	z-index: 2;
	background-color: #000000;
	padding: 0.5vw;
	font-size: 1vw;
	writing-mode: vertical-lr;
	text-orientation: mixed;
}

.current-status-page .time-line {
	position: absolute;
	top: 0;
	left: -3.5%;
	width: 107.5%;
}

.current-status-page .time-line img {
	width: 100%;
}

.current-status-group {
	padding-top: 2%;
	padding-bottom: 1%;
	display: flex;
	z-index: 2;
}

.current-status-group div {
	width: 50%;
	text-align: center;
	font-size: 1.2vw;
}

.current-status-group div p {
	padding: 2vw 3vw;
}

.current-status-group div p:first-child {
	padding: 2vw;
	padding-bottom: 6vw;
}

.current-status-group div p:nth-child(2),
.current-status-group div p:nth-child(3) {
	padding: 0 2vw;
}

.current-status-group div p:last-child {
	text-align: justify;
	padding: 0;
}

.current-status-group div div {
	width: 95%;
	text-align: justify;
	padding: 1.3vw 0;
}

.current-status-group div div h1 {
	color: #FFC212;
	padding: 1vw 2vw;
}

.current-status-group div div ul {
	padding-top: 1vw;
}

.current-status-group div div ul li {
	padding: 0.5vw 4vw;
}

.current-status-group .last {
	padding-top: 4.8vw;
}

.current-status-group div .last p {
	padding: 1vw 0;
}

.current-status-group .quote p {
	font-style: italic;
}

.current-status-group .quote p:first-child::before {
	content: '"';
	font-size: 2vw;
	color: #FFC212;
	position: relative;
	left: -1.3vw;
	top: 0.5vw;
	margin-right: -0.8vw;
	line-height: 50%;
}

.current-status-group .quote p:first-child::after {
	content: '"';
	font-size: 2vw;
	color: #FFC212;
	position: relative;
	top: 0.5vw;
	line-height: 50%;
}

.current-status-group .quote p:last-child {
	text-align: right;
}



/* PVPP "Pohrebysche" */

.pohrebysche-page {
	width: 100%;
	padding-top: 5%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
}

.pohrebysche-page .fon {
	width: 45%;
	position: absolute;
	top: 23%;
	left: 18%;
	z-index: 1;
}

.pohrebysche-page .fon img {
	width: 100%;
}

.pohrebysche-page .time-line {
	position: absolute;
	top: 0;
	left: -3.5%;
	/* width: 111.5%; */
	width: 107.5%;
}

.pohrebysche-page .time-line img {
	width: 100%;
}

.pohrebysche-page .section-title {
	display: flex;
	flex-direction: row;
	align-items: center;
	z-index: 2;
}

.pohrebysche-page .section-title h1 {
	width: 80%;
}

.pohrebysche-page>p {
	text-align: right;
	/* padding-bottom: 1%; */
}

.pohrebysche-group {
	padding-top: 2%;
	display: flex;
	z-index: 2;
}

.pohrebysche-group h3 {
	color: #FFC212;
}

.pohrebysche-group .column {
	text-align: center;
	font-size: 1.2vw;
}

.pohrebysche-group .column div {
	padding-bottom: 4.5vw;
}

.pohrebysche-group .column:first-child {
	text-align: right;
	width: 30%;
}

.pohrebysche-group .column:first-child div:nth-child(2),
.pohrebysche-group .column:first-child div:nth-child(3) {
	padding-right: 35%;
}

.pohrebysche-group .column:last-child {
	width: 60%;
	padding-left: 33%;
	padding-top: 2vw;
}

.pohrebysche-group .column:last-child div:nth-child(2),
.pohrebysche-group .column:last-child div:nth-child(3) {
	padding-left: 20%;
}

.pohrebysche-group .column:last-child p {
	text-align: left;
}

.pohrebysche-group .column:last-child div {
	display: flex;
}

.pohrebysche-group .column:last-child div img {
	width: 2vw;
	padding-right: 3%;
	left: 0;
	position: relative;
}



/* Next Steps */

.next-steps-page {
	width: 100%;
	padding-top: 5%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
}

.next-steps-page .fon {
	width: 90%;
	position: absolute;
	bottom: 0;
	left: 5%;
	z-index: 1;
}

.next-steps-page .fon img {
	width: 100%;
}

.next-steps-page .time-line {
	position: absolute;
	top: 0;
	left: -3.5%;
	width: 111.5%;
}

.next-steps-page .time-line img {
	width: 100%;
}

.next-steps-page .info {
	width: 100%;
	display: flex;
	flex-direction: column;
	bottom: 2%;
	align-items: center;
	z-index: 2;
}

.next-steps-group {
	padding-top: 2%;
	padding-bottom: 15%;
	display: flex;
	z-index: 2;
}

.next-steps-group div {
	width: 25%;
	text-align: center;
	font-size: 1.2vw;
}

.next-steps-group div p {
	padding: 2vw 3vw;
}

.next-steps-group div p:first-child {
	padding: 2vw;
	padding-bottom: 6vw;
}

.next-steps-group div p:nth-child(2),
.next-steps-group div p:nth-child(3) {
	padding: 0 2vw;
}

.next-steps-group div p:last-child {
	text-align: justify;
}



/* The Team */

.the-team-page {
	width: 100%;
	padding-top: 5%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	align-items: center;
}

.wrap-title .section-title {
	width: 30%;
}

.wrap-title div:last-child {
	width: 60%;
	text-align: justify;
}

.team-group {
	padding: 1% 0;
	display: flex;
	width: 100%;
	justify-content: space-around;
}

.team-group div {
	padding: 1% 0;
	display: flex;
	flex-direction: column;
	align-items: center;	
}

.team-group div img {	
	width: 84%;
}

.team-group div h3 {	
	margin-left: 3vw;
}

.the-team-page .fon {
	width: 80%;	
	bottom: 0;
	left: 10%;
	z-index: 1;
}

.the-team-page .fon img {
	width: 100%;
}

/* Pilot */

.pilot-page {
	width: 100%;
	padding-top: 5%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
}

.pilot-page h3 img {
	width: 8vw;
	padding-left: 1vw;
	padding-right: 10vw;
}

.pilot-page h3 span {
	color: #FFC212;
}

.pilot-page p img {
	width: 8vw;
	padding-right: 3vw;
}

.pilot-page>img {
	position: absolute;
	top: 25%;
	right: 0;
	width: 50%;
	z-index: 1;
}

.pilot-page .section-title {
	z-index: 2;
}

.pilot-competitive {
	border: 2px solid #FFC212;
	border-radius: 1vw;
	padding: 1vw 2vw;
	margin: 5vw 0;
	position: relative;
	width: 40%;
}

.pilot-competitive p:first-child {
	position: absolute;
	top: -1vw;
	padding: 0 1vw;
	background-color: #000000;
}

.pilot-competitive ul {
	padding: 0.5vw;
}

.pilot-competitive ul li {
	text-align: justify;
	font-size: 1.2vw;
	padding: 0.5vw;
}

.pilot-page .info {
	z-index: 2;
	padding: 3vw 0;
}

.pilot-page .info>div {
	display: flex;
	position: relative;
	padding-top: 2vw;
	font-size: 1.2vw;
}

.pilot-page .time-line {
	position: absolute;
	top: 1vw;
	left: -7.5%;
	z-index: 9;
	border: 0.125vw solid #FFC212;
	width: 115%;
}

.pilot-page .info div p {
	padding-right: 7vw;
}

.pilot-page .info a {
	text-decoration-line: none;
}