/* Version 1.0 */

@font-face {
    font-family: 'Sharp Grotesk';
    src: url('../fonts/SharpGrotesk-Thin15.woff2') format('woff2');
    font-weight: 100;   /* Thin15 */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp Grotesk';
    src: url('../fonts/SharpGrotesk-Book20.woff2') format('woff2');
    font-weight: 400;   /* Book20 */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp Grotesk';
    src: url('../fonts/SharpGrotesk-BookItalic20.woff2') format('woff2');
    font-weight: 400;   /* Book20 Italic */
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp Grotesk';
    src: url('../fonts/SharpGrotesk-Book25.woff2') format('woff2');
    font-weight: 450;   /* Book25 */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp Grotesk';
    src: url('../fonts/SharpGrotesk-Medium20.woff2') format('woff2');
    font-weight: 500;   /* Medium20 */
    font-style: normal;
    font-display: swap;
}

body {
	background-color: black;
	background-repeat: no-repeat;
	color: white;
	font-family: 'Sharp Grotesk', system-ui, sans-serif;
	overflow-x: hidden !important;
}

a { 
	text-decoration: none;
}

a:hover {
	text-decoration: none !important;
}

.text-container {
	padding-right: 5px;
	padding-left: 5px;
	margin-right: auto;
	margin-left: auto;
	width: 900px;
}

.mynav {
	border-bottom: 1px solid #282828;
}

.mynav .mynav-content {
	margin-left: auto;
	padding: 12px 0;
}

.mynav .mynav-content .avatar {
	margin-right: 16px;
	height: 44px;
	width: 44px;
	background: url('../img/avatar.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 100%;
}

.mynav .mynav-content .myname {
	margin: 0 0 3px 0;
	font-family: 'IBM Plex Sans', sans-serif;
	color: rgba(194, 190, 204, 0.89);
	font-size: 18px;
	font-weight: 400
}


.mynav .mynav-content .contact-button {
	margin-left: 16px;
	padding: 23px 18px 21px 18px;
	height: 45px;
	background: rgba(142, 143, 178, 0.302);
	color: white;
	border-radius: 50px;
	transition: 0.3s;
}

.mynav .mynav-content .contact-button:hover {

	/* background: #3581ff; */
	/* background: #507cff; */
	/* background: #6b7bff; */
	/* background: #bac2ff; */
	/* ziua 2 */
	/* background: #5c8cff */
	/* background: #5c7dff */
	/* background: #506fe7 */	
	/* final */
	background: #5c85ff;
	color: white;
	border-radius: 25px;
	transition: 0.3s;
}

.mynav .mynav-content .contact-button i {
	margin-top: -2px;
	margin-right: 10px;
	font-size: 20px;
}

.mynav .mynav-content .contact-button span {
	margin-top: -1px;
	font-size: 16px;
	font-weight: 400;
}

.divider {
	display: block;
	margin: 0 auto 74px auto;
}

img.divider {
	max-width: 1050px;
}

.mysection0 {
	margin-top: 120px;
	margin-bottom: 120px;
}

.mysection0 h1 {
	margin-bottom: 8px;
	color: white;
	font-size: 43px;
	font-weight: 450;
}

.mysection0 h2 {
	margin-bottom: 40px;
	color: #7A8091;
	font-size: 20px;
	font-weight: 400;
}

.mysection0 p {
	margin-top: 0;
	margin-bottom: 26px;
	color: #ACA9B8;
	font-size: 18px;
	font-weight: 400;
	line-height: 32px;
}

/* */

.mysection {
	margin-bottom: 120px;
}

h1 {
	margin-bottom: -3px;
	color: #8F96AA;
	font-size: 96px;
	font-weight: 300;
}

h2 {
	margin-bottom: 30px;
	color: white;
	font-size: 27px;
	font-weight: 450;
}

h3 {
	margin-top: 70px;
	margin-bottom: 14px;
	font-size: 24px;
    font-weight: 400;
}

h4 {
	margin-top: 56px;
	font-size: 21px;
	font-weight: 400;
}

.spark {
	margin-top: -6px;
  	margin-left: 9px;
	height: 25px;
}

.sparkle {
	margin-top: -26px;
}

p {
	margin-top: 0;
	margin-bottom: 26px;
	color: #ACA9B8;
	font-size: 18px;
	font-weight: 400;
	line-height: 32px;
}

.italic {
	font-style: italic;
}

.highlight {
	margin-left: -2px;
	margin-right: -2px;
	padding: 7px 4px 6px 5px;
	background: #23254A;
	color: #D8DAFF;
	border-radius: 5px;
}

.type-4 {
	display: block;
	margin: 90px auto;
  	max-width: 1500px;
}

.type-3 {
	display: block;
	margin: 130px auto 110px auto;
	max-width: 1340px;
}

.type-special-1 {
	display: block;
	margin: 130px auto 100px auto;
	max-width: 1300px;
}

.type-2 {
	display: block;
	margin: 110px auto 90px auto;
	max-width: 870px;
}

.type-special-2 {
	display: block;
	margin: 120px auto 0 auto;
	max-width: 900px;
}

.type-special-3 {
	display: block;
	margin: 130px auto 40px auto;
	max-width: 780px;
}

.type-driver-levels {
	display: block;
	margin: 80px auto;
	max-width: 1100px;
}

.type-driver-badges {
	display: block;
	margin: -20px auto 80px;
	max-width: 1480px;
}

.type-2-extra {
	display: block;
	margin: 110px auto;
	max-width: 920px;
}

.type-special-4 {
	display: block;
	margin: 20px auto 90px auto;
	max-width: 1500px;
}

.type-passenger-levels {
	display: block;
	margin: 65px auto;
	max-width: 1030px;
}

.type-passenger-badges {
	display: block;
	margin: -20px auto 80px;
	max-width: 1480px;
}

.type-special-5 {
	display: block;
	margin: 120px auto 100px auto;
	max-width: 760px;
}

.type-memorylane-elements {
	display: block;
	margin: 80px auto;
	max-width: 1080px;
}

.type-2-extra-extra {
	display: block;
	margin: 110px auto;
	max-width: 1030px;
}

.mysection.mysection9 {
	margin-bottom: 180px;
}

.buttontop-top {
	display: inline-block;
	position: fixed;
	bottom: 40px;
	right: 10px;
	height: 60px;
	width: 60px;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	white-space: nowrap;
	z-index: 2;
	color: #fff;
	background: none;
	font-size: 35px;
	text-align: center;
	border: 2px solid white;
	border-radius: 50%;
	transition: 0.2s;
}

.buttontop-top i {
	margin-top: 4px;
	display: block;
}

.buttontop-top.buttontop-is-visible,
.buttontop-top.buttontop-fade-out,
.no-touch .buttontop-top:hover {
	transition: opacity .3s 0s, visibility 0s 0s;
}

.buttontop-top.buttontop-is-visible {
	visibility: visible;
	opacity: 1;
	transition: 0.2s;
}

.buttontop-top.buttontop-fade-out {
	opacity: .5;
}

.buttontop-top:hover {
	opacity: 1;
	color: white !important;
	text-decoration: none !important;
	transition: 0.2s;
}



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

Responsive MIN

-----------------------------------------------------------------*/
@media screen and (min-width: 576px) {


}

@media screen and (min-width: 768px) {


}

@media screen and (min-width: 991px) {


}

@media screen and (min-width: 1200px) {


}

@media screen and (min-width: 1280px) {


}

@media screen and (min-width: 1380px) {


}

@media screen and (min-width: 1480px) {


}

@media screen and (min-width: 1580px) {
	

}

@media screen and (min-width: 1680px) {


}

@media screen and (min-width: 1780px) {


}

@media screen and (min-width: 1920px) {


}



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

Responsive MAX

-----------------------------------------------------------------*/
@media screen and (max-width: 1920px) {

	.mysection.mysection9 {
		margin-bottom: 160px;
	}

}

@media screen and (max-width: 1780px) {

	.mynav .mynav-content .myname {
		font-size: 17px;
	}

	.mynav .mynav-content .contact-button span {
		font-size: 15px;
	}

	.mynav .mynav-content .avatar {
		margin-right: 14px;
	}

	.mysection0 {
		margin-bottom: 110px;
	}

	.mysection0 p {
		font-size: 17px;
		line-height: 30px;
	}

	.mysection0 h2 {
		font-size: 19px;
	}

	.mysection0 h1 {
		margin-bottom: 6px;
		font-size: 40px;
	}

	p {
		font-size: 17px;
		line-height: 30px;
	}

	h2 {
		font-size: 25px;
	}

	h1 {
		margin-bottom: -5px;
		font-size: 93px;
	}

	.type-4 {
		max-width: 1410px;
	}

	.divider {
		margin: 0 auto 60px auto;
	}

	.type-3 {
		margin: 90px auto;
		max-width: 1230px;
	}

	h1 {
		font-size: 93px;
	}

	.type-special-1 {
		margin: 110px auto 100px auto;
		max-width: 1070px;
	}

	.type-2 {
		margin: 80px auto;
		max-width: 770px;
	}

	h3 {
		margin-bottom: 13px;
		font-size: 23px;
	}

	.type-special-2 {
		margin: 90px auto 0 auto;
		max-width: 830px;
	}

	.type-driver-levels {
		margin: 60px auto;
		max-width: 1050px;
	}

	.type-2-extra {
		margin: 90px auto;
		max-width: 870px;
	}

	.type-special-4 {
		margin: 20px auto 70px auto;
		max-width: 1340px;
	}

	.type-passenger-levels {
		margin: 58px auto;
		max-width: 990px;
	}

	.type-special-5 {
		margin: 90px auto;
		max-width: 640px;
	}

	.type-memorylane-elements {
		margin: 71px auto;
		max-width: 1020px;
	}

	.type-2-extra-extra {
		margin: 100px auto;
		max-width: 880px;
	}

	.type-special-3 {
		margin: 90px auto 30px auto;
		max-width: 700px;
	}

}

@media screen and (max-width: 1680px) {

}

@media screen and (max-width: 1580px) {

	.mysection0 {
		margin-top: 110px;
		margin-bottom: 100px;
	}

	h1 {
		font-size: 87px;
	}

	h2 {
		font-size: 24px;
	}

	.divider {
		margin: 0 auto 55px auto;
	}

	.type-4 {
		max-width: 1320px;
	}

	.type-3 {
		max-width: 1180px;
	}

	.type-special-1 {
		margin: 105px auto 87px auto;
	}

	h3 {
		margin-bottom: 10px;
		font-size: 22px;
	}

	.type-2 {
		margin: 75px auto;
		max-width: 750px;
	}

	.type-special-2 {
		max-width: 790px;
	}

	.type-4 {
		margin: 85px auto;
	}

	.type-driver-levels {
		margin: 55px auto;
		max-width: 980px;
  	}

	.type-driver-levels {
		max-width: 980px;
	}

	.type-driver-badges {
		max-width: 1330px;
	}

	.type-2-extra {
		max-width: 810px;
	}

	.type-special-4 {
		max-width: 1270px;
	}

	.type-passenger-levels {
		margin: 52px auto;
		max-width: 960px;
	}

	.type-special-5 {
		margin: 80px auto;
		max-width: 630px;
	}

	.type-memorylane-elements {
		margin: 65px auto;
		max-width: 990px;
	}

	.type-2-extra-extra {
		margin: 90px auto;
		max-width: 850px;
	}

	.type-passenger-badges {
		max-width: 1330px;
	}

}


@media screen and (max-width: 1480px) {

	.mynav .mynav-content {
		padding: 10px 0;
	}

	.mynav .mynav-content .myname {
		margin: 0 0 2px 0;
		font-size: 16px;
	}

	.mynav .mynav-content .contact-button {
		padding: 20px 18px 18px 18px;
	}

	.mynav .mynav-content .contact-button span {
		font-size: 13px;
	}

	.mynav .mynav-content .avatar {
		margin-right: 13px;
		height: 40px;
		width: 40px;
	}

	.text-container {
		width: 800px;
	}

	.mysection0 {
		margin-top: 90px;
		margin-bottom: 100px;
	}

	.mysection0 p {
		font-size: 16px;
		line-height: 30px;
	}

	.mysection0 h1 {
		font-size: 38px;
	}

	.mysection0 h2 {
		font-size: 18px;
	}

	.divider {
		margin: 0 auto 55px auto;
	}

	img.divider {
		max-width: 920px;
	}

	.mysection {
		margin-bottom: 100px;
	}

	h1 {
		margin-bottom: -2px;
		font-size: 82px;
	}

	h2 {
		margin-bottom: 26px;
		font-size: 22px;
	}

	h3 {
		margin-top: 55px;
		margin-bottom: 10px;
		font-size: 20px;
	}

	h4 {
		margin-top: 50px;
		font-size: 19px;
	}

	p {
		font-size: 16px;
		line-height: 30px;
	}

	.type-4 {
		max-width: 1280px;
	}

	.type-3 {
		display: block;
		margin: 80px auto;
		max-width: 1100px;
	}

	.type-special-1 {
		display: block;
		margin: 90px auto 90px auto;
		max-width: 1080px;
	}

	.type-2 {
		display: block;
		margin: 70px auto;
		max-width: 730px;
	}

	.type-special-2 {
		display: block;
		margin: 90px auto 0 auto;
		max-width: 760px;
	}

	.type-special-3 {
		display: block;
		margin: 90px auto 20px auto;
		max-width: 650px;
	}

	.type-driver-levels {
		margin: 60px auto;
		max-width: 870px;
	}

	.type-driver-badges {
		display: block;
		margin: -20px auto 60px;
		max-width: 1250px;
	}

	.type-2-extra {
		margin: 75px auto;
		max-width: 770px;
	}

	.type-special-4 {
		margin: 0px auto 90px auto;
		max-width: 1190px;
	}

	.type-passenger-levels {
		margin: 50px auto;
		max-width: 890px;
	}

	.type-passenger-badges {
		max-width: 1250px;
	}

	.type-special-5 {
		margin: 100px auto 80px auto;
		max-width: 640px;
	}

	.type-memorylane-elements {
		margin: 70px auto;
		max-width: 930px;
	}

	.type-2-extra-extra {
		display: block;
		margin: 90px auto;
		max-width: 840px;
	}

	.mysection.mysection9 {
		margin-bottom: 120px
	}

}

@media screen and (max-width: 1380px) {

	.mysection0 p {
		font-size: 15px;
		line-height: 28px;
	}

	.mysection0 h1 {
		font-size: 36px;
	}

	.mysection0 h2 {
		font-size: 17px;
	}

	p {
		font-size: 15px;
		line-height: 29px;
	}

	h2 {
		font-size: 21px;
	}

	h1 {
		font-size: 78px;
	}

	.divider {
		margin: 0 auto 47px auto;
	}

	.mysection0 {
		margin-bottom: 90px;
	}

	.type-4 {
		max-width: 1090px;
	}

	.type-3 {
		margin: 72px auto;
		max-width: 1000px;
	}

	.type-special-1 {
		margin: 70px auto 72px auto;
		max-width: 880px;
	}

	.type-2 {
		margin: 68px auto;
		max-width: 650px;
	}

	.type-special-2 {
		margin: 73px auto 0 auto;
		max-width: 670px;
	}

	.type-special-3 {
		margin: 70px auto 0px auto;
		max-width: 530px;
	}

	.type-4 {
		margin: 75px auto;
	}

	.type-driver-levels {
		margin: 55px auto;
		max-width: 870px;
  	}

	.type-2-extra {
		max-width: 690px;
	}

	.type-special-4 {
		margin: -15px auto 55px auto;
		max-width: 1040px;
	}

	.type-special-5 {
		margin: 80px auto 60px auto;
		max-width: 520px;
	}

	.type-memorylane-elements {
		margin: 65px auto;
		max-width: 910px;
	}

	.type-2-extra-extra {
		margin: 73px auto;
		max-width: 700px;
	}

}


@media screen and (max-width: 1280px) {

	.type-driver-badges {
		max-width: 1120px;
	}

	.type-passenger-badges {
		max-width: 1120px;
	}

	.type-memorylane-elements {
		margin: 60px auto;
		max-width: 890px;
  	}

	.type-2-extra-extra {
    	max-width: 640px;
  	}


}

@media screen and (max-width: 1200px) {

	.mysection0 {
		margin-top: 70px;
		margin-bottom: 80px;
	}

	h2 {
		margin-bottom: 16px;
		font-size: 20px;
	}

	.mysection {
		margin-bottom: 85px;
	}

	.type-2-extra {
		margin: 70px auto;
		max-width: 610px;
	}

	.type-passenger-levels {
		margin: 40px auto;
		max-width: 840px;
	}

	.mysection0 h1 {
		font-size: 34px;
	}

	.mysection0 h2 {
		font-size: 16px;
	}

	.divider {
		margin: 0 auto 34px auto;
	}

	h1 {
		font-size: 75px;
	}

	.type-4 {
		margin: 45px auto;
		max-width: 900px;
	}

	.type-3 {
		margin: 56px auto;
		max-width: 860px;
	}

	.type-special-1 {
		margin: 60px auto 72px auto;
		max-width: 870px;
	}

	.type-2 {
		max-width: 600px;
	}

	.type-special-2 {
		max-width: 640px;
	}

	.type-driver-levels {
		margin: 48px auto;
		max-width: 830px;
	}

	.type-special-4 {
		margin: -30px auto 55px auto;
		max-width: 920px;
	}

	.type-driver-badges {
		max-width: 100%;
	}

	.type-passenger-badges {
    	max-width: 100%;
	}

	.type-passenger-badges {
		margin: -20px auto 65px;
	}

	.type-memorylane-elements {
		margin: 55px auto;
		max-width: 860px;
  	}

	.mysection.mysection9 {
		margin-bottom: 110px;
	}


}  

@media screen and (max-width: 991px) {

	.text-container {
		max-width: 690px;
	}

	img.divider {
		max-width: 685px; 
	}

	.type-4 {
		max-width: 685px;
	}

	.type-3 {
		margin: 45px auto;
		max-width: 685px;
	}

	.type-special-1 {
		max-width: 90%
	}

	.type-2 {
		max-width: 550px;
	}

	.type-special-2 {
		max-width: 550px;
	}

	.type-driver-levels {
		margin: 42px auto;
		max-width: 740px;
	}

	.type-2-extra {
		margin: 45px auto;
		max-width: 570px;
	}

	.type-special-4 {
		margin: -30px auto 45px auto;
		max-width: 90%;
	}

	.type-passenger-levels {
		margin: 33px auto;
		max-width: 740px;
	}

	.type-passenger-badges {
		margin: -20px auto 50px;
	}

	.type-memorylane-elements {
		margin: 50px auto;
		max-width: 740px;
	}

	.type-2 {
		margin: 45px auto;
	}

	.type-special-2 {
		margin: 50px auto -40px auto;
	}

	.type-special-3 {
		margin: 50px auto 0px auto;
		max-width: 470px;
	}

	.type-special-5 {
		margin: 65px auto 60px auto;
		max-width: 480px;
	}

	.type-2-extra-extra {
		margin: 50px auto;
	}

	.type-2-extra-extra {
		max-width: 570px;
	}

}

@media screen and (max-width: 767px) {

	.mysection0 h1 {
		font-size: 32px;
	}

	.mysection0 {
		margin-bottom: 65px;
	}

	h1 {
		margin-bottom: -3px;
		font-size: 70px;
	}

	h2 {
		font-size: 19px;
	}

	.divider {
		margin: 0 auto 30px auto;
	}

	.type-4 {
		max-width: 550px;
	}

	.type-3 {
		margin: 45px auto;
		max-width: 550px;
	}

	.type-special-1 {
		max-width: 575px;
	}

	.type-2 {
		margin: 45px auto;
		max-width: 510px;
	}

	.type-special-2 {
		margin: 45px auto -30px auto;
		max-width: 500px;
	}

	.type-driver-levels {
		margin: 28px auto;
		max-width: 560px;
	}

	.type-2-extra {
		margin: 45px auto;
		max-width: 530px;
	}

	.type-special-4 {
		margin: -30px auto 46px auto;
		max-width: 578px;
	}

	.type-passenger-levels {
		margin: 30px auto;
		max-width: 552px;
	}

	.type-passenger-badges {
		margin: -20px auto 40px;
	}

	.type-memorylane-elements {
		margin: 40px auto;
		max-width: 560px;
	}

	.mysection0 h2 {
		margin-bottom: 34px;
	}

	.text-container {
		max-width: 530px;
	}

	img.divider {
		max-width: 575px;
	}

	h3 {
		font-size: 19px;
	}

	.type-special-3 {
		margin: 53px auto -20px auto;
		max-width: 450px;
	}

	.type-special-5 {
		margin: 55px auto 60px auto;
		max-width: 460px;
	}

	.type-2-extra-extra {
		margin: 45px auto;
		max-width: 530px;
	}

	body { overflow-x: hidden; }

}

@media screen and (max-width: 576px) { 

	.text-container {
		max-width: 357px;
	}

	.mynav .mynav-content {
		padding: 8px 0;
	}

	.mynav .mynav-content .avatar {
		margin-right: 10px;
		height: 35px;
		width: 35px;
	}

	.mynav .mynav-content .myname {
		font-size: 15px;
	}

	.mynav .mynav-content .contact-button {
		padding: 1px 18px 0 18px;
		height: 44px;
	}

	.mynav .mynav-content .contact-button span {
		font-size: 12px;
	}

	.mysection,
	.mysection0 {
		padding: 0 15px;
	}

	.mysection0 {
		margin-top: 54px;
		margin-bottom: 56px;
	}

	.mysection0 h1 {
		margin-bottom: 4px;
		font-size: 28px;
	}

	.mysection0 h2 {
		margin-bottom: 29px;
		font-size: 15px;
	}

	.mysection0 p {
		font-size: 14px;
		line-height: 25px;
	}

	.mysection {
		margin-bottom: 56px;
	}

	.mysection p {
		font-size: 14px;
		line-height: 24px;
	}

	.divider {
		margin: 0 auto 28px auto;
	}

	img.divider {
		max-width: 353px;
	}

	h1 {
		margin-bottom: 1px;
		font-size: 53px;
	}

	h2 {
		margin-bottom: 20px;
		font-size: 19px;
	}

	h3 {
		margin-top: 40px;
		font-size: 17px;
	}

	h4 {
		margin-top: 36px;
		font-size: 16px;
	}

	.highlight {
		padding: 4px 3px 4px 4px;
	}

	.spark {
		height: 16px;
	}

	.type-3 {
		margin: 40px auto;
		max-width: 350px;
	}

	.type-4 {
		margin: 33px auto;
		max-width: 350px;
	}

	.type-special-1 {
		margin: 45px auto;
		max-width: 350px;
	}

	.type-special-1-mobile {
		margin: 61px auto 42px auto;
		max-width: 350px;
	}

	.type-2 {
		margin: 50px auto;
		max-width: 350px;
	}

	.type-special-2 {
		margin: 50px auto -20px auto;
		max-width: 350px;
	}

	.type-special-3 {
		display: block;
		margin: 49px auto -5px auto;
		max-width: 310px;
  	}

	.type-driver-levels {
		margin: 30px auto;
		max-width: 350px;
	}

	.type-driver-badges {
		margin: -20px auto 40px;
		max-width: 100%;
	}

	.type-2-extra {
		margin: 45px auto;
		max-width: 350px;
	}

	.type-special-4 {
		margin: -12px auto 32px;
		max-width: 350px;
	}

	.type-special-4-mobile {
		margin: 63px auto 55px auto;
		max-width: 350px;
	}

	.type-passenger-levels {
		margin: 30px auto;
		max-width: 350px;
	}

	.type-passenger-badges {
		max-width: 100%;
	}

	.type-special-5 {
		margin: 63px auto 55px auto;
		max-width: 350px;
	}

	.type-memorylane-elements {
		margin: 40px auto;
		max-width: 100%;
	}

	.type-2-extra-extra {
		margin: 50px auto;
		max-width: 350px;
	}

	.type-passenger-badges {
		margin: -20px auto 41px;
	}

}