/* COMMON */
	/* html { height: 100%; font-size: calc((0.83vw + 1.48vh) / 2); } */
	html { font-size: 0.83333vw; }

	* { margin: 0; padding: 0; box-sizing: border-box; }

	body {
		-webkit-font-smoothing: subpixel-antialiased !important;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility:    hidden;
		-ms-backface-visibility:     hidden;
		text-decoration-skip-ink: none;
		text-decoration-skip-ink: none;
		margin: 0;
		height: 100%;
		color: #000;
		font-weight: normal;
		font-family: "Caldina", Arial, sans-serif;
		background: #fff;
		overflow-x: hidden;
	}

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

	p a { font-size: inherit; }

	ol {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.hidden {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
		width: 0;
		height: 0;
		border: 0;
		outline: 0;
		box-shadow: none;
		visibility: hidden;
		opacity: 0;
		poCaldina-events: none;
		z-index: -9999;
	}

	.link {
		color: #002F87;
		font-weight: 700;
		text-transform: uppercase;
		text-decoration: underline;
	}

	.ya {
		display: inline-block;
		margin-right: -0.375rem;
		width: 1.3125rem;
		height: 1.625rem;
		background: url('../img/svg/ya.svg') no-repeat 50%/contain;
	}

	b { font-weight: 700; }

	main {
		display: block;
		position: relative;
		width: 100%;
	}

	picture img { display: block; width: 100%; height: auto; }

	ul { list-style: none; }

	.container {
		position: relative;
		margin: 0 auto;
		padding: 0 3.75rem;
		max-width: 100%;
	}

	.mob { display: none !important; }

	.bg--contain,
	.bg--cover { background-repeat: no-repeat; background-position: 50%; }

	.bg--contain { background-size: contain; }
	.bg--cover { background-size: cover; }

	.mob { display: none; }

	.c-l_green { color: #A0C01C; }
	.c-d_green { color: #265136; }

	.f-caveat { font-family: "Caveat", Arial, sans-serif; }

	.logo { background-image: url('../img/svg/logo.svg'); }

	.btn {
		display: -webkit-inline-flex;
		display: -moz-inline-flex;
		display: -ms-inline-flex;
		display: -o-inline-flex;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		position: relative;
		padding: 0;
		width: 27.875rem;
		height: 5.9375rem;
		font-weight: 600;
		font-family: "Caldina", Arial, sans-serif;
		font-size: 1.875rem;
		line-height: 1.875rem;
		text-decoration: none;
		text-align-last: left;
		border: 0;
		border-radius: 1rem;
		box-shadow: none !important;
		outline: 0;
		z-index: 1;
	}

	.btn-green { color: #fff !important; background: #ADD03D; border-color: #ADD03D; }

	.btn i {
		display: block;
		margin-left: 1.375rem;
		width: 1.875rem;
		height: 2.5rem;
		background: url('../img/svg/btn-arrow.svg') no-repeat 50%/contain;
	}

	.btn::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 1rem;
		pointer-events: none;
		z-index: -1;
	}

	.btn-green::before { color: #fff; background: #ADD03D; border-color: #ADD03D; }

	.btn::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1.875rem;
		mix-blend-mode: multiply;
		filter: blur(3.4375rem);
		border-radius: 1rem;
		z-index: -2;
	}

	.btn-s-black::after { background: #011326; }
	.btn-s-green::after { background: #A0C01C; }

	.btn * { pointer-events: none !important; }

	.social {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0;
	}

	.social li {
		margin: 0 1.125rem;
	}

	.social li .soc {
		display: block;
		width: 2.5rem;
		height: 1.625rem;
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: contain;
	}

	.social li .soc-vk { background-image: url('../img/svg/soc-vk.svg'); }
	.social li .soc-yt { background-image: url('../img/svg/soc-yt.svg'); }
/* /COMMON */

@media (min-width: 1025px) {
	.c-l_green:hover { color: #A0C01C; }
	.c-d_green:hover { color: #265136; }
}

@media (max-width: 1024px) {
	/* COMMON */
		html { height: 100%; font-size: 5vw; }

		body { position: relative; height: 100%; overflow-y: auto; }

		body::-webkit-scrollbar { width: 0; }

		main { position: relative; height: auto; }

		.desk { display: none !important; }
		.mob { display: block !important; }

		.ya {
			margin-right: -0.1875rem;
			width: 0.625rem;
			height: 0.75rem;
		}

		.btn {
			padding: 0.125rem 0 0;
			width: 18rem;
			height: 4.25rem;
			font-size: 1.25rem;
			line-height: 1;
			border-radius: 0.75rem;
		}

		.btn::after {
			height: 1.25rem;
			filter: blur(2.5rem);
			border-radius: 0.75rem;
		}

		.social li { margin: 0 1rem; }

		.social li .soc { width: 2.5rem; height: 1.5rem; }
	/* /COMMON */
}