/* Start:/local/templates/hg/css/style.css?176096890717881*/
/* Reset and base styles  */
* {
	padding: 0px;
	margin: 0px;
	border: none;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

/* Links */

a, a:link, a:visited  {
    text-decoration: none;
}

a:hover  {
    text-decoration: none;
}

/* Common */

aside, nav, footer, header, section, main {
	display: block;
}

h1, h2, h3, h4, h5, h6, p {
    font-size: inherit;
	font-weight: inherit;
}

ul, ul li {
	list-style: none;
}

img {
	vertical-align: top;
}

img, svg {
	max-width: 100%;
	height: auto;
}

address {
  font-style: normal;
}

/* Form */

input, textarea, button, select {
	font-family: inherit;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
}

input::-ms-clear {
	display: none;
}

button, input[type="submit"] {
    display: inline-block;
    box-shadow: none;
    background-color: transparent;
    background: none;
    cursor: pointer;
}

input:focus, input:active,
button:focus, button:active {
    outline: none;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

label {
	cursor: pointer;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/local/templates/hg/css/../font/Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/local/templates/hg/css/../font/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/local/templates/hg/css/../font/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/local/templates/hg/css/../font/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/local/templates/hg/css/../font/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/local/templates/hg/css/../font/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/local/templates/hg/css/../font/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

html, body {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;  
  height: 100%;
}


::-webkit-scrollbar {
  width: 10px; /* в основном для вертикальных полос прокрутки */
  height: 10px; /* в основном для горизонтальных полос прокрутки */
}
::-webkit-scrollbar-thumb { /* плашка-бегунок */
  background: #037C36; /* фон */
  border-radius: 3px;
}
::-webkit-scrollbar-track { /* фон */
  background: #fff;
}

/*Главная*/

.main {	
	display: flex;
    flex-direction: column;
    min-height: 100%;
    position: relative;
}
.container {
	max-width: 1200px;
	margin: auto;
}
.main_logo
{
	position: absolute;
    left: 50px;
    top: 50px;
    width: 99px;
    height: 50px;
}
.main_logo_mobile
{
	display: none;
}
.main_header {
	background-color: #037C36;
	min-height: 158px;	
	text-align: center;
}
.main_title {
	color: white;
	font-size: 30px;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 58px;
}
.main_utp {
	display: flex;
    justify-content: center;
    margin-top: -90px;
}
.main_utp_item {
	background-color: #F8F7F7;
	border-radius: 30px 30px 10px 10px;
    max-width: 190px;
    margin: 0 25px;
}
.main_utp_item_img
{
	text-align: center;
}
.main_utp_item_img img{
	border-radius: 10px 10px 0 0;
	margin-top: -1px;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
}
.main_utp_item_text {
	margin: 15px 0 26px;
    text-align: center;
    padding: 0 5px;
}
.main_utp_item_bold {
	font-size: 20px;
	font-weight: bold;
}
.main_utp_item_normal {}
.main_test {
	margin-top: 10px;
	text-align: center;
	flex: 1 0 auto;
}
.main_test_figure {
	margin-top: 38px;
	display: flex;
    justify-content: center;
}
.main_test_figure_block
{
	margin-top: 60px;
}
.main_test_figure_block_left
{
	text-align: right;
}
.main_test_figure_block_left .main_test_figure_item:nth-child(2n)
{
	margin-right: 110px;
}
.main_test_figure_block_right 
{
	text-align: left;
}
.main_test_figure_block_right .main_test_figure_item:nth-child(2n)
{
	margin-left: -40px;
}
.main_test_figure_block_right .main_test_figure_item:nth-child(2n-1)
{
	margin-left: 50px;
}
.main_test_figure_item {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 40px;	
}
.main_test_figure_center {
	margin-left: 40px;
	max-width: 368px;
}
.main_test_figure_center_image
{
	max-width: 800px;
}
.main_test_figure_center img{
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.main_test_button {
	background-color: #88446E;
    padding: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: white;
    display: inline-block;
    border-radius: 10px;
    min-width: 200px;
    text-decoration: none;
    cursor: pointer;
    margin-top: 50px;
    animation: bounce 2.6s ease infinite; /* Анимация "bounce" */
}
@keyframes bounce {
    0% {
        transform: translateY(0);
    }
    20% {
        transform: translateY(-10px);
    }
    40% {
        transform: translateY(0);
    }
    60% {
        transform: translateY(-5px);
    }
    80% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(0);
    }
}
.main_test_button:hover {
	opacity: 0.8;
}
.main_test_info {
	max-width: 850px;
	margin: 30px auto 70px;	
}
.main_test_info h2{
	font-size: 26px;
	font-weight: bold;
	line-height: 36px;
	margin-bottom: 10px;
}
.main_test_info p {
	color: #848484;
	font-size: 18px;	
}
.main_footer {
	background-color: #037C36;
	min-height: 114px;
	color: white;
	padding-top: 30px;
	flex: 0 0 auto;
}
.main_footer_utp {	
	display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
.main_footer_utp_item {
	text-align: center;
	max-width: 180px;
	margin: 0 60px;
}
.main_footer_utp_item_bold {
	font-size: 20px;
	font-weight: bold;
}
.main_footer_utp_item_normal {
	font-size: 13px;
	font-weight: 400;
}

@media screen and (max-width: 1400px) {
	.main_logo{width: 59px;height:34px;left: 20px;top: 20px}
}

@media screen and (max-width: 1200px){
	.main_title{font-size: 22px;}
	.main_utp_item{max-width: 150px;}
	.main_utp_item_normal{font-size: 12px;}
	.main_utp_item_bold{font-size: 15px;}
	.main_test_figure_item{font-size: 16px;}
	.main_test_figure_block_right .main_test_figure_item:nth-child(2n)
	{
		margin-left: -30px;
	}
	.main_test_figure_block_right .main_test_figure_item:nth-child(2n-1)
	{
		margin-left: 30px;
	}
	.main_test_figure_block_left .main_test_figure_item:nth-child(2n)
	{
		margin-right: 80px;
	}
	.main_test_figure_center
	{
		margin-left: 20px;
		max-width: 300px;
	}
	.main_test_figure_center_image
	{
		max-width: 400px;
	}
	.main_test_button
	{
		font-size: 16px;
	}
	.main_test_info h2
	{
		font-size: 25px;
	}
	.main_test_info p
	{
		font-size: 14px;
		line-height: 17px;
	}
	.main_footer_utp_item_bold
	{
		font-size: 18px;
	}
}

@media screen and (max-width: 700px){
	.container{margin: 0 20px;}
	.main_logo.main_logo_mobile{display: block;}
	.main_logo{display: none;}
	.main_header{background-color: inherit;}
	.main_title{color: #037C36;padding-top: 65px;padding-bottom: 20px;font-weight: 600;}
	.main_utp{display: none;}
	.main_test{margin-top: 5px; padding-bottom: 25px;}
	.main_test_figure{margin-top: 0px}
	.main_test_figure_block{margin-top: 0px;}
	.main_test_figure_center{margin-top: 50px;margin-left:0px;max-width: 259px}
	.main_test_figure_center_image{margin-top: 50px;margin-left:0px;max-width: 259px}
	.main_test_figure_item{font-size: 10px;position: absolute;margin: 0;}
	.main_test_figure_block_left .main_test_figure_item:nth-child(1){
		
	}
	.main_test_figure_block_left .main_test_figure_item:nth-child(2){
		margin: 35px 0 0 0;
    	left: 40px;
	}
	.main_test_figure_block_left .main_test_figure_item:nth-child(3){
		margin: 65px 0 0 0;
    	left: 20%;
	}
	.main_test_figure_block_left .main_test_figure_item:nth-child(4){
		margin: 120px 0 0 0;
    	left: 40px;
	}
	.main_test_figure_block_right .main_test_figure_item:nth-child(1){
		right: 40px;
    	margin: 0;
	}
	.main_test_figure_block_right .main_test_figure_item:nth-child(2){
		right: 39%;
    	margin: 15px 0 0 0;
	}
	.main_test_figure_block_right .main_test_figure_item:nth-child(3){
		margin: 65px 0 0 0;
    	right: 17%;
	}
	.main_test_figure_block_right .main_test_figure_item:nth-child(4){
		margin: 105px 0 0 0;
    	right: 40px;
	}
	.main_test_button{margin-top: 30px;}
	.main_test_info h2{font-size: 20px;}
	.main_footer{display: none;}
	.main_footer_utp{flex-direction: column;align-items: center;}
	.main_footer_utp_item{margin-bottom: 50px}
	.main_footer_utp{margin-bottom: 0}
}


/*Тест*/

.test_main {
	margin: 0 40px;
	padding-top: 0px;
	padding-bottom: 50px;
}
.test_logo
{
	width: 99px;
    height: 60px;
}
.test_status {
	padding-top: 10px;
	margin-bottom: 25px;
}
.container_test {
	max-width: 500px;
	margin: auto;
}
.test_status_bar {
	display: flex;
	justify-content: center;
	align-items: center;
}
.test_status_percent {
	color: #848484;
	font-size: 13px;
	margin-right: 20px;
	margin-left: -50px;
}
.test_status_line {
	position: relative;
	width: 100%;
	background-color: #D9D9D9;
	height: 8px;
	border-radius: 10px;
}
.test_status_greenline {
	position: absolute;
	left: 0;
	background-color: #1DB000;
	height: 8px;
	border-radius: 10px;
}
.test_ansewrs_item {
	transition: 0.7s;
	padding: 24px 0;
	border-bottom: 1px solid #848484;
}
.test_ansewrs_item:nth-child(5n) {
	border-bottom: none;
}
.test_ansewrs_item:hover {
	background-color: #F8F7F7;
}
.test_ansewrs_item_block {
	max-width: 500px;
	margin:auto;
}
.test_ansewrs_item_title {
	font-size: 18px;
	font-weight: 600;
}
.test_ansewrs_item_choose {
}
.test_ansewrs_item_choose_item {
	display: block;
	margin: 5px 0;
	border-radius: 8px;
	border: 1px solid #303030BD;
	padding: 6px 12px 6px 12px;
	cursor: pointer;
	transition: 0.7s;
}
.test_ansewrs_item_choose_item:hover {
	border: 1px solid #858585bd;
	
}
.test_ansewrs_item_choose input:checked+.test_ansewrs_item_choose_item
{
	border-color: #28a90f;
	background-color: #28a90f;
	color: white;
}
.test_ansewrs_item_choose input {
	display: none;
}
.test_nav {
	margin-top: 25px;
	padding-bottom: 59px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.test_nav_back {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}
.test_nav_back:hover {
	opacity: 0.8;
}
.test_nav_icon {
	max-width: 14px;
	max-height: 14px;
	margin-right: 2.5px;
}
.test_nav_icon img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.test_nav_text {
	color: #88446E;
	font-size: 20px;
}
.test_nav_forward {
	background-color: #88446E;
	color: white;
	font-size: 20px;
	font-weight: bold;
	padding: 10px;
	min-width: 200px;
	text-align: center;
	border-radius: 10px;
	cursor: pointer;
	margin-left: auto;
}
.test_nav_forward:hover {
	opacity: 0.8;
}

@media screen and (max-width: 700px) {
	.test_main {
		margin: 0 20px;
		padding-top: 30px;
	}
	.test_logo
	{
		width: 59px;
	    height: 34px;
	}
	.test_status{margin-bottom: 0}
	.test_status_percent{margin-left: 0}
	.test_status_line{height: 20px;}
	.test_status_greenline{height: 20px;}
	.test_ansewrs_item_title{font-size: 16px;}
	.test_status{padding-top: 20px;}
	.test_nav_icon{border: 2px solid #88446E; padding: 15px;border-radius: 10px;padding: 15px 20px 10px 20px;max-width: 100px;max-height: 100px;}
	.test_nav_text{display: none;}
	.test_nav{padding-bottom: 20px;}
	.test_ansewrs_item:hover {
		background-color: transparent;
	}
	.test_nav_forward{margin-left: 0;}
}


/*Результат*/

.result_title {
	font-size: 35px;
	font-weight: 600;
	line-height: 42.67px;
	text-align: center;
	color: #1DB000;
	margin-bottom: 30px;
	margin-top: 90px;
}
.result_title2 {
	font-size: 30px;
	font-weight: 600;
	line-height: 36px;
	text-align: center;
	width: 100%;
	margin-bottom: 56px;
}
.result_block {
	display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1150px;
    margin: 0 auto;
    flex-wrap: wrap;
}
.result_block_left {
	width: 100%;
    display: flex;
    justify-content: center;
}
.result_block_left img {
	max-width: 90%;
}
.result_block_right {
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.result_block_item {
	width: 48%;
}
.result_block_item_title {
	font-size: 35px;
	font-weight: 600;
	margin-bottom: 5px;
}
.result_block_item_progress {
	position: relative;
	background-color: #D9D9D9;
	width: 100%;
	height: 50px;
	border-radius: 25px;
}
.result_block_item_green {
	position: absolute;
	height: 50px;
	background-color: #037C36;
	border-radius: 25px;
}
.result_block_item_persent {
	position: absolute;
    font-size: 12px;
    font-weight: 600;
    background-color: white;
    border-radius: 50%;
    left: 5px;
    top: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 13px 9px;
    min-width: 40px;
}
.result_block_item_text {
	font-size: 14px;
	font-weight: 400;
	max-width: 85%;
    margin: 14px 0 20px 0;
}
.test_nav_middle {
	color: #848484;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
}
a.test_nav_middle
{
	text-decoration: underline;
}

.result_block.compact_result .result_block_left {
	width: 50%;
}
.result_block.compact_result .result_block_right {
	width: 50%;
}
.result_block.compact_result .result_block_item
{
	width: 100%;
}

@media screen and (max-width: 1200px) {
	.test_nav_middle{
		order: 3;
    	width: 100%;
    	margin-top: 20px;
	}
	.test_nav{flex-wrap: wrap;justify-content: center;}
	.result_block{flex-direction: column;}
	.result_block_left{
		width: 90%;
		text-align: center;
    	margin-bottom: 40px;
	}
	.result_block_right{width: 90%}
	.result_block.compact_result{flex-direction: row;}
}

@media screen and (max-width: 700px) {
	.test_nav_middle{
		font-size: 12px;
	    max-width: 80%;
	    margin: 20px auto;
	    margin-top: 16px;
	    margin-bottom: 36px;
	}
	.result_title{margin-bottom: 15px;}
	.result_title2{
		width: 60%;
    	margin-right: 10px;
    	font-size: 22px;
	}
	.result_block{
		margin: 40px auto;
		flex-direction: row;
    	justify-content: space-between;
	}
	.result_block_left{width: 35%;}
	.result_block_right{width: 100%}
	.result_block_item_title{font-size: 12px;}
	.result_block_item_green{height: 33px;min-width: 25%;}
	.result_block_item_progress{height: 33px;}
	.result_block_item_persent{
		padding: 7px 4px;
		left: 4px;
    	top: 3px;
    	font-size: 10px;
    	min-width: 26px;
	}
	.result_block_item_text{
		font-size: 12px;
    	width: 95%;
	}
	.result_block.compact_result .result_block_left{width: 35%;}
	.result_block.compact_result .result_block_right{width: 100%}
}

/* Шкала согласия */

.scalestype_uperinfo
{
	display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F8F7F7;
    padding: 15px;
}
.scalestype_uperinfo_item
{
	color: #666467;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
}
.scalestype_uperinfo_item_line
{
	margin: 0 50px;
    border-radius: 50%;
    padding: 7px;
    background-color: #efdd00;
}

@media screen and (max-width: 700px) {
	.scalestype_uperinfo{margin-top: 10px;}
	.scalestype_uperinfo_item_line{margin: 0 10px;}
	.scalestype_uperinfo_item{font-size: 11px;}
}

.test_ansewrs_item_block_scalestype
{
	max-width: 500px;
	margin:auto;
	display: flex;
    flex-direction: column;
    align-items: center;
}
.test_ansewrs_item_block_scalestype .test_ansewrs_item_title
{
	text-align: center;
}
.test_ansewrs_item_choose_scalestype
{
	display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 20px;
}
.test_ansewrs_item_choose_scalestype input
{
	display: none;
}
.test_ansewrs_item_choose_item_scalestype
{
	display: block;
    margin: 0px 6px 0px;
    border-radius: 50%;
    border: 3px solid #303030BD;
    padding: 10px;
    cursor: pointer;
    transition: 0.7s;
}
.test_ansewrs_item_choose_item_scalestype.item_scalestype_1, .test_ansewrs_item_choose_item_scalestype.item_scalestype_5
{
	padding: 14px;
}
.test_ansewrs_item_choose_item_scalestype.item_scalestype_2, .test_ansewrs_item_choose_item_scalestype.item_scalestype_4 
{
	padding: 12px;
}

.test_ansewrs_item_choose_item_scalestype:hover {
	border: 3px solid #1DB000;
	
}
.test_ansewrs_item_choose_scalestype input:checked+.test_ansewrs_item_choose_item_scalestype
{
	border-color: #1DB000;
	background-color: #1DB000;
	color: white;
}

.scalestype_choose_info
{
	color: #666467;
    font-weight: 500;
    font-size: 11px;
    text-transform: uppercase;
    margin: 0 10px;
}

@media screen and (max-width: 700px) {
	.test_ansewrs_item_choose_item_scalestype{padding: 6px;}
	.scalestype_choose_info{font-size: 8px;}

	.test_ansewrs_item_choose_item_scalestype.item_scalestype_1, .test_ansewrs_item_choose_item_scalestype.item_scalestype_5
	{
		padding: 10px;
	}
.test_ansewrs_item_choose_item_scalestype.item_scalestype_2, .test_ansewrs_item_choose_item_scalestype.item_scalestype_4 
	{
		padding: 8px;
	}
}
/* End */
/* /local/templates/hg/css/style.css?176096890717881 */