#message_bubbles {
    min-width: 250px;
    min-height: 40px;
	background: transparent;
	position: relative;
	-moz-border-radius:    10px;
	-webkit-border-radius: 10px;
	border-radius:         4px;
	border: 1px solid #e6e7ea;
	padding: 15px 25px 15px 10px;
}
#message_bubbles:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 15px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 10px solid #e6e7ea;
	border-bottom: 5px solid transparent;
}
#message_bubbles:after {
    content: "";
    position: absolute;
    right: 99%;
    top: 15px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 10px solid #fafcfe;
	border-bottom: 5px solid transparent;
}
.faq_chat_message.administrator #message_bubbles:before{
    right: -10px;
    transform: rotate(180deg);
}
.faq_chat_message.administrator #message_bubbles:after{
    right: -10px;
	transform: rotate(180deg);
	border-right: 10px solid #e3edfe;
}

#faq_support_message_count {
	position: relative;
	height: 20px;
	width: 22px;
	-moz-border-radius:    50px;
	-webkit-border-radius: 50px;
	border-radius:         50px;
	color: white;
	font-size: 13px;
	float: right;	
	margin-top: -3px;
    margin-right: 4px;
}
#faq_support_message_count.new:before{
	content: "";
    height: 8px;
    width: 8px;
    border: 2px solid white;
    border-radius: 50%;
    position: absolute;
    background: var(--maincolor);
    left: 83%;
    bottom: 65%;
}
.faq_category_info #faq_support_message_count{
    top: -31px;
    right: 16px;
}
  
#faq_support_message_count div:before{
	color: #0080ca;
	font-size: 27px;
}

#faq_support_message_count span{
	position: absolute;
    color: white;
    font-size: 12px;
    text-align: center;
    line-height: 22px;
    display: block;
    margin-left: 3px;
    margin-top: 1px;
	width: 22px;
	text-align: center;
}

input:focus{outline: none;}
#support .content{
	max-width: 1026px;
}
#faq_header h1{
	font-weight: bold;
	font-size: 35px;
	width: 179px;
	display: inline-block;
	margin-top: 32px;
	margin-bottom: 28px;
	margin-right: 20px;
	color: #000000;
}
#faq_search{
	position: relative;
	max-width: 793px;
	width: calc(100% - 203px);
    display: inline-block;
    box-sizing: border-box;
	line-height: 38px;	
	background-color: #f4f7fb;
	border: 1px solid rgb(222,222,222);
	border-radius: 3px;
}
#faq_search_input{
	width: 100%;
    display: inline-block;
    height: 39px;
    color: #666;
	font-size: 14px;
	padding-left: 12px;
	background: transparent;
	border: none;
}
.faq_search_icon{
    height: 18px;
    width: 18px;
    cursor: pointer;
    position: absolute;
    right: 14px;
    margin-top: 9px;
    font-size: 21px;
}
.faq_search_text_info {
    position: absolute;
    margin-left: 12px;
    font-size: 14px;
    margin-top: 2px;
	color: rgba(0,0,0,0.6);
	left: auto;
	right: 60px;
	display: none;
}
#faq_categories {
    display: inline-block;
    vertical-align: top;
    width: 245px;
}
.faq_category {
    font-size: 15px;
    font-weight: bold;
	color: #000000;
	cursor: pointer;
	line-height: 35px;
}
.faq_category.selected {
	color: var(--maincolor);
}

#faq_category_content {
    display: inline-block;
	box-shadow: 0px 2px 59px 0px rgba(3,1,1,0.1);
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: 100%;
	border-radius: 3px;
	min-height: calc(100vh - 398px);
}
#faq_category_content h1 {
    font-size: 24px;
    font-weight: bold;
    margin-left: 20px;
    margin-top: 19px;
    line-height: 23px;
    margin-bottom: 14px;
	color: #000000;
}
#faq_category_content p , #faq_category_content #p, .faq_question_answer__text{
	font-size: 15px;
	line-height: 26px;
	color: #000000;
	margin-left: 20px;
	margin-right: 102px;
}
#faq_category_content #p , #faq_category_content p{
	margin-bottom: 2rem;
}

.faq_question_cont{
	padding: 0 10px;
}
.faq_support_cont{
	padding: 0 20px;
}
.faq_question_cont:hover .faq_question_top{
	background: #f3f7fd ;
}
.faq_question_top{
	color: #000000;
	 line-height: 40px;
	 font-size: 15px;
	 position: relative;
	 font-weight: 500;
}
.faq_support_top{
	color: #000000;
	 line-height: 40px;
	 font-size: 15px;
	 position: relative;
	 font-weight: 500;
}
.faq_question_cont.open{
	margin-bottom: 5px;
}
.faq_question_cont.open .faq_question_top{font-weight: bold;
	background: #f3f7fd; }
.faq_question_cont.open .faq_question_open span{transform: rotate(180deg);}

.faq_question{
	height: 38px;
	width: calc(100% - 50px);
	display: inline-block;
	margin-left: 10px;
	font-size: 15px;
}
.faq_support_title{
	height: 60px;
	display: inline-block;
	width: 100%;
	padding-left: 10px;
	font-size: 15px;
	background: #f3f7fd;
	margin-bottom: 11px;
}
.faq_support_title:hover{
	cursor: pointer;
}
.faq_support_title #faq_time{
	font-size: 13px;
	line-height: 16px;
	margin-top: 13px;
	color : #858c9e;
}
#faq_support_message_header{
	margin: 0px 15px;
	height: 52px;	
	padding-top: 13px;
	font-size: 13px;
}
#faq_support_message_header >*
{
	display: inline-block;
}
#faq_support_message_title{
    position: absolute;
    left: 37%;
    width: 45%;
    text-align: center;
}

.faq_support_title #faq_support_message{
	font-size: 15px;
	line-height: 20px;
	color : #4a82c7;
	overflow: hidden;
    white-space: nowrap;
	text-overflow: ellipsis;
	width: calc(100% - 50px);
}
.faq_support_chat{
	background: #f3f7fd;
	height: 100%;
	margin: 0px 15px;	
	min-height: calc(100vh - 398px);
	padding-bottom: 44px;
}
#faq_support_input{
	bottom: 0px;
	height: 44px;
    position: absolute;
	margin-bottom: 40px;
	max-width: 763px;
	background-color: #eaecf2;
	border: 1px solid rgb(222,222,222);
    width: calc(100% - 203px);
}
#faq_support_input > input{
	height: 44px;
	width: 100%;
    color: #666;
    font-size: 14px;
	padding-left: 12px;
	padding-right: 115px;
    background: transparent;
    border: none;
}
#faq_support_input > div{
	display: inline-block;
	position: absolute;
}
#faq_message_add_picture{
	left: auto;
    right: 66px;
    width: 20px;
    background-position-x: 20px;
	margin-top: 9px;
	color: rgba(0,0,0,0.3);
	font-size: 23px;
}
#faq_message_add_picture:hover{
	color: rgba(0,0,0,0.4);
}
#faq_message_send{
    left: auto;
	right: 21px;
	margin-top: 7px;
    height: 30px;
    width: 30px;

}
#faq_message_send span{
	position: absolute;
    height: 30px;
    width: 30px;
    background: var(--maincolor);
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
    color: white;
    padding-top: 7px;
}
#faq_message_add_picture:hover, #faq_message_send:hover{
	cursor: pointer;
}
#faq_support_message_backward{
	height: 22px;
	color :#0080ca;
}
#faq_support_message_backward div{
	height: 23px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    font-size: 21px;
    margin-top: -2px;
    margin-left: -7px;

}
#faq_support_message_backward:hover{
	cursor: pointer;
}
 
#faq_support_messages{
	width: 100%;
	min-height: 400px;
	max-height: 500px;
	overflow: auto;
	padding-top: 20px;
}
.faq_message_logo{
    width: 36px;
    height: 36px;
    display: inline-block;
    color: var(--maincolor);
    background: white;
    box-shadow: 0px 2px 7px 0.7px rgba(3,1,1,0.16);
    border-radius: 30px;
    font-size: 21px;
    text-align: center;
    line-height: 38px;
	font-weight: bold;
	position: absolute;
}
.faq_chat_message.administrator .faq_message_logo{
    right: 15px;
}
.faq_message_content{
	display: inline-block;
	margin-left: 50px;
	background: #fafcfe;
	border-radius: 3px;
	width: calc(100% - 222px);
}
.faq_chat_message.administrator .faq_message_content{ 
	margin-right: 50px;
	float: right;
	background: #e3edfe;
}
.faq_message_date{
    font-size: 12px;
    margin-left: 56px;
	margin-bottom: 28px;
	color: rgba(0,0,0,0.5);
	margin-top: 10px;
}
.faq_chat_message.administrator .faq_message_date{
	margin-left: auto;
    margin-right: 62px;
	text-align: right;
	float: right;
}
#faq_chat_closed{
    position: absolute;
    right: 22px;
    top: 22px;
    color: rgba(0,0,0,0.5);
}
#faq_chat_newMess{
    height: 16px;
    display: inline-block;
    width: 13px;
    position: absolute;
    left: auto;
    right: 22px;
    top: 22px;
}
.faq_question_open span{
	font-size: 20px;
    position: absolute;
	margin-left: -9px;
	color: var(--maincolor);
	transition: transform 0.3s;
}
.faq_question_open{
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0px;
    top: 11px;
}
.faq_question_answer{display: none; 
	background: #f3f7fd;
	padding-bottom: 20px;
}
.faq_question_answer.open{
	padding-bottom: 52px;
}
.faq_question_answer > *{
	margin-left: 10px;
	margin-right: 95px;
}
.faq_question_answer__btns{margin-top: 32px;}
.faq_question_answer__btns > *{
	display: inline-block;
	font-weight: bold; 
	font-size: 14px; 
}
.faq_question_answer__btns span{margin-right: 16px;}
.faq_question_answer__btn{
	width: 61px;
	height: 32px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 20px;
	margin-right: 8px;	
	text-align: center;
	line-height: 30px;
	cursor: pointer;
}
.faq_question_answer__btn.faq_question_questionform--submit{
	width: 110px;
	float: right;
	display: none;	
	margin-right: -56px;
}
.faq_question_answer__btn.pressed{
	border-color: var(--maincolor);
	color: white;
	background: var(--maincolor);
}
.faq_question_notif{
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
	display: none;
	height: 32px;
	padding: 0 12px;
	line-height: 32px;
	color: #000000;
	font-size: 14px;
	width: fit-content;
	text-align: center;
	border-radius: 10px;
	position: absolute;
}


/*
Interview
*/
.faq_question_interview{display: none; line-height: 28px;    margin-top: 17px; }
.faq_question_interview__item{
	cursor: pointer;
	margin-top: 3px;
	font-size: 14px;
}
.faq_question_interview__item input{
	margin-right: 12px;
}
.faq_question_interview__item.selected{	font-weight: bold;}

/*
Answer form
*/
#supp_questions{margin-top: 25px;}
.faq_question_questionform{
	margin-top: 18px;
	display: none;
	margin-left: 15px;
	margin-right: 30px;
	margin-bottom: 2px;
	width: 108%;
}
.faq_question_questionform select, 
.faq_question_questionform textarea{
	width: 100%;
	border: 1px solid #c4c8d3;
	padding: 8px;
	margin-bottom: 14px;
	box-sizing: border-box;
}
.faq_question_form_select--theme{
	margin-top: 12px;
    margin-bottom: 12px;
    padding-left: 10px;
    width: 100%;
}

/*
support block
*/
.supp_message{
	padding: 18px 16px;
	border: 1px solid #c4c8d3;
	border-radius: 3px;
	line-height: 22px;
	font-size: 14px;
	margin-bottom: 21px;
	width: calc(100% - 80px);
	box-sizing: border-box;
	position: relative;
}
.supp_message.admin{margin-left: 60px;}
.supp_message_date{color: #848da0;}
.supp_message_corner{
	left: -14.4px;
    bottom: -5px;
    height: 19px;
    width: 17px;
    background: url('message_corner.png') no-repeat center;
    position: absolute;
}
.supp_message.admin .supp_message_corner{
	right: -13.6px;
	left: auto;
    transform: rotateY(180deg);
}
.supp_input_cont{
	height: 36px;
	width: 100%;
	padding: 0 10px;
	color: #848da0;
	line-height: 36px;
	box-sizing: border-box;
	font-size: 14px;
	border: 1px solid #c4c8d3;
}
.supp_input_file{
	margin-right: 8px; 
	vertical-align: middle;
	cursor: pointer;
}
.supp_input_text{
	height: 100%;
    background: none;
    padding: 0;
    width: calc(100% - 36px);
    border: none;
}
.supp_input_btn{
	border: 1px solid #2d46be;
	color: #2d46be;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	line-height: 25px;
	height: 25px;
	padding: 0 17px;
	width: fit-content;
	margin-top: 15px;
	cursor: pointer;
}
.faq_question_date{
	font-size: 15px;
	color: #848da0;
	float: right;
	margin-right: 80px;
}
.faq_question_questionform--text{
	line-height: 22px;
	font-size: 14px;
	min-height: 167px;
}

.flex-column{
	width: 179px;
}
.nav.flex-column.nav-pills{
	display: inline-block;
	margin-right: 20px;
	vertical-align: top;
	margin-top: -13px;
	height: 400px;

}
.nav-link{ 
	color: #000000;
	padding: .5rem 1rem;
	font-size: 15px;
	font-weight: 500;
	padding-left: 0;
	padding-right: 0;

}
.nav-link:hover{  color: var(--maincolor);}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--maincolor);
	background-color:transparent;
}
.tab-content{  
	width: calc(100% - 203px);   
	max-width: 793px;
	display: inline-block;
}
#broadcast_link{
	display: inline-block;
	cursor: pointer;
	color: #2d46be;
}

.faq_send_new_message{
	margin-left: 20px;
    display: inline-block;
    text-decoration: underline;
    cursor: pointer;
	color: blue;
	margin-bottom: 16px;
}
.faq_block_new_message
.faq_question_questionform{
	width: 100%;
	margin-left: 0;
    margin-right: 0;
    padding: 0 30px 55px 15px;
}
.faq_block_new_message .faq_question__btn{
	display: block;
	margin-right: 0;
	width: 110px;
	float: right;
	height: 32px;
    border: 1px solid rgba(0,0,0,0.3);
	border-radius: 20px;
	text-align: center;
    line-height: 30px;
    cursor: pointer;
}
/*                 block icons                 */
.faq_menu{
	display: inline-block;
	background: url(/view/images/faq/menu.png) no-repeat center/cover;
	width: 21px;
	height: 21px;
	margin-bottom: -5px;
}
.faq_vhzuh{
	display: inline-block;
    background: url(/view/images/faq/icons.png)no-repeat center/cover;
	width: 20px;
	height: 20px;
	margin-bottom: -5px;
}
.faq_broadcast, .faq_start_broadcast{
    display: inline-block;
    height: 25px;
    background: var(--maincolor);
    color: #fff;
    border-radius: 3px;
    text-align: right;
    font-weight: 500;
    font-size: 13px;
    padding: 0px 10px 0 30px;
    position: relative;
}
.faq_broadcast:before, .faq_start_broadcast:before{
    font-family: 'zvukradioFont' !important;
    content: '\e910';
    position: absolute;
    left: 10px;
}
.faq_start_broadcast:before{
    content: '\e931';
}
.faq_input_image{
	display: inline-block;
    background: url(/view/images/faq/input.png)no-repeat center/cover;
    width: 21px;
    height: 21px;
    margin-bottom: -5px;
}
.faq_register_image, .faq_create_station_image, .faq_create_image, .faq_add_station_image, .faq_add_image,
.faq_setting_save, .faq_setting_station, .faq_load_image, .faq_save_changes, .faq_publish_news, .faq_edit_news{
    display: inline-block;
    background: var(--maincolor);
    color: #fff;
    border-radius: 16px;
    text-align: right;
    font-weight: 500;
    font-size: 13px;
    padding: 0px 15px;
    position: relative;
}
.faq_setting_save, .faq_setting_station, .faq_publish_news{
    background: #fff;
	color: var(--maincolor);
	border: 1px solid var(--maincolor);
}
.faq_load_image, .faq_edit_news{
    background: transparent;
	color: black;
	border: 1px solid #00000038;
}
.faq_edit_news{
    color: var(--maincolor);
    border-radius: 3px;
    height: 23px;
    font-size: 13px;
    line-height: 20px;
    padding: 0px 16px;
}
.faq_setting_vzux{
    display: inline-block;
    background: url(/view/images/faq/setting_vzux.png) no-repeat center/cover;
    width: 15px;
    height: 15px;
    margin-bottom: -3px;
}
.faq_on_off{
	display: inline-block;
    width: 56px;
    height: 26px;
    margin-bottom: -9px;
    position: relative;
    background: var(--maincolor);
    border-radius: 15px;
}
.faq_on_off:before{
    content: 'on';
    position: absolute;
    color: #fff;
    font-size: 13px;
    left: 12px;
}
.faq_on_off:after{
    content: '';
    position: absolute;
    height: 20px;
    width: 20px;
    background: #fff;
    border-radius: 50%;
    top: 3px;
    right: 3px;
}

.faq_add_picture{
	display: inline-block;
	background: #e1e1e9;
    width: 26px;
    height: 26px;
    margin-bottom: -9px;
	border-radius: 50%;
	position: relative;
}
.faq_add_picture:before{
    font-family: 'zvukradioFont' !important;
    content: '\e956';
    position: absolute;
    font-size: 20px;
    left: 3px;
    color: #9aa2b5;
}
.faq_upload_image{
	display: inline-block;
	background: url(/view/images/icons/add_img.png) no-repeat center/cover;
	height: 20px;
	width: 22px;
	margin-bottom: -5px;
}

.faq_add_photo, .faq_add_video, .faq_add_news{
	display: inline-block;
    position: relative;
    height: 18px;
    width: 27px;
}
.faq_add_photo:before, .faq_add_video:before, .faq_add_news:before{
    font-family: 'zvukradioFont' !important;
    content: "\e905";
    font-size: 18px;
    text-align: center;
    position: absolute;
    height: 22px;
    width: 27px;
}
.faq_add_video:before{
	content: "\e903";
}
.faq_add_news:before{
	content: "\e904";
}
.faq_add_photo:after, .faq_add_video:after, .faq_add_news:after{
    font-family: 'zvukradioFont' !important;
    content: '\e956';
    position: absolute;
    color: white;
    width: 12px;
    height: 12px;
    background: var(--maincolor);
    border-radius: 50%;
    font-size: 12px;
    line-height: 13px;
    left: -2px;
}

.faq_delete_icons, .faq_edit_icons{
	display: inline-block;
    background: #616365;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	margin-bottom: -5px;
	position: relative;
}
.faq_delete_icons:before, .faq_edit_icons:before{
	font-family: 'zvukradioFont' !important;
    content: '\e916';
    position: absolute;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	height: 20px;
	width: 20px;
	text-align: center;
}
.faq_edit_icons:before{	
	content: '\e93c';
	font-size: 11px;
    line-height: 21px;
}
.micro_Chrome{
	background: url(/view/images/faq/access2.png) no-repeat center/contain;
    height: 135px;
    max-width: 329px;
}
.micro_Fox{
	background: url(/view/images/faq/access3.png) no-repeat center/contain;
	height: 188px;
    max-width: 371px;
}
.micro_search_Chrome{
	background: url(/view/images/faq/microGoogle.png) no-repeat right/cover;
    height: 41px;
    max-width: 606px;
}
.micro_search_Fox{
	background: url(/view/images/faq/microFox.png) no-repeat left/cover;
    height: 41px;
    max-width: 606px;
}
.faq_broadcast_image{
	background: url(/view/images/faq/broadcaster.png) no-repeat center/contain;
    height: 510px;
    max-width: 760px;
}
.faq_dj_image{
	background: url(/view/images/faq/auto-dj.png) no-repeat center/contain;
	height: 428px;
	max-width: 764px;
}
.faq_panel_image{
	background: url(/view/images/faq/panel.png) no-repeat center/cover;
    height: 40px;
	max-width: 272px;
}
.faq_sound_image{
	background: url(/view/images/faq/sound.png) no-repeat center/contain;
	height: 196px;
    max-width: 272px;
}
.faq_mixer_image{
	background: url(/view/images/faq/mixer.PNG) no-repeat center/contain;
    height: 455px;
	max-width: 472px;
}
.faq_stream_image{
	background: url(/view/images/faq/stream.png) no-repeat right/cover;
	height: 200px;
	max-width: 470px;
}
.faq_stream_params_image{
	background: url(/view/images/faq/stream_params.png) no-repeat right/cover;
	height: 200px;
	max-width: 470px;
}

/****************************************************************
*************************TABLET PC*****************************
******************************************************************/

/************************MOBILE PHONES***************************
****************************************************************/
@media screen and (max-width: 1199px){
	.nav-link:hover{
		color: #000000;
	}
}
@media screen and (max-width:991px){
	#support .content {
		padding: 0 20px;
		max-width: 818px;
	}	
	.faq_question_answer > * {
		margin-left: 10px;
		margin-right: 22px;
	}
	#faq_category_content p, #faq_category_content #p, .faq_question_answer__text {
		margin-right: 22px;
	}
	.tab-content, #faq_search{
		width: 100%;
	}
	.nav.flex-column.nav-pills{
		display: block;
		width: auto;
		overflow: auto;
		white-space: nowrap;
		margin: 18px 0;
		height: auto;
	}
	#faq_support_input{
		width: calc(100% - 70px);
	}
	
	#faq_colums .nav-link{display: inline-block;
		margin-right: 20px;}
	#faq_header h1 {
			margin-bottom: 10px;
		}
	.faq_question_answer__btn.faq_question_questionform--submit {
		margin-right: 8px;
	}
	.faq_question_questionform {
		width: auto;
	}
	.container{
		padding: 0;
	max-width: none;}
	.container .row{
		margin: 0;
	}
}
@media screen and (max-width: 767px){
	.faq_message_content{
		width: calc(100% - 100px);
	}
}
@media screen and (max-width: 575px){

	.faq_question_answer__btns span {
		width: 100%;
	}
	.faq_broadcast_image {
		height: 376px;
	}
	.faq_dj_image {
		height: 277px;
	}
	#faq_support_input {
		margin-bottom: 21px;
		width: calc(100% - 30px);
	}
	.faq_category_message{
		margin-bottom: -20px;
	}
	.faq_message_content{
		min-width: 250px;
	}
	.tab-content>.active{
		margin-left: -20px;
		margin-right: -20px;
	}


}
@media screen and (max-width: 360px){
	.faq_stream_params_image{
		height: 180px;
	}
	.faq_mixer_image{
		height: 276px;
	}
	.faq_dj_image {
		height: 160px;
	}
	.faq_broadcast_image {
		height: 220px;
	}
}