/*reset.css*/
*{
	color: white;
	padding: 0px;
	margin: 0px;
	border: none;

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: Roboto_Medium;
}

*{
	transition: 0.5s;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

a  {
	text-decoration: none;
	color: white;
}

a:hover  {
	text-decoration: none;
}

aside, nav, footer, header, section, main {
	display: block;
}

h1, h2, h3, h4, h5, h6, p {
	font-size: inherit;
	font-weight: inherit;
}

ul, ul li {
	list-style: none;
}

img {
	vertical-align: top;
}

img, svg {
	max-width: 100%;
	height: auto;
}

address {
	font-style: normal;
}

input, textarea, button, select {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background-color: transparent;
}

input::-ms-clear {
	display: none;
}

button, input[type="submit"] {
	display: inline-block;
	box-shadow: none;
	background-color: transparent;
	background: none;
	cursor: pointer;
}

input:focus, input:active,
button:focus, button:active {
	outline: none;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

label {
	cursor: pointer;
}

legend {
	display: block;
}

.flex{
	display: flex;
}

.flexWrap {
	display: flex;
	flex-wrap: wrap;
}

.left{
	float: left;
}

.right{
	float: right;
}
/*end reset.css*/

/*animation.css*/
#text_block1.hide_below > * ,
#text_block2.hide_below > * ,
#text_block3.hide_below > * ,
#text_block4.hide_below > * 
{
	transform: translateY(50vh);
}

.text_block > * {
	transition-delay: 0.5s;
	transition: 1s ease;
	transform: translateY(0);
}

#upper_icon1,
#upper_icon2,
#upper_icon3,
#upper_icon4,
#upper_icon5,
#upper_icon6 {
	transition: 0.5s ease;
	opacity: 1;
}

div#upper_icon1.hide_icon {
	transform: translate3d(120px, 70px, 0px);
	opacity: 0;
}
div#upper_icon2.hide_icon {
	transform: translate3d(-30px, 130px, 0px);
	opacity: 0;
}
div#upper_icon3.hide_icon {
	transform: translate3d(-50px, -60px, 0);
	opacity: 0;
}
div#upper_icon4.hide_icon {
	transform: translate3d(-42px, -10px, 0px);
	opacity: 0;
}
div#upper_icon5.hide_icon {
	transform: translate3d(-210px, 70px, 0px);
	opacity: 0;
}

.rubberiness {
	animation-duration: 2s;
	margin-top: 0vh;
	animation-name: rubberiness;
}

@keyframes rubberiness {
	0% {
	}

	40%{
		top: 110%;
	}

	75%{
		top: 50%;
	}
}

.button2:hover, 
.button2:active {
	border: 1px solid transparent;
	text-decoration: none;
	transition: 1s;
	background: #7b61ff;
	color: black;
}

.button2:hover .img path,
.button2:active .img path{
	fill: black;
	transition: 1s;
}

.selector label:hover,
.selector label:active{
	background: #8D8D8D;
	color: #E855EB;
}

.selector label:hover h3,
.selector label:active h3{
	color: #E855EB;
}

input.Formbutton {
	background: #5C28CA;
	display: block!important;
	width: 165px!important;
	text-align: center;
	margin: 30px auto 0 auto!important;
	font-family: 'Roboto_Black';
	font-size: 18px;
}

input.Formbutton:hover {
	background: linear-gradient(148.37deg, #5C28CA 3.25%, #F062F3 86.1%);
}

input.Formbutton:hover,
input.Formbutton:active{
	background: linear-gradient(148.37deg, #5C28CA 3.25%, #F062F3 86.1%);
}

input.Formbutton[disabled=disabled],
input.Formbutton:disabled{
	background: #1f1f1f;
	cursor: no-drop;
}

.button:hover:after,
.button:hover:active{
	background: transparent;
	transition: 1s;
}

.menu a:hover, .subFooter a:hover,
.menu a:active, .subFooter a:active{
	text-decoration: underline;
}

body .button3:hover,
body .button3:active{
	border-color: white;
	background: white;
	transition: ease-out 0.3s;
}

body .button3:hover a,
body .button3:active a{
	background: transparent;
	color: #131313;
	text-decoration: none;
	transition: ease-out 0.3s;
}
/*end animation.css*/

html{
	overflow-x: hidden!important;
	height: 100%;
	background: #181818;
	margin-top: 0 !important;
	overflow-y: auto;
	transition: 0s;
}

body{
	overflow-x: hidden;
	height: 100%;
	margin: 0 auto;
	display: table;
	color: white;
	background: #181818;
	transition: 0s;
	position: relative;
	z-index: 1;
}

main#main{
	display: table-row;
	height: 100%;
}

.Contact_Us .wrapper{
	overflow: hidden;
}

.wrapper{
	padding: 0 65px;
	margin: 0 auto;
	min-width: 320px;
	max-width: 1440px;
	width: 100vw;
}

.column, .column-3{
	z-index: 1;
	position: relative;
}

.column-2{
	z-index: 1;
	position: relative;
	flex-basis: auto;
	margin-bottom: 32px;
}

h1, .h1{
	font-family: 'Roboto_Medium';
	font-size: 48px;
	font-weight: 700;
	line-height: 53px;
	letter-spacing: 0px;
	text-align: left;
}

h2,.h2{
	font-family: Roboto_Regular;
	font-size: 40px;
	font-weight: 500;
	line-height: 55px;
	letter-spacing: 0em;
	text-align: left;
}

h3, .h3{
	font-family: Roboto_Regular;
	font-size: 32px;
	font-weight: 500;
	line-height: 44px;
	letter-spacing: 0em;
	text-align: left;
}

.text-12, .text-12 * {
	font-family: Roboto_Regular;
	font-size: 12px;
	font-weight: 500;
	line-height: 14px;
	letter-spacing: 0em;
	text-align: left;
}

.text-13, .text-13 * {
	font-family: Roboto_Regular;
	font-size: 13px;
	font-weight: 400;
	line-height: 15px;
	letter-spacing: 0em;
	text-align: left;
}

.text-16, .text-16 * , menu li , p{
	font-family: Roboto_Regular;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0em;
	text-align: left;
}

.text-18, .text-18 * {
	font-family: Roboto_Regular;
	font-size: 18px;
	font-weight: 500;
	line-height: 25px;
	letter-spacing: 0em;
	text-align: left;
}

.text-20, .text-20 * {
	font-family: Roboto_Regular;
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: 0em;
	text-align: left;
}

.text-24, .text-24 * {
	font-family: Roboto_Regular;
	font-size: 24px;
	font-weight: 500;
	line-height: 33px;
	letter-spacing: 0em;
	text-align: left;
}

.color-1, .color-1 * {
	transition: 0s;
	color: #BBBBBB;	
}

.color-2, .color-2 * {
	transition: 0s;
	color: #979797;	
}

.color-3, .color-3 * , .menu, .menu *{
	transition: 0s;
	color: #9B9B9B;
}

.color-4, .color-4 * {
	transition: 0s;
	color: #6A6A6A;	
}

.color-5, .color-5 * {
	transition: 0s;
	color: #545454;	
}

.color-0, .color-0 * {
	transition: 0s;
	color: white;	
}

label.accept_privacy a{
	color: #868686;
}

.button{
	position: relative;
	border-radius: calc(99% + 999px);
	background: linear-gradient(148.37deg, #5C28CA 3.25%, #F062F3 86.1%);
	padding: 11px 22px;
}

.button:hover:after{
	background: transparent;
	transition: 1s;
}

footer {
	margin: 65px 0 15px 0;
}

.menu a:hover , .subFooter a:hover{
	text-decoration: underline;
}

.menu li.logo{
	width: 105px;
	height: 29.89px;
}

ul#Desktop_menu {
	padding: 0;
}

.button:after{
	transition: 1s;
	border-radius: calc(99% + 999px);
	background: #5C28CA;
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

a.button .button:after{
	transition: 1s;
	background: transparent;
}

.button span {
	z-index: 99;
	position: relative;
}

.column-3{
	flex-basis: calc(33.3% - 10px);
}

.left{
	float: left;
}

.right{
	float: right;
}

.img_block img{
	width: 430px;
	max-height: 100%;
	border-radius: 25px;
}

.possibilities{
	padding: 0 110px;
}

.possibilities div.column{
	margin: 70px 0;
	flex-basis: 50%;
	max-height: 100vh;
}

.possibilities_sub_group{
	color: #676767;
	margin: 23px 0 0 -17px;
	/* opacity: 0.5; */
	padding: 0 0 0 0;
	/* display: flex; */
	/* align-content: center; */
}

.flexWrap .possibilities_sub_group div {
	text-align: center;
	padding: 0 0 20px 0;
	flex-basis: 16.665%;
	display: block;
	width: 50px;
	color: #3B3B3B;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: flex-end;
}

.possibilities_sub_group.psg2 div{
	flex-basis: 16.6%;
}

.flexWrap.possibilities_sub_group img {
	/* opacity: 0.3; */
}

.upper_block > div{
	flex-basis: 50%;
}

.upper_block h1{
	background-image: linear-gradient(90deg, #6D3DD3
		, #E855EB);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.upper_block{
	height: 550px;
	/* max-height: calc(100vh - 100px); */
	padding: 0 65px;
	margin-top: 53px;
	margin-bottom: 58px;
	clear: both;
}

.upper_block h1{
	margin-top: 85px;
	max-width: 470px;
}

.upper_block .upper_img{
	position: absolute;
}

.button_wrapper1{
	margin: 10px 0 0 0;
}

.button_wrapper2{
	margin-top: 100px;
	margin-bottom: 30px;
	padding: 0 450px;
	text-align: center;
}

.possibilities div.text_block{
	padding: 50px 10% 0 0px;
}

.icon_group1 img{
	padding: 0;
	margin-right: 30px;
}

.icon_group1{
	height: 37px;
	margin: 0px 0 0 0;
}


.button2 span{
	color: #7b61ff;
	line-height: 0;
}

.button2{
	transition: 1s;
	border: 1px solid #7b61ff;
	display: inline-block;
	text-align: right;
	padding: 14px 30px 14px 71px;
	border-radius: calc(99% + 999px);
	position: relative;
	text-align: center;
}


.button2 .img path{
	fill: #7b61ff;
}

.button2:hover {
	border: 1px solid transparent;
	text-decoration: none;
	transition: 1s;
	background: #7b61ff;
	color: black;
}

.button2:hover *{
	transition: 1s;
	color: black;
}

.button2:hover .img path{
	fill: black;
	transition: 1s;
}

.button2 .img {
	position: absolute;
	left: 31px;
	top: 50%;
	transform: translateY(-50%);
}

.menu li.button3{
	border: 1px solid #676767;
	border-radius: calc(99% + 999px);
	padding: 11px 32px;
	margin: 0 0 0 auto;
}

.menu li.logo{
	margin: 9px auto 0 0;
}

.menu{
	text-wrap: nowrap;
	margin: 16px 0 0 0;
	padding: 0 65px;
	display: flex;
}

.menu li{
	display: flex;
	margin-right: 53px;
	align-items: center;
}

.Key_Features{
	padding: 0 65px;
	display: flex;
	justify-content: space-evenly;
}

.Get_app{
	display: flex;
	justify-content: center;
	border-radius: 30px;
	padding: 0 65px;
	margin-top: 9px;
}

.Key_Features > div {
	background: #131313;
	padding: 50px 50px;
	margin: 0 5px 9px 5px;
	border-radius: 30px;
}

.Key_Features .column-2{
	flex-basis: calc(50% - 10px);
}

h2.Key_Featuresh2 {
	margin: 2px auto 30px auto;
	padding: 0 65px;
}

img#upper_img1 {
	left: 38%;
	max-height: 100%;
}

img#upper_img2 {
	left: 19%;
	top: 2%;
	max-height: 100%;
}

.upper_img img {
	display: block;
	margin: 0 auto;
}

div.upper_img {
	color: #BBBBBB;
	text-align: center;
	font-family: 'Roboto_Light';
	background: #0A0A0A;
	border: 1px solid #2F2F2F;
	border-radius: 10px;
	padding: 11px 10px 7px 10px;
}

div#upper_icon1 {
	left: 74%;
	top: 65.9%;
	font-size: 12px;
	line-height: 20px;
	filter: blur(4px);
}

div#upper_icon2 {
	top: 77.7%;
	left: 8%;
}

div#upper_icon3 {
	top: 21%;
	left: 16%;
	filter: blur(4px);
}

div#upper_icon4 {
	top: 13.5%;
	left: 68.7%;
	filter: blur(2px);
}

div#upper_icon5 {
	background: #101010b3;
	top: 56%;
	left: 19.5%;
	z-index: 99;
	font-size: 18px;
	font-weight: 400;
	line-height: 31px;
	letter-spacing: 0em;
	text-align: left;
}

.column.upper_img_column {
	flex-basis: 72%;
}

span.text-16.color-1 {line-height: 59px;}

.upper_block .button {
	margin: 76px 0 0 0;
	display: inline-block;
	padding: 11px 34px;
}

.button_wrapper1 span{
	line-height: 32px;
}

.column.text_block h2 {
	padding: 0 0 0 4px;
	display: flex;
	align-items: center;
}

.column.text_block span {
	display: block;
	margin: 25px 0 0 4px;
}

.possibilities_sub_group p {
	line-height: 20px;
	white-space: nowrap;
	font-family: 'Roboto_Medium';
	text-align: center;
	color: #3B3B3B;
}

img#arrow1 {
	position: absolute;
	top: 30px;
	left: -23%;
}

img#arrow2 {
	position: absolute;
	top: 0;
	left: -20%;
}

img#arrow3 {
	position: absolute;
	top: 30px;
	left: -23%;
}

img#arrow4 {
	position: absolute;
	top: 40px;
	left: 0;
}

.possibilities div.column.last_block{
	margin: 85px 0 99px 0;
}

.column.text_block.last_block {
	padding: 56px 0px 0 0;
}

.last_block .possibilities_sub_group.flex{
	margin: 0;
}

.last_block .possibilities_sub_group.flex span{
	border: 0.5px solid #BBBBBB;
	border-radius: 10px;
	padding: 5px 12px;
	font-family: 'Roboto_Black';
	opacity: 0.5;
	display: inline-block;
	margin: 24px 8px 0 4px;
}

.Key_Features img {
	margin: 0 30px 0 0;
}

.Key_Features h3 {
	margin: 26px 0 24px 0;
	font-family: 'Roboto_Medium';
}

.Key_Features p {
	padding: 0 48px 0 0;
	color: #979797;
}
.Get_app > * {
	flex-basis: 50%;
	background: #131313;
}

.column.Get_app_LeftColumn {
	padding: 85px 0 0 13.3%;
	border-radius: 30px 0 0 30px;
}

.Get_app_LeftColumn p {
	display: inline-block;
	padding: 0 200px 0 0;
	margin: 18px 0 21px 0;
	line-height: 20px;
}

.column.Get_app_LeftColumn span.text-12{
	position: relative;
	top: -5px;
}

.column-3.separate p {
	padding: 0 0 0 0;
}

.column.Get_app_RightColumn {
	padding: 34px 0 0 0;
	border-radius: 0 30px 30px 0;
}

.column.Get_app_RightColumn img {
	position: relative;
	left: 30%;
}

.button_wrapper2 .button {
	margin: 20px 0 0 0;
	display: inline-block;
	padding: 11px 34px;
}

.subFooter{
	margin-bottom: 15px;
}

.subFooter a{
	font-family: 'Roboto_Regular';
	padding: 0 37px 0 0;
}
.subFooter a.right{
	padding: 0;
	white-space: nowrap;
}

.subFooter, .subFooter1{
	padding: 0 65px;
}

.first_menu_item{
	margin: 0 0 0 42px;
}

div#button_wrapper2 {
	text-align: center;
}

div#Mobile_menu {
	margin: 40px 16px 36px 16px;
}

#Mobile_menu_ul{
	transition: 0.5s;
	width: 95%;
	padding: 0;
	opacity: 0;
	display: block;
	text-align: center;
	position: absolute;
	display: none;
	transform: translateY(-100%);
	margin: 0px 0px -250px;
	opacity: 0;
}

#Mobile_menu_ul *{
	text-align: center;
	display: block;
	font-family: 'Roboto_medium';
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	letter-spacing: 0em;
	padding: 2% 0;
	margin: 0;
	clear: both;
}

span.burger {
	background: black;
	padding: 8px 10px;
	border-radius: 100px;
	margin: 0 0 0 6px;
}

.mobile_up_menu {
	z-index: 99;
	position: relative;
	padding: 0 0 43px 0;
	margin: 0 0 -7px 0;
}

#closeIcon{
	padding: 0 2.02px;
	display: none;
}

.TextPage h1 {
	margin: 50px auto;
}

.TextPage .column-2{
	white-space: pre-line;
}

.papka, .selector{
	overflow: hidden;
	padding: 0;
}

.papka > h3, .selector > h3{
	position: relative;
	z-index: 2;
}

.papka *{
	background: #181818;
	position: relative;
	z-index: 1;
}

.papka img{
	position: absolute;
	right: 0;
	top: 43px;
}

.papkaText{
	position: absolute;
	transition: 0.5s;
	width: 73%;
	display: block;
	white-space: pre-line;
	padding: 6px 0 30px 0;
}

.selectorText{
	opacity: 0;
	display: block;
	border: 1px solid #8D8D8D;
	border-radius: 10px;
}

.selector input{
	display: none;
}

.selector label{
	display: flex;
}

.papka label h3, .papka img, .selector label h3, .selector img{
	background: none;
}

.papka h3, .selector h3{
	cursor: pointer;
	padding: 30px 12px 30px 0;
}

.selector label:hover{
	background: #8D8D8D;
	color: #E855EB;
}

.selector label:hover h3{
	color: #E855EB;
}

.selector label:first-child{
	border-radius: 11px 11px 0 0;
}

.selector label:last-child{
	border-radius: 0 0 11px 11px;
}

.selector img{
	margin: 0 13px 0 auto;
	opacity: 0;
}

.selector input:checked ~ img{
	opacity: 1;
}

form > *{
	display: block;
}

form input:-internal-autofill-selected, form textarea:-internal-autofill-selected,
form input:-webkit-autofill, form textarea:-webkit-autofill,
form input:focus, form textarea:focus,
form input, form textarea{
	-webkit-text-fill-color: white;
	-webkit-box-shadow: inset 0 0 0 50px #1F1F1F;
	background: #1F1F1F;
	width: 100%;
	margin: 0 0 18px 0;
	padding: 8.5px 12px;
	border-radius: 10px;
	transition: 0s;
	resize: vertical;
	color: white;
	line-height: 28px;
	border: none;
}

form input, form textarea{
	background: #1F1F1F;
	width: 100%;
	margin: 0 0 18px 0;
	padding: 8.5px 12px;
	border-radius: 10px;
	transition: 0s;
	resize: vertical;
	color: white;
}

form textarea{
	min-height: 146px;
}

.selector h3, .selector p {
	padding: 13px;
}

.selector > h3, .selector > p {
	border: 1px solid #8D8D8D;
	border-radius: 10px;
	padding: 13px;
	margin: 0 0 6px 0;
}

.selector * {
	background: #131313;
}

.papka {
	margin: 0 10px;
	padding: 0 12px;
	border: 1px solid #2f2f2f;
	border-right: 0;
	border-left: 0;
	position: relative;
	max-width: 100%;
}

.sub_h1_text { 
	width: 65%;
}

form.column-2, .wpcf7 {
	/* background: #131313; */
	/* padding: 55px; */
	border-radius: 40px;
	position: relative;
	display: block;
	max-width: 540px;
}

.Contact_Us .column-2{
    max-width: calc(100% - 540px);
    width: 100%;
}

.Contact_Us .wpcf7{
	width: 540px;
	min-width: 540px;
}

input#accept_privacy_checkbox{
	display: none;
}

input#accept_privacy_checkbox:checked+ label span.accept_privacy_img{
	background: #E855EB;
}

input#accept_privacy_checkbox:checked+ label span.accept_privacy_img img{
	opacity: 1;
}

.Contact_Us .button{
	margin: 0 auto;
	pointer-events: none;
}

input#accept_privacy_checkbox:checked ~ button.button{
	pointer-events: all;
}

span.accept_privacy_img img{
	position: relative;
	left: 0px;
	transform: translateY(-50%);
	top: 50%;
	opacity: 0;
	background: transparent;
}

span.accept_privacy_img {
	border: 1px solid #353535;
	position: relative;
	border-radius: 5px;
	width: 20px;
	height: 20px;
	display: inline-block;
	transform: translateY(-4px);
	margin: 0 5px 0 0;
}

.selector {
	margin: 0 0 12px 0;
}

label.accept_privacy {
	margin: 0 0 18px 0;
	display: inline-block;
}

.wp-block-columns {
	margin: 16px 0;
}

.not-found{
	margin: 100px auto;
}

.not-found *{
	text-align: center;
}

.not-found h2{
	margin: 10px 0 0 0;
}

.last_block .possibilities_sub_group div{
	border: 0.5px solid #676767;
	border-radius: 20px;
	padding: 5px 10px;
	font-family: 'Roboto_Black';
	opacity: 0.5;
	display: inline-block;
	margin: 24px 8px 0 4px;
	color: white;
	width: auto;
}

.last_block .possibilities_sub_group {
	display: block;
	flex-wrap: wrap;
	margin: 0 0 0 0;
}

.TextPage h3 {
	position: sticky;
	top: 15px;
}

.TextPage {
	margin: 0 0 100px 0;
}

.Contact_Us {
	padding: 0 0 0 0;
	margin: 100px auto 200px auto;
}

.subFooter1 {
	padding: 0 65px;
	display: flex;
	justify-content: space-between;
}

.wp-block-heading{
	font-family: Roboto_medium;
	font-size: 32px;
	font-weight: 600;
	line-height: 38px;
	letter-spacing: 0em;
	text-align: left;
}

form.wpcf7-form {
	background: #131313;
	padding: 55px;
	border-radius: 40px;
}

.email_valid {
	display: none;
}

.column.text_block h2 img {
	margin: 0 18px 0 0;
}

.possibilities:nth-child(2n){
	display: flex;
	flex-direction: row-reverse;
}

.possibilities:nth-child(2n) .text_block > .arrow{
	transform: rotateY(180deg);
}

.possibilities:nth-child(2n+1) .img_block img{
	float: left;
}

.possibilities:nth-child(2n+1) div.text_block{
	padding: 53px 0 0 10%;
}

.Key_Features > div:nth-child(2n){
	margin-right: 0;
}

.Key_Features > div:nth-child(2n-1){
	margin-left: 0;
}

.wp-block-column{
	width: 50%;
}

.parentFlex .wp-block-columns{
	display: flex;
}

.papkaText{
	opacity: 0;
}

span.button3 {
	white-space: normal;
}

.Contact_Us{
	padding: 0 20px;
}

.Contact_Us h1{
	font-family: "Roboto_Regular";
	margin: 0 0 24px 0;
}