/* МАКЕТ - ШАПКА ------------------------------------------------------------ */
.maket_pc_top { position: fixed; top: 0; left: 0; right: 0; z-index: 20; background: #487298; background: url(/img/logo_2022/bg_2.jpg) no-repeat top center #487298; box-shadow: 0 -1px 5px #778590; height: 66px; transition: height 0.5s ease 0s; }
.maket_pc_top .maket_pc_top_search, .maket_pc_top .maket_pc_top_main  { margin: 0 auto; max-width: 980px; height: 66px; position: relative; transition: height 0.5s ease 0s; }

.maket_pc_top_scroll,
	.maket_pc_top_scroll .maket_pc_top_search,
	.maket_pc_top_scroll .maket_pc_top_main,
	.maket_pc_top_scroll .maket_pc_top_search > table,
	.maket_pc_top_scroll .menu_table,
	.maket_pc_top_scroll > div .menu { height: 44px !important; transition: height 0.5s ease 0s; }
.maket_pc_top_scroll a.logo img { height: 24px !important; width: 72.77px !important; }
.maket_pc_top_scroll .maket_pc_top_bg { background: RGBA(72,114,152,0.6); transition: background 0.5s ease 0s; }

/* Поиск */
.maket_pc_top .maket_pc_top_search { overflow: hidden; padding: 0 10px; box-sizing: border-box; }
.maket_pc_top .maket_pc_top_search > table { height: 66px; transition: height 0.5s ease 0s; }
.maket_pc_top .maket_pc_top_search table { width: 100%; border-collapse: collapse; border: 0; box-sizing: border-box; }
.maket_pc_top .maket_pc_top_search table td { padding: 0; }
.maket_pc_top .maket_pc_top_search table td.td2 { border-left: 1px solid #668aac; border-right: 1px solid #668aac; padding: 0 10px; }
.maket_pc_top .maket_pc_top_search table td.td3 { padding: 0 8px; background-color: #95b0ca; }
.maket_pc_top .maket_pc_top_search table td.td4 { padding-left: 10px; }
.maket_pc_top .maket_pc_top_search table td.td4 > span { display: block; height: 24px; width: 24px; background: url(/img/maket_pc_menu_icons.svg?v=5) no-repeat -144px 0; background-size: 168px 72px; cursor: pointer; margin: 0 10px 0 0; }
.maket_pc_top .maket_pc_top_search .input_css { overflow: hidden; background: #ecf0f4; border-radius: 4px; }
.maket_pc_top .maket_pc_top_search .input_css .input0 { border: 0; outline: none; background-color: transparent; font-size: 1rem; }
.maket_pc_top .maket_pc_top_search .input_css .input1 { width: 100%; padding: 7px 10px; }
.maket_pc_top .maket_pc_top_search .input_css .input2 { color: #111; margin: 0 10px; }
.maket_pc_top .maket_pc_top_search .input_css .input3 { width: 24px; height: 24px; display: block; display: inline-block; height: 24px; width: 24px; background: url(/img/maket_pc_menu_icons.svg?v=5) no-repeat -24px -24px; background-size: 168px 72px; cursor: pointer; filter: invert(1); opacity: 0.8; }

/* Логотип */
.maket_pc_top a.logo { display: block; text-decoration: none; transition: all 0.5s ease 0s; padding: 2px 10px; margin-right: 5px; }
.maket_pc_top a.logo img { width: 94px; height: 34px; aspect-ratio: 188/62; transition: all 0.5s ease 0s; display: block; }
.maket_pc_top a.logo:hover { filter: brightness(170%); }

/* Основное меню */
.maket_pc_top .menu_table { width: 100%; border: 0; border-collapse: collapse; width: 100%; height: 66px; padding: 0; transition: height 0.5s ease 0s; }
.maket_pc_top .menu_table td { position: relative; padding: 0; }
.maket_pc_top > div .menu { display: block; margin: 0; height: 66px; transition: height 0.5s ease 0s; }
.maket_pc_top > div .menu .l1 { position: relative; } /*  position: relative; */
.maket_pc_top > div .menu .l1 > a, .maket_pc_top > div .menu .l1 > .a  { display: block; text-decoration: none; color: #fff; font-size: 18px; padding: 4px 10px; font-family: 'Roboto', arial; transition: all 0.3s ease 0s; position: relative; opacity: 0.9; max-height: 66px; overflow: hidden; box-sizing: border-box; }
.maket_pc_top > div .menu .l1 > .a_my  { color: #efcf87; cursor: pointer; }
.maket_pc_top > div .menu .l1 .n { background: #fbcb2f; color: #fbcb2f; position: absolute; top: 3px; right: 3px; border-radius: 6px; display: block; width: 6px; height: 6px; overflow: hidden; }
.maket_pc_top > div .menu .l2 { display: none; position: absolute; top: 100%; left: 0; background: #648baf; border-radius: 0 0 2px 2px; box-shadow: 0 5px 5px #d8dfe4; z-index: 49; }
.maket_pc_top > div .menu .l2 > a { display: block; padding: 7px 10px; text-decoration: none; border-top: 1px solid #7397b9; color: #fff; white-space: nowrap; font-size: 16px; }
.maket_pc_top > div .menu .l2 > a.my { color: #f0de97; }
.maket_pc_top > div .menu .l2 .n2 { margin-left: 6px; font-weight: 500; color: #f2c35a; }
.maket_pc_top > div .menu .l1:hover {  }
.maket_pc_top > div .menu .l1:hover > a { font-family: 'Roboto', arial; opacity: 1;  } /* color: #efcf87; */
.maket_pc_top > div .menu .l1:hover .l2 { display: block; }
.maket_pc_top > div .menu .l2 > a:hover { background: #7497b7; } /*  color: #efcf87; */
.maket_pc_top > div .menu .l1_on > a { background-color: RGBA(212,225,229,0.15); padding: 4px 10px; opacity: 1; border-radius: 4px; color: #fff; } /*  position: relative; */

/* Основные иконки */
.maket_pc_top .menu_icon { white-space: nowrap; margin-right: 10px; } /* position: absolute; right: 10px; top: 23px; */
.maket_pc_top .menu_icon .i, .maket_pc_top .menu_icon a.i { display: block; height: 24px; width: 24px; opacity: 0.8; background: url(/img/maket_pc_menu_icons.svg?v=5) no-repeat 0 0; background-size: 168px 72px; margin-left: 8px; position: relative; cursor: pointer; } /* 60% - 240x80 */
.maket_pc_top .menu_icon .i_on, .maket_pc_top .menu_icon a.i_on { background: url(/img/maket_pc_menu_icons_on.svg?v=5) no-repeat 0 0; background-size: 168px 72px; opacity: 1; } /* 60% - 240x80 */
.maket_pc_top .menu_icon .i:hover { opacity: 1; } /* 60% - 240x80 */
.maket_pc_top .menu_icon .i .n { position: absolute; top: -7px; right: -5px; background: #fbd82f; padding: 1px 5px; border-radius: 10px; font-size: 14px; color: #344d64; box-shadow: 0px 1px 1px #48739b; font-weight: 500; line-height: 100%; }
.maket_pc_top .menu_icon .i .nn { background: #b7cadb; }
.maket_pc_top .menu_icon .i_login, .maket_pc_top .menu_icon a.i_login { display: inline-block; text-decoration: none; color: #fff; padding-left: 28px; position: relative; margin-left: 6px; font-size: 17px; opacity: 0.8; cursor: pointer; }
.maket_pc_top .menu_icon .i_login:after, .maket_pc_top .menu_icon a.i_login:after { content: ''; display: block; width: 24px; height: 24px; position: absolute; left: 0; top: 50%; margin-top: -12px; background: url(/img/maket_pc_menu_icons.svg?v=5) no-repeat -144px -24px; background-size: 168px 72px; }
.maket_pc_top .menu_icon .i_login:hover, .maket_pc_top .menu_icon a.i_login:hover { opacity: 1; }

.maket_pc_top .menu_icon .i .n_animate { animation: ls_pc_anim 5s 1 Alternate; animation-iteration-count: 1; }
@keyframes ls_pc_anim { 0% { opacity: 1; } 8% { opacity: 1; } 10% { opacity: 0.5; } 18% { opacity: 0.5; } 20% { opacity: 1; } 28% { opacity: 1; } 30% { opacity: 0.5; } 38% { opacity: 0.5; } 40% { opacity: 1; } 48% { opacity: 1; } 50% { opacity: 0.5; } 58% { opacity: 0.5; } 60% { opacity: 1; } 68% { opacity: 1; } 70% { opacity: 0.5; } 78% { opacity: 0.5; } 80% { opacity: 1; } 88% { opacity: 1; } 90% { opacity: 0.5; } 100% { opacity: 0.5; } }


.maket_mobile_menu { position: relative; z-index: 20; max-width: 960px; margin: 0 auto; }
.maket_mobile_menu_fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 20; }

/* Автозакреп моб шапки  */
@media screen and (min-height: 600px) and (max-width: 910px) {
	.maket_mobile_menu { position: fixed; top: 0; left: 0; right: 0; z-index: 20; }
	.mobile_menu { z-index: 110; }
	.maket_body { margin-top: 40px !important; }
}

a.maket_continue_button, .maket_continue_button { display: block; background-color: #a2cdf0; padding: 12px 10px; border: 1px solid #8eb4d2; border-width: 0 1px 1px 0; border-radius: 5px; box-shadow: 1px 1px 2px #ddd; margin: 15px 0; text-align: center; cursor: pointer; color: #294f6d; text-decoration: none; line-height: 150%; }
a.maket_continue_button:hover, .maket_continue_button:hover { background-color: #abd1f0; }
a.maket_continue_button_light, .maket_continue_button_light { background-color: #d9e7f2; border-color: #c6d9e8; box-shadow: none; }
a.maket_continue_button_light:hover, .maket_continue_button_light:hover { background-color: #e2eef7; }
a.maket_continue_button_grey, .maket_continue_button_grey { background-color: #eee; color: #333; border-color: #e0e0e0; box-shadow: none; }
a.maket_continue_button_grey:hover, .maket_continue_button_grey:hover { background-color: #f3f3f3; }



/* ШАПКА МЕНЮ */
div.mobile_menu { background-color: #567ea2; color: #fff; left: 0; margin: 0 auto; position: relative; right: 0; top: 0; z-index: 100; font-size: 1.12rem; } /* #5f81a0 */
div.mobile_menu a { color: #fff; text-decoration: none; padding: 0; }

div.mobile_menu .menu_table { height: 40px; table-layout: fixed; width: 100%; }

div.mobile_menu .menu_table td { text-align: center; }
div.mobile_menu .menu_table td.t1 { width: 70px; cursor: pointer; }
div.mobile_menu .menu_table td.t3 { width: 46px; cursor: pointer; }
div.mobile_menu .menu_table td.t2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
div.mobile_menu .menu_table td.t2 a { text-decoration: underline; text-decoration-color: #7ca1c3; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
div.mobile_menu .menu_table td.t2 span { }
div.mobile_menu .menu_table td.ti { -webkit-tap-highlight-color: transparent; }
div.mobile_menu .menu_table td.ti a.animate { animation: ls_mob_anim 5s 1 Alternate; animation-iteration-count: 1; }
@keyframes ls_mob_anim { 0% { opacity: 1; } 8% { opacity: 1; } 10% { opacity: 0.5; } 18% { opacity: 0.5; } 20% { opacity: 1; } 28% { opacity: 1; } 30% { opacity: 0.5; } 38% { opacity: 0.5; } 40% { opacity: 1; } 48% { opacity: 1; } 50% { opacity: 1; } 58% { opacity: 1; } 60% { opacity: 1; } 68% { opacity: 1; } 70% { opacity: 1; } 78% { opacity: 1; } 80% { opacity: 1; } 88% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 1; } }


div.mobile_menu .menu_table a { display: block; padding: 5px 0; }

div.mobile_menu .menu_table .menu_logo { display: block; padding: 3px 0; background: none; background: url(/img/logo_2022/b17_blue_vector.svg) no-repeat center center; background-size: 51px 20px; width: 70px; height: 20px; position: relative; }
div.mobile_menu .menu_table .menu_ico  { display: inline-block; width: 26px; height: 26px; background: url(/img/icons_mobile_48_v3.svg?v=3) no-repeat 0 0; background-size: 100px 100px; position: relative; vertical-align: bottom; }
div.mobile_menu .menu_table .menu_ico_active:after { background-color: #eea93d; border: 1px solid #fff; border-radius: 4px; content: ''; display: block; height: 6px; right: 5px; position: absolute; top: 0px; width: 6px; }

/* div.mobile_menu .ti a { display: inline-block; height: 40px; padding: 0 3px; width: 26px; position: relative; }
div.mobile_menu .ti a span { position: absolute; left: 50%; top: 51%; width: 26px; height: 26px; background: url(/img/icons_mobile_48.png) no-repeat 0 0; background-size: 100px 75px; margin: -13px 0 0 -13px; opacity: 0.7; }
div.mobile_menu .ti a span.ls { background-position: -50px -50px; }
div.mobile_menu .ti a span.re { background-position: -75px -50px; }*/



/*
div.mobile_menu .t1 a { display: inline-block; height: 40px; padding: 0 10px; width: 26px; position: relative; }
div.mobile_menu .t1 a:active { background-color: #55799a; }
div.mobile_menu .t1 a img { width: 24px; height: 24px; padding: 8px 0; }
div.mobile_menu .t1 a.activ::after { background-color: #eea93d; border: 1px solid #fff; border-radius: 4px; content: ''; display: block; height: 6px; right: 9px; position: absolute; top: 8px; width: 6px; }
div.mobile_menu .t1 a span.i_left  { position: absolute; left: 50%; top: 51%; width: 26px; height: 26px; background: url(/img/icons_mobile_48.png) no-repeat -75px 0;     background-size: 100px 75px; margin: -13px 0 0 -13px; }
div.mobile_menu .t2 { text-align: center; line-height: 100%; width: 100%; }
div.mobile_menu .t2 a { padding: 10px 15px; }
div.mobile_menu .t2 a span { border-bottom: 1px solid #c3d4e2; }
div.mobile_menu .t3 a { display: inline-block; height: 40px; padding: 0 8px; width: 26px; position: relative; margin-left: -7px; }
div.mobile_menu .t3 a:active { background-color: #55799a; }
div.mobile_menu .t3 a img { width: 24px; height: 24px; padding: 8px 0; }
div.mobile_menu .t3 a span.i_right { position: absolute; left: 50%; top: 51%; width: 26px; height: 26px; background: url(/img/icons_mobile_48.png) no-repeat -75px -25px; background-size: 100px 75px; margin: -13px 0 0 -13px; }
div.mobile_menu .t3 a.activ::after { background-color: #eea93d; border: 1px solid #fff; border-radius: 4px; content: ''; display: block; height: 6px; right: 9px; position: absolute; top: 8px; width: 6px; }
*/


div.mobile_menu #mobile_menu_t2_0 { text-shadow: 1px 1px 0 #3e6181; }
/* div.mobile_menu .ti a span:after { content: ''; display: block; right: 0; top: 0; background-color: #eea93d; position: absolute; border: 1px solid #fff; border-radius: 4px; height: 6px; width: 6px; } */



/* МЕНЮ - РАЗДЕЛЫ САЙТА */
div.mobile_menu_left { margin-bottom: 70px;  display: block; left: 0; margin: 0 auto; position: absolute; right: 0; top: 40px; z-index: 99; } /* overflow-y: auto; */
div.mobile_menu_left a.i { display: block; position: relative; padding: 12px 10px; padding-left: 34px; border-bottom: 1px solid #d9e5f0; text-decoration: none; font-size: 1.06rem; }
div.mobile_menu_left a.i:hover { background-color: #e8eef4; }
div.mobile_menu_left a.i .ii { display: block; padding: 0; margin: 0; position: absolute; left: 6px; top: 50%; margin-top: -12px; width: 24px; height: 24px; background: url(/img/icons_mobile_48_v3.svg?v=3) no-repeat 0 0; background-size: 100px 100px; opacity: 0.6; }
div.mobile_menu_left a.i_my { background-color: #f5eece; color: #59512f !important; padding-top: 10px; padding-bottom: 10px; font-size: 1.06rem; }
div.mobile_menu_left a.i_my:hover { background-color: #f5eece !important; }
/* div.mobile_menu_left a.n { position: absolute; right: 0; top: 29%; text-decoration: none; color: #000; } */
/* div.mobile_menu_left span { padding: 2px 10px; border-radius: 3px; background-color: #fcd45b; margin: 0 10px; font-size: 0.94rem; } */
div.mobile_menu_left span.n, div.mobile_menu_left a.n { padding: 2px 10px; border-radius: 3px; background-color: #fcd45b; margin: 0 10px; position: absolute; right: 0; z-index: 100; top: 27%; font-size: 0.94rem; text-decoration: none; color: #111; }
div.mobile_menu_left div { overflow: hidden; position: relative; background-color: #f1f6fa; }
div.mobile_menu_left div.srch { border-bottom: 1px solid #bad0e4; background-color: #ccd9e6; }
div.mobile_menu_left div.srch div { margin: 10px; background-color: #fff; border-radius: 3px; border: 1px solid #bacadb; box-shadow: 1px 1px 3px #e6e6e6 inset; padding: 3px 5px; position: relative; }
div.mobile_menu_left div.srch input.i { width: 100%; font: 16px Arial; background: transparent; border-width: 0; outline: none; }
div.mobile_menu_left div.srch input.s {     background: transparent url("/img/search_48.png") no-repeat scroll 24px center / 18px 18px; border-radius: 0; border-width: 0; cursor: pointer; display: block; height: 26px; margin-top: -13px; opacity: 0.8; outline: medium none; overflow: hidden; padding: 0; position: absolute; right: 0; top: 50%; width: 50px; z-index: 2; }
div.mobile_menu_left div.srch input.s:hover, .index_menu div.srch input.s:active { opacity: 1; }
div.mobile_menu_left div.bg { background-color: #475d71; left: 0; margin: 0 auto; max-width: 700px; height: 1000px; opacity: 0.7; position: fixed; right: 0; top: 100px; z-index: -1; }

@media screen and (max-width: 910px) {
	div.mobile_menu_left, div.mobile_menu_right2 { box-shadow: 0 0 500px #111; }
}

div.mobile_menu_left div.upd, div.mobile_menu_left div.cop { position: relative; background-color: #e2eaf2; padding: 12px 10px 12px 34px; cursor: pointer; border-bottom: 1px solid #bad0e4; font-size: 1rem; color: #325683; }
div.mobile_menu_left div.upd::after {
	content: ''; display: block; position: absolute; top: 50%; left: 10px; margin-top: -8px; width: 16px; height: 16px; overflow: hidden; opacity: 0.6;
	background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8dGl0bGUvPgogPGRlc2MvPgoKIDxnPgogIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4KICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iNDAyIiB3aWR0aD0iNTgyIiB5PSItMSIgeD0iLTEiLz4KIDwvZz4KIDxnPgogIDx0aXRsZT5MYXllciAxPC90aXRsZT4KICA8cGF0aCBmaWxsPSIjMzI1NjgzIiBpZD0iU2hhcGUiIGQ9Im0xMy42MDAwMDYsMi4zOTk5OTRjLTEuMzk5OTk0LC0xLjUgLTMuMzk5OTk0LC0yLjM5OTk5NCAtNS42MDAwMDYsLTIuMzk5OTk0Yy00LjM5OTk5NCwwIC04LDMuNjAwMDA2IC04LDhjMCw0LjM5OTk5NCAzLjYwMDAwNiw4IDgsOGMzLjcwMDAxMiwwIDYuNzk5OTg4LC0yLjYwMDAwNiA3LjcwMDAxMiwtNmwtMi4xMDAwMDYsMGMtMC44MDAwMTgsMi4yOTk5ODggLTMsNCAtNS42MDAwMDYsNGMtMy4yOTk5ODgsMCAtNiwtMi43MDAwMTIgLTYsLTZjMCwtMy4yOTk5ODggMi43MDAwMTIsLTYgNiwtNmMxLjcwMDAxMiwwIDMuMTAwMDA2LDAuNzAwMDEyIDQuMjAwMDEyLDEuNzk5OTg4bC0zLjIwMDAxMiwzLjIwMDAxMmw3LDBsMCwtN2wtMi4zOTk5OTQsMi4zOTk5OTRsMCwweiIvPgogPC9nPgo8L3N2Zz4=') no-repeat;
	background-size: 16px;

}
div.mobile_menu_left div.cop::after {
	content: ''; display: block; position: absolute; top: 50%; left: 10px; margin-top: -8px; width: 16px; height: 16px; overflow: hidden; opacity: 0.7;
	background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8dGl0bGUvPgogPGRlc2MvPgoKIDxnPgogIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4KICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iMTgiIHdpZHRoPSIxOCIgeT0iLTEiIHg9Ii0xIi8+CiA8L2c+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHBhdGggZmlsbD0iIzMyNTY4MyIgaWQ9IlNoYXBlIiBkPSJtMTAuMTk2MjIsMC4wMjAzOThsLTguNzExMTc0LDBjLTAuNzk4NTIzLDAgLTEuNDUxODYyLDAuNjUzMzM5IC0xLjQ1MTg2MiwxLjQ1MTg2MmwwLDEwLjE2MzAzN2wxLjQ1MTg2MiwwbDAsLTEwLjE2MzAzN2w4LjcxMTE3NCwwbDAsLTEuNDUxODYybDAsMHptMi4xNzc3OTQsMi45MDM3MjVsLTcuOTg1MjQ0LDBjLTAuNzk4NTIzLDAgLTEuNDUxODYyLDAuNjUzMzM5IC0xLjQ1MTg2MiwxLjQ1MTg2MmwwLDEwLjE2MzAzN2MwLDAuNzk4NTI0IDAuNjUzMzM5LDEuNDUxODYyIDEuNDUxODYyLDEuNDUxODYybDcuOTg1MjQ0LDBjMC43OTg1MjQsMCAxLjQ1MTg2MSwtMC42NTMzMzggMS40NTE4NjEsLTEuNDUxODYybDAsLTEwLjE2MzAzN2MwLC0wLjc5ODUyMyAtMC42NTMzMzcsLTEuNDUxODYyIC0xLjQ1MTg2MSwtMS40NTE4NjJsMCwwem0wLDExLjYxNDg5OWwtNy45ODUyNDQsMGwwLC0xMC4xNjMwMzdsNy45ODUyNDQsMGwwLDEwLjE2MzAzN2wwLDB6Ii8+CiA8L2c+Cjwvc3ZnPg==') no-repeat;
	background-size: 16px;
}


/* Темная тема */
div.mobile_menu_left div.theme { padding: 6px 0 6px 10px; color: #627380; font-size: 1rem; }
div.mobile_menu_left div.theme > span.x { display: inline-block; white-space: nowrap; margin-right: 15px;margin: 6px 0; }
div.mobile_menu_left div.theme > span.t { display: inline-block; padding: 2px 5px; border-radius: 3px; cursor: pointer; margin: 0 0 0 8px; position: relative; }
div.mobile_menu_left div.theme > span.t0 { background: #fff; color: #000; }
div.mobile_menu_left div.theme > span.t1 { background: #ccc; color: #000; }
div.mobile_menu_left div.theme > span.t2 { background: #000; color: #fff; }
div.mobile_menu_left div.theme > span.on { padding-left: 20px; }
div.mobile_menu_left div.theme > span.on:after { content: ''; position: absolute; left: 6px; top: 50%; margin-top: -4px; height: 8px; width: 8px; border-radius: 4px; display: block; background-color: #00a257; }

/* Личное меню */
div.mobile_menu_right { background-color: #f8f1d3; font-size: 1rem; z-index: 99; }
div.mobile_menu_right .bg_light { background-color: #f8f1d3; }
div.mobile_menu_right .bg_light a { display: inline-block; text-decoration: none; padding: 10px 0 10px 10px; border: 1px dotted #e1d4a2; border-width: 0 1px 1px 0; width: 50%; overflow: hidden; white-space: nowrap; box-sizing: border-box; }
div.mobile_menu_right .bg_light a:hover { background-color: #f6ebbd; }
div.mobile_menu_right .bg_light a.android { background: #efe6c1 url('/img/phone.png') no-repeat scroll 10px center; border-top: 1px solid #e1d4a2; display: block; margin-top: -1px; padding: 8px 0 8px 30px; width: 100%; }
div.mobile_menu_right1 a { background-color: #f8f1d3; display: inline-block; text-decoration: none; padding: 10px 0 10px 10px; border: 1px dotted #e1d4a2; border-width: 0 1px 1px 0; width: 50%; overflow: hidden; white-space: nowrap; box-sizing: border-box; }
div.mobile_menu_right2 { background-color: #f8f1d3; font-size: 1rem; left: 0; margin: 0 auto; position: absolute; right: 0; top: 40px; z-index: 99; border-bottom: 0px solid #f8f1d3; } /*  overflow: hidden; */
div.mobile_menu_right2 .h { background-color: #e4dbb6; color: #686248; font-size: 0.82rem; padding: 9px 10px; line-height: 100%; position: relative; overflow: hidden; text-overflow: ellipsis; }

div.mobile_menu_bottom_click { position: absolute !important; background: transparent !important; bottom: -300px; left: 0; right: 0; height: 300px; z-index: 100; opacity: 0.1; }


#mobile_menu_v4 { background-color: #f8f4e1; border-bottom: 1px solid #e1d4a2; }
#mobile_menu_v4 a { text-decoration: none; }
#mobile_menu_v4 .i1 { position: relative; padding: 10px; background-color: #f1e8bd; border-bottom: 1px solid #f1e4af; }
#mobile_menu_v4 .i1 .foto { position: absolute; top: 10px; left: 10px; width: 40px; height: 40px; border-radius: 2px; }
#mobile_menu_v4 .i1 .fio { white-space: nowrap; overflow: hidden; position: relative; }
#mobile_menu_v4 .i1 .fio:after { content: ''; position: absolute; display: block; top: -5px; right: 0; bottom: -5px; width: 20px; box-shadow: -10px 0 10px #f0e5b2 inset; }
#mobile_menu_v4 .i1 .lnks { font-size: 0.88rem; }
#mobile_menu_v4 .i1 .lnks a { color: #325683; border-bottom: 1px dotted #776f51; display: inline-block; margin: 6px 12px 0 0; white-space: nowrap; }
#mobile_menu_v4 .i1 .lnks a.dop { display: none; }
#mobile_menu_v4 .i1_dop .lnks a { font-size: 0.94rem; margin: 12px 15px 0 0; color: #325683; }
#mobile_menu_v4 .i1_dop .lnks a.dop { display: inline-block; }
#mobile_menu_v4 .i1 .show_dop { position: absolute; right: 0; top: 0; width: 40px; height: 60px; transition: transform .5s 0s ease; cursor: pointer; -webkit-tap-highlight-color: transparent; }
#mobile_menu_v4 .i1 .show_dop:after { content:''; position:absolute; left: 50%; top:50%; margin-left:-7px; margin-top:-4px; border:10px solid transparent; border-width:7px; border-top:9px solid #a29a7d; }
#mobile_menu_v4 .i1_dop .show_dop { transform: rotate(180deg); }
#mobile_menu_v4 a.i2 { display: block; position: relative; padding: 10px 5px 10px 32px; border-top: 1px solid #ede7d1; position: relative; }
#mobile_menu_v4 a.i2 span.i  { display: block; position: absolute; left: 8px; top: 50%; margin-top: -10px; width: 20px; height: 20px; background: url(/img/icons_contur_32.png) no-repeat 0 0; background-size: 120px 100px; }
#mobile_menu_v4 a.i2 span.i2 { display: block; position: absolute; left: 10px; top: 50%; margin-top: -8px; width: 16px; height: 16px; background: url(/img/svg_sprite.svg?v=42) no-repeat 0 0; background-size: 480px 240px; }
#mobile_menu_v4 .gr { background-color: #f5eed0; -webkit-tap-highlight-color: transparent; }
#mobile_menu_v4 .g { display: block; padding: 10px 5px 10px 32px; border-top: 1px solid #ede7d1; position: relative; cursor: pointer; }
#mobile_menu_v4 .g1:after { content: ''; position: absolute; left: 10px; top: 50%; margin-top: -8px; width: 16px; height: 16px; background: url(/img/icons.png) no-repeat scroll -160px -64px; }
#mobile_menu_v4 .g2:after { content: ''; position: absolute; left: 10px; top: 50%; margin-top: -8px; width: 16px; height: 16px; background: url(/img/icons.png) no-repeat scroll -160px -48px; }
#mobile_menu_v4 .g0:after { content: ''; position: absolute; left: 10px; top: 50%; margin-top: -8px; width: 16px; height: 16px; background: url(/img/icons.png) no-repeat scroll -160px -48px; }
#mobile_menu_v4 .g .arr_down { position: absolute; right: 12px; top: 50%; margin-left:-7px; margin-top:-4px; border: 7px solid transparent; border-width: 6px; border-top: 7px solid #a29a7d; opacity: 0.6; }
#mobile_menu_v4 .gr_on .g .arr_down { transform: rotate(-180deg); margin-top: -10px; }




/* MAKET BODY */
.maket_body { max-width: 980px; box-sizing: border-box; margin: 0 auto; margin-bottom: 50px; padding: 0 10px; margin-top: 66px; min-height: 800px; }
.maket_body_0 { margin-top: 0px; }
.maket_body_40 { margin-top: 40px; }
.maket_body_table { border: 0; border-collapse: collapse; width: 100%; table-layout: fixed; }
.maket_body_left { padding: 20px 0 20px 0; }
.maket_body_right { width: 200px; padding: 20px 0 0 20px; position: relative; }
.maket_body_right_fly_fix { position: fixed; z-index: 11; width: 200px; top: 54px; }
.maket_body_right_fly_abs { position: absolute; z-index: 11; width: 200px; bottom: 0; }
.maket_body_right_fly_rel { position: relative; z-index: 1; }


/* MAKET BOTTOM */
.maket_bottom { background: #d8d8d8; border-top: 1px solid #d0d0d0; } /* border-bottom: 3px solid #afc3d5; */
.maket_bottom > div { margin: 0 auto; max-width: 980px; padding: 20px 10px; box-sizing: border-box; font-size: 0.88rem; color: #333; position: relative; }
.maket_bottom > div a { colorX: #3d5f77; text-decoration-color: #9cadb9; white-space: nowrap; }
.maket_bottom > div a.l { display: inline-block; margin: 10px 10px 0 0; }
.maket_bottom > div .logo { display: block; position: absolute; top: 50%; margin-top: -17px; right: 48px; height: 34px; width: 63px; background: url(/img/logo_2022/logo_bottom.png) no-repeat 0 50%; background-size: 63px 34px; opacity: 0.4; z-index: 1; }



.maket_white_box, .maket_white_box_10, .maket_white_box_15, .maket_white_box_20 { padding: 10px; background: #fff; border-radius: 5px; }
.maket_white_box_top { padding: 20px; }
.maket_white_box_20 { padding: 20px; }
.maket_white_box_15 { padding: 15px; }
@media screen and (max-width: 480px) {
	.maket_white_box, .maket_white_box_10, .maket_white_box_15, .maket_white_box_20, .maket_white_box_top { padding: 10px; }
}
@media screen and (max-width: 390px) {
	.maket_white_box_top { padding: 2px 15px 10px 15px; margin-left: -10px; margin-right: -10px; }
}
@media screen and (max-width: 360px) {
	.maket_white_box, .maket_white_box_10, .maket_white_box_15, .maket_white_box_20, .maket_white_box_top { padding: 10px; margin-left: -10px; margin-right: -10px; }
	.maket_white_box_top { margin-top: -5px; padding-top: 5px; border-radius: 0 0 5px 5px; }
}






/* ОСНОВНОЕ */
html { font-size: 16px; }
body { background: #e7e7e7; background-attachment: fixed; font-family: 'Roboto', Arial, Verdana; font-size: 1rem; padding: 0; margin: 0; }  /* background: url('/img/bg_2022_v2w.png') repeat-x left top #e2e2e2; */
form { margin: 0; padding: 0; }
img { border: 0; border-width: 0; }
iframe { max-width: 100%; }
input, textarea { box-sizing: border-box; margin: 0; }
input[type="checkbox"] { margin-right: 5px; }
input[type="radio"] { margin-right: 5px; }
textarea { font-family: Arial, Verdana; font-size: 0.94rem; resize: vertical; }
input:focus, textarea:focus { outline: none; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type='number'] { -moz-appearance: textfield; }

ul, ol { margin: 0; padding: 0 0 0 10px; overflow: hidden; }
li { margin-left: 20px; padding: 0 0 10px 5px; }
h1 { font-size: 1.5rem; font-weight: normal; margin: 0 0 2px 0; padding: 0; }
h2 { font-size: 1.18rem; margin: 0; padding: 0; }
h3 { font-size: 1rem; margin: 0; padding: 0; }
a, span.like_a { color: #325683; text-decoration: underline; outline: none; cursor: pointer; }
a:hover, a:active, span.like_a:hover { color: #1b81ce; text-decoration: none; }
a.visited { color: #6d7279; opacity: 0.9; }
a.visited:hover { color: #1b81ce; opacity: 0.9; }
h1 a.back { text-decoration: none; margin-left: -11px; margin-right: 1px; padding: 1px 6px; }
h1 a.back:hover { filter: brightness(0.6); }

div.html-wrapper { margin: 0 auto 15px auto; max-width: 960px; text-align: left; background-color: #fff; box-shadow: 0 0 5px #15283C; border-radius: 0 0 5px 5px; position: relative; }
#wrapper-title { position: relative; background: url('/img/logo-title-2015.jpg') no-repeat left top #dee9f5; border-bottom: 1px solid #dbe4ed; height: 115px; }
#wrapper-title .go_index { position: absolute; top: 5px; left: 0; z-index: 100; width: 150px; height: 105px; cursor: pointer; display: block; text-decoration: none; }
#wrapper-title .go_index a { display: block; height: 105px; text-decoration: none; }
#wrapper-title .text { padding: 13px 0 0 210px; }
#wrapper-title .text a.h { text-decoration: none; text-shadow: 1px 1px 0 #fff; color: #333a43; font-size: 25px; overflow: hidden; white-space: nowrap; }
#wrapper-title .text a.h span { opacity: 0.4; }
#wrapper-title .text .city-all-n { color: #73a8ba; font-size: 15px; transition: font-size 0.5s; }
#wrapper-title .text .city-select { margin-top: 10px; font-size: 15px; }
#wrapper-title .text .city-select .city span { background-color: rgba(242,245,247,.8); border: 1px solid #c8d2da; border-radius: 5px; display: inline-block; font-size: 17px; padding: 1px 22px 1px 5px; box-shadow: 1px 1px 1px #dfe6ea inset; color: #333a43; }
#wrapper-title .text .city-select .city span:hover { background-color: #f8f5e6; cursor: pointer; }
#wrapper-title .text .city-select .city span, #city_text_before { position: relative; }
#wrapper-title .text .city-select .city span:after, #city_text_before:after { content:''; position: absolute; right: 5px; top: 50%; margin-top: -4px; border:10px solid transparent; border-width: 6px; border-top: 7px solid #a3b8c9; }


#wrapper-title .text .city-select .city a { color: #999; }
.title-search { position: absolute; top: 10px; right: 10px; font: 13px Verdana; padding: 2px 0px 2px 19px; }
.title-search .bg1 { background: url(/img/icons.png) no-repeat -144px -96px; width: 16px; height: 16px; position: absolute; left: 0; top: 50%; margin-top: -8px; }
.title-search .bg2 { background: url(/img/icons.png) no-repeat -80px -48px; width: 16px; height: 16px; position: absolute; left: 0; top: 50%; margin-top: -8px; }
.title-search a { color: #999; text-decoration: none; border-bottom: 1px dotted #999; }

#title_search { background: url("/img/logo-title-2015.jpg") no-repeat scroll left top #dee9f5; border-bottom: 1px solid #b8c5d2; overflow: hidden; }
#title_search .pic { padding: 14px 28px; background: url("/img/search_bg.jpg") no-repeat scroll left top; }
#title_search .h1 { font-size: 19px; margin: 0 0 4px; }
#title_search .s { max-width: 650px; background-color: #fffcec; border: 1px solid #96b3d1; border-radius: 2px; }
#title_search .r { margin-top: 8px; font-size: 14px; }
#title_search .words { width: 100%; overflow: hidden; }
#title_search .words input { width: 100%; border: 0; padding: 0 3px; margin: 0; font-size: 17px; background-color: transparent; }
#title_search .subm { background-color: #a9c0d8; overflow: hidden; }
#title_search .subm input { background-color: transparent; border: 0 none; color: #000; display: inline; margin: 0; padding: 1px 10px; text-decoration: none; }

#wrapper-body { table-layout: fixed; } /* table-layout: fixed; */
#wrapper-bottom { background-color: #f6f6f6; position: relative; border-top: 1px solid #ddd; border-radius: 0 0 5px 5px; }

#wrapper-title-mobile { height: 40px; background: url('/img/logo_mobile.jpg') no-repeat left top #d1e0ed; overflow: hidden; border-bottom: 1px solid #fff; }
#wrapper-title-mobile a { color: #fff; text-decoration: none; }
#wrapper-title-mobile div.index { font-size: 21px; text-shadow: 1px 1px 0 #6891af; text-decoration: none; color: #fff; float: left; margin: 5px 0 0 5px; }

/* Хаки для Media-queries */
.body_padding { padding: 20px 30px; }
.only-mobile { display: none; }
.only-mobile-910 { display: none; }
.only-mobile-700 { display: none; }
.only-mobile-640 { display: none; }
.only-mobile-480 { display: none; }
.only-mobile-360 { display: none; }
.only-mobile-320 { display: none; }
#nav li a.only-mobile { display: none; }
#nav li.only-mobile { display: none; }
#nav li.only-mobile-580 { display: none; }
#nav li.only-mobile-910 { display: none; }

#go_top1 { font-size: 13px; position: fixed; bottom: 15px; left: 50%; margin-left: 475px; z-index: 10; display: none; color: #999; background-color: #fff; border-radius: 5px; padding: 8px 5px; opacity: 0.5; box-shadow: 1px 1px 2px #15283C; white-space: nowrap; display: none; }
#go_top1:hover { opacity: 1; display: none; }
#go_top1 a { color: #325683; font-weight: bold; padding: 10px 3px; text-decoration: none; }
#go_top1 a:hover { color: #000; }

#go_top    { position: fixed; left: 50%; bottom: 60px; font-size: 13px; margin-left: 480px; opacity: 0.7; white-space: nowrap; z-index: 10; cursor: pointer; width: 250px; height: 150px; display: none; transition: opacity 0.3s ease 0s; }
#go_top:hover { opacity: 1; margin-bottom: 0px; }
#go_top .go { position: absolute; left: 3px; bottom: 5px; border-radius: 0 5px 5px 0; color: #436c91; padding: 8px 7px; white-space: nowrap; font-weight: bold; }
#go_top .text { opacity: 0; }
#go_top:hover .text { opacity: 1; }

#go_bottom { position: fixed; left: 50%; bottom: 0px; font-size: 13px; margin-left: 480px; opacity: 0.7; white-space: nowrap; z-index: 10; cursor: pointer; width: 250px; height: 60px; transition: opacity 0.3s ease 0s; }
#go_bottom:hover { opacity: 1; margin-bottom: 0px; }
#go_bottom .go { position: absolute; left: 3px; bottom: 20px; border-radius: 0 5px 5px 0; color: #436c91; padding: 8px 7px; white-space: nowrap; font-weight: bold; }
#go_bottom .text { opacity: 0; }
#go_bottom:hover .text { opacity: 1; }

#go_top_m       { position: fixed; right: 5px; bottom: 5px; font-size: 13px; opacity: 0.8; z-index: 10; cursor: pointer; width: 34px; height: 34px; display: none; transition: opacity 0.3s ease 0s; }
#go_top_m a     { padding: 5px; display: block; background: rgba(255, 255, 255, 0.9); }
#go_top_m img   { width: 24px; height: 24px; opacity: 0.5; }
#go_top_m:hover img { opacity: 1; }

#go_top_m2 { display: none; position: fixed; right: 5px; bottom: 45px; cursor: pointer; height: 34px; width: 34px; opacity: 0.8; z-index: 10; border-radius: 2px; background: #fff; background: rgba(255, 255, 255, 0.9); }
#go_top_m2 span { display: block; position: relative; margin: 5px 0 0 5px; height: 24px; width: 24px; overflow: hidden; transition: opacity 0.3s ease 0s; }
#go_top_m2 span img { display: block; position: absolute; left: 0; top: 0; width: 48px; opacity: 0.5; }
#go_top_m2:hover span img { opacity: 1; }

#go_bottom_m2 { display: block; position: fixed; right: 5px; bottom: 5px; cursor: pointer; height: 34px; width: 34px; opacity: 0.8; z-index: 10; border-radius: 2px; background: #fff; background: rgba(255, 255, 255, 0.9); }
#go_bottom_m2 span { display: block; position: relative; margin: 5px 0 0 5px; height: 24px; width: 24px; overflow: hidden; transition: opacity 0.3s ease 0s; }
#go_bottom_m2 span img { display: block; position: absolute; left: 0; bottom: 0; width: 48px; opacity: 0.5; }
#go_bottom_m2:hover span img { opacity: 1; }

#go_back_m2 { display: block; position: fixed; left: 5px; bottom: 5px; cursor: pointer; height: 34px; width: 34px; opacity: 0.8; z-index: 10; border-radius: 2px; background: #fff; background: rgba(255, 255, 255, 0.9); }
#go_back_m2 span { display: block; position: relative; margin: 5px 0 0 5px; height: 24px; width: 24px; overflow: hidden; transition: opacity 0.3s ease 0s; }
#go_back_m2 span img { display: block; position: absolute; right: 0; bottom: 0; width: 48px; opacity: 0.5; }
#go_back_m2:hover span img { opacity: 1; }


.m_navigate { position: fixed; left: 0; bottom: 10px; width: 44px; height: 44px; opacity: 0.6; overflow: hidden; cursor: pointer; z-index: 11; -webkit-tap-highlight-color: transparent; }
.m_navigate > div { width: 34px; height: 34px; margin: 5px; border-radius: 2px; background: rgba(255,255,255,.9); background: rgba(83,125,165,.8); overflow: hidden; }
.m_navigate > div > div { width: 20px; height: 20px; margin: 7px; background: url(/img/svg_sprite.svg?v=42) no-repeat -70px -214px; background-size: 480px 240px; overflow: hidden; scale: 1.15; }
.m_navigate:hover { opacity: 1; }
.m_navigate_t { left: auto; right: 0; bottom: 55px; height: 44px; display: none; }
.m_navigate_b { left: auto; right: 0; bottom: 10px; }
.m_navigate_l > div > div { transform: rotate(270deg); }
.m_navigate_t > div > div { transform: rotate(0deg); }
.m_navigate_b > div > div { transform: rotate(180deg); }




/* МЕНЮ */


/* menu_new3 */
div.menu_new3 { background: url('/img/menu_bg_v3.png') no-repeat left bottom #EBF2F8; border-bottom: 1px solid #DFE5EC; border-top: 1px solid #F9FAFC; font: 17px Arial,Verdana; padding: 0; position: relative; overflow: visible; }
div.menu_new3 .m_gradient { min-height: 26px; background: url('/img/menu-bg-left.png') repeat-y scroll left top transparent; left: 0; position: absolute; top: 0; width: 25px; }
div.menu_new4 { position: fixed; left: 50%; top: 0; margin-left: -458px; width: 960px; z-index: 9999; box-shadow: 0 0 3px #172a3c; }

/* мобильное меню */
div.menu_mobile { padding: 0 0 5px 0; background-color: #dbe7f1; font-size: 17px; overflow: hidden; }
div.menu_mobile a { text-decoration: none; margin: 5px 10px 0 5px; display: inline-block; }
div.my_menu_mobile { padding: 0 0 5px 0; background-color: #faf1cc; font-size: 15px; }
div.my_menu_mobile a { text-decoration: none; margin: 5px 10px 0 5px; display: inline-block; }

/* Личное меню для полной версии сайта */
div.my_menu_mobile_full { display: none; }



/* ОСНОВНОЕ МЕНЮ - ЛИЧНОЕ */
#nav_my { float: right; border-left: 1px solid #cedae5; }
#nav_my a { display: inline-block; border-left: 1px solid #f9fafc; border-right: 1px solid #cedae5; padding: 2px 10px 3px; text-decoration: none; text-shadow: 1px 1px 0 #fff; color: #325683; cursor: pointer; padding: 2px 3px 3px 8px; position: relative; }
#nav_my a:hover { background-color: #d4e1ee; }

#nav_my img { width: 16px; height: 16px; display: inline-block; margin: 0 0 2px 0; vertical-align: bottom; background: url('/img/my_menu_ico8.png') no-repeat 0 0; }
#nav_my a.my_aa img { background-position: -16px -128px; opacity: 0.7; }
#nav_my a.my_pr img { background-position: -16px -160px; opacity: 0.7; }
#nav_my a.my_pr2 img { background-position: -16px -272px; opacity: 0.8; }
#nav_my a.my_ls img { background-position: -16px -0px; opacity: 0.7; }
#nav_my a.my_bk img { background-position: -16px -32px; opacity: 0.7; }
#nav_my a.my_ot img { background-position: -16px -64px; opacity: 0.7; }
#nav_my a.my_mm img { background-position: -16px -96px; opacity: 0.7; }
#nav_my a.my_fi img { background-position: -16px -192px; opacity: 0.7; }
#nav_my a.my_rt img { background-position: -16px -224px; opacity: 0.7; }
#nav_my a.my_cl img { background-position: 0 -256px; opacity: 0.9; }
#nav_my a.my_co img { background-position: -32px -0px; opacity: 0.7; }

#nav_my a.my_aa:hover img, #nav_my a.my_aa_on img { background-position: -16px -144px; opacity: 0.9; }
#nav_my a.my_pr:hover img, #nav_my a.my_pr_on img { background-position: -16px -176px; opacity: 0.9; }
#nav_my a.my_ls:hover img, #nav_my a.my_ls_on img { background-position: -16px -16px; opacity: 0.9; }
#nav_my a.my_bk:hover img, #nav_my a.my_bk_on img { background-position: -16px -48px; opacity: 0.9; }
#nav_my a.my_ot:hover img, #nav_my a.my_ot_on img { background-position: -16px -80px; opacity: 0.9; }
#nav_my a.my_mm:hover img, #nav_my a.my_mm_on img { background-position: -16px -112px; opacity: 0.9; }
#nav_my a.my_fi:hover img, #nav_my a.my_fi_on img { background-position: -16px -208px; opacity: 0.9; }
#nav_my a.my_rt:hover img, #nav_my a.my_rt_on img { background-position: -16px -240px; opacity: 0.9; }
#nav_my a.my_cl:hover img, #nav_my a.my_cl_on img { background-position: -16px -256px; opacity: 0.9; }
#nav_my a.my_co:hover img, #nav_my a.my_co_on img { background-position: -32px -16px; opacity: 0.9; }

/* Всплывающая подпись - новые ЛС*/
#nav_my a.my_ls_on i { animation: ls-i-anim 8s 1 Alternate; -webkit-animation: ls-i-anim 8s 1 Alternate; position: absolute; top: -38px; left: -57px; background-color: #fdf4bb; border-radius: 5px; box-shadow: 1px 1px 0 #c4bb80, 0 0 10px #d2ddef; padding: 5px 8px; color: #392d0e; font: 13px Verdana; text-align: center; white-space: nowrap; opacity: 0; text-shadow: 0 0 0 #fdf4bb; z-index: -100; }
#nav_my a.my_ls_on i:after { content: ''; position: absolute; left: 50%; margin-left: -8px; bottom: -17px; border: 10px solid transparent; border-width: 7px 8px; border-top: 10px solid #c4bb80; }
@-webkit-keyframes ls-i-anim { 0% { opacity: 0; display: none; z-index: -100; } 20% { opacity: 0; z-index: 100; } 30% { opacity: 0.8; z-index: 100; } 90% { opacity: 0.8; z-index: 100; } 100% { opacity: 0; z-index: -100; } }
@keyframes ls-i-anim         { 0% { opacity: 0; display: none; z-index: -100; } 20% { opacity: 0; z-index: 100; } 30% { opacity: 0.8; z-index: 100; } 90% { opacity: 0.8; z-index: 100; } 100% { opacity: 0; z-index: -100; } }
#nav_my:hover a.my_ls_on:hover i { animation: none; -webkit-animation: none; display: block; opacity: 0.7; z-index: 100; }
#nav_my a.my_ls_on:hover i { animation: none; -webkit-animation: none; display: block; opacity: 0.7; z-index: 100; }

#nav_my a i { position: absolute; top: -38px; left: -40px; background-color: #fdf4bb; border-radius: 5px; box-shadow: 1px 1px 0 #c4bb80, 0 0 10px #d2ddef; padding: 5px 8px; color: #392d0e; font: 13px Verdana; text-align: center; white-space: nowrap; opacity: 0; text-shadow: 0 0 0 #fdf4bb; z-index: -100; transition: opacity 0.2s ease 0s; }
#nav_my a i:after { content: ''; position: absolute; left: 50%; margin-left: -8px; bottom: -17px; border: 10px solid transparent; border-width: 7px 8px; border-top: 10px solid #c4bb80; }
#nav_my a:hover i { display: block; opacity: 0.7; z-index: 100; }
#nav_my a.my_ls i { left: -57px; }
#nav_my a.my_bk i { left: -39px; }
#nav_my a.my_ot i { left: -20px; }
#nav_my a.my_cl i { left: -71px; }
#nav_my a.my_co i { left: -50px; }



#nav_my a.my_login { background: linear-gradient(180deg, #fff0d0, #ffe1a5); padding: 2px 8px 3px 8px; border-right-color: #ffd075; }
#nav_my a.my_login:hover { background: #fede9f; background-color: #fede9f; }

#nav_my a.my_ls_on img { animation: ls-anim 0.7s infinite Alternate; -webkit-animation: ls-anim 0.7s infinite Alternate; }
@-webkit-keyframes ls-anim { 0% { opacity: 0.5; } 25% { opacity: 0.5; } 75% { opacity: 1; } 100% { opacity: 1; } }
@keyframes ls-anim { 0% { opacity: 0.5; } 25% { opacity: 0.5; } 75% { opacity: 1; } 100% { opacity: 1; } }

#nav_my a.my_fi_on img { animation: ls-anim 0.7s infinite Alternate; -webkit-animation: fi-anim 0.7s infinite Alternate; }
@-webkit-keyframes fi-anim { 0% { opacity: 0.5; } 25% { opacity: 0.5; } 75% { opacity: 1; } 100% { opacity: 1; } }
@keyframes fi-anim { 0% { opacity: 0.5; } 25% { opacity: 0.5; } 75% { opacity: 1; } 100% { opacity: 1; } }

#nav_my a.my_rt_on img { animation: ls-anim 0.7s infinite Alternate; -webkit-animation: rt-anim 0.7s infinite Alternate; }
@-webkit-keyframes rt-anim { 0% { opacity: 0.5; } 25% { opacity: 0.5; } 75% { opacity: 1; } 100% { opacity: 1; } }
@keyframes rt-anim { 0% { opacity: 0.5; } 25% { opacity: 0.5; } 75% { opacity: 1; } 100% { opacity: 1; } }



#nav_my u { background-color: rgba(255, 0, 0, 0); color: #f00; margin-left: 2px; opacity: 0.8; text-shadow: 1px 1px 0 #f1f5f8; font-size: 15px; text-decoration: none; }
#nav_my a.my_aa u, #nav_my a.my_pr u { color: #7594af; }



/* ЛИЧНОЕ МЕНЮ (ПК) - V5 */
.maket_pc_top_my_menu { position: absolute; left: 0; right: 0; top: 100%; padding-bottom: 600px; overflow: hidden; z-index: 50; }
.maket_pc_top_my_menu > div { font-size: 15px; background: linear-gradient(to bottom, #fef5da 0%, #fcf0cb 100%); border-bottom: 1px solid #ceccb1; padding: 20px 10px; box-shadow: 0 0 20px #bbb; }
.maket_pc_top_my_menu > div > div { margin: 0 auto; max-width: 960px; }

.maket_pc_top_my_menu table.t1 { width: 100%; border-collapse: collapse; border: 0; padding: 0; margin: 0; }
.maket_pc_top_my_menu table.t1 td { padding: 0; }
.maket_pc_top_my_menu table.t1 .h { font-size: 18px; margin: 0 0 5px 0; }
.maket_pc_top_my_menu table.t1 a.m { padding: 0; margin: 0 10px 0 0; font-size: 14px; }
.maket_pc_top_my_menu table.t1 .close { display: block; background: url(/img/cancel_19.png) no-repeat 0 0; opacity: 0.6; cursor: pointer; width: 21px; height: 21px; margin: 0 0 15px; }

.maket_pc_top_my_menu .l2 { margin: 15px 0 0 -3px; overflow: hidden; }
.maket_pc_top_my_menu .l2 > a.m { display: inline-block; text-decoration: none; width: 25%; position: relative; margin: 0; box-sizing: border-box; padding: 7px 0 7px 25px; border-radius: 3px; }
.maket_pc_top_my_menu .l2 > a.m:hover { background-color: RGBA(128,128,128,0.1); }
.maket_pc_top_my_menu .l2 > a.m span.i  { display: block; position: absolute; left: 3px; top: 50%; margin-top: -10px; width: 20px; height: 20px; background: url(/img/icons_contur_fill_32.png) no-repeat 0 0; background-size: 120px 100px; }
.maket_pc_top_my_menu .l2 > a.m span.i2 { display: block; position: absolute; left: 5px; top: 50%; margin-top: -8px; width: 16px; height: 16px; background: url(/img/svg_sprite.svg?v=42) no-repeat 0 0; background-size: 480px 240px; }
.maket_pc_top_my_menu .l2 > a.m .n { padding-left: 5px; color: #978e69; }
.maket_pc_top_my_menu .l2 > a.m .n_new { margin-left: 5px; color: #333; background-color: rgba(255, 225, 103, 1); padding: 2px 4px; border-radius: 3px; }
.maket_pc_top_my_menu .l2 > a.m .n_active { font-weight: 500; margin-left: 5px; color: #d00; background-color: rgba(255, 225, 103, 1); padding: 2px 4px; border-radius: 3px; }

.maket_pc_top_my_menu .l2 > div.m { display: inline-block; position: relative; padding: 7px 0 7px 25px; }
.maket_pc_top_my_menu .l2 > div.m span.i  { display: block; position: absolute; left: 3px; top: 50%; margin-top: -10px; width: 20px; height: 20px; background: url(/img/icons_contur_fill_32.png) no-repeat 0 0; background-size: 120px 100px; }
.maket_pc_top_my_menu .l2 > div.m span.i2 { display: block; position: absolute; left: 5px; top: 50%; margin-top: -8px; width: 16px; height: 16px; background: url(/img/svg_sprite.svg?v=42) no-repeat 0 0; background-size: 480px 240px; }
.maket_pc_top_my_menu .l2 > div.m span.m2 { display: inline-block; text-decoration: none; position: relative; margin: 0; box-sizing: border-box; padding: 1px 5px; border-radius: 3px; }
.maket_pc_top_my_menu .l2 > div.m span.on { background-color: RGBA(128,128,128,0.2); }
.maket_pc_top_my_menu .l2 > div.m span.m2:hover { background-color: RGBA(128,128,128,0.1); }


/* ЛИЧНОЕ МЕНЮ (ПК) - V4 */
#my_menu_v4 { displayX: none; position: relative; background-color: #fff; border-top: 1px solid #fefcf4; border-bottom: 1px solid #c8d6e3; margin: 0 0 10px; z-index: 3; }
#my_menu_v4 .line1 { height: 12px; overflow: hidden; background: #fdf4d0 linear-gradient(180deg,#e4e9e9,#fdf4d0) repeat scroll 0 0; }
#my_menu_v4 .line2 { height: 12px; overflow: hidden; background: #fdf4d0 linear-gradient(180deg,#fdf4d0,#e4e9e9) repeat scroll 0 0; border-bottom: 1px solid #bdc8d3; }
#my_menu_v4 .ph img.ph { display: inline-block; max-width: 120px; max-height: 120px; border: 3px solid #e8deb8; border-radius: 3px; background-color: #fff; opacity: 0.9; transition: opacity .4s ease 0s; }
#my_menu_v4 .td1:hover .ph img.ph { opacity: 1; }
#my_menu_v4 .ph img.club { position: absolute; bottom: -6px; right: 10px; height: 24px; }
#my_menu_v4 .ph > div { display: inline-block; position: relative; }
#my_menu_v4 .h { color: #958a6c; margin: 0 0 7px 5px; font-size: 17px; }
#my_menu_v4 .m { font-size: 15px; position: relative; border-radius: 3px; overflow: hidden; margin-right: 10px; white-space: nowrap; }
#my_menu_v4 .m:hover { background-color: #e9ddae; }
#my_menu_v4 .m a.a1 { display: block; text-decoration: none; padding: 5px 0 5px 25px; position: relative; }
#my_menu_v4 .m a.a1:hover { color: #c71d24; }
#my_menu_v4 .m a.a1 span.n { color: #978e69; margin-left: 7px; }
#my_menu_v4 .m a.a1 span.n_active { background-color: #f6de7b; border-radius: 3px; color: #e00; margin-left: 7px; padding: 1px 5px; }
#my_menu_v4 .m a.a1 span.n_new    { background-color: #f6de7b; border-radius: 3px; color: #e00; margin-left: 7px; padding: 1px 5px; font-weight: bold; }
#my_menu_v4 .m a.add { display: block; text-decoration: none; background-color: #90c87a; border-radius: 0 3px 3px 0; color: #fff; font-size: 15px; padding: 5px 5px; position: absolute; right: 0; top: 0; opacity: 0; }
#my_menu_v4 .m:hover a.add { opacity: .7; }
#my_menu_v4 .m:hover a.add:hover { opacity: 1; }
#my_menu_v4 .m span.i { display: block; position: absolute; left: 3px; top: 50%; margin-top: -10px; width: 20px; height: 20px; background: url(/img/icons_contur_fill_32.png) no-repeat 0 0; background-size: 120px 100px; }
#my_menu_v4 .td1 { width: 24%; font-size: 14px; padding: 5px 0 3px 0; }
#my_menu_v4 .td2 { width: 26%; }
#my_menu_v4 .td3 { width: 26%; }
#my_menu_v4 .td4 { width: 24%; }
#my_menu_v4 .td1 a { text-decoration-color: #e8deb8; }
#my_menu_v4 .m900 { display: none; }
#my_menu_v4 div.hr { margin-top: 5px; height: 5px; border-top: 1px solid #e2d7b2; display: none; }
@media screen and (max-width: 900px) {
	#my_menu_v4 .td1 { display: none; }
	#my_menu_v4 .m900 { display: block; }
}
@media screen and (max-width: 700px) {
	#my_menu_v4 .td { display: block; overflow: hidden; width: auto; }
	#my_menu_v4 .h { display: none; }
	#my_menu_v4 .td1, #my_menu_v4 .td3 { display: none; }

	#my_menu_v4 .m700 { display: block; }
	#my_menu_v4 div.hr { display: block; }
}




/* ПОЛЬЗОВАТЕЛЬСКОЕ МЕНЮ V2 */
div.profile_menu { overflow: hidden; padding: 5px 10px; cursor: pointer; position: relative; }
div.profile_menu .profile_foto { float: left; padding: 1px; border: 1px solid #ccc; background-color: #fff; }
div.profile_menu .profile_text { margin: 2px 0 0 32px; }
div.profile_menu .profile_fio { word-wrap: normal; white-space: nowrap; overflow: hidden; font-weight: bold; }
div.profile_menu .profile_lnk { margin-top: 1px; font-size: 15px; color: #777; text-decoration: underline; }
div.profile_menu:hover .profile_lnk { color: #666; text-decoration: none; }
div.profile_menu_plus { padding: 7px 10px; border-bottom: 1px solid #dde3ed; background-color: #edf2f5; }
div.profile_menu_plus .add { background: url(/img/plus_mini.png) no-repeat 2px center; margin-top: 5px; padding-left: 21px; font-size: 12px; font-family: Tahoma; }
div.profile_menu_plus .add a { color: #99aabe; }
div.profile_menu_plus .add a:hover { color: #6f8bab; }





/* Цветные блоки в правой колонке */
div.menu-blue-box { background: #F7F8FA url('/img/menu2_top.gif') repeat-x center top; padding: 10px 5px 5px 5px; margin: 5px; font-size: 14px; text-align: center; }
div.menu-blue-box a { text-decoration: none; }

div.menu-blue-box2 { background-color: #fff; box-shadow: 1px 1px 2px #d3d3d3; border-width: 0; border-radius: 5px; font-size: 15px; margin: 0 0 10px; overflow: hidden; padding: 0; text-align: left; position: relative; }
div.menu-blue-box2 a { text-decoration: none; }
div.menu-blue-box2 .h { background: #c0cfdd; color: #404d61; font-weight: 500; padding: 4px 10px; border-radius: 5px 5px 0 0; }

div.menu-blue-box3 { background-color: #fff; box-shadow: 1px 1px 2px #d3d3d3; border-width: 0; border-radius: 5px; font-size: 15px; margin: 0 0 10px; overflow: hidden; padding: 0; text-align: left; position: relative; }
div.menu-blue-box3 a { text-decoration: none; }
div.menu-blue-box3 .h { background: #c0cfdd; color: #404d61; font-weight: 500; padding: 4px 10px; border-radius: 5px 5px 0 0; }

div.menu-blue-box4 { background-color: #f8f6e2; box-shadow: 1px 1px 2px #d3d3d3; border-radius: 5px; color: #3f3e38; font-size: 15px; margin: 0 0 10px; overflow: hidden; padding: 0; position: relative; }
div.menu-blue-box3 a { text-decoration: none; }
div.menu-blue-box4 .h { background: #ebe7b0; border-top: 1px solid #fbf8d4; border-bottom: 1px solid #e1deb5; color: #4d4b28; font-weight: 500; padding: 4px 10px; }

/* Реклама в правой колонке */
.menu-blue-box-rkklmn { position: relative; }

.menu-blue-box-rkklmn .rh { background: linear-gradient(180deg, #d5dfe8, #fff); color: #7f8b95; font-size: 12px; padding: 5px 10px; line-height: 100%; position: relative; }
.menu-blue-box-rkklmn .rh .x { position: absolute; right: 8px; top: 50%; margin-top: -9px; display: block; width: 18px; height: 18px; background: url(/img/svg_sprite.svg?v=42) no-repeat -152px -130px; background-size: 440px 220px; opacity: 0.6; cursor: pointer; }
.menu-blue-box-rkklmn:hover .rh .x { opacity: 1; }

.menu-blue-box-rkklmn .xh { color: #999; font-size: 14px; margin: 0 0 15px; line-height: 100%; position: relative; }
.menu-blue-box-rkklmn .xh .x { position: absolute; right: 0; top: 50%; margin-top: -9px; display: block; width: 18px; height: 18px; background: url(/img/svg_sprite.svg?v=42) no-repeat -42px -130px; background-size: 440px 220px; opacity: 0.8; cursor: pointer; }
.menu-blue-box-rkklmn:hover .xh .x { opacity: 1; }

.menu-blue-box-rkklmn .box { text-align: center; padding: 2px 5px 10px 5px; font-size: 14px; }
.menu-blue-box-rkklmn .box a { display: block; text-decoration: none; overflow: hidden; }
.menu-blue-box-rkklmn .box img { position: relative; max-width: 180px; }
.menu-blue-box-rkklmn .box span.t { display: block; padding-top: 6px; line-height: 135%; }
.menu-blue-box-rkklmn .box span.t13 { font-size: 13px; }
.menu-blue-box-rkklmn .box span.t14 { font-size: 14px; }

.menu-blue-box-rkklmn img { max-width: 180px; }
.menu-blue-box-rkklmn img.close { position: absolute; right: 8px; top: 3px; background: url(/img/icons.png) no-repeat -112px -96px; cursor: pointer; float: right; width: 16px; height: 16px; margin: 0 -5px 0 0; opacity: 0.3; }
.menu-blue-box-rkklmn:hover img.close { opacity: 0.5; }
.menu-blue-box-rkklmn img.close:hover { opacity: 1; }
.menu-blue-box-rkklmn div.close { position: absolute; right: 0; top: 0; padding: 2px; cursor: pointer; opacity: .6; z-index: 10; pointer-events: visible; box-sizing: border-box; text-align: center; background: #fff; }
.menu-blue-box-rkklmn div.close:hover { opacity: 1; }
/* .menu-blue-box-rkklmn div.close:after { content: ''; display: block; width: 16px; height: 16px; background: url(/img/icons.png) no-repeat -112px -96px; } */
.menu-blue-box-rkklmn div.close:after { content: ''; display: block; width: 18px; height: 18px; background: url(/img/svg_sprite.svg?v=42) no-repeat -152px -130px; background-size: 440px 220px; }

.rklmn0 div.close2 { display: none; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: #fff; padding: 10px 15px; z-index: 11; border-radius: 5px; width: 100%; box-sizing: border-box; overflow-y: auto; }
.rklmn0 div.close2 > a, .rklmn0 div.close2 > span.like_a { display: block; margin: 6px 0; background-color: #ececec; padding: 7px 5px; text-align: center; color: #000; border: 1px solid #ddd; border-width: 0 1px 1px 0; border-radius: 3px; text-decoration: none; opacity: 0.9; white-space: nowrap; vertical-align: top; }
.rklmn0 div.close2 > a:hover, .rklmn0 div.close2 > span.like_a:hover { opacity: 1; }
.rklmn0 div.close2 > .erid { display: block; margin: 10px 0; text-align: center; opacity: 0.6; font-size: 12px; }
.rklmn0 div.close2 > span.cancel { display: block; margin: 10px 0; text-align: center; color: #666; text-decoration: underline; cursor: pointer; opacity: 0.9; }

.rklmn3 div.close2 { padding: 10px 30px 5px 10px; }
.rklmn3 div.close2 > a, .rklmn3 div.close2 > span.like_a { display: inline-block; margin: 0 10px 10px 0; padding: 4px 7px; font-size: 14px; }
.rklmn3 div.close2 > a:hover, .rklmn0 div.close2 > span.like_a:hover { opacity: 1; }
.rklmn3 div.close2 > .erid { display: inline-block; margin: 0; padding: 4px 1px; text-align: center; opacity: 0.6; font-size: 12px; }
.rklmn3 div.close2 > span.cancel { display: inline-block; margin: 0 10px 10px 0; padding: 4px 7px; vertical-align: top; font-size: 14px; }

.rklmn3 .x { position: absolute; right: 10px; top: 10px; display: block; width: 18px; height: 18px; background: url(/img/svg_sprite.svg?v=42) no-repeat -42px -130px; background-size: 440px 220px; opacity: 0.8; cursor: pointer; }
.rklmn3:hover .x { opacity: 1; }


/* Реклама внизу страницы */
div.rklmn3 { display: block; vertical-align: top; margin: 25px 0; text-align: center; font-size: 16px; background-color: #fffeed; border: 1px solid #bab9a8; border-radius: 5px; border-width: 0 1px 1px 0; padding: 5px; position: relative; overflow: visible; box-sizing: border-box; }
div.rklmn3:after { display: block; position: absolute; top: -7px; left: 15px; content: 'Реклама'; background-color: #acaba6; color: #fff; font-size: 11px; padding: 2px 4px 2px 8px; border-radius: 3px; line-height: 100%; letter-spacing: 2px; z-index: 12; }
div.rklmn3:hover { background-color: #fbfae9; }
div.rklmn3 table { border-collapse: collapse; border: 0; width: 100%; }
div.rklmn3 table td { padding: 10px; margin: 0; text-align: center; vertical-align: middle; }
div.rklmn3 table td:nth-child(2n) { width: 100%; padding: 15px 25px 15px 10px; }
div.rklmn3 table td img { max-height: 120px; max-width: 100px; border-radius: 2px; }
div.rklmn3 img.close { position: absolute; right: 8px; top: 5px; background: url(/img/icons.png) no-repeat -112px -96px; padding: 0; cursor: pointer; float: right; width: 16px; height: 16px; margin: 0 -5px 0 0; opacity: 0.5; z-index: 10; }
div.rklmn3 div.close { position: absolute; right: 0; top: 0; padding: 5px 8px; cursor: pointer; width: 32px; height: 26px; opacity: 0.5; z-index: 10; pointer-events: visible; box-sizing: border-box; }
div.rklmn3 div.close:hover { background-color: RGBA(255,214,168,0.7); border-radius: 0 0 0 4px; opacity: 1; }
div.rklmn3 div.close:after { content: ''; display: block; width: 18px; height: 18px; background: url(/img/svg_sprite.svg?v=42) no-repeat -152px -130px; background-size: 440px 220px; filter: grayscale(1); }
div.rklmn3 a { display: block; text-decoration: none; overflow: hidden; }

@media screen and (max-width: 480px) { div.rklmn3 table td img { padding: 0; max-height: 150px; } }
@media screen and (max-width: 360px) { div.rklmn3 { font-size: 15px; } }
div.rklmn3_fly { margin: 0 auto; border: 1px solid #a8a791; border-width: 1px 0 0 0; border-radius: 0; position: fixed; max-width: 700px; width: 100%; bottom: 0; left: 0; right: 0; box-shadow: 0 0 10px 10px #fff; z-index: 15; }
div.rklmn3_fly img.close { margin: 0; padding: 0; right: 0; top: 0; background: url(/img/close_rk.png) no-repeat 25px 7px; opacity: 1; width: 45px; height: 45px; }
div.rklmn3_fly table td img { margin-right: 5px; padding: 0; border-radius: 4px; }


.rkl_place_b_doble { margin-right: 10px; white-space: nowrap; }
.rkl_place_b_doble > .rkl_place_b { width: 50%; display: inline-block; margin: 0 10px 0 0; white-space: normal; }
.rkl_place_b_doble div.rklmn3 table { height: 140px; }
.rkl_place_b_doble div.rklmn3 table td img { max-height: 120px; display: block; }

/* +++  */
.rkl_place_b_doble { display: grid; margin: 15px 0; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-column-gap: 15px; grid-row-gap: 15px; }
.rkl_place_b_doble .rkl_place_b { display: block; width: auto; margin: 0; }
div.rklmn3 { margin: 5px 0 0 0; }

@media screen and (max-width: 940px) {
	.rkl_place_b_doble { margin-right: 0; white-space: normal; }
	.rkl_place_b_doble > .rkl_place_b { width: 100%; }
	.rkl_place_b_doble div.rklmn3 table { height: auto; }
	.rkl_place_b_doble div.rklmn3 table td img { height: auto; }
}


/* Блоки - цитировать выделенное */
#quick_quote_button { left: 0; top: 0; display: none; cursor: pointer; position: fixed; z-index: 1000; text-align: center; position: absolute; max-width: 250px; }
#quick_quote_button > div { display: inline-block; }
#quick_quote_button > div > a { background-color: #ffe8a8; border: 2px solid #fff; border-radius: 4px; box-shadow: 2px 2px 3px 1px #ccc; color: #000; cursor: pointer; font-size: 14px; padding: 3px 6px 5px; text-decoration: none; display: inline-block; overflow: hidden; }
#quick_quote_button > div > a:hover { background-color: #ffe8a8; }
#quick_quote_button > div > a.abc_check { overflow: hidden; margin-top: 6px; background-color: #eee; }

#quick_quote_button_mobile { top: auto !important; left: 0 !important; right: 0 !important; display: none; bottom: 0;  cursor: pointer;  position: fixed; z-index: 1000; text-align: center; user-select: none; }
#quick_quote_button_mobile > div { display: block; margin: 0 auto; max-width: 940px; background-color: #eee; border-top: 3px solid #fff; padding: 10px; }
#quick_quote_button_mobile > div > a { background-color: #fc0; border-width: 0; font-size: 15px; border-radius: 3px; box-shadow: 1px 1px 0 #c90; color: #222; display: block; padding: 10px 5px; text-align: center; text-decoration: none; overflow: hidden; }
#quick_quote_button_mobile > div > a:hover { background-color: #f8c600; }
#quick_quote_button_mobile > div > a.abc_check { float: right; margin-left: 5px; padding-left: 10px; padding-right: 10px; background: url(/img/abc_check_32.png) no-repeat 50% 50% #fc0; width: 25px; }
#quick_quote_button_mobile > div > a.abc_len   { float: right; margin-left: 5px; padding-left: 8px; padding-right: 8px; }

.YouTube { margin: 10px 0; max-width: 900px; clear: left; overflow: hidden; min-heightX: 300px; background-color: RGBA(128,128,128,0.2); border-radius: 3px; }
.YouTube > div { margin: 0 auto; transition: 1s; }
.YouTube > div > div { padding-bottomX: 70%; position: relative; text-align: center; }
.YouTube iframe { width: 100%; height: 100%; aspect-ratio: 700/406;}
.YouTube_clip iframe { width: 100%; height: 100%; aspect-ratio: 700/700;}
.VK_clip iframe { aspect-ratio: 300/600; width: auto; height: 500px; max-width: 100%; max-height: 500px; }
@media screen and (max-width: 580px) {
	.YouTube iframe { aspect-ratio: 700/500;}
	.YouTube_clip iframe { aspect-ratio: 400/600;}
	.VK_clip iframe { aspect-ratio: 300/600; height: 450px; max-height: 450px; }
}

@media screen and (max-width: 640px) { min-heightX: 211px; }


/* Горизонтальное меню */
td.xb { background-image: url('/img/title-bg2.gif'); background-repeat: repeat-x; background-position: left top; background-color: #ffffff }

/* Шапка - информация о городе */
#city_top div.top-city-info a { text-decoration: none; }

/* Цвет фона выделенного текста */
::selection { color: #000; background: #bdd5f1; }


.share_20 a { display: inline-block; background: url(/img/shre_20.png) no-repeat 0 0; height: 20px; width: 20px; text-decoration: none; margin: 0 4px 0 0; overflow: hidden; cursor: pointer; }
.share_20 a:hover { opacity: 0.8; }
.share_20 a.vk { background-position: -20px 0; }
.share_20 a.fb { background-position: -40px 0; }
.share_20 a.ok { background-position: -60px 0; }
.share_20 a.mr { background-position: -80px 0; }
.share_20 a.gp { background-position: -100px 0; }
.share_20 a.tw { background-position: -120px 0; }
.share_20 a.lg { background-position: -140px 0; }
.share_20 a.pp { background-position: -160px 0; }
.share_20 a.ww { background-position: -180px 0; }
.share_20 a.ww { background-position: -180px 0; }

.share_24 a { display: inline-block; background: url(/img/shre_24.png) no-repeat 0 0; height: 24px; width: 24px; text-decoration: none; margin: 0 4px 0 0; overflow: hidden; }
.share_24 a:hover { opacity: 0.8; }
.share_24 a.vk { background-position: -24px 0; }
.share_24 a.fb { background-position: -48px 0; }
.share_24 a.ok { background-position: -72px 0; }
.share_24 a.mr { background-position: -96px 0; }
.share_24 a.gp { background-position: -120px 0; }
.share_24 a.tw { background-position: -144px 0; }
.share_24 a.lg { background-position: -168px 0; }
.share_24 a.pp { background-position: -192px 0; }
.share_24 a.ww { background-position: -216px 0; }


/* Новое ЛС */
#share41 { position: fixed; right: 10px; top: 280px; z-index: 100; display: none; }
#share41 a { opacity: 1; background: url('/img/shre5.png') no-repeat -215px 0; display: block; width: 24px; height: 24px; text-decoration: none; color: #fff; font: 11px Verdana; font-weight: bold; text-align: center; transition: opacity 0.3s ease 0s; overflow: hidden; animation: share41-anim 0.5s 11 Alternate; }
#share41 a:hover { opacity: 0.9; }
#share41 a span { display: block; margin-top: 2px; }
@keyframes share41-anim { 0% { opacity: 0.3; } 40% { opacity: 0.3; } 60% { opacity: 1; } 100% { opacity: 1; } }

/* Рек-я в соц сетях справа */
#share42 { position: fixed; right: 10px; top: 100px; z-index: 10; transition: opacity 0.3s ease 0s; }
#share42 a, #share42 .i { opacity: 1; background: url('/img/shre_right.svg') no-repeat 0 0; ; background-size: 144px 24px; display: block; width: 24px; height: 24px; margin: 0 0 6px; border-radius: 2px; cursor: pointer; }
#share42 a:hover, #share42 i:hover { opacity: 0.8; }
#share42 .close { opacity: 0.3; position: absolute; bottom: -21px; right: 1px; font: 10px Tahoma; color: #acb7c3; cursor: pointer; padding-bottom: 5px; }
#share42 .close:hover, #share42:hover .close { opacity: 1; }

@media screen and (max-width:1050px) {
	#share42, #share41 { display: none; }
}





/* POPAP ПАРТНЕРСКИЙ */
.popupbox { padding: 15px; background-color: #f1c973; width: 500px; display: none; float: left; position: fixed; top: 50%; left: 50%; z-index: 99999; box-shadow: 1px 1px 15px #000; border-radius: 5px; }
.popupbox div.border { border: 1px solid #daa05c; background-color: #f6f6f6; border-radius: 5px; padding: 20px 15px 20px 20px; overflow: hidden; }
.popupbox input.partner { width: 450px; padding: 2px; font-size: 15px; }
.popupbox h3 { font-size: 16px; margin: 0; padding: 0; }

.div_input_copy { position: relative; overflow: hidden; }
.div_input_copy > div { position: absolute; right: 0; top: 50%; cursor: pointer; width: 30px; height: 26px; margin-top: -13px; z-index: 2; font-size: 0; }
.div_input_copy > div i { display: block; width: 16px; height: 16px; background: url(/img/svg_sprite.svg?v=42) no-repeat -192px -96px; background-size: 480px 240px; margin: 5px 0 0 8px; }
.div_input_copy input { width: 100%; border: 0; padding: 5px 3px; padding-right: 35px; box-sizing: border-box; background-color: transparent; font-size: 15px; color: #237cbd; outline: none; text-overflow: ellipsis; }
.div_input_copy input { text-overflow: ellipsis; padding-right: 5px 40px 5px 3px; }
.div_input_copy input.profile { padding: 5px 40px 5px 3px; }

#fade {	display: none; background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .40; z-index: 9999; }


#city_ppp_box { min-height: 150px; }
#city_ppp_box a.item { display: block; text-decoration: none; color: #000; padding: 6px 0; border-bottom: 1px solid #ddd; line-height: 100%; overflow: hidden; }
#city_ppp_box a.item:hover { background: #fafafa; }
#city_ppp_box a.item .n { font-weight: 500; color: #29679d; }
#city_ppp_box a.item .r { margin-top: 3px; font-size: 14px; opacity: 0.6; }
#city_ppp_box .list_big a.item { padding: 7px 0; }
#city_ppp_box .list_big a.item .r { display: none; }


/* ПРЕДИКТИВНЫЙ ВЫБОР ГОРОДА */
/* #city_text { padding: 2px; width: 100%; border: 1px solid #ccc; background: url('/img/city_select.gif') no-repeat right center #fff; border-radius: 2px; }*/
#city_text { width: 100%; background-color: #fff; border: 1px solid #c8d2da; border-radius: 4px; display: inline-block; font-size: 15px; padding: 2px 25px 2px 5px; }
#city_result { box-shadow: 1px 2px 4px #aaa; border: 1px solid #ccc; border-top-width: 0; background-color: #fff; position: absolute; top: 0px; width: 100%; z-index: 999999; }
#city_result div  { padding: 2px; font: 14px Arial,Verdana; }
#city_result span { padding: 4px 2px; display: block; font: 13px Arial,Verdana; background-color: #ffdada; color: #444; }
#city_result div:hover { background-color: #f6f6f6; cursor: pointer; }

#wrapper-title .city_auto_info { background-color: #f9f3c6; border-radius: 5px; box-shadow: 1px 1px 0 #c4bb80; font-size: 15px; left: 12px; max-width: 300px; padding: 2px 15px; position: absolute; top: 0; white-space: nowrap; color: #5e593b; opacity: 0.8; }
#wrapper-title .city_auto_info:after { content: ''; position: absolute; left: -18px; top: 5px; border: 10px solid transparent; border-width: 7px 8px; border-right: 10px solid #f1e8af; }
#wrapper-title:hover .city_auto_info { opacity: 1; }


.video_b17 { background-color: #333; max-height: 500px; width: 100%; border-radius: 3px; display: block; }


/* КНОПКИ ДЛЯ ТЕКСТОВОЙ ФОРМЫ */
div.sprites_textarea { background-color: #f9f9f9; border: 1px solid #bababa; padding: 2px; margin-top: 10px; border-bottom: 0; background: #eeeeee linear-gradient(180deg, #f8f8f8, #e6e6e6) repeat scroll 0 0; border-radius: 2px 2px 0 0; }
div.sprites_textarea div { display: inline-block; background: url(/img/ico_textform.png) 0 50px no-repeat transparent; min-width: 16px; height: 16px; cursor: pointer; margin: 2px 4px; overflow: hidden; }
div.sprites_textarea div.b { background-position: 0 0px; }
div.sprites_textarea div.i { background-position: 0 -20px; }
div.sprites_textarea div.u { background-position: 0 -40px; }
div.sprites_textarea div.d { background-position: 0 -179px; }
div.sprites_textarea div.img_url { background-position: 0 -60px; width: 18px; }
div.sprites_textarea div.img_pc { background-position: 0 -80px; width: 18px; }
div.sprites_textarea div.img_smile { background-position: 0 -198px; width: 17px; }
div.sprites_textarea div.y { background-position: 0 -100px; width: 18px; }
div.sprites_textarea div.h { background-position: 0 -120px; }
div.sprites_textarea div.q { background-position: 0 -140px; }
div.sprites_textarea div.s { background-position: 0 -159px; }
div.sprites_textarea div.g { background-position: 0 -226px; }
div.sprites_textarea div.sr { background-position: 0 -250px; }
div.sprites_textarea div.rule { float: right; margin: 1px 4px 0 0; padding-bottom: 1px; }
div.sprites_textarea div.rule a { color: #666; font-size: 14px; text-decoration: none; border-bottom: 1px dotted #666; }
div.sprites_textarea div img { min-width: 16px; min-height: 16px; }


.comments_form_v3 {}
.comments_form_v3 .cf_textarea { border-radius: 5px; border: 1px solid #d9d9d9; background: #f0f0f0; overflow: hidden; position: relative; }

.comments_form_v3 .cf_biu { background: #f0f0f0; line-height: 100%; font-size: 0.88rem; margin-top: -3px; margin-right: -5px; padding: 0 0 8px 5px; border-bottom: 1px solid #e0e0e0; }
.comments_form_v3 .cf_biu div.cf_biu_add { display: inline-block; }
.comments_form_v3 .cf_biu .ii { display: inline-block; white-space: nowrap; min-height: 20px; min-width: 16px; margin: 10px 4px 0 4px; font-size: 14px; position: relative; cursor: pointer; padding: 3px 0; box-sizing: border-box; overflow: hidden; }
.comments_form_v3 .cf_biu .ii:hover { opacity: 0.8; }
.comments_form_v3 .cf_biu .it { padding-left: 20px; margin-right: 12px; }
.comments_form_v3 .cf_biu .ii i { position: absolute; left: 0; top: 50%; margin-top: -8px; overflow: hidden; display: block; width: 16px; height: 16px; background: url(/img/svg_sprite.svg?v=42) no-repeat 0 0; background-size: 480px 240px; }
.comments_form_v3 .cf_biu .ii01 i { background-position: 0 -48px; }
.comments_form_v3 .cf_biu .ii02 i { background-position: -24px -48px; }
.comments_form_v3 .cf_biu .ii03 i { background-position: -48px -48px; }
.comments_form_v3 .cf_biu .ii04 { margin-right: 13px; }
.comments_form_v3 .cf_biu .ii04 i { background-position: -72px -48px; }
.comments_form_v3 .cf_biu .ii10 i { background-position: -120px -48px; }
.comments_form_v3 .cf_biu .ii11 i { background-position: -144px -48px; }
.comments_form_v3 .cf_biu .ii12 i { background-position: -168px -48px; }
.comments_form_v3 .cf_biu .ii13 i { background-position: -192px -48px; }
.comments_form_v3 .cf_biu .ii14 i { background-position: -216px -48px; }
.comments_form_v3 .cf_biu .ii15 i { background-position: -96px -48px; }
.comments_form_v3 .cf_biu .ii16 i { background-position: -216px -24px; }

.comments_form_v3 .cf_green { display: none; background-color: RGBA(128,200,128,0.2); border-bottom: 1px solid RGBA(128,200,128,0.4); padding: 8px; font-size: 0.94rem; position: relative; }
.comments_form_v3 .cf_green .hh { font-size: 1.18rem; margin: 0 0 10px 0; }
.comments_form_v3 .cf_green .s { font-size: 0.88rem; margin: 0 0 10px 0; opacity: 0.5; }
.comments_form_v3 .cf_green .img img { max-width: 200px; max-height: 200px; }

.comments_form_v3 .cf_textarea .textarea { position: relative; }
.comments_form_v3 .cf_textarea .textarea .add { width: 20px; height: 20px; position: absolute; top: 5px; right: 5px; background: url(/img/svg_sprite.svg?v=42) no-repeat -150px -60px; background-size: 600px 300px; opacity: 0.4; filter: grayscale(1); pointer-events: none; }
.comments_form_v3 .cf_textarea .textarea textarea { background: #fafafa; border: 0; border-radius: 0 0 5px 5px; width: 100%; padding: 5px 7px; padding-right: 30px; line-height: 120%; box-sizing: border-box; box-shadow: 1px 1px 2px #eee inset; resize: vertical; height: 50px; min-height: 50px; font-size: 16px; transition: all .3s ease 0s; }
.comments_form_v3 .cf_textarea .textarea_focus .add { display: none; }
.comments_form_v3 .cf_textarea .textarea_focus textarea { min-height: 90px; background: #fdfdfd; }

.comments_form_v3 .cf_send {  }
.comments_form_v3 .cf_send .submit { display: inline-block; margin: 6px 10px 0 0; background: #6b8fb2; border: 0; border-radius: 3px; color: #fff; cursor: pointer; font-size: .94rem; padding: 6px 10px; }
.comments_form_v3 .cf_send .ctrl_enter { display: inline-block; margin: 6px 10px 0 0;font-size: .88rem; opacity: .3; }
.comments_form_v3 .cf_send .submit_animate { background-image: repeating-linear-gradient(-45deg, #6b8fb2, #6b8fb2 25px, #819fbe 25px, #819fbe 50px);	background-size: 400% 400%; animation: cf_submit_animate 15s linear infinite; }
@keyframes cf_submit_animate { to { background-position: -1000px 0; } }

.comments_form_v3 .cancel { position: absolute; right: 10px; top: 10px; width: 20px; height: 20px; background: url(/img/svg_sprite.svg?v=42) no-repeat -90px -180px; cursor: pointer; background-size: 600px 300px; border-radius: 5px; opacity: 0.8; }
.comments_form_v3 .cf_notice { float: right; margin-top: 11px; font-size: .88rem; cursor: pointer; filter: grayscale(.5); opacity: .8; }






/* tootlip */
#text {margin:50px auto; width:500px;  }
.hotspot {cursor:pointer; COLOR: #325683; TEXT-DECORATION: underline; }
#tt {position:absolute; display:block; }
#tttop {display:block; height:0px; margin:0px; overflow:hidden}
#ttcont { display:block; border-width: 1px; border-style:solid; border-color:#333333; padding:5px; background:#ffffe1; color:#000; font:11px/1.5 Verdana, Arial, Helvetica, sans-serif; }
#ttbot {display:block; height:0px; margin:0px; overflow:hidden}


table.t14 td { font-size: 14px; }
table.t15 td { font-size: 15px; }
table.t16 td { font-size: 16px; }

table.vkladki_info { border: 0; padding: 0; border-collapse: collapse; table-layout: fixed; background-color: #E7F2FF; width: 100%; margin-bottom: 8px; transition: background-color .3s 0s ease; }
table.vkladki_info td { padding: 7px; white-space: nowrap; font-size: 15px; }
.vkladki_info .sort { font-size: 13px; padding-right: 3px; float: right; }
.vkladki_info .fav, .vkladki4 .fav { opacity: 0.6; transition: opacity 0.2s ease 0s; }
.vkladki_info:hover .fav, .vkladki4:hover .fav { opacity: 1; }

.sort_on  { color: #333; cursor: pointer; text-decoration: none; background-color: #d5e0ef; border-radius: 2px; padding: 2px 5px; box-shadow: -1px -1px 1px #909eb3, 1px 1px 1px #f5f9ff; }
a.sort_on  { color: #333; cursor: pointer; text-decoration: none; background-color: #d5e0ef; border-radius: 2px; padding: 2px 5px; box-shadow: -1px -1px 1px #909eb3, 1px 1px 1px #f5f9ff; }
.sort_off { color: #666; }

/* СТИЛЬ ДЛЯ СТАТЕЙ, ЗАМЕТОК */
td.from_bb { font-size: 1.03rem; padding: 0; margin: 0 0 10px 0; word-wrap: break-word; line-height: 138%; }
td.from_bb h1 { font-size: 1.36rem; padding: 0; margin: 0 0 10px 0; font-weight: normal; }
td.from_bb h2 { font-size: 1.18rem; padding: 0; margin: 0 0 8px 0; font-weight: normal; }
td.from_bb h3 { font-size: 1.06rem; padding: 0; margin: 0 0 6px 0; font-weight: normal; }
td.from_bb p { padding: 0; margin: 0 0 16px 0; text-align: left; }
td.from_bb div.quote { margin: 10px 0; padding: 4px 5px 4px 55px; border-width: 0; background: url('/img/quote.svg?v=2') no-repeat scroll 8px 4px #f3f3f3; background-size: 24px 24px; border-radius: 5px; box-shadow: 1px 1px 0px #ddd; min-height: 25px; color: #333; font-size: 0.88rem; font-family: Verdana; }
td.from_bb img, .from_bb img { max-width: 100%; vertical-align: bottom; }
blockquote { margin: 10px 0; padding: 4px 5px 4px 55px; border-width: 0; background: url('/img/quote.svg?v=2') no-repeat scroll 8px 4px #f3f3f3; background-size: 24px 24px; border-radius: 5px; box-shadow: 1px 1px 0px #ddd; min-height: 25px; color: #333; font-size: 0.88rem; font-family: Verdana; }

.from_bb table.bb { font-size: 15px; border: 1px solid #999; border-collapse: collapse; }
.from_bb table.bb th { border: 1px solid #999; padding: 5px; background-color: #eee; }
.from_bb table.bb td { border: 1px solid #999; padding: 5px; background-color: #fff; }
.from_bb .class_avtor  { background-color: #fcfcfc; border: 1px solid #ddd; border-radius: 1px; margin: 15px 0; padding: 10px; font-size: 15px; }
.from_bb .class_gray   { background-color: #f3f3f3; border: 1px solid #dddddd; border-radius: 3px; margin: 15px 0; padding: 10px; box-shadow: 2px 2px 1px #f5f5f5; }
.from_bb .class_blue   { background-color: #ecf5ff; border: 1px solid #cfe0f1; border-radius: 3px; margin: 15px 0; padding: 10px; box-shadow: 2px 2px 1px #f5f5f5; }
.from_bb .class_yellow { background-color: #f8f6d4; border: 1px solid #e2e0be; border-radius: 3px; margin: 15px 0; padding: 10px; box-shadow: 2px 2px 1px #f5f5f5; }
.from_bb .class_green  { background-color: #e7fbd3; border: 1px solid #d1eab8; border-radius: 3px; margin: 15px 0; padding: 10px; box-shadow: 2px 2px 1px #f5f5f5; }
.from_bb .class_red    { background-color: #fff0f0; border: 1px solid #ffcfcf; border-radius: 3px; margin: 15px 0; padding: 10px; box-shadow: 2px 2px 1px #f5f5f5; }
div.class_cut, hr.class_cut { height: 1px; border: 0; overflow: visible; white-space: nowrap; display: none; }

.from_bb div.art_start { height: 0; }
.from_bb div.art_start + div { margin-top: 0 !important; }



/* СПИСОК СТРАНИЦ */
div.page-list { overflow: hidden; vertical-align: middle; font-size: 0.94rem; text-align: left; line-height: 100%; }
div.page-list > span { display: inline-block; margin: 0 1px; vertical-align: middle; margin: 2px 2px; }
div.page-list > span a { padding: 7px 14px; display: block; text-decoration: none; color: #000; background-color: #fff; border: 1px solid #ccc; border-width: 0 1px 1px 0; border-radius: 3px; }
div.page-list > span:hover a { color: #000; background-color: #f6f6f6; border-color: #ccc; }
div.page-list > span a.on { color: #000; background-color: #a3d0f3; border-color: #86b8df; }
div.page-list > span.only-mobile { display: none; }
@media screen and (max-width: 700px) {
	div.page-list > span a { padding: 5px 10px; }
}



/* СПИСОК ТРЕНИНГОВ */

/* Список тренингов */
div.traning-list { border-bottom: 1px solid #ccc; padding: 14px 5px 16px 2px; margin: 0; overflow: hidden; }
div.traning-list .training-foto { float: left; margin: 2px 0 0 0; width: 100px; overflow: hidden; padding-bottom: 2px; }
div.traning-list .training-foto img { width: 100px; border-radius: 3px; }
div.traning-list .training-foto div.fio { font-size: 12px; color: #333; margin-top: 4px; }
div.traning-list .training-foto div.fio a { border-bottom: 1px dotted #666; color: #333; text-decoration: none; }
div.traning-list .training-foto div.fio a:hover { border-bottom-width: 0; }
div.traning-list .training-info { font-size: 15px; margin-left: 118px; text-align: left; }
div.traning-list h3 { font-size: 19px; font-weight: normal; }
div.traning-list .name { font-size: 19px; font-weight: normal; }
div.traning-list .training-type { color: #666; font-size: 13px; }
div.traning-list .training-text { margin: 7px 0 0; font-size: 15px; }
div.traning-list .training-data { margin: 7px 0 0; font-size: 14px; }
div.traning-list .training-data a { color: #333; text-decoration: none; border-bottom: 1px dotted #666; }
div.traning-list .training-data a:hover { border-bottom-width: 0; }
div.traning-list .training-data-n { padding: 3px 0 1px 0; }
div.traning-list .training-data-n-del { background: url('/img/time.gif') no-repeat left center transparent; padding: 3px 0 3px 20px; }
div.traning-list .training-fio { font-size: 14px; margin: 1px 0 0 0; padding: 0; }
div.traning-list .training-fio a { text-decoration: none; }
div.traning-list .training-knopki { margin-top: 15px; font-size: 15px; }

/* Список тренингов - Корректировка для страницы специалиста и центров */
div.traning-list2 { border-top: 1px solid #ccc; border-bottom-width: 0; }


/* Список материалов - Личная страница специалиста */
div.material-list { margin:0; padding: 8px 0; font-size: 18px; border-top: 1px solid #DDDDDD; }
div.material-list .n { float: right; background-color: #edf5ff; color: #333; font-size: 13px; padding: 2px 3px; }
div.material-list .text { margin: 5px 0; font-size: 14px; }
div.material-list .small { font: 13px Tahoma,Verdana; color: #777; margin-top: 2px; }


/* СПИСОК СПЕЦИАЛИСТОВ - КНОПКИ */

input.button-yellow { background: url('/img/button-yellow_v2.png') repeat-x scroll left bottom #ffe796; border: 1px solid #86aacd; border-radius: 2px; margin: 0 10px 0 0; padding: 1px 15px; cursor: pointer; }
input.button-yellow:hover { border-color: #F7941D; }



a.submit_green, .submit_green {
	background-color:#82a949;
	border:1px solid #586f37;
	color:#fff;
	padding:4px 20px;
	border-radius:3px;
	border-width:0 1px 1px 0;
	font-size:17px;
	text-decoration:none;
	cursor:pointer;
	opacity: 0.9;
}
.submit_green:hover, .submit_green:active {
	opacity: 1;
}


/* ЖЕЛТАЯ КНОПКА */
.submit_yellow { background: #fbdf80; background: linear-gradient(180deg, #fbed93, #fbcc66); border: 1px solid #6392c2; box-shadow: 0 1px 0 #fcf9e1 inset; border-radius: 5px; display: inline-block; padding: 3px 30px; position: relative; text-shadow: 1px 1px 1px #fdf2b2; text-decoration: none; transition: box-shadow 0.1s ease 0s; cursor: pointer; white-space: nowrap; -webkit-appearance: none; color: #000; }
.submit_yellow:hover { background: #fbd370; background: linear-gradient(180deg, #fbdf80, #fbcc66); box-shadow: 0 1px 0 #fcf9e1 inset, 1px 1px 2px #ccc; }
.submit_yellow:active { background: #fae08d; }
a.submit_yellow { color: #000; text-decoration: none; }

/* НАКЛАДЫВАЕМ ЗЕЛЕНЫЙ ЦВЕТ */
.submit_color_green { background: #86b300; background: linear-gradient(180deg, #99cb00, #789f00); box-shadow: 0 1px 0 #dee7c4 inset; }
.submit_color_green:hover, .submit_color_green:active { background: #86b300; background: linear-gradient(180deg, #90c000, #789f00); box-shadow: 0 1px 0 #dee7c4 inset; }
a.submit_color_green { color: #fff; text-shadow: 1px 1px 0 #789f00; }


/* КНОПКИ v2021 */
.submit_yellow2, .submit_grey2, a.submit_yellow2, a.submit_grey2 { display: inline-block; margin: 0; padding: 8px 15px; color: #000; border-radius: 3px; text-align: center; text-decoration: none; cursor: pointer; box-sizing: border-box; border: 0; white-space: nowrap; -webkit-appearance: none; appearance: none; font-size: 15px; letter-spacing: 1px; }
.submit_yellow2 { background-color: #fbdd7d; box-shadow: 1px 1px 0 #bea863; }
.submit_yellow2:hover, a.submit_yellow2:hover { background-color: #fce290; color: #000; }
.submit_yellow_animate  { background-image: repeating-linear-gradient(-45deg, #fad679, #fad679 25px, #fce381 25px, #fce381 50px); background-size: 400% 400%; animation: submit_yellow_animate 15s linear infinite; }
.submit_yellow_animate2 { animation: submit_yellow_animate2 1.2s linear infinite; }
@keyframes submit_yellow_animate { to { background-position: -1000px 0; } }
@keyframes submit_yellow_animate2 { 0% { scale: 100%; } 50% { scale: 103%; opacity: 0.8; } 100% { scale: 100%; } }


#files_upload_preview img { max-width: 100px; max-height: 100px; display: block; display: inline-block; margin: 10px 10px 10px 0; }
#graffiti_preview { display: none; border: 1px solid #bbb; border-top-width: 0; background-color: #fbfff3; padding: 0 0 0 10px; }
#graffiti_preview img { max-width: 100px; max-height: 100px; display: block; display: inline-block; margin: 10px 10px 10px 0; border: 1px solid #ccc; }



DIV.trening { background-color: #FDFBDF; border: 1px solid #aaa; margin: 10px 0 10px 0; padding: 5px; }
DIV.grey { border-color: #999; background:#f7f7f7; border-style: solid; border-width: 1px; padding: 10px; margin: 0; }

div.quote { background: rgb(240,240,240); background: rgba(240,240,240,0.8); border: 1px solid #bbb; border-radius: 3px; box-shadow: 1px 1px 2px #ddd; padding: 6px; margin: 10px 5px 10px 20px; clear: right; overflow: hidden; font-size: 0.82rem; position: relative; }
.topic_post div.quote:first-child { margin-top: 5px; }
div.quote .n { display: block; float: right; font-size: 13px; opacity: 0; margin-left: 10px; }
div.quote:hover .n { opacity: 0.3; }
div.quote a { color: #000; text-decoration: none; display: inline-block; margin-bottom: 2px; border-bottom: 1px dotted #f3f3f3; }
div.quote a:hover { color: #333; border-bottom: 1px dotted #666; }
div.quote img { float: left; margin: 0 8px 2px 0; width: 40px; height: 40px; opacity: 0.8; padding: 1px; border: 1px solid #ccc; }
div.quote small { font-size: 13px; }

div.quote span:hover { color: #333; border-bottom: 1px dotted #666; cursor: pointer; }

DIV.photo { width: 150px; height: 150px; text-align: center; margin: 0px 7px 7px 0px; padding: 0; border-width: 0; border-style:solid; border-color:#cccccc; background:#ffffff; display: inline-block; }



input.login { font-size: 8pt; font-family: arial; background-color: #ffffff; height: 20px; border: 1px solid #9aa7c4; }
input.trening { font-size: 10pt; font-family: arial; background-color: #ffffff; height: 20px; border: 1px solid #ffffff; border-bottom: 1px solid #9aa7c4; margin: 0 }
input.profile { background-color: #fff; border: 1px solid #9fbcd7; border-radius: 2px; box-shadow: 1px 1px 1px #f1f1f1 inset; font: 0.94rem Arial; padding: 3px 5px; width: 100%; }
input.profile:focus { background-color: #fffdee; }
div.profile { background-color: #fff; border: 1px solid #9fbcd7; border-radius: 2px; box-shadow: 1px 1px 1px #f1f1f1 inset; font: 0.94rem Arial; padding: 3px 5px; width: 100%; box-sizing: border-box; }
textarea.profile { background-color: #fff; border: 1px solid #9fbcd7; border-radius: 2px; box-shadow: 1px 1px 1px #f1f1f1 inset; font: 0.94rem Arial; padding: 3px 5px; width: 100%; line-height: 130%; }
textarea.profile:focus { background-color: #fffdee; }
select.profile { background-color: #fff; border: 1px solid #9fbcd7; border-radius: 2px; box-shadow: 1px 1px 1px #f1f1f1 inset; font: 0.94rem Arial; padding: 2px 5px; }

button.trening { font-size: 10pt; font-family: arial; background-color: #eff3f7; height: 20px; border: 1px solid #ffffff; border-bottom: 1px solid #9aa7c4; margin: 0 }
input.baton { font-size: 10pt; font-family: arial; background-color: #d6eaff; height: 23px; border: 1px solid #9aa7c4; background-image: url(/img/button-bg.gif); }



/* Список тренингов, специалистов, конференций !!! устарело !!! */
.list-razdelname { font-size: 24px; font-weight: bold; margin: 0; display: block; }
/* #trainig { font-size: 16px; display: block; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; } */
/* #consultation { display: block; padding-top: 10px; clear:left; } */




/* ВКЛАДКИ */
.vkladki { border: 0px solid #cccccc; position: relative; margin: 15px 0 10px 0; padding: 0; font-size: 15px; }
.vkladki ul { border-width: 0 0 2px 0; border-style: solid; border-color: #34689b; color: #222222; margin: 0; padding: 5px 0 0 7px; overflow: visible; }
.vkladki li { color: #333; display: inline-block; margin: 0 3px 0 0; padding: 4px 8px; background-color: #ededed; border: 1px solid #d5dadf; border-bottom-width: 0; border-radius: 5px 5px 0 0; }
.vkladki li.on { color: #fff; display: inline-block; margin: 0 3px 0 0; padding: 4px 8px; background-color: #34689b; border: 1px solid #34689b; border-bottom-width: 0; border-radius: 5px 5px 0 0; background: url(/img/vkladka.gif) bottom center repeat-x; }
.vkladki a { color: #333333; text-decoration: none; }
.vkladki small { color: #999; font-size: 14px; }
.vkladki_sort { margin: 0; padding: 10px; border: 1px solid #aaaaaa; border-top-width: 0; }

/* ВКЛАДКИ V4 - БЕЗ КАРТИНКОК */
.vkladki4 { border: 0px solid #cccccc; position: relative; margin: 10px 0 0 0; padding: 0; font-size: 15px; }
.vkladki4 ul { border-bottom: 1px solid #34689b; color: #222222; margin: 0; padding: 5px 0 0 0; overflow: visible; }
.vkladki4 li { color: #555; display: inline-block; margin: 0 0 0 7px; padding: 3px 7px 3px 7px; background-color: #ededed; border: 1px solid #d5dadf; border-bottom-width: 0; border-radius: 4px 4px 0 0; cursor: pointer; }
.vkladki4 li:hover { border-color: #b0b4b8; background-color: #e6e6e6; }
.vkladki4 li span { font-size: 12px; color: #666; }
.vkladki4 li.on { background: #3d7bb8; background: linear-gradient(180deg, #458cd1, #34689d); color: #fff; display: inline-block; margin: 0 0 0 7px; background-color: #547ea7; border: 1px solid #547ea7; border-bottom-width: 0; }
.vkladki4 li.on span { font-size: 12px; color: #eee; }
.vkladki4 a, .vkladki4 li a  { color: #333333; text-decoration: none; }
.vkladki4 li.on a { color: #fff; text-decoration: none; }

/* ВКЛАДКИ V5 */
.vkladki5 { font-size: 0.94rem; margin: 12px 0 0 0; position: relative; line-height: 100%; border-bottom: 1px solid #34689b; overflow: hidden; line-height: 100%; }
.vkladki5 a, .vkladki5 a:link, .vkladki5 a:visited, .vkladki5 span.a { display: inline-block; margin: 5px 0 -3px 7px; color: #4b5762; padding: 7px 10px 9px 10px; background-color: #fff; border: 1px solid #d2dae1; border-bottom-width: 0; border-radius: 4px 4px 0 0; text-decoration: none; white-space: nowrap; position: relative; cursor: pointer; transition: all 0.3s ease 0s; }
.vkladki5 a:hover, .vkladki5 span.a:hover { color: #000; }
.vkladki5 a span.n { padding-left: 4px; font-size: 0.76rem; color: #4780b8; line-height: 100%; }
.vkladki5 a span.new { margin-left: 4px; font-size: 0.88rem; color: #fb8b13; line-height: 100%; font-weight: bold; }
.vkladki5 a.on, .vkladki5 span.on { color: #fff; background-color: #4e81ae; border-color: #4e81ae; }
.vkladki5 a.on span.n { color: #eee; }
.vkladki5 a::after, .vkladki5 span.a::after { content: ''; position: absolute; bottom: 0; height: 3px; width: 100%; left: -2px; display: block; padding: 0 2px; } /*  background-image: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); */

/* ВКЛАДКИ V5_FLEX */
.vkladki_flex { display: flex; flex-flow: row wrap; align-items: flex-start; gap: 10px; margin: 0 0 10px 0; }
.vkladki_flex .i, .vkladki_flex a.i { margin: 0px; padding: 8px 5px; flex: 1 0.5 auto; text-decoration: none; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.vkladki_flex .i { background-color: #fff; border: 1px solid #d1d1d1; border-width: 0 1px 1px 0; text-align: center; border-radius: 5px; cursor: pointer; color: #444; }
.vkladki_flex .i .n { margin-left: 4px; font-size: 0.76rem; color: #4780b8; line-height: 100%; font-weight: normal; }
.vkladki_flex .i .new { margin-left: 4px; font-size: 0.88rem; color: #fb8b13; line-height: 100%; font-weight: bold; }
.vkladki_flex .i_on .n { color: #eee; }
.vkladki_flex .i:hover { color: #000; }
.vkladki_flex .i_on { background-color: #4e81ae; text-shadow: -1px -1px 1px #6183a2; color: #fff; border-color: #dedede; }
.vkladki_flex .i_on:hover { color: #fff; }

@media screen and (max-device-width: 480px) {
	.vkladki_flex { margin-left: -3px; margin-right: -3px; }
	.vkladki_flex .i, .vkladki_flex a.i { flex: 1 0.5 90px; font-size: 0.94rem; padding: 6px 5px; }
}
@media screen and (max-device-width: 320px) {
	.vkladki_flex { margin-left: -3px; margin-right: -3px; }
	.vkladki_flex .i, .vkladki_flex a.i { flex: 1 0.5 auto; font-size: 0.88rem; padding: 5px 5px; }
}


/* ВКЛАДКИ ИНФО */
div.vkladki_info { border: 0px solid #c3cedb; background-color: #e6f2fd; padding: 10px; margin: 0 0 15px 0; font-size: 15px; overflow: hidden; transition: background-color .5s 0s ease; }

/* VKLADKI_INFO V2 */
.vkladki_info2 { background-color: #d8e6f4; border: 1px solid #d2ddee; border-top-color: #4e81ae; border-radius: 4px; padding: 5px; margin: 0 0 15px; }
.vkladki_info2 a { text-decoration: none; }
.vkladki_info2 table.v2 { border: 0; border-collapse: collapse; width: 100%; padding: 0; margin: 0; }
.vkladki_info2 table.v2 td { padding: 0; }
.vkladki_info2 table.v2 td.search { background-color: #fdfeff; padding: 0; border-radius: 5px; width: 100%; }
.vkladki_info2 table.v2 td.search table { border: 0; border-collapse: collapse; width: 100%; padding: 0; margin: 0; }
.vkladki_info2 table.v2 td.search input.search_text { background-color: transparent; padding: 5px; border: 0; box-shadow: none; box-sizing: border-box; width: 100%; outline:none; font-size: 15px; }
.vkladki_info2 table.v2 td.search input.search_submit { width: 20px; height: 20px; background: url(/img/svg_sprite.svg?v=42) no-repeat -90px -30px; background-size: 600px 300px; display: block; cursor: pointer; opacity: 0.8; border: 0; margin-right: 10px; }
.vkladki_info2 table.v2 td.search input.search_submit:hover { opacity: 1; }
.vkladki_info2 table.v2 td.search a.search_cancel { width: 20px; height: 20px; background: url(/img/svg_sprite.svg?v=42) no-repeat -120px -30px; background-size: 600px 300px; display: block; cursor: pointer; opacity: 0.5; border: 0; margin: 0 10px 0 3px; }
.vkladki_info2 table.v2 td.search a.search_cancel:hover { opacity: 0.7; }
.vkladki_info2 table.v2 td.search_focus { background-color: #fff; }
.vkladki_info2 table.v2 td.search_on { background-color: #fcf6ca; }
.vkladki_info2 table.v2 td.search_on input.search_text { color: #000; }
.vkladki_info2 table.v2 td.space div { width: 7px; }
.vkladki_info2 table.v2 td.menu { padding: 0; border-radius: 5px; background-color: #eef3f8; position: relative; opacity: 1; font-size: 15px; }
.vkladki_info2 table.v2 td.menu .l1 { padding: 0 7px; }
.vkladki_info2 table.v2 td.menu .l1 span { color: #404d61; border-bottom: 1px dotted #325683; cursor: pointer; }
.vkladki_info2 table.v2 td.menu .l2 select { background-color: transparent; padding: 3px 5px; border: 0; box-shadow: none; box-sizing: border-box; width: auto; outline:none; font-size: 15px; }
.vkladki_info2 table.v2 td.menu_drop { padding: 0; border-radius: 5px; background-color: #eef3f8; position: relative; opacity: 1; font-size: 15px; }
.vkladki_info2 table.v2 td.menu_drop:hover { opacity: 1; }
.vkladki_info2 table.v2 td.menu_drop > .l1 { white-space: nowrap; cursor: pointer; }
.vkladki_info2 table.v2 td.menu_drop > .l1 > div { display: inline; position: relative; padding: 20px 7px; color: #404d61; position: relative; }
.vkladki_info2 table.v2 td.menu_drop > .l1 > div > span { border-bottom: 1px dotted #325683; }
.vkladki_info2 table.v2 td.menu_drop > .l1 > div.img { display: inline; position: relative; padding: 20px 18px 20px 5px; color: #404d61; position: relative; }
.vkladki_info2 table.v2 td.menu_drop > .l1 > div.img .i { content: ''; position: absolute; top: 50%; right: 0; margin-top: -8px; background: url(/img/my_menu_ico8.png) no-repeat -16px -96px; height: 16px; width: 16px; }
.vkladki_info2 table.v2 td.menu_drop > .l2 { display: none; background: #fff; border: 1px solid #bdcad8; border-radius: 5px; padding: 4px 10px; position: absolute; top: 99%; margin-top: 10px; right: 0; z-index: 2; }
.vkladki_info2 table.v2 td.menu_drop > .l2::after { content:''; position: absolute; right: 24px; top: -17px; border: 10px solid transparent; border-width: 8px; border-bottom: 8px solid #8ba5bb }
.vkladki_info2 table.v2 td.menu_drop > .l2 a { display: block; margin: 4px 0; padding: 3px 0 3px 21px; text-decoration: none; position: relative; white-space: nowrap; }
.vkladki_info2 table.v2 td.menu_drop > .l2 a .i { position: absolute; top: 50%; left: 0; margin-top: -8px; }
.vkladki_info2 table.v2 td.menu_drop > .l2 a .i span.ico { margin: 0; }
.vkladki_info2 table.v2 td.menu_drop > .l2 a.add { background-color: #fbdd7d; border: 1px solid #bea863; border-width: 0 1px 1px 0; padding: 5px 1px; text-align: center; color: #000; border-radius: 3px; margin-top: 10px; }
.vkladki_info2 table.v2 td.menu_drop > .l2 .h { font-size: 13px; font-weight: 500; margin: 6px 0 5px 0; }
.vkladki_info2 table.v2 td.menu_drop > .l2 .hr { height: 1px; border-top: 1px solid #ccc; margin: 8px 0; }
.vkladki_info2 table.v2 td.menu_drop:hover { opacity: 1; }
.vkladki_info2 table.v2 td.menu_drop:hover > .l2 { display: block; }




/* КНОПКА ЗАКЛАДКИ (ФОРУМ) */
.bookmark_on, .bookmark_off  { padding-left: 0; white-space: nowrap; position: relative; padding-left: 21px; cursor: pointer; }
.bookmark_on:after { position: absolute; content: ''; top: 50%; left: 0; margin-top: -8px; width: 16px; height: 16px; background: url(/img/svg_sprite.svg?v=42) no-repeat -24px -72px; background-size: 480px 240px; pointer-events: none; }
.bookmark_off:after { position: absolute; content: ''; top: 50%; left: 0; margin-top: -8px; width: 16px; height: 16px; background: url(/img/svg_sprite.svg?v=42) no-repeat 0 -72px; background-size: 480px 240px; pointer-events: none; }
.bookmark_on .off, .bookmark_off .on { display: none; }

/* КНОПКА ЗАКЛАДКИ (ФОРУМ) */
.bookmark_on_art {
	white-space: nowrap;
}
.bookmark_off_art {
	white-space: nowrap;
}
.bookmark_on_art a, .bookmark_off_art a { text-decoration: none; }

.bookmark_mini {
	padding: 5px 0 5px 10px;
	font: 13px Tahoma,Verdana;
}
.list .bookmark_mini {
	padding: 5px 0 5px 10px;
	font: 13px Tahoma,Verdana;
	opacity: 0.6;
	transition: opacity 0.2s ease 0s;
}
.list:hover .bookmark_mini {
	opacity: 1;
}
.bookmark_mini .bookmark_on {
	background: url(/img/favorit_mini.png) no-repeat -165px 50% transparent;
	padding-left: 19px;
	white-space: nowrap;
}
.bookmark_mini .bookmark_off {
	background: url(/img/favorit_mini.png) no-repeat 0 50% transparent;
	padding-left: 19px;
	white-space: nowrap;
}
.bookmark_mini .bookmark_on a, .bookmark_mini .bookmark_off a {
	color: #808080;
	text-decoration: none;
	border-bottom: 1px dotted #808080;
}
.bookmark_mini .bookmark_on a:hover, .bookmark_mini .bookmark_off a:hover {
	border-bottom-width: 0;
}



/* КНОПКА АРХИВ (ФОРУМ) */
.arhiv_on {
	background: url(/img/fond_on.png) no-repeat scroll 0 50% transparent;
	padding-left: 21px;
}
.arhiv_off {
	background: url(/img/fond_off.png) no-repeat scroll 0 50% transparent;
	padding-left: 21px;
}



/* ЛИЧНЫЕ ДАННЫЕ */
div.prfl {
	border: 1px solid #cccccc;
	background-color: #fcfcfc;
	padding: 10px 0 0 0;
	margin: 0;
}
div.prfl_separator {
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #cccccc;
    height: 0;
    margin: 0;
}
div.prfl_h1 {
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #cccccc;
	margin: 0;
}
div.prfl_h1 div {
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #FFFFFF;
	background-color: #eff3f7;
	margin: 0;
	padding: 3px 0 5px 10px;
	font-size: 17px;
	color: #333333;
	font-weight: bold;
}
.prfl_save {
	width: 300px;
	padding: 2px;
	margin: 10px;
	border: 1px solid #6292c2;
	background: url('/img/bg_master_button.gif') repeat-x scroll center center #fbdc7b;
	border-radius: 3px;
	cursor: pointer;
	box-shadow: 1px 1px 3px #ccc;
}
.prfl_save:hover {
	background: url('/img/bg_master_button.gif') repeat-x scroll center bottom #fbdc7b;
}



/* КОММЕНТАРИИ К МАТЕРИАЛАМ */
/* .comments_list div.comments:nth-child(2n+1) { background-color: #f5f7fa; } */

.comments_list {  }
.comments_list { background: #fff; border-radius: 5px; box-shadow: 1px 1px 2px #ddd; margin-top: 25px; }
.comments_list .h { font-size: 1.18rem; line-height: 100%; background: RGBA(128,128,128,0.08); padding: 10px 15px; }
.comments_list .h { font-size: 1.18rem; line-height: 100%; background: RGBA(128,128,128,0.08); padding: 10px 15px; }
.comments_list .list { padding: 0.94rem; }

.comments_list .comment { padding: 12px 0; border-top: 1px solid #ddd; position: relative; }
.comments_list .comment:nth-child(1) { border-top: 0; padding-top: 0; }
.comments_list .comment:nth-last-child(1) { padding-bottom: 0; }
.comments_list .comment div.foto { float: left; }
.comments_list .comment div.foto img { width: 50px; height: 50px; border-radius: 4px; background-color: #eee; }
.comments_list .comment div.user { position: relative; line-height: 1; }
.comments_list .comment div.user > a { text-decoration: none; }
.comments_list .comment div.text { margin: -1px 0 0 65px; font-size: 0.94rem; word-wrap: break-word; }
.comments_list .comment div.text .t { margin-top: 6px; line-height: 1.3; }
.comments_list .comment div.text .t img { max-width: 100%; }
.comments_list .comment div.text .city { font-size: 0.88rem; color: #666; margin: 8px 0 -3px 0; }
.comments_list .comment div.time { font-size: 0.88rem; color: #666; margin-top: 10px; min-height: 18px; }
.comments_list .comment div.edit { position: absolute; top: 0; right: 0; opacity: 0; white-space: nowrap; }
.comments_list .comment div.edit img { margin: 0 3px; }
.comments_list .comment div.quote { background-color: rgba(128,128,128,0.05); border: 1px solid rgba(123,129,130,0.2); border-left: 3px solid rgba(123,129,130,0.4); border-radius: 3px; margin: 10px 0; box-shadow: none; color: unset; overflow: auto; max-height: 300px; }

.comments_list .comment div.edit_new { float: right; position: relative; margin: 0 1px 0 5px; height: 16px; width: 30px; opacity: 0.4; }
.comments_list .comment div.edit_new:after { content: ''; position: absolute; width: 18px; height: 16px; top: 0; left: 50%; margin-left: -9px; background: url(/img/svg_sprite.svg?v=42) no-repeat -189px -164px; background-size: auto; background-size: 540px 270px; }
.comments_list .comment:hover div.edit_new { opacity: 0.7; }
.comments_list .comment div.edit_new:hover { opacity: 1; }
.comments_list .comment div.edit_new > div { display: none; position: absolute; right: 0; top: 0; z-index: 11; }
.comments_list .comment div.edit_new > div > div { position: relative; margin-top: 20px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 0 12px; box-shadow: 0 0 5px 5px #fff; }
.comments_list .comment div.edit_new > div > div::after { border-color: transparent transparent #ccc transparent; border-image: none; border-style: solid; border-width: 8px 8px; content: ''; position: absolute; right: 7px; top: -16px; }
.comments_list .comment div.edit_new:hover > div { display: block; }
.comments_list .comment div.edit_new a { position: relative; display: block; padding-left: 21px; text-decoration: none; line-height: 100%; margin: 7px 0; padding: 5px 0 5px 21px; white-space: nowrap; }


.comments_list .comment div.edit_new a.edit_quo:after { content: ''; position: absolute; display: block; left: 0; top: 50%; margin-top: -8px; background: url(/img/svg_sprite.svg?v=42) no-repeat -216px -24px; background-size: 480px 240px; height: 16px; width: 16px; }
.comments_list .comment div.edit_new a.edit_rep:after { content: ''; position: absolute; display: block; left: 0; top: 50%; margin-top: -8px; background: url(/img/svg_sprite.svg?v=42) no-repeat -0px -216px; background-size: 480px 240px; height: 16px; width: 16px; }
.comments_list .comment div.edit_new a.edit_edt:after { content: ''; position: absolute; display: block; left: 0; top: 50%; margin-top: -8px; background: url(/img/svg_sprite.svg?v=42) no-repeat -48px -192px; background-size: 480px 240px; height: 16px; width: 16px; }
.comments_list .comment div.edit_new a.edit_url:after { content: ''; position: absolute; display: block; left: 0; top: 50%; margin-top: -8px; background: url(/img/svg_sprite.svg?v=42) no-repeat -120px -144px; background-size: 480px 240px; height: 16px; width: 16px; }
.comments_list .comment div.edit_new a.edit_str:after { content: ''; position: absolute; display: block; left: 0; top: 50%; margin-top: -8px; background: url(/img/svg_sprite.svg?v=42) no-repeat 0 -72px; background-size: 480px 240px; height: 16px; width: 16px; }
.comments_list .comment div.edit_new a.edit_del:after { content: ''; position: absolute; display: block; left: 0; top: 50%; margin-top: -8px; background: url(/img/svg_sprite.svg?v=42) no-repeat -72px -144px; background-size: 480px 240px; height: 16px; width: 16px; border-radius: 5px; opacity: 0.8; }
.comments_list .comment div.edit_new a.edit_wrn:after { content: ''; position: absolute; display: block; left: 0; top: 50%; margin-top: -8px; background: url(/img/svg_sprite.svg?v=42) no-repeat -96px -144px; background-size: 480px 240px; height: 16px; width: 16px; opacity: 0.8; }


div.menu_3_dot { float: right; position: relative; margin: 0 1px 0 5px; height: 16px; width: 30px; opacity: 0.4; font-size: 0.94rem; }
div.menu_3_dot:after { content: ''; position: absolute; width: 18px; height: 16px; top: 0; left: 50%; margin-left: -9px; background: url(/img/svg_sprite.svg?v=42) no-repeat -189px -164px; background-size: auto; background-size: 540px 270px; }
div.menu_3_dot:hover { opacity: 1; }
div.menu_3_dot > div { display: none; position: absolute; right: 0; top: 0; z-index: 11; }
div.menu_3_dot > div > div { background-color: #fff; border: 1px solid #ddd; box-shadow: 0 0 5px 5px #fff; position: relative; margin-top: 20px; border-radius: 4px; padding: 0 12px; }
div.menu_3_dot > div > div::after { border-color: transparent transparent #ccc transparent; border-image: none; border-style: solid; border-width: 8px 8px; content: ''; position: absolute; right: 7px; top: -16px; }
div.menu_3_dot:hover > div { display: block; }
div.menu_3_dot a, div.menu_3_dot span.like_a { position: relative; display: block; padding-left: 21px; text-decoration: none; line-height: 100%; margin: 7px 0; padding: 5px 0 5px 21px; white-space: nowrap; }
div.menu_3_dot a.on { color: #e60; font-weight: 500; }
div.menu_3_dot > div div.h { font-size: 13px; font-weight: 500; margin: 6px 0 5px 0; }
div.menu_3_dot > div div.hr { height: 1px; border-top: 1px solid #ccc; margin: 8px 0; }


.comments_list .comment:hover div.edit { opacity: 0.5; }
.comments_list .comment:hover div.edit:hover { opacity: 1; }
.comments_list .comment div.del { padding: 0px; color: #666; font-size: 14px; }
.comments_list .comment div.text .thumb img { max-width: 155px; max-height: 150px; border: 1px solid #ccc; padding: 1px; margin: 5px 5px 0 0; opacity: 0.8; }
.comments_list .comment div.text .thumb img:hover { opacity: 1; }
.comments_list .comment .comments-link { background-color: #fff0b2; border-radius: 2px; margin: 0 0 10px 65px; padding: 5px 7px; clear: right; overflow: hidden; font-size: 14px;  }
.comments_list .comment .comments-link input { width: 99%; padding: 2px; margin: 4px 0 0; font-size: 15px; }
.comments_list .comment .comments-link input::selection { background: #afd7ff; }
.comments_list .comment .comments-link input::-moz-selection { background: #afd7ff; }
.comments_list .comment span.otvet { color: #325683; cursor: pointer; opacity: 0.7; }
.comments_list .comment:hover span.otvet { opacity: 1; }
.comments_list .comment span.otvet:hover { text-decoration: underline; opacity: 1; }
.comments_list .comment .comment_link_copy { background-color: #fff0b2; color: #4a4531; border-radius: 2px; margin: 0 0 10px; padding: 5px 7px; clear: right; overflow: hidden; font-size: 13px; box-shadow: 1px 1px 0 #cabe8b; }
.comments_list .comment .comment_link_copy > div { margin-top: 4px; }


.comments_list .comment .yak { position: absolute; top: -50px; opacity: .01; }

.comments_list .comment_new { animation: comment_new_anim 12s 1 Alternate; }
@keyframes comment_new_anim { 0% { background: transparent; }  15% { background: #fff6d5; }  70% { background: #fff6d5; } 100% { background: transparent; } }


/* Контакты специалиста, тренинги */
.contact_box .phone_msgr { margin: 0 0 4px 0; line-height: 100%; font-size: 16px; }
.contact_box .phone_msgr a { display: inline-block; padding: 1px 10px 1px 21px; margin: 12px 10px 0 0; text-decoration: none; position: relative; }
.contact_box .phone_msgr a .i { position: absolute; left: 0; top: 50%; margin-top: -8px; background: url(/img/messenger.png) 0 0; background-size: 80px 48px; width: 16px; height: 16px; border-radius: 2px; }

.contact_box .msgr { margin: 10px 0 10px 0; line-height: 100%; opacity: 1; }
.contact_box .msgr > a, .contact_box .msgr > span { display: block; padding: 8px 10px 8px 32px; margin: 0; border-radius: 4px; background: #f4f4f4; border: 1px solid #ddd; border-width: 0 1px 1px 0; text-decoration: none; position: relative; color: #000; box-sizing: border-box; cursor: pointer; }
.contact_box .msgr > a .i, .contact_box .msgr > span .i { position: absolute; left: 10px; top: 50%; margin-top: -8px; background: url(/img/messenger.svg?v=3) 0 0; background-size: 100px 100px; width: 16px; height: 16px; border-radius: 2px; }
.contact_box .msgr .s { margin-top: 4px; font-size: 14px; opacity: 0.5; display: block; }

.contact_box .msgr_main { margin: 10px 0 20px 0; }
.contact_box .msgr_main > a { display: block; margin: 6px 0 10px 0; font-size: 1.12rem; padding: 12px 10px 12px 40px; }
.contact_box .msgr_main > a .i, .contact_box .msgr > span .i { position: absolute; left: 14px; top: 50%; scale: 1.2; margin-top: -8px; background: url(/img/messenger.svg?v=3) 0 0; background-size: 100px 100px; width: 16px; height: 16px; border-radius: 2px; }

.contact_box .msgr_flex { display: flex; flex-flow: row wrap; align-items: flex-start; gap: 10px; margin: 0 0 10px 0; }
.contact_box .msgr_flex > span , .contact_box .msgr_flex > a { margin: 0px; flex: 1 1 200px; text-decoration: none; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.contact_box .msgr_flex > span , .contact_box .msgr_flex > a { cursor: pointer; opacity: 0.9; }
.contact_box .msgr_flex > span:hover , .contact_box .msgr_flex > a:hover { opacity: 1; }

@media screen and (max-width: 480px) {
	.contact_box .phone_msgr { margin: 0 0 4px 0; line-height: 100%; font-size: 16px; }
	.contact_box .phone_msgr a { display: inline-block; padding: 1px 10px 1px 21px; margin: 12px 10px 0 0; text-decoration: none; position: relative; }
	.contact_box .phone_msgr a .i { position: absolute; left: 0; top: 50%; margin-top: -8px; background: url(/img/messenger.png) 0 0; background-size: 80px 48px; width: 16px; height: 16px; border-radius: 2px; }
}





/* Форма для ответа */
#comments_form0 { margin: 5px 0; background-color: #cbe1f4; border: 1px solid #ccc; border-width: 0 1px 1px 0;  padding: 10px; border-radius: 4px; text-align: center; color: #325683; cursor: pointer; }
#comments_form0:hover { background-color: #d3e5f5; }

.reply_form { margin-top: 5px; }
.reply_form_forum { margin-top: 5px; padding: 5px; border-radius: 5px; background: #fff; border: 1px solid #fff; border-color: #e6e6e6 #bbb #b7b7b7 #e6e6e6; }
.reply_form .photo_my { float: left; max-width: 40px; margin-right: 8px; border-radius: 2px; opacity: 0.9; }
.reply_form .textarea { border-radius: 3px; border: 1px solid #d9d9d9; overflow: hidden; }
.reply_form .textarea .sprites_textarea { background: #f0f0f0; margin: 0; padding: 5px 3px; border: 0; }
.reply_form .textarea textarea { border: 0; border-top: 1px solid #e0e0e0; width: 100%; padding: 4px 7px; line-height: 120%; background: #fdfdfd; box-sizing: border-box; box-shadow: 1px 1px 2px #eee inset; min-height: 160px; resize: vertical; }
.reply_form .submit { background: #6b8fb2; border: 0; box-shadow: 1px 1px 1px #ccc; border-radius: 3px; color: #fff; cursor: pointer; font-size: 15px;  padding: 5px 10px; margin: 0 10px 0 0; }

@media screen and (max-width: 480px) {
	.comments_list .h { padding-left: 10px }
	.comments_list .list { padding: 10px; }
}
@media screen and (max-width: 360px) {
	.comments_list { margin-left: -10px; margin-right: -10px; }
}


/* Форма для ответа V3 2022 */
.comment_form { min-height: 1px; }
.comment_form > div { position: relative; }
.comment_form > div > div { background: transparent; position: relative; max-width: 960px; margin: 0 auto; box-sizing: border-box; border-radius: 5px; }
.comment_form .x1 { background: #ddd; border-radius: 5px; border: 1px solid #e0e0e0; position: relative; overflow: hidden; }
.comment_form .x11 { display: none; padding: 4px 3px; }
.comment_form .x11 div { display: inline-block; background: url(/img/ico_textform.png) 0 50px no-repeat transparent; min-width: 16px; height: 16px; cursor: pointer; margin: 2px 4px; overflow: hidden; }
.comment_form .x11 div.b { background-position: 0 0px; }
.comment_form .x11 div.i { background-position: 0 -20px; }
.comment_form .x11 div.u { background-position: 0 -40px; }
.comment_form .x11 div.d { background-position: 0 -179px; }
.comment_form .x11 div.img_url { background-position: 0 -60px; width: 18px; }
.comment_form .x11 div.img_pc { background-position: 0 -80px; width: 18px; }
.comment_form .x11 div.img_smile { background-position: 0 -198px; width: 17px; }
.comment_form .x11 div.y { background-position: 0 -100px; width: 18px; }
.comment_form .x11 div.h { background-position: 0 -120px; }
.comment_form .x11 div.q { background-position: 0 -140px; }
.comment_form .x11 div.s { background-position: 0 -159px; }
.comment_form .x11 div.g { background-position: 0 -226px; }
.comment_form .x11 div.sr { background-position: 0 -250px; }
.comment_form .x11 div.rule { float: right; margin: 1px 4px 0 0; padding-bottom: 1px; }
.comment_form .x11 div.rule a { color: #666; font-size: 14px; text-decoration: none; border-bottom: 1px dotted #666; }
.comment_form .x11 div img { min-width: 16px; min-height: 16px; }
.comment_form .x12 { font-size: 14px; padding: 10px; background: #eefdd7; display: none; border-bottom: 1px solid #d9d9d9; color: #000; }
.comment_form .x12:hover { opacity: 1; }
.comment_form .x1 textarea { background: #fafafa; border: 0; border-radius: 0 0 5px 5px; width: 100%; padding: 5px 7px; padding-right: 30px; line-height: 120%; box-sizing: border-box; box-shadow: 1px 1px 1px #e6e6e6 inset; resize: vertical; height: 50px; min-height: 50px; max-height: 242px; font-size: 16px; transition: all 0.3s ease 0s; }
.comment_form .x3 { margin-top: 0; }
.comment_form input.x31 { display: inline-block; margin: 6px 10px 0 0; background: #6b8fb2; border: 0; border-radius: 3px; color: #fff; cursor: pointer; font-size: 0.94rem; padding: 6px 10px; }
.comment_form input.x31_animate { background-image: repeating-linear-gradient(-45deg, #6b8fb2, #6b8fb2 25px, #819fbe 25px, #819fbe 50px);	background-size: 400% 400%; animation: x31_animate 15s linear infinite; }
@keyframes x31_animate { to { background-position: -1000px 0; } }
.comment_form .x32 { display: inline-block; margin: 6px 10px 0 0; opacity: 0.3; font-size: 0.88rem; }
.comment_form .x33 { float: right; margin-top: 11px; font-size: 0.88rem; cursor: pointer; filter: grayscale(0.5); opacity: 0.8; }
.comment_form .x5 { position: absolute; top: 6px; right: 6px; width: 24px; height: 24px; background: url(/img/comment_form_mobile.png) no-repeat 0 0; background-size: 48px 24px; opacity: 0.6; }
.comment_form .x5 > div { display: none; }
.comment_form .x5:hover { opacity: 1; }
.comment_form .x5:hover > div { display: block; position: absolute; top: -70px; right: 23px; padding: 5px 10px 5px 5px; z-index: 11; }
.comment_form .x5 > div > div { background: #fff; border: 1px solid #ddd; box-shadow: 1px 1px 2px #ddd; border-radius: 4px; padding: 5px; color: #111; }
.comment_form .x5 > div > div > div { padding: 7px 5px; cursor: pointer; white-space: nowrap; font-size: 15px; opacity: 0.8; }
.comment_form .x5 > div > div > div:hover { opacity: 1; }
.comment_form .x5 span.ico { background: url(/img/ico_textform.png) no-repeat 0 0; width: 18px; }
.comment_form .x6 { display: none; position: absolute; bottom: 14px; right: 9px; width: 24px; height: 24px; background: url(/img/comment_form_mobile.png) no-repeat -24px 0; background-size: 48px 24px; opacity: 0.7; }
.comment_form .x6 input { display: block; box-sizing: border-box; margin: 0; padding: 0; width: 24px; height: 24px; overflow: hidden; opacity: 0.01; border: 0; background: transparent; cursor: pointer; }
.comment_form .xx { display: none; position: absolute; top: -30px; right: 9px; background: #eee; border: 1px solid #ddd; border-width: 0 1px 1px 0; font-size: 13px; padding: 3px 8px 4px 8px; border-radius: 4px; opacity: 0.8; color: #000; cursor: pointer; z-index: 10; }

.comment_form_fly .x1 { border-color: #3ca7db; }
.comment_form_active .x1 textarea { min-height: 90px;}

@media screen and (max-width: 580px) {
	.comment_form_fly .x11, .comment_form_fly .x3 { display: none; }
	.comment_form_fly .x5 { top: 13px; right: 52px; opacity: 0.4; }
	.comment_form_fly > div > div { padding-right: 43px; }
	.comment_form_fly .x1 textarea { border-radius: 5px; min-height: 60px; }
	.comment_form_fly .x5 { display: block; top: 2px; right: 9px; opacity: 0.9; }
	.comment_form_fly .x6 { display: block; bottom: 4px; }

	.comment_form_fly > div { position: fixed; left: 0; right: 0; bottom: 0; max-width: 960px; margin: 0 auto; z-index: 100; }
	.comment_form_fly > div > div { border-radius: 0; border-top: 1px solid #ccc; padding: 10px; padding-right: 43px; background: #eee; box-shadow: 0 0 10px #ccc; }
	.comment_form_fly .x5 { display: block; top: 12px; right: 9px; opacity: 0.9; }
	.comment_form_fly .x6 { display: block; bottom: 14px; opacity: 1; }
	.comment_form_fly .x6 input { opacity: 1; }
	.comment_form_fly .x1 textarea { min-height: 60px; max-height: 90px; padding-right: 7px; background: #fff;  box-shadow: none; }
	.comment_form_fly .xx { display: block; }
}






/* лайк - в закладки, поделиться, перечислить */
.like .like_extra { font-size: 13px; margin-top: 7px; }
.like .like_extra a { display: inline-block; padding: 0 0 0 18px; margin-right: 10px; background: url('/img/like_extra.png') no-repeat left center; opacity: 0.8; }
.like .like_extra a:hover { opacity: 1; }
.like .like_extra a.fav   { background-position: 0 50%; }
.like .like_extra a.share { background-position: -150px 50%; }
.like .like_extra a.money { background-position: -300px 50%; }
.like .like_extra a.bonus { background-position: -450px 50%; }


/* СКАЗАТЬ СПАСИБО - V2 - КОММЕНТАРИИ К СТАТЬЯМ */
div.like_big { white-space: nowrap; color: #325683; position: relative; float: right; }
div.like_big .text { opacity: 1; padding: 1px 0 0 20px; cursor: pointer; background: url('/img/hand.png') no-repeat scroll left center transparent; }
div.like_big:hover .text { opacity: 1; }
div.like_big .text_on { opacity: 1; }
div.like_big .text:hover { color: #1b81ce; opacity: 1; }
div.like_big .n { background-color: #d2dfeb; }

.like_text_0 { opacity: 1; padding: 1px 0 0 20px; cursor: default; background: url('/img/hand.png') no-repeat scroll left center transparent; color: #333; }
.like_text_0 span { color: #777; }


/* LIKE V3 */
.like_new { float: right; font-size: 0.88rem; margin-right: 3px; position: relative; user-select: none; -webkit-user-select: none; }
.like_new .like_main { cursor: default; }
.like_new .like_main .t { padding-left: 18px; overflow: hidden; opacity: 0.4; position: relative; } /* background: url(/img/hand.png) no-repeat left center;  */
.like_new .like_main:hover .t { opacity: 0.7; }
.like_new .like_main .t i { display: block; position: absolute; left: 0; top: 50%; margin-top: -10px; width: 18px; height: 18px; background: url(/img/svg_sprite.svg?v=42) no-repeat -143px -23px; background-size: 480px 240px; filter: grayscale(1); }
.like_new .like_main .t span { padding-left: 2px; }
@media screen and (max-width: 910px) {
	.like_new .like_main .t { opacity: 0.5; }
	.like_new .like_main .t span { display: none; }
}
.like_new .like_main .n { background-color: #d2dfeb; border-radius: 2px; color: #253103; margin-left: 5px; padding: 0 5px; color: #363e45; }
.like_forum .like_main .n { background-color: #e7e7e7; }

.like_new .like_ppp { bottom: 100%; height: 12px; display: none; position: absolute; right: 0; width: 150%; }
.like_new .ppp { position: absolute; right: 0; bottom: 100%; background-color: #f6f3cd; box-shadow: 1px 1px 0 #b4ae89, 1px 1px 2px #ddd; border: 0px solid #959071; border-radius: 5px; padding: 8px 10px 10px; white-space: nowrap; z-index: 101; pointer-events: auto; }
.like_new .ppp:after { content: ''; position: absolute; right: 20px; bottom: -18px; border: 10px solid transparent; border-width: 8px 10px; border-top: 10px solid #bfb994; pointer-events: none; }

.like_new .ppp .n { color: #000; font-size: 12px; text-decoration: none; }
.like_new .ppp .n a { color: #000; font-size: 12px; text-decoration: none; }
.like_new .ppp .n:hover { color: #405c78; }
.like_new .like_ppp .like_n_text, .like_new .like_ppp .like_n_text a { color: #000; font-size: 12px; text-decoration: none; }

.like_new .ppp .f { white-space: nowrap; max-width: 316px; overflow: hidden; }
.like_new .ppp .f a { display: inline-block; background-color: #f8f6d9; text-decoration: none; margin: 5px 6px 2px 0; vertical-align: top; text-align: center; width: 40px; height: 40px; transition: margin 0.5s ease 0s; }
.like_new .ppp .f a.like_foto_abc { border-radius: 4px; box-shadow: 1px 1px 1px #d2cfa0; }
.like_new .ppp .f a:nth-last-child(1) { margin-right: 0; }
.like_new .ppp .f a.like_foto_40 { width: 40px; height: 40px; }
.like_new .ppp .f a.like_foto_40 span { font-size: 25px; padding-top: 7px; display: inline-block; color: #fff; opacity: 0.8; line-height: 100%; text-transform: uppercase; }
.like_new .like_ppp_preview .ppp .f a { cursor: default; }
.like_new .ppp .f img { background-color: #e4e1bb; height: 40px; width: 40px; border-width: 0; margin: 0; padding: 0; border-radius: 4px; box-shadow: 1px 1px 1px #d2cfa0; }
.like_new .ppp .f img:hover { opacity: 0.8; transition: opacity 0.1s ease 0s; }
@media screen and (max-width: 480px) { .like_new .ppp .f { max-width: 224px; } }

.like_new .ppp .t { font-size: 13px; margin: 8px 0 -1px 0; }
.like_new .ppp .t a { display: inline-block; padding: 0 0 0 18px; margin-right: 10px; background: url('/img/like_extra.png') no-repeat left center; opacity: 0.8; }
.like_new .ppp .t a:hover { opacity: 1; }
.like_new .ppp .t a.fav   { background-position: 0 50%; }
.like_new .ppp .t a.share { background-position: -150px 50%; }
.like_new .ppp .t a.money { background-position: -300px 50%; }
.like_new .ppp .t a.bonus { background-position: -450px 50%; display: none; }
.like_new .ppp .t a.cons  { background-position: -600px 50%; }

.like_activ .like_main { cursor: pointer; }
.like_on .like_main .t, .like_on .like_main:hover .t { opacity: 1; }
.like_on .like_main .t i { filter: none; }

.like_new2 { user-select: none; -webkit-user-select: none; }




/* Спойлер */
div.spoiler { background: rgba(240, 240, 240, 0.8) none repeat scroll 0 0; border: 1px solid #bbb; border-radius: 3px; box-shadow: 1px 1px 2px #e6e6e6; clear: right; font-size: 13px; margin: 5px; overflow: hidden; position: relative; }
div.spoiler .h { background-color: #eee; cursor: pointer; padding: 4px 6px 4px 24px; position: relative; }
div.spoiler .h:hover { background-color: #e6e6e6; }
div.spoiler .h:after { position: absolute; top: 50%; left: 6px; margin-top: -7px; width: 13px; height: 13px; display: block; background: url('/img/spoiler.png') no-repeat 0 0; content: ''; }
div.spoiler .t { font-size: 15px; color: #333; display: none; padding: 6px; }
div.spoiler_on .h { background-color: #ddd; }
div.spoiler_on .h:hover { background-color: #dadada; }
div.spoiler_on .h:after { background-position: -13px 0; }
div.spoiler_on .t { display: block; }

div.class_spoiler { background: #f3f3f3; border: 1px solid #bbb; border-color: #ddd #ccc #ccc #ddd; border-radius: 5px; box-shadow: 1px 1px 2px #e6e6e6; clear: right; margin: 7px 0; overflow: hidden; position: relative; }
div.class_spoiler .class_spoiler_h { background-color: #f1f1f1; cursor: pointer; padding: 7px 6px 7px 24px; position: relative; }
div.class_spoiler .class_spoiler_h:hover { background-color: #e6e6e6; }
div.class_spoiler .class_spoiler_h:after { position: absolute; top: 50%; left: 6px; margin-top: -7px; width: 13px; height: 13px; display: block; background: url('/img/spoiler.png') no-repeat 0 0; content: ''; }
div.class_spoiler .class_spoiler_t { font-size: 15px; color: #333; display: none; padding: 10px 6px; }
div.class_spoiler_on .class_spoiler_h { background-color: #ddd; }
div.class_spoiler_on .class_spoiler_h:hover { background-color: #dadada; }
div.class_spoiler_on .class_spoiler_h:after { background-position: -13px 0; }
div.class_spoiler_on .class_spoiler_t { display: block; }



/* Облако лайков - слева */
div.like_1 {
	bottom: 15px;
	cursor: auto;
	color: #000;
	display: none;
	font-size: 12px;
	margin: 1px 0 0 0;
	padding-bottom: 3px;
	position: absolute;
	right: 0;
	text-align: left;
	z-index: 100;
}
div.like_1 div.like_2 {
	bottom: 3px;
	right: 50px;
	background: url('/img/like_arr.png') no-repeat scroll center bottom transparent;
	position: absolute;
	height: 9px;
	width: 20px;
	z-index: 102;
}
div.like_1 div.like_3 {
	background-color: #F6F3CD;
	background-color: rgba(246, 243, 205, 0.99);
	border: 1px solid #959071;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 1px 1px 2px #ddd;
	float: right;
	margin-bottom: 8px;
	overflow: hidden;
	padding: 8px 10px 10px;
	white-space: nowrap;
	z-index: 101;
}


/* Фотки пользователей */
.like_foto_30 img { margin: 6px 6px 0 0; width: 40px; height: 40px; border-radius: 3px; }
.like_foto_40 img { margin: 7px 7px 0 0; width: 45px; height: 45px; border-radius: 3px; }
.like_foto_50 img { margin: 7px 7px 0 0; width: 50px; height: 50px; border-radius: 3px; }
.like_foto_30 img:hover, .like_foto_40 img:hover, .like_foto_50 img:hover { border-color: #bbb; }

.like_n_text { padding-bottom: 3px; }
.like_n_text span { font-weight: bold; cursor: pointer; color: #000; }
.like_n_text span:hover { color: #405c78; }
.like_n_all { margin-top: 7px; font-size: 13px; color: #666; cursor: pointer; text-decoration: underline; }
.like_n_all:hover { text-decoration: none; }


.like_foto_100 { float: left; margin: 15px 10px 0 0; }
.like_foto_100 .foto { width: 75px; height: 75px; text-align: center; }
.like_foto_100 .foto img { width: 100%; border-radius: 4px; }
.like_foto_100 .fio { font-size: 10px; max-width: 74px; margin: 3px 0 0; text-align: center; overflow: hidden; }
.like_foto_100 .fio a { text-overflow: ellipsis; overflow: hidden; display: block; text-decoration: none; white-space: nowrap; }


/* ЦВЕТНЫЕ БЛОКИ  */
div.box-red   { margin: 15px 0; padding: 10px; border: 1px solid #ff0000; background: #ffe4e4; border-radius: 4px; }
div.box-green { margin: 15px 0; padding: 10px; border: 1px solid #5dc35d; background: #e8fde1; border-radius: 4px; }
div.box-admin { margin: 15px 0; padding: 10px; border: 1px solid #dfddc0; border-color: #dfddc0 #d2d1bc #d2d1bc #dfddc0; box-shadow: 1px 1px 2px #ddd; background: #fdfceb; border-radius: 4px; }
div.box-grey  { margin: 15px 0; padding: 10px; border: 1px solid #d9d9d9; background: #ffffff; border-radius: 4px; overflow: hidden; }
div.box-grey .fade { opacity: 0; transition: opacity 0.2s ease 0s; }
div.box-grey:hover .fade { opacity: 0.5; }
div.box-grey .fade:hover { opacity: 1; }
div.box-admin a { text-decoration: none; }

div.box-green-ok { animation: box-green-ok-anim 6s 1 normal; animation-fill-mode: forwards; overflow: hidden; box-sizing: border-box; }
@keyframes box-green-ok-anim { 0% { opacity: 1; position: relative; } 80% { opacity: 1; position: relative; } 90% { opacity: 0.5; position: relative; width: 100%; height: auto; } 100% { position: fixed; top: 0; left: 0; opacity: 0; z-index: -100; visibility: hidden; width: 0; height: 0; visibility: hidden; } }


div.box-admin-buttons { padding: 14px 0 0 10px; font-size: 0.94rem; }
div.box-admin-buttons > a, div.box-admin-buttons > span.like_a { white-space: nowrap; display: inline-block; position: relative; margin: 0 15px 14px 0; padding-left: 21px; text-decoration: none; }

div.box-rkl { background-color: #fff; font-size: 14px; text-align: center; margin: 10px 5px; }
div.box-rkl a { text-decoration: none; }


/* маленькие картинки в списке статей, заметок, центров и сообществ */
div.icons_11 { font-size: 13px; font-family: Tahoma,Verdana,Arial; color: #5486b8; overflow: hidden; margin-top: 3px; width: 120px; text-align: right; }
div.icons_11 div { font-size: 13px; display: inline-block; background: url('/img/icon_11.png') no-repeat left top transparent; padding: 0 0 0 13px; margin: 0 0 0 8px; color: #777; text-align: left; }
div.icons_11 div:hover { border-bottom: 1px solid #ccc; }
div.icons_11 div.view { background-position: 0 -27px; margin: 0; padding-left: 16px; }
div.icons_11 div.like { background-position: 0 -57px; }
div.icons_11 div.comm { background-position: 0 -72px; }
div.icons_11 div.order { background-position: 0 -88px; }
div.icons_11 div.money { background-position: 0 -104px; }
div.icons_11 div.tel { background-position: 0 -119px; }


/* маленькие картинки в списке статей */
div.icons_111 { font-size: 13px; font-family: Tahoma,Verdana,Arial; color: #5486b8; overflow: hidden; margin: 3px 0 0 5px; padding: 0 0 2px 0; opacity: 0.6; white-space: nowrap; text-align: right; }
div.art_list:hover .icons_111, div.art_list_usr:hover .icons_111, div.list:hover .icons_111 { opacity: 1; }
div.icons_111 div { display: inline-block; background: url('/img/icon_111.png') no-repeat left top transparent; padding: 1px 0 1px 13px; margin: 0 0 0 8px; color: #777; text-align: left; cursor: default; line-height: 100%; position: relative; }
div.icons_111 div:hover::after { content: ''; position: absolute; display: block; left: 0; right: 0; height: 1px; border-bottom: 1px solid #ccc; bottom: -1px; }
div.icons_111 div.u { background-position: 0 -17px; }
div.icons_111 div.v { background-position: 0 -37px; margin: 0; padding-left: 16px; }
div.icons_111 div.l { background-position: 0 -77px; }
div.icons_111 div.c { background-position: 0 -96px; cursor: pointer; }
div.icons_111 div.t { background-position: 0 -157px; }
div.icons_111 div.e { background-position: 0 -177px; padding-left: 17px; }
div.icons_111 div.p { background-position: 0 -197px; }
div.icons_111 div.m { background-position: 0 -217px; padding-left: 14px; }
div.icons_111 div.u2 { background-position: 0 -257px; padding-left: 14px; }
div.icons_111 div sup { vertical-align: baseline; position: relative; top: -0.4em; color: #080; margin-left: 2px; }

/* маленькие картинки в списке статей */
div.icons_view_n { float: right; font-size: 13px; font-family: Tahoma,Verdana,Arial; overflow: hidden; padding: 0 0 2px 0; margin: 0 0 -1px 0; white-space: nowrap; text-align: left; line-height: 100%; }
div.icons_view_n > div, div.icons_view_n > a { display: inline-block; padding: 1px 0 1px 17px; margin: 0 0 0 7px; color: #777; position: relative; text-decoration: none; opacity: 0.5; }
div.icons_view_n > div.l_on { opacity: 1 !important; }
div.icons_view_n > div.c_on, div.icons_view_n > a.c_on { opacity: 1 !important; }
div.icons_view_n:hover > div, div.icons_view_n:hover > a { opacity: 0.8; }
div.icons_view_n > div:hover, div.icons_view_n > a:hover { opacity: 1; }
div.icons_view_n > div { cursor: default; }
div.icons_view_n > a { cursor: pointer; }
div.icons_view_n_xxx > div:hover::after, div.icons_view_n > a:hover::after { content: ''; position: absolute; display: block; left: 0; right: 0; height: 1px; border-bottom: 1px solid #ccc; bottom: -1px; }
div.icons_view_n i { position: absolute; display: block; width: 16px; height: 16px; left: 0; top: 50%; margin-top: -8px; background: url('/img/icons_view_n.svg?v=5') no-repeat 0 0; background-size: 160px 16px; }
div.icons_view_n .u i { background-position: 0 0; }
div.icons_view_n .v i { background-position: -16px 0; }
div.icons_view_n .c i { background-position: -32px 0; }
div.icons_view_n .c_on i { background-position: -112px 0; }
div.icons_view_n .l i { background-position: -48px 0; }
div.icons_view_n .l_on i { background-position: -96px 0; }
div.icons_view_n .e i { background-position: -64px 0; }
div.icons_view_n .t i { background-position: -80px 0; }
div.icons_view_n sup { vertical-align: baseline; position: relative; top: -0.4em; color: #080; margin-left: 2px; }



/* КНОПКА НАВЕРХ */
div.gotop a { color: #afd2f6; text-decoration: none; font-weight: bold; padding: 5px 2px; }
img.ico16 { vertical-align: bottom; margin: 0 5px 1px 0; }

.forumpicture { max-width:  100%; }


/* Сортировка по алфавиту  */
div.alfavit { margin: 15px 0 0 0; padding: 5px; text-align: center; border: 1px solid #f9c9a3; background-color: #fbf2d4; border-radius: 3px; box-shadow: 1px 1px 2px #ccc; }
div.alfavit a { padding: 2px 4px; margin: 0 0 0 2px; text-decoration: none; border-radius: 3px; }
div.alfavit a:hover { background-color: #f9df9f; color: #000; }
div.alfavit a.on, div.alfavit a.on:hover { background-color: #ffca4b; color: #000; }
div.alfavit a.off, div.alfavit a.off:hover { color: #666; background-color: transparent; }



/* МЕНЮ V3 - С выпадающими списками */
#nav{ list-style:none; overflow: visible; z-index: 95; padding: 0; margin-left: 21px; }
#nav li { display: inline-block; margin: 0; margin-left: 0; margin-right: 0px; position:relative; z-index: 96; border-left: 1px solid #F9FAFC; border-right: 1px solid #CEDAE5; padding: 0; position: relative;
text-align: left; text-shadow: 1px 1px 0 #fff; transition: background-color 0.2s 0s ease; }
#nav li a { display: block; padding: 2px 7px 3px; color: #325683; text-decoration: none; }
#nav li:hover { background-color: #d4e1ee; text-shadow: 1px 1px 0 #ebf2f8; }
#nav li.activ { background-color: #f3f6f8; box-shadow: 0 1px 2px #dbe7f2 inset; text-shadow: 1px 1px 0 #fff; }
#nav li a:hover { color: #344b66; }
#nav li a span { color: #777; font-size: 15px; text-shadow: 0 0 0 #fff; }
#nav li a span.my { background-color: #f2d96c; color: #c22; padding: 1px 5px; border-radius: 3px; box-shadow: 1px 1px 0 #fff; font-weight: bold; font-size: 14px; border: 0px solid #fff; }
#nav li a span.new { color: #f59f43; font-size: 14px; font-weight: bold; }

#nav ul{ margin-left: 0; margin: 0; padding: 0; list-style: none;  position: absolute; left: -9999px; box-shadow: 1px 1px 5px 1px #fff; border-radius: 0 0 4px 4px; }
#nav ul li { border-top: 1px solid #adbecd; border-left-width: 0; border-right-width: 0; display: block; float:none; font-size: 15px; padding-left: 0; background: #718da8; background-color: #718da8; background-color: rgba(113, 141, 168, 0.97); text-shadow: -1px -1px 0 #547492; }
#nav ul li:hover { background-color: #7f9bb5; background-color: rgba(127, 155, 181, 0.97); text-shadow: -1px -1px 0 #6986a0; }
#nav ul li a { min-width: 90px; color: #fff; padding: 5px 9px 5px 9px; white-space: nowrap; display: block; }
#nav ul li a:hover { color: #fff; }
#nav li:hover ul { left: 0; }

#nav li.menu3-dop {
	background-color: #f9ce77;
	text-shadow: 0 0 0 #f9ce77;
}
#nav li.menu3-dop:hover {
	background-color: #fdd88c;
	text-shadow: 0 0 0 #f9ce77;
}
#nav ul li a.my {
	color: #ffdc73;
}
#nav ul li a span { color: #d7e7f6; font-size: 14px; text-shadow: 0 0 0 #d7e7f6; }
#nav .menu-bkmrk { background: url('/img/favorit.png') 8px 50% no-repeat; width: 32px; }
#nav .menu-bkmrk:hover { background-position: -50px 50%; }


/* AJAX Чекбоксы */
.checkbox, .radio {
	cursor: pointer;
	margin: 5px 0;
	position: relative;
	padding-left: 20px;
}
.checkbox:hover {
	opacity: 0.8;
}
.checkbox .box {
	background: url(/img/checkbox.svg) no-repeat 0 0;
	 background-size: 64px 32px;
	width: 14px;
	height: 14px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: bottom;
	position: absolute;
	left: 0;
	top: 2px;
}
.checkbox:hover .box { background-position: -16px 0; }
.checkbox .checked { background-position: -32px 0; }
.checkbox:hover .checked { background-position: -48px 0; }
.checkbox input { display: none; }

.radio .box {
	background: url(/img/checkbox.svg) no-repeat 0  -16px;
	 background-size: 64px 32px;
	width: 14px;
	height: 14px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: bottom;
	position: absolute;
	left: 0;
	top: 2px;
}
.radio:hover .box { background-position: -16px -16px; }
.radio .checked { background-position: -32px -16px; }
.radio:hover .checked { background-position: -48px -16px; }
.radio input { display: none; }



/* AJAX Чекбоксы */
.checkbox2, .radio2 { cursor: pointer; margin: 5px 0; position: relative; display: inline-block; }
.checkbox2:hover { color: #555; }
.checkbox2 .box { display: inline-block; margin-right: 5px; vertical-align: bottom; }
.checkbox2 .box span { padding: 2px 5px; margin: 0 5px; }
.checkbox2:hover .box {  }
.checkbox2 .checked { background-color: #D5E0EF; border-radius: 2px; box-shadow: -1px -1px 1px #909EB3, 1px 1px 1px #F5F9FF; cursor: pointer; text-decoration: none; }
.checkbox2:hover .checked {  }
.checkbox2 input { display: none; }

.radio2 .box { opacity: 0.7; }
.radio2:hover .box { opacity: 0.9; }
.radio2 .checked { background-color: #D5E0EF; box-shadow: -1px -1px 1px #a0b8d4, 1px 1px 1px #f5f9ff; border-radius: 2px; cursor: pointer; text-decoration: none; padding: 2px 5px; color: #000; opacity: 1; }
.radio2:hover .checked {  }
.radio2 input { display: none; }

span.checkbox_on { background: url(/img/checkbox.svg) no-repeat scroll -32px 0; background-size: 64px 32px; display: inline-block; height: 14px; left: 0; margin-right: 5px; top: 2px; vertical-align: bottom; width: 14px; }
span.checkbox_off { background: url(/img/checkbox.svg) no-repeat scroll 0 0; background-size: 64px 32px; display: inline-block; height: 14px; left: 0; margin-right: 5px; top: 2px; vertical-align: bottom; width: 14px; }


/* CSS-чекбоксы */
.css-radio label { cursor: pointer; display: inline-block; position: relative; margin-top: 7px; padding-left: 21px; }
.css-radio label:hover { color: #444; }
.css-radio input[type=radio] { display: none; }
.css-radio label:before { position: absolute; top: 3px; left: 0; content: ''; display: inline-block; width: 16px; height: 16px; background-color: #aaa; background: url('/img/checkbox.svg') no-repeat scroll 0 -16px; background-size: 64px 32px; }
.css-radio input[type=radio]:checked + label:before { background: url('/img/checkbox.svg') no-repeat scroll -32px -16px; background-size: 64px 32px; }
.css-radio input[type=radio]:checked + label { font-weight: 500; } /* color: #c33; */

.css-checkbox label { cursor: pointer; display: inline-block; position: relative; margin-top: 7px; padding-left: 21px; }
.css-checkbox label:hover { color: #444; }
.css-checkbox input[type=checkbox] { display: none; }
.css-checkbox label:before { position: absolute; top: 3px; left: 0; content: ''; display: inline-block; width: 16px; height: 16px; background-color: #aaa; background: url('/img/checkbox.svg') no-repeat scroll 0 0; background-size: 64px 32px; }
.css-checkbox input[type=checkbox]:checked + label:before { background: url('/img/checkbox.svg') no-repeat scroll -32px 0; background-size: 64px 32px; }
.css-checkbox input[type=checkbox]:checked + label { font-weight: 500; }



/* Ограничение длины textarea */
.textarea_maxlength_info { padding: 5px 10px; margin: 0 0 10px 0; background-color: #fffcd3; color: #c33; font-size: 14px; }


/* CSS СПРАЙТЫ */
.ico { background: url('/img/icons.png') no-repeat 0 0; height: 16px; width: 16px; overflow: hidden; user-select: none; }
span.ico { display: inline-block; vertical-align: bottom; margin: 0 5px 1px 0; }

.ico_svg { overflow: hidden; display: inline-block; width: 16px; height: 16px; position: relative; }
.ico_svg_18 {width: 18px; height: 18px; }
.ico_svg_20 {width: 20px; height: 20px; }
.ico_svg_24 {width: 24px; height: 24px; }
.ico_svg_36 {width: 36px; height: 36px; }
.ico_svg_48 {width: 48px; height: 48px; }
.ico_svg_64 {width: 64px; height: 64px; }
.ico_svg > span { display: block; width: 3000%; height: 1500%; background: url(/img/svg_sprite.svg?v=42) no-repeat 0 0; background-size: 100%; margin: 150% 0 0 150%; }
.ico_svg_absolute { position: absolute; left: 0; top: 50%; margin-top: -8px; }
.ico_svg_text { margin: 0 0 1px 5px; vertical-align: bottom; }
.ico_svg_text_do { margin: 0 5px 1px 0; vertical-align: bottom; }




.ico-user { background-position: -16px 0; }
.ico-boss { background-position: -32px 0; }
.ico-shield { background-position: -48px 0; }
.ico-map { background-position: -64px 0; }
.ico-lock { background-position: -80px 0; }
.ico-key { background-position: -96px 0; }
.ico-idea { background-position: -112px 0; }
.ico-lightning { background-position: -128px 0; }
.ico-koob { background-position: -144px 0; }

.ico-world { background-position: 0 -16px; }
.ico-warning { background-position: -16px -16px; }
.ico-share { background-position: -64px -112px; }
.ico-tre_green { background-position: -48px -16px; }
.ico-tre_red { background-position: -64px -16px; }
.ico-resend { background-position: -80px -16px; }
.ico-page_refresh { background-position: -96px -16px; }
.ico-refresh { background-position: -112px -16px; }
.ico-house { background-position: -128px -16px; }
.ico-find { background-position: -144px -16px; }

.ico-diplom { background-position: 0 -32px; }
.ico-sertificat { background-position: -16px -32px; }
.ico-add_new { background-position: -32px -32px; }
.ico-edit { background-position: -48px -32px; }
.ico-email { background-position: -64px -32px; }
.ico-email_yellow { background-position: -80px -32px; }
.ico-money { background-position: -96px -32px; }
.ico-money_gold { background-position: -112px -32px; }
.ico-print { background-position: -128px -32px; }
.ico-bl2 { background-position: -144px -32px; }

.ico-article { background-position: 0 -48px; }
.ico-blog { background-position: -16px -48px; }
.ico-articles { background-position: -32px -48px; }
.ico-blanc { background-position: -48px -48px; }
.ico-present { background-position: -64px -48px; }
.ico-cancel { background-position: -80px -48px; }
.ico-drop { background-position: -96px -48px; }
.ico-cancel_bold { background-position: -112px -48px; }
.ico-del { background-position: -128px -48px; }
.ico-del2 { background-position: -144px -48px; }

.ico-monitor { background-position: 0 -64px; }
.ico-date { background-position: -16px -64px; }
.ico-chat1 { background-position: -32px -64px; }
.ico-chat2 { background-position: -48px -64px; }
.ico-cart { background-position: -64px -64px; }
.ico-users { background-position: -80px -64px; }
.ico-v1 { background-position: -96px -64px; }
.ico-v0 { background-position: -112px -64px; }
.ico-folder { background-position: -128px -64px; }
.ico-sort { background-position: -144px -64px; height: 14px; margin-right: 4px; }

.ico-house2 { background-position: 0 -80px; }
.ico-star1 { background-position: -16px -80px; }
.ico-star0 { background-position: -32px -80px; }
.ico-calendar { background-position: -48px -80px; }
.ico-chart { background-position: -64px -80px; }
.ico-order { background-position: -80px -80px; }
.ico-best, span.ico-best { background-position: -96px -80px; height: 15px; margin-right: 1px; }
.ico-star11, span.ico-star11 { background-position: -112px -80px; height: 15px; margin-right: 1px; }
.ico-art11 { background-position: -128px -84px; width: 10px; height: 12px; }
.ico-blog11 { background-position: -144px -84px; width: 10px; height: 12px; }

.ico-hand1 { background-position: 0 -96px; }
.ico-hand0 { background-position: -16px -96px; }
.ico-nohand1 { background-position: -32px -96px; }
.ico-nohand0 { background-position: -48px -96px; }
.ico-arts {  background-position: -64px -96px; }
.ico-heart {  background-position: -128px -96px; }

.ico-sound {  background-position: 0 -112px; }
.ico-sound_off {  background-position: -16px -112px; }
.ico-top {  background-position: -32px -112px; }
.ico-tre_mini { background-position: -112px -112px; height: 15px; margin-right: 1px !important; }

.ico-hold {  background-position: -32px -128px; }

.ico-forum1 { background-position: -16px -144px; }
.ico-forum2 { background-position: 0 -144px; }
.ico-forum3 { background-position: -32px -144px; }
.ico-forum4 { background-position: -16px 0; }
.ico-forum5 { background-position: -96px -144px; }
.ico-forum6 { background-position: -48px -48px; }
.ico-forum7 { background-position: -128px -144px; }
.ico-forum8 { background-position: -48px -144px; }
.ico-forum9 { background-position: -64px -144px; }
.ico-forum10 { background-position: -128px -144px; }
.ico-forum11 { background-position: -128px 0; }
.ico-forum12 { background-position: -144px -128px; }
.ico-b17    { background-position: -112px -144px; }
.ico-bl     { background-position: -80px -144px; }

.ico-forum_hid { background-position: 0 -128px; height: 15px; }
.ico-forum_last { background-position: -16px -128px; height: 15px; }
.ico-forum_top { background-position: -32px -128px; }

/* AJAX Выбор города */
.city_ajax_box .city_search_form { padding: 10px; border: 1px solid #c7d0d8; background-color: #eff6fc; border-radius: 2px; overflow: hidden; position: relative; }
.city_ajax_box .city_text_new { padding: 3px; min-width: 250px; }
.city_ajax_box .city_search_result { font-size: 15px; }
.city_ajax_box .city_search_result div.c { margin: 6px 0; padding: 2px 5px; border: 1px solid #c3ced8; background-color: #feefc7; border-radius: 3px; box-shadow: 1px 1px 1px #dee4e9; color: #282c30; cursor: pointer; }
.city_ajax_box .city_search_result div.c:hover { background-color: #fbe28a; }
.city_ajax_box .city_ok { border-bottom: 1px dotted #999; color: #325683; cursor: pointer; }
.city_ajax_box .city_del { color: #666; text-decoration: none; font-size: 14px; }
.city_ajax_box .city_del span { border-bottom: 1px dotted #999; cursor: pointer;  }

.city_finde { background-color: #eff6fc; border: 1px solid #c7d0d8; border-radius: 2px; overflow: visible; padding: 10px; position: relative; }
.city_finde .h { font: 12px Verdana; font-weight: bold; margin: 0 0 4px; color: #333; }
.city_finde input[type="text"] { min-width: 250px; }
.city_finde input[type="text"]:focus { outline: none; }
.city_finde_list { position: absolute; top: 100%; z-index: 9999; left: 0; width: 100%; overflow: hidden; max-width: 250px; background-color: #fff; border: 1px solid #ddd; border-width: 0 1px 1px; display: none; }
.city_finde_list div.b { color: #999; font-size: 13px; padding: 2px 5px; }
.city_finde_list div.i { font-size: 15px; padding: 2px 5px; display: none; }
.city_finde_list div.i:hover { background-color: #fd9; }
.city_finde_list div.activ { background-color: #fc6; }
.city_finde_list div.x { display: none; color: #966; font-size: 13px; padding: 5px; }


#tooltip { z-index: 9999; position: absolute; display: none; top: 0; left: 0; background-color: #fdf4bb; padding: 2px 10px; color: #392d0e; opacity: 1; border-radius: 5px; box-shadow: 1px 1px 0 #c4bb80; font: 13px Verdana; }
span.tooltip { position: relative; border-bottom: 1px dotted #999; cursor: help; }
span.tooltip .tooltip_text { bottom: 30px; left: -50px; display: none; position: absolute; background-color: #f5ecb0; box-shadow: inset -1px -1px 0 #c4bb80, 5px 5px 5px rgba(0, 0, 0, 0.1); padding: 8px 10px; border-radius: 4px; font-size: 13px; font-family: Verdana; color: #4e4c33; font-weight: normal; max-width: 300px; min-width: 150px; }
span.tooltip .tooltip_text:after { content: ''; position: absolute; left: 50%; margin-left: -8px; bottom: -17px; border: 10px solid transparent; border-width: 7px 8px; border-top: 10px solid #c4bb80; }
span.tooltip:hover .tooltip_text { display: block; opacity: 1; }




.ppp_info {	width: 100%; height: 100%; box-sizing: border-box; padding: 5px; position: fixed; top: 0; left: 0; overflow: auto; white-space: nowrap; text-align: center; z-index: 99999; background-color: rgba(0, 0, 0, 0.4); }
.ppp_info::before { height: 100%; display: inline-block; vertical-align: middle; content: ''; }  /* выравнивание по вертикали */
.ppp_info > div { display: inline-block; max-width: 100%; margin: 0 auto; box-sizing: border-box; overflow: hidden; vertical-align: middle; }
.ppp_info > div > div { margin: 0 auto; overflow: hidden; background-color: #fff; border: 0 solid #bacde8; border-radius: 5px; box-shadow: 1px 1px 3px #333; box-sizing: border-box; display: inline-block; padding: 20px; text-align: left; vertical-align: middle; white-space: normal; color: #000; /* 6a6758 */ width: 600px; max-width: 100%; }

.main_ppp {	width: 100%; height: 100%; box-sizing: border-box; padding: 5px; position: fixed; top: 0; left: 0; overflow: auto; white-space: nowrap; text-align: center; z-index: 99999; background-color: rgba(0, 0, 0, 0.4); }
.main_ppp::before { height: 100%; display: inline-block; vertical-align: middle; content: ''; }  /* выравнивание по вертикали */
.main_ppp > div { display: inline-block; max-width: 100%; margin: 0 auto; box-sizing: border-box; overflow: hidden; vertical-align: middle; }
.main_ppp > div > div {
	margin: 0 auto; overflow: hidden; background-color: #fff; border: 1px solid #ddd; border-radius: 5px; box-shadow: 1px 1px 3px #333; box-sizing: border-box; display: inline-block; padding: 0; text-align: left;
	vertical-align: middle; white-space: normal; color: #000; width: 600px; max-width: 100%;
}
.main_ppp .t1 { position: relative; background-color: #ddd; padding: 10px 35px 10px 20px; border-bottom: 1px solid #ccc; font-weight: 500; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.main_ppp .t1 .x { position: absolute; top: 50%; right: 7px; margin-top: -12px; width: 24px; height: 24px; background-color: #fc0; background: url(/img/svg_sprite.svg?v=42) no-repeat -118px -28px; background-size: 600px 300px; opacity: 0.6; cursor: pointer; }
.main_ppp .t2 { padding: 15px 20px; }

.main_ppp .btn_yellow, .main_ppp .btn_grey { margin: 0; padding: 8px 10px; color: #000; border-radius: 3px; text-align: center; text-decoration: none; cursor: pointer; box-sizing: border-box; }
.main_ppp .btn_yellow { background-color: #fbdd7d; box-shadow: 1px 1px 0 #bea863; }
.main_ppp .btn_grey   { background-color: #dbdbdb; box-shadow: 1px 1px 0 #cccccc; }
.main_ppp .btn_yellow:hover { background-color: #fce290; }
.main_ppp .btn_grey:hover   { background-color: #e1e1e1; }


.main_ppp_fs > div > div { position: fixed; top: 20px; left: 20px; right: 20px; bottom: 20px; width: 900px; background: #f3f3f3; }
.main_ppp_fs .t2 { position: absolute; top: 50px; bottom: 10px; left: 0; right: 0; padding: 10px 20px; margin: 0; overflow: hidden; overflow-y: auto; }

.main_ppp_900 > div > div { width: 900px; max-width: 100%; }

@media screen and (max-width: 950px) {
	.main_ppp_fs > div > div { width: auto; }
}
@media screen and (max-width: 440px) {
	.main_ppp_fs > div > div { top: 0; left: 0; right: 0; bottom: 0; border-radius: 0; width: 100%; }
	.main_ppp_fs .t2 { padding: 10px; }

	.main_ppp .t1 { padding: 10px 35px 10px 10px; }
	.main_ppp .t2 { padding: 10px; }
}


/* Запись аудио */
#audio_rec_box { background-color: #fbfff3; max-width: 750px; color: #000; padding: 15px; overflow: hidden; display: none; border: 1px solid #ccc; border-top-width: 0; }
#audio_rec_box table { color: #888; }
#audio_rec_box table .td2 { width: 100%; padding-right: 10px; }
#audio_rec_box table .td3 { padding: 2px 1px 2px 0; }

#audio_rec_box .btn_rec { display: inline-block; position: relative;  padding: 5px 7px 5px 21px; font-size: 15px; background-color: #f6dfdf; border-radius: 2px; line-height: 100%; color: #111; cursor: pointer; display: none; box-shadow: 1px 1px 1px #d7a9a9; margin-right: 15px; white-space: nowrap; }
#audio_rec_box .btn_rec::after { position: absolute; display: block; content: ''; top: 50%; margin-top: -5px; left: 7px; width: 10px; height: 10px; border-radius: 5px; background-color: #f33838; }
#audio_rec_box .btn_stop { display: inline-block; position: relative;  padding: 5px 7px 5px 21px; font-size: 15px; background-color: #dddddd; border-radius: 2px; line-height: 100%; color: #111; cursor: pointer; display: none; box-shadow: 1px 1px 1px #bbb; margin-right: 15px; white-space: nowrap; }
#audio_rec_box .btn_stop::after { position: absolute; display: block; content: ''; top: 50%; margin-top: -5px; left: 7px; width: 10px; height: 10px; background-color: #444; }
#audio_rec_box .btn_del { display: inline-block; width: 19px; height: 19px; opacity: 0.6; cursor: pointer; display: none; }
#audio_rec_box .btn_del:hover { opacity: 1; }
#audio_rec_box audio { display: none; opacity: 0.5; }

/* Прослушивание аудио */
#sound_rec_player { background-color: #eaefdf; overflow: hidden; margin: 0; border-radius: 4px; }
#sound_rec_player .play { float: left; width: 40px; height: 40px; background: url(/img/audio_play.svg) no-repeat 50% 50%; opacity: 0.7; cursor: pointer; }
#sound_rec_player .play:hover { opacity: 1; }
#sound_rec_player .play_on { background-image: url(/img/audio_pause.svg); }
#sound_rec_player .progress { margin: 0 50px 0 40px; padding: 12px 0 0 0; }
#sound_rec_player .progress > div { height: 16px; background-color: #fdfdfc; border-radius: 4px; box-shadow: inset 1px 1px 1px #d1d7c4; overflow: hidden; }
#sound_rec_player .progress > div > div { height: 16px; display: inline-block; background-color: #63a64c; }
#sound_rec_player .time { float: right; width: 50px; text-align: center; font-size: 16px; color: #666; padding-top: 12px; line-height: 100%; }



/* ОТСЕЧКИ - / 910 / 700 / 640 (580) / 480 / 360 / 320  */

@media screen and (max-width: 910px) {
	.maket_body { margin-top: 40px; }
	.maket_body_auto { margin-top: 0; }
	.maket_body_0 { margin-top: 0; }
	.maket_body_80 { margin-top: 80px; }
	.maket_body_120 { margin-top: 120px; }

	div.html-wrapper {
		max-width: 910px;
		min-width: 700px;
		margin: 0 auto;
	}

	.searchform2, .no-mobile, #go_top, #share42, #fly-box-0, #nav li.no-mobile, #nav li a.no-mobile {
		display: none;
	}
	.vkladki2 li.no-mobile { display: none; }
	.vkladki5 a.no-mobile  { display: none; }
	.vkladki5 a, .vkladki5 a:link, .vkladki5 a:visited, .vkladki5 span.a { padding: 6px 7px 8px 7px; }

	.body_padding {
		padding: 20px 10px;
	}
	#nav { margin-left: 5px; }
	#wrapper-bottom { border-radius: 0; }

	#forum-filter-select {
		max-width: 120px;
	}


	/* Показываем */
	.only-mobile            { display: block; }
	tr.only-mobile, td.only-mobile { display: revert; }

	a.only-mobile           { display: inline-block; }
	span.only-mobile        { display: inline-block; }
	.only-mobile-910        { display: block; }
	span.only-mobile-910    { display: inline-block; }
	div.page-list > span.only-mobile { display: inline-block; }
	#nav li a.only-mobile   { display: block; }
	#nav li.only-mobile-910 { display: inline-block; }


	/* Скрываем */
	.no-mobile-910 { display: none;	}
}




@media screen and (max-width: 700px) {
	div.html-wrapper {
		/*max-width: 700px;*/
		min-width: 580px;
	}

	/* Скрываем "На сайте зарегистрированы..." */
	#wrapper-title .text .city-all-n {
		font-size: 0px;
		overflow: hidden;
	}

	/* Сжимаем шапку */
	#wrapper-title {
		height: 95px;
		background-size: auto 100%;
	}
	#wrapper-title .go_index {
		height: 80px;
		width: 150px;
	}
	#wrapper-title .text {
		padding: 13px 0 0 160px;
	}


	/* Изменяем стиль основного меню */
	div.menu_new3 {
		background: url(/img/menu_bg_v3.png) no-repeat scroll -10px bottom #ebf2f8;
	}
	#nav li {
		border-left-width: 0;
		border-right-width: 0;
	}
	#nav li ul {
		opacity: 0;
	}
	#nav li ul li {
		display: none;
	}

	/* Дополнительно скрываем или показываем ... */
	.no-mobile-700 {
		display: none;
	}
	.only-mobile-700     { display: block; }
	span.only-mobile-700 { display: inline-block; }
}

@media screen and (max-width: 580px) { /* 640 */
	div.html-wrapper {
		/* max-width: 580px; */
		min-width: 480px;
	}

	#wrapper-title {
		height: 92px;
		background-size: auto 100%;
	}
	#wrapper-title .go_index {
		height: 80px;
		width: 130px;
	}
	#wrapper-title .text {
		padding: 12px 0 0 140px;
	}


	/* Скрываем правое меню */
	.wrapper-body-right, .maket_body_right {
		display: none;
	}
	.maket_body_left { padding: 20px 0; }

	/* Показываем дополнительные пункты в основном меню */
	#nav li.only-mobile { display: inline-block; }
	#nav li.only-mobile-580 { display: inline-block; }

	/* Стиль Личного меню */
	div.my_menu_mobile_full {
		display: block;
	}
	div.my_menu_mobile_full div.m {
	    display: inline-block;
	    font-size: 16px;
	    min-width: 170px;
		margin: 2px 0;
		overflow: hidden;
	}

	/* Ширина первой колонки топика на форуме*/
	.forum-topic-first-column-width {
		max-width: 105px;
		width: 100px;
		overflow: hidden;
	}
	.forum-topic-first-column-width img {
		max-width: 100px;
		width: 100px;
	}

	/* Форму - все кто лайкал */
	.like_foto_100 { margin: 7px 5px 0 0; }
	.like_foto_100 .foto { height: 42px; width: 42px; }
	.like_foto_100 .foto img { height: 40px; width: 40px; margin: 0 5px 5px 0; }
	.like_foto_100 { margin: 7px 5px 0 0; }
	.like_foto_100 .foto { height: 42px; width: 42px; }
	.like_foto_100 .foto img { height: 40px; width: 40px; margin: 0 5px 5px 0; }

	.submit_yellow_100, a.submit_yellow_100 { width: 100%; }

	/* Дополнительно скрываем или показываем ... */
	.no-mobile-640 {
		display: none;
	}
	.only-mobile-640     { display: block; }
	td.only-mobile-640   { display: revert; }
	span.only-mobile-640 { display: inline-block; }
}

@media screen and (max-width: 480px) { /*  and (orientation: portrait), screen and (max-width: 480px) and (orientation: landscape) */
	body { background: linear-gradient(to bottom, #fff 70px, #e7e7e7 300px, #e3e3e3) !important; }

	div.html-wrapper {
		/* max-width: 480px; */
		min-width: 320px;
	}

	/* Вкладки */
	div.vkladki4, div.vkladki5 { margin-left: -10px; margin-right: -10px; }
	div.vkladki_info, div.vkladki_info2 { margin-left: -10px; margin-right: -10px; border-radius: 0; }

	#nav li.only-mobile-480 { display: inline-block; }


	#wrapper-title {
		height: 90px;
	}
	#wrapper-title .go_index {
		height: 80px;
		width: 110px;
	}
	#wrapper-title .text {
		padding: 13px 0 0 135px;
	}
	#wrapper-title .text a.h {
		font-size: 23px;
	}
	#wrapper-title .text .city-select {
		font-size: 13px;
	}
	#wrapper-title .text .city-select .city span {
		font-size: 17px;
	}

	.YouTube { min-heightX: 250px; }

	/* Дополнительно скрываем или показываем ... */
	.no-mobile-480 {
		display: none !important;
	}
	.only-mobile-480     { display: block; }
	span.only-mobile-480 { display: inline-block; }
}

@media screen and (max-width: 360px) {
	div.html-wrapper {
		/* max-width: 360px; */
		min-width: 320px;
	}

	/* Вкладки */
	div.vkladki4 { margin-left: -10px; margin-right: -10px; }
	div.vkladki_info { margin-left: -10px; margin-right: -10px; }

	#wrapper-title {
		height: 80px;
	}
	#wrapper-title .go_index {
		height: 70px;
		width: 100px;
	}
	#wrapper-title .text {
		padding: 12px 0 0 120px;
	}
	#wrapper-title .text a.h {
		font-size: 20px;
	}
	#wrapper-title .text .city-select {
		font-size: 12px;
	}
	#wrapper-title .text .city-select .city span {
		font-size: 16px;
	}

	.YouTube { min-heightX: 180px; }

	/* Дополнительно скрываем или показываем ... */
	.no-mobile-360, .forum_list .l a {
		display: none !important;
	}
	.only-mobile-360     { display: block; }
	span.only-mobile-360 { display: inline-block; }
}

@media screen and (max-width: 320px) { /* , screen and (min-width: 240px) and (orientation: portrait) screen and (min-width: 320px) and (orientation: portrait), screen and (max-width: 320px) and (orientation: landscape) */
	div.html-wrapper {
		/* max-width: 320px; */
		min-width: 240px;
	}

	#wrapper-title {
		height: 70px;
	}
	#wrapper-title .go_index {
		height: 60px;
		width: 100px;
	}
	#wrapper-title .text {
		padding: 10px 0 0 110px;
	}
	#wrapper-title .text a.h {
		font-size: 18px;
	}
	#wrapper-title .text .city-select {
		font-size: 12px;
	}
	#wrapper-title .text .city-select .city span {
		font-size: 15px;
	}

	/* Сужаем рамки */
	.body_padding {
		padding: 20px 10px;
	}
	/* Список тем на форуме */
	table.forum_list tr.list td {
		padding: 6px 2px;
	}
	table.forum_list tr.list td.n {
	    padding-left: 2px;
	    padding-right: 2px;
	}


	/* Дополнительно скрываем или показываем ... */
	.no-mobile-320, .vkladki2 li.no-mobile-320 {
		display: none;
	}
	.only-mobile-320     { display: block; }
	span.only-mobile-320 { display: inline-block; }
}




/* ФОРМА РЕДАКТИРОВАНИЯ (ТРЕНИНГА) */
.main_form { background-color: #ffffff; border: 1px solid #ddd; border-color: #ddd #ccc #ccc #ddd; margin-top: 15px; border-radius: 4px; }
.main_form_hh { margin: 0 0 10px 0; padding: 10px 15px; background-color: #ebeff5; border-radius: 4px 4px 0 0; font-size: 1.12rem; line-height: 100%; }
.main_form_h { margin: 10px 0; background-color: #ebeff5; border-top: 1px solid #dfe4e9; border-bottom: 1px solid #d1d8df; color: #4b6f94; }
.main_form_h > div { padding: 7px 15px 8px 15px; border-top: 1px solid #f5f7fa; font-size: 0.94rem; font-weight: 500; color: #333; line-height: 100%; }
.main_form_t { margin: 15px 0 25px 0; padding: 0 15px; }
.main_form_end { margin-top: 10px; padding: 10px 15px; background-color: #eff0f2; border-top: 1px solid #e3e5e8; box-shadow: 0 1px 0 #fcfcfc inset; border-radius: 0 0 4px 4px; }
.main_form_small { margin-top: 3px; font-size: 0.88rem; line-height: 120%; opacity: 0.7; }

.main_form_table { border: 0; border-collapse: collapse; width: 100%; margin-bottom: -10px; }
.main_form_table    td { padding: 0 10px 15px 0; }
.main_form_table_8  td { padding-bottom: 8px; }
.main_form_table_10 td { padding-bottom: 10px; }
.main_form_table tr td:nth-child(1) { opacity: 0.8; }
.main_form_table tr td:nth-child(2) { padding-right: 0; width: 100%; }


@media screen and (max-width: 480px) {
	.main_form { border-width: 1px 0; border-radius: 0; margin-left: -10px; margin-right: -10px; }
	.main_form_h > div { padding-left: 10px; padding-right: 10px; }
	.main_form_t, main_form_end { padding-left: 10px; padding-right: 10px; margin-top: 10px; }

	.main_form_table_mobile > tbody > tr > td { display: block; padding: 0; margin: 0; }
	.main_form_table_mobile > tbody > tr > td.main_form_no_mobile { display: none; }
	.main_form_table_mobile > tbody > tr > td:nth-child(1) { padding: 0 0 2px 0; font-size: 13px; color: #111; font-weight: bold; }
	.main_form_table_mobile > tbody > tr > td:nth-child(1) br { display: none; }
	.main_form_table_mobile > tbody > tr > td:nth-child(2) { padding: 4px 0 10px 0; margin-bottom: 10px; }
}