/*fonts*/
@font-face {
	font-family: 'Gilroy';
	src: url('fonts/Gilroy/Gilroy-Light.eot');
	src: local('Gilroy Light'), local('Gilroy-Light'),
	url('fonts/Gilroy/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
	url('fonts/Gilroy/Gilroy-Light.woff2') format('woff2'),
	url('fonts/Gilroy/Gilroy-Light.woff') format('woff'),
	url('fonts/Gilroy/Gilroy-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Gilroy';
	src: url('fonts/Gilroy/Gilroy-Regular.eot');
	src: local('Gilroy Regular'), local('Gilroy-Regular'),
	url('fonts/Gilroy/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
	url('fonts/Gilroy/Gilroy-Regular.woff2') format('woff2'),
	url('fonts/Gilroy/Gilroy-Regular.woff') format('woff'),
	url('fonts/Gilroy/Gilroy-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gilroy';
	src: url('fonts/Gilroy/Gilroy-Semibold.eot');
	src: local('Gilroy Semibold'), local('Gilroy-Semibold'),
	url('fonts/Gilroy/Gilroy-Semibold.eot?#iefix') format('embedded-opentype'),
	url('fonts/Gilroy/Gilroy-Semibold.woff2') format('woff2'),
	url('fonts/Gilroy/Gilroy-Semibold.woff') format('woff'),
	url('fonts/Gilroy/Gilroy-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Gilroy';
	src: url('fonts/Gilroy/Gilroy-Bold.eot');
	src: local('Gilroy Bold'), local('Gilroy-Bold'),
	url('fonts/Gilroy/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
	url('fonts/Gilroy/Gilroy-Bold.woff2') format('woff2'),
	url('fonts/Gilroy/Gilroy-Bold.woff') format('woff'),
	url('fonts/Gilroy/Gilroy-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
/* srollbar */
@media(min-width: 768px) {
	::-webkit-scrollbar {
		width: 0px;
		height: 0px;
		background-color: #121212;
		border: 1px solid #000;
	}
	::-webkit-scrollbar-thumb {
		background-color: #1983BC;
		border-left: 1px solid #000;
	}
	::-webkit-scrollbar-thumb:hover {
		background-color: #fff;
	}
	::-webkit-scrollbar-corner,
	::-webkit-resizer {
		display: none;
	}
}
/* selection */
*::selection {
	background-color: #000;
}
::selection {
	color: #1983BC;
}
/* reset */
* {
	padding: 0;
	margin: 0;
	outline: 0;
	list-style: none;
	text-decoration: none;

	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;

	-webkit-appearance: none;
	-moz-appearance: none;
}
img {
	max-width: 100%;
}
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.flex_wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex_reverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap-reverse;
	flex-flow: row wrap-reverse;
}
.flex_center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.flex_left {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.flex_right {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.flex_top {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
}
.flex_bot {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.flex_center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.flex_stretch {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.flex_column {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
/* main */
html,body {
	font-family: 'Gilroy';
	position: relative;
	overflow-x: hidden;
	width: 100%;
	min-height: 100vh;
	margin: 0;
	z-index: 0;
}
/*preloader*/
.preloader {
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #1983BC33;
	overflow: hidden;
	z-index: 100;

	-webkit-backdrop-filter: blur(0);
	backdrop-filter: blur(0);

	-webkit-animation: preloader 2s linear;
	animation: preloader 2s linear;
}
@keyframes preloader {
	0% {
		background: #1983BC;
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}
	80% {
		background: #1983BC33;
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}
}
.preloader:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.preloader__img {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	max-width: 300px;

	-webkit-transition: 2s ease-in;
	-o-transition: 2s ease-in;
	transition: 2s ease-in;
}
/*--animation*/
.preloader__logo {
	max-width: 70%;
}
.preloader__logo path {
	fill: #fff;
	stroke-width: 0;
	stroke-dasharray: 505;

	-webkit-animation: logo__frame 1.5s ease-in;
	animation: logo__frame 1.5s ease-in;
}
@keyframes logo__frame {
	0% {
		fill: transparent;
		stroke-width: 2px;
		stroke: #fff;
		stroke-dashoffset: 505;
	}
	60% {
		fill: transparent;
	}
	80% {
		stroke: #fff;
	}
	100% {
		fill: #fff;
		stroke: #ffffff00;
		stroke-width: 0;
		stroke-dashoffset: 950;
	}
}
/*progress-line*/
.progress-line {
	position: fixed;
	top: 0;
	left: 0;
	width: 0;
	height: 2px;
	background: #1983BC;
	z-index: 100;
}
/*page-wrapper*/
.page-wrapper._fixed {
	height: 100vh;
	overflow: hidden;
}
#mobile-menu {
	position: fixed;
	opacity: 0;
	visibility: hidden;
}
/*header*/
header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #fff;
	z-index: 2;
}
header._scroll {
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.06);
	box-shadow: 0 3px 6px rgba(0,0,0,0.06);
}
.header__logo {
	width: 160px;
	padding: 0 30px;
	height: 130px;
	background: #F5F5F5;
}
.header__nav {
	font-size: 0;
	margin-left: 15px;
	flex: 1;
}
.header__link {
	color: #0C79B4;
	font-size: 15px;
	padding: 15px;
}
.header__right {
	padding-right: 15px;
}
.header__phone {
	color: #0C79B4;
	font-size: 20px;
	font-weight: 600;
	padding: 15px;
}
.header__hover {
	position: relative;
}
.header__hover:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	margin: auto auto;
	border: 1px solid transparent;
	border-radius: 100px;

	-webkit-transition: 0.35s ease-out;
	-o-transition: 0.35s ease-out;
	transition: 0.35s ease-out;
}
.header__hover:hover:before {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-color: #0C79B4;

	-webkit-transition: 0.15s;
	-o-transition: 0.15s;
	transition: 0.15s;
}
.header__btn {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding: 27px 40px;
	border-radius: 100px;
	background: #399ed5;
	margin: 15px;
	cursor: pointer;

	-webkit-transition: 0.35s ease-out;
	-o-transition: 0.35s ease-out;
	transition: 0.35s ease-out;
}
.header__btn:hover {
	background: #0C79B4;

	-webkit-transition: 0.15s;
	-o-transition: 0.15s;
	transition: 0.15s;
}
/*section*/
section {
	overflow: hidden;
}
/*about*/
.about {
	position: relative;
	height: 100vh;
	padding-top: 130px;
}
.about__container {
	position: relative;
	flex: 1;
	height: 100%;
	z-index: 0;
	background: #f5f5f6;
}
.about__over {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 75%;
	margin: auto auto;
	background: url(img/about-over.png) no-repeat right top;
	background-size: contain;
	z-index: -1;
}
.about__col {
	color: #fff;
	font-size: 37px;
	font-weight: lighter;
	line-height: 1.58;
	text-align: center;
	background: #399ED5;
	width: 22.7%;
	overflow: hidden;

	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);

	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.about__block {
	flex: 1;
	margin: 0 7%;
}
.about__logo {
	padding: 30px;
}
.about__title {
	color: #1983bc;
	font-size: 64px;
	line-height: 1.15;
	max-width: 640px;
	padding: 15px;
}
.about__subtitle {
	color: #1983bc;
	font-size: 34px;
	font-weight: lighter;
	line-height: 1.48;
	padding: 15px;
	max-width: 530px;
}
.about__preloader {
	position: fixed;
	top: 130px;
	left: 0;
	bottom: 0;
	width: 100%;
	margin: auto auto;
	background: #399ED5;
	overflow: hidden;
	z-index: 10;

	-webkit-transition: 1s ease-out;
	-o-transition: 1s ease-out;
	transition: 1s ease-out;
}
.about__preloader._active {
	width: 22.7%;
}
.about__preloader span {
	color: #fff;
	font-size: 37px;
	font-weight: lighter;
	line-height: 1.58;
	text-align: center;
	opacity: 0;

	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;

	-webkit-transform: rotate(-90deg) translateX(-100%);
	-ms-transform: rotate(-90deg) translateX(-100%);
	transform: rotate(-90deg) translateX(-100%);

	-webkit-transition: 1.5s ease-out;
	-o-transition: 1.5s ease-out;
	transition: 1.5s ease-out;
}
.about__preloader span._active {
	opacity: 1;

	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
@media(min-width: 769px) {
	.about__preloader._active span {
		-webkit-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		transform: rotate(-180deg);

		-webkit-transition: 1s ease-out;
		-o-transition: 1s ease-out;
		transition: 1s ease-out;
	}
	._fixed .about__content {
		opacity: 1;

		-webkit-transition: 0.8s 0.1s ease-in;
		-o-transition: 0.8s 0.1s ease-in;
		transition: 0.8s 0.1s ease-in;
	}
	.about__content._preloader {
		opacity: 0!important;

		-webkit-transform: translateX(20%)!important;
		-ms-transform: translateX(20%)!important;
		transform: translateX(20%)!important;
	}
}
/*create*/
.create {
	position: relative;
	height: 100vh;
	background: #399ED5;
}
.create__col {
	position: relative;
	height: 100%;
	width: 30%;
	z-index: 0;
}
.col-create__bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: #1983BC;
	z-index: -1;
}
.create__over {
	position: absolute;
	top: 50%;
	right: 0;
	margin: auto auto;
	margin-top: 100px;

	-webkit-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
}
.create__hand {
	position: absolute;
	top: 0;
	left: 93%;
	bottom: 0;
	height: 135px;
	width: 284px;
	margin: auto auto;
	background: url(img/hand-1.png) no-repeat center center;
	background-size: contain
}
.create__circle {
	height: 564px;
	width: 564px;
	background: url(img/circle.png) no-repeat center center;
	background-size: contain;

	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}
@keyframes spin {
	0% {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(359deg);
		-ms-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
.create__img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 208px;
	width: 208px;
	margin: auto auto;;
	background: url(img/img-1.png) no-repeat center center;
	background-size: contain;
}
.create__block {
	margin: 0 2% 0 18%;
}
.create__title {
	color: #fff;
	font-size: 64px;
	font-weight: bold;
	line-height: 1.23;
	padding: 15px;
	margin-right: 10%;
}
.create__text {
	color: #fff;
	font-size: 27px;
	line-height: 1.68;
	max-width: 390px;
	padding:  33px 15px 15px;
}
.create__list {
	padding-top: 28px;
	max-width: 800px;
}
.create__item {
	color: #fff;
	font-size: 20px;
	white-space: nowrap;
	padding: 17px 22px;
	background: #1983BC;
	border-radius: 13px;
	margin: 7px;
}

/*nft*/
.nft {
	position: relative;
	height: 100vh;
	padding-top: 130px;
	background: #399ED5;
}
.nft__img {
	position: relative;
	margin: auto 17% auto 0;
	padding: 15px;
	z-index: 0;
}
.nft__img:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	height: 730px;
	width: 1250px;
	margin: auto auto;
	background: url(img/nft-img-1-2.svg) no-repeat center center;
	background-size: contain;
	opacity: 0.4;
	z-index: -1;

	-webkit-transform: translate(-34%, -55%);
	-ms-transform: translate(-34%, -55%);
	transform: translate(-34%, -55%);

	-webkit-animation: nft 3s ease-in infinite;
	animation: nft 3s ease-in infinite;
}
@keyframes nft {
	0% {
		opacity: 0.1;

		-webkit-transform: translate(-34%, -55%);
		-ms-transform: translate(-34%, -55%);
		transform: translate(-34%, -55%);
	}
	50% {
		opacity: 1;

		-webkit-transform: translate(-34%, -55%) scale(1.01);
		-ms-transform: translate(-34%, -55%) scale(1.01);
		transform: translate(-34%, -55%) scale(1.01);
	}
	100% {
		opacity: 0.1;

		-webkit-transform: translate(-34%, -55%);
		-ms-transform: translate(-34%, -55%);
		transform: translate(-34%, -55%);
	}
}
.nft__content {
	max-width: 740px;
	padding: 40px 15px;
	z-index: 0;
}
.nft__head {
	position: relative;
	left: -110px;
}
.nft__title {
	color: #fff;
	font-size: 80px;
	font-weight: 600;
	margin-right: 30px;
	letter-spacing: 10px;
}
.nft__title_stroke {
	color: #399ed5;
	font-size: 80px;
	font-weight: 600;

	text-shadow: 1px 1px 0 #fff,
	1px -1px 0 #fff,
	-1px 1px 0 #fff,
	-1px -1px 0 #fff,
	1px 0px 0 #fff,
	0px 1px 0 #fff,
	-1px 0px 0 #fff,
	0px -1px 0 #fff,
	0px 0px 0px rgba(255,255,255,0);
}
.nft__text {
	color: #fff;
	font-size: 30px;
	font-weight: lighter;
	line-height: 1.48;
	padding: 40px 0;
}
.nft__text_bg {
	color: #1983BC;
	font-size: 27px;
	font-weight: 600;
	line-height: 1.55;
	padding: 25px 35px;
	background: #fff;
	border-radius: 11px;
}
.nft__text_bg span {
	color: #ffa845;
}
/*we*/
.we {
	color: #fff;
	position: relative;
	height: 100vh;
	background: #1983BC;
	overflow: hidden;
}
.we__left {
	flex: 1;
	max-width: 660px;
}
.left-we__title {
	font-size: 45px;
	font-weight: 600;
	line-height: 1.22;
	padding: 40px 15px;
}
.we__lb {
	position: relative;;
	z-index: 0;
}
.lb-we__bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 50vw;
	margin: auto auto;
	background: #0C79B4;
	border-top-right-radius: 15px;
	z-index: -1;
}
.lb-we__item {
	padding: 20px 15px;
	border-bottom: 1px solid #fff;
}
.lb-we__item:last-child {
	border: none;
}
.lb-we__text {
	font-size: 25px;
	line-height: 1.4;
	padding: 5px 0;
}
.lb-we__text_big {
	font-size: 41px;
	font-weight: bold;
	padding: 5px 0;
}
.lb-we__img {
	padding: 90px 80px 70px;
}
.we__right {
	flex: 1;
	max-width: 660px;
}
.right-we__title {
	font-size: 50px;
	font-weight: 600;
	padding: 30px 15px 30px 60px;
}
.we__rb {
	position: relative;
	padding: 65px 15px 90px 90px;
	z-index: 0;
}
.rb-we__bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 50vw;
	margin: auto auto;
	background: url(img/we-bg.png);
	background-size: 100% 100%;
	border-top-right-radius: 15px;
	z-index: -1;
}
.rb-we__text {
	font-size: 30px;
	line-height: 1.53;
	padding: 10px;
}
.we__icons {
	padding: 20px 0;
}
.icons-we__item {
	text-align: center;
	padding: 10px;
}
.icons-we__name {
	font-size: 20px;
	padding-top: 10px;
}
/*concept*/
.concept {
	color: #fff;
	height: 100vh;
	padding-top: 130px;
	background: url(img/concept-bg.png) #31A1CB;
	background-size: 100% 100%;
}
.concept__left {
	max-width: 660px;
	padding: 15px 0;
}
.concept__title {
	font-size: 36px;
	font-weight: bold;
	line-height: 1.22;
	padding: 20px 15px;
}
.concept__subtitle {
	font-size: 27px;
	padding: 20px 15px;
}
.concept__icon {
	padding: 20px 15px;
}
.concept__text {
	font-size: 30px;
	font-weight: 600;
	line-height: 1.22;
	padding: 20px 15px;
}
.concept__img {
	padding: 15px;
	position: relative;
	left: 5%;
}
.img-concept__pic {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto auto;
	max-width: 60%;
}
/*features*/
.features {
	color: #fff;
	height: 100vh;
	padding-top: 190px;
	background: #0C79B4;
}
.features__top {
	flex: 1;
	width: 100%;
	position: relative;
	padding-bottom: 40px;
}
.features__hand {
	position: absolute;
	top: -30px;
	right: -10px;
	bottom: 0;
	margin: auto auto;
}
.features__head {
	text-align: right;
	padding: 20px 30px 30px;
	margin-left: 10%;
}
.features__title {
	font-size: 64px;
	font-weight: bold;
}
.features__title_stroke {
	color: #0C79B4;
	font-size: 64px;
	font-weight: 600;

	text-shadow: 1px 1px 0 #fff,
	1px -1px 0 #fff,
	-1px 1px 0 #fff,
	-1px -1px 0 #fff,
	1px 0px 0 #fff,
	0px 1px 0 #fff,
	-1px 0px 0 #fff,
	0px -1px 0 #fff,
	0px 0px 0px rgba(255,255,255,0);
}
.features__text {
	font-size: 30px;
	line-height: 1.5;
	max-width: 570px;
	padding: 30px;
}
.features__bottom {
	background: #1983BC;
	padding: 35px 0;
	overflow: auto;
}
.features__img {
	min-width: 270px;
	padding: 15px;
	margin: 0 80px 0 17%;
}
.features__item {
	font-size: 20px;
	line-height: 1.5;
	padding: 20px;
	margin: 15px;
	min-width: 350px;
	background: #399ed5;
	border-radius: 11px;

	-webkit-box-shadow: 0 16px 41px rgba(0,0,0,0.07);
	box-shadow: 0 16px 41px rgba(0,0,0,0.07);
}
/*services*/
.services {
	text-align: center;
	padding-top: 150px;
	height: 100vh;
	background: #1983bc;
}
.services__title {
	color: #fff;
	font-size: 41px;
	font-weight: 600;
	padding:  15px 0 15px 15px;
	letter-spacing: 23px;
}
.services__images {
	width: 100%;
	margin-bottom: 50px;
}
.services__portal {
	position: relative;
}
.services__hand {
	position: absolute;
	top: 25px;
	left: 80%;
	bottom: 0;
	height: 61px;
	width: 158px;
	margin: auto auto;
	background: url(img/services-left-hand.png) no-repeat right center;
}
.portal-hand_right {
	top: -25px;
	left: auto;
	right: 80%;
	background: url(img/services-right-hand.png) no-repeat left center;
}
.services__coin {
	margin: 0 10%;

	-webkit-animation: coin 3s ease-out infinite;
	animation: coin 3s ease-out infinite;
}
@keyframes coin {
	0% {
		-webkit-transform: translateY(-10%);
		-ms-transform: translateY(-10%);
		transform: translateY(-10%);
	}
	50% {
		-webkit-transform: translateY(2%);
		-ms-transform: translateY(2%);
		transform: translateY(2%);
	}
	100% {
		-webkit-transform: translateY(-10%);
		-ms-transform: translateY(-10%);
		transform: translateY(-10%);
	}
}
.services__coin img {
	max-height: 20vh;
}
.services__content {
	background: #399ed5;
	width: 100%;
}
.services__container {
	max-width: 1800px;
	margin: 0 auto;
	padding: 30px 18px;
}
.services__item {
	flex-basis: 20%;
	padding: 12px 18px;
}
.item-services__body {
	color: #0C79B4;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	line-height: 1.25;
	width: 100%;
	border-radius: 11px;
	background: #F5F5F5;
	padding: 25px 35px;

	-webkit-box-shadow: 0 3px 17px rgba(0,0,0,0.16);
	box-shadow: 0 3px 17px rgba(0,0,0,0.16);
}
/*footer*/
footer {
	padding: 100px 0;
	background: #F5F5F5;
}
.footer__container {
	max-width: 1550px;
	margin: auto auto;
}
.footer__title {
	color: #1983BC;
	font-size: 42px;
	font-weight: bold;
	line-height: 1.5;
	padding: 20px 15px;
}
.footer__nav {
	max-width: 430px;
}
.footer__link {
	color: #0C79B4;
	font-size: 17px;
	font-weight: bold;
	padding: 25px;
	display: inline-block;
	flex-basis: 50%;
}
.footer__right {
	margin-right: 5%;
}
.footer__phone {
	color: #0C79B4;
	font-size: 30px;
	font-weight: 600;
	display: inline-block;
	padding: 15px;
}
.footer__email {
	color: #0C79B4;
	font-size: 17px;
	padding: 20px 15px;
}
.email-footer__title {
	font-weight: bold;
}
.email-footer__link {
	color: #0C79B4;
	margin-left: 5px;
}
.cprt {
	display: none;
}
/*popup*/
.popup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 0;
	padding: 0;
	overflow: hidden;
	z-index: 100;

	-webkit-transition: 0.35s ease-out;
	-o-transition: 0.35s ease-out;
	transition: 0.35s ease-out;
}
.popup._active {
	height: 100%;
	padding: 15px;
}
.popup__overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 0;
	background: rgba(100, 100, 100, 0.2);
	border: 1px solid #fff;
	z-index: -1;
	cursor: pointer;

	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);

	-webkit-transition: 0.35s ease-out;
	-o-transition: 0.35s ease-out;
	transition: 0.35s ease-out;
}
.popup._active .popup__overlay {
	height: 100%;
}
.popup__content {
	position: relative;
	min-width: 290px;
	padding: 15px;
	background: #fff;
	border-radius: 10px;
	opacity: 0;
	visibility: hidden;

	-webkit-transition: 0.35s ease-out;
	-o-transition: 0.35s ease-out;
	transition: 0.35s ease-out;
}
.popup.popupPolicy .popup__content{
	overflow-y: scroll;
	height: 100%;
}
.popup._active .popup__content {
	opacity: 1;
	visibility: visible;
}
.popup__close {
	position: absolute;
	height: 50px;
	width: 50px;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 2;
}
.popup__close:before,
.popup__close:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	width: 20px;
	margin: auto auto;
	background: #2a2a2a;
	border-radius: 100px;
}
.popup__close:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.popup__close:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.popup__title {
	color: #1983BC;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	line-height: 1.2;
	margin-bottom: 25px;
}
.popup__btn {
	color: #fff;
	font-size: 14px;
	padding: 15px;
	width: 100%;
	border: none;
	background: #1983BC;
	border-radius: 8px;
}
/*form*/
.form__field {
	position: relative;
	display: block;
	margin: 15px 0;
	cursor: pointer;
}
.field__name {
	color: #bfbfbf;
	font-size: 12px;
	font-weight: lighter;
	line-height: 1.9;
	position: absolute;
	top: 13px;
	left: 15px;
	right: 0;

	-webkit-transition: 0.35s ease-out;
	-o-transition: 0.35s ease-out;
	transition: 0.35s ease-out;
}
.form__field._active .field__name {
	font-size: 12px;
	line-height: 1;
	top: 9px;
}
.field__input {
	font-size: 12px;
	line-height: 48px;
	height: 48px;
	margin: 0;
	padding: 15px 15px 0;
	width: 100%;
	border: none;
	background: transparent;
	border: 1px solid #DCDCDC;
	border-radius: 8px;
	cursor: pointer;

	-webkit-transition: 0.35s ease-out;
	-o-transition: 0.35s ease-out;
	transition: 0.35s ease-out;
}
.field__input:hover,
.field__input:focus {
	border-color: #707070;

	-webkit-transition: 0.15s;
	-o-transition: 0.15s;
	transition: 0.15s;
}
.popup__success {
	color: #1983bc;
	font-size: 30px;
	font-weight: 600;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto auto;
	background: #fff;
	border-radius: 10px;
	opacity: 0;
	visibility: hidden;

	-webkit-transition: 0.35s ease-out;
	-o-transition: 0.35s ease-out;
	transition: 0.35s ease-out;
}
.popup__success._active {
	opacity: 1;
	visibility: visible;
}