html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
	
	font-family: Formular, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	
	background: linear-gradient(72.83deg, #005260 0%, #009899 100%);
}

.preload {
	position: absolute;
	z-index: -1;
	opacity: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: auto;
    white-space: nowrap;
    text-align: center;
    font-size: 0;
	
	background: url(../images/back.png) no-repeat;
	background-size: cover;
}

.container:before {
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	content: '';
}
.logo {
    position: absolute;
	
	/*width: 270.44px;
	height: 66px;
	left: 100px;
	top: 74px;*/
	
	width: 200px;
	left: 100px;
	top: 50px;
}
.logo img {
	width: 200px;
}
.block {
    display: inline-block;
    margin: 24px;
    white-space: normal;
    vertical-align: middle;
    text-align: left;
    background: #60a839;
	
	/*width: 957px;
	height: 918px;*/
	width: 604px;
	height: 580px;
	
	background: #FFFFFF;
	box-shadow: 0px 4px 150px rgba(0, 0, 0, 0.2);
	border-radius: 15px;
}

.number {
	position: absolute;
	/*width: 957px;*/
	/*height: 191px;*/
	height: 28px;

	background: transparent;
	
	text-align: center;
	
	width: 604px;
    margin-top: -40px;
}

.number span {
	display: block;
	max-width: 350px;
	margin: 0 auto;
		
	font-family: Formular;
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 24px;
	text-align: center;

	color: #7FBABD;
}
.question {
	/*position: absolute;*/
	/*width: 957px;*/
	/*height: 191px;*/
	height: 122px;

	background: linear-gradient(235.94deg, #469EA9 9.85%, #239498 55.94%);
	border-radius: 10px;

    border-bottom-left-radius: initial;
    border-bottom-right-radius: initial;
	
	text-align: center;
}

.question span {
	display: block;
	max-width: 100%;
	margin: 0 auto;
		
	font-family: Formular, sans-serif;
	font-style: normal;
	font-weight: bold;
	/*font-size: 48px;*/
	/*line-height: 54px;*/
	font-size: 30px;
	line-height: 36px;

	text-align: center;
	letter-spacing: -0.02em;

	color: #FFFFFF;
	padding: 22px 0;
}

.answers {
	/*position: absolute;*/
	/*width: 957px;*/
	/*height: 191px;*/
	height: auto;

	background: #fff;
	
	text-align: left;
	
	padding: 44px 28px 28px;
}
.title {
	height: 122px;
	margin-top: 30px;
	
	text-align: center;
}

.title span {
	display: block;
	max-width: 350px;
	margin: 0 auto;
		
	font-family: Formular, sans-serif;
	font-style: normal;
	font-weight: bold;

	font-size: 30px;
	line-height: 36px;

	text-align: center;
	letter-spacing: -0.02em;

	color: #239498;
	padding: 22px 0;
}

.text {
	height: auto;

	background: #fff;
	
	text-align: left;
	
	padding: 15px 28px 35px;
}
.text p {
	font-family: Formular;
	font-style: normal;
	font-weight: 300;
	/*font-size: 18px;
	line-height: 49px;*/
	font-size: 16px;
	line-height: 24px;

	text-align: center;

	color: #424545;
}

.form_radio {
	margin-bottom: 10px;
}
.form_radio input[type=radio] {
	display: none;
}
.form_radio label {
	color: #424545;
	
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 45px;
	margin-right: 0;
	user-select: none;
	
	font-family: Formular;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	/*line-height: 36px;*/
	line-height: 18px;
	padding-bottom: 20px;
}
.form_radio label:before {
	content: "";
	display: inline-block;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 0;
	/*bottom: -2px;*/
	top: -11px;
	background: url(../images/radio-1.svg) 0 0 no-repeat;
	background-size: 40px;
}
 
/* Checked */
.form_radio input[type=radio]:checked + label:before {
	background: url(../images/radio-2.svg) 0 0 no-repeat;
	background-size: 40px;
}
 
/* Hover */
.form_radio label:hover:before {
	/*filter: brightness(120%);*/
	background: url(../images/radio-3.svg) 0 0 no-repeat;
	background-size: 40px;
}

/* Checked Hover */
.form_radio input[type=radio]:checked + label:hover:before {
	background: url(../images/radio-4.svg) 0 0 no-repeat;
	background-size: 40px;
}
 
/* Disabled */
.form_radio input[type=radio]:disabled + label:before {
	/*filter: grayscale(100%);*/
}

/* Disabled Hover */
.form_radio input[type=radio]:disabled + label:hover:before {
	background: url(../images/radio-1.svg) 0 0 no-repeat;
	background-size: 40px;
	/*filter: grayscale(100%);*/
}

/* Disabled Hover Checked */
.form_radio input[type=radio]:checked:disabled + label:hover:before {
	background: url(../images/radio-2.svg) 0 0 no-repeat;
	background-size: 40px;
	/*filter: grayscale(100%);*/
}

.form_radio input[type=radio]:disabled + label {
	opacity: 0.5;
}
.form_radio input[type=radio]:disabled:checked + label {
	opacity: 1;
}

.answer {
	color: #239498;
    position: absolute;
    padding-left: 45px;
    margin-right: 0;
    font-family: Formular;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 0px;
	
	margin-top: -11px;
}

.buttons {
	height: 52px;
	width: 100%;

	background: #fff;
	
	text-align: center;
	
	padding: 0px 0px;
}
a.next_button {
	display: block;
	/*width: 336px;
	height: 84px;*/
	width: 212px;
	height: 52px;

	background: linear-gradient(241.65deg, #469EA9 9.85%, #239498 55.94%);
	border-radius: 10px;
	
	color: #FFFFFF;
	font-family: Formular;
	font-style: normal;
	font-weight: 100;
	font-size: 14px;
	line-height: 50px;

	align-items: center;
	text-align: center;
	
	text-decoration: none;
	margin: auto;
}
a.next_button:hover {
	color: #FFFFFF;
	text-decoration: none;
	filter: brightness(120%);
}
.block_header {
	height: 150px;
	width: 100%;

	background: #fff;
	
	padding: 0px 0px;
	
	border-radius: 10px;

    border-bottom-left-radius: initial;
    border-bottom-right-radius: initial;
	
	background: url(../images/image7.png) 0 0 no-repeat;
	background-size: cover;
}
.block_footer {
	height: 150px;
	width: 100%;

	background: #fff;
	
	padding: 0px 0px;
	
	border-radius: 10px;

    border-top-left-radius: initial;
    border-top-right-radius: initial;
}
.block_footer.footer_1 {
	background: url(../images/image1.png) 0 0 no-repeat;
	background-size: cover;
}
.block_footer.footer_2 {
	background: url(../images/image2.png) 0 0 no-repeat;
	background-size: cover;
}
.block_footer.footer_3 {
	background: url(../images/image3.png) 0 0 no-repeat;
	background-size: cover;
}
.block_footer.footer_4 {
	background: url(../images/image4.png) 0 0 no-repeat;
	background-size: cover;
}
.block_footer.footer_5 {
	background: url(../images/image5.png) 0 0 no-repeat;
	background-size: cover;
}
.block_footer.footer_6 {
	background: url(../images/image6.png) 0 0 no-repeat;
	background-size: cover;
}
.block_title {
	height: 250px;
	width: 100%;

	background: #fff;
	
	padding: 0px 0px;
	
	border-radius: 10px;

    border-bottom-left-radius: initial;
    border-bottom-right-radius: initial;
}
.block_title.i-1 {
	background: url(../images/itog_back2.png) 0 0 no-repeat;
	background-size: cover;
}
.block_title.i-2 {
	background: url(../images/itog_back3.png) 0 0 no-repeat;
	background-size: cover;
}
.block_title.i-3 {
	background: url(../images/itog_back1.png) 0 0 no-repeat;
	background-size: cover;
}
.block_title.i-4 {
	background: url(../images/itog_back4.png) 0 0 no-repeat;
	background-size: cover;
}
.itog_title {
	height: 122px;
	margin-top: -120px;
	
	text-align: center;
}

.itog_title span {
	display: block;
	max-width: 350px;
	margin: 0 auto;
		
	font-family: Formular, sans-serif;
	font-style: normal;
	font-weight: bold;

	font-size: 30px;
	line-height: 36px;

	text-align: center;
	letter-spacing: -0.02em;

	color: #239498;
	padding: 22px 0;
}

.itog_text {
	height: auto;

	background: #fff;
	
	text-align: left;
	
	padding: 0px 28px 20px;
}
.itog_text p {
	font-family: Formular;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #424545;
	
	max-width: 500px;
    margin: auto;
}
.social {
	height: 130px;
	width: 100%;

	background: #EDEDED;
	
	padding: 0px 0px;
	
	border-radius: 10px;

    border-top-left-radius: initial;
    border-top-right-radius: initial;
}
.social p {
	font-family: Formular;
	font-style: normal;
	font-weight: 300;
	font-size: 12px;
	line-height: 20px;

	text-align: center;

	color: #424545;
}
.social p img {
	width: 43px;
    height: 43px;
    padding: 30px 3px 0px;
}
.social p img:hover {
	/*filter: brightness(120%);*/
}
a.go_blog {
	display: block;
	/*width: 336px;
	height: 84px;*/
	width: 177px;
	height: 43px;

	background: #4DA6AB;
	border-radius: 21px;
	
	color: #FFFFFF;
	font-family: Formular;
	font-style: normal;
	font-weight: 100;
	font-size: 12px;
	line-height: 40px;

	align-items: center;
	text-align: center;
	
	text-decoration: none;
	margin: auto;
}
a.go_blog:hover {
	color: #FFFFFF;
	text-decoration: none;
	/*filter: brightness(120%);*/
}
.social .left {
    width: 50%;
    display: inline-block;
	margin-top: -16px;
}
.social .right {
    width: 50%;
    display: inline-block;
	margin-top: -14px;
}
.social .buttons {
    background: transparent;
	height: 48px;
}
.yandex_google{
	display: none;
}

@media (max-width: 991px) {	
	.container {
		width: 100%;
	}
	.container:before {
		height: inherit%;
		display: inherit;
		vertical-align: inherit;
		content: none;
	}
	.logo {
		display: block;
		position: absolute;
		width: 96%;
		left: 0px;
		top: 20px;
		z-index: 1;
		margin: auto;
	}
	.logo img {
		width: 150px;
	}
	.block {
		margin: 0;
		width: 90%;
		max-width: 604px;
		z-index: 2;
		margin-top: 120px;
		margin-bottom: 40px;
	}
	.block.itog {
		height: auto;
	}
	.number {
		width: 90%;
		max-width: 604px;
	}
	.question {
		padding: 0 14px;
	}
	.question span {
		font-size: 20px;
	}
	.form_radio label {
		line-height: 16px;
		padding-bottom: 26px;
	}
	.answer {
		font-size: 16px;
		line-height: 14px;
		margin-top: -22px;
		max-width: 270px;
	}
	.form_radio label:before {
		bottom: 14px;
	}
	.block_title.i-1 {
		background: url(../images/itog_back1.png) 50% 0 no-repeat;
		background-size: cover;
	}
	.block_title.i-2 {
		background: url(../images/itog_back2.png) 50% 0 no-repeat;
		background-size: cover;
	}
	.block_title.i-3 {
		background: url(../images/itog_back3.png) 50% 0 no-repeat;
		background-size: cover;
	}
	.block_title.i-4 {
		background: url(../images/itog_back4.png) 50% 0 no-repeat;
		background-size: cover;
	}
	.itog_title span {
		padding: 22px 14px;
	}
	.itog_text p {
		max-width: 95%;
		margin: auto;
	}
	.social {
		height: 230px;
	}
	.social .left {
		width: 100%;
		display: block;
		margin-top: 0px;
	}
	.social .right {
		width: 100%;
		display: block;
		margin-top: 0px;
	}
}
@media (max-width: 376px) {	
	.question {
		padding: 0 10px;
	}
	.question span {
		font-size: 18px;
	}
}
@media (max-width: 360px) {	
	.question {
		padding: 0 10px;
	}
	.question span {
		font-size: 18px;
	}
}
@media (max-width: 320px) {	
	.question {
		padding: 0 10px;
	}
	.question span {
		font-size: 16px;
	}
	.itog_title span {
		font-size: 22px;
	}
}