@font-face {
	font-family: 'ProFontWindows';
	src: url('fonts/ProFontWindows.woff2') format('woff2'), url('fonts/ProFontWindows.woff') format('woff'), url('fonts/ProFontWindows.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Visitor_Rus';
	src: url('fonts/Visitor_Rus.woff2') format('woff2'), url('fonts/Visitor_Rus.woff') format('woff'), url('fonts/Visitor_Rus.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'SFProDisplay';
	src: url('fonts/SFProDisplay-Medium.woff2') format('woff2'), url('fonts/SFProDisplay-Medium.woff') format('woff'), url('fonts/SFProDisplay-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'SFProDisplay';
	src: url('fonts/SFProDisplay-Regular.woff2') format('woff2'), url('fonts/SFProDisplay-Regular.woff') format('woff'), url('fonts/SFProDisplay-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
html{
	
}
a {
	text-decoration: none!important;
}
body {
	padding: 0px;
	margin: 0px;
	background-color: #0F0F10;
}
.container{
	max-width:1140px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.head {
	width:100%;
	height:40px;
	vertical-align:middle;  
	margin-top: 30px;
	padding-left: 10px;
	padding-right:10px;
}
#logoPic {
	vertical-align: middle;
	display: inline-block;
}
#logoText {
	margin-bottom: 0px;
	vertical-align: middle;
	margin-top: 2px;
	margin-left: 17px;
	font-family: ProFontWindows;
	font-weight: normal;
	font-size: 23px;
	background: linear-gradient(275deg, #7CC0FF 90%, #FFFFFF 150%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: #FFF;
	display: inline-block;
}
#logoPic::selection {
	background: transparent;
}

#logoPic::-moz-selection {
	background: transparent;
}
#logoText::selection {
	background: transparent;
}

#logoText::-moz-selection {
	background: transparent;
}

.button {	
	font-family: SFProDisplay;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	width: 120px;
	height: 40px;
	border-style: solid;
	border-radius: 50px;
	border-color: #222224;
	border-width: 1px;
	background: linear-gradient(45deg, #0F161E 20%, #131518 80%);
}
.button::selection {
	background: transparent;
}

.button::-moz-selection {
	background: transparent;
}
#butTop {
	position: relative;
	z-index: 1;
	margin-top: -3px;
	float: right;
}
	#butTop::before {
		border-radius: 50px;
		position: absolute;
		content: "";
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-image: linear-gradient(95deg, #1E1E25 10%, #453750 95%);
		z-index: -1;
		transition: opacity 0.5s linear;
		opacity: 0;
	}

#butTop:hover::before{
	opacity:1;
}
#butTop p {

	margin-top:10px;
	margin-bottom: 0px;
	background: linear-gradient(270deg, #7CC0FF 65%, #FFFFFF 85%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: #FFF;
}
.mainBlock{
	margin-top:95px;
}
.introText1 {
	margin-right: auto;
	margin-left: auto;
	width: 610px;
	height: 50px;
	border-style: solid;
	border-width: thin;
	border-radius: 50px;
	border-color: #222224;
	background: linear-gradient(45deg, #0F161E 20%, #131518 80%);
}
.introText1 p{
	font-size:20px;
	text-align:center;
	font-family:SFProDisplay;
	font-weight:500;
	margin-top:13px;
	margin-bottom: 0px;
	background: linear-gradient(270deg, #8ABBF5 15%, #FFFFFF 85%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: #FFF;
}
#iT1P {
	margin-top:-1px;
	vertical-align: middle;
	margin-left: 10px;
	display: inline-block;
}
.backIntro {
	z-index: -5;
	position: absolute;
	width: 1140px;
	height: 890px;
	margin-top: -160px;
	margin-left: -20px;
}
.backIntro img{
	z-index:-5;
	width:100%;
	height:100%;
}
.backIntro img::selection {
	background: transparent;
}

.backIntro img::-moz-selection {
	background: transparent;
}
.introText2{
	margin-top:35px;
	font-family: Visitor_Rus;
	color:#FFFFFF;
	font-size:72px;
	text-align:center;
}
.bIT {
	box-shadow: 0px 0px 30px 0px #0587FF;
	transition: 0.5s;
	font-family: SFProDisplay;
	font-weight: 500;
	font-size: 20px;
	text-align: center;
	width: 170px;
	height: 50px;
	border-radius: 50px;
	background-color: #0587FF;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	color: #FFFFFF;
}
.bIT:hover{
	background-color:#045AA9;
}
.bIT p{
	padding-top:13px;
}
#bITa {
	height:40px;
	color: #FFFFFF;
	width: 160px;
}
.brands{
	display:none;
	text-align:center;
	margin-top:115px;
}
.brands p{
	text-align:center;
	color: #acacad;
	font-family: SFProDisplay;
	font-weight:normal;
	font-size:16px;
}
.brand {
	margin-top: 40px;
	margin-left: 40px;
	margin-right: 40px;
	display: inline-block;
}
.infoBlock{
	margin-top:105px;
}
.infoBorder {
	position:relative;
	width: 100%;
	height: 445px;
	background: linear-gradient(180deg, #272728 15%, #0f0f10 35%);
	border-radius: 40px;
}
.infoBorder2 {
	margin-top:115px;
	position: relative;
	width: 100%;
	height: 445px;
	background: linear-gradient(0deg, #272728 15%, #0f0f10 35%);
	border-radius: 40px;
}
.info {
	overflow:hidden;
	white-space:nowrap;	
	display: inline-block;
	border-radius: 40px;
	position: absolute;
	top: 1px;
	left: 1px;
	bottom: 0;
	right: 1px;
	width: 100%;
	height: 445px;
	background: linear-gradient(180deg, #111112 15%, #0f0f10 35%);
}
.info2 {
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
	border-radius: 40px;
	position: absolute;
	top: -1px;
	left: 1px;
	bottom: 0px;
	right: 1px;
	width: 100%;
	height: 510px;
	background: linear-gradient(180deg, #0f0f10 35%,#111112 55%);
}
.infoTexts {
	float: left;
	white-space: normal;
	display: inline-block;
	width: 35%;
	margin-top: 75px;
	margin-left: 100px;
}
.infoText1 {
	width: 270px;
	height: 40px;
	border-style: solid;
	border-width: thin;
	border-radius: 50px;
	border-color: #222224;
	background: linear-gradient(45deg, #0F161E 20%, #131518 80%);
}
.infoText1 p{
	text-align:center;
	font-family:SFProDisplay;
	font-weight:500;
	margin-top:10px;
	margin-bottom: 0px;
	background: linear-gradient(270deg, #8ABBF5 15%, #FFFFFF 85%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: #FFF;
}
.infoTexts2 {
	float: left;
	white-space: normal;
	display: inline-block;
	width: 35%;
	margin-top: 120px;
	margin-left: 100px;
}
.infoText12 {
	margin-left:45px;
	width: 330px;
	height: 40px;
	border-style: solid;
	border-width: thin;
	border-radius: 50px;
	border-color: #222224;
	background: linear-gradient(45deg, #0F161E 20%, #131518 80%);
}
.infoText12 p{
	text-align:center;
	font-family:SFProDisplay;
	font-weight:500;
	margin-top:10px;
	margin-bottom: 0px;
	background: linear-gradient(270deg, #8ABBF5 15%, #FFFFFF 85%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: #FFF;
}
.infoTextList {
	margin-top:25px;
	font-size: 16px;
	font-family: SFProDisplay;
	color: #979798;
	line-height:1.5;
}
.infoTextList li{
	margin-bottom:10px;
}
.backTextList{
	z-index:-9;
	opacity:0.7;
	margin-top:-440px;
	margin-left:-85px;
}
.infoText2 {
	margin-top: 20px;
	font-family: Visitor_Rus;
	color: #FFFFFF;
	font-size: 56px;
}
.infoText3 {
	line-height: 1.5;
	width: 75%;
	margin-top: 30px;
	font-family: SFProDisplay;
	font-weight: normal;
	font-size: 18px;
	color: #979798;
}
.phone {
	display: inline-block;
	width: 50%;
	margin-left: 10px;
	margin-top: 0px;
}
.phone img{
	pointer-events: none;
}
.ellipsePhone {
	margin-top: 10px;
}
.screenPhone {
	margin-left:133px;
	margin-top: -420px;
}
.ambassadors{
	margin-top:165px;
}
.ambassadorsLogo {
	text-align:center;
	width:580px;
	margin-left:auto;
	margin-right:auto;
}
.ambassadorsLogo img{
	display:inline-block;
	margin-bottom:12px;
}
.ambassadorsLogo h1{
	font-weight:100;
	margin:10px 0px;
	color:#FFFFFF;
	font-size:56px;
	font-family:Visitor_Rus;
}
.ambassadorsLogo p{
	margin-top: 15px;
	margin-bottom:0px;
	font-family: SFProDisplay;
	font-weight: normal;
	font-size: 20px;
	color: #979798;
}
.ambassadorsMem{
	margin-left:20px;
	margin-top:65px;
	width:540px;
	display:inline-block;
}
.ambassadorsMemPic {
	text-align:center;
	border-width: 1px;
	border-style: solid;
	border-color: #212124;
	border-radius: 40px;
	border-bottom-width:0px;
}
.ambassadorsMemPic img{
	width:540px;
	border-radius: 40px;
	display:inline-block;
}
.ambassadorsMem h1 {
	margin-top:40px;
	margin-bottom:0px;
	font-weight:500;
	font-family: SFProDisplay;
	color:#FFFFFF;
	font-size:48px;
}
.ambassadorsMem p {
	margin-top: 15px;
	margin-bottom: 0px;
	font-weight: normal;
	font-family: SFProDisplay;
	font-size: 22px;
	color: #979798;
}
.FAQ{
	margin-top: 90px;
	text-align:center;
}
.FAQ h1{
	margin:0px;
	font-family:Visitor_Rus;
	color:#FFFFFF;
	font-size:56px;
}
.questionList{
	margin-top:0px;
}
.questionH {
	margin-top:40px;
	padding:0px;
	font-family:SFProDisplay;
	font-size:18px;
	color:#FFFFFF;
	text-align:left;
	width: 100%;
	height:85px;
	padding-left:30px;
	padding-right:30px;
	border-radius: 15px;
	background-color: #121214;
	border-width: 0px;
	border-style: solid;
	border-color: #212124;
}
.questionH img{
	float:right;
}
.questionV {
	text-align:left;
	border-radius: 15px;	
	font-size: 16px;
	font-family: SFProDisplay;
	color: #979798;
	margin-top: -25px;
	width: 100%;
	background-color: #121214;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}
.questionV p{
	line-height:1.5;
	margin-bottom:25px;
	margin-top:5px;
	margin-left:30px;
	margin-right:30px;
}
.FAQcontact{
	margin-top:65px;
}
.contact {
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	width: 290px;
	height: 40px;
	border-style: solid;
	border-width: thin;
	border-radius: 50px;
	border-color: #222224;
	background: linear-gradient(45deg, #0F161E 20%, #131518 80%);
}

	.contact p {
		text-align: center;
		font-family: SFProDisplay;
		font-weight: 500;
		margin-top: 10px;
		margin-bottom: 0px;
		background: linear-gradient(270deg, #8ABBF5 35%, #FFFFFF 145%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		color: #FFF;
	}

#contact  {
	margin-top: -1px;
	vertical-align: middle;
	margin-left: 10px;
	display: inline-block;
}
.news {
	margin-top:60px;
	text-align: center;
}
.news h1{
		margin:0px;
	font-family:Visitor_Rus;
	color:#FFFFFF;
	font-size:56px;
	margin-bottom:20px;
}
.newsBlock {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	vertical-align: middle;
	display: inline-block;
}
.newsBlock img{
	max-width:250px;
}
.nBl1 img{
	max-width:130px;
}
.nBl2 img {
	max-width: 150px;
}
.madeLogo {
	margin-top: 80px;
	height: 70px;
	position: absolute;
	width: 300px;
	color: #fff;
	margin-left: 50%;
	transform: translateX(-200px);
}

	.madeLogo p {
		font-family: ProFontWindows;
		font-size: 28px;
		font-weight: 500;
		float: right;
	}

	.madeLogo span {
		font-family: 'SF Pro Display';
		margin-right: 40px;
		font-size: 30px;
	}

#fresaLogo {
	margin-top: 15px;
	width: 75px;
}

@media only screen and (max-width: 600px) {
	.madeLogo {
		margin-bottom: 20px;
		margin-top: 210px;
		height: 130px;
		position: absolute;
		width: 300px;
		color: #fff;
		margin-left: 50%;
		transform: translateX(-150px);
	}

	.fotList2 {
		margin-top: 160px !important;
	}

	.fotList3 {
		margin-top: 160px !important;
	}
	.newsBlock img {
		max-width: 100px;
	}
}
.video {
	filter: drop-shadow(0 0 30px #0587FF);
	border-radius: 30px;
	overflow: hidden;
	margin-top: 60px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
.video video{
	border-radius:30px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.footer {
	font-size: 16px;
	font-family: SFProDisplay;
	margin-top: 110px;
	border-top: solid #151516 1px;
	height: 245px;
	width: 100%;
	background-color: #0E0E0F;
}
.fotList1 {
	margin-top: 55px;
	display: inline-block;
	max-width: 255px;
}
.fotList1 p{
	font-size:12px;
	line-height:1.5;
	color:#535354;

}
#payLogoLink{
	width:230px;
}
.fotList2 {
	margin-right: 55px;
	margin-top: 55px;
	float: right;
	display: inline-block;
	max-width: 255px;
}
.fotList2 p{
	color: #9D9D9D;
}
.fotList2 h1{
	font-size:16px;
	font-weight:500;
	color:#FFFFFF;
}
.fotList3 {
	margin-top: 55px;
	float: right;
	display: inline-block;
	max-width: 255px;
}
.fotList3 h1{
	font-size:16px;
	font-weight:500;
	color:#FFFFFF;
}



@media only screen and (max-width: 600px) {
	.sucFot {
		margin-top: 150px !important;
		position: static !important;
	}
	.head {
		margin-top:60px;
		margin-left: auto;
		margin-right: auto;
		width: 220px;
	}
	#butTop{
		display:none;
	}
	.backIntro{
		display:none;
	}
	.mainBlock{
		margin-top:55px;
	}
	.introText1	 {
		width: 365px;
	}
	.introText1 p{
		margin-top:8px;
		margin-right:20px;
		font-size:15px;
	}
	#iT1P{
		position:absolute;
		margin-left:110px;
		margin-top:-13px;
	}
	.introText2 {
		font-size: 56px;
		text-align: center;
	}
	.bIT{
	
	}
	.brands {
		max-width:100%;
		
		text-align: center;
	}
	.brand {
		vertical-align: middle;
		margin-top: 35px;
		margin-left: 0px;
		margin-right: 15px;
	}
	.brand img{
		max-width:200px;
		width:100%;
	}
	.brands p {
		margin-top:55px;
		text-align: center;
	}
	.infoBlock{
		margin-top:75px;
	}
	.infoBorder {
		height: 750px;
		border-radius: 20px;
		margin-left: auto;
		margin-right: auto;
		width: 88%;
	}

	.info {
		height:750px;
		white-space:normal;
		border-radius: 20px;
	}
	.infoTexts {
		margin-left: 5%;
		width: 90%;
		margin-top: 40px;
		float: none;
	}
	.infoText1 {
		margin-left: auto;
		margin-right: auto;
	}
	.infoText2{
		text-align:center;
		margin-top: 30px;
		font-size:42px;
	}
	.infoText3 {
		text-align: center;
		margin-top: 18px;
		margin-left: auto;
		margin-right: auto;
	}
	.phone {
		display: normal;
		width: 70%;
		margin-left: 15%;
		margin-right: 15%;
		margin-top: 30px;
	}

	.phone img {
		pointer-events: none;
	}

	.ellipsePhone {
		display:none;
	}

	.screenPhone {
		margin-top: 0px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	#screenPhone {
		width: 100%;
	}
	.infoBorder2 {
		background: none;
		margin-top: -40px;
		height: 720px;
		border-radius: 20px;
		margin-left: auto;
		margin-right: auto;
		width: 88%;
	}
	.info2 {
		background: none;
		height: 750px;
		white-space: normal;
		border-radius: 20px;
	}
	.infoTexts2 {
		width: 95%;
		margin-top: 30px;
		margin-left: 2.5%;
		margin-right: auto;
		float: none;
	}
	.infoText12 {
		margin-left:5px;
		text-align:center;
		margin-left: auto;
		margin-right: auto;
	}
	.backTextList{
		display:none;
	}

	.ambassadors {
		text-align: center;
		margin-top: 10px;
	}
	.ambassadorsLogo {
		text-align: center;
		max-width: 355px;
		margin-left: auto;
		margin-right: auto;
	}
	.ambassadorsLogo img {
		width: 100%;
		display: inline-block;
	}
		.ambassadorsLogo h1 {
			font-size: 40px;
		}
	.ambassadorsMem {
		margin-left: 0px;
		width: 355px;
	}
	.ambassadorsMemPic img{
		width:100%;
	}
	.ambassadorsMem h1 {
		text-align: center;
		margin-top: 25px;
		margin-left:15px;
		margin-right:15px;
		display: inline-block;
		font-size: 24px;
	}
	.ambassadorsMem p {
		text-align: center;
		margin-top: 20px;
		margin-left: 0px;
		display: inline-block;
		font-size: 16px;
	}
	.FAQ {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	.questionList{
		margin-top:-10px;
	}

	.FAQ h1 {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		word-wrap: break-word;
		max-width: 380px;
		white-space: normal;
		font-size: 42px;
	}
	.FAQcontact h1 {
		
		text-align: center;
	}
	.contact{
		margin-bottom:70px;
	}
	.footer {
		margin-top:55px;
		width:100%;
		height:430px;
	}
	.fotList1{
		font-size:14px;
		text-align:center;
		display:block;
		width:80%;
		margin-left:10%;
		max-width:90%;
	}
	.fotList3 {
		margin-right:50px;
		float: right;
	}
	.fotList2 {
		margin-right:0px;
		font-size:12px;
		margin-left:50px;
		float: left;
	}
	.fotLogo {
		width: 210px;
		margin-left: auto;
		margin-right: auto;
	}
	.sucFot {
		top: 605px;
		margin-top: 150px !important;
		position: static !important;
	}
}

/* �������� */
.logoPay{
	width:210px;
	margin-top:60px;
	margin-left:auto;
	margin-right:auto;
}
.textPay{
	margin-top:30px;
	font-size:56px;
	color:#fff;
	text-align:center;
	font-family: Visitor_Rus;
}
.formPay {
	margin-bottom: 320px;
	width: 370px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 45px;
}
.formPay p{
	margin:0 0 15px 0;
	color:#fff;
	font-family:SFProDisplay;
	font-size:18px;
}
.formPay input{
	transition: 0.9s;
	margin-bottom:15px;
	outline:none;
	padding-left:25px;
	font-size:16px;
	font-family:SFProDisplay;
	/*color:#acacad;*/
	color:#FFF;
	width:345px;
	height:40px;
	border-radius:15px;
	border: solid #242427 1px;
	background-color:#121214;
}
.formPay input:focus{
	border: solid #242427 1px;
}
#formTG{
	color:#fff;
}
#formBut {
	padding:0px;
	text-align:center;
	transition:0.5s;
	font-size:16px;
	margin-left:135px;
	margin-right: auto!important;
	width: 100px;
	height: 41px;
	color: #FFF;
	background-color: #0587FF;
	border-radius: 96px;
}
#formBut:hover {
	background-color: #045AA9;
}

input:not(:placeholder-shown):invalid {
	border: solid red 1px;
}
#sumText {
	font-size: 16px;
	color: #acacad;
}
.textSuc{
	margin-top:50px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	padding:30px 30px;
	border: solid 1px #242427;
	border-radius:30px;
	background-color:#121214;
	width:250px;
	height:250px;
}
	.textSuc img {
		width: 150px;
		opacity: 0.7;

	}
.btnSuc{
	width:200px;
}
#btnSuc {
	font-size: 18px !important;
	color: #FFF;
}
#btnSuc p {
	padding-top:15px;
}

@media only screen and (max-width: 401px) {
	.textPay{
		margin-top:50px;
	}
	.formPay {
		margin-top: 50px;
		width: 310px;
	}
	.formPay input{
		width:285px;
	}
	#formBut {
		margin-left: 105px;
	}
}
/*       ������      */
.textEr {
	margin-top: 25px;
	text-align: center;
	font-size: 16px;
	color: #acacad;
	font-family:'SF Pro Display';
}
.erFot {
	position: absolute !important;
	margin: 0;
	position: absolute;
	left: 0;
	bottom: 0;
}

/*    ��������������    */

.formYa {
	background:#fff;
	max-width:900px;
	width:100%;
	margin-top: 60px;
	margin-left:auto;
	margin-right:auto;
}
.aiGirlCoop{
	margin-top:30px;
	width:150px;
	margin-right:auto;
	margin-left:auto;
}
.aiGirlCoop img{
	border-radius:30px;
	width:150px;
}
.aiGirlCoop p{
	margin-top:5px;
	text-align:center;
	color:#acacad;
	font-family: Visitor_Rus;
	font-size:20px;
}
.coopFot {
	position: absolute !important;
	margin: 0;
	position: absolute;
	left: 0;
	bottom: 0;
}
@media only screen and (max-width: 600px) {
	.coopText {
		font-size: 30px;
	}
	.coopFot {
		position:relative!important;
	}
}