/*
@import url("../fonts/Inter/style.css");
*/

html,
body{
	width:100%;
	height:100%;
	font-family: 'Inter';
	font-style: normal;
	font-size: 10px;
	line-height:10px;
	color: rgba(0, 0, 0, 1);
}
body{
	background-color:#ffffff;
}
.footer{
	padding:0;
	border:0;
	display:flex;
	align-items:center;
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height:100%;
	text-align: left;
	background-color:transparent;
}

.form-control:hover,
.form-control:active,
.form-control:focus,
.form-control,
button:hover,
button:active,
button:focus,
button,
input:focus,
input:active,
input:hover,
input{
	border-radius:0;
	border:none;
	background-color:transparent;
	outline:none;
	padding:0;
	margin:0;
	box-shadow:none;
}

a:active,
a:focus,
a:hover,
a{
	text-decoration:none;
	color: rgba(40, 100, 184, 1);
}
a:active,
a:focus,
a:hover{
	text-decoration:underline;
}

header,
.wrap,
a,
ul,
li,
p{
	margin:0;
	padding:0;
}
li{
	list-style:none;
}
.btn:hover,
.btn:active:focus,
.btn:active.focus,
.btn.active.focus,
.btn:active,
.btn:focus,
.btn{
	display: inline-flex;
	width: auto;
	height:64px;
	padding: 0px 24px;
	justify-content: center;
	align-items: center;
	border: 1px solid rgba(233, 242, 255, 1);
	border-radius: 16px;
	background-color: rgba(40, 100, 184, 1);
	text-align: center;
	color: rgba(255, 255, 255, 1);
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.9rem;
	letter-spacing: 0;
	text-align: left;
	outline:none;
	/* position:absolute; */
	top:0;
	left:0;
/*
	transition:transform .1s ease-out;
*/
}
.btn:hover{
	background-color: rgba(72, 134, 222, 1);
	border: 1px solid rgba(72, 134, 222, 1);
}
.btn:active:focus,
.btn:active.focus,
.btn.active.focus,
.btn:active,
.btn:focus{
	background-color: rgba(32, 79, 144, 1);
	border: 1px solid rgba(32, 79, 144, 1);
}

.container{
	padding:0px;
}
.container::before,
.container::after{
	display:none;
}



.wrap{
/*
	padding-top:72px;
*/
}

header{
	display:block;
	width:100%;
/*
	position:fixed;
*/
	height:72px;
	background-color:transparent;
}
header.header_scroll{
}

header .container{
	height:100%;
}
.menu{
	display:flex;
	align-items:center;
	justify-content:start;
	width:100%;
	height:100%;
	gap:12px;
}
.menu > li{
	display:inline-flex;
	width:auto;
	height:100%;
}
.menu > li > a{
	display:flex;
	align-items:center;
	justify-content:center;
	width:auto;
	height:100%;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.9rem;
	letter-spacing: 0;
}


.site_index{
	display:block;
	width:100%;
	height:100%;
	padding:0 40px;
	padding-bottom:250px;
}

.site_index_main{
	display:block;
	width:100%;
	height:auto;
	border-radius: 48px;
	padding:66px 48px;
	background-color: rgba(233, 242, 255, 1);
	background-image:url(/images/main_cross.svg);
	background-repeat:no-repeat;
	background-position:center right -500px;
	background-size:auto 100%;
}
.site_index_main > .container > div{
	max-width:685px;
}
.site_index_main_text{
	display:block;
	width:100%;
	height:auto;
	text-align:left;
}
.site_index_main_text > div{
	display:block;
	width:100%;
	height:auto;
}
.site_index_main_text_num{
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.9rem;
	letter-spacing: 0;
}
.site_index_main_text_title{
	font-size: 4.8rem;
	font-weight: 600;
	line-height: 5.8rem;
	letter-spacing: 0;
	margin:8px 0 32px;
}
.site_index_main_text_description{
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2.4rem;
	letter-spacing: 0;
}

.site_index_main_auth{
	display:flex;
	align-items:center;
	justify-content:start;
	width:100%;
	height:auto;
	gap:40px;
	margin-top:80px;
}
.site_index_main_auth_desc{
	display:inline-flex;
	align-items:center;
	justify-content:start;
	width:auto;
	height:100%;
	gap:7px;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.9rem;
	letter-spacing: 0;
}
.site_index_main_auth_desc:after{
	content:'';
	display:inline-block;
	width:83px;
	height:13px;
	background-image:url(/images/gosuslugi.svg);
	background-repeat:no-repeat;
	background-position:center left;
	background-size:contain;
	margin-top:5.5px;
}


.site_index_main_auth_exit{
	display:flex;
	align-items:center;
	justify-content:start;
	width:auto;
	height:auto;
	gap:16px;
	padding: 8px 32px 8px 8px;
	border-radius: 60px;
	background-color: rgba(205, 224, 250, 1);
}
.site_index_main_auth_exit_logo{
	display:inline-block;
	width: 56px;
	height: 56px;
	background-image:url(/images/gosuslugi_exit.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto;
}
.site_index_main_auth_exit_info{
	display:inline-flex;
	flex-direction:column;
	gap:4px;
}
.site_index_main_auth_exit_info_name{
	display:block;
	width:auto;
	height:auto;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.9rem;
	letter-spacing: 0;
	text-align:left;
}
.site_index_main_auth_exit_info a{
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.6rem;
	letter-spacing: 0;
}






.site_index_medik{
	display:block;
	width:100%;
	height:auto;
	margin-top:80px;
}
.site_index_medik_title{
	display:block;
	width:100%;
	font-size: 4.8rem;
	font-weight: 600;
	line-height: 5.8rem;
	letter-spacing: 0;
	text-align: left;
}
.site_index_medik_subtitle{
	display:block;
	width:100%;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2.4rem;
	letter-spacing: 0;
	text-align: left;
	margin-top:19px;
}
.site_index_medik_subtitle.success{
	color: rgba(40, 184, 138, 1);
}

.site_index_medik_list{
	display:grid;
	grid-template-columns:auto auto auto auto;
	gap:24px;
	width:100%;
	height:auto;
	margin-top:37px;
}

.site_index_medik_item{
	display:inline-flex;
	flex-direction:column;
	border-radius: 32px;
	background-color: rgba(233, 242, 255, 1);
	cursor:pointer;
	position:relative;
}
.site_index_medik_item:hover{
	background-color: rgba(206, 223, 248, 1);
}
.site_index_medik_item.selected{
	outline: 8px solid rgba(40, 100, 184, 1);
	background-color: rgba(233, 242, 255, 1);
}
.site_index_medik_item.voted:hover,
.site_index_medik_item.voted.selected:hover,
.site_index_medik_item.voted.selected,
.site_index_medik_item.voted{
	outline: 8px solid rgba(40, 184, 138, 1);
	background-color: rgba(40, 184, 138, 1);
}
.site_index_medik_item:before{
	content:'';
	display:none;
	width: 36px;
	height: 36px;
	background-color: rgba(40, 184, 138, 1);
	background-image:url(/images/item_voted.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto;
	border-radius:18px;
	position:absolute;
	top:16px;
	left:16px;
}
.site_index_medik_item.voted:before{
	display:block;
}

.site_index_medik_item_foto{
	display:block;
	width:100%;
	height:257px;
	background-repeat:no-repeat;
	background-position: top center;
	background-size:cover;
	border-radius: 32px 32px 0 0;
	flex:none;
}
.site_index_medik_item_data{
	display:flex;
	flex-direction:column;
	gap:4px;
	width:100%;
	height:100%;
	padding:24px;
}
.site_index_medik_item_data > div{
	display:block;
	width:100%;
	height:auto;
}
.site_index_medik_item_data_fio{
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 2.2rem;
	letter-spacing: 0;
	text-align: left;
}
.site_index_medik_item_data_about{
	color: rgba(0, 0, 0, 0.8);
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.6rem;
	letter-spacing: 0;
	text-align: left;
	margin-bottom:28px;
}
.site_index_medik_item_data_rating{
	margin-top:auto;
}
.site_index_medik_item_data_rating_place{
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.6rem;
	letter-spacing: 0;
	text-align: right;
}



.site_index_form{
	display:none;
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	height:100px;
	background-color: rgba(40, 100, 184, 1);
}
.site_index_form.selected{
	display:block;
}
.site_index_form > .container{
	display:flex;
	align-items:center;
	height:100%;
}
.site_index_form_selected_info{
	display:inline-flex;
	align-items:center;
	justify-content:start;
	gap:14px;
}
.site_index_form_selected_info > img{
	display:inline-block;
	width: 64px;
	height: 64px;
	border-radius: 32px;
	object-fit:cover;
}
.site_index_form_selected_info_data{
	display:flex;
	align-items:start;
	flex-direction:column;
	max-width:210px;
	text-align:left;
	gap:3px;
}
.site_index_form_selected_info_data_text{
	display:block;
	color: rgba(255, 255, 255, 0.48);
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.6rem;
	letter-spacing: 0;
	text-align: left;
}
.site_index_form_selected_info_data_fio{
	display:block;
	color: rgba(255, 255, 255, 1);
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.9rem;
	letter-spacing: 0;
	text-align: left;
}
.site_index_form > .container > form{
	margin-left:auto;
}
.help-block,
.form-group{
	margin:0px;
}


.site_index_form_btn_submit > button.waiting span{
	opacity:0;
}
.site_index_form_btn_submit > button.waiting.btn:active,
.site_index_form_btn_submit > button.waiting.btn:focus{
	border: 1px solid rgba(233, 242, 255, 1);
	background-color: rgba(40, 100, 184, 1);
}
.site_index_form_btn_submit > button.waiting:before{
	content:'';
	width:28px;
	height:28px;
	background-image:url(/images/Spinner.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto;
	position:absolute;
}

.site_index_form_success{
	display:none;
	width:auto;
	height:auto;
	color: rgba(255, 255, 255, 1);
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 2.2rem;
	letter-spacing: 0;
	text-align: right;
	margin-left:auto;
}

.site_index_form.success{
	background-color: rgba(18, 175, 125, 1);
}
.site_index_form.success #site_index_form_vote{
	display:none;
}
.site_index_form.success .site_index_form_success{
	display:inline-block;
}



.btn_up{
	display:none;
	width:48px;
	height:48px;
	background-image:url(/images/up-normal.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	position:fixed;
	right:24px;
	bottom:124px;
	cursor:pointer;
}
.btn_up:hover{
	background-image:url(/images/up-hovered.svg);
}
.btn_up:active,
.btn_up:focus{
	background-image:url(/images/up-clicked.svg);
}