.ap_blog	{
	width:100%;
	display:grid;
    grid-template-columns:repeat(3, 1fr);
	gap:10px;
}
.ap_blog .ap_elem_cont	{
	display:flex;
}
.ap_blog .ap_elem_cont.double	{
    grid-column-end:span 2
}
.ap_blogElem .ap_blog {
    padding-bottom:0;
}
.ap_blog .ap_elem, .ap_blog a.elem, .ap_blog a.elem:hover, .ap_blog a.elem:active	{
	flex:1 0 100px;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	background:#F3F3F5;
	text-decoration:none;
	min-height:300px;
	position:relative;
    border-radius: 20px;
}
.ap_blog .ap_elem .ap_img_cont	{
	display:block;
	width:100%;
	height:250px;
	position:relative;
	overflow:hidden;
	border-radius:20px;
}
.ap_blog .ap_elem .ap_img	{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.05) 50% 50% / cover no-repeat;
	transition:0.2s;
}
.ap_blog .ap_elem:hover .ap_img	{
	left:-10px;
	right:-10px;
	top:-10px;
	bottom:-10px;
}
.ap_blog .ap_elem_cont.double .ap_elem .ap_img	{
	overflow:unset;
	background-position: 50% 80%;
}
.ap_blog .ap_elem .ap_text	{
	padding:20px;
	display:flex;
}
.ap_blog .ap_elem .ap_title	{
	color:#030615;
	font:400 24px / 1.1em var(--font_name_1);
}
.ap_blog .ap_elem .ap_brief	{
	color:var(--main_color_0);
	font:300 17px / 25px var(--font_name_1);
	padding:15px 0 0 0;
}
.ap_blog .ap_elem .ap_date	{
	position:absolute;
	top:175px;
	left:20px;
	z-index:3;
}

.ap_blog .ap_elem_cont.double .ap_elem .ap_date	{
	position:relative;
	top:auto;
	left:auto;
	z-index:3;
	float:left;
	padding:0 20px 0 0;
}

.ap_blog .ap_elem .ap_date span	{
	display:block;
	color:#fff;
	font:300 14px / 14px var(--font_name_1);
}
.ap_blog .ap_elem .ap_date span:first-of-type	{
	font:700 30px / 32px var(--font_name_1);
}

.ap_blog .ap_elem_cont.double .ap_elem .ap_date span	{
	color:rgba(0,0,0,0.5);
}
.ap_blog .ap_elem_cont.double .ap_elem .ap_date span:first-of-type	{
	color:rgba(0,0,0,0.75);
}

.ap_blog .ap_elem_cont .ap_elem .ap_img_cont::before	{
	content:'';
	position:absolute;
	left:-20px;
	bottom:-15px;
	display:block;
	width:20px;
	height:20px;
	border-radius:50%;
	transition-duration:0.2s;
	background:rgba(0,0,0,0);
	z-index:2;
}
.ap_blog .ap_elem_cont.ap_light_bg .ap_elem .ap_img_cont::before	{
	left:-25px;
	bottom:-20px;

	width:110px;
	height:110px;
	background:rgba(0,0,0,0.3);
    box-shadow:inset 0 0 0 0 var(--bright_color_80_perc);
}
.ap_blog .ap_elem_cont .ap_elem:hover .ap_img_cont::before	{
    transform:scale(1.1);
    box-shadow:inset 0 0 30px 60px var(--bright_color_60_perc);
    background-color:var(--bright_color_60_perc);
}

.ap_blog .ap_elem_cont.double .ap_elem .ap_img_cont::before	{
	display:none;
}







.ap_blogElem	{
	width:100%;
}

.ap_blogElem .ap_blogElemImg	{
	width:100%;
	min-height:500px;
	overflow:hidden;
	position:relative;
	padding:15px 0 40px 0;
}

.ap_blogElem .ap_blogElemImg.ap_dark	{
	background:var(--dark_color);
	
}
.ap_blogElem .ap_blogElemImg.ap_light_bg	{
	background:#f4f4f4;
}

/* .ap_blogElem .ap_blogElemImg::before	{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-position:50% 50%;
	background-size:cover;
	background-image:var(--blog_img);
	background-attachment:fixed;
} */
.ap_blogElem .ap_blogElemImg::before	{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
    background-color:#fff;
    background-repeat:no-repeat;
	/* background-position:50% var(--perc); */
    background-position:50% 60%;
	background-size:cover;
	background-image:var(--blog_img);
	/* background-attachment:fixed; */
    transition:2s;
}
.ap_scrolled .ap_blogElem .ap_blogElemImg::before	{
    background-position:50% 100%;
}

.ap_blogElem .ap_blogElemImg.ap_light_bg .ap_clouds {
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
    z-index:1;
    overflow:hidden;
}

.ap_blogElem .ap_blogElemImg.ap_light_bg .ap_clouds::before, .ap_blogElem .ap_blogElemImg.ap_light_bg .ap_clouds::after	{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
    background-repeat:no-repeat;
	background-position:100% 100%;
	background-size:100% auto;
    background-color:transparent;
	background-image:url(pics/clouds_1.png);
    /* background-attachment:fixed; */
    opacity:0.95;
    transition:all 3s ease-in-out, opacity 2s ease-in-out 0s;
    transform:rotateY(0);
}
.ap_blogElem .ap_blogElemImg.ap_light_bg .ap_clouds::after     {
    transform:rotateY(180deg);
    background-image:url(pics/clouds_2.png);
    transform-origin:50% 50%;
}
.ap_scrolled .ap_blogElem .ap_blogElemImg.ap_light_bg .ap_clouds::before {
    /* transform:translateX(-100%) translateY(60%); */
    transform:translateX(-80vw) translateY(20vh) scale(2);
}
.ap_scrolled .ap_blogElem .ap_blogElemImg.ap_light_bg .ap_clouds::after    {
    /* transform:rotateY(-180deg) translateX(-100%) translateY(60%); */
    transform:translateX(80vw) translateY(20vh) scale(2) rotateY(180deg);
}
.ap_scrolled .ap_blogElem .ap_blogElemImg.ap_light_bg .ap_clouds::before, .ap_scrolled .ap_blogElem .ap_blogElemImg.ap_light_bg .ap_clouds::after    {
    transition:all 3s ease-in-out, opacity 2s ease-in-out 0s;
    opacity:0;
    /* background-size:350% auto; */
}




.ap_blogElem .main_middle  {
    z-index:2;
    position:relative;
}
.ap_blogElem .ap_blogElemImg h1	{
	color:var(--main_color);
	text-align:left;
	width:600px;
	max-width:100%;
	margin:0;
	font-size:var(--font_xl);
	margin:60px 0 0 0;
}
.ap_blogElem h1, .ap_blogElem h2, .ap_blogElem h3, .ap_blogElem h4 {
    margin:0;
}
.ap_blogElem h4 {
    font-size:var(--font_l);
}
.ap_blogElem .ap_blogElemImg.ap_dark	{
	background-color:#444;
}
.ap_blogElem .ap_blogElemImg.ap_dark::before	{
	filter:brightness(0.3);
}
.ap_blogElem .ap_dark h1, .ap_dark .ap_autor_name	{
	color:#fff;
}

.ap_blogElem .ap_text_big	{
	margin:20px 0;
	text-align:left;
	width:600px;
	max-width:100%;
}
.ap_dark .ap_text_big	{
	color:rgba(255,255,255,0.8);
}


.ap_blogElem .ap_autorImgAndDate	{
	margin:60px 0 0 0;
	width:220px;
	height:120px;
	position:relative;	
}

.ap_blogElem .ap_autor_img	{
	position:relative;
	width:120px;
	height:120px;
	border-radius:50%;
	background:50% 50% / cover no-repeat;
	z-index:2;
}

.ap_blogElem .ap_autor_name	{
	text-align:center;
	width:220px;
	/* color:#fff; */
	padding:10px 0;
	font:300 16px / 20px var(--font_name_1);
}
.ap_blogElem .ap_autor_name a {
	color:inherit;
	text-decoration:none;
}

.ap_blogElem .ap_blogElem_date	{
	position:absolute;
	top:30px;
	right:0px;
	width:80px;
	z-index:1;
}
.ap_blogElem .ap_blogElem span	{
	display:block;
	color:#fff;
	font:300 14px / 14px var(--font_name_1);
	position:relative;
	z-index:2;
}
.ap_blogElem .ap_blogElem span:first-of-type	{
	font:700 30px / 32px var(--font_name_1);
}

.ap_blogElem .ap_autorImgAndDate::before	{
	content:'';
	position:absolute;
	left:0;
	top:0;
    bottom:0;
	display:block;
	width:220px;
	/* height:120px; */
	border-radius:60px;
	transition-duration:0.2s;
	background:rgba(0,0,0,0.4);
	z-index:2;
}



@media screen and (max-width:1379px) {
	.blog .ap_elem_cont, .ap_blog .ap_elem_cont.double	{
		display:inline-block;
		width:50%;
		vertical-align:top;
	}
}


@media screen and (max-width:999px) {
    .ap_blog	{
        grid-template-columns:repeat(2, 1fr);
    }
    .ap_blog .ap_elem_cont.double	{
        grid-column-end:span 1;
    }
}


@media screen and (max-width:676px) {
    .ap_blog	{
        grid-template-columns:repeat(1, 1fr);
    }
	.blog .ap_elem_cont, .ap_blog .ap_elem_cont.double	{
		display:inline-block;
		width:100%;
		vertical-align:top;
	}
	.blog .ap_elem_cont .ap_elem .ap_img::before {
		left: -20px;
		bottom: -15px;
		width: 120px;
		height: 120px;
		background: rgba(0,0,0,0.3);
	}
}


.ap_training	{
	background:var(--bright_color);
	border-radius:var(--border_radius_big);
	padding:20px 20px;
	margin:40px 0 0 0;
}
.ap_training .ap_questions	{
	display:flex;
	flex-direction:column;
	gap:10px;
	/* overflow:hidden; */
	width:100%;
	height:300px;
	overflow:hidden;
	border-radius:var(--border_radius);

	transition:0.2s;
}
.ap_training .ap_q_elem	{
	flex:0 0 auto;
	border-radius:var(--border_radius);
	background:#fff;
	padding:20px;
	z-index:10;
	transition:0.2s;
	overflow:hidden;

	display:flex;
	flex-direction:column;
	gap:10px;
}

.ap_training .ap_q_elem.deactive	{
	transform:translateX(-100px);
	z-index:1;
	display:none;
}
.ap_training .ap_q_elem:not(.deactive) + .ap_q_elem.deactive	{
	transform:translateX(100px);
}
.ap_training .ap_a_elem	{
	flex:0 0 auto;
	box-shadow:0 0 0 1px #727272;
	padding:10px 20px;
	border-radius:10px;
	cursor:pointer;
}

/* .ap_training .ap_questions.totalRes .ap_a_elem::before	{
	padding-right:5px;
} */
.ap_training .ap_questions.totalRes .ap_a_elem.choosed	{
	box-shadow:0 0 0 1px #ff7c7c;
	color:#ff7c7c;
}
.ap_training .ap_questions.totalRes .ap_a_elem.choosed::before	{
	content:'Неверно:';
}
.ap_training .ap_questions.totalRes .ap_a_elem.a_elem_coorect	{
	box-shadow:0 0 0 1px var(--bright_color);
	color:var(--bright_color)
}
.ap_training .ap_questions.totalRes .ap_a_elem.a_elem_coorect::before	{
	content:'Правильный ответ:';
}
.ap_training .ap_questions.totalRes .ap_a_elem.a_elem_coorect.choosed	{
	box-shadow:0 0 0 1px #59982a;
	color:#59982a;
}
.ap_training .ap_questions.totalRes .ap_a_elem.a_elem_coorect.choosed::before	{
	content:'Верно:';
}



.ap_training .ap_result	{

}
.ap_training h2	{
	padding:0 0 10px 0;
	color:#fff;
}
.ap_training h3	{
	padding:0;
	display:flex;
	justify-content:space-between;
}

.ap_training .ap_q_elem h3::before	{
	content:attr(data-num) ' ';
	/* color:var(--bright_color);  */
	color:#aaa;
	order:2;
	padding-left:20px;
	flex:0 0 auto;
}


.ap_training_quote	{
	display:flex;
	margin:0 auto 0 0;
	color:#fff;
	padding:0 0 10px 0;
	position:relative;
	min-height:40px;
	text-align:right;
}
.ap_training_quote::before	{
	content:'';
	display:block;
	width:30px;
	height:30px;
	background-image: var(--icon_quote);
	transform:rotate(180deg);
	margin-top:-2px;
	filter:invert(1);
}



.ap_blog_comments  {
    display:block;
    /* width:780px; */
    max-width:100%;
}

.ap_comment_section_title {
	font-weight: 700;
	/* margin-bottom: 1.5rem; */
	/* color: ; */
}

.ap_comments_h::after {
    content:attr(data-amm);
    color:var(--bright_color);
    margin-left:10px;
   
}





.ap_comment {
	background: #fff;
	border-radius: 12px;
	padding: 1.25rem 1.5rem;
	margin-bottom: 0.75rem;
	box-shadow: 0 1px 3px var(--light_color);
	border-left: 3px solid transparent;
	transition:0.2s;
    border-left-color: var(--light_color);
}

.ap_comment:hover {
	box-shadow: 0 4px 12px var(--light_color);
    border-left-color: var(--bright_color);
}
.ap_comment_header {
	display: flex;
	align-items: center;
	gap:var(--gap);
	margin-bottom:10px;
}
.ap_comment_avatar {
	flex-shrink: 0;
	width:40px;
	height:40px;
    text-align:center;
    line-height:40px;
    border-radius:20px;

    background-color:var(--bg);
    color:var(--color);
}
.ap_comment_avatar_linkall    {
    background:url(https://linkall.ru/well/templates/favicon.svg) 50% 50% / 60% no-repeat;
    box-shadow:inset 0 0 0 1px var(--bright_color);
}
.ap_comment_avatar_custom  {
    background:url(https://linkall.ru/well/templates/favicon.svg) 50% 50% / 80% no-repeat;
    box-shadow:inset 0 0 0 1px var(--bright_color); 
}
.ap_comment-avatar-img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: block;
}
.ap_comment_meta {
	display: flex;
	flex-direction: column;
}
.ap_comment_login {
	font-weight: 600;
}
.ap_comment_date {
	color:#888888;
}
.ap_comment_body {
	margin-bottom:10px;
}
.ap_comment_actions {
	display: flex;
	gap:var(--gap);
}
.ap_comment_reply-btn {
	background: none;
	border: none;
	color:#888888;
	cursor: pointer;
	padding:10px 0;
	transition: color 0.2s;
    font-size:14px;
}

.ap_comment:hover > .ap_comment_actions .ap_comment_reply-btn    {
    color: var(--bright_color);
}
.ap_comment_reply-btn:hover {
    color: var(--bright_color);
	text-decoration: underline;
}
.ap_comment_replies {
	margin-top: 20px;
}

.ap_article_controles {
    display:flex;
    position:fixed;
    bottom:-60px;
    left:calc(50% - 233px);
    background:rgba(0,0,0,0.7);
    backdrop-filter:blur(3px);
    padding:8px;
    border-radius:8px;
    z-index:10;
    transition:0.2s;
}
.ap_article_controles.active   {
    bottom:10px;
}
.ap_article_controles .ap_elem   {
    flex:40px;
    width:40px;
    height:40px;
    
}
.ap_article_controles .ap_elem .ap_img    {
    /* content:''; */
    display:block;
    width:100%;
    height:100%;
    background:50% 50% / 60% no-repeat;
    transition:0.2s;
    cursor:pointer;
}
.ap_article_controles .ap_elem.i_like .ap_img  {
    background-image:var(--icon_fav_1);
    filter:brightness(10);
}
.ap_article_controles .ap_elem.i_like.active .ap_img  {
    filter:none;
}
.ap_article_controles .ap_elem.i_comment .ap_img  {
    background-image:var(--icon_comment);
}
.ap_article_controles .ap_elem.i_bookmark .ap_img  {
    background-image:var(--icon_bookmark);
}
.ap_article_controles .ap_elem.i_share .ap_img  {
    background-image:var(--icon_share);
}
.ap_article_controles .ap_elem.i_ask .ap_img  {
    background-image:var(--icon_ask);
}
.ap_article_controles .ap_elem.i_learn .ap_img  {
    background-image:var(--icon_learn);
}

.ap_article_controles .ap_elem:hover .ap_img   {
    opacity:0.65;
}
.ap_i_share_elems  {
    position:absolute;
    bottom:calc(100% + 10px);
    right:0;
    left:0;
    border-radius:8px;
    padding:15px;
    box-sizing:border-box;
    display:none;

    background:#fff;

    box-shadow:0 0 10px rgba(0,0,0,0.25);
}

.ap_i_share_elems.active   {
    display:flex !important;
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
}

.ap_i_share_elems::before  {
    content:'';
    display:block;
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:8px solid #fff;
    background:transparent;
    position:absolute;
    right:20px;
    top:100%;
}
.ap_i_share_elems .ap_close   {
    position:absolute;
    right:5px;
    top:5px;
    width:20px;
    height:20px;
    cursor:pointer;
    opacity:0.65;
}
.ap_i_share_elems .ap_i_share_elem, .ap_i_share_elems a.i_share_elem, .ap_i_share_elems a.i_share_elem:hover    {
    display:flex;
    align-items:center;
    gap:5px;
    font:400 14px / 1em var(--font_name_2);
    color:var(--main_color);
    text-decoration:none;
    cursor:pointer;
}
.ap_i_share_elems .ap_i_share_elem::before    {
    content:'';
    display:block;
    flex:0 0 20px;
    width:20px;
    height:30px;
    background:50% 50% no-repeat;
    background-image:var(--icon_learn);
    opacity:0.65;
    transition:0.2s;
}
.ap_i_share_elems .ap_i_share_elem:hover::before    {
    opacity:1;
}

.ap_i_share_elems .ap_i_share_elem.i_share_copy::before    {
    background-image:var(--icon_file_upload);
}
.ap_i_share_elems .ap_i_share_elem.i_share_copied::before    {
    background-image:var(--icon_ok_bright);
}
.ap_i_share_elems .ap_i_share_elem.i_share_max::before    {
    background-image:var(--icon_max);
}
.ap_i_share_elems .ap_i_share_elem.i_share_tg::before    {
    background-image:var(--icon_tg);
}
.ap_i_share_elems .ap_i_share_elem.i_share_vk::before    {
    background-image:var(--icon_vk);
}


/* Встраиваемые формы в блог - необходимо альма бьютифай*/
.ap_blog_calc  {
    padding:var(--padding);
    border-radius:var(--border_radius);
    border:1px solid var(--bright_color);
    margin:10px 0;

}
.ap_blog_calc .ap_formCont    {
    padding:0;
}

.ap_formCont_blog_form {
    width:100%;
}
.ap_formCont_blog_form .ap_form    {
    display:flex;
    flex-wrap:wrap;
    gap:10px 20px;
}
.ap_formCont_blog_form .ap_form .ap_form_heading {
    flex:1 0 100%;
    font:400 clamp(16px, 3vw, 26px) / 1em var(--font_name_1);
}
.ap_formCont_blog_form .ap_form .ap_field_cont   {
    flex:0 0 345px;
    max-width:100%;
}
.ap_formCont_blog_form .ap_form .ap_button, .ap_formCont_blog_form .ap_form .ap_button_2   {
    flex:0 0 345px;
    max-width:100%;
}

#calc_result_block {
    padding-top:var(--padding);
}





/* -- Квизы     */

.ap_quiz {
    background:#f9f9f9;
    border:1px solid #ddd;
    border:1px solid var(--bright_color);
    border-radius:var(--border_radius);
    padding:20px;
    margin:30px 0 0 0;
}

.ap_quiz .h2  {
    padding:0;
}
.ap_quiz .quiz_description   {
    color:#666;
    margin-bottom:20px;
}
.ap_quiz .progress-bar {
    height:8px;
    background:var(--light_color);
    border-radius:var(--border_radius_s);
    margin-bottom:20px;
    overflow:hidden;
}
.ap_quiz .progress-fill {
    height:100%;
    background:var(--bright_color);
    width:0%;
    transition:width 0.3s ease;
}
.ap_quiz .quiz-question {
    font-size:1.2em;
    font-weight:bold;
    margin-bottom:15px;
}
.ap_quiz .quiz-option {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    padding:12px;
    margin-bottom:10px;
    background:#fff;
    border:1px solid var(--light_color_border);
    border-radius:var(--border_radius_s);
    cursor:pointer;
    transition:all 0.2s;
}
.ap_quiz .quiz-option:hover {
    background:var(--bright_color_mini);
    border-color:var(--bright_color);
}
/* .ap_quiz .quiz-option input[type="radio"],
.ap_quiz .quiz-option input[type="checkbox"] {
    margin-right:10px;
} */
.ap_quiz .quiz-option small {
    display:block;
    color:#666;
    font-weight:normal;
    padding:0 0 0 30px;
    flex:1 0 100%;
}
.ap_quiz .quiz-input {
    width:100%;
    padding:8px;
    margin-top:8px;
    border:1px solid #ccc;
    border-radius:var(--border_radius_s);
    font-size:1em;
    box-sizing:border-box;
    transition:border-color 0.2s;
}
.ap_quiz .quiz-input.invalid {
    border-color:#f44336;
    background:#fff5f5;
}
.ap_quiz .quiz-buttons {
    margin-top:20px;
    display:flex;
    justify-content:space-between;
}

#quiz-result {
    margin-top:30px;
    background:#2d2d2d;
    color:#f8f8f2;
    padding:15px;
    border-radius:var(--border_radius_s);
    overflow-x:auto;
    display:none;
    font-size:0.9em;
    white-space:pre-wrap;
}
.hidden { display:none; }

.ap_quiz .contact-input-wrapper {
    margin-top:8px;
}
.ap_quiz .validation-error {
    color:#f44336;
    font-size:0.85em;
    margin-top:4px;
    display:none;
}
.ap_quiz .validation-error.visible {
    display:block;
}

.ap_quiz .privacy-consent-block {
    margin-top:20px;
    padding:15px;
    background:#fff;
    border:1px solid #ddd;
    border-radius:var(--border_radius_s);
    display:flex;
    align-items:flex-start;
    gap:10px;
}
.ap_quiz .privacy-consent-block input[type="checkbox"] {
    margin-top:3px;
    flex-shrink:0;
    width:16px;
    height:16px;
}
.ap_quiz .privacy-consent-block label {
    font-size:0.9em;
    color:#444;
    line-height:1.4;
    cursor:pointer;
}
.ap_quiz .privacy-consent-block a {
    color:var(--bright_color);;
    text-decoration:underline;
}
.ap_quiz .privacy-consent-block.error {
    border-color:#f44336;
    background:#fff5f5;
}

/* ========== Поле предупреждения ========== */
.ap_quiz .quiz-warning {
    overflow:hidden;
    max-height:0;
    padding-top:0;
    padding-bottom:0;
    opacity:0;
    transition:max-height 0.3s ease, padding 0.3s ease, opacity 0.3s ease, margin 0.3s ease;
    display:flex;
    align-items:flex-start;
    gap:10px;
}
.ap_quiz .quiz-warning.visible {
    max-height:200px;
    /* padding:12px 15px; */
    padding-top:15px;
    padding-bottom:15px;
    opacity:1;
}
.ap_quiz .quiz-warning.error {
    background:#ffebee;
    border-color:#ef9a9a;
    border-left-color:#e53935;
    color:#b71c1c;
}
.ap_quiz .quiz-warning-text {
    flex:1;
}
.ap_quiz .quiz-warning-text strong {
    display:block;
    margin-bottom:2px;
}
.ap_quiz .quiz-warning-text #quiz-warning-message {
    font-size:smaller;
}


/* Анимация "встряхивания" при клике на неактивную кнопку */
@keyframes shake {
    0%, 100% { transform:translateX(0); }
    20% { transform:translateX(-6px); }
    40% { transform:translateX(6px); }
    60% { transform:translateX(-4px); }
    80% { transform:translateX(4px); }
}
.shake {
    animation:shake 0.4s ease;
}








/* -- Команда     */


.b_team	{
	display:flex;
	flex-wrap:wrap;
	padding-top:60px;
}
.b_team::before	{
	content:'';
	display:block;
	flex:0 0 150px;
	background:50% 0 no-repeat;
	background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='100' height='57' viewBox='0 0 100 57' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M47.802 0C49.0768 0 49.5726 0.567454 49.5726 1.77329V6.59666C49.4964 7.54791 49.2058 8.46948 48.7227 9.29206L13.1686 56.107C12.602 56.9582 11.398 57.2419 10.4772 56.6745L0.703391 51.3546C-0.00485877 50.7871 -0.1465 50.0778 0.1368 48.872L13.7352 1.70237C13.9477 0.780256 14.7267 0.141872 15.7183 0.141872H47.802V0ZM98.2294 0C99.5042 0 100 0.567454 100 1.77329V6.59666C99.9238 7.54791 99.6332 8.46948 99.1501 9.29206L63.596 56.107C63.0294 56.9582 61.8253 57.2419 60.9046 56.6745L50.9891 51.3546C50.2809 50.7871 50.1392 50.0778 50.4225 48.872L64.0209 1.70237C64.2334 0.709324 65.1541 0.0709404 66.1457 0.141872H98.2294V0Z' fill='%23F3F3F5'/%3e%3c/svg%3e ");
	order:2;
}

.b_team:nth-child(2n+1), .b_team.b_team_r	{
	flex-direction:row-reverse;
}

.b_team .b_team_emp	{
	flex:0 0 251px;
	background:rgba(243, 243, 245, 1);
	border-radius:var(--border_radius);
	order:1;
	align-self:flex-start;
}
.b_team .b_team_emp img	{
	display:block;
	border-radius:var(--border_radius);
}
.b_team .b_team_emp .name	{
	padding:20px;
	font:700 22px / 25px var(--font_name_1);
}
.b_team .b_team_emp .name .post	{
	font:400 16px / 1em var(--font_name_2);
	padding-top:5px;
}
.b_team .b_team_text	{
	flex:1 0 300px;
	padding:0;
	box-sizing:border-box;
	order:3;
}
.b_team .b_team_text .text	{
	line-height:140%;
}
.b_team .videoMarker	{
	padding-top:0;
	padding-bottom:40px;
}

.b_team.b_team_wo_q	{
	justify-content:flex-end;
}
.b_team.b_team_wo_q::before	{
	display:none;
}
.b_team.b_team_wo_q .b_team_text	{
	flex-grow:0;
	padding-right:20px;
}


@media screen and (min-width:1380px) {
    .b_team svg.progressBar, .b_team .videoMarker::before, .b_team .videoMarker::after {
		top:0;
	}
}

.team_brief_r	{
	border-radius:var(--border_radius);
	overflow:hidden;
}

/* .mini_pointer	{
	font-weight:700;
}
.mini_pointer.active	{
	color:var(--bright_color);
} */



/* -- Калькулятор */

.blog_calc  {
    padding:var(--padding);
    border-radius:var(--border_radius);
    border:1px solid var(--bright_color);
    margin:10px 0;
}

.blog_calc .formCont    {
    padding:0;
}

.formCont_blog_form {
    width:100%;
}
.formCont_blog_form .form    {
    display:flex;
    flex-wrap:wrap;
    gap:10px 20px;
}
.formCont_blog_form .form .form_heading {
    flex:1 0 100%;
    font:400 clamp(16px, 3vw, 26px) / 1em var(--font_name_1);
}
.formCont_blog_form .form .field_cont   {
    flex:0 0 345px;
    max-width:100%;
}
.blog_calc .style   {
    border-radius:var(--border_radius);  
}
.formCont_blog_form .form .button, .formCont_blog_form .form .button_2   {
    flex:0 0 345px;
    max-width:100%;
}

.ap_tags_cont   {
    display:flex;
    flex-wrap:wrap;
    gap:5px 10px;
    padding:20px;
}
.ap_tags_cont a {
    display:block;
    flex:0 0 aut0;
}
/* */


.right_menu_wr	{
	flex:1 0 auto;
	padding:0 0 20px 0;
}
.right_menu_sticky  {
	position:sticky;
	top:var(--right_menu_sticky_top);
	bottom:20px;
    padding-top:20px;
}
.right_menu_sticky::before, .right_menu_sticky::after {
    content:'';
    display:block;
    position:absolute;

    background:#eee;
    height:3px;
    border-radius:3px;
    left:0;
    top:0;
    width:100%;
}
.right_menu_sticky::after  {

    background:var(--bright_color);
    width:var(--progress);
}
.right_menu	{

	max-height:calc(100vh - 70px);
	overflow-y:auto;
    padding-right:10px;
    /* padding-top:10px; */
    --progres:0;
}

.right_menu .right_menu_elem	{
	display:block;
	text-decoration:none;
	color:var(--main_color);
	cursor:pointer;
	transition:0.2s;
	padding-bottom:10px;
}
.right_menu .right_menu_elem:hover	{
	color:var(--bright_color);
}

.right_menu ul	{
	padding:10px 0 0 0;
    margin:0;
}
.right_banner_wr	{
	display:flex;
	flex-direction:column;
	gap:10px;
}
/* 
.right_banner, a.right_banner	{
	display:block;
	width:100%;
	border-radius:20px;
	padding:20px;
	box-sizing:border-box;
	min-height:300px;
	font:400 26px / 1.2em !font_name_1!;
	color:var(--main_color);
	text-decoration:none;
	background:50% 50% / cover no-repeat;
	position:relative;
}
.right_banner::after	{
	content:'';
	position:absolute;
	bottom:20px;
	left:20px;
	display:block;
	width:100%;
	height:60px;
	background:0 100% no-repeat;
	background-image:var(--logo);
} */

/* .right_banner_dev, .right_banner_prod, .right_banner_sup b	{

} */
/* a.right_banner_dev	{
	background-image:url(pics/b_dev.jpg);
}
a.right_banner_prod	{
	background-image:url(pics/b_prod.jpg);
}
a.right_banner_sup	{
	background-image:url(pics/p_sup.jpg);
} */

/* .right_menu .right_menu_elem_h2	{
	padding-left:20px;
} */