.howto-container {
	padding-top: 48px;
	background-color: #fff;
}
.howto-info-container {
	height: 225px;
}
.howto-container .button {
	font-size: 18px;
	padding: 8px 32px;
	background-color: #285d7d;
	color: #fff;
	text-transform: uppercase;
}
.button:hover, .button:active, .button:focus {
	color: #fff;
}

.howto-info-stubs {
	display: flex;
	justify-content: space-between;
	padding-top: 24px;
}
.howto-info-stub {
	width: 25%;
}
.howto-info-stub:before {
	width: 200px;
	height: 200px;
	display: block;
	margin: 0 auto;
}
.howto-info-stub.howto-info-stub-1:before {
	content: url(../img/howto-stub1.jpg);
}
.howto-info-stub.howto-info-stub-2:before {
	content: url(../img/howto-stub2.jpg);
}
.howto-info-stub.howto-info-stub-3:before {
	content: url(../img/howto-stub3.jpg);
}

.howto-info {
	display: none;
	height: 216px;
}
.howto-container[data-active-way] .howto-info-stubs {
	display: none;
}
.howto-container[data-active-way=free] .howto-info[data-way=free],
.howto-container[data-active-way=paid] .howto-info[data-way=paid] {
	display: block;
}
.howto-container[data-active-way=help] .howto-info[data-way=help] {
	display: flex;
}

.howto-info-free {
	background-color: #f9f5f2;
	padding: 16px 20px;
}
.howto-info-free-row {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.howto-info-free-row-2 {
	margin-top: 16px;
}
.howto-info-free-step {
	width: 32%;
	padding: 16px 32px;
	font-size: 19px;
	color: #838a7a;
	border: 1px solid #799364;
}
.howto-info-free-info {
	font-size: 19px;
	color: #000;
}
.howto-info-free-info a {
	color: #000;
}

.howto-info[data-way=help] {
	justify-content: space-between;
	align-items: stretch;
}
.howto-info-help-variant {
	width: 32%;
	padding: 20px;
	background-color: #f9f5f2;
}
.howto-info-help-variant-title {
	font-size: 20px;
	color: #285d7d;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 16px;
}
.howto-info-help-variant-info {
	font-size: 18px;
}
.howto-info-help-variant[data-variant="2"] .howto-info-help-variant-info {
	text-align: center;
}

.howto-info[data-way=paid] {
	background-color: #f9f5f2;
	padding: 20px;
}
.howto-info-paid-row {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.howto-info-paid-col {
	width: 28%;
	/*text-align: center;*/
	padding-top: 18px;
}
.howto-info-paid-col[data-col="1"] {
	width: 42%;
}
.howto-info-paid-info a {
	font-size: 19px;
	color: #000;
}
.howto-info-paid-row-1 {
	height: 138px;
}
.howto-info-paid-row-1 .button {
	display: inline-block;
	margin-bottom: 18px;
}
.howto-info-paid-row-2 {
	margin-top: 16px;
}


.howto-delimiter-container {
	height: 4px;
}
.howto-container[data-active-way] .howto-delimiter-container {
	background-color: #bc8080;
}

.howto-buttons-container {
	margin-top: 16px;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.howto-button {
	width: 25%;
	color: #bc8080;
	text-align: center;
	position: relative;
	cursor: pointer;
	display: table;
	height: 100%;
}
.howto-button-title {
	padding: 12px 32px;
	font-size: 18px;
	line-height: 1.2;
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	user-select: none;
}
.howto-container[data-active-way=free] .howto-button[data-way=free],
.howto-container[data-active-way=help] .howto-button[data-way=help],
.howto-container[data-active-way=paid] .howto-button[data-way=paid] {
	background-color: #bc8080;
	color: #fff;
}
.howto-container .howto-button:before {
	position: absolute;
	left: 50%;
	top: -16px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 13px 0 13px;
	border-color: transparent;
	content: '';
	cursor: default;
}
.howto-container[data-active-way=free] .howto-button[data-way=free]:before,
.howto-container[data-active-way=help] .howto-button[data-way=help]:before,
.howto-container[data-active-way=paid] .howto-button[data-way=paid]:before {
	border-color: #bc8080 transparent transparent transparent;
}

.howto-info-container.howto-info-container-box {
	height: 288px;
}
.howto-info-container.howto-info-container-box .howto-info-stubs {
	padding-top: 0;
}
.howto-info-container.howto-info-container-box .howto-info-stubs .howto-info-stub {
	width: 33%;
}
.howto-info-container.howto-info-container-box .howto-info-stubs .howto-info-stub:before {
	width: 385px;
	height: 288px;
}
.howto-info-container.howto-info-container-box .howto-info-stub.howto-info-stub-1:before {
	content: url(../img/howto-stub1-box.jpg);
}
.howto-info-container.howto-info-container-box .howto-info-stub.howto-info-stub-2:before {
	content: url(../img/howto-stub2-box.jpg);
}
.howto-info-container.howto-info-container-box .howto-info-stub.howto-info-stub-3:before {
	content: url(../img/howto-stub3-box.jpg);
}
.howto-info-container.howto-info-container-box .howto-info {
    height: 270px;
}