@font-face { 
	font-family: 'wixmadefor'; 
	src: url('fonts/WixMadeforDisplay-Regular.ttf') format('truetype');
	font-weight: normal;
}
@font-face { 
	font-family: 'wixmadefor'; 
	src: url('fonts/WixMadeforDisplay-SemiBold.ttf') format('truetype');
	font-weight: 600;
}
@font-face { 
	font-family: 'wixmadefor'; 
	src: url('fonts/WixMadeforDisplay-Bold.ttf') format('truetype');
	font-weight: 700;
}
@font-face { 
	font-family: 'wixmadefor'; 
	src: url('fonts/WixMadeforDisplay-ExtraBold.ttf') format('truetype');
	font-weight: 800;
}
:root{
	--c-green: #b1ec52;
	--c-yellow: #ecbe52;
	--c-grey: #dbdfe0;
	--c-white: #fff;
	--c-black: #4d5759;
	--c-black50: #4d575980;
}
* {margin:0; padding:0; box-sizing:border-box;}
html{height: 100%;margin:0; padding:0;}
body {font-size:40px; line-height:1.3; font-family:'wixmadefor',tahoma,sans-serif; font-weight:normal; color:var(--c-black);}
a:hover, a:focus{text-decoration:none;}
a {color:var(--c-white);text-decoration:none;}
ol, ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
img {border:0;}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.bt{
	width: calc(50% - 8px);
	display: flex;
	background: var(--c-black);
	color:var(--c-white);
	border-radius: 44px;
	padding: 24px;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.5px;
}
.bt:active{
	background: var(--c-green);
}
.bt.green{
	background: var(--c-green);
	color: var(--c-black);
}
.bt.green:active{
	background: var(--c-green);
}
.bt_grey{
	display: flex;
	justify-content: center;
  	align-items: center;
	padding: 4px 24px;
	background: var(--c-black50);
	font-size: 24px;
	line-height: 1;
	border-radius: 24px;
	font-weight: 700;
	height: 70px;
}
.bt_grey.bt_ico{
	vertical-align: middle;
}
.bt_grey.bt_ico img{
	margin-right: 8px;
	height: 24px;
	vertical-align: middle;
}
.bt_smgrey{
	display: inline-block;
	padding: 8px 20px;
	background: var(--c-black50);
	font-size: 20px;
	line-height: 1;
	border-radius: 12px;
	font-weight: 700;
}
.bt_smgrey.bt_ico{
	vertical-align: middle;
}
.bt_smgrey.bt_ico img{
	margin-right: 3px;
	height: 20px;
	vertical-align: middle;
}

h1{
	font-size: 46px;
	margin: 0;
	font-weight: 700;
	line-height: 54px;
}
h2{
	font-size: 40px;
	margin: 0;
	font-weight: 700;
}
h3{
	font-size: 32px;
	margin: 0;
	font-weight: 600;
}
.txt_s{
	font-size: 24px;
}

.site_wrap{
	width: 860px;
	height: 1225px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.page{
	padding: 32px 24px 0;
	width: 100%;
	position: relative;
}
.header{
	margin-bottom: 32px;
	display: flex;
	justify-content: space-between;
}
.logo{
	height: 70px;
}
.logo img{
	height: 100%;
}
.header_right{
	display: flex;
	align-items: center;
}
.header_right .bt{
	width: unset;
	height: 70px;
	padding: 0 24px;
	font-size: 24px;
}

.main_block{
	height: 768px;
	border-radius: 56px;
	position: relative;
	margin-bottom: 44px;
	overflow: hidden;
}
.main_block video{
	margin-left: 50%;
	transform: translateX(-50%);
}
.main_block_imgtxt{
	position: absolute;
	top: 40px;
	right: 10px;
	z-index: 2;
}
.main_block_imgtxt img{
	height: 240px;
}

.bt_list{
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}
.page_main .bt_list{
	gap: unset;
	justify-content: space-between;
}
.bt_chatbot{
	margin-bottom: 16px;
}
.bt_chatbot .bt{
	width: 100%;
}

.scroll_block{
	height: 285px;
	overflow-y: auto;
	scrollbar-width: thin;
}

.rezidenty_list{
	display: flex;
	justify-content: space-between;
	align-content: flex-start;
	flex-wrap: wrap;
	height: 1080px;
	overflow-y: auto;
	scrollbar-width: none;
}
.rez_item{
	width: calc(50% - 6px);
	display: flex;
	flex-direction: column;
	background: var(--c-black);
	color:var(--c-white);
	border-radius: 44px;
	padding: 0 40px;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-weight: 700;
	height: 210px;
	margin-bottom: 24px;
}
.rez_item h2{
	word-wrap: anywhere;
	letter-spacing: 0.8px;
}
.rez_item p.txt_s{
	opacity: 0.6;
	font-weight: normal;
}
.rezidenty_detail_title{
	margin-bottom: 24px;
	display: flex;
	justify-content: space-between;
}
.rezidenty_detail_title .rez_item{
	width: 580px;
	margin-bottom: 0;
}
.rezidenty_detail_qr{
	height: 210px;
}
.rezidenty_detail_qr img{
	height: 100%;
}
.rezidenty_detail_text{
	height: 830px;
	overflow-y: auto;
	scrollbar-width: none;
}
.rezidenty_detail_text p{
	font-size: 24px;
	margin-bottom: 16px;
}
.viktorina_temy_title{
	height: 204px;
	background: #E1E4E5;
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 24px;
	border-radius: 28px;
}
.viktorina_temy_item{
	height: 285px;
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-weight: 700;
	font-size: 40px;
	background: var(--c-black);
	border-radius: 44px;
}
.temy_item_bt_hd{
	color: var(--c-white);
}
.temy_item_bt_descr{
	color: var(--c-white);
	opacity: 0.6;
}
.vikt_quests_item{
	display: none;
}
.vikt_quests_item.active{
	display: block;
}
.vik_item_screen{
	display: none;
	height: 740px;
}
.vik_item_screen.active{
	display: block;
}
.vik_item_quest{
	position: relative;
	background: #E1E4E5;
	border-radius: 24px;
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 24px;
	height: 610px;
	margin-bottom: 20px;
}
.vik_item_quest h1{
	font-size: 40px;
  	line-height: 48px;
}
.vik_item_quest.active{
	justify-content: flex-start;
}
.vik_item_quest.active h1{
	margin-bottom: 32px;
}
.vik_item_top{
	margin-bottom: 30px;
}
.vik_item_quest_bot{
	position: absolute;
	bottom: 24px;
	width: 100%;
	padding: 0 24px;
	display: flex;
	justify-content: space-between;
}
.vik_item_progress{
	margin-bottom: 30px;
}
.item_progress_hd{
	margin-bottom: 12px;
	display: flex;
	justify-content: space-between;
}
.item_progress_left{
	font-size: 40px;
	font-weight: 700;
}
.item_progress_right{
	display: flex;
  	align-items: center;
}
.item_progress_right span{
	font-size: 40px;
	font-weight: 700;
}
.item_progress_right img{
	height: 40px;
	margin-left: 8px;
}
.item_progress_line{
	position: relative;
	height: 40px;
	border-radius: 20px;
	background: #E1E4E580;
	overflow: hidden;
}
.item_progress_linefill{
	position: absolute;
	height: 40px;
	background: var(--c-green);
}
.hide_num, .hide_answer{
	display: none;
}
.hide_answer.active{
	display: block;
	text-align: center;
	font-size: 34px;
	line-height: 1.1;
}
.vik_item_video{
	display: none;
	border-radius: 56px;
	overflow: hidden;
	height: 740px;
	position: relative;
}
.vik_item_video video{
	height: 100%;
	margin-left: 50%;
	transform: translateX(-50%);
}
.vik_item_video.active{
	display: block;
}
.vik_item_video .bt_grey{
	position: absolute;
	right: 24px;
	bottom: 24px;
}
.vik_item_bt .bt_grey{
	width: 100%;
	margin-bottom: 12px;
	background: var(--c-black);
	text-align: center;
	border-radius: 44px;
}
.vik_item_bt .bt_grey.not_correct{
	background: var(--c-black50);
}
.vik_item_bt .bt_grey.correct{
	background: var(--c-green);
}
.vik_final{
	display: none;
}
.vik_final.active{
	display: block;
}
.vik_final_video{
	height: 768px;
	margin-bottom: 20px;
	border-radius: 56px;
	overflow: hidden;
}
.vik_final_video video{
	margin-left: 50%;
	transform: translateX(-50%);
	height: 100%;
}
.vik_final_res{
	margin-bottom: 20px;
	height: 190px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #E1E4E5;
	border-radius: 28px;
}
.vik_final_res p{
	font-size: 34px;
}
.vik_final_bt a.bt_grey{
	width: 100%;
	background: var(--c-black);
	border-radius: 44px;
	text-align: center;
}
.chat_main{
	height: 975px;
}
.chat_main_in{
	height: 100%;
	position: relative;
	overflow: auto;
	scrollbar-width: none;
}
.chat_main_wrap{
	text-align: center;
	padding-top: 140px;
	height: 780px;
	margin-bottom: 8px;
}
.chat_main_wrap img{
	height: 300px;
	margin-bottom: 12px;
}
.chat_main_wrap p{
	font-size: 34px;
	color: #DBDFE0;
}
.type_list{
	display: flex;
	overflow: auto;
	scrollbar-width: none;
}
.bt_type_list{
	display: flex;
	height: 150px;
	width: 336px;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-right: 12px;
	border-radius: 36px;
	background: #E1E4E5;
	font-size: 32px;
	color: var(--c-black);
	text-align: center;
}
.chat_micblock{
	text-align: center;
}
.bt_mic{
	display: inline-block;
	width: 100px;
	height: 100px;
	background: url('/img/ico_mic.svg')no-repeat center center;
	border-radius: 50%;
}
.bt_mic.active{
	background: url('/img/ico_mic1.svg')no-repeat center center #B1EC52;
  	animation: chg-mic 1s ease infinite;

}
@keyframes chg-mic {
	0%{
		background: url('/img/ico_mic1.svg')no-repeat center center #B1EC52;
      }
	7%{
		background: url('/img/ico_mic2.svg')no-repeat center center #B1EC52;
      }
	19%{
		background: url('/img/ico_mic3.svg')no-repeat center center #B1EC52;
      }
	32%{
		background: url('/img/ico_mic4.svg')no-repeat center center #B1EC52;
	}
	44%{
		background: url('/img/ico_mic5.svg')no-repeat center center #B1EC52;
	}
	57%{
		background: url('/img/ico_mic2.svg')no-repeat center center #B1EC52;
	}
	70%{
		background: url('/img/ico_mic3.svg')no-repeat center center #B1EC52;
	}
	83%{
		background: url('/img/ico_mic4.svg')no-repeat center center #B1EC52;
    }
	95%{
		background: url('/img/ico_mic1.svg')no-repeat center center #B1EC52;
    }
}
.chat_window{
	display: none;
	height: 100%;
	overflow: auto;
	scrollbar-width: none;
	flex-direction: column;
}
.chat_window.active{
	display: flex;
}
.chat_window .chvideo{
	display: none;
}
.chat_window .chvideo.active{
	display: block;
}
.chvideo{
	position: relative;
	height: 768px;
	border-radius: 56px;
	overflow: hidden;
}
.chvideo video{
	height: 100%;
	margin-left: 50%;
	transform: translateX(-50%);
}
.chvideo .bt_grey{
	position: absolute;
  	bottom: 24px;
  	right: 24px;
}
.chat_send_block{
	display: none;
	width: 100%;
}
.chat_window.active .chat_send_block{
	display: block;
}
.chat_window.active .chat_send_block.ch_hide{
	display: none;
}
.chat_send_text{
	width: 568px;
	background: var(--c-black);
	color: #fff;
	padding: 12px 20px;
	font-size: 24px;
	border-top-left-radius: 24px;
	border-top-right-radius: 24px;
	border-bottom-right-radius: 24px;
	margin-bottom: 4px;
}
.chat_send_bt{
	margin-bottom: 4px;
}
.chat_send_qr{
	height: 200px;
}
.chat_send_qr img{
	height: 100%;
}
.chat_send_right{
	text-align: right;
}
.chat_send_user{
	display: inline-block;
	margin: 20px 0;
	padding: 12px 20px;
	font-size: 24px;
	border-top-left-radius: 24px;
	border-top-right-radius: 24px;
	border-bottom-left-radius: 24px;
	border: 1px solid var(--c-black);
}
.chat_hide_blcok{
	display: none;
}


.tablebodytext{
	display: none;
}