body {
		overflow-x: hidden;
	}

	img {
		user-select: none;
		-moz-user-select: none;
	}

	#hdr {
		z-index: 10;
		position: relative;
	}

	#global {
		/*position: absolute;
		top: 0;
		left: 0;*/
		width: 100%;
		font-family: StemWebLight;
		/* padding-left: 10px;*/
	}

	#global * {
		position: relative;
	}

	.container {
		padding: 4px 0;
		margin: 0 auto;
		max-width: 1200px;
		min-width: 800px;
	}

	button {
		outline: none;
		background: #0254A2;
		border: 2px solid #0254A2;
		color: white;
		padding: 10px 20px;
		font-weight: bold;
		border-radius: 5px;
		transition-duration: 200ms;
	}

	button:hover {
		background: #72B634;
		border-color: #72B634;
	}

	.btn_green {
		border: 2px solid #72B634;
		background: #72B634;
		border-radius: 5px;
		color: white;
	}

	.btn_green:hover {
		background: #0254A2;
		border-color: #0254A2;
	}

	.blue_top {
		height: 780px;
		width: 100%;
		z-index: 0;
		color: white;
	}

	.blue_top h1 {
		font-size: var(--h1-size);
		margin: 34px 0 0;
	}

	.hh1 {
		font-family: StemWeb, Verdana;
		color: #222;
		font-size: var(--h1-size);
		line-height: 1.2;
	}

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

	.flex {
		display: flex;
	}

	.block_3{
		background: #F6FAFE;
		margin-top: 145px;
	}

	.block3 div {
		width: 39%;
	}

	.block2 div {
		width: 49%;
	}

	.content {
		width: 1200px;
		margin: 0 auto;
	}

	.content .hr {
		text-align: center;
	}

	.content .hr_left {
		text-align: left;
	}

	#global .content .block2 div .block2_img_mail {
		position: absolute;
		top: -100px;
		right: -130px
	}

	.ind_pod {
		padding-top: 100px;
	}

	.img2 {
		position: absolute;
		top: 160px;
	}

	.img5 {
		position: absolute;
		top: 105px;
		left: -150px;
	}

	.img6 {
		position: absolute !important;
		top: 200px;
		left: 250px;
	}

	.block3 h2, .block2 h2 {
		font-size: 20px;
	}

	.pad2 div {
		padding-right: 80px;
	}

	.pad2 h2 {
		font-size: 20px;
	}

	.section4 {
		padding-bottom: 100px;
	}

	.api {
		margin-top: -150px;
	}

	.section4 .content .hr {
		margin-bottom: 70px;
	}

	.content ol {
		counter-reset: myCounter
	}

	.content ol li {
		display: flex;
		margin-bottom: 15px;
		list-style: none;
	}

	.content ol li:before {
		counter-increment: myCounter;
		content:counter(myCounter);
		color: #72B634;
		text-align: left;
		position: relative;
		font-weight: bold;
		left: -10px;
	}

	.named .name_line {
		display: flex;
		align-items: center;
	}

	.named div {
		padding: 0 40px;
	}

	.named .num {
		color: #72B634;
		font-size: 55px;
		font-weight: normal;
		padding-right: 10px;
	}

	.big_name {
		color: #72B634;
		font-size: 70px;
		font-weight: bold;
		display: block;
		margin: 0;
		padding: 0;
	}

	.named .name {
		color: #0A539F;
		font-size: 18px;
	}

	#counter {
		user-select: none;
		-moz-user-select: none;
		border-radius: 3px;
		background: #dedede;
		z-index:1;
	}

	#counter_info h2 {
		color: #72B634;
	}

	#counter_info td {
		text-align: center;
	}

	.bt_class::after {
		display: none !important;
	}

	.bt_class div, .bt_class a {
		text-align: center;
		box-shadow: 0 0 20px #c6c6c6;
		margin: 20px;
		padding: 20px;
		width: 39%;
		border-radius: 10px;
	}

	.bt_class p {
		color: #72B634;
		font-size: 60px;
		font-weight: normal;
	}

	.bt_class p img, .bt_class p svg {
		height: 84px;
		top: 20px;
	}

	.bt_class div span {
		font-size: 19px;
		color: black;
	}

	a span {
		font-size: 19px;
	}

	.bt_class a::after {
		display: none !important;
	}

	#cookie_info {
		z-index: 5000;
	}

	.mes {
		background: #FFFFFF;
		border-radius: 10px;
		box-shadow: 0 0 5px gray;
		display: block;
		padding: 10px;
		font-style: italic;
	}

	#_cir {
		z-index:100;
	}

	.tariffs {
		background: #22549A;
		padding-bottom: 50px;
	}

	.how_connect {
		padding-top: 60px;
		padding-bottom: 40px;
	}

	#global .content {
		width: 100% !important;
		max-width: 1200px;
	}

	#global .block_3 .content .block3 div {
		gap: 20px;
		display: grid;
		grid-template-rows: auto 1fr auto;
	}

	#global .block_3 .content .block3 br {
		display: none;
	}

	.how_connect .content .payments {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.how_connect .block2 {
		align-items: flex-end !important;
		margin-left: 10px;
	}

	.how_connect .connect_lk {
		border-left: 5px solid #FFE052;
		padding-left: 20px;
		font-size: 28px;
	}

	:root {
		--h1-size: 60px;
		/* --h2-size: 40px; */
	}

	@media (max-width: 1700px) {
		.block_3 .content * {
			width: auto !important;
		}

		.block_3 .content br {
			display: none;
		}

		#global .block_3 .content {
			max-width: 1200px;
			width: 100% !important;
			margin: 0 auto;
		}

		#global .block_3 .block3 {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 80px
		}

		#global .block_3 {
			/*background: transparent;*/
		}

		.block_3 .named div {
			padding: 0;
		}

		#global .block_3 .content br,
		#global .block_3>img {
			display: none;
		}

		#global .blue_top .container {
			width: 100% !important;
		}

		#global .block_3 .content>div:nth-child(9) {
			display: flex;
			justify-content: center;
			width: 100% !important;
			aspect-ratio: 3 / 1;
			margin: 100px auto;
		}

		#global .block_3 .content>div:nth-child(9) img {
			position: absolute;
			left: 110px;
			top: 0;
			object-fit: contain;
			width: 100% !important;
		}

		#global .block_3 .content>div:nth-child(2) {
			margin-bottom: 40px;
			padding: 0 !important;
		}

		#global .block_3 .content>div:last-child {
			margin-top: 40px !important;
			display: flex;
			align-content: center;
		}

		#global .tariffs .bdw {
			max-width: 1200px;
			min-width: auto;
		}

		#global .block_3 .content>div:nth-child(9) {
			overflow: hidden;
		}

		#global .blue_top .container img {
			right: 0 !important;
			aspect-ratio: 2 / 1 !important;
			width: 100vw !important;
		}
	}


	@media (max-width: 1280px) {
		body {
			width: 100vw;
		}

		#global {
			width: auto !important;
		}

		.top_blue {
			margin-top: -700px;
			transform: scale(0.8, 0.8);
			text-align: left;
		}

		#global .blue_top {
			width: 100%;
			left: 0;
			top: 0;
			overflow: hidden;
			padding-bottom: 50px;
		}

		#global .blue_top * {
			width: auto;
			min-width: auto !important;
		}

		#global .blue_top .hh1 {
			margin-top: -150px;
			padding-bottom: 100px;
		}

		#global .top_blue {
			transform: scale(0.8, 0.8);
			text-align: left;
			margin-top: 0;
			top: 0;
			display: flex;
			flex-direction: column;
			gap: 150px;
		}

		#global .top_blue h1,
		#global .top_blue .block3 {
			position: static !important;
			margin: 0 !important;
		}

		#global .top_blue .block3 {
			display: flex;
			gap: 20px;
			flex-wrap: wrap;
			width: 100% !important;
		}

		#global .top_blue .block3 div {
			width: 250px;
		}

		#global .top_blue img {
			pointer-events: none;
			right: 0px !important;
			width: 100vw !important;
		}

		#global .block_1 .content {
			gap: 100px !important;
		}

		#global .content {
			display: flex;
			flex-direction: column;
			gap: 50px;
			margin: -100px auto 0;
			padding: 0 20px;
		}

		#global .content .block2 .ind_pod {
			padding-top: 0 ;
			margin-top: -150px !important;
		}

		#global .section4 .api {
			margin-top: -150px !important;
		}

		#global .content * {
			margin: 0 !important;
		}

		#global .content .block2 {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: 50px;
			align-items: center;
		}


		#global .block_1 .block2 div {
			padding-top: 30px !important;
			margin-top: -100px !important;
		}

		#global .content .block2 div {
			width: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
		}

		#global .content .block2 div * {
			position: static !important;
		}

		#global .content .block2 div .block2_img_mail {
			position: absolute !important;
			right: -90px;
			z-index: -10;
		}

		#global .block_1 .content .block2 div img {
			object-fit: contain;
		}

		#global .section4 .content .block2:nth-child(9) svg {
			position: absolute !important;
			left: -65px !important;
			top: 255px !important;
		}

		#global .block_1 .content .block2 div img:nth-child(1) {
			width: 300px;
		}

		#global .block_1 .content .block2 div img:nth-child(2) {
			width: 100%;
		}

		#global .content .block2 div .img2 {
			aspect-ratio: 3 / 1;
		}

		#global .content .block2 div .img4 {
			aspect-ratio: 5 / 2;
		}

		#global .content .block2 div .img5 {
			aspect-ratio: 3;
			position: absolute !important;
			top: 105px;
			left: -210px;
		}

		#global .content .block2 div .img6 {
			aspect-ratio: 7;
			position: absolute !important;
			top: 155px;
			left: 5px;
		}

		#global .content .block2 h2 {
			margin-bottom: 20px !important;
		}

		#global .content .block2:nth-child(3) div {
			padding-top: 0 !important;
		}

		#global .content .block2:nth-child(3) div:nth-child(2) img {
			display: none;
		}

		#global .content .block2:nth-child(3) div:nth-child(1) img:nth-child(1) {
			width: 100% !important;
		}

		#global .section4 {
			padding-bottom: 250px;
		}

		#global .section4 .content .row2 {
			margin-top: -110px !important;
		}

		#global .tariffs .content {
			gap: 0 !important;
		}

		#global .block_3 .content * {
			width: auto !important;
		}

		#global .block_3 {
			margin-top: 0;
			padding-top: 20px;
		}

		#global .block_3 .content {
			margin-top: 0;
			padding: 0 20px;
		}

		#global section:nth-child(4) .content>.block3:nth-child(20) img,
		#global section:nth-child(4) .content>.block3:nth-child(24) img {
			display: none;
		}

		#global section:nth-child(4) .content>.block3:nth-child(20),
		#global section:nth-child(4) .content>.block3:nth-child(24) {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 40px;
		}

		#global section:nth-child(4) .content>.block3:nth-child(20) div,
		#global section:nth-child(4) .content>.block3:nth-child(24) div {
			width: 100%;
		}

		#global section:nth-child(4) .content>div:last-child {
			display: none;
		}

		#global section:nth-child(4) .content {
			margin-top: 40px;
		}

		#global section:nth-child(4) .content > div:nth-child(12) {
			display: none;
		}

		.section4 .content br:nth-child(7), .section4 .content br:nth-child(8) {
			display: none;
		}

		.section4 .content button {
			width: 250px;
		}

		#global .how_connect .content .bt_class {
			display: grid;
			gap: 20px;
			grid-template-columns: repeat(4, 1fr);
			margin-top: -50px !important;
		}

		#global .how_connect .content {
			margin-top: 0 !important;
		}

		#global .how_connect .content .bt_class div {
			width: 100%;
		}

		#global .how_connect .content .bt_class a {
			width: 86% !important;
		}

		#global .how_connect .content div:nth-child(11) table tbody tr {
			display: grid;
			grid-template-columns: repeat(5, 1fr);
			gap: 20px;
		}


		#global section:nth-child(4) .content>div:nth-child(6) .block3 {
			display: grid;
			gap: 80px;
			grid-template-columns: repeat(3, 1fr);
		}

		#global section:nth-child(4) .content>div:nth-child(6) .block3 div {
			width: 100%;
			padding: 0 !important;
		}

		#global .tariffs .mmt>table tbody tr {
			display: flex;
			flex-wrap: wrap;
			max-width: 80vw;
		}

		#global .tariffs .mmt > table tbody tr td:first-child {
			min-width: none !important;
			width: auto;
			white-space: break-spaces;
		}

		#global .tariffs .mmt > table tbody tr td:nth-child(3) {
			display: flex;
			align-items: center;
		}

		#global .tariffs .mmt > table tbody tr td:nth-child(2) {
			display: none;
		}

		#global .tariffs #_sms {
			width: 100%;
			overflow: auto;
			max-width: 80vw;
		}

		#global .tariffs #tab_1 {
			min-width: 100vw;
		}

		.how_connect .content .payments {
			padding-top: 0;
			padding-bottom: 0;
		}

		#global .content .block2:nth-child(9) {
			grid-template-columns: 1fr;
			position: relative;
			z-index: 2;
		}

		#global .content .block2:nth-child(9) div:last-child {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			align-items: start;
			gap: 50px;
		}

		#global .content .block2:nth-child(9) + div {
			margin-top: -500px !important;
			z-index: 1;
		}
	}

	@media (max-width: 1100px) {
		body > .bdw {
			min-width: auto !important;
			width: 100%;
		}

		body > .bdw table tbody tr {
			display: flex;
			flex-wrap: wrap;
			gap: 3px;
		}

		body > .bdw table tbody tr td:nth-child(2) {
			display: none;
		}

		body > .bdw table tbody tr td:nth-child(4) br {
			display: none;
		}

		body > .bdw table tbody tr td:nth-child(4) {
			display: flex;
			flex-direction: column;
			gap: 10px;
		}

		body > .bdw table tbody tr td:nth-child(4) div {
			position: static;
		}

		body > .bdw table tbody tr > table tbody tr {
			gap: 10px;
		}

		:root {
			--h1-size: 50px;
		}

		#hdr tr:nth-child(1) td:nth-child(4) div {
			margin-top: 20px;
		}

		#hmenu tr th.actmenu {
			padding: 0;
		}

		.hr {
			font-size: var(--h1-size);
		}

		#global .top_blue {
			gap: 50px;
		}

		#global .blue_top .hh1 {
			margin-top: -50px;
			padding-bottom: 190px;
		}

		#global .top_blue img {
			top: 50px !important;
		}

		#global .block_1 .block2 div {
			padding-top: 0 !important;
		}

		#global .block_3 .block3 {
			gap: 40px 80px;
			grid-template-columns: repeat(2, 1fr);
		}

		#global section:nth-child(4) .block2 img {
			top: 0 !important;
		}

		#global section:nth-child(4) .content>.block2:nth-child(11) {
			grid-template-columns: 1fr;
		}

		#global section:nth-child(4) .content>.block2:nth-child(11)>div:nth-child(2) {
			flex-direction: row;
		}

		#global section:nth-child(4) .content>.block2:nth-child(11)>div:nth-child(1) svg {
			display: none;
		}

		#global section:nth-child(4) .content>.block2:nth-child(11) img {
			aspect-ratio: 1;
			width: 100%;
			max-width: none;
		}

		#global .section4 .content .row2 {
			margin-top: -150px !important;
		}

		.big_name img {
			display: none;
		}

		.how_connect .connect_lk {
			font-size: 23px;
		}
	}

	@media (max-width: 905px) {
		:root {
			--h1-size: 45px;
		}

		.content {
			width: auto;
		}

		#global .tariffs .mmt > table tbody tr td:nth-child(3) img {
			top: 2px !important;
		}

		#global .top_blue img {
			top: 80px !important;
		}

		#global section:nth-child(2) {
			display: flex;
			flex-direction: column;
			margin-top: -100px;
		}

		#global .content .block2 {
			grid-template-columns: 1fr;
			justify-items: center;
		}

		#global .content .block2 div:nth-child(2) br {
			display: none;
		}

		#global .content .block2:nth-child(1) div:nth-child(2),
		#global .content .block2:nth-child(3) div:nth-child(2) {
			max-width: 70%;
			align-items: center;
			margin: 0 auto !important;
		}

		#global .content .block2:nth-child(2) div:nth-child(1),
		#global .content .block2:nth-child(4) div:nth-child(1) {
			max-width: 70%;
			align-items: center;
			margin: 20px auto 0 !important;
		}

		#global .content .block2 div img:nth-child(1) {
			max-width: 300px;
			aspect-ratio: 1;
		}

		#global .content .block2 div img:nth-child(3) {
			width: 100%;
			max-width: 500px;
		}

		#global .block_1 .block2 div:nth-child(1) img:nth-child(2) {
			margin-top: -110px !important;
		}

		#global .block_1 .block2:nth-child(2) {
			margin-top: 190px !important;
		}

		#global .block_1 .block2:nth-child(2) div:nth-child(2) img:nth-child(2) {
			margin-top: -400px !important;
		}

		#global .block_1 .block2:nth-child(3) {
			margin-top: -50px !important;
		}

		#global .block_1 .block2:nth-child(3) img:nth-child(1) {
			margin-bottom: -80px !important;
		}

		#global .block_1 .block2:nth-child(4) {
			margin-top: 250px !important;
		}

		#global .block_1 .block2:nth-child(4) div:nth-child(2) img:nth-child(1) {
			position: absolute !important;
			left: unset !important;
			right: 40px;
			margin-top: -480px !important;
		}

		#global .block_1 .block2:nth-child(4) div:nth-child(2) img:nth-child(2) {
			margin-top: -450px !important;
			right: -65px;
			left: unset !important;
		}

		#global .block_1 .block2:nth-child(4) div:nth-child(2) img:nth-child(3) {
			margin-top: -450px !important;
			left: 0;
		}

		#global .content .block2 div {
			padding: 0 !important;
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 20px;
		}

		#global .content .block2 div img {
			margin-bottom: 20px !important;
		}

		#global .content .block2 div br {
			display: none;
		}

		.section4 {
			margin-top: 700px;
		}

		#global .section4 .hr {
			margin-top: 30px !important;
			text-align: center;
		}

		#global .section4 .api {
			margin-top: 0 !important;
		}

		#global .section4 .api span {
			font-size: 60px !important;
		}

		#global .section4 .api div:nth-child(2) {
			top: -10px !important;
		}

		#global .section4 .block2 img {
			grid-row: 1;
		}

		#global .section4 .content>div:last-child {
			display: none;
		}

		#global .section4 .content>.block3:nth-child(20),
		#global .section4 .content>.block3:nth-child(24) {
			grid-template-columns: repeat(2, 1fr);
		}

		#global .section4 .content>.block3:nth-child(24)>div:nth-child(1) {
			grid-row: 2;
		}

		#global .section4 .content>.block3:nth-child(24)>div:nth-child(2) {
			grid-column: 2;
			grid-row: 1;
		}

		.tariffs {
			margin-top: 300px !important;
		}

		#global .how_connect .content .bt_class {
			grid-template-columns: repeat(2, 1fr);
		}

		#global .how_connect .content .bt_class a {
			width: 91% !important;
		}

		#global .how_connect .content .block2:nth-child(7) div {
			padding-left: 20px !important;
		}

		#global .how_connect .content div:nth-child(11) table tbody tr {
			grid-template-columns: repeat(3, 1fr);
			gap: 50px 20px;
		}

		#global section:nth-child(4) .content>div:nth-child(6) .block3 {
			grid-template-columns: repeat(2, 1fr);
		}

		#global section:nth-child(4) .content {
			margin: -700px auto -400px !important;
		}
	}

	@media (max-width: 800px) {
		#global .content .block2:nth-child(9) div:last-child {
			gap: 30px;
			display: flex;
			align-items: center;
			flex-direction: column;
		}

		#global .content .block2:nth-child(9) div:last-child img {
			position: static !important;
		}

		#global .payments table tbody tr {
			gap: 20px;
			display: flex;
			flex-direction: column;
		}

		#global .block_3 .center {
			overflow: hidden;
		}

		#global .section4 .content > div:nth-child(5) .block3 {
			gap: 30px;
			display: flex;
			flex-direction: column;
		}

		#global .section4 .content > div:nth-child(5) .block3 div {
			padding: 0;
			width: 100%;
		}

		#global .content .block2 div .block2_img_mail {
			right: 0;
		}

		#global .block_1 .block2:nth-child(2) div:nth-child(2) img:nth-child(2) {
			margin-top: -460px !important;
		}

		#global .section4 .content .block2:nth-child(9) svg {
			position: relative !important;
			top: 330px !important;
			left: -140px !important;
		}
	}

	@media (max-width: 724px) {
		#global .tariffs .mmt > table tbody tr td:nth-child(3) img {
			top: 9px !important;
		}

		#global .top_blue img {
			top: 140px !important;
		}
	}

	@media (max-width: 660px) {
		:root {
			--h1-size: 40px;
		}

		#global .block_3 .block3 {
			gap: 40px 80px;
			grid-template-columns: repeat(1, 1fr);
		}


		#global .block_3 .content>div:nth-child(9) img {
			left: 30px;
		}

		#global .block_3 .content>div:last-child {
			display: flex;
			flex-direction: column-reverse;
			gap: 30px;
		}


		#global .block_3 .content>div:last-child div {
			padding: 0 !important;
		}

		#global section:nth-child(4) .content>.block2:nth-child(11)>div:nth-child(2) {
			flex-direction: column;
			gap: 30px;
		}

		#global .how_connect .content .bt_class a {
			width: 86% !important;
		}

		#global .how_connect .content div:nth-child(11) table tbody tr {
			grid-template-columns: repeat(2, 1fr);
		}
	}

	@media (max-width: 600px) {
		#global section:nth-child(4) .content>div:nth-child(6) .block3 {
			grid-template-columns: repeat(1, 1fr);
		}

		#global section:nth-child(4) .content>.block3:nth-child(20),
		#global section:nth-child(4) .content>.block3:nth-child(24) {
			grid-template-columns: repeat(1, 1fr);
		}


		#global section:nth-child(4) .content>.block3:nth-child(24)>div:nth-child(1) {
			grid-row: 3;
		}

		#global section:nth-child(4) .content>.block3:nth-child(24)>div:nth-child(2) {
			grid-column: 1;
			grid-row: 2;
		}

		#global section:nth-child(4) .content>.block3:nth-child(24) {
			margin-top: -150px !important;
		}

		#global .section4 .block2:nth-child(1) img,
		#global .section4 .block2:nth-child(2) img,
		#global .section4 .block2:nth-child(3) img {
			width: 100%;
		}
	}


	@media (max-width: 490px) {
		:root {
			--h1-size: 35px;
		}

		#global .top_blue img {
			width: 130vw !important;
			top: 380px !important;
			right: -50px !important;
		}

		#global .how_connect .content .bt_class {
			grid-template-columns: repeat(1, 1fr);
		}

		#global .how_connect .content .bt_class a {
			width: 92% !important;
		}
	}

	@media (max-width: 460px) {
		#global .block_1 .block2:nth-child(2) div:nth-child(2) img:nth-child(2) {
			margin-top: -530px !important;
		}
	}

	@media (max-width: 437px) {
		#global .tariffs .mmt > table tbody tr td:nth-child(3) img {
			top: 2px !important;
		}
	}