/*
Theme Name: qdi-chat
Theme URI: https://cozy-vibes.ru
Author: Quince Digital
*/

:root {
	color-scheme: only light;
	--red:#F1492D;
	--black:#282828;
	--gray:#EFEFEF;
	--gray-text:#B0B4B7;
}

html,body{
	margin:0px;
	padding:0px;
}

html{
	background:#fff;
}

body{
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;
	color:var(--black);
	font-size:14px;
	line-height:1.2;
}

@media (prefers-color-scheme: dark){
	
	body{
		background-color: white;
		color:var(--black);
	}
}


a{
	color:var(--red);
	text-decoration:underline;
}

a:hover{
	color:var(--red);
	text-decoration:none;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="phone"],
input[type="number"],
input[type="date"],
textarea{
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-size:14px;
	background:#fff;
	border:1px solid #bbb;
	box-shadow:none;
	outline:none;
	border-radius:10px;
	box-sizing:border-box;	
	height:60px;
	min-width:0px;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="phone"],
input[type="number"],
input[type="date"]{
	padding:0px 10px;
}

textarea{
	padding:10px;
}

input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
input[type="phone"]::placeholder,
input[type="number"]::placeholder,
input[type="date"]::placeholder,
textarea::placeholder{
	color:#D9D9D9;
}

button,
input[type="submit"]{
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
}

svg{
	vertical-align:top;
}

img{
	vertical-align:top;
	max-width:100%;
}

.btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:20px;
	padding:0px 21px;
	height:78px;
	border-radius:10px;
	background:#000;
	color:#fff;
	text-decoration:none;
	border:none;
	outline:none;
	box-shadow:none;
	cursor:pointer;
	font-size:20px;
	font-weight:500;
	box-sizing:border-box;
	text-transform:uppercase;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
}

.btn .btn_icon{
	font-size:0px;
	line-height:1;
}

.btn:hover{
	background:var(--red);
	color:#fff;
	text-decoration:none;
}

.btn:hover .btn_icon svg path{
	fill:#fff;
}

.btn.btn_red{
	background:var(--red);
	color:#fff;
	text-decoration:none;
}

.btn.btn_red .btn_icon svg path{
	fill:#fff;
}

.btn.btn_red:hover{
	background:var(--black);
	color:#fff;
	text-decoration:none;
}


.link_simple{
	display:inline-flex;
	align-items:center;
	gap:10px;
	cursor:pointer;
	text-decoration:none;
}

.link_simple .link_simple_icon{
	font-size:0px;
	line-height:1;	
}

.link_simple:hover{
	color:var(--red);
}

.link_simple:hover .link_simple_icon svg path{
	fill:var(--red);
}

#page_register{
	display:grid;
	grid-template-columns:1fr 1fr;
	min-height:100vh;
}

#page_register .left{
	padding-top:48px;
	padding-right:34px;
	display:flex;
	justify-content:flex-end;
	
	
}

#page_register .left .in{
	display:flex;
	flex-direction:column;
	align-items: flex-start;
}

#page_register .left .head{
	font-size:13px;
	font-weight:300;
	margin-bottom:55px;
}

#page_register .left .head a{
	color:#282828;
}

#page_register .left .head a:hover{
	color:var(--red);
}

#page_register .left .body{
	padding-left:20px;
	padding-right: 43px;
	margin-top:auto;
}

#page_register .left .caption{
	font-size: 78.86px;
	line-height: 85%;
	letter-spacing: -4%;
	margin-bottom:18px;	
	font-weight:500;
}

#page_register .left .sub{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:33px;
	margin-bottom:30px;
}

#page_register .left .sub .chat{
	padding:0px 44px;
	height:76px;
	background:#2F2F2F;
	color:#fff;
	display:flex;
	align-items:center;
	font-size:38px;
	font-weight:600;
	border-radius:10px;
	white-space: nowrap;
}

#page_register .left .sub .note{
	color:#858585;
}

#page_register .left .pic{
	position:relative;
	margin-right:-130px;
	text-align:right;
	margin-top:5%;
	height:55%;	
	display:flex;
	align-items:flex-end;
}

#page_register .left .pic img{
	 max-width:auto;
	 /*height:100%;*/
	 box-shadow: -50px 72px 74.3px 0px #00000080;
}

#page_register .right{
	display:flex;
	align-items:center;
	justify-content:center;
	background:url(images/page_header_right_bg2.png) left 0px bottom 0px no-repeat;
	background-size:cover;
	position:relative;
	z-index:100;
	border-radius:20px 0px 0px 20px;
}

#page_register .right .in{
	max-width:710px;
	padding:18px 38px 18px 38px;
	box-sizing:border-box;
	margin:0px auto;
}

#page_register .right .header{
	display:flex;
	gap:15px;
	justify-content:flex-end;
	align-items:center;
	margin-bottom:38px;
	font-size:14px;
}

#page_register .right .caption{
	text-align:center;
	margin-bottom:21px;
	font-size: 48px;
	line-height: 85%;
	letter-spacing: -4%;
	color:var(--red);
}

#page_register .right .sub{
	text-align:center;
	line-height:1.1;
	letter-spacing: -4%;
	font-size:34px;
	margin-bottom:27px;
}

#page_register .right .sub.error{
	color:var(--red);
}

#page_register .right form{
	
	margin:0px auto 50px auto;
	max-width:370px;
}

#page_register .right form .errors{
	margin:0px 0px 20px 0px;
	padding:0px;
	list-style:none;
	color:var(--red);
}

#page_register .right form label{
	display:block;
	margin-bottom:8px;
}

#page_register .right form label span.l{
	display:block;
	letter-spacing: -4%;
	font-size:16px;
	margin-bottom:8px;
	color:#fff;
}

#page_register .right form label input[type="text"],
#page_register .right form label input[type="tel"],
#page_register .right form label input[type="date"],
#page_register .right form label input[type="password"],
#page_register .right form label textarea{
	width:100%;
	border:0px;
}

#page_register .right form div.form-link{
	font-size:13px;
	font-weight:300;
	margin-bottom:21px;
}

#page_register .right form div.form-link a{
	color:#000;
	text-decoration:underline;
}

#page_register .right form div.form-link a:hover{
	color:var(--red);
	text-decoration:underline;
}

#page_register .right form div.send{
	margin-bottom:15px;
}

#page_register .right form div.send button.btn{
	width:100%;
	justify-content:space-between;
}

#page_register .right form div.note{
	text-align:center;
	font-size:13px;
	line-height:1.12;
}

#page_register .right form div.note a{
	color:#000;
}

#page_register .mobile{
	display:none;
}

#page_register .right .pic{
	text-align:center;
	padding-top:44px;
	margin-top:auto;
}

#page_register .right .pic img{
	/*box-shadow: -50px 72px 74.3px 0px #00000080;*/
}
 
.benter_block,
#block_auth_login{
	text-align:center;
}
/*
.benter_block .bnote,
#block_auth_login .bnote{
	
	color:#7A7A7A;
	font-size:16px;
	letter-spacing: -4%;
	line-height:1.1;
	margin-bottom:22px;
	

}
*/
.benter_block .bnote,
#block_auth_login .bnote{
	text-align:center;
	margin-bottom:21px;
	font-size: 48px;
	line-height: 85%;
	letter-spacing: -4%;
	color:var(--black);	
}

.benter_block .blink,
#block_auth_login .blink{
	font-size:24px;
	letter-spacing: -4%;	
	line-height:1.1;
}
/*
.benter_block .blink a{
	color:#000;
}
*/
.benter_block .blink a.btn,
#block_auth_login .blink a.btn{
	width:100%;
	max-width:370px;
	justify-content:space-between;
}

.benter_block .blink a:hover{
	color:var(--red);
}

.benter_block{
	display:none;
}

#page_register .left .benter_block{
	display:none;
	gap:13px;
	align-items:center;
	margin-bottom:17px;
	flex-direction:column;
	justify-content:center;
}

#page_register .left .benter_block .bnote{
	margin-bottom:0px;
}


/******/

#qdi_chat{
	display:flex;
	padding:20px 40px;
	box-sizing:border-box;
	min-height: 100vh;
	min-height:100dvh;
	background:#EFEFEF;
	gap:20px;
}

#qdi_chat_aside{
	flex-shrink:0;
	width:95px;
	background:#282828;
	border-radius:0px 20px 20px 0px;
	color:#B0B4B7;
	padding:20px 8px;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	gap:15px;
	justify-content:space-between;
}

#qdi_chat_aside a{
	color:#B0B4B7;
	text-decoration:none;
}

#qdi_chat_aside .av{
	display:block;
	background:#B0B4B7;
	padding:4px 4px 8px 4px;
	border-radius:10px;
	text-align:center;
}

#qdi_chat_aside .av .pic{
	margin-bottom:7px;
}

#qdi_chat_aside .av .name{
	color:#282828;
	font-size:12px;
	font-weight:300;
}

#qdi_chat_aside .av .name a{
	color:#282828;
	text-decoration:none;
}

#qdi_chat_aside .list{
	display:flex;
	flex-direction:column;
	gap:15px;	
	font-size:12px;
	font-weight:300;
	align-items:center;
}




#qdi_chat_aside .list .line{
	height:1px;
	background:#B0B4B7;
	width:100%;
}

#qdi_chat_aside .list .item{
	display:flex;
	flex-direction:column;	
	gap:8px;
	align-items:center;
	text-align:center;
	text-decoration:none;
	gap:10px;
}

#qdi_chat_aside .list .item .pic{
	position:relative;
}

#qdi_chat_aside .list .item .pic span.unmark{
	position:absolute;
	right:-13px;
	top:0px;
	width:22px;
	height:22px;
	display:flex;
	justify-content:center;	
	align-items:center;
	color:#fff;
	background:var(--red);
	border-radius:50%;
}

#qdi_chat_aside .aside_note{
	font-size:10px;
	font-weight:300;
	line-height:1.12;
	text-align:center;
	margin-top:auto;
}

#qdi_chat_aside .mobile{
	display:none;
}

#qdi_chat_aside audio{
	position:absolute;
	visibility:hidden;
	left:-9999px;
}


#qdi_chat_list{
	width:440px;
	background:#FFF;
	border-radius:20px;
	padding:13px 6px 27px 20px;
	box-sizing:border-box;
	flex-shrink:0;
}

#qdi_chat_list .in{
	padding-right:14px;
	overflow-y:aut;
}

#qdi_chat_list .qdi_chat_form_block{
	display:flex;
	align-items:center;
	gap:20px;
	margin-bottom:20px;
}


#qdi_chat_list .qdi_chat_form_block .caption{
	background:url(images/chat_list_h_bg.svg) left center no-repeat;
	min-width:45px;
	height:45px;
	display:flex;
	flex-shrink:0;
	justify-content:center;	
	align-items:center;
	font-size:14px;
	font-weight:500;
	text-transform:uppercase;
}
/*
#qdi_chat_list .qdi_chat_form_block form{
	flex-grow:1;
	padding-right:22px;
	position:relative;
}

#qdi_chat_list .qdi_chat_form_block form input[type="text"]{
	width:100%;
	height:45px;
	padding:0px 20px;
	font-size:14px;
	border:1px solid #EFEFEF;
	border-radius:20px 0px 0px 20px;
}

#qdi_chat_list .qdi_chat_form_block form button{
	width:45px;
	height:45px;
	border-radius:20px;
	background:var(--red);
	color:#fff;
	text-decoration:none;
	border:none;
	outline:none;
	box-shadow:none;
	cursor:pointer;	
	position:absolute;
	right:0px;
	top:0px;
}
*/

.qdi_search{
	flex-grow:1;
	padding-right:22px;
	position:relative;
}

.qdi_search input[type="text"]{
	width:100%;
	height:45px;
	padding:0px 20px;
	font-size:14px;
	border:1px solid #EFEFEF;
	border-radius:20px 0px 0px 20px;
}

.qdi_search button{
	width:45px;
	height:45px;
	border-radius:20px;
	background:var(--red);
	color:#fff;
	text-decoration:none;
	border:none;
	outline:none;
	box-shadow:none;
	cursor:pointer;	
	position:absolute;
	right:0px;
	top:0px;
}


#qdi_chat_list .line{
	height:1px;
	background:#EFEFEF;
	margin:9px 0px;
}


#qdi_chat_list .item{
	display:flex;
	padding:8px 4px;
	gap:20px;
	color:#000;
	text-decoration:none;
	border-radius:5px;
	position:relative;
}

#qdi_chat_list .item:hover{
	background:#EFEFEF;
}



#qdi_chat_list .item .av{
	flex-shrink:0;
	width:46px;
	height:46px;
	border-radius:50%;
	background-color:var(--red);
	background-size:cover;
	background-position:center center;
}

#qdi_chat_list.channel .item .av{
	border-radius:10px;
}

#qdi_chat_list .item .body{
	flex-grow:1;
	width:calc( 100% - 66px );
}

#qdi_chat_list .item .head{
	display:flex;
	gap:10px;
	justify-content:space-between;
	align-items:center;
	margin-bottom:9px;
}

#qdi_chat_list .item .head .name{
	font-size:16px;
	font-weight:500;	
}

#qdi_chat_list .item .head .date{
	font-size:12px;
	font-weight:300;	
	color:#B0B4B7;
}

#qdi_chat_list .item .foot{
	display:block;
	gap:7px;
	align-items:center;
	font-size:12px;
	padding-right:40px;
	position:relative;
}

#qdi_chat_list .item .foot .author{
	font-weight:500;
	white-space:nowrap;
	margin-bottom:3px;
}

#qdi_chat_list .item .foot .message{
	color:#B0B4B7;
	/*white-space:nowrap;*/
	overflow:hidden;
	text-overflow:ellipsis;
	/*max-width:170px;*/
   display: -webkit-box;
   -webkit-line-clamp: 1; /* number of lines to show */
	line-clamp: 1;
   -webkit-box-orient: vertical;
}


#qdi_chat_list .item .foot .unmark{
	width:31px;
	box-sizing:border-box;
	height:18px;
	display:flex;
	flex-shrink:0;
	justify-content:center;	
	align-items:center;
	background:var(--red);
	color:#fff;
	margin-left:auto;
	border-radius:40px;
	position:absolute;
	right:0px;
	top:50%;
	margin-top:-9px;
}

#qdi_chat_list .item .not_paid{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	padding-right:10px;
	box-sizing:border-box;
	background:rgba(255,255,255,0.7);
}

#qdi_chat_list .item .not_paid svg{
	width:20px;
	height:auto;
}

#qdi_chat_content{
	flex-grow:1;
	display:flex;
	gap:20px;
}


#simple_page{
	max-width:900px;
	padding:0px 10px;
	margin:0px auto;
}

.popup-errors{
	color:var(--red);
	font-weight:bold;
	padding-top:10px;
}


.black_hover{
	position:relative;
}

.black_hover_block{
	position:absolute;
	background:#000;
	color:#fff;
	border-radius:10px 10px 0px 10px;
	padding:16px 13px;
	font-size:12px;
	white-space:nowrap;
	display:flex;
	align-items:center;
	bottom:90%;
	right:60%;
	display:none;
	z-index:300;
}


.black_hover:hover .black_hover_block{
	display:flex;
}

.black_hover_block .black_hover_icon{
	line-height:0;
}

.black_hover .black_hover_block svg path{
	fill:#fff;
}

.black_hover:hover .black_hover_block  svg path{
	fill:#fff !important;
}




#page_banhammer{
	display:grid;
	grid-template-columns:2fr 1fr;
	min-height:100vh;
	background:#dde0de;
}

#page_banhammer .left{
	padding-top:10px;
	padding-bottom:10px;
	padding-right:34px;
	display:flex;
	justify-content:flex-end;
	background:#fff;
	border-radius:0px 31px 31px 0px;
}

#page_banhammer .left .in{
	display:flex;
	flex-direction:column;
	align-items: flex-start;
	justify-content:center;
}

#page_banhammer .left .head{
	font-size:13px;
	font-weight:300;
	margin-bottom:55px;
}

#page_banhammer .left .head a{
	color:#282828;
}

#page_banhammer .left .head a:hover{
	color:var(--red);
}

#page_banhammer .left .body{
	padding-left:20px;
	padding-right: 43px;
	max-width:560px;
	box-sizing:border-box;
}

#page_banhammer .left .caption{
	font-size: 78.86px;
	line-height: 85%;
	letter-spacing: -4%;
	margin-bottom:84px;	
}

#page_banhammer .left .note{
	padding:24px 44px;
	background:#2F2F2F;
	color:#fff;
	display:flex;
	align-items:center;
	font-size:38px;
	font-weight:600;
	border-radius:10px;
	margin-bottom:84px;
}


#page_banhammer .left .prichina{
	padding:9px 0px 0px 55px;
	background:url(images/stop.svg) 0px 0px no-repeat;
}

#page_banhammer .left .prichina .caption{
	font-size:20px;
	font-weight:500;
	color:#858585;
	margin-bottom:29px;
}

#page_banhammer .left .prichina .caption b{
	color:var(--black);
	font-weight:500;
}

#page_banhammer .left .prichina .time{
	font-size:16px;
	font-weight:500;
	color:#858585;
}

#page_banhammer .left .prichina .time b{
	color:var(--black);
	font-weight:500;
}


#page_banhammer .right{
	background:url(images/kraft_v3.svg) center center no-repeat #dde0de;
	position:relative;
	z-index:100;
}

#page_banhammer .right .in{

}

#page_banhammer .return{
	padding-top:20px;
}

#page_banhammer .return .btn{
	padding:10px;
	height:auto;
}


#page_payment{
	display:grid;
	grid-template-columns:1fr 1fr;
	min-height:100vh;
	background:#fff;
}

#page_payment .left{
	padding:10px;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#fff;
	border-radius:0px 31px 31px 0px;
	margin-right:-31px;
	position: relative;
	z-index: 200;
}

#page_payment .left .in{
	max-width:370px;
	padding-left:72px;
	border-left:1px solid #F7F7F7;
	width: 100%;
}

#page_payment .left .caption{
	font-size:24px;
	margin-bottom:15px;
}

#page_payment .left .price_note{
	margin-bottom:10px;
}

#page_payment .left .price{
	font-size:48px;
	margin-bottom:15px;
	leading-trim: NONE;
	line-height: 85%;
	letter-spacing: -4%;	
}

#page_payment .left .note{
	font-size:15px;
	margin-bottom:60px;
	color:#B0B4B7;
	letter-spacing: -4%;
}

#page_payment .left ul.links{
	list-style:none;
	margin:0px 0px 30px 0px;
	padding:0px;
}

#page_payment .left ul.links li{}

#page_payment .left ul.links li:not(:last-of-type){
	margin-bottom:9px;
}

#page_payment .left ul.links li a.btn{
	border-radius:10px;
	background:#F1F1F1;
	padding:0px 21px;
	display:flex;
	height:108px;
	line-height:1.12;
	color:var(--black);
	justify-content:space-between;
	text-transform:none;
}

#page_payment .left ul.links li a.btn:hover{
	background:var(--red);
	color:#fff;
}

#page_payment .left ul.links li a.btn:hover svg path{
	fill:#fff;
}

#page_payment .uslovia{
	margin:0px 0px 96px 0px;
	font-size:15px;
	letter-spacing: -4%;
}

#page_payment .uslovia a{
	color:var(--black);
}

#page_payment .uslovia a:hover{
	color:var(--black);
	text-decoration:none;
}

#page_payment .back_link{
	font-size:13px;
} 

#page_payment .back_link .link_simple{
	color:#AFAFAF;
}

#page_payment .back_link .link_simple:hover{
	color:var(--red);
}

#page_payment .back_link .link_simple:hover .link_simple_icon svg path{
	fill:var(--red);
}

#page_payment .right{
	background:url(images/page_payment_bg2.png) right center no-repeat #dde0de;
	background-size:cover;
	position:relative;
	z-index:100;
}



.js-main-block{}

.js-show-mobile-menu{
	display:none;
}


.reqvizit{
	padding-top:20px;
	font-size:13px;
}

@media (max-width: 900px){
	
	input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="phone"], input[type="number"], input[type="date"]{
		height:40px;
	}
	
	.btn{
		height:55px;
		font-size:13px;
	}
	
	#page_register .left{
		padding:28px 16px 16px 26px;
		justify-content: flex-start;
		background:url(images/notepad-mobile.png) right 0px top 0px no-repeat;
	}
	
	#page_register .left .body{
		padding:0px;
	}
	
	#page_register .left .head{
		display:none;
	}
	
	#page_register .left .caption{
		font-size:48px;
	}
	
	#page_register .left .sub{
		gap:25px;
		margin-bottom:0px;
	}
	
	#page_register .left .sub .chat{
		font-size:16px;
		height:40px;
		padding: 0px 20px;
		white-space: nowrap;
		border-radius:5px;
	}
	
	#page_register .left .sub .note{
		font-size:12px;
		font-weight:500;
	}
	
	#page_register .left .sub .note br{
		display:none;
	}
	
	#page_register .left .sub .note .txt{
		max-width:148px;
	}
	
	#page_register{
		display:flex;
		flex-direction:column;
	}
	
	#page_register .left .pic{
		display:none;		
	}
	
	#page_register .left .pic img{
	}
	
	#page_register .right{
		flex-grow:1;
		border-radius:20px 20px 0px 0px;
		flex-direction: column;
	}
	
	#page_register .right .header{
		display:none;
	}
	
	#page_register .right .caption{
		font-size:20px;
		line-height:1.2;
		margin-bottom:11px;
		font-weight:500;
	}
	
	#page_register .right .sub{
		font-size:15px;
		font-weight:400;
		margin-bottom:9px;
	}
	
	#page_register.restore .right .sub{
		margin-bottom:26px;
	}
	
	#page_register .right form label span.l{
		color:var(--black);
		margin-bottom:5px;
	}
	
	#page_register .right form label{
		margin-bottom:5px;
	}
	
	
	#page_register .right form div.send .btn .btn_icon svg{
		width:24px;
		height:auto;
	}
	
	#page_register .right .in{
		padding:18px 7px 0px 7px;
		display: flex;
		flex-direction: column;
		height:100%;
		flex-grow: 1;
		width:100%;
	}
	
	#page_register .right form{
		max-width:255px;
		margin-bottom:15px;
	}
	
	#page_register .mobile{
		display:block;
	}
	
	#page_register .right .foot{
		display:flex;
		gap:5px;
		align-items:center;
		margin-top:auto;
	}
	
	#block_auth_login{
		display:none;
	}
	
	#page_register .left .benter_block{
		display:flex;
	}
	
	#page_register .right .foot .pic{
		width:48%;
		flex-shrink:0;
	}
	
	#page_register .right .foot .pic img{
		box-shadow: -50px 72px 74.3px 0px #00000080;
	}

	
	#page_register .right .foot .body{
		flex-grow:1;
		display: flex;
		gap: 10px;
		justify-content: flex-start;
		font-size: 10px;	
		font-weight:300;
	}
	
	#page_register .right .foot .body b{
		font-weight:bold;
	}
	
	#page_register .right form div.note{
		font-size:11px;
		max-width: 242px;
		margin: 0px auto;
	}
	
	#page_register .right form div.note br{
		display:none;
	}
	
	#page_register.restore{}
	
	#page_register.restore .right .in{
		/*background:url(images/notepad-mobile-footer.png) bottom center no-repeat;
		background-size:contain;		
		*/
	}
	
	
	#page_banhammer{
		flex-direction:column;
		display:flex;
	}
	
	#page_banhammer .right{
		order:1;
		height:176px;
		background: url(images/kraft_v3.svg) top 23px center no-repeat #dde0de;
		background-size:unset;
	}
	
	#page_banhammer .left{
		order:2;
		padding:33px 10px;
		flex-grow:1;
	}
	
	#page_banhammer .left .in{
		width:100%;
		align-items:center;
	}
	
	#page_banhammer .left .head{
		margin-bottom:13px;
		width:100%;
		text-align:center;
		font-size:14px;
		font-weight:300;
	}
	
	#page_banhammer .left .head a.link_simple{
		color:#AFAFAF;
	}
	
	#page_banhammer .left .head a.link_simple .link_simple_icon svg path{
		fill:#AFAFAF;
	}
	
	#page_banhammer .left .caption{
		font-size:48px;
		margin-bottom:13px;
	}
	
	#page_banhammer .left .note{
		font-size:18px;
		font-weight:600;
		padding:8px 15px;
		text-align:center;
		margin-bottom:50px;
	}
	
	#page_banhammer .left .body{
		padding:0px;
		max-width: 270px;
	}
	
	#page_banhammer .left .prichina{
		padding-top:0px;
	}
	
	#page_banhammer .left .prichina .caption{
		font-size:20px;
		margin-bottom:14px;
	}
	
	#page_banhammer .left .prichina .caption b{
		display:block;
	}
	
	#page_banhammer .left .prichina .time{
		font-size:16px;
	}
	
	#page_banhammer .left .prichina .time b{
		display:block;
	}
	
	
	#qdi_chat{
		padding:12px 10px;
	}
	
	
	
	#qdi_chat_aside{
		position:fixed;
		overflow-y:auto;
		left:0px;
		top:12px;
		height:calc( 100vh - 24px );
		width:90vw;
		left:-90vw;
		z-index:100;
		box-sizing:border-box;
		justify-content: flex-start;
		/*display:none;*/
		gap:16px;
		transition: left 0.3s;
	}
	
	#qdi_chat_aside.open{
	/*	display:block;*/
		
		left:0px;
	}
	
	#qdi_chat_aside .list{
		align-items:flex-start;
		gap:16px;
		font-size:15px;
	}
	
	#qdi_chat_aside .list .item{
		flex-direction: row;
		justify-content: flex-start;		
	}
	
	#qdi_chat_aside .list .item .pic{
		width:44px;
	}
	
	#qdi_chat_aside .list .item .pic svg{
		width:44px;
		height:auto;
	}
	
	#qdi_chat_aside .list a.item .name{
		color:#E8E8E8;
	}
	
	#qdi_chat_aside .list .item .name br{
		display:none;
	}
	
	#qdi_chat_aside .bl.profile{
		border-bottom:1px solid #B0B4B7;
		margin-bottom:0px;
		padding-bottom:16px;
	}
	
	#qdi_chat_aside .av{
		display:inline-flex;
		gap:17px;
		padding:0px;
		background:none;
		color:#fff;
		align-items:center;
	}
	
	#qdi_chat_aside .av .pic{
		width:44px;
		height:44px;
		display:flex;
		align-items:center;
		justify-content:center;
		background:#8d9092;
		border-radius:10px;
	}
	
	#qdi_chat_aside .av .name{
		color:#E8E8E8;
		font-size:15px;
	}
	
	#qdi_chat_aside .mobile{
		display:block;
	}
	
	#qdi_chat_aside .js-hide-mobile-menu{
		position:absolute;
		top:15px;
		right:15px;
	}
	
	#qdi_chat_list{
		width:100%;
	}
	
	#qdi_chat_list .item .foot .author{
		display:none;
	}
	
	#qdi_chat_list{
		padding:14px 11px 14px 11px;
	}
	
	
	#qdi_chat_list .qdi_chat_form_block.js-main-block,
	.js-main-block{
		margin-bottom:70px;
		position:relative;
	}
	
	#qdi_chat_list .qdi_chat_form_block.js-main-block .caption{
		position:absolute;
		top:58px;
		left:11px;
	}
	
	.js-show-mobile-menu{
		display:block;
	}		
	
	#page_payment{
		flex-direction:column;
		display:flex;
	}
	
	#page_payment .right{
		order:1;
		height:176px;
		margin:0px;
	}
	
	#page_payment .left{
		order:2;
		padding:33px 10px;
		flex-grow:1;
		margin:0px;
	}
	
	#page_payment .left .in{
		width:100%;
		align-items:center;
		padding:0px;
		border:none;
	}	
	
	#qdi_chat_aside .aside_note{
		text-align:left;
		font-size:15px;
	}
	
	#qdi_chat_aside .aside_note br{
		display:none;
	}
	
	.benter_block .blink{
		font-size:36px;
		width:100%;
	}
	
	.reqvizit{
		text-align:center;
	}
	
}


#trust_payment_select{
	max-width:400px;
	margin:20px auto;
	border-radius:10px;
	background:#fff;
	box-shadow:0px 0px 10px #ccc;
	padding:20px;
}

#trust_payment_select input[type="text"]{
	width:100%;
	height:40px;
}

#trust_payment_select select{
	width:100%;
	height:40px;
}

#trust_payment_select button{
	padding:20px;
	height:auto;
}
/*
#push_sound{
	position:absolute;
	left:-9999px;
}*/