/*
 * Your-T — стили содержимого, перенесённые из шаблона старого сайта (Joomla, шаблон repetitor, Artisteer, префикс za-).
 *
 * Что здесь: правила template.css / template.responsive.css для классов, которые реально встречаются в HTML статей
 * и модулей (плитки на главной, карточки магазина, таблицы тестов, блоки-«рамки» и т.д.), и «база содержимого» —
 * те глобальные правила старого шаблона, на которые опирается вёрстка статей (сброс отступов, шрифт абзацев, таблицы).
 *
 * Чего здесь НЕТ: раскладки (za-sheet, za-layout-*, za-header, za-nav, za-footer, body), старого меню, лайтбокса —
 * рамка сайта оформлена в main.css.
 *
 * Правила для оболочек, которых больше нет, переписаны: .za-content -> .yt-main, .responsive -> @media (max-width: 999px).
 * Элементные правила (h1, p, td ...) обёрнуты в :where(), чтобы сохранить низкую специфичность, как в оригинале, и не
 * перебивать классы рамки.
 */

/* ===== 1. База содержимого (то, что старый шаблон задавал на #za-main / body / .za-content) ===== */
.yt-article__body {
	font-size: 12pt;
	font-weight: normal;
	color: #404040;
	text-align: justify;
	line-height: normal;
}
/* Старый шаблон не включал box-sizing: border-box для содержимого. Возвращаем content-box, иначе плитки и карточки
   с width + padding получаются уже, чем на старом сайте (в main.css глобально border-box). */
:where(.yt-article__body, .yt-main > .custom, .yt-module__body) *:where(:not(button, select, summary, meter, progress, article, header, footer, nav, input[type="button"], input[type="submit"], input[type="reset"], input[type="color"], input[type="range"], input[type="checkbox"], input[type="radio"], input[type="image"], input[type="file"])) { box-sizing: content-box; }
article { box-sizing: border-box; }
/* Joomla-шаблон оставлял у стандартных блоков «дыры» под JS; на всякий случай — стандартные утилиты */
.su-clearfix:after { content: ""; display: table; clear: both; }
.su-hidden { display: none !important; }
figure[data-wf-figure] { display: table; margin-block: inherit; margin-inline: inherit; }
figure[data-wf-figure] figcaption { display: table-caption; caption-side: bottom; }


/* ===== 2. Правила шаблона repetitor для классов содержимого (порядок как в template.css) ===== */
:where(.yt-main, .yt-module__body) table { font-size:12px; font-family:var(--yt-font); font-weight:normal; font-style:normal; text-align:justify; }
:where(.yt-main, .yt-module__body) h1,
:where(.yt-main, .yt-module__body) h2,
:where(.yt-main, .yt-module__body) h3,
:where(.yt-main, .yt-module__body) h4,
:where(.yt-main, .yt-module__body) h5,
:where(.yt-main, .yt-module__body) h6,
:where(.yt-main, .yt-module__body) p,
:where(.yt-main, .yt-module__body) a,
:where(.yt-main, .yt-module__body) ul,
:where(.yt-main, .yt-module__body) ol,
:where(.yt-main, .yt-module__body) li { margin:0; padding:0; }
.za-button { border-collapse:separate; background-origin:border-box !important; background:#ddd; border-radius:1px; border:1px solid #BFBFBF; padding:0 20px; margin:0 auto; height:28px; }
.za-postcontent,
.za-postheadericons,
.za-blockcontent { text-align:left; }
.za-postcontent,
.za-postcontent li,
.za-postcontent table { font-family:var(--yt-font); line-height:150%; }
.za-postcontent p { margin:12px 0; }
.za-postcontent h1,
.za-postcontent h1 a,
.za-postcontent h1 a:link,
.za-postcontent h1 a:visited,
.za-postcontent h1 a:hover,
.za-postcontent h2,
.za-postcontent h2 a,
.za-postcontent h2 a:link,
.za-postcontent h2 a:visited,
.za-postcontent h2 a:hover,
.za-postcontent h3,
.za-postcontent h3 a,
.za-postcontent h3 a:link,
.za-postcontent h3 a:visited,
.za-postcontent h3 a:hover,
.za-postcontent h4,
.za-postcontent h4 a,
.za-postcontent h4 a:link,
.za-postcontent h4 a:visited,
.za-postcontent h4 a:hover,
.za-postcontent h5,
.za-postcontent h5 a,
.za-postcontent h5 a:link,
.za-postcontent h5 a:visited,
.za-postcontent h5 a:hover,
.za-postcontent h6,
.za-postcontent h6 a,
.za-postcontent h6 a:link,
.za-postcontent h6 a:visited,
.za-postcontent h6 a:hover,
.za-blockheader .t,
.za-blockheader .t a,
.za-blockheader .t a:link,
.za-blockheader .t a:visited,
.za-blockheader .t a:hover,
.za-postheader,
.za-postheader a,
.za-postheader a:link,
.za-postheader a:visited,
.za-postheader a:hover { font-size:28px; font-family:var(--yt-head); font-weight:bold; font-style:normal; text-align:left; }
.za-postcontent a,
.za-postcontent a:link { font-family:var(--yt-font); text-decoration:none; color:#3387CC; }
.za-postcontent a:visited,
.za-postcontent a.visited { font-family:var(--yt-font); text-decoration:underline; color:#3389D5; }
.za-postcontent a:hover,
.za-postcontent a.hover { font-family:var(--yt-font); text-decoration:underline; color:#60A2D7; }
.za-postcontent h1 { color:#9C9C9C; margin:10px 0; font-size:26px; font-family:var(--yt-head); font-weight:normal; font-style:normal; text-align:left; }
.za-blockcontent h1 { margin:10px 0; font-size:26px; font-family:var(--yt-head); font-weight:normal; font-style:normal; text-align:left; }
.za-postcontent h1 a,
.za-postcontent h1 a:link,
.za-postcontent h1 a:hover,
.za-postcontent h1 a:visited,
.za-blockcontent h1 a,
.za-blockcontent h1 a:link,
.za-blockcontent h1 a:hover,
.za-blockcontent h1 a:visited { font-size:26px; font-family:var(--yt-head); font-weight:normal; font-style:normal; text-align:left; }
.za-postcontent h2 { color:#3387CC; margin:10px 0 20px; font-size:16px; font-family:var(--yt-head); font-weight:normal; font-style:normal; text-align:left; }
.za-blockcontent h2,
:where(.yt-main, .yt-module__body) h2 { margin:10px 0 20px; font-size:32px; font-family:var(--yt-head); font-weight:normal; font-style:normal; text-align:left; }
.za-postcontent h2 a,
.za-postcontent h2 a:link,
.za-postcontent h2 a:hover,
.za-postcontent h2 a:visited,
.za-blockcontent h2 a,
.za-blockcontent h2 a:link,
.za-blockcontent h2 a:hover,
.za-blockcontent h2 a:visited { font-size:16px; font-family:var(--yt-head); font-weight:normal; font-style:normal; text-align:left; }
.za-postcontent h3 { color:#89B5E6; margin:20px 0 10px; font-size:15px; font-family:var(--yt-head); font-weight:normal; font-style:normal; text-align:left; }
.za-blockcontent h3 { margin:20px 0 10px; font-size:22px; font-family:var(--yt-head); font-weight:normal; font-style:normal; text-align:left; }
.za-postcontent h3 a,
.za-postcontent h3 a:link,
.za-postcontent h3 a:hover,
.za-postcontent h3 a:visited,
.za-blockcontent h3 a,
.za-blockcontent h3 a:link,
.za-blockcontent h3 a:hover,
.za-blockcontent h3 a:visited { font-size:15px; font-family:var(--yt-head); font-weight:normal; font-style:normal; text-align:left; }
.za-postcontent h4 { color:#3982D5; margin:10px 0; font-size:14px; font-family:var(--yt-head); font-weight:normal; font-style:normal; }
.za-blockcontent h4 { margin:10px 0; font-size:26px; font-family:var(--yt-head); font-weight:normal; font-style:normal; }
.za-postcontent h4 a,
.za-postcontent h4 a:link,
.za-postcontent h4 a:hover,
.za-postcontent h4 a:visited,
.za-blockcontent h4 a,
.za-blockcontent h4 a:link,
.za-blockcontent h4 a:hover,
.za-blockcontent h4 a:visited { font-size:14px; font-family:var(--yt-head); font-weight:normal; font-style:normal; }
.za-postcontent h5 { color:#292929; font-size:36px; font-family:var(--yt-head); font-weight:normal; font-style:normal; text-align:left; line-height:125%; }
.za-blockcontent h5 { font-size:36px; font-family:var(--yt-head); font-weight:normal; font-style:normal; text-align:left; line-height:125%; }
.za-postcontent h5 a,
.za-postcontent h5 a:link,
.za-postcontent h5 a:hover,
.za-postcontent h5 a:visited,
.za-blockcontent h5 a,
.za-blockcontent h5 a:link,
.za-blockcontent h5 a:hover,
.za-blockcontent h5 a:visited { font-size:36px; font-family:var(--yt-head); font-weight:normal; font-style:normal; text-align:left; line-height:125%; }
.za-postcontent h6 { color:#616161; font-size:14px; font-family:var(--yt-head); font-weight:bold; font-style:normal; text-align:left; }
.za-blockcontent h6 { font-size:14px; font-family:var(--yt-head); font-weight:bold; font-style:normal; text-align:left; }
.za-postcontent h6 a,
.za-postcontent h6 a:link,
.za-postcontent h6 a:hover,
.za-postcontent h6 a:visited,
.za-blockcontent h6 a,
.za-blockcontent h6 a:link,
.za-blockcontent h6 a:hover,
.za-blockcontent h6 a:visited { font-size:14px; font-family:var(--yt-head); font-weight:bold; font-style:normal; text-align:left; }
:where(.yt-main, .yt-module__body) h1,
:where(.yt-main, .yt-module__body) h2,
:where(.yt-main, .yt-module__body) h3,
:where(.yt-main, .yt-module__body) h4,
:where(.yt-main, .yt-module__body) h5,
:where(.yt-main, .yt-module__body) h6 { font-family:var(--yt-head); }
:where(.yt-main, .yt-module__body) ul { list-style-type:none; }
:where(.yt-main, .yt-module__body) ol { list-style-position:inside; }
.clearfix:after { clear:both; font:0/0 serif; display:block; content:" "; }
:where(.yt-main, .yt-module__body) form { padding:0 !important; }
:where(.yt-main, .yt-module__body) li h1,
.za-postcontent li h1,
.za-blockcontent li h1 { margin:1px; }
:where(.yt-main, .yt-module__body) li h2,
.za-postcontent li h2,
.za-blockcontent li h2 { margin:1px; }
:where(.yt-main, .yt-module__body) li h3,
.za-postcontent li h3,
.za-blockcontent li h3 { margin:1px; }
:where(.yt-main, .yt-module__body) li h4,
.za-postcontent li h4,
.za-blockcontent li h4 { margin:1px; }
:where(.yt-main, .yt-module__body) li h5,
.za-postcontent li h5,
.za-blockcontent li h5 { margin:1px; }
:where(.yt-main, .yt-module__body) li h6,
.za-postcontent li h6,
.za-blockcontent li h6 { margin:1px; }
:where(.yt-main, .yt-module__body) li p,
.za-postcontent li p,
.za-blockcontent li p { margin:1px; }
.za-content-stacktests { display:flex; align-items:stretch; flex-wrap:wrap; justify-content:space-around; margin:20px; }
.za-stacktests-cell { flex-basis: 280px; margin: 20px 10px; padding: 1em 0; }
.za-stacktests-cell .za-blockcontent h3 { margin: 0; }
.za-block { margin:10px; }
div.za-block img { border:none; margin:0; }
.za-blockheader { padding:10px 7px; margin:0 auto; }
.za-blockheader .t,
.za-blockheader .t a,
.za-blockheader .t a:link,
.za-blockheader .t a:visited,
.za-blockheader .t a:hover { color:#000000; font-size:16px; font-family:var(--yt-head); font-weight:bold; font-style:normal; text-align:center; margin-left:10px; margin-right:10px; }
.za-blockcontent { border:1px solid rgba(222, 222, 222, 0.5); padding:7px; margin:0 auto; color:#404040; font-size:12px; font-family:var(--yt-font); font-weight:normal; font-style:normal; }
.za-content-stacktests .za-blockcontent { border: 1px solid rgb(45, 125, 201); padding: 20px 0px; height: 100%; }
.za-blockcontent table,
.za-blockcontent li,
.za-blockcontent a,
.za-blockcontent a:link,
.za-blockcontent a:visited,
.za-blockcontent a:hover { color:#404040; font-size:13px; font-family:var(--yt-font); font-weight:normal; font-style:normal; }
.za-blockcontent a,
.za-blockcontent a:link { color:#3387CC; font-family:var(--yt-font); text-decoration:underline; }
.za-blockcontent a:visited,
.za-blockcontent a.visited { color:#3389D5; font-family:var(--yt-font); text-decoration:underline; }
.za-blockcontent a:hover,
.za-blockcontent a.hover { color:#60A2D7; font-family:var(--yt-font); text-decoration:none; }
.za-block ul>li:before { content:url('../img/legacy/blockbullets.png'); margin-right:6px; bottom:2px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0; margin-left:-13px; }
.za-block li { font-size:12px; font-family:var(--yt-font); text-decoration:none; line-height:125%; color:#696969; }
.za-block ul>li,
.za-block ol { padding:0; }
.za-block ul>li { padding-left:13px; }
a.za-button,
a.za-button:link,
a:link.za-button:link,
body a.za-button:link,
a.za-button:visited,
body a.za-button:visited,
input.za-button,
button.za-button { text-decoration:none; font-size:12px; font-family:var(--yt-font); position:relative; display:inline-block; vertical-align:middle; white-space:nowrap; text-align:center; color:#404040; margin:0 5px 0 0 !important; overflow:visible; cursor:pointer; text-indent:0; line-height:28px; box-sizing:content-box; }
.za-button img { margin:0; vertical-align:middle; }
.za-button.active,
.za-button.active:hover { background:#6CA2E0; background:linear-gradient(to bottom, #8DB7E7 0, #4E8FDA 100%) no-repeat; border-radius:1px; border:1px solid #6CA2E0; padding:0 20px; margin:0 auto; }
.za-button.active,
.za-button.active:hover { color:#FFFFFF !important; }
.za-button.hover,
.za-button:hover { background:#ddd; border-radius:1px; border:1px solid #9ABFEA; padding:0 20px; margin:0 auto; }
:where(.yt-main, .yt-module__body) input[type="text"],
:where(.yt-main, .yt-module__body) input[type="password"],
:where(.yt-main, .yt-module__body) input[type="email"],
:where(.yt-main, .yt-module__body) input[type="url"],
:where(.yt-main, .yt-module__body) input[type="color"],
:where(.yt-main, .yt-module__body) input[type="date"],
:where(.yt-main, .yt-module__body) input[type="datetime"],
:where(.yt-main, .yt-module__body) input[type="datetime-local"],
:where(.yt-main, .yt-module__body) input[type="month"],
:where(.yt-main, .yt-module__body) input[type="number"],
:where(.yt-main, .yt-module__body) input[type="range"],
:where(.yt-main, .yt-module__body) input[type="tel"],
:where(.yt-main, .yt-module__body) input[type="time"],
:where(.yt-main, .yt-module__body) input[type="week"],
:where(.yt-main, .yt-module__body) textarea { background:#F9FAFB; border:1px solid rgba(96, 162, 215, 0.2); margin:0 auto; }
:where(.yt-main, .yt-module__body) input[type="text"],
:where(.yt-main, .yt-module__body) input[type="password"],
:where(.yt-main, .yt-module__body) input[type="email"],
:where(.yt-main, .yt-module__body) input[type="url"],
:where(.yt-main, .yt-module__body) input[type="color"],
:where(.yt-main, .yt-module__body) input[type="date"],
:where(.yt-main, .yt-module__body) input[type="datetime"],
:where(.yt-main, .yt-module__body) input[type="datetime-local"],
:where(.yt-main, .yt-module__body) input[type="month"],
:where(.yt-main, .yt-module__body) input[type="number"],
:where(.yt-main, .yt-module__body) input[type="range"],
:where(.yt-main, .yt-module__body) input[type="tel"],
:where(.yt-main, .yt-module__body) input[type="time"],
:where(.yt-main, .yt-module__body) input[type="week"],
:where(.yt-main, .yt-module__body) textarea { width:auto; padding:8px 0; color:#184162 !important; font-size:13px; font-family:var(--yt-font); font-weight:normal; font-style:normal; text-shadow:none; }
.za-post { padding:0; }
:where(.yt-main, .yt-module__body) a img { border:0; }
.za-article img,
img.za-article,
.za-block img { margin:0 10px 0 0; }
.za-metadata-icons img { border:none; vertical-align:middle; margin:2px; }
.za-article table,
table.za-article { border-collapse:collapse; margin:1px; }
.za-article th,
.za-article td { padding:2px; vertical-align:top; }
.za-article th { text-align:center; vertical-align:middle; padding:7px; }
:where(.yt-main, .yt-module__body) pre { overflow:auto; padding:0.1em; }
.za-postheader { color:#757575; margin:10px 0 0 10px; font-size:26px; font-family:var(--yt-head); font-weight:normal; font-style:normal; text-align:left; border-bottom:1px solid #757575; }
.za-postheader a,
.za-postheader a:link,
.za-postheader a:visited,
.za-postheader a.visited,
.za-postheader a:hover,
.za-postheader a.hovered { font-size:26px; font-family:var(--yt-head); font-weight:normal; font-style:normal; text-align:left; }
.za-postheader a,
.za-postheader a:link { font-family:var(--yt-head); text-decoration:none; text-align:left; color:#2E7AB8; }
.za-postheader a:visited,
.za-postheader a.visited { font-family:var(--yt-head); text-decoration:none; text-align:left; color:#8C8C8C; }
.za-postheader a:hover,
.za-postheader a.hovered { font-family:var(--yt-head); text-decoration:none; text-align:left; color:#60A2D7; }
.za-postheadericons,
.za-postheadericons a,
.za-postheadericons a:link,
.za-postheadericons a:visited,
.za-postheadericons a:hover { font-size:11px; font-family:var(--yt-font); color:#878787; }
.za-postheadericons { padding:1px; }
.za-postheadericons a,
.za-postheadericons a:link { font-family:var(--yt-font); text-decoration:underline; color:#1F5593; }
.za-postheadericons a:visited,
.za-postheadericons a.visited { font-family:var(--yt-font); text-decoration:underline; color:#1F5593; }
.za-postheadericons a:hover,
.za-postheadericons a.hover { font-family:var(--yt-font); text-decoration:none; color:#1C1C1C; }
.za-postcontent ul>li:before,
.za-post ul>li:before { margin-right:0; bottom:2px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0; }
.za-postcontent li,
.za-post li { font-size:12pt; font-family:var(--yt-font); line-height:200%; color:#141414; margin:0 0 0 4px; }
.za-postcontent ul>li,
.za-post ul>li,
.za-postcontent ol,
.za-post ol { padding:0; }
.za-postcontent ul>li,
.za-post ul>li { padding-left:31px; }
.za-postcontent ul>li:before,
.za-post ul>li:before { margin-left:-31px; }
.za-postcontent ol,
.za-post ol,
.za-postcontent ul,
.za-post ul { margin:1em 0 1em 4px; }
.za-postcontent ul.uk-list,
.za-post ul.uk-list { margin:0 !important; }
.za-postcontent li ol,
.za-post li ol,
.za-postcontent li ul,
.za-post li ul { margin:0.5em 0 0.5em 4px; }
.za-postcontent li,
.za-post li { margin:0 0 0 0; }
.za-postcontent ol>li,
.za-post ol>li { overflow:visible; }
.za-postcontent ul>li,
.za-post ul>li { overflow-x:visible; overflow-y:hidden; }
:where(.yt-main, .yt-module__body) blockquote { background:#D9E7F7 url('../img/legacy/postquote.png') no-repeat scroll; border:1px solid #BFBFBF; padding:6px 6px 6px 43px; margin:10px 10px 10px 50px; color:#363636; font-family:var(--yt-font); font-weight:normal; font-style:italic; text-align:left; overflow:auto; clear:both; }
:where(.yt-main, .yt-module__body) blockquote a,
.za-postcontent blockquote a,
.za-blockcontent blockquote a,
:where(.yt-main, .yt-module__body) blockquote a:link,
.za-postcontent blockquote a:link,
.za-blockcontent blockquote a:link,
:where(.yt-main, .yt-module__body) blockquote a:visited,
.za-postcontent blockquote a:visited,
.za-blockcontent blockquote a:visited,
:where(.yt-main, .yt-module__body) blockquote a:hover,
.za-postcontent blockquote a:hover,
.za-blockcontent blockquote a:hover { color:#363636; font-family:var(--yt-font); font-weight:normal; font-style:italic; text-align:left; }
:where(.yt-main, .yt-module__body) blockquote p,
.za-postcontent blockquote p,
.za-blockcontent blockquote p { margin:0; margin:2px 0 2px 15px; }
:where(.yt-main, .yt-module__body) fieldset { border:none; }
:where(.yt-main, .yt-module__body) fieldset dl { display:block; margin:0; padding:0; background:none; }
:where(.yt-main, .yt-module__body) fieldset dt { display:block; box-sizing:border-box; width:12em; height:2em; margin:0; padding:0; float:left; clear:both; background:none; line-height:2em; overflow:hidden; }
:where(.yt-main, .yt-module__body) fieldset dd { display:block; min-height:2em; margin:0 0 0 12em; padding:0; background:none; line-height:2em; }
:where(.yt-main, .yt-module__body) fieldset label { display:inline-block; width:12em; }
:where(.yt-main, .yt-module__body) fieldset textarea { vertical-align:text-top; }
#searchForm .phrases-box { display:block; float:left; }
#searchForm .ordering-box { text-align:right; }
#searchForm .phrases-box label,
#searchForm .ordering-box label,
#searchForm .only label { display:inline-block; width:auto; height:2em; margin:0; padding:0 0.3em; }
div.clr { clear:both; }
.items-row { display:table; width:100%; table-layout:fixed; border-collapse:collapse; margin-top:15px; }
.items-row .item { display:table-cell; vertical-align:top; }
.items-row .row-separator { display:none; }
div.pagination p.counter { display:inline-block; margin:0 0.3em 0 0; padding:0; background:none; }
div.pagination ul,
div.pagination ul li,
div.pagination ul > li:before { display:inline-block; list-style:none; margin:0; padding:0 0.3em; background:none; content:normal; }
table.category { width:100%; }
div.categories-list ul li span.item-title,
div.cat-children ul li span.item-title { display:block; margin:0 0 0.3em 0; }
div.categories-list ul li div.category-desc,
div.cat-children ul li div.category-desc { margin:0 0 0.3em 0; }
div.categories-list dl,
div.cat-children dl { display:block; padding-left:0; padding-right:0; margin-left:0; margin-right:0; background:none; }
div.categories-list dl dt,
div.cat-children dl dt,
div.categories-list dl dd,
div.cat-children dl dd { display:inline-block; padding:0; margin:0; background:none; }
#search-searchword { margin-bottom:5px; }
.row-separator { clear:both; float:none; font-size:1px; display:block; }
.only,
.phrases { border:solid 1px #ccc; margin:10px 0 0 0px; padding:15px; line-height:1.3em; }
.tag-category ul > li:before { content:normal; }
ul.list-striped > li:before { content:normal; }
.list-striped { border-top:1px solid #ddd; }
.list-striped li,
.list-striped dd { border-bottom:1px solid #ddd; }
.element { font-size:10px; }
.jbzoo { margin:10px; }
.jbzoo h2 span { float:left; margin-right:3px; }
.za-postcontent .jbzoo h2 a { font-size:14px; }
.jbzoo .item-title a { font-size:12px; text-decoration:none; line-height:2; }
.jbzoo .controls input { margin-top:4px; }
.za-metadata-icons { text-align:left; }
.jbzoo .jbzoo-item-teaser ul.item-metadata { float:right; width:60%; }
.jbzoo .jbzoo-item-teaser ul.item-metadata { margin:0; }
.jbzoo .items .jbzoo-item.jbzoo-item-teaser { margin:0 0 35px 0; }
.jbzoo .items .column.first { margin-right:35px; }
.message.error { margin-bottom:10px; padding:5px; }
.jbzoo .subcategory { padding:0; margin:10px; }
.block1 { width: 20%; padding: 5px; padding-right: 20px; border: solid 0px black; float: left; }
.block1 img { display: block; width: 100px; height: auto; }
@media (max-width: 768px) {
.block1 { width: 100px; float: none; text-align: center; }
}
@media (max-width: 768px) {
.block1 img { width: 100px; height: auto; }
}
.block2 { width:35%; padding:5px; border:solid 0px black; float:left; }
.block3 { width:35%; padding:5px; border:solid 0px black; float:right; }
@media (max-width: 999px) {
.block1,
.block2,
.block3 { width:100%; padding:0; margin-left:3%; float:none; }
}
.parentbutton { display: flex; justify-content: space-between; }
.jbzoo-item-kartochki.jbzoo-item-teaser .element-textarea { font-size:14px; }
li.etalage_small_thumbs { overflow-x:hidden !important; }
li.etalage_small_thumbs ul>li { padding-left:10px !important; }
.jbzoo-gallery-pro ul>li { padding-left:5px !important; }
.jbzoo .vozpred .jbprice-value-label { display:none; }
.jbzoo .item-buttons .element-textarea { font-size:13px; word-spacing:-1px; line-height:1.5; font-family:Arial !important; }
.jbzoo .item-buttons .element-text { font-size:15px; font-family:Arial !important; font-weight:bold; }
.jbzoo ul>li { padding-left:0 !important; }
.jbzoo ul>li:before { margin-left:0 !important; }
.jbzoo.jbzoo-app-kartochki .subcategory h2 a { font-size:16px; }
.jbzoo .jbzoo-item-kartochki.jbzoo-item-teaser h4 a { font-size:18px !important; }
.item-price_zak a { color:#fff !important; font-size:15px; text-decoration:none !important; }
@media (max-width: 999px) {
.jbzoo-gallery-pro { width:100%; overflow:hidden; }
}
.jbzoo .jbcurrency-value,
.jbzoo .jbcurrency-symbol { font-size:22px !important; font-weight:normal !important; color:#444 !important; }
.za-article .jbzoo span,
.za-article .jbzoo p { font-size:14px !important; }
.za-izuchat ul>li:before { content:none !important; }
.za-izuchat ul>li { padding-left:0 !important; }
.za-izuchat img { float:left; margin-right:10px !important; }
.clearfix { display:block !important; }
.jbzoo .item-price_zak { margin-left:4px; }
.za-drop-down[data-toggle="zadropdown"] { position:relative; display:block; color:#2663C0; }
.za-drop-down .fa-chevron-down { position:relative; display:block; font-size:0.7em; color:#2663C0; top:3px; margin:0; right:0; width:30px; float:right; text-align:center; cursor:default; }
a.za-button:hover .fa-chevron-down { color:#2663C0; }
.za-drop-down .fa-chevron-down.za-open { transform:rotate(-180deg); transition:transform 0.6s; }
.za-drop-down .fa-chevron-down.za-close { transform:rotate(0deg); transition:transform 0.6s; }
.za-drop-down .zacan-submenu { max-height:0; overflow:hidden; list-style:none; padding:0; margin:0; transition:transform 0.6s; }
.za-post .zashow { display:block; }
.za-post .zahide { display:none; }
a.za-drdown { display:inline-block; }
.uk-list>li:before { content:none !important; }
.wa-stacktest { overflow:hidden; padding-top:80px; top:0; right:0; left:0; bottom:0; position:absolute; background: #AEE1FF; }
.stacktest-button { cursor:pointer; outline:none; font-size:14px; padding:8px 20px; margin-bottom:5px; background:#004a94; border-radius:8px; border:3px solid #004a94; font-weight:bold; position:relative; transition:all 0.3s; color:#fff; line-height:1.2 !important; height:auto !important; }
a.stacktest-button { color:#fff !important; text-decoration:none !important; }
.stacktest-button:after { content:''; position:absolute; z-index:-1; transition:all 0.3s; }
.stacktest-button:hover,
.stacktest-button:active { border:3px solid #004a94; color:#004a94; background:none; }
a.stacktest-button:hover { color:#004a94 !important; text-decoration:none; }
.jbzoo.jbzoo-app-kartochki .item-image.uk-divider { line-height:6; overflow:hidden; }
.jbzoo.jbzoo-app-kartochki .item-image.uk-divider .uk-margin a { margin-left:30%; background:#004a94; padding:10px; color:#fff; text-transform:uppercase; border-radius:4px; }
.za-blockheader h3.t { font-weight:normal; }
.za-blockheader h3.t strong { font-size:18px; font-weight:bold; }
table.statistics thead tr { background:#004680; color:#fff; }
table.statistics td:nth-child(2),
table.statistics td:nth-child(4) { background:#BFBFBF; }
table.statistics td:nth-child(3),
table.statistics td:nth-child(5) { background:#E5E5E5; }
table.statistics thead th,
table.statistics td { padding:5px 0; }
.za-anglkartochki .za-postheader { border-bottom:none; }
.za-anglkartochki .za-postcontent { padding:0 10px; margin:9px 15px 9px 9px; border:2px solid #004a94; border-radius:4px; }
.order-edit { padding:20px; display:none; }
#form-order .control-group { margin:10px 0; }
@media screen and (max-width:380px) {
#form-order .controls-buttons { text-align:center; }
}
@media screen and (max-width:380px) {
.order-edit { padding:2px; }
}
.za-post-stat { text-align:center; color:#757575; font-size:26px; font-family:var(--yt-head); font-weight:normal; font-style:normal; border-bottom:1px solid #757575; }
.za-post-statcontent { text-align:center; font-size:1.5em; font-weight:bold; }
table.statistics i.fa-times { font-size:17px; color:red; }
.proverim_test { display:-webkit-flex; display:flex; justify-content:space-around; flex-wrap:wrap; margin:20px 0; width:100%; }
.vse_compl { border:3px solid #004a94; color:#004a94; background:none; padding:10px 20px; margin:20px; }
.pisma_1 { border:2px solid #004a94; padding:5px 20px; margin:20px; border-radius:5px; background:#ffd7aa; font-size:12px; text-align:center; color:#1B497E; display:-webkit-flex; display:flex; align-items:center; font-weight:bold; }
.pisma_2 { border:2px solid #004a94; padding:5px 20px; margin:20px; border-radius:5px; background:#ffead3; font-size:12px; text-align:center; color:#1B497E; display:-webkit-flex; display:flex; align-items:center; font-weight:bold; }
.pisma_1 img { margin:0; }
.vse_compl a { color:#004a94 !important; }
.za-article table { width:100% !important; }
.item-page table { max-width: 100% !important; word-break: break-word; }
.stacktest-wish i:focus,
a.stacktest-wish:focus { outline:none; }
.etalage img { max-width:100% !important; height:auto !important; }
.a_title { text-align:right; font-size:14pt; font-family:trebuchet ms; font-weight:normal; line-height:20pt; border-radius:5px; background-color:#f9eddd; padding:10px; margin-bottom:18px; }
.item_article { border-radius:4px; box-shadow:3px 3px 3px rgba(160, 160, 160, 0.7); clear: both; margin:auto; padding:10px 15px; background-color:#f9eddd; border:1px solid #a0a0a0; text-align:left; margin-bottom:15px; color: #404040; }
.drugie_article { display: flex; justify-content:center; margin: 15px 0; }
.item_article.item_article_align_left { text-align:center; }
.item_article.item_article_align_right { color: #404040; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; orphans: 2; widows: 2; text-align: left; }
.a_rule { font-size:12pt; font-family:arial, helvetica, sans-serif; padding:1.5em 2em; background-color:#f5f5f5; border-radius:10px; display:block; margin:10px 0; }
.yt-main p,
.yt-main p span { font-size:12pt; font-family:var(--yt-font) !important; line-height:1.7; }
.su-spoiler-style-modern-light.accord_cont { border:1px solid #ECECEC; }
.su-spoiler-style-modern-light.accord_cont > .su-spoiler-title { background:#ECECEC; }
.su-spoiler-style-modern-light.accord_cont > .su-spoiler-title:hover { background-color:#f7f7f7; }
.page-header h1 { margin-bottom:15px; }
.toefl_hide .su-spoiler-style-modern-light { border:transparent; }
.toefl_hide .su-spoiler-style-modern-light> .su-spoiler-title { background:transparent; }
.toefl_hide .su-spoiler-style-modern-light> .su-spoiler-title h3 { color:#5d6ffc; font-family:var(--yt-font); }
.toefl_hide .su-spoiler-style-modern-light> .su-spoiler-content { border-top:transparent; }
.su-testimonial-text.su-content-wrap { text-align:center; line-height:24px; font-size:12px; }
.su-testimonial-cite { text-align:right; }
.su-testimonial-cite .su-testimonial-name { color:#004a94; font-size:17px; margin-bottom:15px; font-weight:bold; }
.yt-main img { margin-right:15px; }
.ramka_text { border:1px solid #004a94; padding:15px; }
.ramka_text_img { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }
.za_table_pril { padding:20px; border-radius:0 10px 0 10px; background:#f9fafb; }
.za_table_pr>tbody>tr>td { border:1pt solid #9abfea; padding:8px 5px; text-align:left; width: 25% !important; }
.za_table_pr>tbody>tr>td p { font-size:16px !important; text-align: left !important; }
.za_table_pr { border-collapse:collapse; }
.za_table_five>tbody>tr>td { border:1pt solid #9abfea; padding:8px 5px; text-align:center; width: 20% !important; }
.za_table_five>tbody>tr>td p { font-size:16px !important; }
.za_table_five { border-collapse:collapse; }
@media screen and (max-width:340px) {
.za_table_pr>tbody>tr>td { padding:8px 0px; }
}
.za_table_travel { border:1px solid #9abfea; border-collapse:collapse; }
.za_table_travel>tbody>tr>td { border:1pt solid #9abfea; padding:8px 5px !important; text-align:center; }
.za_table_travel>tbody>tr>td:first-child { width: 10% !important; }
.za_table_travel>tbody>tr>td:nth-child(n+2) { width: 45% !important; }
.za_table_travel>tbody>tr>td p { font-size:16px !important; }
.za_table_nepr { width: 100%; border-collapse: collapse; border:1px solid #ff9900; }
.za_table_nepr>tbody>tr>td { border:1pt solid #ff9900; padding:5px !important; text-align:center; width: 25% !important; }
.za_table_nepr>tbody>tr>td p,
.za_table_nepr_blue>tbody>tr>td p,
.za_table_nepr_blue>tbody>tr>td { font-size:16px !important; }
.za_table_nepr_blue>tbody>tr>td { border:1pt solid #9abfea; padding:0px !important; text-align:center; width: auto !important; }
.za_table_nepr_blue { width: 100%; border-collapse: collapse; border:1px solid #9abfea; }
.za_tabl_ege { border:1px solid #9abfea; border-collapse:collapse; width: 100% !important; }
.za_tabl_ege>tbody>tr>td p { font-size: 1vw; }
.za_tabl_ege>tbody>tr>td { border:1pt solid #9abfea; padding:8px 5px !important; text-align:center; word-break: break-word; }
.za_tabl_ege>tbody>tr>td:first-child { width: 5% !important; }
.za_tabl_ege>tbody>tr>td:nth-child(3) { width: 8% !important; }
.za_tabl_ege>tbody>tr>td:nth-child(2) { width: 18% !important; }
.za_tabl_ege>tbody>tr>td:nth-child(n+4) { width: 23% !important; }
@media (max-width: 999px) {
.za_table_pr span { font-size: inherit !important; }
}
.snip1579 { position:relative; overflow:hidden; max-width:250px; width:100%; text-align:center; font-size:16px; padding:25px; border:1px solid rgba(222, 222, 222, 0.5); border-radius:4px; height:335px; float:left; margin:10px; }
.glavnay_snip { display:-webkit-flex; display:flex; flex-wrap:wrap; justify-content: space-around; align-items:center; }
.snip1579 * { transition:all 0.35s; box-sizing:border-box; }
.snip1579 img { max-width:100%; vertical-align:top; margin:0; transition:all 0.35s !important; }
.snip1579 figcaption { position:absolute; height:120px; left:25px; right:25px; bottom:25px; overflow:hidden; padding:15px 0; background-color:rgba(0, 0, 0, 0.75); }
.snip1579 h2 { font-family:var(--yt-head); text-transform:uppercase; font-weight:700; line-height:40px; color:#fff; letter-spacing:3px; text-align:center; font-size:28px; }
.snip1579 a { position:absolute; top:0; bottom:0; left:0; right:0; }
.snip1579:hover figcaption { height:calc(40%); }
.snip1579:hover img { transform:scale(1.3) rotate(5deg); }
.za-drop-down .zashow,
.za-drop-down .zahide { -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; }
.za-drop-down .zahide { max-height: 0; transition: max-height 0.9s ease-out; }
.za-drop-down .zashow { display: block; max-height: 9999px; transform: scaleY(1); transition: max-height 3s ease-in-out; }
.za-post .za-drop-down .zahide { display: block; }
.jbzoo-app-kartochki .uk-thumbnail { border: none; background: transparent; box-shadow: none; }
.jbzoo-item-kartochki.jbzoo-item-teaser  .item-image.uk-divider img,
.jbzoo-item-kartochki .item-related img { width: 100%; height: auto; }
.jbzoo-item-kartochki.jbzoo-item-teaser .uk-list li.element { margin-bottom: 10px; }
.vozpred  a { color:#fff !important; width: 100%; padding: 7px 0px; background: #0158af; vertical-align: middle; line-height: 28px; min-height: 30px; font-size: 1rem; text-decoration: none !important; text-align: center; border: 1px solid rgba(0,0,0,.2); border-radius: 4px; display: inline-block; margin-bottom: 10px; }
.vozpred  a:hover { background:#0265c9; }
.jbzoo-item-kartochki.jbzoo-item-teaser .jbprice-value-label,
.jbzoo-item-kartochki .item-related .jbprice-value-label { display: none; }
.jbzoo .items .jbzoo-item.jbzoo-item-kartochki.jbzoo-item-teaser { margin: 0; }
.jbzoo-item-kartochki .item-related h4 { font-size: 22px; }
.jbzoo.jbzoo-app-kartochki .uk-panel-box { border: none !important; }
.za-blockshadow-ab { position:relative; width:100%; padding:10px 0; margin:0; background:#fff; border-radius:4px; box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset; box-shadow:none; transform:rotate(0deg); }
.za-blockshadow-ab:before,
.za-blockshadow-ab:after { content:""; position:absolute; z-index:-2; bottom:15px; left:10px; width:50%; height:20%; max-width:300px; box-shadow:0 15px 8px rgba(0,0,0,0.7); transform:rotate(-5deg); }
.za-blockshadow-ab > :first-child:before { content:""; position:absolute; z-index:-1; top:0; bottom:0; left:0; right:0; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset; }
.za-blockshadow-ab:after { right:10px; left:auto; transform:rotate(5deg); }
.za-postit { margin:10px; padding:20px; position:relative; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset; }
.za-postit:before,
.za-postit:after { content:""; position:absolute; z-index:-2; }
.za-postit:before { top:10px; bottom:10px; left:0; right:0; box-shadow:0 0 15px rgba(0,0,0,0.6); border-radius:10px / 100px; }
.clearfix-curl { display:inline-block; position:relative; -webkit-tap-highlight-color:rgba(0,0,0,0); transform:translateZ(0); box-shadow:0 0 40px #f0e5e0 inset; background:#FFF9F7; left:3px; }
.clearfix-curl:after { width:0; }
.clearfix-curl:before { pointer-events:none; position:absolute; content:''; width:35px; height:35px; bottom:0; left:0; background:#fff; background:linear-gradient(45deg,white 45%,#aaa 50%,#ccc 56%,white 80%); box-shadow:5px -5px 5px rgba(0,0,0,0.1); -webkit-transition-property:width,height; transition-property:width,height; z-index:1; transform:rotate(0deg); }
.za-blockshadow-a { position:relative; width:100%; padding:10px 0; margin:0; background:#fff; border-radius:4px; box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset; box-shadow:none; transform:rotate(0deg); text-align:right; }
.za-blockshadow-a:before { content:""; position:absolute; z-index:-2; bottom:14px; left:10px; width:50%; height:20%; max-width:300px; box-shadow:0 15px 8px rgba(0,0,0,0.7); transform:rotate(-5deg); }
.za-blockshadow-a > :first-child:before { content:""; position:absolute; z-index:-1; top:0; bottom:0; left:0; right:0; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 30px rgba(0,0,0,0.1) inset; }
.za-blockshadow-a:after { content:""; position:absolute; z-index:1; width: 10px; height:10px; background:#004a94; left:-5px; top:-5px; border-radius: 100%; animation: pulse 1.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite; }
.za-blockshadow-b { position:relative; width:100%; padding:10px; margin:0; background:#fff; border-radius:4px; box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset; box-shadow:none; transform:rotate(0deg); }
.za-blockshadow-b:before,
.za-blockshadow-b:after { content:""; position:absolute; z-index:-2; bottom:24px; left:10px; width:50%; height:20%; max-width:300px; box-shadow:0 15px 8px rgba(0,0,0,0.7); transform:rotate(0deg); }
.za-blockshadow-b > :first-child:before { content:""; position:absolute; z-index:-1; top:0; bottom:0; left:0; right:0; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset; }
.za-blockshadow-b:after { right:10px; left:auto; bottom:14px; transform:rotate(5deg); }
.za-blockshadow-b h3 a,
.za-blockshadow-a h3 a { font-size: 0.8em !important; text-decoration: none; padding: 0 5px; }
.blocks_esse { display: flex; justify-content: space-between; flex-wrap: wrap; }
div.line img { margin: 0 !important; }
div.line { display:-webkit-flex; display: flex; justify-content: space-around; flex-wrap:wrap; }
.flex_glavnii { display: flex; justify-content: space-around; flex-wrap: wrap; flex-direction:column; padding: 2em 5em; }
.flex_container { display: flex; justify-content: space-between; flex-wrap: wrap; font-size: 15px; align-items: center; }
.flex_container div { flex-basis:60%; }
@media screen and (max-width: 460px) {
.wa-stacktest { padding: 70px 0; min-height: 80vh; }
}
@media screen and (max-width: 460px) {
.wa-stacktest h1 { padding: 2em 0; color: #246AB2; font-family: 'Roboto'; }
}
@media screen and (max-width: 460px) {
.stacktest ul { margin: 0 auto !important; }
}
@media screen and (max-width: 460px) {
.controlls { width: 300px; margin: 4em auto; }
}
@media screen and (max-width: 460px) {
.button--sonar,
.button--help { background: transparent; border: 2px solid; }
}
@media screen and (max-width: 460px) {
.playtoggle { background: transparent; border: 2px solid rgba(78, 195, 19, 1); }
}
@media screen and (max-width: 460px) {
.playtoggle:after { top: 12px; left: 16px; }
}
@media screen and (max-width: 460px) {
.playtoggle.playing:after { top: 12px; left: 14px; }
}
@media screen and (max-width: 460px) {
.button--stop { color: #75CCFF; }
}
.za-table-background { width: 100%; background: #f5f5f5; border-collapse: collapse; border: 2px solid #f5f5f5; }
.za-table-background td { padding: 5px 15px; width: 50%; }
.za-table-background tr:nth-child(2n) { background: #fff; }
.za-table-background tr:nth-child(2n) td:first-child { border-right:2px solid #f5f5f5; }
.za-table-background tr:nth-child(2n+1) td:first-child { border-right:2px solid #fff; }
.za_table_zebra { border:1px solid #000; border-collapse: collapse; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
.za_table_zebra td { padding: 5px; width: 20% !important; word-break: normal; border: 1px dotted #000; }
.za_table_zebra tr:nth-child(2n) { background: #ececec; }
.za_table_zebra td:first-child { width: 2% !important; text-align: center; }
.za_table_zebra_test { border:1px solid #000; border-collapse: collapse; }
.za_table_zebra_test td:first-child { width: 8% !important; text-align: center; font-weight: bold; }
.za_table_zebra_test td { padding: 5px; width:72% !important; word-break: normal; border: 1px dotted #000; }
.za_table_zebra_test td:last-child { font-weight: bold; }
.za_table_zebra_test tr:nth-child(2n) { background: #ececec; }
@media (max-width: 720px) {
.za_table_zebra_test td:first-child { width: 8% !important; text-align: center; color: #000; font-weight: bold; }
}
@media (max-width: 720px) {
.za_table_zebra_test td:last-child { font-weight: normal; }
}
@media (max-width: 720px) {
.za_table_zebra_test th:nth-child(2),
.za_table_zebra_test td:nth-child(2) { font-weight: normal; color: #000 !important; }
}
.table-zebra-1 { width:100%; border: 1px solid black; border-collapse: collapse; }
.table-zebra-1 th,
:where(.yt-main, .yt-module__body) td { border: 1px dotted #000; padding: 5px; text-align: left; }
.table-zebra-1 tr:nth-child(2n) { background: #ececec; }
.table-zebra-1 td:first-child { width: 8%; text-align: center; }
.table-zebra-1 td:nth-child(2) { width: 46%; }
.table-zebra-1 td:nth-child(3) { width: 46%; }
.table-zebra-2 { width:auto; border: 1px solid black; border-collapse: collapse; margin-left:auto; margin-right:auto; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
.table-zebra-2 th,
:where(.yt-main, .yt-module__body) td { border: 1px dotted #000; padding: 0.6em; text-align: left; font-size:1.4em; }
.table-zebra-2 tr:nth-child(2n) { background: #ececec; }
.table-zebra-2 td:first-child { width: 40%; font-weight:bold; color:green; }
.table-zebra-2 td:nth-child(2) { width: 60%; }
.table-zebra-equal { width:auto; border: 1px solid black; border-collapse: collapse; margin-left:auto; margin-right:auto; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
.table-zebra-equal th,
:where(.yt-main, .yt-module__body) td { border: 1px dotted #000; padding: 0.6em; text-align: left; font-size:1.4em; }
.table-zebra-equal tr:first-child { font-weight:bold; }
.table-zebra-equal tr:nth-child(2n) { background: #ececec; }
.table-zebra-equal td:first-child { width: 50%; }
.table-zebra-equal td:nth-child(2) { width: 50%; }
.table-zebra-3 { width:auto; border: 1px solid black; border-collapse: collapse; margin-left:auto; margin-right:auto; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
.table-zebra-3 th,
:where(.yt-main, .yt-module__body) td { border: 1px dotted #000; padding: 0.6em; text-align: left; font-size:1.4em; }
.table-zebra-3 tr:nth-child(2n) { background: #ececec; }
.table-zebra-3 td:first-child { width: 34%; font-weight:bold; }
.table-zebra-3 td:nth-child(2) { width: 33%; }
.table-zebra-3 td:nth-child(3) { width: 33%; }
.za-table_community { background:#f5f5f5; width: 100%; border: 1px solid #9abfea; border-collapse:collapse; }
.za-table_community td { padding: 0.5em; width: 25%; border: 1px solid #9abfea; }
.za-table_community tbody { vertical-align: text-bottom; }
.za-table_community tbody p { font-size:1em; word-break: break-word; }
.table50 td,
.table50 td:first-child { width: 50% !important; text-align: left; }
.za-table_razn tr:nth-child(2n),
.za-table_razn tr:nth-child(2n) p { background: #ececec !important; }
.za_donate { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-around; }
.table-color { width:auto; border: 1px solid black; border-collapse: collapse; }
.table-color tr:first-child { background: #AD61FF; color:#fff; }
.table-color tr:nth-child(2) { background: #cba2f9; }
.table-color tr:nth-child(3) { background: #FFF4C5; }
.table-color tr:nth-child(4) { background: #FFEC8F; }
.table-color tr:nth-child(5) { background: #FFE35D; }
.table-color tr:nth-child(6) { background: #FCDE00; }
.table-color-2 { width:auto; border: 1px solid black; border-collapse: collapse; }
.table-color-2 tr:first-child { background: #AD61FF; color:#fff; }
.table-color-2 tr:nth-child(2) { background: #cba2f9; }
.table-color-2 tr:nth-child(3) { background: #FCDE00; }
.table-color-2 tr:nth-child(4) { background: #FFF4C5; }
.table-color-2 tr:nth-child(5) { background: #FFEC8F; }
.table-color-2 tr:nth-child(6) { background: #FFE35D; }
.table-color-2 tr:nth-child(7) { background: #FCDE00; }
.table-color-2 tr:nth-child(9) { background: #FCDE00; }
.table-color-2 tr:nth-child(10) { background: #FCDE00; }
.za_donate iframe { flex-basis:50%; }
@media (max-width: 999px) {
.za_donate iframe { flex-basis:100%; }
}
.za_player { display: flex; align-items: center; justify-content: center; font-size: 17px; }
.za_zvuk.jPlayer { width: 25px; margin-bottom: 0; display: inline-block; vertical-align: middle; }
.za_zvuk.jPlayer a { color:#008000 !important; }
.za_zvuk.jPlayer a:hover { color:#0265C9 !important; }
.color_zel { background:#bbffc6 !important; }
.za_zvuk .controls { border: none !important; background: transparent !important; height: 14px !important; line-height: 14px !important; }
.za_zvuk .right-volume,
.za_zvuk .volumeblock,
.za_zvuk .jpprogress-block { display: none !important; }
.za_zvuk .controlset .play,
.za_zvuk .controlset .pause { font-size: 14px !important; width: 25px !important; }
.za_zvuk .controlset .play:hover,
.za_zvuk .controlset .pause:hover { background:transparent !important; }
.za-nostyle.chitat_takze { display: flex; margin:25px 0; }
.chitat_takze h3 { font-size:20px; margin-right: 20px; }
h4.newsflash-title { font-family: Open Sans; margin-bottom: 1.4em; }
h4.newsflash-title a { color:#0000ee; text-decoration: none; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 14px; font-weight: 600; line-height: 1; }
h4.newsflash-title a:hover { text-decoration: underline; }
.reklam_dzorz { margin: 1em auto; text-align: center; }
a.button12:focus { text-shadow: #0175b1 -1px 1px, #0175b1 1px 1px, #0175b1 1px -1px, #0175b1 -1px -1px; background: #0175b1 repeating-linear-gradient(135deg, #0175b1, #0175b1 10px, #8fd2f5 10px, #8fd2f5 20px, #0175b1 20px) no-repeat; background-size: 1000% 100%; }
a.button12:hover { background-position: 0 0; }
.bank_argument img { margin-right: 10px; }
a.button12 { position: relative; display: inline-block; font-size: 100%; font-weight: 700; color: #fff; text-shadow: #053852 -1px 1px, #053852 1px 1px, #053852 1px -1px, #053852 -1px -1px; text-decoration: none; user-select: none; padding: .3em .7em; outline: none; border-radius: 7px; background: #053852 repeating-linear-gradient(135deg, #053852, #053852 10px, #1679ad 10px, #1679ad 20px, #053852 20px); box-shadow: inset -2px -2px rgba(0, 0, 0, .3), inset 2px 2px rgba(255, 255, 255, .3); transition: background-position 999999s, color 999999s, text-shadow 999999s; }
a.button12:hover,
a.button12:focus { text-shadow: #0175b1 -1px 1px, #0175b1 1px 1px, #0175b1 1px -1px, #0175b1 -1px -1px; background: #0175b1 repeating-linear-gradient(135deg, #0175b1, #0175b1 10px, #8fd2f5 10px, #8fd2f5 20px, #0175b1 20px) no-repeat; background-size: 1000% 100%; }
a.button12:hover { background-position: 0 0; }
a.button12:focus { color: rgba(255, 255, 255, 0); text-shadow: rgba(1, 117, 177, 0) -1px 1px, rgba(1, 117, 177, 0) 1px 1px, rgba(1, 117, 177, 0) 1px -1px, rgba(1, 117, 177, 0) -1px -1px; background-position: 900% 0; transition: background-position linear 600s, color .5s, text-shadow .5s; }
a.button12:after { content: "загрузка\2026"; position: absolute; top: 0; left: 0; padding: .3em .7em; color: rgba(0, 0, 0, 0); text-shadow: none; transition: 999999s; }
a.button12:focus:after { color: #fff; text-shadow: #0175b1 -1px 1px, #0175b1 1px 1px, #0175b1 1px -1px, #0175b1 -1px -1px; transition: .5s; }
.su-accordion,
.su-accordion .su-spoiler,
.su-spoiler { margin-bottom: 0 !important; }
div.item-page div.current { border:none  !important; }
.za_strelka.fa { font-size: 1.5em; vertical-align: middle; margin: 0 5px; }
.za_prevnext { display: flex; justify-content: space-around; }
.prosto_zvuk.jPlayer { width: 25px; margin: 0 auto; display: inline-block; vertical-align: middle; }
.prosto_zvuk .controls { background: transparent !important; border:none !important; }
.prosto_zvuk .right-volume,
.prosto_zvuk .volumeblock,
.prosto_zvuk .jpprogress-block { display: none !important; }
.prosto_zvuk .controls .play:hover,
.prosto_zvuk .controls .pause:hover { background: transparent !important; }
.prosto_zvuk .controls a { color:#000; width: 25px !important; }
.prosto_zvuk .controls a:hover { color:#737373; }
.text_pesni .su-spoiler-title h3 { font-weight: normal !important; font-size: 8px; font-family: 'Open Sans' !important; }
.text_pesni .su-spoiler-title,
.text_pesni .su-spoiler-content { padding: 0 !important; }
.text_pesni .su-spoiler-icon { display: none !important; }
.za_oblozka { display:flex; justify-content:center; align-items: flex-end; }
.oblozka_text { margin-left: 4em; }
.za_pagers { display: flex; flex-wrap: wrap; background-color: #DEDEDE; border-bottom: 4px solid #979799; }
.za_pagers a { border-bottom: 4px solid #979799; text-decoration: none; color: #FF1493; text-align: center; width: 35px; height: 25px; line-height: 25px; font-size: 1.2em; margin-bottom: -4px; }
.za_pagers a:hover { background-color: #aaa; color:#000; border-bottom: 4px solid #000; }
.za-parentbutton { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px; }
.za-parentbutton button { line-height: 1.7; font-size: 12pt; }
.tag-category a { color:-webkit-link  !important; }
.article-info-term { display: none; }
.hits { font-weight: bold; }
.table_blue { border-collapse: collapse; border: 1px solid #9abfea !important; width: 100% !important; }
.table_blue>tbody>tr>td { border: 1px solid #9abfea !important; padding-left: 5px !important; }
.table_five>tbody>tr>td { width: 20% !important; }
.table_five>tbody>tr>td:first-child { width: 9% !important; text-align: center; padding: 0 !important; word-break: normal !important; }
@media (max-width: 999px) {
.table_five>tbody>tr>td:first-child { width: 13% !important; }
}
.table_five>tbody>tr>td p { margin: 2px 0 0 0 !important; display: inline-block; vertical-align: middle; }
.table_five>tbody>tr>td:first-child p { margin: 2px 0 0 0 !important; display: inline-block; vertical-align: middle; }
.customzatrenazer img.google_android { width: 70%; }
.cards-list { max-width: fit-content; width: 50%; margin-left: auto; margin-right: auto; }
.card-info-bl { display: flex; background: #d4eff4; border: 1px solid #c2d1d1; padding: 24px; position: relative; margin-bottom: 10px; border-radius: 5px; }
.card-info-img { display: block; width: 217px; height: 122px; border: 3px solid #0089b5; border-radius: 5px; float: left; overflow: hidden; position: relative; }
.card-info-img img { max-width: 100%; }
.card-info-content { margin-left: 2em; display: flex; flex-direction: column; justify-content: space-between; }
.card-title { letter-spacing: 1.5px; }
a.full-access-btn { text-decoration: none; color: #fff !important; }
a.fa:before { margin-right: 5px; }
.full-access-btn { background: #EB6800; align-self: end; padding: 10px; }
.choose-premium { margin-left: auto; margin-right: auto; background-color: #85ced9; width: 70%; padding: 2em; }
.choose-premium h2 { font-size: 40px; line-height: 48px; text-align: center !important; }
.content-premium { text-align: center; }
.plan-block { display: flex; justify-content: space-evenly; margin: 2em 0; }
.plan-month-plan { display: flex; flex-direction: column; padding: 3em 1em; width: 240px; background-color: #fff; border-top: 12px solid #004a94; border-radius: 8px; position: relative; justify-content: space-between; }
.plan-month-plan h6 { font-size: 24px; line-height: 28px; font-weight: 300; margin: 0 0 20px; }
.premium-price { font-size: 40px; line-height: 47px; font-weight: 300; color: #052636; display: block; margin-bottom: 13px; }
.premium-price small { font-size: 24px; line-height: 28px; }
button.billing-select { background: #004a94 !important; color: #fff !important; border: 1px solid #fff; font-size: 15px; text-transform: none; line-height: 43px; padding: 0; border-radius: 4px; width: 90%; transition: opacity 0.1s 0.5s; letter-spacing: 1px; font-weight: 700; text-align: center; margin: 2em 0; cursor: pointer; }
asdf 1
#animals-2-description-container { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #ffffff; width: 100%; margin: 20px auto; padding: 20px; border-radius: 8px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); color: #555; box-sizing: border-box; }
#animals-2-description-container h1 { text-align: center; color: #333; font-size: 2em; margin-top: 0; margin-bottom: 20px; }
#animals-2-description-container p { font-size: 1.1em; line-height: 1.7; text-align: justify; color: #333; }
#animals-2-description-container .highlight { font-weight: bold; color: #2a52be; background-color: transparent; }
#animals-2-description-container .pdf-link { color: #d9534f; font-weight: bold; text-decoration: none; }
#animals-2-description-container .pdf-link:hover { text-decoration: underline; }
.author-image { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); flex-shrink: 0; }
@media (max-width: 768px) {
#animals-2-description-container { flex-direction: column; text-align: left; }
}
@media (max-width: 768px) {
.author-image { margin-top: 10px; }
}
.table-container-vocabulary { width: 70%; overflow-x: auto; padding: 0; margin: 0 auto; box-sizing: border-box; }
.table-vocabulary { width: 100%; border-collapse: collapse; border: 1.5px solid #000; table-layout: auto; margin-left: 0; }
.table-vocabulary td { border: 1px solid #ddd; padding: 8px; white-space: nowrap; vertical-align: top; }
.table-vocabulary tr:nth-child(odd) { background-color: #f2f2f2; }
.table-vocabulary .col-5 { width: 6%; font-weight: bold; }
.table-vocabulary .col-20 { width: 21%; }
.table-vocabulary .col-25 { width: 26%; }
.table-vocabulary .col-flex { width: 47%; white-space: normal; word-wrap: break-word; }
.noun { color: brown; font-weight: bold; }
.table-vocabulary .verb { color: #0000ff; font-weight: bold; }
.adjective { color: green; font-weight: bold; }
@media (max-width: 768px) {
.table-container-vocabulary { width: 100%; }
}
.table-container-animals2-1 { width: 100%; overflow-x: auto; padding: 0; margin: 0 auto; box-sizing: border-box; }
.table-animals2-1 { width: 100%; border-collapse: collapse; border: 1.5px solid #000; table-layout: auto; }
.table-animals2-1 td { border: 1px solid #ddd; padding: 8px; white-space: normal; vertical-align: top; }
.table-animals2-1 tr:nth-child(odd) { background-color: #f2f2f2; }
.table-animals2-1 .col-5 { width: 6%; text-align: center; white-space: nowrap; min-width: 40px; }
.table-animals2-1 .col-english { color: #000000; width: 47%; }
.table-animals2-1 .col-russian { width: 47%; }
.noun { color: brown; font-weight: bold; }
.table-animals2-1 .verb { color: #0000ff; font-weight: bold; }
.adjective { color: green; font-weight: bold; }
@media (max-width: 768px) {
.table-container-animals2-1 { width: 100%; }
}
@media (max-width: 768px) {
.table-animals2-1 .col-5 { width: auto; min-width: 20px; text-align: center; white-space: nowrap; }
}
@media (max-width: 768px) {
.table-animals2-1 td { padding: 6px; }
}
.table-col-321 .container-ill { margin: 0; padding: 0; font-family: 'Roboto', sans-serif; min-width: 320px; max-width: 100%; padding: 0 1px; box-sizing: content-box; }
.table-col-321 table { border-collapse: collapse; width: 100%; margin: 1px 0; }
.table-col-321 thead { background-color: #0074D9; color: white !important; font-weight: bold !important; }
.table-col-321 tr:nth-child(even) { background-color: #ebebea; }
.table-col-321 table td,
.table-col-321 table th { padding: 10px !important; border: 1px solid #cbbdbd; }
.table-col-321 table th { text-align: center; color: white !important; font-weight: bold !important; }
.table-col-321 table th:nth-child(1),
.table-col-321 table td:nth-child(1) { padding: 5px; width: 20%; }
.table-col-321 table th:nth-child(2),
.table-col-321 table td:nth-child(2) { width: 40%; }
.table-col-321 table th:nth-child(3),
.table-col-321 table td:nth-child(3) { width: 40%; }
.navigation-arrows { display: flex; justify-content: space-between; align-items: center; margin: 20px 0; font-family: Arial, sans-serif; }
.arrow-container { display: flex; align-items: center; justify-content: center; padding: 10px 20px; border: 2px solid #4CAF50; border-radius: 50px; background-color: #A5D6A7; color: #ffffff; font-size: 16px; font-weight: bold; text-transform: uppercase; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; text-decoration: none; }
.arrow-container:hover { background-color: #66BB6A; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); transform: scale(1.05); }
.arrow-icon { display: inline-block; margin: 0 10px; }
.arrow-back .arrow-icon { transform: rotate(180deg); }
@media (max-width: 768px) {
.arrow-container { font-size: 14px; padding: 8px 15px; }
}
.navigation-arrows2 { display: flex; justify-content: space-between; align-items: center; margin: 20px 0; font-family: Arial, sans-serif; }
/* навигация «ЭТА КНИГА / СЛЕДУЮЩИЙ…» под тестами: была серая «пилюля» с белым текстом (не читался) — плоская кнопка */
.arrow-container2 { display: flex; align-items: center; justify-content: center; padding: 10px 20px; border: 1px solid #cbd5e1; border-radius: 8px; background-color: #f1f5f9; color: #1f2937; font-size: 16px; font-weight: bold; text-transform: uppercase; transition: background-color .15s, border-color .15s; text-decoration: none; }
.arrow-container2:hover { background-color: #e2e8f0; border-color: #94a3b8; color: #1f2937; }
.arrow-icon2 { display: inline-block; margin: 0 10px; }
.arrow-back2 .arrow-icon2 { transform: rotate(180deg); }
@media (max-width: 768px) {
.arrow-container2 { font-size: 14px; padding: 8px 15px; }
}
/* «Ответить» в тестах ЕГЭ: была светло-зелёная «пилюля» — плоская зелёная кнопка с читаемым белым текстом */
.ege-arrow-container2 { display: flex; align-items: center; justify-content: center; padding: 10px 20px; border: 1px solid #15803d; border-radius: 8px; background-color: #16a34a; color: #ffffff; font-size: 16px; font-weight: bold; text-transform: uppercase; transition: background-color .15s; text-decoration: none; cursor: pointer; }
.ege-arrow-container2:hover { background-color: #15803d; }
@media (max-width: 768px) {
.ege-arrow-container2 { font-size: 14px; padding: 8px 15px; }
}
.ege-container1 .correct1 { color: green !important; font-weight: bold; }
.ege-container1 .incorrect { text-decoration: line-through; color: red !important; }
.ege-container1 .correct-answer1 { color: green !important; font-weight: bold; margin-left: 10px; }
.ege-container1 .explanation { font-style: italic; color: #555; font-size: 10pt; margin-top: 5px; display: none; }
.ege-container1 input { color: black !important; font-size: 12pt; font-weight: normal; border: 1px solid #ccc; padding: 4px; width: auto; }
.ege-container1 table { width: 100%; }
.ege-container1 td { vertical-align: top; padding: 8px; }
.table-container-col-5 { width: 100%; overflow-x: auto; padding: 0; margin: 0 auto; box-sizing: border-box; }
.table-col-5 { width: 100%; border-collapse: collapse; border: 1.5px solid #000; table-layout: auto; margin-left: 0; }
.table-col-5 table { width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 16px; border: 1px solid #ddd; table-layout: fixed; }
.table-col-5 thead { background-color: #0074D9; color: white; }
.table-col-5 thead th { padding: 10px; border: 1px solid #fff; text-align: center; font-size: 16px; }
.table-col-5 thead th:nth-child(1),
.table-col-5 tbody td:nth-child(1) { width: 6%; }
.table-col-5 thead th:nth-child(2),
.table-col-5 tbody td:nth-child(2) { width: 15%; }
.table-col-5 thead th:nth-child(3),
.table-col-5 tbody td:nth-child(3) { width: 15%; }
.table-col-5 thead th:nth-child(4),
.table-col-5 tbody td:nth-child(4) { width: 44%; }
.table-col-5 thead th:nth-child(5),
.table-col-5 tbody td:nth-child(5) { width: 20%; }
.table-col-5 tbody tr:nth-child(odd) { background-color: #ffffff; }
.table-col-5 tbody tr:nth-child(even) { background-color: #f2f2f2; }
.table-col-5 tbody td { padding: 10px; border: 1px solid #ddd; font-size: 16px; vertical-align: top; text-align: left; word-wrap: break-word; overflow-wrap: break-word; white-space: normal; line-height: 1.4; }
.table-col-5 tbody td:first-child { text-align: center; font-weight: bold; white-space: nowrap; }
.verb { color: #0074D9; font-weight: bold; }
.eng-1 { color: green; font-weight: bold; }
.rus-e { display: block; margin-top: 5px; color: #000000; }
.eng-h { color: #0520eb; font-weight: normal; }
.trans-1 { font-family: Arial, sans-serif; font-size: 12px; font-style: italic; font-weight: normal; color: #808080; }
.trans-2 { color: #808080; font-weight: normal; font-style: italic; }
.trans-h { color: #0520eb; font-weight: normal; }
@media screen and (max-width: 768px) {
.table-container-col-5 table { display: none; }
}
.table-col-5m { display: none; }
@media screen and (max-width: 768px) {
.table-col-5m { display: block; padding: 0; }
}
@media screen and (max-width: 768px) {
.table-col-5m_card { border: 1px solid #ddd; border-radius: 8px; padding: 15px; margin: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; transition: background-color 0.3s; cursor: pointer; position: relative; }
}
@media screen and (max-width: 768px) {
.table-col-5m_card.playing { background-color: #e0e0e0; }
}
@media screen and (max-width: 768px) {
.table-col-5m_n { font-weight: bold; margin-bottom: 10px; font-size: 16px; color: #0074D9; display: flex; align-items: center; }
}
@media screen and (max-width: 768px) {
.table-col-5m_row { display: flex; margin-bottom: 8px; }
}
@media screen and (max-width: 768px) {
.table-col-5m_l { flex: 0 0 30%; font-weight: bold; color: black; }
}
@media screen and (max-width: 768px) {
.table-col-5m_v { flex: 1; word-break: break-word; white-space: normal; font-family: inherit; color: black; font-weight: normal; }
}
@media screen and (max-width: 768px) {
.table-col-5m_v-verb { font-weight: bold; color: #0074D9; }
}
@media screen and (max-width: 768px) {
.table-col-5m_v-ex { color: #0000ff; font-weight: bold; }
}
@media screen and (max-width: 768px) {
.table-col-5m_v-t { color: #808080; font-weight: bold; font-style: italic; }
}
@media screen and (max-width: 768px) {
.table-col-5 { display: none; }
}
.mobile-version { display: none; }
@media screen and (max-width: 768px) {
.mobile-version { display: block; padding: 0; }
}
@media screen and (max-width: 768px) {
.mobile-version__card { border: 1px solid #ddd; border-radius: 8px; padding: 15px; margin: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; transition: background-color 0.3s; cursor: pointer; position: relative; }
}
@media screen and (max-width: 768px) {
.mobile-version__card.playing { background-color: #e0e0e0; }
}
@media screen and (max-width: 768px) {
.mobile-version__number { font-weight: bold; margin-bottom: 10px; font-size: 16px; color: #0074D9; display: flex; align-items: center; }
}
@media screen and (max-width: 768px) {
.mobile-version__row { display: flex; margin-bottom: 8px; }
}
@media screen and (max-width: 768px) {
.mobile-version__label { flex: 0 0 30%; font-weight: bold; color: black; }
}
@media screen and (max-width: 768px) {
.mobile-version__value { flex: 1; word-break: break-word; white-space: normal; }
}
@media screen and (max-width: 768px) {
.mobile-version__value--phrase { font-weight: bold; color: #0074D9; }
}
@media screen and (max-width: 768px) {
.mobile-version__value--example { color: #0000ff; font-weight: bold; }
}
@media screen and (max-width: 768px) {
.mobile-version__value--translation { color: #808080; font-weight: bold; font-style: italic; }
}
@media screen and (max-width: 768px) {
.pdf-icon-hide { display: none; }
}
#press-but-container { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f9f9f9; width: 95%; margin: 20px auto; padding: 20px; border-radius: 8px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); color: #555; box-sizing: border-box; text-align: center; }
#press-but-container p { font-size: 1.2em; line-height: 1.7; color: #333; margin: 0; }
.table-col-53 .container { margin: 0; padding: 0; font-family: 'Roboto', sans-serif; min-width: 320px; max-width: 100%; padding: 0 1px; box-sizing: content-box; }
.table-col-53 table { border-collapse: collapse; width: 100%; margin: 1px 0; }
.table-col-53 thead { background-color: #0074D9; color: white; }
.table-col-53 tr:nth-child(even) { background-color: #ebebea; }
.table-col-53 table td,
.table-col-53 table th { padding: 10px; border: 1px solid #cbbdbd; }
.table-col-53 table th { text-align: center; }
@media (min-width: 720px) {
.table-col-53 table th:nth-child(1),
.table-col-53 table td:nth-child(1) { padding: 5px; width: 6%; }
}
@media (min-width: 720px) {
.table-col-53 table th:nth-child(2),
.table-col-53 table td:nth-child(2) { width: 15%; }
}
@media (min-width: 720px) {
.table-col-53 table td:nth-child(2) { color: green; font-weight: bold; width: 15%; }
}
@media (min-width: 720px) {
.table-col-53 table th:nth-child(3),
.table-col-53 table td:nth-child(3) { font-weight: bold; width: 15%; }
}
@media (min-width: 720px) {
.table-col-53 table td:nth-child(3) { color: #0074D9; }
}
@media (min-width: 720px) {
.table-col-53 table th:nth-child(4),
.table-col-53 table td:nth-child(4) { width: 44%; }
}
@media (min-width: 720px) {
.table-col-53 table th:nth-child(5),
.table-col-53 table td:nth-child(5) { width: 20%; }
}
@media (min-width: 720px) {
.table-col-53 table td:nth-child(5) { font-style: italic; }
}
.rus2-e { display: contents; color: #000000; }
.eng2-h { display: contents; color: #0520eb; }
.trans2-h { display: contents; color: #0520eb; }
@media (max-width: 720px) {
.table-col-53 .container table thead { display: none; }
}
@media (max-width: 720px) {
.table-col-53 .container table tr { display: block; border: 1px solid #ddd; border-radius: 8px; padding: 15px; margin: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; transition: background-color 0.3s; cursor: pointer; position: relative; }
}
@media (max-width: 720px) {
.table-col-53 .container table tr.playing { background-color: #e0e0e0; }
}
@media (max-width: 720px) {
.table-col-53 table td { display: flex; justify-content: flex-start; font-size: 14px; }
}
@media (max-width: 720px) {
.table-col-53 table td,
.table-col-53 table th { padding: 3px; border: 0px; }
}
@media (max-width: 720px) {
.table-col-53 table td::before { content: attr(data-label); flex: 0 0 30%; font-weight: bold; margin-right: 1px; }
}
.rus2-e { display: contents; color: #000000; }
.eng2-h { display: contents; color: #0520eb; }
.trans2-h { display: contents; color: #0520eb; }
.golitsynskiy1 body { font-family: Arial, sans-serif; line-height: 1.6; background-color: #f9f9f9; margin: 0; padding: 20px; box-sizing: border-box; overflow-x: hidden; }
.golitsynskiy1 .test-container { background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 20px; max-width: 90%; width: 100%; margin: auto; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
.golitsynskiy1 h1 { text-align: center; color: #333; font-size: 22px; }
.golitsynskiy1 .question { margin-bottom: 15px; font-size: 16px; word-wrap: break-word; }
.golitsynskiy1 input[type="text"] { border: 1px solid #ccc; border-radius: 4px; padding: 5px; width: 100px; max-width: 25%; margin: 0 3px; text-align: center; font-size: 16px; }
.golitsynskiy1 .check-button { display: block; width: 100%; padding: 10px; background: #4caf50; color: white; border: none; border-radius: 4px; font-size: 16px; cursor: pointer; text-align: center; }
.golitsynskiy1 .check-button:hover { background: #45a049; }
.golitsynskiy1 .correct { color: green; font-weight: bold; }
.golitsynskiy1 .incorrect { color: red; font-weight: bold; text-decoration: line-through; }
.golitsynskiy1 .unattempted { color: blue; font-weight: bold; }
.golitsynskiy1 .explanation { font-size: 14px; color: #555; margin-top: 5px; display: none; }
.golitsynskiy1-button body { margin: 0; padding: 0; font-family: Arial, sans-serif; }
.golitsynskiy1-button .custom-button-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(50px, 1fr)); gap: 5px; padding: 10px; width: 100%; box-sizing: border-box; }
.golitsynskiy1-button .custom-button a { display: block; width: 100%; padding: 10px 0; text-align: center; background-color: #f1f5f9; color: #1f2937; font-size: 16px; font-weight: bold; text-decoration: none; border-radius: 8px; border: 1px solid #cbd5e1; transition: background-color 0.15s, color 0.15s; }
.golitsynskiy1-button .custom-button a:hover { background-color: #0d5bd7; border-color: #0d5bd7; color: #fff; }
.golitsynskiy1-button .custom-button a:active { background-color: #0a47a8; }
.golitsynskiy1-button-arrow .navigation-arrows { display: flex; justify-content: space-between; align-items: center; margin: 20px 0; width: 100%; max-width: 100%; padding: 0 10px; box-sizing: border-box; }
.golitsynskiy1-button-arrow .arrow-container { display: flex; align-items: center; justify-content: center; padding: 12px 20px; border-radius: 8px; font-size: 14px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: white; background: linear-gradient(135deg, #4CAF50, #2E7D32); border: none; transition: all 0.3s ease-in-out; cursor: pointer; outline: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); min-width: 80px; text-align: center; }
.golitsynskiy1-button-arrow .arrow-container:hover { background: linear-gradient(135deg, #66BB6A, #388E3C); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25); transform: translateY(-2px); }
.golitsynskiy1-button-arrow .arrow-back { flex: 1; max-width: 12%; text-align: left; }
.golitsynskiy1-button-arrow .arrow-next { flex: 1; max-width: 12%; text-align: right; }
.golitsynskiy1-button-arrow .arrow-middle { flex: none; width: 120px; padding: 14px 30px; background: linear-gradient(135deg, #81C784, #388E3C); margin: 0 10px; }
.golitsynskiy1-button-arrow .arrow-middle:hover { background: linear-gradient(135deg, #A5D6A7, #2E7D32); }
@media (max-width: 768px) {
.golitsynskiy1-button-arrow .navigation-arrows { gap: 8px; padding: 0 5px; }
}
@media (max-width: 768px) {
.golitsynskiy1-button-arrow .arrow-back,
.golitsynskiy1-button-arrow .arrow-next { max-width: 10%; padding: 10px 5px; font-size: 12px; }
}
@media (max-width: 768px) {
.golitsynskiy1-button-arrow .arrow-middle { width: 70px; padding: 10px 20px; font-size: 14px; margin: 0 6px; }
}
.cat-vocab-table { touch-action: manipulation; margin: 0; padding: 0; font-family: 'Segoe UI', sans-serif; width: 90%; max-width: 840px; margin: 30px auto; background: #f9f9f9; padding: 20px; border-radius: 16px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.cat-vocab-table table { width: 100%; border-collapse: collapse; background: white; border-radius: 10px; overflow: hidden; table-layout: fixed; }
.cat-vocab-table colgroup col:nth-child(1) { width: 50%; }
.cat-vocab-table colgroup col:nth-child(2) { width: 50%; }
.cat-vocab-table h2 { text-align: center; margin-bottom: 20px; color: #333; font-size: 22px; }
.cat-vocab-table th { text-align: center; color: white !important; font-weight: bold !important; padding: 10px; border: 1px solid #cbbdbd; font-size: 18px; background-color: #0074D9; }
.cat-vocab-table td { padding: 10px; border: 1px solid #eee; vertical-align: middle; font-size: 18px; word-break: break-word; }
.cat-vocab-table tr:nth-child(even) td { background-color: #f8f8f8; }
.cat-vocab-table td input[type="text"] { width: 90% !important; padding: 10px 14px; font-size: 17px; border-radius: 8px; border: 2px solid #ccc; box-sizing: border-box; transition: border-color 0.3s; margin: 0; display: inline-block; }
.cat-vocab-table td input[type="text"]:focus { border-color: #1a73e8; outline: none; }
.cat-vocab-table button { margin-top: 20px; padding: 12px 24px; font-size: 18px; border: none; border-radius: 8px; background-color: #1a73e8; color: white; cursor: pointer; display: block; margin-left: auto; margin-right: auto; transition: background-color 0.3s, transform 0.2s; }
.cat-vocab-table button:hover { background-color: #155cc1; transform: scale(1.02); }
.table-3col-n-eng-rus .styled-table { width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 12px; overflow: hidden; margin: 20px 0; font-size: 16px; text-align: left; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); table-layout: auto; }
.table-3col-n-eng-rus .styled-table th,
.table-3col-n-eng-rus .styled-table td { padding: 12px; border: 1px solid #ddd; white-space: normal; word-wrap: break-word; hyphens: auto; text-align: left; }
.table-3col-n-eng-rus .styled-table thead { background-color: #0074D9; color: white !important; font-weight: bold !important; }
.table-3col-n-eng-rus .styled-table table th { text-align: center; color: white !important; font-weight: bold !important; }
.table-3col-n-eng-rus .styled-table td { font-size: 16px; background-color: white; }
.table-3col-n-eng-rus .styled-table tr:nth-child(even) td { background-color: #f8f8f8; }
.table-3col-n-eng-rus .styled-table th:first-child,
.table-3col-n-eng-rus .styled-table td:first-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; text-align: center; }
.table-3col-n-eng-rus .styled-table th:last-child,
.table-3col-n-eng-rus .styled-table td:last-child { border-top-right-radius: 12px; border-bottom-right-radius: 12px; }
.table-3col-n-eng-rus .blue { color: #0000ff; }
.table-3col-n-eng-rus .bold { font-weight: bold; }
.table-3col-n-eng-rus .prefix-blue { color: #0000ff; font-weight: bold; }
.table-3col-n-eng-rus .hyphenate { hyphens: auto; white-space: normal; word-wrap: break-word; }
.table-3col-n-eng-rus .table-container { width: 100%; margin: auto; overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 10px; }
@media screen and (max-width: 768px) {
.table-3col-n-eng-rus .styled-table { table-layout: fixed; }
}
@media screen and (max-width: 768px) {
.table-3col-n-eng-rus .styled-table thead { background-color: #0074D9; color: white !important; font-weight: bold !important; }
}
@media screen and (max-width: 768px) {
.table-3col-n-eng-rus .styled-table th,
.table-3col-n-eng-rus .styled-table td { font-size: 14px; padding: 10px; }
}
@media screen and (max-width: 768px) {
.table-3col-n-eng-rus .styled-table th { text-align: center; color: white !important; font-weight: bold !important; }
}
@media screen and (max-width: 768px) {
.table-3col-n-eng-rus .styled-table th:nth-child(1),
.table-3col-n-eng-rus .styled-table td:nth-child(1) { width: 10%; }
}
@media screen and (max-width: 768px) {
.table-3col-n-eng-rus .styled-table th:nth-child(2),
.table-3col-n-eng-rus .styled-table td:nth-child(2) { width: 30%; color: black !important; }
}
@media screen and (max-width: 768px) {
.table-3col-n-eng-rus .styled-table th:nth-child(3),
.table-3col-n-eng-rus .styled-table td:nth-child(3) { width: 25%; }
}
@media screen and (max-width: 768px) {
.table-3col-n-eng-rus .styled-table th:nth-child(4),
.table-3col-n-eng-rus .styled-table td:nth-child(4) { width: 35%; }
}
.translation-table { font-family: 'Segoe UI', sans-serif; background: #fff; padding: 20px; margin: 20px auto; max-width: 750px; border-radius: 16px; box-shadow: 0 0 10px rgba(0,0,0,.1); }
.translation-table h2 { text-align: center; margin-bottom: 20px; color: #333; }
.translation-table .block { margin-bottom: 20px; }
.translation-table .question { font-size: 18px; margin-bottom: 8px; }
.translation-table .block input[type="text"] { width: 100%; font-size: 16px; padding: 14px 12px; box-sizing: border-box; border: 1px solid #bbb; border-radius: 6px; box-shadow: inset 0 0 3px rgba(0,0,0,.05); background: #fff; }
.translation-table .block input:focus { outline: none; border-color: #1a73e8; background: #eef6ff; }
.translation-table button { display: block; margin: 20px auto 0; padding: 12px 24px; font-size: 18px; border: none; border-radius: 8px; cursor: pointer; background:#1a73e8; color:#fff; transition: background-color .3s, transform .2s; }
.translation-table button:hover { background:#155cc1; transform: scale(1.02); }
.translation-table .correct { color: green; font-weight: bold; }
.translation-table .incorrect { color: red; text-decoration: line-through; }
.translation-table .missing { color: blue; text-decoration: underline; }
.translation-table .missing-red { color: red; font-style: italic; }
.translation-table .show-answer { color:#888; font-style: italic; }
.translation-table .result { margin-top:5px; padding:5px; border-radius:3px; }
.ts40 { font-family: Arial, sans-serif; }
.ts40 .custom-button-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); gap: 10px; padding: 10px; width: 100%; box-sizing: border-box; }
.ts40 .custom-button a { display: block; width: 100%; padding: 10px 0; text-align: center; background-color: #f1f5f9; color: #1f2937; font-size: 14px; font-weight: bold; text-decoration: none; border-radius: 8px; border: 1px solid #cbd5e1; transition: background-color 0.15s, color 0.15s; }
.ts40 .custom-button a:hover { background-color: #0d5bd7; border-color: #0d5bd7; color: #fff; }
.ts40 .custom-button a:active { background-color: #0a47a8; }

/* ===== 3. Адаптивность (в старом шаблоне — класс .responsive на <html> при ширине до 999px) ===== */
@media (max-width: 999px) {
	.yt-main img, .yt-main video, .yt-side img, .yt-side video { height: auto; float: none !important; max-width: 100% !important; }
	.za_table_nepr img { width: 100%; margin: 0 !important; }
	.kolm_td tr td { width: 30%; }
	.width_100 { width: 100%; }
	.za_table_zebra td { word-break: break-word; }
	.za_oblozka { align-items: center; }
	.oblozka img { max-width: max-content !important; }
	.table_fraz { width: 100%; }
	.table_glag { flex: 1 1 30%; }
	.services > div > div { width: 70%; }
	.services > div > .table-center img { width: auto; }
	.yt-main table img, .d-td img { width: auto !important; margin-right: 15px !important; }
	.items-row .item { width: auto; display: block; }
}
@media (max-width: 480px) {
	.yt-main img { margin: 1%; }
}

/* ===== 4. Font Awesome 4.7 (иконки в содержимом: <i class="fa fa-…">), шрифт лежит по старому пути плагина ===== */
@font-face {
	font-family: "FontAwesome";
	src: url("/plugins/system/bdthemes_shortcodes/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("/plugins/system/bdthemes_shortcodes/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; }
.fa-2x { font-size: 2em; }
.fa-eye:before { content: "\f06e"; }
.fa-times:before, .fa-close:before { content: "\f00d"; }
.fa-check:before { content: "\f00c"; }
.fa-stop:before { content: "\f04d"; }
.fa-undo:before { content: "\f0e2"; }
.fa-apple:before { content: "\f179"; }
.fa-android:before { content: "\f17b"; }
.fa-long-arrow-right:before { content: "\f178"; }
.fa-long-arrow-left:before { content: "\f177"; }
.fa-heart-o:before { content: "\f08a"; }
.fa-chevron-down:before { content: "\f078"; }
.fa-chevron-up:before { content: "\f077"; }
.fa-chevron-left:before { content: "\f053"; }
.fa-chevron-right:before { content: "\f054"; }
.fa-lock:before { content: "\f023"; }
.fa-play:before { content: "\f04b"; }
.fa-pause:before { content: "\f04c"; }
.fa-volume-up:before { content: "\f028"; }
.fa-star:before { content: "\f005"; }
.fa-refresh:before { content: "\f021"; }
.fa-repeat:before { content: "\f01e"; }
.fa-arrow-right:before { content: "\f061"; }
.fa-arrow-left:before { content: "\f060"; }
.fa-download:before { content: "\f019"; }
.fa-microphone:before { content: "\f130"; }
.fa-headphones:before { content: "\f025"; }
.fa-shopping-cart:before { content: "\f07a"; }
.fa-file-pdf-o:before { content: "\f1c1"; }

/* ===== 5. Правки под новую разметку/шрифты ===== */
/* Подпись плитки на главной: Oswald шире Arial Narrow — чуть меньше кегль, чтобы «ОПИСАНИЕ ЗНАМЕНИТОСТЕЙ» умещалось */
.snip1579 h2 { font-size: 23px; letter-spacing: 2px; line-height: 32px; }

/* На телефоне выравнивание по ширине даёт «рваные» пробелы — как в старом шаблоне, но по левому краю */
@media (max-width: 650px) {
	.yt-article__body, :where(.yt-main) table { text-align: left; }
}

/* Плеер [audio] нашего плагина вместо jPlayer: у классов za_zvuk / prosto_zvuk старый шаблон делал компактную кнопку-иконку
   (ширина 25px, без полосы и громкости), а не широкую полосу */
.yt-audio.za_zvuk, .yt-audio.prosto_zvuk {
	display: inline-flex;
	width: auto;
	max-width: none !important;
	padding: 0;
	margin: 0 4px;
	background: none;
	vertical-align: middle;
}
.yt-audio.za_zvuk .yt-audio__bar, .yt-audio.za_zvuk .yt-audio__time,
.yt-audio.prosto_zvuk .yt-audio__bar, .yt-audio.prosto_zvuk .yt-audio__time { display: none; }
.yt-audio.za_zvuk .yt-audio__play, .yt-audio.prosto_zvuk .yt-audio__play { flex-basis: 24px; width: 24px; height: 24px; background-size: 13px; }

/* Спойлеры [spoiler style="modern-light"] — цвета стиля из плагина BdThemes (у нашего <details> своя разметка) */
.su-spoiler.su-spoiler-style-modern-light { border: 1px solid #C8E3EA; border-radius: 4px; overflow: hidden; }
.su-spoiler-style-modern-light > .su-spoiler-title { background: #EAFBFF; color: #545A5E; }
.su-spoiler-style-modern-light > .su-spoiler-title:hover { background-color: #D4F6FF; }
.su-spoiler-style-modern-light[open] > .su-spoiler-title { border-bottom: 1px solid #C8E3EA; }
.su-spoiler-style-modern-light > .su-spoiler-content { background: #fff; color: #333; }
.su-spoiler-style-modern-light.accord_cont { border-color: #ECECEC; }
.su-spoiler-style-modern-light.accord_cont > .su-spoiler-title { background: #ECECEC; }
.su-spoiler-style-modern-light.accord_cont > .su-spoiler-title:hover { background-color: #f7f7f7; }
/* «Тексты песен»: в старом шаблоне заголовок — мелкая строка 8px без значка */
.text_pesni > .su-spoiler-title { font-size: 8px; font-weight: normal; padding: 0 !important; }
.text_pesni > .su-spoiler-title::before { display: none !important; }
.text_pesni > .su-spoiler-content { padding: 0 !important; }

/* Рубрика в виде «блог» (разметка старого сайта: .blog > .items-leading / .items-row > article.za-post > h2.za-postheader …):
   оформление в духе новой рамки, но с теми же классами, что были у Joomla/Artisteer */
.blog .za-post { margin: 0 0 22px; }
.yt-main .za-postheader { margin: 0 0 8px; padding: 0 0 6px; font: 400 clamp(22px, 2.6vw, 28px)/1.2 var(--yt-head); color: #13213a; border-bottom: 1px solid var(--yt-line); }
.yt-main .za-postheader a, .yt-main .za-postheader a:link, .yt-main .za-postheader a:visited, .yt-main .za-postheader a:hover { font: inherit; color: inherit; text-decoration: none; }
.yt-main .za-postheader a:hover { color: var(--yt-primary); }
.yt-main .za-postheadericons { padding: 0; margin: 0 0 8px; font: 400 13px/1.4 var(--yt-font); color: var(--yt-muted); text-align: left; }
.blog .items-leading, .blog .items-row { margin: 0; }
.blog .row-separator { display: none; }
.items-more ol { list-style: none; margin: 0; padding: 0; }
.items-more li { margin: 0; padding: 7px 0; border-bottom: 1px solid var(--yt-line); }
.items-more li:last-child { border-bottom: 0; }
.items-more a { text-decoration: none; }
.items-more a:hover { text-decoration: underline; }

/* Галерея товара (imageBigger, 248 страниц карточек). На старом сайте её CSS был испорчен правкой: большие
   картинки не скрывались, скрипт при запуске прятал первую, остальные мельчали, миниатюры были скрыты —
   оставалось пустое место. Как задумано скриптом: одна большая картинка, под ней миниатюры, смена наведением.
   !important — против правил gallery.css (.etalage { float: left }, .etalage img { max-width: none } и др.). */
.jbzoo-gallery-pro { width: auto !important; max-width: 100%; }
.jbzoo-gallery-pro ul.etalage { float: none !important; width: 100% !important; overflow: visible !important; }
.jbzoo-gallery-pro ul.etalage_big_thumbs li { display: none; float: none; width: 100%; }
.jbzoo-gallery-pro ul.etalage_big_thumbs img { width: auto !important; max-width: 100% !important; height: auto !important; max-height: 320px; }
.jbzoo-gallery-pro ul.etalage_small_thumbs { display: flex !important; flex-wrap: wrap; gap: 8px; margin: 12px 0 0 !important; }
.jbzoo-gallery-pro ul.etalage_small_thumbs li { display: block !important; float: none !important; opacity: .45; cursor: pointer; }
.jbzoo-gallery-pro ul.etalage_small_thumbs li.etalage_smallthumb_active { opacity: 1; }
.jbzoo-gallery-pro ul.etalage_small_thumbs img { width: 56px !important; height: auto !important; max-width: none !important; }

/* Кнопки-номера тестов (.custom-button), стиль которых задан прямо в тексте ~650 статей: синие «кружки» и
   серые «пилюли» → скруглённые квадраты без тени и увеличения при наведении. Цвета статей не трогаем. */
.yt-article__body .custom-button a { border-radius: 8px; box-shadow: none; }
.yt-article__body .custom-button a:hover { transform: none; }