.header-picture { background: url('../images/hiw_picture.jpg') no-repeat; background-size: cover; }
.header-picture-text {
	text-align: center;
	color: #FFFFFF ;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0.01em;
}

.hiw-cirlce-number { display: inline-block; }
.hiw-cirlce-number:after {
	content: '';
	display: block;
	color: #636363;
	border-radius: 50%;
	border: 2px solid #16ADE1;
	text-align: center;
	letter-spacing: 0.01em;
	font-style: normal;
}

.hiw-cirlce-number:before {
	content: '';
	display: none;
	border-bottom: 1px solid #16ADE1;
	position: relative;
    top: 14px;
}

.hiw-point-block > span:nth-child(2) { color: #16ADE1; font-weight: bold; }
.hiw-point-block > span,
.hiw-point-block > p,
.hiw-point-block > strong { letter-spacing: 0.01em; color: #636363; }
.hiw-point-block > span.small-text { font-style: italic; }
.first-point-block > span.small-text { display: none; }
.hiw-buttons-block {
	background: #16ADE1;
	border: 1px solid #16ADE1;
	border-radius: 30px;
	display: block;
	margin: 0 auto;
	height: auto;
}

.hiw-buttons-block > a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
    line-height: 23px;
	letter-spacing: 0.01em;
	text-align:  center;
}

body.registred > div > div.container > div.row > div > .item-page > div.single-content div.txt-st > div.page-wide > div.hiw-container > div > .hiw-buttons-block > a:nth-child(1) { display: none; }
body.registred > div > div.container > div.row > div > .item-page > div.single-content div.txt-st > div.page-wide > div.hiw-container > div > .hiw-buttons-block > a:nth-child(2) { display: block; }
body.notregistered > div > div.container > div.row > div > .item-page > div.single-content div.txt-st > div.page-wide > div.hiw-container > div > .hiw-buttons-block > a:nth-child(1) { display: block; }
body.notregistered > div > div.container > div.row > div > .item-page > div.single-content div.txt-st > div.page-wide > div.hiw-container > div > .hiw-buttons-block > a:nth-child(2) { display: none; }

.hiw-text-block { border: 8px solid #EBF7FF; box-sizing: border-box; border-radius: 30px; }
.hiw-text-block > p { color: #636363; font-style: normal; font-weight: normal; }
.hiw-text-block > p > span { font-weight: bold; }
.hiw-last-block { text-align: center; }
.hiw-last-block > p {
	font-style: normal;
	font-weight: bold;
	letter-spacing: 0.01em;
	color: #636363;
}

.first-text-block > .text-block-img { background: url('../images/1.svg') no-repeat; }
.second-text-block > .text-block-img { background: url('../images/2.svg') no-repeat; }
.third-text-block > .text-block-img { background: url('../images/3.svg') no-repeat; }
.fourth-text-block > .text-block-img { background: url('../images/4.svg') no-repeat; }
.text-block-img { background-size: contain !important; position: relative; margin: 0 auto; background-position: center !important; }

@media screen and (min-width: 319px) {
	.hiw-container { width: 102.7vw; margin-top: -19px; }
	.header-picture { width: 100%; height: 174px; }
	.header-picture-text { padding: 18px 10px; }
	.header-picture-text > h2 { font-size: 22px; line-height: 26px; color: #FFFFFF }
	.header-picture-text > p { font-size: 16px; line-height: 19px; }
	.hiw-second-block { padding: 25px 10px; display: flex; flex-direction: column; }
	.hiw-point-block { width: 300px; margin: 0 auto 18px auto; }
	.hiw-cirlce-number {
		width: 30px;
		height: 30px;
		font-size: 20px;
		line-height: 140%;
		text-align: center;
		float: left;
	}

	.hiw-cirlce-number:after {
		width: 30px;
		height: 30px;
		position: relative;
		bottom: 30px;
		left: 1px;
	}

	.hiw-point-block > span,
	.hiw-point-block > p,
	.hiw-point-block > strong { float: right; width: 258px; }
	.hiw-point-block > p { margin: 2px 0 14px 0; }
	.hiw-point-block > span.small-text { font-size: 15px; line-height: 18px; margin-bottom: 22px; }
	.hiw-point-block > span.small-text > a { color: #16ADE1; }
	.hiw-point-block > strong { margin-bottom: 22px; }
	.hiw-buttons-block { width: 255px; height: 40px; }
	.hiw-buttons-block > a { width: 255px; height: 40px; padding-top: 8px; }
	.hiw-third-block { padding: 10px; }
	.hiw-text-block { margin-bottom: 10px; }
	.hiw-text-block > p { padding: 20px 20px 0 20px; margin-bottom: 0; }
	.text-block-img { padding: 14px 20px; height: 74px; width: 260px; top: 10px; }
	.hiw-last-block { padding: 20px; }
	.hiw-last-block > p { margin-bottom: 40px; font-size: 16px; line-height: 19px; }
}


@media screen and (min-width: 767px) {
	.hiw-container { width: 101.11vw; margin-top: 0; }
	.header-picture { height: 288px; }
	.header-picture-text { padding: 66px 30px; }
	.header-picture-text > h2 { font-size: 34px; line-height: 40px; margin-bottom: 42px; }
	.header-picture-text > p { font-size: 18px; line-height: 21px; }
	.hiw-second-block { padding: 40px 26px;}
	.hiw-point-block { width: 716px; margin: 0 auto 30px auto; }
	.hiw-cirlce-number { width: 60px; height: 60px; margin-top: 16px; }
	.hiw-cirlce-number:after { width: 60px; height: 60px; bottom: 44px; }
	.hiw-point-block > span,
	.hiw-point-block > p,
	.hiw-point-block > strong { width: 630px; }
	.hiw-point-block > p { margin-top: 4px; }
	.hiw-third-block { padding: 20px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-left: 10px; }
	.hiw-text-block { width: 360px; }
	.hiw-text-block > p { height: 360px; }
	.text-block-img { height: 90px; width: 325px; }
	.hiw-buttons-block { width: 270px; height: 56px; }
	.hiw-buttons-block > a { width: 270px; height: 56px; padding-top: 16px; }
}

@media screen and (min-width: 1023px) {
	.hiw-container { width: 100.84vw; }
	.hiw-second-block {
		padding: 50px 30px;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 1024px;
		margin: 0 auto;
	}

	.hiw-point-block { margin-bottom: 48px; width: 300px; }
	.hiw-point-block > span,
	.hiw-point-block > p,
	.hiw-point-block > strong { width: 300px; font-size: 18px; line-height: 130%; }
	.hiw-cirlce-number { margin: 0 auto 38px auto; width: 300px; }
	.hiw-cirlce-number:after { right: inherit; left: 39%; }
	.hiw-cirlce-number:before { content: ''; display: block; border-bottom: 1px solid #16ADE1; }
	.hiw-cirlce-number:before { display: block; }
	.first-point-block > .hiw-cirlce-number:before { width: 80%; float: right; margin-right: -128px; margin-left: -106px; }
	.third-point-block > .hiw-cirlce-number:before { width: 80%; float: left; margin-left: -128px; margin-right: -110px; }
	.second-point-block > .hiw-cirlce-number:before { border: none; }
	.second-point-block > .hiw-cirlce-number:after { left: 40%; }
	.third-point-block > .hiw-cirlce-number:after { left: 40%; }
	.text-block-img { width: 420px; top: inherit; }
	.hiw-third-block { padding: 24px; width: 1024px; margin: 0 auto; }
	.hiw-text-block { width: 477px; font-size: 18px; line-height: 21px; }
	.hiw-text-block > p { height: 260px;  }
	.hiw-last-block { padding-bottom: 50px; }
	.hiw-last-block > p { margin-bottom: 50px; font-size: 20px; line-height: 23px; }
}


@media screen and (min-width: 1440px) {
	.hiw-container { width: 100.1vw; }
	.hiw-second-block { width: 1440px; }
	.hiw-point-block { width: 400px; }
	.hiw-point-block > span,
	.hiw-point-block > p,
	.hiw-point-block > strong { width: 400px; line-height: 140%; }
	.hiw-cirlce-number { width: 400px; }
	.hiw-cirlce-number:after { left: 42%; }
	.first-point-block > .hiw-cirlce-number:before { width: 94%; float: right; margin-right: -216px; margin-left: -158px; }
	.third-point-block > .hiw-cirlce-number:before { width: 94%; float: left; margin-left: -218px; margin-right: -170px; }
	.second-point-block > .hiw-cirlce-number:after { left: 42.2%; }
	.third-point-block > .hiw-cirlce-number:after { left: 42.2%; }
	.hiw-third-block { padding: 24px; width: 1370px; }
	.hiw-text-block { width: 640px; margin-bottom: 40px; }
	.text-block-img { width: 400px; bottom: 20px; }
	.hiw-text-block > p { padding: 38px 40px 0 40px; height: 250px; }
	.hiw-last-block { padding-bottom: 60px; width: 1440px; margin: 0 auto; }
	.hiw-last-block > p { margin-bottom: 60px; }
}