.main .wrap .bside a,
.tariffs button.buy {
	transition: none 0.2s ease;
	-webkit-transition: none 0.2s ease;
	-moz-transition: none 0.2s ease;
	-o-transition: none 0.2s ease;
}

.main {
	display: block;
	padding-top: 80px;
	overflow: hidden;
	min-height: var(--min-height);
}

.main .wrap,
.main .wrap .bside {
	min-height: calc(var(--min-height) - 80px);
}

.main .wrap .bside {
	display: table;
	width: 100%;
	padding: 30px 0 30px 0;
}

.main .wrap .bside > div {
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

.main .wrap .bside > div::before {
	content: '';
	position: absolute;
	bottom: 50%;
	transform: translate3d(0, 50%, 0);
	-webkit-transform: translate3d(0, 50%, 0);
	-moz-transform: translate3d(0, 50%, 0);
	width: 600px;
	height: 600px;
	right: -56px;
	background: transparent url('../images/main.png') no-repeat;
	background-size: 100%;
}

.main .wrap .bside h1 {
	font-size: 46px;
	font-weight: 700;
	max-width: 580px;
}

.main .wrap .bside span {
	display: block;
	font-size: 18px;
	color: var(--gray);
	margin-top: 26px;
	max-width: 500px
}

.main .wrap .bside a {
	display: inline-flex;
	display: -webkit-inline-flex;
	align-items: center;
	-webkit-align-items: center;
	background-color: var(--green);
	margin-top: 36px;
	font-size: 16px;
	line-height: 16px;
	color: var(--white);
	font-weight: 600;
	padding: 0 30px 1px 30px;
	height: 53px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	transition-property: background-color;
	-webkit-transition-property: background-color;
	-moz-transition-property: background-color;
	-o-transition-property: background-color;
}

.block {
	border-top: 1px solid var(--line);
	padding-bottom: 40px;
}

.block div.title {
	display: flex;
	display: -webkit-flex;
	font-size: 30px;
	font-weight: 700;
	height: 134px;
	padding-bottom: 1px;
	align-items: center;
	-webkit-align-items: center;
}

.block .grid {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	gap: 30px;
}

.block .grid .container {
	width: calc((100% - 60px) / 3);
	background-color: var(--content);
	padding: 30px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}

.advantages .grid .container svg {
	margin-top: 3px;
	width: 43px;
	height: 43px;
	fill: var(--green);
}

.advantages .grid .container h2 {
	font-size: 21px;
	margin-top: 30px;
}

.advantages .grid .container p {
	font-size: 15px;
	color: var(--gray);
	margin-top: 16px;
}

.tariffs .info {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: start;
	-webkit-align-items: start;
}

.tariffs .info > div:last-child {
	text-align: right;
}

.tariffs .info svg {
	margin-left: 1px;
	width: 36px;
	height: 21px;
	fill: var(--context);
}

.tariffs .info span.name, 
.tariffs .info span.amount,
.tariffs .info span.calc {
	display: block;
}

.tariffs .info span.name {
	margin-top: 14px;
}

.tariffs .info span.name,
.tariffs .info span.amount {
	font-weight: 700;
	font-size: 22px;
	line-height: 22px;
}

.tariffs .info span.amount span {
	font-size: 40px;
	line-height: 30px;
	margin-right: 8px;
}

.tariffs .info span.calc {
	font-size: 15px;
	color: var(--gray);
	margin-top: 6px;
}

.tariffs button.buy {
	margin-top: 26px;
	width: 100%;
	border: 2px solid var(--context);
	cursor: pointer;
	color: var(--context);
	font-weight: 700;
	height: 50px;
	font-size: 14px;
	line-height: 14px;
	padding-bottom: 1px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	transition-property: border-color, color;
	-webkit-transition-property: border-color, color;
	-moz-transition-property: border-color, color;
}

.partners .grid {
	gap: 20px;
}

.partners .grid .container {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	width: calc((100% - 100px) / 6);
	height: 62px;
	padding: 0;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
}

.partners .grid .container svg {
	fill: var(--context);
}

.partners .grid .container svg.bybit,
.partners .grid .container svg.htx {
	margin-top: -4px;
}

.partners .grid .container svg.phemex {
	fill: #0c5be0;
}

.partners .grid .container svg.poloniex {
	--svg-layer-1: #21392b;
	--svg-layer-2: #3ab06b;
	--svg-layer-3: #025c30;
}

@media (prefers-color-scheme: dark) {

	.partners .grid .container svg.bitget {
		fill: #01e0ff;
	}

	.partners .grid .container svg.phemex {
		fill: var(--white);
	}

	.partners .grid .container svg.poloniex {
		--svg-layer-1: #FFF;
		--svg-layer-2: #489c6a;
		--svg-layer-3: #92be8d;
	}

}

.contacts .grid .container {
	padding: 30px 26px 29px 26px;
}

.contacts .icon,
.contacts .desc,
.contacts .desc a > span,
.contacts .desc a > svg {
	display: inline-block;
	vertical-align: middle;
}

.contacts .icon svg {
	width: 43px;
	height: 43px;
	fill: #7b7b7b;
}

.contacts .desc {
	padding-left: 26px;
}

.contacts .desc span.title {
	display: block;
	font-size: 16px;
	font-weight: 700;
	color: #7b7b7b;
}

.contacts .desc span.txt {
	user-select: text;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
}

.contacts .desc span.txt,
.contacts .desc a > span {
	font-size: 20px;
	font-weight: 700;
}

.contacts .desc span.txt,
.contacts .desc a {
	display: inline-block;
	margin-top: 3px;
}

.contacts .desc a > svg {
	width: 21px;
	height: 21px;
	fill: var(--context);
	margin-top: 1px;
}

.contacts .desc a > span {
	color: var(--context);
	margin-left: 10px;
	position: relative;
}

.contacts .desc a > span::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: var(--context);
}

@media (pointer: coarse) {

	.main .wrap .bside a:active {
		background-color: var(--green-hover);
	}

	.contacts .desc a:active span::before {
		display: none;
	}

	.tariffs button.buy:active {
		border-color: var(--green);
		color: var(--green);
	}

}

@media (pointer: fine) {

	.main .wrap .bside a:hover {
		background-color: var(--green-hover);
	}

	.contacts .desc a:hover span::before {
		display: none;
	}

	.tariffs button.buy:hover {
		border-color: var(--green);
		color: var(--green);
	}

}

@media (orientation: portrait) {

	.main .wrap .bside {
		padding: 0 0 30px 0;
	}

	.main .wrap .bside > div::before {
		display: inline-block;
		position: static;
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		margin-bottom: -20px;
	}

	.main .wrap .bside > div {
		text-align: center;
	}

	.main .wrap .bside h1,
	.main .wrap .bside span {
		margin-left: auto;
		margin-right: auto;
	}

}

@media (orientation: portrait) and ((max-height: 980px) or (max-width: 650px)) {

	.main .wrap .bside > div::before {
		width: 550px;
		height: 550px;
	}

	.main .wrap .bside h1 {
		font-size: 41px;
		max-width: 520px;
	}

	.main .wrap .bside span {
		margin-top: 24px;
		font-size: 17px;
		max-width: 480px;
	}

	.main .wrap .bside a {
		margin-top: 34px;
	}

}

@media (orientation: portrait) and ((max-height: 910px) or (max-width: 600px)) {

	.main .wrap .bside > div::before {
		width: 500px;
		height: 500px;
	}

	.main .wrap .bside h1 {
		font-size: 37px;
		max-width: 470px;
	}

	.main .wrap .bside span {
		margin-top: 22px;
	}

	.main .wrap .bside a {
		margin-top: 32px;
	}

}

@media (orientation: portrait) and ((max-height: 840px) or (max-width: 550px)) {

	.main .wrap .bside > div::before {
		width: 450px;
		height: 450px;
	}

	.main .wrap .bside h1 {
		font-size: 33px;
		max-width: 420px;
	}

	.main .wrap .bside span {
		font-size: 16px;
		margin-top: 20px;
		max-width: 450px;
	}

	.main .wrap .bside a {
		margin-top: 30px;
	}

}

@media (orientation: portrait) and ((max-height: 770px) or (max-width: 500px)) {

	.main .wrap .bside > div::before {
		width: 400px;
		height: 400px;
	}

	.main .wrap .bside h1 {
		font-size: 29px;
		max-width: 370px;
	}

	.main .wrap .bside span {
		font-size: 15px;
		max-width: 400px;
		margin-top: 18px;
	}

	.main .wrap .bside a {
		margin-top: 28px;
		font-size: 15px;
		height: 50px;
		line-height: 15px;
	}

}

@media (orientation: portrait) and ((max-height: 700px) or (max-width: 450px)) {

	.main .wrap .bside > div::before {
		width: 350px;
		height: 350px;
	}

	.main .wrap .bside h1 {
		font-size: 26px;
		max-width: 330px;
	}

	.main .wrap .bside span {
		margin-top: 16px;
		font-size: 14px;
		max-width: 370px;
	}

	.main .wrap .bside a {
		margin-top: 26px;
	}

}

@media (orientation: portrait) and ((max-height: 640px) or (max-width: 400px)) {

	.main .wrap .bside > div::before {
		width: 320px;
		height: 320px;
	}

	.main .wrap .bside h1 {
		font-size: 24px;
		max-width: 300px;
	}

	.main .wrap .bside span {
		font-size: 13px;
		max-width: 270px;
		margin-top: 14px;
	}

	.main .wrap .bside a {
		margin-top: 24px;
	}

}

@media (orientation: portrait) and ((max-height: 610px) or (max-width: 360px)) {

	.main .wrap .bside > div::before {
		width: 280px;
		height: 280px;
		margin-bottom: -10px;
	}

	.main .wrap .bside h1 {
		font-size: 21px;
		max-width: 270px;
	}

	.main .wrap .bside span {
		margin-top: 12px;
	}

	.main .wrap .bside a {
		margin-top: 22px;
		font-size: 14px;
		height: 47px;
		line-height: 14px;
	}
	
}

@media (orientation: portrait) and ((max-height: 560px) or (max-width: 320px)) {

	.main .wrap .bside > div::before {
		width: 230px;
		height: 230px;
	}

	.main .wrap .bside h1 {
		font-size: 18px;
		max-width: 230px;
	}

	.main .wrap .bside span {
		font-size: 12px;
		max-width: 250px;
		margin-top: 10px;
	}

	.main .wrap .bside a {
		margin-top: 18px;
		font-size: 13px;
		height: 43px;
		padding: 0 25px 1px 25px;
		line-height: 13px;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
	}
	
}

@media (orientation: landscape) and ((max-height: 650px) or (max-width: 1100px)) {

	.main .wrap .bside > div::before {
		width: 550px;
		height: 550px;
	}

	.main .wrap .bside h1 {
		font-size: 42px;
		max-width: 530px;
	}

	.main .wrap .bside span {
		font-size: 17px;
		margin-top: 24px;
		max-width: 480px;
	}

	.main .wrap .bside a {
		margin-top: 34px;
	}


}

@media (orientation: landscape) and ((max-height: 600px) or (max-width: 1000px)) {

	.main .wrap .bside > div::before {
		width: 500px;
		height: 500px;
		right: -50px;
	}

	.main .wrap .bside h1 {
		font-size: 38px;
		max-width: 480px;
	}

	.main .wrap .bside span {
		margin-top: 22px;
	}

	.main .wrap .bside a {
		margin-top: 32px;
	}

}

@media (orientation: landscape) and ((max-height: 550px) or (max-width: 900px)) {

	.main .wrap .bside > div::before {
		width: 430px;
		height: 430px;
		right: -46px;
	}

	.main .wrap .bside h1 {
		font-size: 36px;
		max-width: 450px;
	}

	.main .wrap .bside span {
		font-size: 16px;
		margin-top: 20px;
		max-width: 450px;
	}

	.main .wrap .bside a {
		margin-top: 30px;
	}

}

@media (orientation: landscape) and ((max-height: 500px) or (max-width: 820px)) {
	
	.main .wrap .bside > div::before {
		width: 350px;
		height: 350px;
		right: -38px;
	}

	.main .wrap .bside h1 {
		font-size: 32px;
		max-width: 400px;
	}

	.main .wrap .bside span {
		font-size: 15px;
		max-width: 400px;
		margin-top: 18px;
	}

	.main .wrap .bside a {
		margin-top: 28px;
		font-size: 15px;
		height: 50px;
		line-height: 15px;
	}

}

@media (orientation: landscape) and ((max-height: 400px) or (max-width: 700px)) {

	.main .wrap .bside > div::before {
		width: 300px;
		height: 300px;
		right: -34px;
	}

	.main .wrap .bside h1 {
		font-size: 29px;
		max-width: 360px;
	}

	.main .wrap .bside span {
		margin-top: 16px;
		font-size: 14px;
		max-width: 370px;
	}

	.main .wrap .bside a {
		margin-top: 26px;
		font-size: 14px;
		height: 48px;
		line-height: 14px;
	}

}

@media (orientation: landscape) and ((max-height: 370px) or (max-width: 650px)) {

	.main .wrap .bside > div::before {
		width: 250px;
		height: 250px;
		right: -26px;
	}

	.main .wrap .bside h1 {
		font-size: 27px;
		max-width: 340px;
	}

	.main .wrap .bside span {
		font-size: 13px;
		max-width: 340px;
		margin-top: 14px;
	}

	.main .wrap .bside a {
		margin-top: 24px;
	}

}

@media (orientation: landscape) and ((max-height: 340px) or (max-width: 580px)) {

	.main .wrap .bside > div::before {
		width: 220px;
		height: 220px;
		right: -20px;
	}

	.main .wrap .bside h1 {
		font-size: 25px;
		max-width: 310px;
	}

	.main .wrap .bside span {
		font-size: 12px;
		margin-top: 12px;
		max-width: 320px;
	}

	.main .wrap .bside a {
		margin-top: 22px;
		font-size: 13px;
		height: 43px;
		padding: 0 25px 1px 25px;
		line-height: 13px;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
	}

}

@media (orientation: landscape) and ((max-height: 320px) or (max-width: 530px)) {

	.main .wrap .bside > div::before {
		width: 200px;
		height: 200px;
		right: -20px;
	}

	.main .wrap .bside h1 {
		font-size: 22px;
		max-width: 280px;
	}

	.main .wrap .bside span {
		font-size: 11px;
		margin-top: 10px;
		max-width: 290px;
	}

	.main .wrap .bside a {
		margin-top: 18px;
	}

}

@media (max-width: 1100px) {

	.block div.title {
		font-size: 26px;
		height: 126px;
	}

	.advantages .grid .container,
	.tariffs .grid .container,
	.contacts .grid .container {
		width: calc((100% - 30px) / 2);
	}

	.tariffs .grid .container:nth-child(odd):last-child,
	.contacts .grid .container:nth-child(odd):last-child {
		width: 100%;
	}

	.partners .grid .container {
		width: calc((100% - 80px) / 5);
	}

}

@media (max-width: 950px) {

	.partners .grid .container {
		width: calc((100% - 60px) / 4);
	}

}

@media (max-width: 800px) {

	.partners .grid .container {
		width: calc((100% - 40px) / 3);
	}

}

@media (max-width: 750px) {

	.advantages .grid .container,
	.tariffs .grid .container,
	.contacts .grid .container {
		width: 100%;
	}

}

@media (max-width: 650px) {

	.partners .grid .container {
		width: calc((100% - 20px) / 2);
	}

}

@media (max-width: 400px) {

	.partners .grid .container {
		width: 100%;
	}

}

@media (max-width: 360px) {

	.advantages .grid .container h2 {
		font-size: 19px;
	}

	.advantages .grid .container p {
		font-size: 14px;
	}

	.contacts .icon svg {
		width: 37px;
		height: 37px;
	}

	.contacts .desc span.title,
	.tariffs .info span.calc {
		font-size: 14px;
	}

	.contacts .desc a > svg {
		margin-top: 3px;
	}

	.contacts .desc span.txt,
	.contacts .desc a > span {
		font-size: 16px;
	}

	.tariffs .info span.name {
		font-size: 20px;
	}

}