:root{
 --bg:#f5f7fb;
 --text:#000;
 --muted:#6b6b6b;
 --primary:#2563eb;
 --header:#1a1a1a;
 --card:#fff;
 --aside-w:270px;
 /* оставляем только Inter */
 --font-sans:"Inter",sans-serif;
 --heading-font:"Inter",sans-serif;
 --radius:10px;
 --shadow-soft:0 6px 16px rgba(0,0,0,.08);
 --shadow-soft-elevated:0 10px 20px rgba(0,0,0,.08);
 --site-max-width:1336px;
 --base-font:18px;
}
/* Material Icons — через Google Fonts */
.material-icons{
 font-family:"Material Icons" !important;
 font-weight:400;
 font-style:normal;
 line-height:1;
 letter-spacing:normal;
 text-transform:none;
 display:inline-block;
 white-space:nowrap;
 word-wrap:normal;
 direction:ltr;
 -webkit-font-feature-settings:"liga";
 font-feature-settings:"liga";
 -webkit-font-smoothing:antialiased;
}
/* закругление для всех изображений */
img{
 border-radius:var(--radius);
 display:block;
}
/* обтекание для figure */
.intro-image-top{
 float:left;
 width:350px;
 margin:0 20px 20px 0;
}
.intro-image-top img{
 width:100%;
 height:auto;
}
/* чтобы родитель не схлопывался по высоте из-за float (по желанию) */
.article::after,
.entry-content::after{
 content:"";
 display:block;
 clear:both;
}
/* reduced motion */
@media (prefers-reduced-motion: reduce){
 *{animation:none !important; transition:none !important;}
}
/* Roboto локально — УДАЛЕНО (оставляем только Inter) */
/* базовые настройки рендеринга */
html, body{
 box-sizing:border-box;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
}
*, *::before, *::after{ box-sizing:border-box; }
/* базовые стили */
aside{ width:var(--aside-w); font-size:16px; background:#fff; }
header{ position:sticky; z-index:999; top:0; width:100%; }
/* контент/карточки */
.product-card .product-tail{ background-color:var(--card); }
/* подъем заголовков/медиа */
.hpvgd-fixed~header{ top:58px; }
/* прокрутка заголовка на разных страницах */
body[style="padding-top: 30px;"] header{ top:30px; }
.main-page:not(.sitePage1) header{ background:var(--header); }
/* цвета ссылок в хедере */
header a{ color:rgba(255,255,255,.95); }
/* медиа-элементы на всю ширину */
audio, embed, img, object, table, video{ max-width:100%; }
/* изображение внутри окна */
.myWinCont img{ max-width:initial; }
/* базовый шрифт и цвета */
a, body{ color:var(--text); font-family:var(--font-sans); }
body{ background:var(--bg); margin:0; line-height:1.5; font-size:var(--base-font); }
table{ font-family:var(--font-sans); font-weight:400; font-size:100%; }
form, img{ border:0; margin:0; }
/* фокус-стили (для доступности) */
a:focus-visible{ outline:2px solid var(--primary); outline-offset:2px; border-radius:2px; }
/* навигация и цвета */
#catmenu .uMenuRoot li a.uMenuItemA,
a.work-title:hover,
a:hover{ color:var(--primary); }
/* заголовки */
h1,h2,h3,h4,h5,h6{
 font-weight:600;
 color:var(--text);
 font-family:var(--heading-font);
 margin:5px 0;
 padding:0;
}
h1{ font-size:24px; }
h2{ font-size:24px; }
h3{ font-size:20px; }
h4{ font-size:18px; }
h5{ font-size:18px; }
/* Мобильная версия: базовый текст 16px и уменьшение заголовков */
@media (max-width: 767px){
 :root{ --base-font:16px; }
 body{ font-size:var(--base-font); }
 h1{ font-size:1.375rem; } /* ~22px при базе 16px */
 h2{ font-size:1.25rem; } /* ~20px */
 h3{ font-size:1.25rem; } /* ~20px */
 h4{ font-size:1.125rem; } /* ~18px */
 h5{ font-size:1rem; } /* ~16px */
 h6{ font-size:0.875rem; } /* ~14px */
 p, li{ font-size:0.94rem; }/* ~15–15.5px */
}
/* структура и блоки (часть общих стилей) */
.sidebox li.parent-li.over>ul,
.sidebox li.uWithSubmenu.over>ul,
article,aside,details,figcaption,footer,header,hgroup,menu,nav,section{display:block}
/* нижние “шаблонные” правила — дубли оставлены как было, но шрифты Inter */
aside{width:270px;font-size:14px;background-color:#fff}
header{position:sticky;z-index:999;top:0;width:100%}
.product-card .product-tail{ background-color:#ffffff; }
.hpvgd-fixed~header{ top:58px;}
body[style="padding-top: 30px;"] header{top:30px}
.main-page:not(.sitePage1) header{background:#1a1a1a}
header a{color:rgba(255,255,255,.95)}
audio,embed,img,object,table,video{max-width:100%}
.myWinCont img{max-width:initial;}
a,body{color:var(--text);font-family:var(--font-sans)}
body{background:var(--bg);margin:0;line-height:1.5;font-size:var(--base-font)}
table{font-family:var(--font-sans);font-weight:400;font-size:100%}
form,img{border:0;margin:0}
a,input{outline:0}
a{font-size:16px;font-weight:400}
/* изменяемый блок под современность */
.forumNameTd small,
.module-load .u-combolist>div,
h6{font-size:0.8125rem;font-family:var(--font-sans)}
hr,ul{padding:0}
ul{list-style:none}
hr{clear:both;border:0;margin:0 0 10px}
section:not(.module-gb,module-shop) hr:last-of-type{margin:0 0 30px}
.site-name,
.ucf-option .customCheckbox,
div#casing #content section:not(.module-shop)>table:nth-child(-n+5) td:empty,
div.i_person,
div.i_search,
form ul>li.notcolumn hr,
td.manTdSep{display:none}
.customRadio{display:inline-block;width:18px;padding:3px;height:18px;border:2px solid #000000;border-radius:50%;cursor:pointer;vertical-align:middle;margin:3px 3px 4px 0}
.customRadio:hover,input[type=radio]:checked+.customRadio{border:2px solid #000000}
input[type=radio]:checked+.customRadio:after{content:'';display:block;height:8px;width:8px;border-radius:50%;background-color:#000000}
input[name=user]:not(.loginField){min-width:200px}
.sidebox input[name=user],.sidebox input[type=password]{width:calc(100% - 7px)!important;margin-left:7px}
.main-wrapper{min-height:calc(100vh - 120px)}
.customCheckbox{display:inline-block;width:16px;height:16px;border:2px solid #000000;cursor:pointer;position:relative;vertical-align:middle;margin:4px 3px 4px 0}
.customCheckbox:hover{border-color:#000000}
input[type=checkbox]:checked+span.customCheckbox{background-color:#000000;border-color:#000000}
input[type=checkbox]:checked+span.customCheckbox:after{content:'';display:block;width:3px;height:9px;border-radius:2px;border:2px solid transparent;border-bottom-color:#fff;border-right-color:#fff;position:absolute;top:-3px;left:3px;-webkit-transform:rotate(43deg);-ms-transform:rotate(43deg);transform:rotate(43deg)}
input[type=checkbox]:disabled+span.customCheckbox{opacity:.6;cursor:default}
input[type=checkbox]:disabled+span.customCheckbox:hover{border-color:#aaa}
a.login-with i,
ul.shop-tabs.with-clear,
ul.shop-tabs.with-clear li{-webkit-box-sizing:content-box;box-sizing:content-box}
/* Современная замена без изменения селекторов/шаблона */
#soc-box{display:flex;flex:1 1 10px;text-align:right;}
.social li{display:inline-block;padding:0 5px;}
/* Иконки соцсетей — современный подход (background-image) */
.icon-facebook,
.icon-instagram,
.icon-vk{
 display:inline-block;
 vertical-align:middle;
 width:19px;
 height:19px;
 background-size:contain;
 background-repeat:no-repeat;
 opacity:.65;
 transition:all .3s;
}
.icon-facebook{width:15px;height:15px;background-image:url(/.s/t/1717/svg/facebook.svg);}
.icon-facebook:hover{background-image:url(/.s/t/1717/svg/facebook_hover.svg);opacity:1;}
.icon-instagram{width:19px;height:19px;background-image:url(/.s/t/1717/svg/instagram.svg);}
.icon-instagram:hover{background-image:url(/.s/t/1717/svg/instagram_hover.svg);opacity:1;}
.icon-vk{width:19px;height:19px;background-image:url(/.s/t/1717/svg/vk.svg);}
.icon-vk:hover{background-image:url(/.s/t/1717/svg/vk_hover.svg);opacity:1;}
.full-portfolio figure:hover:before,
.icon-facebook:hover,
.icon-instagram:hover,
.icon-vk:hover{opacity:1;}
/* Прочие элементы структуры карусели/слайдера */
.parallax::before, .promo::before{
 background:rgba(0,0,0,.5);
 position:absolute;
 pointer-events:none;
 display:block;
 top:0; right:0; bottom:0; left:0;
 content:"";
 z-index:0;
}
.flex-control-nav li{margin:0;display:block;}
.flex-control-paging li a{
 display:block;
 cursor:pointer;
 text-indent:100%;
 overflow:hidden;
 white-space:nowrap;
 width:8px;
 height:8px;
 border:1px solid #0d6efd;
 background-color:#0d6efd;
 border-radius:0;
}
.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover{
 width:8px;
 height:8px;
 background-color:#fff;
 border:1px solid #fff;
 border-radius:0;
}
.flex-control-paging li a.flex-active{cursor:pointer;}
.flex-next, .flex-prev{
 position:absolute;
 color:#fff;
 font-size:24px;
 font-weight:400;
 top:50%;
 transform:translateY(-50%);
 z-index:100;
 border:2px solid #fff;
 padding:9px;
}
.flex-next:hover, .flex-prev:hover{
 border:2px solid #31a1e8;
 background:#31a1e8;
}
.flex-prev{left:100px;}
.flex-next{right:100px;}
.slider-navigation{position:relative;z-index:200;}
#instagram-slider i{cursor:pointer;}
.promo img{
 display:block;
 width:auto;
 max-width:100%;
 margin:0 auto;
}
#catmenu li, #catmenu ul, .slide, .slides{
 padding:0;
 margin:0;
 list-style:none;
}
.promo{
 position:relative;
 overflow:hidden;
 max-height:100%;
}
.slide:first-child{
 display:block;
 position:relative !important;
}
.caption, .caption-wrap{
 padding:0 20px;
 margin:0 auto;
}
.caption-wrap{
 position:absolute;
 background:transparent;
 top:40%;
 left:50%;
 width:100%;
 transform:translate(-50%, -50%);
 color:#fff;
 z-index:15;
}
.caption{max-width:1336px;}
.cap-ttl{
 padding:20px 0 10px;
 font-family:var(--font-sans); /* было "Inter","Roboto" */
 font-weight:300;
 font-size:42px;
 line-height:1.3;
 position:relative;
 z-index:100;
 max-width:100%;
 text-align:center;
}
.cap-ds, .cap-ttl, .cap-ttl a{color:#fff;}
.cap-ds{
 position:relative;
 z-index:100;
 max-width:800px;
 text-align:center;
 padding:10px 0 0;
 font-weight:300;
 font-size:15px;
 line-height:21px;
}
/* общий отступ секций */
.inner{ padding:70px 0; }
/* PROMO: текст по центру */
.promo,
.caption-wrap,
.cap-ttl,
.cap-ds{ text-align:center; }
/* КНОПКИ: 1–N кнопок в строку, центр, с переносом */
.two-cta{
 margin-top:16px;
 display:flex;
 justify-content:center;
 align-items:center;
 gap:12px;
 flex-wrap:wrap;
}
/* Универсальный стиль для ссылок/кнопок внутри .two-cta */
.two-cta > a,
.two-cta > button{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 padding:12px 20px;
 min-height:44px;
 border-radius:6px;
 text-decoration:none;
 font-weight:500;
 border:0;
 cursor:pointer;
 flex:0 1 240px;
 text-align:center;
}
/* Современная версия без изменения структуры шаблона */
.about-me{
 display:flex;
 align-items:center;
 justify-content:space-around;
 background-color:#fff;
 color:#fff;
}
.about-me-text h2{
 color:#000;
 font-family:var(--heading-font); /* было Roboto */
 font-size:45px;
 font-weight:300;
 line-height:1.11;
}
.about-me-img img{ display:block; max-width:100%; }
.about-me-img,
.about-me-text{ flex:1 1 10px; }
.about-me-text{ padding:1.25rem 5.625rem; }
.about-me-text p{
 color:#000;
 font-weight:300;
 max-width:500px;
}
.social i, input, select{ vertical-align:middle; }
.specialties{ text-align:center; background:#fff; }
.specialties .works{ display:flex; }
/* базовый блок навигации и блоки контента */
#catmenu li a,
.soc-contacts .social li,
.text-center{ padding:0 18px; }
.work-example{
 padding:0 0 5px;
 -webkit-box-flex:1;
 flex-grow:1;
 width:33%;
 background:#fff;
 margin:15px;
}
.light-wrapper.inner.cosmo-courses-block.wide-1336{
 width:100%;
 max-width:var(--site-max-width);
 margin:0 auto;
 padding:0 12px;
 box-sizing:border-box;
}
/* внутренние группы */
.light-wrapper.inner.cosmo-courses-block.wide-1336 .services{
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 gap:28px;
 box-sizing:border-box;
}
/* колонки/карточки */
.light-wrapper.inner.cosmo-courses-block.wide-1336 .services > .text{
 flex:0 1 46%;
 max-width:520px;
 min-width:min(300px, 100%);
 display:flex;
 flex-direction:column;
 align-items:stretch;
 box-sizing:border-box;
}
/* футер в карточке */
.light-wrapper.inner.cosmo-courses-block.wide-1336 .services > .text .footer-meta{
 text-align:center;
 margin-top:8px;
}
.light-wrapper.inner.cosmo-courses-block.wide-1336 .services > .text .footer-meta .more{
 display:inline-block;
}
/* мобильная адаптация (чтобы ничего не вылезало) */
@media (max-width: 767px){
 .light-wrapper.inner.cosmo-courses-block.wide-1336{ padding:0 10px; }
 .light-wrapper.inner.cosmo-courses-block.wide-1336 .services{ gap:12px; }
 .light-wrapper.inner.cosmo-courses-block.wide-1336 .services > .text{
 flex:1 1 100%;
 max-width:100%;
 min-width:0;
 }
}
/* заголовки карточек/секций */
a.work-title, h2.block-title{
 font-family:var(--heading-font); /* было "Roboto","Inter" */
 font-weight:600;
}
a.work-title{
 margin:15px 0;
 -webkit-transition:all .3s;
 -o-transition:all .3s;
 transition:all .3s;
 display:block;
 text-decoration:none;
 font-size:28px;
}
h2.block-title{
 font-size:35px;
 line-height:1.22;
 padding-bottom:30px;
}
.light-wrapper h2, a.work-title{ color:#000000; }
.black-wrapper h2, .parallax h2.block-title{ color:#fff; }
.black-wrapper{
 background-color:#1a1a1a;
 color:#a6a6a6;
 border-bottom:1px solid #000000;
 text-align:center;
}
figure{ display:block; overflow:hidden; position:relative; margin:0; }
/* блок-оверлей на портфолио */
.full-portfolio figure:before{
 content:"";
 display:block;
 position:absolute;
 pointer-events:none;
 top:0; left:0; right:0; bottom:0;
 background:url('/.s/t/1717/svg/zoom.svg') rgba(0,0,0,.5) no-repeat 50% 50%;
 background-size:45px;
 opacity:0;
 height:100%; width:100%;
 z-index:100;
 transition:all .4s ease;
}
ul.items{ flex-wrap:wrap; }
li.item{ width:20%; }
.black-wrapper figure img{ display:block; width:100%; }
.black-wrapper .btn,
.cap-ds a{
 border:2px solid #0d6efd;
 background:0;
 margin:25px 4px 10px;
 padding:13px 30px;
 color:#fff;
 font-family:var(--font-sans); /* было Roboto */
 font-size:14px;
 font-weight:500;
 line-height:1.1;
 text-transform:uppercase;
 text-decoration:none;
 border-radius:0;
 transition:all .2s ease;
 box-shadow:none;
 display:inline-block;
}
.black-wrapper .btn:hover,
.cap-ds a:hover{ background:#0d6efd; color:#fff; }
.light-wrapper{
 text-align:center;
 background:#fff;
 color:#000000;
 border-bottom:1px solid rgba(0,0,0,.09);
}
.blog-posts, .parallax ul, ul.items{ display:flex; }
.blog-posts .post{
 margin:15px;
 background:#fff;
 flex:1 1 50%;
 width:50%;
}
.footer-meta a, h3.post-title a{
 text-decoration:none;
 transition:all .3s;
}
h3.post-title a{
 color:#000000;
 font-family:var(--font-sans); /* было "Inter","Roboto" */
 font-size:25px;
}
.blog-posts .meta{ margin-bottom:15px; display:block; }
.light-wrapper p{
 color:#000000;
 font-weight:300;
 line-height:1.5;
}



/* Нижний блок — как в исходнике, оставлен */
.footer-meta{text-align:right}
.facts h3,.footer-meta a{color:#000000;font-weight:500}
.footer-meta a{padding:10px 0;text-transform:uppercase;font-size:14px}
.footer-meta a::after{content:'';width:40%;height:2px;display:block;margin:5px 0;position:absolute;right:0;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
#footer a:hover,.footer-meta a:hover,h3.post-title a:hover{color:#31a1e8}
.footer-meta a:hover:after{width:100%}
.meta{color:#000000;font-size:14px;font-weight:300;line-height:1.64}
.post-content{text-align:left;padding:10px 30px 35px}
.services{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:30px 15px 10px}
.parallax,.text{position:relative}
.text{width:33%;-webkit-box-flex:1;flex-grow:1;padding-left:70px;padding-right:25px;margin-bottom:25px;text-align:left}
#catmenu ul ul,.text i{position:absolute;left:0}
.text i{height:50px;width:50px}
.text i img{max-width:50px}
.parallax{background-image:url(https://kosmoenergetika.moscow/foto88/akademija-kosmoehnergetiki-moskva.webp);background-attachment:fixed;background-position:center center;background-repeat:no-repeat;background-size:cover;text-align:center;overflow:hidden;color:#d9d9d9}
.parallax .wrapper{position:inherit;z-index:5}
.comments-list img{border-radius:50%}
.comments-list li,.facts li,li.item{-webkit-box-flex:1;flex-grow:1}
.comments-list li{margin:15px 30px;width:33%}
.parallax .name{color:#fff;font-family:"Inter", "Inter", sans-serif;font-size:25px}
.comments-list p,address{color:#b4b4b4;font-weight:300}
.dark-wrapper{background:#fff}
.facts{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;text-align:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
.facts li{width:25%}
.facts h3{font-size:55px;font-family:'Inter'}
.facts h3:after,.parallax ul .name:after{content:'';width:45px;height:2px;background-color:#31a1e8;display:block;margin:5px auto 20px}
.facts p{font-size:16px;text-transform:uppercase;margin:0}
.address-wrap p,.services h3{font-family:"Inter", "Inter", sans-serif;font-size:25px;font-weight:400}
.address-wrap p{margin:10px 0;line-height:2;color:#fff}
.phone-number{color:#b4b4b4;font-size:55px;font-weight:500;text-decoration:none;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
address{padding-bottom:35px;font-size:15px;line-height:1.53;font-style:normal}
.soc-contacts .icon-facebook,.soc-contacts .icon-instagram,.soc-contacts .icon-vk{content:'';display:inline-block;vertical-align:middle;background-size:28px;height:28px}
.soc-contacts .icon-facebook{width:22px}
.soc-contacts .icon-instagram,.soc-contacts .icon-vk{width:28px}
.soc-contacts{padding:40px 0}
.services h3{color:#000000}



#catmenu li.uWithSubmenu,#instagram-slider,.footer-meta a{position:relative}
#casing .wysibb{border:1px solid #ddd;border-radius:3px}
#casing .wysibb .wysibb-toolbar{background:0;border-bottom:1px solid #ddd;border-top-left-radius:3px;border-top-right-radius:3px}
.nav_menu_toggler{padding:16px 20px 23px 40px;cursor:pointer;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;text-rendering:optimizeLegibility;-webkit-font-feature-settings:liga;font-feature-settings:liga;ms-font-feature-settings:liga}
.nav_menu_toggler span{display:block;width:4px;height:4px;background-color:rgba(255,255,255,.65);border-radius:50%;margin:1px 5px}
.footer-meta a::after,.nav_menu_toggler:hover span{background-color:#31a1e8}
nav ul li.navItemMore{display:none;position:absolute;right:40px;top:0;margin-bottom:-1px!important;padding-bottom:1px!important}
nav #overflow,nav ul li.navItemMore:hover ul#overflow{-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
nav ul li.navItemMore:hover ul#overflow{z-index:200;display:block;opacity:1;visibility:visible}
#catmenu ul ul#overflow,ul#overflow li ul{left:initial;right:-10px}
ul#overflow li.uWithSubmenu ul{left:initial;right:100%}
#catmenu li.uWithSubmenu em{position:absolute;font-size:16px;width:24px;height:24px;line-height:24px;right:0;top:5px;font-style:normal;text-align:center;cursor:pointer;color:#fff}
#catmenu li,#catmenu li a span,#catmenu li.uWithSubmenu ul em,.footer-meta a,form#addEntForm #isontop~span.customCheckbox{display:inline-block}
#sidebar{padding-bottom:50px;max-width:270px}
#catmenu ul.uMenuRoot.visible{height:auto;width:100%}
#catmenu ul.uMenuRoot.visible>li{display:inline-block!important}
#catmenu li{word-wrap:initial;vertical-align:top}
#catmenu li a span{border-bottom:2px solid transparent;padding:13px 0 14px;text-shadow:0;position:relative}
#catmenu li a.uMenuItemA>span:after,#catmenu li a:hover span:after{width:100%;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
#catmenu .uWithSubmenu li a span,#overflow li a span{padding:10px}
#catmenu li.uWithSubmenu a,div#catmenu{padding-right:25px;position:relative}
.uWithSubmenu>ul>.uWithSubmenu .menu_tog{-webkit-transform:rotate(-90deg)!important;-ms-transform:rotate(-90deg)!important;transform:rotate(-90deg)!important}
div#catmenu{padding-right:40px}
nav #overflow{opacity:0;visibility:hidden;position:absolute;text-align:left}
nav #overflow li{float:none}
#catmenu,.schQuery input[type=text],.sidetitle{width:100%}
#catmenu ul ul{display:none;z-index:1000;width:220px;top:52px;padding:5px 0;background:rgba(0,0,0,.9)}
#catmenu ul.uMenuRoot{height:47px;overflow:hidden}
#catmenu ul ul ul{top:-5px;left:-220px}
#catmenu ul ul li{display:block;float:none;padding:0 10px}
#catmenu li li a.uMenuItemA,#catmenu li li.uWithSubmenu:hover>a,#catmenu ul ul li a,#catmenu ul ul li a:hover{display:block;padding:3px 25px 3px 10px;height:auto;line-height:normal;margin:0 0 1px}
#catmenu #overflow li a{padding:0 15px 0 10px}
#catmenu li.uWithSubmenu:hover>ul{display:block;background:rgba(0,0,0,.9)}
#catmenu li a:hover{color:#0d6efd;text-decoration:underline}
#catmenu .menu_tog{color:#fff;position:absolute;top:calc(50% - 7px);font-size:13px;right:7px;cursor:pointer}
#catmenu #overflow li.uWithSubmenu .menu_tog,#catmenu li.uWithSubmenu li.uWithSubmenu .menu_tog{right:initial;left:5px;-webkit-transform:rotate(90deg)!important;transform:rotate(90deg)!important;-ms-transform:rotate(90deg)!important}
#catmenu li.uWithSubmenu em,#shop-basket ul li a:before,.nav-head,.sidebox .inner hr{display:none}
.clr{clear:both}
.wrapper{margin:0 auto;padding:0 20px;width:100%;max-width:1336px}
#catmenu li a,.site-n a{-webkit-transition:all .15s ease-out;-o-transition:all .15s ease-out;transition:all .15s ease-out}
#header{padding:4px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}
.head-logo{-webkit-box-flex:2;-ms-flex:2 1 10px;flex:2 1 10px}
.head-menu{-webkit-box-flex:8;-ms-flex:8 1 10px;flex:8 1 10px}
.head-top{overflow:hidden;position:relative;display:none}
.head-l{float:none;width:73%;padding:0;margin:0 auto}
.head-r{float:right;width:25%}
.header-social-links,.registration-links li{float:left}
.head-r .header-social-links,.registration-links{float:right;list-style:none;padding:15px 0;display:inline-block;color:#000000}
.head-r .header-social-links li{float:left;padding:0 10px}
.registration-links li:first-child::after{content:'/'}
#sch-box .search-box,.site-n{position:relative;text-decoration:none}
.site-n,.site-n a{color:#fff;font-family:"Inter", "Inter", sans-serif;font-size:22px;font-weight:200}
.site-n{word-wrap:break-word;-ms-word-break:break-word;word-break:break-word;display:inline-block}
.site-n a{text-decoration:none}




#header .site-n a:hover{text-decoration:none;color:#0d6efd}
#sch-box{padding:5px 0 0;position:absolute;left:0}
#sch-box .search-box{height:30px;background:rgba(0,0,0,.9)}
#sch-box .queryField{background:0;width:280px;height:38px;border:1px solid #2c2e32;background:#2c2e32;padding:0 15px;margin:0;border-radius:0;line-height:30px;color:#b5b5b5;font-size:13px;font-weight:400;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
#sch-box .queryField:active,#sch-box .queryField:focus{border:1px solid #000000;color:#b5b5b5}
#casing aside .sidebox.srch .searchSbmFl,#sch-box .searchSbmFl{position:absolute;right:2px;cursor:pointer;padding:0;margin:0;width:38px;background:0;height:36px;border:0;text-indent:150%}
.schBtn::before{content:'\E8B6';font-family:"Material Icons";width:15px;height:15px;font-size:20px;font-weight:400;display:block;color:#000000;position:absolute;top:-4px;right:15px;-webkit-font-feature-settings:liga;font-feature-settings:liga;ms-font-feature-settings:liga}
#casing aside .sidebox.srch .searchSbmFl{width:38px!important}
.schBtn,.schQuery{display:inline;position:relative}
#casing span.no_avatar{width:70px;height:70px;font-size:32px;color:#fff;margin:0 0 7px;padding:16px;background-color:#0d6efd}
.nav-head{position:relative;font-size:25px;line-height:normal;text-transform:uppercase;color:#fff;cursor:pointer}
.nav-head a{color:#fff;text-decoration:none}
.nav-head .icon{position:absolute;width:40px;right:20px;top:14px}
.nav-head .icon span{display:block;height:4px;background:#fff;margin:2px 0 0}
.sidebox{margin:0;position:relative;padding:25px 0}
.marked{padding-top:30px}
.sidetitle{color:#000000;font-family:"Inter", "Inter", sans-serif;font-size:25px;text-align:center;position:relative}
.sidetitle::after{content:'';width:45px;height:2px;background-color:#31a1e8;display:block;margin:5px auto}
.sidebox .inner{padding:5px 15px}
.sidebox .catsTable{margin:0;list-style:none}
.sidebox ul{padding-left:0;text-align:center;margin:0}
.catDescr{line-height:1.2}
.catDescr,.gOnline,.tOnline,.uOnline{font-size:14px}
.sidebox .catsTable,.sidebox .catsTable *{display:block;width:auto!important}
.sidebox li{list-style:none}
.sidebox li.forumNameTd{text-align:left}
.sidebox li.forumNameTd a{color:#000000;font-size:14px!important}
.sidebox .catsTable a,.sidebox li a{display:inline-block;line-height:26px}
.sidebox li b{font-weight:400}
.sidebox .catsTable a:before,.sidebox li a:before{content:none;padding:0 5px 0 0;color:#dadddf;font-size:12px}
#photoModalWrap .uphoto-entry a:hover,.sidebox .catsTable a.catNameActive:before,.sidebox .catsTable a:hover:before,.sidebox li a.uMenuItemA:before,.sidebox li a:hover:before,.sidebox li.over>a:before{color:#7a7a7a}
.sidebox li.parent-li,.sidebox li.uWithSubmenu{position:relative}
#casing aside #sidebar .cat-blocks .gTableSubTop,#casing aside #sidebar .cat-blocks .gTableTop{background-color:transparent;color:#000000;font-size:14px!important;font-weight:400;line-height:26px}
#casing aside #sidebar .cat-blocks .gTableSubTop,#sidebar .forumNameTd{border-bottom:0;padding:0 5px!important}
div[id^=blocks-ch-]{padding-left:30px}
.parent-li em,.sidebox .gTableSubTop:before,.sidebox .gTableTop[onclick*=shopCatBlocks]:before{content:"+";width:20px;height:20px;display:inline-block;text-align:center;margin-right:5px;line-height:20px;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;border:1px solid #dbdbdb;background-color:#fff;cursor:pointer}
.parent-li em:hover,.sidebox .gTableSubTop:before:hover,.sidebox .gTableTop:before:hover{background-color:#000000;color:#fff}
.parent-li em:hover{-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;cursor:pointer}
.sidebox .catNumData{color:#000000;display:inline-block}
.sidebox .calTable{width:100%}
.calTable{font-size:12px}
#shop-basket,.calTable td,.sidebox li{text-align:center}
.calMonth{font-size:13px;padding:5px 0 10px}
.calWday,.calWdaySe,.calWdaySu{color:#000000;font-size:13px;font-weight:700;padding:10px 0}
.calTable td.calMonth a{text-decoration:none;line-height:28px}
.calTable td.calMonth a:first-child,.calTable td.calMonth a:last-child{width:32px;padding:0 12px;height:32px;border:1px solid #dbdbdb;background-color:#fff;display:inline-block;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.calMdayIs:hover,.calMdayIsA:hover,.calTable td.calMonth a:first-child:hover,.calTable td.calMonth a:last-child:hover{border:1px solid #31a1e8;background-color:#31a1e8}
.calMdayIs:hover a,.calMdayIsA:hover a{color:#fff}
.module-news .calTable td.calMonth a:first-child,.module-news .calTable td.calMonth a:last-child{width:auto;height:32px;padding:0 12px;border:0;display:inline-block}
.calTable td.calMonth .calMonthLink:nth-child(1){float:left}
.calTable td.calMonth .calMonthLink:nth-child(3){float:right}
.calTable .calMday{min-width:32px;height:32px;border:1px solid transparent}
.cTop a[name^=ent]+span,.calTable .calMday:hover{cursor:default}
.calMdayIs,.calMdayIsA,.calTable .calMdayA{border:1px solid #dbdbdb;background-color:#fff}
.calMdayIs,.calMdayIsA{cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.calMdayIsA a{text-decoration:none}
.ed-value noindex,a.calMdayLink{color:#000000}
.calMdayIs{border:1px solid #1a1a1a;background-color:#1a1a1a}
.calMdayIs a{color:#fff;text-decoration:none;font-size:12px}
.sidebox .calMonth .calMonthLink:first-child,.sidebox .calMonth .calMonthLink:last-child{padding:6px;font-weight:400;line-height:1;font-size:0;text-rendering:optimizeLegibility;-webkit-font-feature-settings:liga;font-feature-settings:liga;ms-font-feature-settings:liga}
.sidebox .calMonth .calMonthLink:first-child:after,.sidebox .calMonth .calMonthLink:last-child:after{display:inline-block;font-size:20px;font-family:'Material Icons';color:#000000}
.sidebox .calMonth .calMonthLink:first-child:after{content:'\E314';margin-left:-1px;-webkit-font-feature-settings:liga 1;font-feature-settings:liga 1}
.sidebox .calMonth .calMonthLink:last-child:after{content:'\E315';-webkit-font-feature-settings:liga 1;font-feature-settings:liga 1}
.calTable td.calMonth a:first-child:hover:after,.calTable td.calMonth a:last-child:hover:after{color:#fff}
.sidebox ul ul{display:none;margin:0;padding:0 0 0 30px}
.sidebox ul.rate-list{margin:0;padding:10px 0;text-align:center}
#shop-basket .disc{padding-bottom:15px}
div#shop-basket ul li{padding-left:45px;background-size:30px!important;background-position:0 50%!important;margin-bottom:15px}
#shop-basket ul li a{padding:0;margin:0}
.user-box{text-align:center;padding:3px 0}
.user-box img{margin:0 0 10px;max-width:70px;border-radius:50%}
.user-ttl{font-size:14px}
#casing:not(.popuptable){display:-ms-flexbox;display:flex}
#content{width:calc(100% - 270px);padding:20px 30px 120px 0;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}
#content fieldset{border:1px solid #000000;padding:20px;margin:0 0 20px}
#content .calTable{width:70%;margin:0 0 30px}
#content.wide-page{float:none;flex:1 1 auto;-ms-flex:1 1 auto;padding:20px 0;width:100%}
#casing label{color:#000000!important;font-size:14px;font-weight:400;cursor:pointer}
.pollBlock{font-family:"Inter"!important}
.pollQue b{color:#000000;text-align:center;font-size:14px;font-weight:700;line-height:2}
.module-board .catsTd,.module-dir .catsTd{padding:3px 0}
.module-board #allEntries,table#casing.popuptable div[align=left]{padding-bottom:20px}
.module-index #allEntries{padding:15px 0}
.forum-box form[name=addform] td.gTableRight .u-star-rating-32+div,.module-index form{padding:10px 0}
img.captcha-question{margin-top:-3px}
#casing #message.wysibb-texarea{border:0!important;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;margin:0}
#postFormContent{padding:22px 0}
.uComForm-inner li.ucf-options{margin-right:40px!important}
.eBlock{position:relative;z-index:100;border-spacing:0;clear:both;table-layout:fixed;border:0;border-bottom:2px solid #31a1e8;padding:10px 0 15px}
.eBlock+table{margin:40px 0 0;border-spacing:0}
.eBlock+table td[width="60%"]{font-size:23px;padding:15px 0;font-family: "Inter", "Inter", sans-serif}
.eTitle a{font-family: "Inter", "Inter", sans-serif;text-decoration:none;width:100%;color:#000000;font-size:37px;display:block;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.eTitle a:hover{color:#0d6efd}
.eTitle div[style^="float:right"] a{font-size:inherit;padding:0}
.eDetails,.eDetails1,.eDetails2{padding:10px 0 0!important}
#newEntryB .cMessage:not(.uc-message),.comEnt .cMessage:not(.uc-message),.comEnt .cMessage:not(.uc-message)+.cAnswer+div,.comEnt .cMessage:not(.uc-message)+div,.comEnt+div .cMessage:not(.uc-message){padding-left:90px!important}
.e-add,.e-author,.e-author-phone,.e-category,.e-comments,.e-date,.e-loads,.e-placed,.e-rating,.e-reads,.e-redirects,.e-tags{position:relative;padding:0 0 0 20px;margin:0 20px 0 0;display:inline-block}
.e-add:before,.e-author-phone:before,.e-author:before,.e-category:before,.e-comments:before,.e-date:before,.e-loads:before,.e-placed:before,.e-reads:before,.e-redirects:before,.e-tags:before{color:#000000;font-family:"Material Icons";font-size:16px;font-weight:400;position:absolute;display:inline-block;overflow:hidden;text-decoration:none!important;-webkit-font-feature-settings:liga;font-feature-settings:liga;ms-font-feature-settings:liga}
.e-redirects::before{content:'\E157';top:4px;left:0}
.e-reads::before{content:'\E417';top:-2px;left:0}
.e-category::before{content:'\E2C8';top:-1px;left:0}
.e-author-phone::before{content:'\E0CD';top:2px;left:-1px}
.e-tags::before{content:'\E893';top:0;left:0}
.e-rating::before{content:'';background:url(/.s/t/1717/rating_16x16.png) no-repeat 0 3px;display:inline-block;width:16px;height:18px;position:absolute;left:0}
.e-add::before,.e-author::before{content:'\E8A6';top:0;left:-3px}
.e-add::before{content:'\E7FD'}
.e-date::before,.e-placed::before{content:'\E916';top:-1px;left:-2px}
.e-loads::before{content:'\E157';top:-1px;left:0}
.e-comments::before{content:'\E0CB';top:0;left:0}
.ed-value a[title=E-mail],.ed-value a[title=Web-site]{margin-left:7px}
#MCaddFrm td:empty,#addEntForm input[type=hidden]+br,.eBlock+br,.ed-sep,.ed-title{display:none}
.eMessage,.eText{margin:0;padding:10px 0 20px;line-height:150%}
.eMessage img,.eText img{max-width:100%;height:auto!important;margin:5px 20px 5px 0!important;border:0!important}
.eMessage p,.eText p{margin:0;padding:0 0 5px;overflow:hidden}
.eBlock td.eMessage,.eBlock td.eMessage.eText{padding:20px 0!important}
.allEntries{margin-top:15px}
td[width="60%"]+td[align=right]{white-space:nowrap}
#content form#addEntForm .iPhotoPrev{max-height:inherit}
#casing form#addEntForm span[id*=iCode].added{margin:0 0 25px;padding:1px 0 20px;background:0;overflow:hidden}
#addEntForm .iPhotoPrev .customCheckbox{margin:0 3px 0 0}
#casing form#addEntForm [for^=del_img]{display:inline-block;margin:2px 5px 0 0;font-size:13px!important}
#casing form#addEntForm span[id*=iCode].added input{margin-top:0;width:auto}
#casing form#addEntForm span+input[type=file]{margin-left:10px;margin-bottom:0}
#sFltLst{z-index:1212121!important;border:1px solid #000000;background:#fff}
.swchItem,.swchItem1 span,.swchItemA,.swchItemA1 span,.switchActive,.switchBack,.switchNext{display:inline-block;min-width:45px;min-height:45px;font-size:25px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;vertical-align:middle;text-align:center;line-height:37px}
.switchActive{border:1px solid #1a1a1a;background:#1a1a1a;font-family:"Inter", "Inter", sans-serif}
.swchItem,.swchItem1 span,.swchItemA,.swchItemA1 span,.switchBack,.switchNext{padding:3px 16px}
.swchItemA,.swchItemA1 span{background:#1a1a1a;font-weight:400;border:1px solid #1a1a1a;color:#fff;font-family:"Inter", "Inter", sans-serif}
.swchItem,.swchItem1 span,.switchBack,.switchNext{border:1px solid #fff;color:#000000;text-decoration:none;font-family: "Inter", "Inter", sans-serif}
.swchItem1:hover span,.swchItem:hover{border:1px solid #31a1e8;background-color:#31a1e8;color:#fff;text-decoration:none}
.switchActive{padding:4px 7px;color:#fff}
.forum-box .switchActive,.forum-box .switchNext,.forum-box .switchBack{min-height:unset;min-width:unset;font-weight:400;line-height:1.5;font-size:13px;border:0}
.forum-box .switchNext,.forum-box .switchBack{padding:0 3px}
.forum-box .switch{padding:4px 7px}
.forum-box .switchActive{border-radius:0;padding:5px 12px;font-family:"Inter",sans-serif}
#casing #sidebar .recaptcha-wrapper.compact,#casing .forum-box select{margin:0}
.catPages1{text-align:right;padding:20px 0}
.cBlock1,.cBlock2{background:#fff;padding:10px 10px 5px!important;margin:0!important}
div[class^=cBlock] a{word-break:break-all}
#content .cBlock1,#content .cBlock2{padding:0 0 15px!important}
.codeButtons,.ucf-bb .codeButtons{margin:0 3px 3px 0!important}
#pagesBlock2{padding:15px 0 5px}
.commTable{padding:15px 0 25px}
.cTop{padding:0 0 15px}
#mchatIfm2 a b,[itemprop=author]{font-family: "Inter", "Inter", sans-serif}
[itemprop=author]{font-size:23px}
[itemprop=author],[itemprop=author]:hover{text-decoration:none}
.cAnswer{padding:5px 0 0;font-style:italic;font-size:11px}
.commTd1{padding:0 2px 7px;width:20%}
.commTd2,.module-gb .cTop b{padding:0 0 10px}
input.codeButtons{min-width:30px}
.eAttach{margin:10px 0;padding:0 0 0 20px;position:relative}
.eAttach::before{content:'\E226';left:0;font-family:"Material Icons";font-size:16px;font-weight:400;position:absolute;display:inline-block;text-rendering:optimizeLegibility;-webkit-font-feature-settings:liga;font-feature-settings:liga;ms-font-feature-settings:liga}
.eRating{font-size:8pt}
#casing .myWinError,.commError,.manTdError{color:#e02c3d}
.commReg{padding:10px 0;text-align:center}
a.groupModer:hover,a.groupModer:link,a.groupModer:visited{color:#00f}
a.groupVerify:hover,a.groupVerify:link,a.groupVerify:visited{color:green}
.statsRecord{line-height:1.8}
.replaceTable{font-size:12px;padding:20px;border:0;background:#fff}
.inputPM,.outputPM{border:1px dashed #ddd;margin:4px 0 4px 30px}
.inputPM{margin:4px 0}
.uTable{border-spacing:0;margin:0;padding:0}
.uTable td{padding:8px 10px;border-bottom:1px solid #ddd}
.uTable td.uTopTd{border-bottom:0;color:#fff;background-color:#1a1a1a}
.uTable .uTd{white-space:nowrap}
.myWinSuccess,.uPM{padding-right:30px}
.eAttach .entryAttachSize{padding-left:4px}
.manTable,.popuptable table{text-align:left}
.manTable .manTd1{font-size:13px;line-height:14px;width:30%}
#casing.popuptable{padding:0;background:#fff;min-height:100%;margin:0 auto}
.popuptitle{background:#1a1a1a;text-transform:uppercase;padding:13px 20px;color:#fff;font-size:16px;max-width:100%}
.popupbody{padding:20px;font-size:13px;width:100%}
.x-scroll{overflow-x:auto}
#content form[action$="search/"] table,.popupbody #PMtoUser,.shop-info table{width:100%}
.popupbody .swchItemA span{font-size:23px!important}
.popupbody select{min-width:200px}
#uEntriesList .uEntryWrap{padding:0 20px 20px;-webkit-box-sizing:border-box;box-sizing:border-box}
#uEntriesList .entryBlock{display:block!important}
#uEntriesList .uphoto{display:block;margin:0 auto}
#uEntriesList .photo-title{text-align:center;overflow:hidden;white-space:normal}
#uEntriesList .photo-block,#uEntriesList .photo-eblock{display:block;font-weight:400;padding:0;-webkit-box-shadow:none;box-shadow:none}
.module-photo .ph-details{margin:10px 0 0}
#uEntriesList .ph-tc,#uEntriesList .ph-wrap{height:100%;width:100%;display:block;overflow:hidden}
#uEntriesList .ph-wrap img{display:block;padding:0;margin:0;border:0;width:100%}
#uEntriesList .ph-data{position:relative;top:20px}
#photoModalWrap .fancybox-inner,#photoModalWrap .fancybox-outer,#photoModalWrap .fancybox-wrap{max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}
.user_avatar img{width:100px;border-radius:50%}
.cMessage .user_avatar img{width:70px;margin:-40px 10px 5px -90px;border-radius:50%}
#newEntryB .cTop,.comEnt .cTop,.comEnt+div .cTop{padding:0 0 10px;float:left;margin:0 0 0 87px}
.module-shop #newEntryB .cTop,.module-shop .comEnt .cTop,.module-shop .comEnt+div .cTop{padding:20px 0 10px}
#footer{padding:19px 0;color:#b4b4b4;background-color:#1a1a1a}
#footer a{color:#b4b4b4;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.foot-l{float:left;width:50%;padding-left:30px}
.foot-r{float:right;width:50%;padding-right:30px;text-align:right}
.forum-box{padding:20px 20px 40px;flex:1 1 auto;background:#fff}
.gTable,.postTable{background:0;border-spacing:0}
.gTableTop a{color:#fff;font-size:28px;font-family: "Inter", "Inter", sans-serif,sans-serif}
#subscribe{padding:12px 0}
#casing .subscribe_forum,#casing .thread_subscribe{font-size:12px;font-family:"Inter",sans-serif}
#content .module-shop .shop-tabs a:hover,.gTableTop a:hover{text-decoration:none!important}
.gTableSubTop a:hover,.postTdTop a:hover{color:#7a7a7a!important}
.forumBarKw,.gTableSubTop b,.thDescr,a.groupAdmin,a.groupUser{font-weight:400}
.postBottom,.posttdMessage{border-bottom:0}
.postBottom{border-top:1px solid #ddd;padding:15px 0}
a.forum,a.threadLink{padding:0;line-height:1.1;text-decoration:none;font-family: "Inter", "Inter", sans-serif,sans-serif;font-size:23px}
.gTableError{color:red}
a.catLink:hover{text-decoration:underline}
#content .module-shop ul.shop-tabs.with-clear .postRest1 a,.archivedForum,.catNameActive,.editedBy,.gTableLeft,.lastPostGuest,.lastPostUser,.pollSubmit,.postUser,.threadAuthor,.threadNoticeLink{font-weight:700}
.archivedForum{color:red!important}
.calTable td a:hover,.ed-value u,a.catLink,a.forumBarA,a.forumBarA:hover{text-decoration:none}
.pagesInfo,.switch{padding:4px 7px}
.pagesInfo{background-color:#1a1a1a;color:#fff}
a.switchBack,a.switchDigit,a.switchNext{text-decoration:none}
.forum-box .switch:hover a{text-decoration:none;color:#0d6efd}
.threadsType{height:20px;font-weight:700}
.forumOnlineBar,.threadsDetails{padding:15px 0 5px}
a.threadPinnedLink{color:#e02c3d!important;font-size:23px;font-weight:300;font-family: "Inter", "Inter", sans-serif,sans-serif}
.forumModerBlock,.forumNamesBar{padding:3px 0}
.ucoz-forum-post-image-interface input[name^=ihs],.ucoz-forum-post-image-interface input[name^=iws]{font-size:13px!important;width:53px!important}
.postPoll{border-bottom:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;text-align:center}
.postRankIco{margin-bottom:5px}
.postRankName,.reputation{margin-top:5px}
.signatureHr{margin-top:20px}
.posttdMessage{padding:20px}
.postTdInfo,.posttdMessage{border-right:1px solid #ddd;border-left:1px solid #ddd}
.postTdInfo{text-align:center}
.posttdMessage{line-height:18px}
.pollQuestion{font-weight:700}
#content #order-table .order-head-del,.pollButtons,.pollEnd,.pollQuestion,.pollTotal{text-align:center}
.pollEnd{height:30px}
.codeMessage,.quoteMessage,.uSpoilerText{font-size:11px;margin:0 0 20px;background:0;border:1px solid #dbe1e8!important;color:#939fae}
.uSpoilerText{padding:10px}
.signatureView{display:block;line-height:14px;padding:0 0 0 10px;border-left:3px solid #dbe1e8}
.edited{padding-top:30px;text-align:right;color:gray}
.statusBlock{padding-top:3px}
.statusOnline{color:#0f0}
.statusOffline{color:red}
.newPollItem,.newThreadItem{padding:0 0 8px;background:url(/.s/t/1717/12.gif) no-repeat 0 4px}
.pollHelp{font-weight:400;padding-top:3px}
.smilesPart{padding-top:5px;text-align:center}
.userAvatar{border:1px solid #939fae;padding:2px}
.pollButtons button{margin:0 10px 0 0!important}
.postBottom .goOnTop{display:none!important}
.postIpLink,.thread_subscribe{text-decoration:none}
.thread_subscribe:hover{text-decoration:underline}
.recaptcha-wrapper{margin:10px 0}
.UhideBlockL{background:0;border:1px solid #dbe1e8;padding:10px}
#casing .forum-box input[name=sbm],#casing .manFlSbm{font-weight:400!important}
#casing input[type=button].u-comboedit,#casing input[type=button].u-comboedit:hover{background:url(/.s/t/1717/arrow-down.png) no-repeat;background-position:96% 50%;border:1px solid #ddd;color:#000000}
#casing #content input[type=reset],#casing .forum-box input[type=reset],#casing input[type=button].postPreview{background:0;padding:13px 40px;color:#1a1a1a;border:2px solid #1a1a1a;-webkit-transition:none;-o-transition:none;transition:none}
#casing #content input[type=reset]:hover,#casing .forum-box input[type=reset]:hover,#casing input[type=button].postPreview:hover{border:2px solid #0d6efd;background:0}
#casing input[type=password],#casing input[type=text],.filterBlock{padding:13px 10px;margin-top:2px;margin-bottom:2px}
#casing input[type=password],#casing input[type=text],#casing select,#casing textarea,.filterBlock{background:#fff;border:1px solid #ddd;font-size:14px;border-radius:0;font-family:"Inter";text-decoration:none;outline:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
#casing textarea{margin-top:2px;margin-bottom:2px;padding:10px}
#casing select{padding:13px 30px 13px 10px;min-width:200px;max-width:300px;cursor:pointer;margin:3px 2px 3px 0}
#casing .wysibb-body{padding:10px}
textarea{overflow:auto}
#casing select[multiple]{padding:0 0 0 10px;-webkit-appearance:menulist-button}
#casing select:not([multiple]){max-height:45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(/.s/t/1717/arrow-down.png) #fff;background-repeat:no-repeat;background-position:calc(100% - 13px) 50%}
#casing #uf-birthday-d,#casing #uf-birthday-m,#casing #uf-birthday-y,#casing input#cdate1,#casing input#invoice_sum1,#casing select[name=bd],#casing select[name=bm],#casing select[name=by],#casing select[name=da],#casing select[name=ha],#casing select[name=ma],#casing select[name=mia]{min-width:inherit;margin:7px 4px}
#casing form#uf-register .uf-field select:first-of-type,#casing select[name=by],form#addEntForm li select:first-child{margin-left:0}
#casing select[name=ya]{min-width:auto;min-width:unset;margin:7px 4px 7px 0}
#casing select[name=pollterm],#casing select[name=polltime]{min-width:auto;min-width:unset;}
#casing input[type=file]:not(.manFlFile){background:0;font-size:13px;text-decoration:none;outline:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
#casing input:focus[type=file],#casing input:focus[type=password],#casing input:focus[type=text],#casing textarea:focus,.filterBlock:focus{border:1px solid #000000}
#casing input[type=password].loginField,#casing input[type=submit].loginButton,#casing input[type=text].loginField{margin-bottom:8px}
#casing input[type=submit].loginButton{padding:10px 20px}
#addPhtFrm #uCatsMenu7,td.u-comboeditcell input[id^=catSelector].x-selectable{max-width:360px}
#options-vals input{font-size:11px}
#casing button,#casing input[type=reset],#casing input[type=submit],input[type=button]{cursor:pointer;width:auto!important;padding:12px 38px;font-size:14px;font-weight:500;font-family:"Inter";text-transform:uppercase;border-radius:0;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-appearance:none;border:2px solid #0d6efd;color:#fff;background:#0d6efd}
input[type=button]:disabled{opacity:.5}
#casing button:hover,#casing input[type=button]:hover,#casing input[type=reset]:hover,#casing input[type=submit]:hover{cursor:pointer;border:2px solid #c93045;background:#c93045}
#casing button:active,#casing input[type=button]:active,#casing input[type=reset]:active,#casing input[type=submit]:active{border:2px solid #b02a3c;background:#b02a3c}
#casing input[type=submit]:disabled{opacity:.5}
.consFl,.postTextFl,.prosFl,.sidebox .loginField,input.commFl,textarea.commFl{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}
.form-fields select[name=cat]{min-width:170px}
#MCaddFrm textarea{resize:vertical;margin:8px 0 10px;float:left;min-height:70px}
#MCaddFrm table{border-spacing:0;padding:3px 0}
#MCaddFrm table td{text-align:left;margin:0 5px}
#MCaddFrm #mchatNmF{margin-bottom:8px}
#mchatBtn,select#user-filter{float:right}
div[id^=imblock]>span:first-child{width:34px;display:inline-block;text-align:center;padding-right:0!important}
#iplus>div,div[id^=imblock]>div:first-child{line-height:34px;vertical-align:middle}
#uNetRegF table table,div[id^=imblock]{clear:both}
.forum-box .editImgBlock{padding:11px 0 11px 20px;display:inline-block}
.uplFileFl{margin-left:7px!important}
.ucoz-forum-post-image-interface{padding-left:12px}
[id^=catSelector]{width:auto!important;padding-right:50px!important}
textarea.mchat{vertical-align:bottom}
input[type=text][id^=qid-]{margin-bottom:0!important}
#content input[type=text][id^=qid-]{margin:5px 2px}
input[type=button][id^=bid-]{margin:5px 0 2px 4px}
select::-ms-expand{display:none}
.manTable select{max-width:300px}
.com-order-block{padding:10px 0 20px}
div.photo-block::after,span.photo-block::after,table#casing.popuptable hr{display:none}
#casing .u-combo,#casing .u-comboeditcell{border:0!important;background:0 0!important}
#casing .u-combolist{border:1px solid #ddd}
#casing .u-star-rating-16{margin-top:3px}
#content .xw-ml,#content .xw-mr{background:0}
#uNetRegF table,.module-faq #allEntries .eTitle a,.module-tests .eTitle a{text-align:left}
#uNetRegF table table td{padding:5px 0 0}
.sidebox .gTable{background:0;border:0}
.sidebox .gTable ul{padding:0 0 0 26px}
.sidebox .gTableSubTop,.sidebox .gTableTop{display:block;background-color:transparent;font-weight:400;text-decoration:none;position:relative;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.sidebox .gTableSubTop:hover,.sidebox .gTableTop:hover{color:#000;text-decoration:none}
.sidebox .gTableSubTop:hover:before,.sidebox .gTableTop:hover:before{background-color:#31a1e8;border:1px solid #31a1e8;color:#fff}
.forum-box .gDivRight img,.manTable td input#id_file_add{max-width:none}
.entTd .eDetails{margin:0 0 40px}
.opt_vals .gTableSubTop{padding:12px 0;background:0}
#ONGnVNH{position:absolute;bottom:0}
#content form[action$="search/"] table td{white-space:normal!important}
#content form[action$="search/"] table td+td{width:30%}
#content .queryField{width:70%!important}
#slideshowBlock7{margin:0 0 20px}
#selectPhotosBtn{height:auto!important}
.cats-select-btn{text-shadow:inherit!important}
.gphoto,.smiles img{max-width:inherit}
#baseLogForm td:first-child{width:25%}
.ucoz-forum-post-image-preview{max-width:inherit!important;max-height:35px!important}
.dateBar{display:inline-block;padding:10px 0}
.module-load .u-combolist>div:hover,.module-photo form ul.xPhtBlock{background:0}
#casing .u-comboedit:hover{background:url(/.s/t/1717/arrow-down.png) no-repeat}
div#pagesBlock1{position:relative;padding:20px 0 0;width:100%;text-align:right;margin-bottom:10px}
section table{padding:5px 0}
.uc-top-left a{font-family: "Inter", "Inter", sans-serif;font-size:23px}
.uc-message .cMessage{line-height:21px!important}
form#MCaddFrm{padding:15px 0 0!important}
.module-photo #uEntriesList .uEntryWrap{min-width:33%}
#casing .ph-author{text-shadow:none}
#u-photos .photo-block,#u-photos .photo-eblock{-webkit-box-shadow:none;box-shadow:none}
.module-photo .photo-hr{border-bottom:1px solid #ddd;background:0}
.module-photo form .navTabs{margin:35px 0 5px;border-bottom:1px solid #000000;text-align:left}
#casing .module-photo form ul.xPhtBlock{padding:13px 0}
.module-photo form .navTabs>b{background:0;border-bottom:2px solid #000000;font-weight:700}
.module-photo form .navTabs>*{width:auto;line-height:3;margin:0 30px 0 0}
.module-photo form .navTabs>a{font-weight:400;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.module-photo form ul.xPhtBlock .xPhtName{border-bottom:2px solid #ddd;padding:0 0 7px}
.module-photo form ul.xPhtBlock .xPhtAction>span button{margin-left:3px}
.module-photo form ul.xPhtBlock .xPhtAction [data-clear]:before,.module-photo form ul.xPhtBlock .xPhtAction [data-close]:before{color:#fff;display:inline;padding:2px 5px!important}
.module-photo form ul.xPhtBlock .xPhtAction [data-clear]:hover:before{color:#000}
.module-photo form ul.xPhtBlock .xPhtAction [data-toggle]:before{content:'\E313';font-family:"Material Icons";background:0;font-size:22px;width:auto}
.module-photo form .navTabs>a:hover{color:#7a7a7a}
.module-photo form ul.form-fields{padding:15px 0}
.module-photo .uploaderPhotosContainer{border:1px solid #ddd}
.module-faq .fastLink{padding:5px 0}
.module-faq #allEntries .eBlock{padding:0 0 30px;margin:0 0 15px;border-radius:0}
.module-faq .pagesBottom{margin:30px 0}
td.ThrForumBarCl12{width:auto}
input.fastSearch[type=text]{min-width:223px;margin-left:6px}
#casing .forumContent input[type=text].fastSearch:focus{color:#000000}
.pagesBlockuz1{margin-left:15px}
div .pagesBlockuz2{display:block;padding:20px 0 30px}
.gTable:not(#invoice-table):not(#shop-price-list) .gTableTop{padding:5px 20px 7px;color:#fff;font-size:28px;background-color:#1a1a1a}
.gDivRight .gTableTop{font-family: "Inter", "Inter", sans-serif,sans-serif}
.gTable:not(#invoice-table):not(#shop-price-list) .gTableSubTop,.postTdTop{background-color:#fff;font-weight:700;padding:0 30px!important;height:40px;line-height:40px;font-size:13px;position:relative;border-bottom:1px solid #ddd}
.gDivRight table.postTable:not(:first-child) .postTdTop{border-top:1px solid #ddd}
.postTdTop{border:1px solid #ddd}
.forumNameTd{padding:13px 30px!important;border-bottom:1px solid #ddd}
.forumLastPostTd,.gTableBody,.gTableBody1,.gTableBottom,.gTableError,.newPollBlock,.newThreadBlock,.threadAuthTd,.threadLastPostTd,.threadNametd,.threadsType{padding:15px 10px!important;border-bottom:1px solid #ddd}
.postTdInfo{padding:15px 10px!important}
.codeMessage,.forumIcoTd,.forumPostTd,.forumThreadTd,.quoteMessage,.threadIcoTd,.threadPostTd,.threadViewTd{padding:15px 10px!important;border-bottom:1px solid #ddd}
.gTableLeft,.gTableRight{padding:10px!important}
.postTdInfo,td.gTableLeft,td.gTableRight{border-bottom:1px solid #ddd}
.forum-box .postTdInfo{border-right:0;border-bottom:0}
.forum-box .postTable td.postTdTop:not(:last-child){border-right:0}
.gDivRight{padding:15px 0;overflow-x:auto;overflow-y:hidden}
input.button[value=" + "], input.button[value="+"], #iplus button { padding:8px 11px!important; }
#casing #forum_filter #filter_by{margin-top:14px;margin-right:10px}
.forum-box #thread_search_button{margin-top:0}
#filter_word+input[type=submit],input.fastNav,input.fastSearch[type=submit]{padding:13px 11px!important}
.forum-box .forumContent .forumNameTd{border-bottom:1px solid #ddd;padding:15px 0}
.forum-box #frM31,.forum-box #frM43,.mcBBcodesBtn img,.mcManageBtn img,.mcReloadBtn img,.mcSmilesBtn img,.u-photos hr,.uc-top-left b,.uc-top-left img{display:none}
.forum-box form[name=addform] .postTdInfo,.forum-box form[name=addform] td.gTableLeft,.forum-box form[name=addform] td.gTableRight{border-bottom:0}
#delPtBut #delPsSbm{font-size:13px!important;padding:10px 30px}
#casing .forumContent #delPtBut .gTableSubTop{padding:0 0 20px!important}
.forumContent .ThrForumBarTbl,.forumContent .forumModerFuncsT{padding:0 0 5px}
.forumContent form .gDivRight .gTableSubTop b{font-size:23px;font-weight:300;font-family: "Inter", "Inter", sans-serif,sans-serif;padding:20px 0 0;display:block}
#casing .forum-box .gTableBody1 select[name=o1],#casing .forum-box .gTableBody1 select[name=o3],#casing .gTableBody1 input[type=text]{margin:3px 2px 3px 0}
#casing .gTableBody1 input.searchQueryFl{margin:3px 0}
#casing input#date1,#casing input#date2,#casing select#sdate,#casing select[name=pda],#casing select[name=period],#casing select[name=pha],#casing select[name=pma],#casing select[name=pmia],#casing select[name=pya],#casing select[name=time]{min-width:auto;min-width:unset;margin:7px 4px}
form[action="/forum/"] .gTableBody1{border-bottom-color:transparent}
#thread_search_field{width:calc(100% - 55px)!important;max-width:223px;margin:0 4px 6px!important}
.userSchFrm form input[name=user]{width:200px!important}
form[name=fuser] input,form[name=memform] input,form[name=memform] select,table#usch input{margin:7px 4px!important;vertical-align:middle}
.popupbody #addform input{margin:7px 0!important;vertical-align:middle}
.sidebox iframe{max-width:270px;margin:0 auto;border:1px solid #ddd}
.cMessage{word-break:break-word;font-size:14px}
.pollButton{padding-top:12px;border-top:1px solid #ddd}






.pollAns{font-family:"Inter"!important;font-size:15px!important}
.pollAns .answer{border:1px solid #dbdbdb;background-color:#fff;padding:10px}
.answer span{line-height:31px}
.mcBBcodesBtn:before,.mcManageBtn:before,.mcReloadBtn:before,.mcSmilesBtn:before{color:#000000;font-family:"Material Icons";font-size:20px;font-weight:400;display:inline-block;margin:5px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}
.mcBBcodesBtn:hover:before,.mcManageBtn:hover:before,.mcReloadBtn:hover:before,.mcSmilesBtn:hover:before,.module-shop .catalog td h2 a:hover{color:#0d6efd}
.mcReloadBtn::before{content:'\E5D5'}
.mcSmilesBtn::before{content:'\E420'}
.mcBBcodesBtn::before{content:'\E86F'}
.mcManageBtn::before{content:'\E254'}
textarea#mchatMsgF{height:76px!important;padding:10px 15px;font-size:13px}
#MCaddFrm select#mchatRSel{min-width:85px;font-size:15px!important}
.dayAllEntries .eTitle,div[id^=entryID] .eTitle{position:inherit;padding:0}
.eTitle{text-align:left;position:relative;color:#000000;font-family: "Inter", "Inter", sans-serif;font-size:37px}
.dayAllEntries .eBlock,div[id^=entryID] .eBlock{margin:10px 0;padding:10px 0;border-bottom:2px solid #31a1e8}
.dayAllEntries .eMessage,.dayAllEntries .eTitle,div[id^=entryID] .eMessage,div[id^=entryID] .eTitle{border-bottom:0}
.module-news .commSbmFl{margin:10px 0}
.module-news #allEntries{margin:30px 0 10px}
.module-news tr:not(:first-child) .archiveDateTitle{padding:45px 0 0}
.module-news tr:first-child .archiveDateTitle{padding:25px 0 0}
.u-mpanel.up-right{vertical-align:top}
.archiveEntryTitle .archiveEntryTime{margin-right:10px;display:inline-block;padding:0 10px 0 5px;font-family: "Inter", "Inter", sans-serif;font-size:23px;font-weight:700;line-height:21px}
.archiveEntryTime{float:left}
hr.archEntryHr{border-bottom:1px solid #ddd;padding:10px 0 0}
.archiveEntryTitle ul{padding:0;margin:2px 0;list-style:none}
.archiveEntryTitle .archiveEntryComms,.archiveEntryTitle .archiveEntryTitleLink{line-height:21px;vertical-align:top}
.archiveEntryTitle .archiveEntryTitleLink:hover,.module-shop .order-item-name a:hover{color:#7a7a7a}
.archiveDateTitleLink{font-family: "Inter", "Inter", sans-serif;font-size:23px;text-decoration:none;padding:0 5px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.module-index #table1 input,.module-index #table1 select,.module-index #table1 textarea{margin:5px 0}
form[name=mform] table td:first-child:not([align=center]){text-align:right;padding-top:3px;padding-right:8px}
#casing .cke_bottom,#casing .cke_top{background:0;background-image:none}
#casing .cke_chrome{-webkit-box-shadow:none;box-shadow:none;border-radius:3px}
.module-tests .eVariant{padding-left:50px}
.module-tests hr{margin:0 0 20px}
.module-tests .eMessage{padding:10px 0 30px;border-bottom:2px solid #0d6efd}
.module-tests #testBlockD .eMessage{padding:5px 0 20px}
.module-tests #testBlockD hr{margin:0 0 10px}
.module-tests .eTitle{border-bottom:0}
.eVariant label{margin:10px}
input::-ms-clear{display:none}
#casing .u-star-rating-32{margin-left:-3px}
/*.list-item:not(:last-child){border-bottom:2px solid #31a1e8;padding-bottom:15px;margin-bottom:15px}*/
b.shop-itempage-price~input{margin:0 4px}
.shop-item-price span,a.shop-item-title{font-family: "Inter", "Inter", sans-serif;font-size:35px}
.shop-item-title{line-height:28px}
a.shop-item-title{font-size:28px!important;text-decoration:none;color:#000000}
a.shop-item-title:hover{text-decoration:none;color:#0d6efd}
.goods-list.shop-itempage-buy-btns>*,.reputation,div#imblock1 div:first-child .postRankName,input#addcBut{margin-top:5px}
div#iplus{margin-top:2px}
#casing .module-shop select{min-width:80px}
#content #order-table .order-item td{border-bottom:1px solid #ddd;min-height:50px;height:55px}
#content #order-table .order-head th{border-bottom:2px solid #ddd;font-size:13px;font-weight:700;line-height:25px}
#order-table>table{border-spacing:0;margin-bottom:20px}
#order-table table td{min-height:50px}
.module-shop .order-item-name a{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
#content #order-table td:first-child{font-size:23px}
#content #order-table td:first-child b{font-family: "Inter", "Inter", sans-serif;font-weight:400}
#content #order-table .order-item-sum{padding:0 5px}
#content #order-table input[type=button]{margin:15px 0}
#content #order-table .order-total{font-weight:400;text-align:center;padding:0 7px}
#content #order-table .order-total:last-child{font-size:30px;line-height:45px;font-family: "Inter", "Inter", sans-serif}
#cont-shop-checkout #total-sum td{padding:5px 20px 10px 10px;border:1px solid #ddd;border-left:#ddd 4px solid}
#content #order-submit #order-button{height:inherit}
#cont-shop-checkout h2{font-size:28px;border-bottom:0;margin:10px 0}
#invoice-form-export,#invoice-form-print,#invoice-form-send-el-goods{font-family:"Material Icons";font-size:24px;text-transform:lowercase;padding:7px 20px;vertical-align:middle;margin-right:7px;overflow:hidden;font-weight:400}
.fil_togg_holder{background:#0d6efd;display:inline-block;border:2px solid #0d6efd;padding:5px 2px 5px 6px;cursor:pointer;color:#fff;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.fil_togg_holder:hover{border:2px solid #c93045;background:#c93045}
.fil_togg_wrapper+hr+table td{display:inline-block;width:calc(50% - 2px)!important;text-align:left!important}
table.filter_table td,table.status_table td{padding:0 4px}
#casing table.filter_table td input:first-child,#casing table.filter_table td select:first-child,#casing table.status_table td input:first-child,#casing table.status_table td select:first-child{margin-left:0!important}
.fil_togg_wrapper+hr+table td:nth-child(even){text-align:right!important}
div#cont-shop-invoices .status_table select,div#cont-shop-invoices>div:first-child form,table.filter_table td input:not(:first-child),table.filter_table td select:not(:first-child){margin-left:4px!important}
#invoice-table{margin-bottom:40px}
div#cont-shop-invoices .fil_togg_wrapper{margin-left:4px}
#content .shop-itempage-price{font-size:35px;font-family: "Inter", "Inter", sans-serif;font-weight:300;line-height:40px;display:block;margin:-3px 0 0}
.fa-plus-circle::before{color:#000000}
#content .module-shop .shop-tabs{padding:40px 0 1px;border-bottom:#000000 1px solid;border-left:none}
#content .module-shop .shop-tabs li{padding:0 20px 0 0;border:0}
#content .shop-tabs li.postRest1 a{display:inline-block;border-bottom:3px solid #000000}
.fstControls .fstChoiceItem{background-color:#000000;border:1px solid #000000}
#spec-form .ok-msg{border-color:rgba(0,0,0,.2);background-color:rgba(0,0,0,.2);color:#000000}
.module-shop #goods-options-list label{word-break:break-word}
#spec-form .spec-filter{border-right:0;overflow:hidden}
.module-shop #checkout-form .label{margin:10px 0}
.module-shop #cont-shop-checkout .customRadio{margin:10px 3px 4px 0}
#spec-form .spec-filter,.module-shop table.filter_table{border-bottom:#ddd 1px solid}
div#cont-shop-invoices>div:first-child form input,div#invoice_cont #invoice-form,form#invoice-form select,table.filter_table td input,table.filter_table td select{margin:7px 4px 6px!important}
.module-shop .catalog td h2 a{color:#000000;text-decoration:none;font-family: "Inter", "Inter", sans-serif;font-size:23px}
.module-shop .catalog td div a{font-size:13px}
.module-shop #invoice_cont{overflow-x:auto}
.module-shop table.catalog td{padding-bottom:0}
.module-shop table.catalog h2{margin:10px 0 0 60px}
.module-shop #shop-basket li,.module-stuff hr{margin:0 0 15px}
.module-shop .shop-itempage-viewed-title{font-size:30px;color:#000000;font-family: "Inter", "Inter", sans-serif;border-bottom:2px solid #31a1e8;padding-top:60px}
.module-shop .gTable .gTableSubTop{border-bottom:1px solid #ddd;padding-bottom:13px}
.module-shop .gTable .gTableSubTop .customCheckbox{margin:0 15px 2px 12px}
.module-shop h2{padding:10px 0;font-size:35px;color:#000000;border-bottom:2px solid #31a1e8}
.module-shop h3{font-size:23px}
.module-shop .osum.order_topay_curr{font-size:15px;font-weight:800;display:block;padding:5px 3px}
.module-shop #shop-price-list .gTableTop:not(:first-child){text-align:center}
.module-shop #shop-price-list tr .gTableSubTop{padding-top:40px}
.module-shop .spec-filter-tag-wrapper{border:1px solid #000000;border-radius:19px;display:inline-block;margin:10px 10px 15px 0;padding:8px 40px 9px 5px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:relative}
.module-shop .spec-filter-tag-wrapper:hover{color:#000000}
.module-shop #shop-price-list tr .gTableSubTop:first-child{font-size:23px!important;font-weight:400!important;font-family: "Inter", "Inter", sans-serif}
.module-shop #shop-price-list .forumIcoTd,.uf-reg-wrap .uf-soc-icons a.login-with{font-size:13px!important}
.module-shop .goods-list{padding:10px 0 40px}
.module-shop #print-button{margin:5px 5px 20px 0}
.module-shop table.catalog{padding:0 0 20px}
.module-shop .shop-item-rating{margin:10px 0 20px}
.module-shop .shop-options li{font-weight:600;line-height:2}
.module-shop .shop-options .val{font-weight:400}
#cont-shop-invoices .forumNameTd{border-bottom:1px solid #ddd}
#hideAddonsFields a,#showAddonsFields a{position:relative}
#hideAddonsFields a::after,#showAddonsFields a::after{position:absolute;display:inline-block;top:2px;right:-20px;color:#000000;font-family:"Material Icons";font-size:16px;font-weight:400;-webkit-font-feature-settings:liga;font-feature-settings:liga;ms-font-feature-settings:liga}
#hideAddonsFields a::after{content:'\E5D8'}
#showAddonsFields a::after{content:'\E5DB'}
#casing #invoice-form-export.material-icons,#casing #invoice-form-print.material-icons,#casing #invoice-form-send-el-goods.material-icons{margin-bottom:4px;margin-left:2px;display:inline-block}
ul.shop-tabs.with-clear li{height:auto;overflow:hidden;margin-right:2px}
.module-shop div.recommended-products{border:1px solid #ddd}
.module-shop .shop-itempage-price,.module-stuff .eBlock td.eText{padding:0}
.wysibb *,a.login-with i,form#uf-register :not(.customCheckbox):not(.customRadio):not(.captcha-answer),ul.shop-tabs.with-clear,ul.shop-tabs.with-clear li{-webkit-box-sizing:content-box;box-sizing:content-box}
form#uf-register .uf-text[type=password]{width:85%;padding-left:5px;padding-right:5px}
.module-search .eTitle a{text-align:left}
#testBlockD,.module-search .eMessage,.module-search .eTitle,.module-stuff .eTitle{border-bottom:0}
.module-search .eTitle{padding-left:0}
#content .u-menuvsep,#content .xw-bl,#content .xw-tl,#doSmbBt,.module-search .eTitle::before,.module-stuff .eTitle+hr,.u-combobut,div#cont-shop-invoices>.filter_table{display:none}
.module-search #sfSbm{margin-left:10px}
div#cont-shop-invoices>.filter_table:nth-child(2) tr{display:-webkit-flex;-webkit-flex-wrap:wrap}
#content .xw-ml,#content .xw-mr{margin:0;padding:0;background:0}
.module-stuff input[name=szh],.module-stuff input[name=szw]{width:65px!important;margin-right:3px}
.module-stuff input[name=szh]{margin-left:3px}
.module-stuff .eDetails{border-top:0;padding:0!important}
ul[id^=uStarRating]{max-width:100%;overflow:hidden}
.v-entry .ve-title{background:0;font-size:13px;font-weight:400;padding:0}
.v-entry-page h1.vep-title{font-size:37px;background:0;padding:0 20px 10px 0;margin-bottom:15px;float:none;line-height:1.2}
.vcp-top h1.vcp-title{font-size:37px;background:0;padding:0 20px 5px 0;float:none;line-height:1;margin:0 15px 0 -2px}
.v-channel-page .vcp-descr,.v-entry-page .vep-separator,.ve-details .ve-details1{background:0;border-bottom:1px solid #ddd;margin-bottom:5px}
div[id^=entryID]{padding-top:5px}
.module-video #uEntriesList .ve-screen,.module-video .vep-screenshots img,.module-video .vep-video-block img{border-radius:0}
.module-video .vep-descr,.module-video .vep-descr-block,.module-video .vep-details span,.module-video .vep-tags-block{font-size:15px}
.module-video .vcp-ratestars{padding:10px 0 7px}
.module-video #videocontent_comm a:hover{color:#7a7a7a!important}
#casing #uf-register .uf-field,span.btn-title{white-space:normal}
.module-video .vi-form-content #cats-select{margin-right:18px}
.module-gb .report-spam-target table{border-bottom:2px solid #0d6efd}
.module-gb .cDetails{font-weight:600}
.module-gb div#pagesBlock1{position:relative;text-align:right}
.module-gb #numEntries{padding:20px 0 10px;margin-bottom:15px}
.module-gb .cDate{font-size:13px!important;font-weight:400}
#content .archiveCalendars .calMonthLink:hover{background:0}
.archiveCalendars .calMdayIs a{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.archiveCalendars .calMday{padding:10px 0}
.archiveCalendars .calWday,.archiveCalendars .calWdaySe,.archiveCalendars .calWdaySu{height:40px;padding:0}
.allUsersBtn,.uSearchFlSbm{margin:3px 0}
#casing select.searchForumsFl{max-width:initial}
form#shop-price-form{overflow-x:auto;padding-bottom:30px;padding-top:20px}
form#shop-price-form .forumNameTd{padding:10px 0;border-bottom:1px solid #ddd}
.main-page.sitePage1 header{background:rgb(3, 3, 3);-webkit-transition:all .8s;-o-transition:all .8s;transition:all .8s}
#casing input[type=text].iCode_main_inp{padding:16px 0;font-size:11px!important}
@media (max-width: 960px) and (min-width: 760px){body[style="padding-top: 30px;"] .head-top{top: 30px}}
@media only screen and (max-width:1370px){.custom-controls-container{top:10px}
 .custom-navigation{position:absolute;bottom:30px;width:200px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);height:50px;z-index:100}
 .flex-next,.flex-prev{padding:2px;font-size:28px}
}@media only screen and (max-width:1336px){.wrapper{width:auto}
 .about-me-text{padding:20px 40px}
 .fil_togg_wrapper+hr+table td:nth-child(even){text-align:left!important}
 .fil_togg_wrapper+hr+table td:nth-child(-n+2){width:100%!important}
 .caption-inside{width:60%}
}@media only screen and (min-width:961px) and (max-width:1336px){#toolbarMainContainer{display:block}
 .social li{padding:0 4px}
 #catmenu li.uWithSubmenu em{font-size:11px;right:5px;top:50%;margin-top:-12px}
 .calTable .calMday{max-width:30px;min-width:25px;height:30px}
 .calMdayIs{max-width:30px;height:30px;padding:0}
 .mcBBcodesBtn::before,.mcManageBtn::before,.mcReloadBtn:before,.mcSmilesBtn:before{margin:1px}
}.site-l{margin:0 auto}
@media only screen and (max-width:960px){html#root{margin-top:0!important}
 .main-page:not(.sitePage1) .main-wrapper,.promo-wrapper{margin-top:40px}
 #casing{flex-wrap:wrap}
 .about-me-text p,.cap-ds,.cap-ttl{max-width:100%}
 .caption-wrap{top:50%}
 .cap-ds{font-size:15px}
 form#MCaddFrm,iframe#mchatIfm2{max-width:280px;margin:0 auto;display:block}
 .sidebox .inner,.sidebox-bd{margin:0 auto;max-width:280px}
 #catmenu li.uWithSubmenu:hover>ul,#catmenu ul ul,#site-logo,#soc-box,#toolbarMainContainer,.registration-links .after-link,div.registration-links,div.search-box{display:none}
 .caption-inside{width:70%}
 .head-top,.site-name{display:block}
 #catmenu .uWithSubmenu li a span,#catmenu li a span,#catmenu li li a.uMenuItemA,#catmenu li li.uWithSubmenu:hover>a,#catmenu ul ul li a,#catmenu ul ul li a:hover,#overflow li a span,.flex-next,.flex-prev{padding:0}
 .flex-next{right:20px}
 .flex-prev{left:20px}
 .site-name{padding:4px 20px}
 .site-name a{font-family: "Inter", "Inter", sans-serif;text-decoration:none;font-size:22px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:relative}
 #header .site-name a:hover{color:#0d6efd}
 #casing input[type=file]{padding:8px 10px 7px}
 .custom-navigation{bottom:20px}
 div#pagesBlock1{padding:15px 0}
 form[name=searchform] input[name=kw]{max-width:100vw;width:290px}
 #casing:not(.module_shop) .catsTd{min-width:100%}
 #content{padding:20px 0 50px;margin:0 auto;max-width:100%}
 #content,#sidebar,aside{float:none;width:100%}
 .sidebox .calTable{width:230px}
 #sidebar,.sidebox iframe,aside{max-width:100%;margin:0 auto}
 .sidebox .inner{padding:20px 0}
 #MCaddFrm #mchatMsgF{min-height:70px;max-width:100%}
 #MCaddFrm table td:last-child{text-align:right}
 #catmenu li.navItemMore,.nav_menu_toggler,.navbar-share{display:none!important}
 #catmenu #overflow li.uWithSubmenu .menu_tog,#catmenu .menu_tog,#catmenu li.uWithSubmenu li.uWithSubmenu .menu_tog{right:0;left:auto;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}
 .head-r{width:auto}
 .head-r #sch-box,.head-r .user-btns{width:25px;margin-right:5px}
 #header .user-btns,#header .user-btns a,#header a{color:#b5b5b5;text-decoration:none}
 #header{padding:0;background-color:#fff}
 #catmenu ul.uMenuRoot{height:calc(100vh + 200px);padding-top:200px;position:absolute;right:0;top:-160px;min-width:240px;width:66%;float:right;background:#1a1a1a;overflow:auto!important;padding-bottom:160px;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px)}
 #uNMenuDiv1 .uMenuRoot li:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1);padding:11px 0 11px 11px}
 #catmenu ul{background:0;padding:20px 10px 20px 20px;margin:1px 0 0}
 #catmenu li{display:block!important}
 #catmenu li:first-child a{padding-top:0}
 #catmenu li a{height:auto;line-height:normal;padding:10px 0}
 #catmenu li.uWithSubmenu.over>ul{display:block;border-top:1px solid rgba(255,255,255,.1);border-radius:0}
 #catmenu ul ul,#catmenu ul ul ul{position:static;width:auto;margin:12px 0 0;padding:0 0 0 15px;border:0;-webkit-box-shadow:none;box-shadow:none}
 #catmenu li.uWithSubmenu:hover>ul{background:inherit}
 #catmenu ul ul li{padding:13px 0 12px 11px;border:0}
 li.uWithSubmenu.over{padding-bottom:0!important}
 #catmenu ul ul li:first-child{border:0}
 .i_person,.i_search,.nav-head{display:inline-block;float:right}
 #catmenu .menu_tog{top:0;line-height:1.05;padding:12px;font-size:20px}
 #catmenu .menu_tog:hover{color:#fff;background-color:#000000}
 .uWithSubmenu>ul>.uWithSubmenu .menu_tog{-webkit-transform:rotate(0)!important;-ms-transform:rotate(0)!important;transform:rotate(0)!important}
 #catmenu .uMenuRoot li,select#user-filter{float:none}
 div#uNMenuDiv1{width:100%;opacity:0;position:fixed;z-index:200;top:-200px;bottom:0;right:-100%;overflow:auto;padding:0 0 100px;height:calc(100vh + 300px);-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);-webkit-transition:right .5s,background 0s ease 0s;-o-transition:right .5s,background 0s ease 0s;transition:right .5s,background 0s ease 0s}
 div#uNMenuDiv1.openMenu{opacity:1;right:0;background:rgba(0,0,0,.5);-webkit-transition:right .5s,background .5s ease .5s;-o-transition:right .5s,background .5s ease .5s;transition:right .5s,background .5s ease .5s}
 #sch-box .search-box{position:absolute;height:86px;border-top:3px solid #1a1a1a;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
 #sch-box .queryField{max-width:320px;width:94%;padding:0 40px 0 15px}
 #catmenu ul ul{background:#1a1a1a}
 
 
 
 .head-top,.start-page-header .head-top{background:#000}
 .start-page-header #header .head-top a,.start-page-header .i_menu,.start-page-header div.i_person,.start-page-header div.i_search{color:#fff}
 .head-top{top:0;left:0;height:40px;position:fixed;overflow:inherit;width:100%;z-index:1000;-webkit-box-shadow:0 2px 5px rgba(48,37,0,.1);box-shadow:0 2px 5px rgba(48,37,0,.1)}
 body.main[style="padding-top: 30px;"] .head-top, body.main-page[style="padding-top: 30px;"] .head-top{top:30px}
 .i_menu,div.i_person,div.i_search{display:block;color:#b5b5b5;cursor:pointer;padding:8px 10px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
 .i_menu:hover,.i_person:hover,.i_search:hover{color:#fff;background-color:#000000}
 .registration-links a{display:block;text-align:left;font-size:13px;font-weight:400;line-height:2.6;margin-left:20px;padding:0 11px}
 #header .registration-links a:hover{text-decoration:none;color:#7a7a7a}
 .registration-links a:not(:last-child){border-bottom:1px solid #000000}
 .cap-ds{color:#fff;padding:0 0 25px}
 .head-l{width:auto;text-align:center}
 .nav-head .material-icons{float:left;padding:8px 10px}
 #sch-box{padding:0;position:inherit;left:0}
 div.i_person.open+div,div.i_search.open+div{display:inline-block;border-top:3px solid #1a1a1a;border-bottom:3px solid #1a1a1a;width:100%;position:absolute;background:rgba(0,0,0,.9);z-index:100;right:0;top:40px}
 div.i_search.open+div{padding:18px 0}
 div.i_person.open+div{padding:7px 0}
 .schQuery::before{left:15px}
 .foot-l{padding:10px 20px}
 .foot-l,.foot-r{float:none;width:auto;text-align:center}
 .head-l,.head-r{float:right}
 .site-n,.site-n a{font-size:32px}
 #footer{padding:20px 0}
 .foot-l{padding-bottom:0}
 .foot-r{padding:0}
 .forum-box .fFastNavTd,.forum-box .fFastSearchTd,.forum-box .forumIcoTd,.forum-box .forumLastPostTd,.forum-box .forumNamesBar,.forum-box .forumPostTd,.forum-box .forumThreadTd,.forum-box .funcBlock,.forum-box .gTableSubTop,.forum-box .legendTable,.forum-box .threadAuthTd,.forum-box .threadIcoTd,.forum-box .threadLastPostTd,.forum-box .threadPostTd,.forum-box .threadViewTd,.forum-box .userRights{display:none}
 .forum-box .postTable,.forum-box .postTable tbody,.forum-box .postTable td,.forum-box .postTable tr{display:block;width:auto!important}
 .forum-box .postTdTop{text-align:left;height:auto;line-height:40px;font-size:13px;padding:0 20px!important;border-bottom-width:1px}
 .forum-box .postTdTop+.postTdTop{padding:0 20px!important;font-size:11px;border-top:0;font-weight:400}
 .postBottom{padding:15px 0}
 .forum-box .postBottom td[align=right]{padding-right:0!important}
 div#casing #content section:not(.module-shop)>table:nth-child(-n+5) td{display:block;width:100%;text-align:left;padding:5px 0}
 div#casing #content section.module-news .archiveCalendars .calendarsTable tbody td{display:table-cell;width:auto;text-align:center}
 div#casing #content section.module-news .archiveCalendars .calendarsTable tbody td table{margin:0 auto}
 #casing:not(section.module-shop) .gTableTop,.gTableTop a{font-size:25px}
 form[name=searchform] .gTable>tbody>tr>td.gTableBody1{display:block;height:auto!important}
 #cont-shop-invoices>table>tbody>tr>td{display:block;width:100%;text-align:left}
 #cont-shop-invoices{max-width:100vw;padding-bottom:30px}
 div#cont-shop-invoices .status_table select,input#gbsbm{margin-top:13px}
 div#cont-shop-invoices>div:first-child form input,div#invoice_cont #invoice-form,form#invoice-form select,table.filter_table td input,table.filter_table td select{margin:7px 4px 6px 2px!important}
 div#cont-shop-invoices .status_table select,div#cont-shop-invoices>div:first-child form,table.filter_table td input:not(:first-child),table.filter_table td select:not(:first-child){margin-left:0!important}
 .forum-box .postTable td.postTdTop:not(:last-child){border-right:1px solid #ddd}
 .forum-box .postTdInfo{border-right:1px solid #ddd;border-bottom:1px solid #ddd}
 .about-me-img,.about-me-text{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}
 .about-me{flex-wrap:wrap-reverse}
 .about-me-img,.about-me-text{width:100%}
 .about-me-text{padding:40px 30px}
 .postBottom td{display:inline-block!important;padding:0 2px}
}@media(max-width:768px){#casing #uf-register .uf-field{width:85%;margin:15px auto}
 .cap-ds a{margin:0}
 .caption-inside{text-align:center;width:100%;padding:0 10%}
 .work-example img{width:100%}
 .inner{padding:50px 0}
 .blog-posts,.parallax ul,.specialties .works{flex-wrap:wrap}
 #content form[action$="search/"] table td+td,.blog-posts .post,.comments-list li,.work-example{width:100%}
 .blog-posts .post,.comments-list li,.work-example{margin:15px 0}
 li.item{width:33%}
 .text{width:50%}
 #uf-register .uf-field,#uf-register .uf-field label,#uf-register .uf-reg-wrap{text-align:center}
 .uf-fields-wrap .recaptcha-wrapper{margin:10px auto}
 #casing #uf-submit{margin:20px 0}
 .module-search form td[nowrap=nowrap],.popupbody .allUsersBtn{display:block}
 #uEntriesList .uEntryWrap{width:50%!important}
 #shop-currency{padding-top:5px}
 .shop-item-price span{font-size:32px}
 #order-table{overflow:auto}
 #casing{padding-bottom:70px}
 #content form#addEntForm .iPhotoPrev{position:relative;right:0}
 #casing form#uf-register .uf-checkbox,#casing form#uf-register .uf-radio,#casing form#uf-register input[id=policy]{padding:3px}
 .phone-number{font-size:38px}
}@media only screen and (max-width:640px){#sch-box .search-box{height:81px}
 .facts li{width:50%}
 #casing button,#casing input[type=reset],#casing input[type=submit],input[type=button]{margin:0 0 3px}
 #content #order-table #order-but-recalc{margin:0}
 #casing #content input[type=reset]{padding:9px 20px}
 .e-add,.e-author,.e-author-phone,.e-category,.e-comments,.e-date,.e-loads,.e-placed,.e-rating,.e-reads,.e-redirects,.e-tags{margin:5px 20px 0 0}
 #casing .u-star-rating-16{margin-top:8px}
 .forum-box{padding:20px 0 100px}
 .codeMessage,.forumIcoTd,.forumLastPostTd,.forumNameTd,.forumPostTd,.forumThreadTd,.gTableBody,.gTableBody1,.gTableBottom,.gTableError,.gTableLeft,.gTableRight,.newPollBlock,.newThreadBlock,.postPoll,.quoteMessage,.threadAuthTd,.threadLastPostTd,.threadNametd,.threadPostTd,.threadViewTd,.threadsType{padding:15px!important}
 .module-tests .eMessage{padding:0 0 20px}
 .eMessage,.eText{padding:10px 0 0}
 div#pagesBlock1.catPages1{text-align:center;padding:20px 0}
 span.pagesBlockuz1{text-align:center;padding-top:10px}
 .module-photo td[width='70%']+td[align=right]{white-space:normal!important}
 #slider .caption{width:100%}
 #slider,.module-shop table.catalog{padding:0}
 .registration-links a{line-height:2.4}
 .cap-ttl{font-size:37px}
 .cap-ds{font-size:12px;padding:0 0 20px}
 .eTitle,.eTitle a{font-size:23px}
 .eTitle{margin:15px 0 5px}
 .eTitle::before{background-size:40px;top:0}
 .module-news .eTitle{text-align:left}
 .module-load .eTitle::before,.module-news .eTitle::before{background-size:34px}
 .site-n,.site-n a{font-size:28px}
 #casing #content section:not(.module-stuff) .eText img,.eMessage img{width:100%!important;float:none;margin:0 0 20px!important}
 .uTable .user_avatar img{width:50px}
 #uEntriesList .uEntryWrap{width:50%!important}
 span[id^=iCode]{display:block;padding-left:38px}
 .forum-search,div#casing #content section.module-news .archiveCalendars .calendarsTable tbody td[valign=top]{display:block}
 td.gTableTop #subscribe{float:none}
 div#casing #content section.module-news .archiveCalendars .calendarsTable tbody td{display:table-cell;width:auto;text-align:center}
 .shop-info{clear:both}
 .module-shop h2{font-size:30px}
 .module-shop .catalog td h2 a{font-size:20px}
 .list-item:not(:last-child){padding-bottom:5px;margin-bottom:5px}
 td.shop-itempage-images+td table td{display:block;width:100%;text-align:left}
 .goods-list.shop-itempage-buy-btns{float:none!important;padding:20px 0}
 .goods-list.shop-itempage-buy-btns div{display:inline-block;margin-left:7px;vertical-align:middle}
 #casing .module-shop .u-star-rating-32{margin:0 auto}
 #casing .module-photo form ul.xPhtBlock .xPhtAction>span button{margin-left:3px}
 .catalog td.catalog-item{display:block!important;width:100%!important;overflow:hidden!important}
 td.shop-itempage-images{width:inherit!important;display:block;text-align:center;padding:0 10px}
 td.shop-itempage-images #ipreview{display:block;margin:0 auto 10px}
 .shop-itempage-images+td{display:block}
 .shop_spec_sub,.shop_spec_val,.spec-values{padding:0!important}
 .module-photo form .navTabs{border-bottom:1px solid #1a1a1a}
 .module-photo form .navTabs>a{border-bottom:0;font-weight:400;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
 .module-photo form .navTabs>b{border:0}
 #puzadpn{display:none}
 #casing input[type=button].u-comboedit,#casing input[type=button].u-comboedit:hover{background-position:94% 50%}
 [id^=catSelector]{padding-right:40px!important}
 #casing form .navTabs>*{display:block;width:100%}
 #casing form .navTabs>b{border-radius:0}
 #goodsform .manTable>tbody>tr>td,table.catsTable td{display:block;width:100%!important}
 #addPhtFrm #uCatsMenu7,td.u-comboeditcell input[id^=catSelector].x-selectable{min-width:280px;max-width:280px}
 #casing form #uCatsMenu7{min-width:280px}
 .popupbody>div>div:not(.udtb){float:none!important}
 .manTable tbody#tb_exclude_from_yml tr>td,.manTable tbody#tb_undisc tr>td,.manTable tbody#yml_is_adult tr>td,.manTable tbody#yml_is_delivery tr>td,.manTable tbody#yml_is_pickup tr>td,.manTable tbody#yml_is_store tr>td{display:inline-block;width:auto!important}
}@media only screen and (max-width:480px){.v-entry-page h1.vep-title,h1{font-size:30px}
 #casing #uf-register .uf-field,#casing .methods-list .fw,.module-stuff table tr td[width='180'] img,.text,ul.shop-tabs.with-clear li a{width:100%}
 li.item{width:50%}
 .description,.smilesPart{display:none}
 #sch-box .search-box{height:95px}
 div.i_search.open+div{padding:25px 0}
 .eTitle{line-height:27px;padding-bottom:5px!important}
 .site-name a{padding:0}
 .site-n,.site-n a{font-size:23px}
 #site-logo{padding:50px 0 15px}
 #casing:not(section.module-shop) .gTableTop,.gTableTop a{font-size:20px}
 .registration-links a{line-height:2.8}
 .eTitle a{font-size:20px}
 #slider .custom-navigation{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
 .cap-ds{font-size:12px;padding:0 20px 15px}
 .eBlock{margin:10px 0}
 .cap-ds a{padding:8px 20px;font-size:11px}
 .site-n a{display:block;float:none;padding-top:35px}
 .cap-ttl{font-size:32px}
 .commTable td.commTd2>table>tbody>tr>td,.commTd1,.commTd2{display:block;width:100%}
 .manTable .manTd1{width:auto}
 td[width="60%"]+td[align=right]{-webkit-box-sizing:content-box;box-sizing:content-box;white-space:normal}
 div.i_person.open+div{padding:8px 0}
 #uNetRegF tr td:first-child{max-width:20%!important;white-space:normal!important;font-size:11px}
 #uNetRegF #fAvatar,#uNetRegF #fAvatarU{display:block;margin:0 0 3px}
 #uNetRegF #fAvatarU+input{position:relative;margin:0 0 0 -10px}
 #fTerms~div,.copy,.uNetDescr{font-size:9px}
 #fTerms{float:left;margin:2px 10px 10px 0}
 #fTerms+label{font-size:11px!important;vertical-align:top}
 #fTerms~div{padding:10px 0 0}
 #content .calTable{width:100%;margin:0 0 20px}
 #content .calMonth{text-align:left;text-transform:uppercase}
 .posttdMessage{padding:10px 10px 30px}
 .fNavLink{position:relative;line-height:25px}
 .uComForm-inner .uf-with-tooltip{display:block;float:none}
 .uComForm-inner .ucf-content{margin:0}
 .ucf-smiles tr{display:inline-block}
 form#addPhtFrm .navTabs>*,td.ucf-message-wrap,td.ucf-smiles{display:block;width:100%}
 #frM53 .gTableLeft,#frM53 .gTableRight{display:block;width:auto!important}
 .opt_vals td{display:table-cell!important}
 #uEntriesList .uEntryWrap{width:100%!important}
 .manTable td #idAreaoEditbrief td,.manTable td #idAreaoEditdscr td,.manTable td #idAreaoEditmessage td{display:table-cell}
 .eDetails,.eDetails a,.eDetails1 a,.eDetails2 a,.postUser{font-size:14px}
 div#casing #content table.smiles td.sml1,div#casing #content table.smiles tr{display:inline-block;width:auto;text-align:center;float:left}
 .gTableTop a{font-size:23px}
 .forum-box tr[class^=ThrTopButtonsRow] .frmBtns{padding:10px 0}
 .gTable:not(#invoice-table):not(#shop-price-list) .gTableTop{font-size:23px}
 .forum-box .frmBtns a{display:block}
 .codeMessage,.forumIcoTd,.forumLastPostTd,.forumNameTd,.forumPostTd,.forumThreadTd,.gTableBody,.gTableBody1,.gTableBottom,.gTableError,.newPollBlock,.newThreadBlock,.postBottom,.postPoll,.postTdInfo,.quoteMessage,.threadAuthTd,.threadIcoTd,.threadLastPostTd,.threadNametd,.threadPostTd,.threadViewTd,.threadsType{padding:15px!important}
 .gTableLeft,.gTableRight{padding:10px!important}
 a.shop-item-title{font-size:23px!important}
 .module-shop .shop-item-rating{margin:5px 0 10px}
 .shop-item-price span{font-size:25px}
 #content .shop-itempage-price{font-size:35px}
 table.shop_spec td,table.shop_spec td .item-action{display:block;text-align:left}
 .goods-list .list-item>table>tbody>tr>td,div#casing #content .module-shop .goods-list .list-item>table>tbody>tr>td,table.eBlock td{display:block;width:100%;padding:5px 0;text-align:left}
 .shop-imgs.with-clear,div#casing #content .module-shop .goods-list .list-item>table>tbody>tr>td:first-child{text-align:center}
 #uEntriesList .uEntryWrap{padding:0}
 #content fieldset{padding:10px 10px 15px}
 .swchItem span{font-size:17px;min-width:30px;height:30px;line-height:24px;padding:2px 4px}
 .swchItem1 span,.swchItemA1 span{height:30px}
 .pgSwchA b,.swchItemA span,a.pgSwch{font-size:17px;min-width:30px;height:30px;line-height:24px;padding:2px 4px}
 .swchItem,.swchItem1 span,.swchItemA,.swchItemA1 span,.switchActive,.switchBack,.switchNext{min-width:30px;min-height:30px;line-height:normal;font-size:17px;padding:2px 4px}
 .forum-box .switchActive{padding:4px 7px}
 #pagesBlock1 a.swchItem:first-child,#pagesBlock1 a.swchItem:last-child,a.pgNext,a.pgPrev,a.swchItem:first-child,a.swchItem:first-child span,a.swchItem:first-child:hover,a.swchItem:last-child,a.swchItem:last-child span,a.swchItem:last-child:hover{line-height:22px}
 form[name=mform] table td:first-child:not([align=center]),form[name=mform] td:not([align=center]){display:block;text-align:left;width:100%;padding-left:0;padding-right:0}
 .module-search form td[nowrap=nowrap],form[name=memform]>*{display:block}
 .module-stuff .eText{border-bottom:0}
 #addEntForm .commTd1,#addEntForm .commTd2,#addEntForm .manTable td,form#addEntForm>table>tbody>tr:first-child>td:first-child{display:block;width:100%}
 #casing .emptyPlaceholder{width:100%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;color:#000;border:1px dashed #000;display:table;text-align:center;font-size:8pt;margin:0}
 #casing form ul.xPhtBlock>li:nth-of-type(n):not(.notcolumn),#casing ul.form-fields>li:nth-of-type(n):not(.notcolumn){width:100%;padding:5px 0 0}
 #casing .u-comboedit{padding:8px 15px}
 #newEntryB .cMessage:not(.uc-message),.comEnt .cMessage:not(.uc-message),.comEnt .cMessage:not(.uc-message)+.cAnswer+div,.comEnt .cMessage:not(.uc-message)+div,.comEnt+div .cMessage:not(.uc-message){padding-left:0!important}
 .cMessage .user_avatar img{float:none;margin:0 auto 15px;display:block}
 #newEntryB .cTop,.comEnt .cTop,.comEnt+div .cTop{margin:0}
 .opt_items{max-width:97%}
 .social-accounts{white-space:nowrap;float:left}
 .udtb{overflow:hidden}
 .popupbody #addform input{margin:7px 0!important}
 .popupbody #addform td{display:block}
 .module-index .manTable td,.popupbody .manTable tr td{display:block;width:100%}
 .post-content{padding:10px 20px 30px}
 #addPhtFrm .fileinput{width:100%;float:none}
 #addPhtFrm #flUpPhotosCount{width:100%;float:none;text-align:left;margin:20px 0 5px}
}@media only screen and (max-width:360px){.wrapper{padding:0 15px}
 .recaptcha-wrapper{max-width:290px}
 #casing select{max-width:280px}
 .module-index .manTable input,.module-index .manTable textarea{max-width:97%}
 .sidebox .inner{padding:20px 15px}
 .recaptcha-wrapper [id^=recaptcha_]{-webkit-transform:scale(.88);-ms-transform:scale(.88);transform:scale(.88)}
 .gTableRight input{margin:3px auto}
 #casing input[type=file]{margin:5px auto}
 .mcBBcodesBtn:before,.mcManageBtn:before,.mcReloadBtn:before,.mcSmilesBtn:before,.module-stuff .eTitle,.module-stuff hr{margin:0}
 #casing .forumModerFuncsRow1 select{margin:0 2px 3px 0;width:75%;min-width:60%}
 #newEntryB .cMessage,.comEnt .cMessage,.comEnt .cMessage+div,.comEnt+div .cMessage{padding-left:0!important}
 #slider .description{display:none}
 #catmenu ul.uMenuRoot{width:100%;min-width:100%}
 #slider .caption{text-align:center;top:25%}
 .cap-ttl,.v-entry-page h1.vep-title{font-size:28px}
 .site-n,.site-n a{font-size:22px}
 .eTitle{font-size:20px}
 .eTitle::before{background-size:35px;top:-2px}
 .nav-head{font-size:19px}
 .nav-head .icon{position:absolute;width:40px;right:20px;top:12px}
 #casing{padding-bottom:40px}
 #casing input[type=file],select[name=modopt]{width:80%;overflow:hidden;vertical-align:middle}
 #content .module-shop .shop-tabs li,.v-channel-page .vcp-image{float:none}
 .module-shop .shop-tabs li{padding:0 6px}
 #content .queryField{width:68%!important}
 .module-tests .eVariant{padding-left:20px}
 #casing form#addEntForm span[id*=iCode].added input{width:100%}
 #content .module-shop .shop-tabs{height:auto}
 #content .shop-tabs li.postRest1 a{border-bottom:0}
 .popupbody{padding:15px 10px}
 form[name=searchform] input[name=kw]{width:260px}
 label#uf-terms-label{font-size:12px}
 .about-me-text{padding:40px 15px}
 .blog-posts .post,.comments-list li,.work-example{margin:15px 0}
 .services{padding:0}
 .text{padding-right:0}
 .facts li{width:100%;margin-bottom:50px}
 .phone-number{font-size:30px}
}

@media (max-width: 768px) {
 body { font-size: 16px; }
 .promo-block { height: auto; }
}
@media (min-width: 769px) {
 body { font-size: 18px; }
 .promo-block { height: 70vh; }
}



/* Центрирование контейнера и фиксированная ширина 1336px на больших экранах */
#rec1741419081 .t-container {
 width: 1336px;
 max-width: 1336px;
 margin-left: auto;
 margin-right: auto;
 box-sizing: border-box;
 padding: 0;
}
/* Высота изображений и общий стиль карточек */
#rec1741419081 .work-example,
#rec1741419081 .t-item,
#rec1741419081 .t-container .t-col_2.kosmo-image-right img {
 height: 270px; /* единая высота для всех изображений сверху */
 width: 100%;
 object-fit: cover;
 display: block;
 border-radius: 8px;
}
#rec1741419081 .t-col_10.kosmo-text-left {
 width: 1060px;
 max-width: 1060px;
 padding: 0 20px;
 margin: 0;
 float: none;
}
/* Правая колонка – изображение (фиксированная ширина) */
#rec1741419081 .t-col_2.kosmo-image-right {
 width: 196px;
 max-width: 196px;
 padding: 0 20px;
 margin: 0;
 float: none;
}
#rec1741419081 .t194__text { text-align: left; }
/* Адаптация под меньшие экраны: текст под изображением (мобильная/планшет) */
@media (max-width: 1199px) {
 #rec1741419081 .t-container { display: block; }
 #rec1741419081 .t-col_10.kosmo-text-left,
 #rec1741419081 .t-col_2.kosmo-image-right { width: 100%; padding: 0 0 20px; }
 /* Изображения в этом случае остаются высотой 270px, подгоняются под ширину */
 #rec1741419081 .t-col_2.kosmo-image-right img { height: 270px; }
}




@media (max-width: 1199px) {
 /* Планшеты/мобильные: изображение сверху, текст снизу */
 #rec1741419081 .t-container {
 display: flex;
 flex-direction: column-reverse; /* изображение сверху */
 align-items: stretch;
 padding: 0 12px; /* минимальные внутренние отступы, чтобы не прилеплять к краям */
 }
 #rec1741419081 .t-col_10,
 #rec1741419081 .t-col_2 {
 width: 100% !important;
 float: none !important;
 padding: 0 12px;
 }
 /* Уточнение: чтобы не уходило в края */
 #rec1741419081 .t-container { padding-left: 12px; padding-right: 12px; }
}

@media (max-width: 768px) {
 /* Доп. защита от уходов в края на самых узких экранах */
 #rec1741419081 .t-container { padding-left: 12px; padding-right: 12px; }
}
</style>


/* Уменьшаем межстрочный интервал для заголовков карточек без изменения шаблона */
ul.t820__container.t-container.one-col > li.t-item > h2 {
 line-height: 1.15;
 margin: 0;
}
 /* с классом compact-lines можно управлять отдельно по медиа */
@media (max-width: 1024px) {
 ul.t820__container.t-container.one-col > li.t-item > h2.compact-lines {
 line-height: 1.12;
 }
}
@media (max-width: 600px) {
 ul.t820__container.t-container.one-col > li.t-item > h2.compact-lines {
 line-height: 1.0;
 }
}
```__


/* Адаптивная верстка: изображение сверху на мобильных и планшетах, текст снизу */
/* Это затрагивает блоки карточек и Intro-изображение заголовка */
@media (max-width: 1024px) {
 /* контейнер карточек: один столбец вместо двух колонок */
 ul.t820__container.t-container.two-col-grid--adapted {
 display: flex;
 flex-direction: column;
 gap: 24px;
 }
 /* каждый пункт списка: вертикальная компоновка карточки */
 ul.t820__container.t-container.two-col-grid--adapted > li.t-item {
 display: flex;
 flex-direction: column;
 align-items: stretch;
 }
 /* внутри карточки изображение сверху, текст снизу */
 .t-card {
 display: flex;
 flex-direction: column;
 align-items: stretch;
 }
 .t-card-image {
 width: 100%;
 flex: 0 0 auto;
 }
 .t-card-image img {
 width: 100%;
 height: auto;
 display: block;
 border-radius: 8px;
 }
 .t820__textwrapper {
 width: 100%;
 }
 /* Intro-изображение сверху (если есть) */
 .intro-image-top {
 float: none;
 width: 100%;
 margin: 0 0 12px;
 text-align: center;
 }
 .intro-image-top img {
 width: 100%;
 height: auto;
 display: block;
 border-radius: 8px;
 }
}
```__


/* Адаптация карточек под планшеты и мобильные: одна колонка, изображение сверху */
.t820__container.two-col-grid--adapted {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 18px;
}
@media (max-width: 1024px) {
 .t820__container.two-col-grid--adapted {
 grid-template-columns: 1fr; /* одна колонка на планшетах и мобилках */
 gap: 16px;
 }
 .t820__container.two-col-grid--adapted .t-item {
 width: 100%;
 }
 .t820__container.two-col-grid--adapted .t-card {
 display: flex;
 flex-direction: column; /* изображение сверху */
 align-items: stretch;
 }
 .t820__container.two-col-grid--adapted .t-card-image {
 width: 100%;
 flex: 0 0 auto;
 }
 .t820__container.two-col-grid--adapted .t-card-image img {
 width: 100%;
 height: auto;
 display: block;
 }
 .t820__container.two-col-grid--adapted .t820__textwrapper {
 padding: 8px 0 0;
 }
 .t-name { font-size: 16px; }
}



/* Изображение слева, текст справа (для блоков с text-align: justify) */
div[style*="text-align: justify;"] > a:first-child img {
 float: left;
 width: 60%; /* ширина изображения — левая часть блока */
 max-width: 420px; /* ограничение максимального размера изображения на больших экранах */
 height: auto;
 margin: 0 12px 12px 0; /* отступ справа, снизу */
 display: block;
}
div[style*="text-align: justify;"] > br + a {
 float: right;
 width: 38%; /* правая часть для заголовка */
 text-align: left;
 font-size: 24px;
 font-weight: 700;
 text-decoration: none;
 color: inherit;
 display: block;
 margin: 0;
}
div[style*="text-align: justify;"] > div {
 clear: both;
 text-align: justify;
 padding: 0 8px 8px;
}
/* Разделители остаются нейтральными по стилю */
hr {
 border: 0;
 border-top: 1px solid #ccc;
 margin: 1rem 0;
}
/* На мобильных: изображение сверху, заголовок под изображением, текст под заголовком */
@media (max-width: 768px) {
 div[style*="text-align: justify;"] > a:first-child img {
 float: none;
 width: 100% !important;
 max-width: 100% !important;
 margin: 0 auto 8px !important;
 }
 div[style*="text-align: justify;"] > br + a {
 float: none;
 width: 100% !important;
 text-align: center !important;
 }
 div[style*="text-align: justify;"] > div {
 padding: 0 8px 8px;
 }
}


/* Базовый стиль (десктоп) - остаётся как есть */ .intro-image-top { float: left; width: 350px; margin: 0 20px 20px 0; } .intro-image-top > a { display: block; } .intro-image-top img { width: 100%; height: auto; display: block; border-radius: 8px; } .intro-image-top figcaption { text-align: center; font-size: 0.92em; color: #555; margin-top: 6px; }
<style>
/* Базово остается как есть: фигурa float:left, ширина 350px, справа 20px */

/* Планшеты: немного сдерживаем размер, чтобы не перегружать строку */
@media (max-width: 1024px) {
 .intro-image-top { width: 320px !important; }
}

/* Мобильные устройства: дисплей в одну колонку, убираем обтяжку обложкой слева */
@media (max-width: 768px) {
 .intro-image-top { float: none !important; width: calc(100% - 1px) !important; margin: 0 20px 20px 0 !important; }
}
</style>



.serti-gallery { padding: 1rem; }
.serti-gallery .gallery {
 display: grid;
 gap: 12px;
 align-items: start;
}
.serti-gallery .gallery.top {
 grid-template-columns: repeat(3, 1fr); /* три изображения в верхней строке */
}
.serti-gallery .gallery.bottom {
 grid-template-columns: repeat(2, 1fr); /* две картинки в нижней строке */
 margin-top: 8px;
}
.serti-gallery .serti-item { display: block; text-decoration: none; }
.serti-gallery .thumb {
 width: 100%;
 aspect-ratio: 250 / 344; /* единый размер кадра (без обрезки) */
 background: #ffffff; /* белая подложка теперь у картинок */
 display: flex;
 align-items: center;
 justify-content: center;
 overflow: hidden;
}
.serti-gallery .thumb img {
 max-width: 100%;
 max-height: 100%;
 width: auto;
 height: auto;
 object-fit: contain; /* не обрезает изображение, сохраняет целиком */
 display: block;
}
@media (max-width: 1024px) {
 .serti-gallery .gallery.top { grid-template-columns: repeat(2, 1fr); }
 .serti-gallery .gallery.bottom { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
 .serti-gallery .gallery.top,
 .serti-gallery .gallery.bottom { grid-template-columns: 1fr; }
}







/* Ограничение ширины секции Our Features и выравнивание контента */
#features .t-container {
 width: 100%;
 max-width: 1336px; /* Change this to your desired content width */
 margin-left: auto;
 margin-right: auto;
 padding-left: 16px;
 padding-right: 16px;
}

/* По умолчанию карточки в одну колонку (на малых экранах) */
#features .two-col-grid {
 display: grid;
 grid-template-columns: 1fr;
 gap: 60px;
}

/* Две колонки на больших экранах */
@media (min-width: 900px) {
 #features .two-col-grid {
 grid-template-columns: 1fr 1fr;
 }
}



/* Центрирование без резиновой ширины: фиксированная ширина на больших экранах */
@media (min-width: 1337px) {
 .wrapper { width: 1336px; margin-left: auto; margin-right: auto; }
 /* Убедимся, что сетка внутри тоже центрируется, если она есть */
 .wrapper .blog-posts { justify-content: center; }
}
/* Резиновый блок и отступы между постами (оставляем стиль, но центрируем на больших экранах) */
.light-wrapper-inner.wide-1336 .wrapper,
.wrapper {
 /* width: auto; и max-width: 100%; убраны для фикса ширины */
 box-sizing: border-box;
 padding-left: 16px;
 padding-right: 16px;
}
/* Посты */
.wrapper .blog-posts .post {
 width: 100%;
 margin: 0 0 28px; /* отступ между постами (между изображениями) */
}
/* Изображение в посте и текст под ним (по умолчанию внутри figure.full) */
.wrapper .blog-posts .post figure.full {
 width: 100%;
 margin: 0;
 display: block;
}
.wrapper .blog-posts .post figure.full img {
 width: 100%;
 height: auto;
 display: block;
}
.wrapper .blog-posts .post .post-content {
 padding: 0;
}
/* Десктоп: несколько колонок (центрируем сетку постов) */
@media (min-width: 1025px) {
 .wrapper .blog-posts {
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
 gap: 28px;
 justify-content: center;
 }
 .wrapper .blog-posts .post {
 width: 100%;
 }
}
/* Планшеты и мобили: один столбец, изображение сверху, текст снизу — центрируем содержимое */
@media (max-width: 1024px) {
 .wrapper .blog-posts {
 display: grid;
 grid-template-columns: 1fr;
 gap: 22px;
 justify-items: center;
 }
 .wrapper .blog-posts .post {
 width: 100%;
 }
 .wrapper .blog-posts .post figure.full {
 width: 100%;
 }
}




/* Центрирование всей секции на больших экранах и сохранение вставки по центру */
@media (min-width: 1025px) {
 .light-wrapper-inner { display: flex; justify-content: center; }
 /* Оставляем существующий порядок: изображение слева, текст справа */
 .light-wrapper-inner .wrapper { width: auto; }
 /* Фиксируем пост в одну строку с левым изображением и правым текстом */
 .light-wrapper-inner .wrapper .post {
 display: flex;
 align-items: stretch;
 width: auto;
 max-width: 100%;
 margin: 0 0 28px;
 }
 .light-wrapper-inner .wrapper .post figure.full {
 flex: 0 0 45%;
 max-width: 35%;
 height: 270px;
 display: flex;
 align-items: center;
 justify-content: center;
 }
 .light-wrapper-inner .wrapper .post .post-content {
 flex: 1;
 padding: 16px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 }
}
/* Планшеты и мобили: изображение сверху, текст снизу */
@media (max-width: 1024px) {
 .light-wrapper-inner .wrapper {
 padding: 0;
 }
 .light-wrapper-inner .wrapper .post {
 display: block;
 width: 100%;
 margin: 0 0 28px;
 }
 .light-wrapper-inner .wrapper .post figure.full {
 width: 100%;
 max-width: 100%;
 height: auto;
 display: flex;
 justify-content: center;
 align-items: center;
 }
 .light-wrapper-inner .wrapper .post .post-content {
 padding: 16px;
 text-align: left;
 }
}



/* Текст в блоке cosmo-text — 18px */
.specialties.inner.wide-1336 .wrapper > p.cosmo-text {
 font-size: 18px;
}
/* Отступ после текста: первый абзац cosmo-text получает нижний отступ */
.specialties.inner.wide-1336 .wrapper > p.cosmo-text:first-of-type {
 margin-bottom: 18px; /* можно изменить на нужное значение */
}

/* Отступ после первого описания (последовательность описания → блок с работами) */
.specialties.inner.wide-1036 .wrapper > p.cosmo-text:first-of-type {
 margin-bottom: 18px;
}

/* Скрыть пустой абзац с <br> после описания, чтобы не занимал место */
.specialties.inner.wide-1336 .wrapper > p.cosmo-text:last-of-type {
 display: none;
}

/* Три изображения в одну строку по центру (ширина блока 1336px) */
.specialties.inner.wide-1336 .works {
 display: flex;
 justify-content: center;
 gap: 2rem;
 align-items: stretch;
 flex-wrap: nowrap; /* держим три элемента в одной строке */
}
.specialties.inner.wide-1336 .work-example {
 flex: 0 0 calc((100% - 4rem) / 3); /* по одной трети с учётом двух промежутков по 2rem */
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: flex-start;
 min-height: 240px; /* резервируем место для устойчивости макета */
}
.specialties.inner.wide-1336 .work-example img {
 display: block;
 max-width: 100%;
 height: auto;
 margin: 0 auto; /* центрируем изображение внутри блока-элемента */
 /* можно раскомментировать ниже для фиксированной высоты (CLS-фиксация) */
 /* height: 180px; */
 /* width: auto; */
}

/* Адаптация под мобильные устройства: изображения в две-три строки (по одному элементу в столбик) */
@media (max-width: 1023px) {
 .specialties.inner.wide-1336 .works {
 display: block;
 }
 .specialties.inner.wide-1336 .work-example {
 display: block;
 width: 100%;
 margin: 0 0 20px;
 min-height: 0; /* снял резерв на мобильных, чтобы заголовки не переполняли блок */
 }
 .specialties.inner.wide-1336 .work-example img {
 width: 100%;
 height: auto;
 display: block;
 margin: 0 auto;
 }
}





/* Глобальная настройка: ширина шаблона — авто с max-width 1336px */
.books-section.wide-1336 {
 width: auto;
 max-width: 1336px;
 margin-left: auto;
 margin-right: auto;
 padding-left: clamp(0.75rem, 2vw, 2rem);
 padding-right: clamp(0.75rem, 2vw, 2rem);
 box-sizing: border-box;
}
/* Блоки внутри — шахматный порядок (изображение слева/справа по очереди) */
.about-me {
 display: flex;
 align-items: stretch;
 gap: 20px;
 margin-bottom: 1.5rem;
}
.about-me-img {
 flex: 0 0 40%;
 max-width: 40%;
}
.about-me-img img {
 width: 100%;
 height: auto;
 display: block;
 border-radius: 12px; /* закругление изображений */
 object-fit: cover;
}
.about-me-text {
 flex: 1 1 60%;
}
/* Шахматный порядок на больших экранах (чередование слева/справа) */
@media (min-width: 768px) {
 .books-blocks > .about-me:nth-child(even) {
 flex-direction: row-reverse;
 }
}
/* Мобильная версия: в столбик */
@media (max-width: 767px) {
 .about-me { flex-direction: column; }
 .about-me-img,
 .about-me-text { max-width: 100%; width: 100%; }
}
/* Шрифты для заголовков (снижаем крупные заголовки) */
.books-section.wide-1336 .section-title {
 font-size: 1.6rem;
 line-height: 1.25;
 font-weight: 700;
}
.books-blocks .about-me-text h2 {
 font-size: 1.25rem;
 line-height: 1.3;
 margin: 0 0 0.5rem;
}
/* Мобильная версия: столбик и жесткая стабилизация высот (улучшенная) */
@media (max-width: 767px) {
 /* мобильная версия — столбик */
 .about-me { 
 display: flex; 
 flex-direction: column; 
 }
 /* резервируем место под изображение и уменьшаем его высоту (чтобы не скачок) */
 .about-me-img { 
 width: 100%; 
 max-width: 100%; 
 padding-top: 60%; /* уменьшено по сравнению с 75% для меньших изображений */
 position: relative;
 }
 .about-me-img img { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 border-radius: 12px; 
 object-fit: cover; 
 }
 /* не дай тексту скакать при загрузке изображения */
 .about-me-text { 
 min-height: 140px;
 }
}
/* Препятствуем горизонтальной прокрутке и «шевелению» по сторонам на мобильных */
html, body {
 overflow-x: hidden;
}
@media (max-width: 767px) {
 html, body { overflow-x: hidden; }
}
/* Выравнивание и стабилизация блока книг */
@media (min-width: 768px) {
 .books-blocks > .about-me {
 min-height: 260px; /* зафиксированная высота карточек для одинаковой вертикали */
 }
 .about-me-text {
 display: flex;
 flex-direction: column;
 justify-content: center; /* выравнивание текста по вертикали внутри блока */
 }
 .about-me-img { height: 100%; } /* чтобы изображение не вылазило за пределы блока */
 .about-me-img img { height: 100%; width: 100%; object-fit: cover; }
}








<style>
 :root {
 --text: #374151;
 --muted: #6b7280;
 --primary: #1f5bff;
 --bg: #ffffff;
 --card-shadow: 0 6px 20px rgba(0,0,0,.08);
 }
 * { box-sizing: border-box; }
 html, body { margin: 0; padding: 0; }
 body {
 font-family: Inter, system-ui, Arial, sans-serif;
 color: var(--text);
 background: #fff;
 line-height: 1.5;
 }
 /* Контейнер секции FAQ */
 .faq-section {
 max-width: 1240px;
 margin: 40px auto;
 padding: 0 16px;
 }
 .faq-title {
 text-align: center;
 font-size: 46px;
 margin: 0 0 26px;
 font-weight: 700;
 }
 .faq-grid {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 28px;
 align-items: stretch;
 }
 .faq-card {
 background: var(--bg);
 border-radius: 10px;
 box-shadow: var(--card-shadow);
 padding: 22px;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 min-height: 180px;
 }
 .card-title {
 font-size: 22px;
 margin: 0 0 8px;
 color: #374151;
 font-weight: 700;
 }
 .card-desc { color: var(--muted); font-size: 14px; line-height: 1.55; }
 .card-desc ul { padding-left: 20px; margin: 6px 0 0; }
 .card-actions {
 margin-top: 12px;
 }
 .btn {
 display: inline-block;
 padding: 10px 14px;
 font-weight: 700;
 font-size: 14px;
 color: #1f5bff;
 border: 0;
 background: none;
 cursor: pointer;
 text-transform: uppercase;
 text-decoration: none;
 }
@media (max-width: 600px) {
 .faq-grid {
 grid-template-columns: 1fr;
 }
 /* опционально: убрать фиксированную высоту карточки на малых экранах */
 .faq-card {
 min-height: auto;
 }
}




/* ссылки */
.more { color: #1a73e8; text-decoration: none; }

/* опционально: структура footer/meta остаётся как есть */
.footer-meta { margin-top: 6px; }



.two-cta {
 display: flex;
 align-items: center;
 justify-content: flex-start; /* можно: center; space-between */
 flex-wrap: nowrap;
}
.cap-ds {
 display: inline-block;
 padding: 10px 0 0;
 margin: 0 6px 0 0;
 text-align: center;
}
.cap-ds a.btn {
 display: inline-block;
 padding: 15px 25px;
 border-radius: 6px;
 border: 2px solid #ffffff;
 color: #ffffff; /* синий текст */
 background: transparent; /* без фона */
 text-decoration: none;
}
.cap-ds a.btn:hover {
 color: #0d6efd;
 border-color: #0d6efd;
 text-decoration: none;
}



.two-cta--filled .cap-ds {
 display: inline-block;
 padding: 10px 0 0;
 margin: 0 6px 0 0;
 text-align: center;
}
.two-cta--filled .cap-ds a.btn {
 display: inline-block;
 padding: 10px 20px;
 border-radius: 6px;
 border: 1px solid #0d6efd;
 color: #fff; /* синий текст */
 background: #3b9ad9; /* белая заливка */
 text-decoration: none;
}
.two-cta--filled .cap-ds a.btn:hover,
.two-cta--filled .cap-ds a.btn:focus {
 background: #00e9ff;
 border-color: #00e9ff;
 color: #fff;
 outline: none;
}


:root {
 --iks-bg: #3b9ad9;
 --iks-hover: #00e9ff;
 --margin-y: 3rem;
}
.contact-buttons {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 margin: var(--margin-y) 0;
 text-align: center;
 gap: 12px; /* расстояние между кнопками (независимо от строк) */
 flex-wrap: wrap; /* кнопки могут переноситься на новые строки на мобилях */
}
.iksweb {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 cursor: pointer;
 font-size: 18px;
 text-decoration: none;
 padding: 6px 60px;
 color: #fff;
 background: var(--iks-bg);
 border-radius: 10px;
 border: 5px solid var(--iks-bg);
 margin: 0;
}
.iksweb:hover {
 background: var(--iks-hover);
 color: #fff;
 border-color: var(--iks-hover);
 transition: all 0.2s ease;
}
@media (max-width: 600px) {
 .contact-buttons {
 flex-direction: column;
 align-items: stretch;
 }
 .contact-buttons .iksweb {
 width: 100%;
 max-width: 100%;
 box-sizing: border-box;
 padding: 12px 20px; /* подогнать высоту и внутренний отступ под экран */
 }
}






/* Ширина блоков внутри блока .specialties.inner.wide-1336 — 1336px (без изменения шаблона) */
.specialties.inner.wide-1336,
.specialties.inner.wide-1336 .wrapper,
.specialties.inner.wide-1336 .block,
.specialties.inner.wide-1336 .work-example {
 max-width: 1336px;
 width: 100%;
 margin-left: auto;
 margin-right: auto;
 box-sizing: border-box;
}
/* Привести изображения внутри блоков к полной ширине блока */
.specialties.inner.wide-1336 .work-example img {
 width: 100%;
 height: auto;
 display: block;
}
/* Уменьшаем отступ у вложенного описания академии космоэнергетики (без изменения шаблона) */
.specialties.inner.wide-1336 > .wrapper[aria-label="Описание академии космоэнергетики"] > .wrapper[aria-label="Описание академии космоэнергетики"] {
 padding-top: 6px;
 padding-bottom: 6px;
}

/* Только для этого блока: уменьшаем отступы вложенного описания */
.specialties.inner.wide-1336 > .wrapper[aria-label="Описание академии космоэнергетики"] > .wrapper[aria-label="Описание академии космоэнергетики"] {
 padding-top: 4px;
 padding-bottom: 4px;
}






/* внешний контейнер — центрируем по странице (1336px ширина) */
.light-wrapper\.inner\.cosmo-courses-block\.wide-1336 {
 width: 1336px;
 margin-left: auto;
 margin-right: auto;
 box-sizing: border-box;
}

/* ссылки "Подробнее" внутри каждого текстового блока по центру */
.light-wrapper\.inner\.cosmo-courses-block\.wide-1336 .services > .text .footer-meta {
 text-align: center;
}
.light-wrapper\.inner\.cosmo-courses-block\.wide-1336 .services > .text .footer-meta .more {
 display: inline-block;
}


@media (max-width: 768px) {
 /* чтобы элементы шапки шли как единая строка без переполнения */
 header .head-top {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 6px;
 flex-wrap: nowrap;
 }
 /* дать возможность сжиматься ключевым элементам */
 header .head-l,
 header .head-r {
 min-width: 0;
 flex: 0 1 auto;
 }
 /* скрыть длинный текст логотипа на мобилке, чтобы не толкал остальное */
 header .site-name { display: none; }
 /* окно меню-каталогов может прокручиваться по горизонтали, если нужно */
 #catmenu { width: 100%; overflow-x: auto; white-space: nowrap; }
 /* запрет горизонтального переполнения страницы как запасной способ */
 html, body { overflow-x: hidden; }
 /* при необходимости уменьшить иконки */
 .i_menu, .i_search, .i_person { font-size: 26px; }
}

<script>
(function(){
 function applyLazyLoading(){
 document.querySelectorAll('.light-wrapper-inner.wide-1336 .wrapper .blog-posts .post img')
 .forEach(function(img){
 if (!img.hasAttribute('loading')) {
 img.setAttribute('loading', 'lazy');
 }
 });
 }
 if (document.readyState === 'loading') {
 document.addEventListener('DOMContentLoaded', applyLazyLoading);
 } else {
 applyLazyLoading();
 }
})();
</script>







/* Глобально: не допускать горизонтального сдвига и шевеления шапки */
html, body {
 overflow-y: scroll; /* всегда показываем вертикальный скролл */
 overflow-x: hidden; /* запрет горизонтального скролла */
}
/* Локальная зашита под шапку — адаптивно под ваш селектор */
@media (min-width: 0) {
 header.site-header,
 .site-header,
 header.header,
 .top-header {
 /* под ваш дизайн — замените при необходимости */
 position: sticky; /* можно заменить на fixed, если у вас такой подход */
 top: 0;
 left: 0;
 right: 0;
 width: 100%;
 height: 72px; /* подведите под вашу высоту шапки */
 min-height: 72px;
 max-height: 72px;
 z-index: 1000;
 transform: none !important;
 transition: none !important;
 box-sizing: border-box;
 }
}
/* Мобильная версия: если шапка тоже может менять размер, зафиксируйте её там же */
@media (max-width: 767px) {
 header.site-header,
 .site-header,
 header.header,
 .top-header {
 height: 72px;
 min-height: 72px;
 max-height: 72px;
 }
}



h1 { 
 margin-top: 30px; 
 margin-bottom: 30px; 
 font-size: 35px; 
 font-weight: 700; 
}
h2 { 
 margin-top: 25px; 
 margin-bottom: 25px; 
 font-size: 35px; 
 font-weight: 600; 
}
h3 { 
 margin-top: 12px; 
 margin-bottom: 12px; 
 font-size: 20px; 
 font-weight: 500; 
}
h1::first-letter,
h2::first-letter,
h3::first-letter {
 text-transform: uppercase;
}

/* Описание на странице */
.description {
 font-size: 18px;
 font-weight: 600;
 line-height: 1.5;
 margin: 25px 0; /* отступ сверху и снизу по 25px */
}

/* Описание на странице */
.description {
 font-size: 18px;
 font-weight: 600;
 line-height: 1.5;
 margin: 25px 0; /* отступ сверху и снизу по 25px */
}

img {
 display: block;
 margin-top: 15px;
 margin-bottom: 15px;
}


/* Mobile-first */
h1 { margin-top: 30px; margin-bottom: 30px; font-size: 1.375rem; font-weight: 700; }
h2 { margin-top: 25px; margin-bottom: 25px; font-size: 1.125rem; font-weight: 600; }
h3 { margin-top: 12px; margin-bottom: 12px; font-size: 1rem; font-weight: 500; }
@media (min-width: 768px) {
 h1 { font-size: 2rem; } /* ~32px */
 h2 { font-size: 1.5rem; } /* ~32px */
 h3 { font-size: 1.25rem; } /* ~20px */
}



<style>
.toc-grid {
 display: grid;
 grid-template-columns: repeat(4, 1fr); /* 4 колонки по умолчанию на больших экранах */
 gap: 12px;
 padding: 0;
 margin: 0;
 list-style: none;
}
.toc-grid li { /* чтобы ссылки выглядели как кнопки/плитки, можно добавить стиль ниже или оставить как есть */ }
@media (max-width: 1200px) {
 .toc-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 900px) {
 .toc-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
 .toc-grid { grid-template-columns: 1fr; }
}
</style>


/* внешний контейнер — центрируем по странице (1336px ширина) */
.light-wrapper\.inner\.cosmo-courses-block\.wide-1336 {
 width: 1336px;
 margin-left: auto;
 margin-right: auto;
 box-sizing: border-box;
}

/* ссылки "Подробнее" внутри каждого текстового блока по центру */
.light-wrapper\.inner\.cosmo-courses-block\.wide-1336 .services > .text .footer-meta {
 text-align: center;
}
.light-wrapper\.inner\.cosmo-courses-block\.wide-1336 .services > .text .footer-meta .more {
 display: inline-block;
}


@media (max-width: 768px) {
 /* чтобы элементы шапки шли как единая строка без переполнения */
 header .head-top {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 6px;
 flex-wrap: nowrap;
 }
 /* дать возможность сжиматься ключевым элементам */
 header .head-l,
 header .head-r {
 min-width: 0;
 flex: 0 1 auto;
 }
 /* скрыть длинный текст логотипа на мобилке, чтобы не толкал остальное */
 header .site-name { display: none; }
 /* окно меню-каталогов может прокручиваться по горизонтали, если нужно */
 #catmenu { width: 100%; overflow-x: auto; white-space: nowrap; }
 /* запрет горизонтального переполнения страницы как запасной способ */
 html, body { overflow-x: hidden; }
 /* при необходимости уменьшить иконки */
 .i_menu, .i_search, .i_person { font-size: 26px; }
}

<script>
(function(){
 function applyLazyLoading(){
 document.querySelectorAll('.light-wrapper-inner.wide-1336 .wrapper .blog-posts .post img')
 .forEach(function(img){
 if (!img.hasAttribute('loading')) {
 img.setAttribute('loading', 'lazy');
 }
 });
 }
 if (document.readyState === 'loading') {
 document.addEventListener('DOMContentLoaded', applyLazyLoading);
 } else {
 applyLazyLoading();
 }
})();
</script>







/* Глобально: не допускать горизонтального сдвига и шевеления шапки */
html, body {
 overflow-y: scroll; /* всегда показываем вертикальный скролл */
 overflow-x: hidden; /* запрет горизонтального скролла */
}
/* Локальная зашита под шапку — адаптивно под ваш селектор */
@media (min-width: 0) {
 header.site-header,
 .site-header,
 header.header,
 .top-header {
 /* под ваш дизайн — замените при необходимости */
 position: sticky; /* можно заменить на fixed, если у вас такой подход */
 top: 0;
 left: 0;
 right: 0;
 width: 100%;
 height: 72px; /* подведите под вашу высоту шапки */
 min-height: 72px;
 max-height: 72px;
 z-index: 1000;
 transform: none !important;
 transition: none !important;
 box-sizing: border-box;
 }
}
/* Мобильная версия: если шапка тоже может менять размер, зафиксируйте её там же */
@media (max-width: 767px) {
 header.site-header,
 .site-header,
 header.header,
 .top-header {
 height: 72px;
 min-height: 72px;
 max-height: 72px;
 }
}


(function() {
 // Проверка: все буквы в тексте — верхний регистр (удаляем все не-буквы)
 function isAllUpperCase(text) {
 // Берем все буквы любого языка
 const letters = Array.from(text.match(/\p{L}/gu) || []);
 if (letters.length === 0) return false;
 return letters.every(ch => ch === ch.toUpperCase());
 }
 // Преобразование в предложение с заглавной буквой
 function toSentenceCase(text) {
 const lowered = text.toLowerCase();
 return lowered.charAt(0).toUpperCase() + lowered.slice(1);
 }
 // Обновление текста внутри узла, не трогая разметку
 function updateTextNodes(root) {
 const walk = (node) => {
 node.childNodes.forEach(child => {
 if (child.nodeType === Node.TEXT_NODE) {
 const t = child.nodeValue;
 if (isAllUpperCase(t)) {
 child.nodeValue = toSentenceCase(t);
 }
 } else {
 walk(child);
 }
 });
 };
 walk(root);
 }
 // Инициализация: заменить верхний регистр в заголовках внутри article
 document.querySelectorAll('article h1, article h2, article h3').forEach(updateTextNodes);
 // Для динамического контента
 const ro = new MutationObserver(mutations => {
 mutations.forEach(m => {
 m.addedNodes.forEach(n => {
 if (n.nodeType === 1) {
 if (/^(H1|H2|H3)$/.test(n.tagName)) updateTextNodes(n);
 if (n.querySelectorAll) {
 n.querySelectorAll('h1,h2,h3').forEach(updateTextNodes);
 }
 }
 });
 });
 });
 ro.observe(document.body, { childList: true, subtree: true });
})();


{
 "enabled": true,
 "minify": {
 "css": true,
 "js": true
 },
 "combine": {
 "css": true,
 "js": true
 },
 "loadOrder": {
 "deferJs": true,
 "asyncJs": false,
 "lazyLoadImages": true
 },
 "criticalCss": {
 "enabled": true,
 "inline": true
 },
 "cdn": {
 "enabled": true,
 "domains": ["cdn.yourdomain.com"]
 },
 "exclude": {
 "css": [
 "jquery",
 "bootstrap"
 ],
 "js": [
 "jquery.js"
 ]
 }
}


 padding:16px 0;
 max-width:980px;
 width:100%;
 margin:0 auto;
}
.wrapper[aria-label="Описание академии космоэнергетики"] span{
 display:inline-block;
 text-align:center;
 max-width:70ch;
}
/* Вариант B: предпочтительнее — через класс (если можете добавить его в HTML) */
.academy-desc{
 text-align:center;
 padding:16px 0;
 max-width:980px;
 width:100%;
 margin:0 auto;
}
.academy-desc > span{
 display:inline-block;
 text-align:center;
 max-width:70ch;
}













.intro-image-top{
 float: left;
 width: 350px;
 margin: 0 20px 20px 0;
}
.intro-image-top img{
 width: 100%;
 height: auto;
 display: block;
 border-radius: 8px;
}
@media (max-width: 768px){
 .intro-image-top{
 float: none;
 width: 100%;
 max-width: 350px;
 margin: 0 auto 20px;
 }
}






/* 2) Чистка inline-стилей в CSS (без float) */
.intro-image-top{
 float:none;
 width:auto;
 margin:0 0 16px;
 display:grid;
 grid-template-columns:350px 1fr;
 gap:16px 20px;
 align-items:start;
}
.intro-image-top img{
 width:100%;
 height:auto;
 display:block;
 border-radius:8px;
}
@media (max-width:820px){
 .intro-image-top{ grid-template-columns:1fr; }
}
/* 3) Единый шаблон карточек + сетка без float (не меняя смысловую структуру ссылок/заголовков) */
.story-item{
 display:grid;
 grid-template-columns:250px 1fr;
 gap:12px 16px;
 align-items:start;
}
.story-item__media img{
 width:100%;
 max-width:250px;
 height:auto;
 display:block;
 border-radius:8px;
}
@media (max-width:820px){
 .story-item{ grid-template-columns:1fr; }
 .story-item__media img{ max-width:100%; }
}
/* Контакты — вынос стилей из inline */
#contacts.section{ padding:12px 0; }
#contacts h2{ margin:6px 0 8px; font-size:20px; }
#contacts p{ margin:0 0 6px; }
#contacts p:last-of-type{ margin-bottom:12px; }
#contacts .t820__container{
 margin-top:12px;
 display:flex;
 flex-wrap:wrap;
 gap:12px;
 padding:0;
 list-style:none;
}
#contacts .t-item{ display:flex; align-items:center; }
#contacts .t-item span[aria-hidden="true"]{ margin-left:8px; }
#contacts .t-name{ margin:0; }
#contacts .t-name a{ color:inherit; text-decoration:none; }




/* =========================
 Космо-блок (specialties) — НЕ ломаем шаблон, только улучшаем
 ========================= */
/* Контейнер секции: сохраняем wide-1336, но делаем безопасные отступы */
.specialties.inner.wide-1336{
 width: 100%;
 max-width: var(--site-max-width, 1336px);
 margin: 0 auto;
 padding-left: 12px;
 padding-right: 12px;
 box-sizing: border-box;
 background: #fff; /* у вас уже есть, но пусть будет стабильно */
}
/* Внутренний wrapper: чтобы вложенные .wrapper не раздували ширину */
.specialties.inner.wide-1336 .wrapper{
 width: 100%;
 max-width: 100%;
 box-sizing: border-box;
}
/* Межблочные отступы и читабельность */
.specialties.inner.wide-1336 .block{
 margin-top: 18px;
}
/* Текст — нормальные переносы */
.specialties.inner.wide-1336 p,
.specialties.inner.wide-1336 span{
 overflow-wrap: anywhere;
 word-break: break-word;
 white-space: normal;
}
/* Ссылки — главное, чтобы длинные URL не "вылазили" */
.specialties.inner.wide-1336 a,
.specialties.inner.wide-1336 .break-link{
 overflow-wrap: anywhere;
 word-break: break-word;
}
/* Небольшая “кликабельность” ссылок внутри текста */
.specialties.inner.wide-1336 a{
 text-decoration-thickness: from-font;
 text-underline-offset: 2px;
}
/* Телефонная ссылка: не даём крупному спану распирать строку */
.specialties.inner.wide-1336 a[href^="tel:"] span{
 font-size: inherit !important;
}
/* =========================
 Blog posts — адаптация под мобильные (чтобы карточки не ехали)
 ========================= */
@media (max-width: 767px){
 .blog-posts{
 flex-direction: column;
 }
 .blog-posts .post{
 width: 100%;
 flex: 1 1 auto;
 margin: 10px 0;
 }
 /* Чуть меньше внутренних отступов в секции на мобилке */
 .specialties.inner.wide-1336{
 padding-left: 10px;
 padding-right: 10px;
 }
}
/* =========================
 (Опционально) Если где-то встречаются элементы с nowrap
 и они ломают ширину — включить:
 ========================= */
/*
.specialties.inner.wide-1336 *{
 min-width: 0;
}
*/
/* Уменьшаем H1/H2 только внутри блока specialties (шаблон не трогаем) */
.specialties.inner.wide-1336 h1{
 font-size: 26px; /* было крупнее — сделаем компактнее */
 line-height: 1.2;
}
.specialties.inner.wide-1336 h2{
 font-size: 22px;
 line-height: 1.25;
}
/* На мобильных ещё чуть меньше */
@media (max-width: 767px){
 .specialties.inner.wide-1336 h1{
 font-size: 20px;
 line-height: 1.25;
 }
 .specialties.inner.wide-1336 h2{
 font-size: 18px;
 line-height: 1.3;
 }
}


/* /courses (sitePage498): карточки в 1 колонку на мобильных + защита от "вылазов" */
@media (max-width: 767px){
 /* сам список: убираем лишние отступы и растягиваем на всю ширину */
 body.sitePage498 .two-col-grid--adapted{
 padding-left: 0;
 padding-right: 0;
 margin-left: 0;
 margin-right: 0;
 width: 100%;
 box-sizing: border-box;
 }
 /* каждый пункт */
 body.sitePage498 .two-col-grid--adapted > .t-item{
 width: 100%;
 max-width: 100%;
 box-sizing: border-box;
 }
 /* карточка: вместо горизонтали — вертикальная колонка */
 body.sitePage498 .two-col-grid--adapted .t-card{
 flex-direction: column !important;
 gap: 12px !important;
 align-items: stretch !important;
 max-width: 100%;
 box-sizing: border-box;
 }
 /* блок картинки: убираем "flex:0 0 250px" и делаем 100% ширины */
 body.sitePage498 .two-col-grid--adapted .t-card-image{
 flex: 0 0 auto !important;
 width: 100% !important;
 max-width: 100% !important;
 box-sizing: border-box;
 }
 /* картинка: на всю ширину, без выхода за контейнер */
 body.sitePage498 .two-col-grid--adapted .t-card-image img{
 width: 100% !important;
 max-width: 100%;
 height: auto !important;
 display: block;
 }
 /* текстовая часть: разрешаем сжиматься (важно для flex) */
 body.sitePage498 .two-col-grid--adapted .t820__textwrapper{
 min-width: 0;
 max-width: 100%;
 }
 /* длинные слова/ссылки — перенос */
 body.sitePage498 .two-col-grid--adapted a,
 body.sitePage498 .two-col-grid--adapted p,
 body.sitePage498 .two-col-grid--adapted h2{
 overflow-wrap: anywhere;
 word-break: break-word;
 }
 /* чтобы большой заголовок в карточке не был огромным на мобилке */
 body.sitePage498 .two-col-grid--adapted .t-name{
 font-size: 18px !important;
 line-height: 1.25;
 }
}

/* Футер — вынесение всех стилей в CSS (не трогаем HTML-шаблон) */
.site-footer {
 background: #000 !important;
 background-color: #000 !important;
 padding: 40px 0 20px 0 !important;
 color: #fff !important;
}
.site-footer__container {
 display: grid !important;
 grid-template-columns: repeat(3, 1fr) !important;
 gap: 28px !important;
 max-width: 1200px !important;
 margin: 0 auto !important;
 padding: 0 20px !important;
}
.site-footer__section {
 color: #fff !important;
 flex: 1 1 260px !important;
}
.site-footer__title {
 color: #fff !important;
 font-size: 18px !important;
 margin: 0 0 6px !important;
}
.site-footer__subtitle {
 color: #fff !important;
 font-size: 14px !important;
 text-transform: uppercase !important;
 letter-spacing: .5px !important;
 margin: 0 0 6px !important;
}
.site-footer__address {
 color: #ddd !important;
 font-style: normal !important;
 margin: 0 0 8px !important;
}
.site-footer__link {
 color: #fff !important;
 text-decoration: underline !important;
}
.site-footer__map {
 width: 100% !important;
 height: 300px !important;
 border: 0 !important;
}
.site-footer__credit {
 text-align: center !important;
 margin-top: 20px !important;
 color: #bbb !important;
}
.hash-title, .hash-link {
 color: #bbb !important;
 text-decoration: none !important;
}
@media (max-width: 1024px) {
 .site-footer__container {
 grid-template-columns: repeat(2, 1fr) !important;
 }
}
@media (max-width: 640px) {
 .site-footer__container {
 grid-template-columns: 1fr !important;
 }
}









/* На всякий: если тема/шаблон добавляет скругление — убираем только у промо-изображения */
section.promo-wrapper > .promo > img {
 border-radius: 0 !important;
 width: 100%;
 height: 100%;
 display: block;
}



/* фикс центрирования кнопки(кнопок) в PROMO */
.promo-wrapper .two-cta{
 width: 100%;
 display: flex;
 justify-content: center;
 align-items: center;
 gap: 1rem;
 flex-wrap: wrap;
 text-align: center;
}
/* если .btn где-то плавает или имеет странные отступы — сбрасываем только в промо */
.promo-wrapper .two-cta .btn{
 float: none !important;
 margin-left: 0 !important;
 margin-right: 0 !important;
 position: static !important;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 text-align: center;
}
/* если кнопка у вас всё ещё внутри .cap-ds — делаем обёртку нейтральной */
.promo-wrapper .two-cta .cap-ds{
 margin: 0 !important;
 padding: 0 !important;
 max-width: none !important;
 width: auto !important;
 text-align: center !important;
}


/* МОБИЛЬНЫЕ: промо-изображение во весь экран + защита от вылезания текста */
@media (max-width: 767px){
 .promo-wrapper .promo{
 position: relative;
 height: 100vh;
 height: 100svh;
 min-height: 100vh;
 min-height: 100svh;
 max-height: none !important;
 overflow: hidden;
 }
 .promo-wrapper .promo > img{
 width: 100% !important;
 height: 100% !important;
 max-width: none !important;
 object-fit: cover;
 object-position: center;
 display: block;
 border-radius: 0 !important;
 }
 /* только “антивылаз”: переносы длинных слов/ссылок */
 .promo-wrapper .cap-ttl,
 .promo-wrapper .cap-ds,
 .promo-wrapper .btn{
 overflow-wrap: anywhere;
 word-break: break-word;
 }
}


.intro-image{
 float: left;
 width: 350px;
 margin: 0 20px 20px 0;
}
.intro-image img{
 width: 100%;
 height: auto;
 display: block;
 border-radius: 8px;
}
/* Мобильная адаптация: убираем float */
@media (max-width: 700px){
 .intro-image{
 float: none;
 width: 100%;
 margin: 0 0 16px 0;
 }
}

/* Зафиксировать высоту шапки и запретить её изменение при скролле */
@media (min-width: 0) {
 header.site-header,
 .site-header,
 header.header,
 .top-header {
 height: 72px; /* подберите свой стабильный размер */
 min-height: 72px;
 max-height: 72px;
 transition: none !important;
 transform: none !important;
 box-sizing: border-box;
 }
}
/* Мобильная версия: если нужна отдельная настройка, можно задать то же значение */
@media (max-width: 767px) {
 header.site-header,
 .site-header,
 header.header,
 .top-header {
 height: 72px;
 min-height: 72px;
 max-height: 72px;
 }
}



img[data-src]{ filter: blur(6px); transition: filter .3s; }
img[data-src].loaded{ filter: blur(0); }
img[data-src]{
 filter: blur(6px);
 transition: filter .3s ease;
 will-change: filter;
}
img[data-src].loaded{
 filter: blur(0);
}


/* Центр + отступы для H2 и описаний (кроме PROMO) */
.wrapper[aria-label="Описание академии космоэнергетики"] h2{
 text-align: center;
 margin-top: 35px; /* внешний отступ сверху у h2 */
 margin-bottom: 15px; /* внешний отступ снизу у h2 */
 padding-top: 8; /* внутренние (если надо — поменяйте) */
 padding-bottom: 0;
}
/* Описание: ширина 980, по центру, отступы снизу после описания */
.wrapper[aria-label="Описание академии космоэнергетики"] .cosmo-text,
.wrapper[aria-label="Описание академии космоэнергetики"] p.cosmo-text{
 max-width: 980px;
 margin: 0 auto 18px;
 text-align: center;
}
/* Если описание у вас реально в <span> (а p.cosmo-text пустой) */
.wrapper[aria-label="Описание академии космоэнергетики"] > span{
 display: block;
 max-width: 980px;
 margin: 0 auto 26px; /* отступ снизу ПОСЛЕ описания */
 text-align: center;
}
/* Внешние/внутренние отступы самого блока-обёртки с описанием */
.wrapper[aria-label="Описание академии косmoэнергетики"],
.wrapper[aria-label="Описание академии космоэнергетики"]{
 padding-top: 13px; /* внутренние отступы блока */
 padding-bottom: 12px;
 margin-top: 12px; /* внешние отступы блока */
 margin-bottom: 12px;
}
/* НЕ применять к промо */
.promo .wrapper[aria-label="Описание академии космоэнергетики"] h2,
.promo .wrapper[aria-label="Описание академии косmoэнергетики"] h2,
.promo .wrapper[aria-label="Описание академии космоэнергетики"] > span,
.promo .wrapper[aria-label="Описание академии косmoэнергетики"] > span,
.promo .wrapper[aria-label="Описание академии косmoэнергетiki"] > span{
 max-width: none;
 margin: 0;
 padding: 0;
}








/* Превью в списке новостей */
.eThumb img{
 max-width: 100%;
 height: auto;
 display: block;
 border-radius: var(--radius);
}
.new-style ul.uRelatedEntries{
 margin: 0;
 padding: 0;
 list-style: none;
 display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 gap: 12px;
}
@media (max-width: 1024px){
 .new-style ul.uRelatedEntries{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px){
 .new-style ul.uRelatedEntries{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.new-style ul.uRelatedEntries li{
 margin: 0; /* важно, чтобы сетка не “прыгала” */
}
.new-style ul.uRelatedEntries li a{
 display: block;
 padding: 10px;
 border: 1px solid rgba(0,0,0,.08);
 border-radius: var(--radius);
 background: var(--card);
 text-decoration: none;
 color: var(--text);
 box-shadow: var(--shadow-soft);
}
.new-style ul.uRelatedEntries li a:hover{
 color: var(--primary);
}
/* Заголовки: межстрочный интервал (для всего сайта) */
h1,
h2{
 line-height: 1.; /* поставьте как нужно: 1.15–1.35 */
}
/* Отступы (для всего сайта) */
h1{ margin: 10px 0 12px; }
h2{ margin: 10px 0 10px; }
img {
 max-width: 100%;
 height: auto;
}



!important: .site-footer { background: #000 !important; background-color: #000 !important; }


/* только внутри текста материала */
.eMessage a{
 font-size: 16px;
 font-weight: 400;
 text-decoration: none;
}
.eMessage a:hover,
.eMessage a:focus,
.eMessage a:active{
 text-decoration: none;
}
@media (max-width: 767px){
 .eMessage a{
 font-size: 16px !important;
 }
}

@media (max-width: 767px){
 .eMessage a{
 font-size: 16px !important;
 }
}

/* =========================================================
 Описание академии космоэнергетики — центрирование и отступы
 H2: 28px/1.2 на десктопе, 20px/1.2 на мобилке
 Исключение: внутри .promo не применяется
 ========================================================= */
/* Общие отступы обёртки */
.wrapper[aria-label="Описание академии космоэнергетики"]{
 padding-top: 13px;
 padding-bottom: 12px;
 margin-top: 12px;
 margin-bottom: 12px;
}
/* Заголовок H2 (внешний блок) — ДЕСКТОП */
.wrapper[aria-label="Описание академии космоэнергетики"] > h2{
 text-align: center;
 font-size: 28px;
 line-height: 1.2;
 margin-top: 35px;
 margin-bottom: 15px;
 padding-top: 8px;
 padding-bottom: 0;
}
/* На случай, если h2 не прямой ребёнок */
.wrapper[aria-label="Описание академии космоэнергетики"] h2{
 text-align: center;
}
/* Описание, если оно в p.cosmo-text (у вас часто пустой) */
.wrapper[aria-label="Описание академии космоэнергетики"] .cosmo-text{
 max-width: 980px;
 margin: 0 auto 18px;
 text-align: center;
 line-height: 1.55;
}
/* Описание, если текст в span внутри ВНУТРЕННЕГО wrapper (как у вас) */
.wrapper[aria-label="Описание академии космоэнергетики"]
 .wrapper[aria-label="Описание академии космоэнергетики"] > span{
 display: block;
 max-width: 980px;
 margin: 0 auto 26px;
 text-align: center;
 line-height: 1.55;
}
/* На всякий случай: если span окажется сразу в внешнем wrapper */
.wrapper[aria-label="Описание академии космоэнергетики"] > span{
 display: block;
 max-width: 980px;
 margin: 0 auto 26px;
 text-align: center;
 line-height: 1.55;
}
/* ===== Мобильная адаптация ===== */
@media (max-width: 767px){
 .wrapper[aria-label="Описание академии космоэнергетики"]{
 padding-top: 10px;
 padding-bottom: 10px;
 margin-top: 10px;
 margin-bottom: 10px;
 }
 /* H2 — МОБИЛКА */
 .wrapper[aria-label="Описание академии космоэнергетики"] > h2{
 font-size: 20px;
 line-height: 1.2;
 margin-top: 18px;
 margin-bottom: 10px;
 padding-top: 0;
 }
 /* Описания: добавляем боковые отступы, чтобы не прилипало к краям */
 .wrapper[aria-label="Описание академии космоэнергетики"] .cosmo-text,
 .wrapper[aria-label="Описание академии космоэнергетики"] > span,
 .wrapper[aria-label="Описание академии космоэнергетики"]
 .wrapper[aria-label="Описание академии космоэнергетики"] > span{
 max-width: 100%;
 padding-left: 12px;
 padding-right: 12px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 line-height: 1.5;
 }
 .wrapper[aria-label="Описание академии космоэнергетики"]
 .wrapper[aria-label="Описание академии космоэнергетики"] > span{
 margin-bottom: 18px;
 }
}
/* ===== НЕ применять к PROMO — сброс внутри .promo ===== */
.promo .wrapper[aria-label="Описание академии космоэнергетики"]{
 padding: 0;
 margin: 0;
}
.promo .wrapper[aria-label="Описание академии космоэнергетики"] h2,
.promo .wrapper[aria-label="Описание академии космоэнергетики"] .cosmo-text,
.promo .wrapper[aria-label="Описание академии космоэнергетики"] > span,
.promo .wrapper[aria-label="Описание академии космоэнергетики"]
 .wrapper[aria-label="Описание академии космоэнергетики"] > span{
 max-width: none;
 margin: 0;
 padding: 0;
 font-size: inherit;
 line-height: inherit;
 text-align: inherit;
}


/* ==========================================================
 МАКСИМАЛЬНАЯ АДАПТАЦИЯ "как есть" (без правки шаблона)
 Добавить в КОНЕЦ my.css
 ========================================================== */
/* 0) База + защита от переполнения */
*,
*::before,
*::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
html, body { max-width: 100%; overflow-x: hidden; }
body { min-width: 320px; line-height: 1.5; }
#casing, #content, #sidebar, aside { max-width: 100%; }
/* Убрать подчеркивание у ссылок (как вы просили) */
a { text-decoration: none; }
a:hover, a:focus { text-decoration: none; }
/* Длинные слова/URL не ломают сетку */
#content, #sidebar, .wrapper, .main-wrapper { overflow-wrap: anywhere; word-break: break-word; }
/* Медиа по умолчанию */
img, video { max-width: 100%; height: auto; }
img { display: block; }
/* Встроенные элементы (ютуб/карты) */
iframe, embed, object { max-width: 100%; }
/* 1) Макет контент + сайдбар: не трогаем HTML, но "обнуляем" float на мобилке */
@media (max-width: 980px){
 #content,
 #sidebar,
 aside,
 #casing > aside {
 float: none !important;
 width: 100% !important;
 max-width: 100% !important;
 margin-left: 0 !important;
 margin-right: 0 !important;
 }
 /* если тема задаёт фикс. ширины детям сайдбара */
 #sidebar * { max-width: 100%; }
}
/* 2) Отступы/читабельность на маленьких экранах */
@media (max-width: 560px){
 .wrapper, .main-wrapper { padding-left: 10px; padding-right: 10px; }
 .page{
 padding: 12px; /* было 20px */
 gap: 12px;
 }
 /* чуть плотнее заголовки на телефоне */
 h1{ margin: 10px 0 10px; }
 h2{ margin: 10px 0 8px; }
}
/* 3) TOC/контент уже адаптируются у вас на 900px, страхуем на узких экранах */
@media (max-width: 560px){
 .toc{
 padding: 10px;
 border-radius: 10px;
 }
 .toc a{
 padding: 8px 10px; /* удобнее пальцем */
 }
}
/* 4) Related entries: 4/3/2 у вас есть, добавляем 1 колонку на очень узких */
@media (max-width: 420px){
 .new-style ul.uRelatedEntries{ grid-template-columns: 1fr; }
}
/* 5) Таблицы: не раздуваем страницу */
#content table{
 width: 100%;
 max-width: 100%;
 border-collapse: collapse;
}
@media (max-width: 980px){
 #content table{
 display: block;
 overflow-x: auto;
 -webkit-overflow-scrolling: touch;
 }
}
/* 6) Превью/картинки в тексте: чтобы float-картинка не душила мобилку */
@media (max-width: 900px){
 .intro-image{
 float: none;
 width: 100%;
 max-width: 100%;
 margin: 0 0 12px 0;
 }
}
/* 7) Формы и поля поиска: на телефоне в одну колонку */
input, select, textarea, button { max-width: 100%; }
@media (max-width: 980px){
 input[type="text"],
 input[type="email"],
 input[type="tel"],
 input[type="search"],
 input[type="url"],
 input[type="password"],
 textarea,
 select{
 width: 100%;
 }
}
/* 8) Сайдбар-виджеты: сетка не должна создавать горизонтальный скролл */
.sidebar-widgets,
.sidebar-widgets > *{
 max-width: 100%;
}
/* 9) Сертификаты: на очень узких делаем меньше, без фикс высоты */
@media (max-width: 420px){
 .cert-img{
 width: 64px;
 height: auto;
 }
}
/* 10) Кнопки/кликабельные элементы: удобнее на тач-экранах (без изменения HTML) */
@media (max-width: 560px){
 button,
 .side-weather__btn,
 .cookieAgree,
 .promo-wrapper .two-cta a,
 .promo-wrapper .two-cta button{
 min-height: 40px;
 }
}
/* 11) Частая причина скролла — элементы с фиксированной шириной в контенте */
#content pre,
#content code{
 max-width: 100%;
}
@media (max-width: 980px){
 #content pre{
 overflow-x: auto;
 -webkit-overflow-scrolling: touch;
 }
}
```__





/* Убрать подчеркивание у всех ссылок */
a { text-decoration: none; }
a:hover,
a:focus { text-decoration: none; }

/* ОБТЕКАНИЕ ДЛЯ <figure class="intro-image-top"> — принудительно */
#content .intro-image-top,
.wrapper .intro-image-top,
.entry .intro-image-top,
.eMessage .intro-image-top{
 float: left !important;
 width: 350px !important;
 max-width: min(350px, 45%) !important;
 margin: 0 20px 16px 0 !important;
 display: block !important;
 clear: none !important;
}
/* картинка внутри */
#content .intro-image-top img,
.wrapper .intro-image-top img,
.entry .intro-image-top img,
.eMessage .intro-image-top img{
 width: 100% !important;
 height: auto !important;
 display: block !important;
 border-radius: 8px;
}
/* подпись */
#content .intro-image-top figcaption,
.wrapper .intro-image-top figcaption,
.entry .intro-image-top figcaption,
.eMessage .intro-image-top figcaption{
 margin-top: 6px;
 font-size: 0.9em;
 line-height: 1.25;
}
/* Мобилка: отключаем обтекание */
@media (max-width: 900px){
 #content .intro-image-top,
 .wrapper .intro-image-top,
 .entry .intro-image-top,
 .eMessage .intro-image-top{
 float: none !important;
 width: 100% !important;
 max-width: 100% !important;
 margin: 0 0 12px 0 !important;
 }
}

/* Мобильные: скрыть "Сейчас в Москве + Погода" */
@media (max-width: 767px){
 .sidebar-widgets{
 display:none !important;
 }
}


<style>
.bottom-bar {
 position: fixed;
 bottom: 20px;
 left: 50%;
 transform: translateX(-50%);
 display: flex;
 gap: 18px;
 z-index: 9999;
 animation: fadeInUp 0.8s ease;
}

.icon-btn {
 width: 55px;
 height: 55px;
 background: rgba(30, 30, 30, 0.85);
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 box-shadow: 0 5px 15px rgba(0,0,0,0.5), inset 0 1px 4px rgba(255,255,255,0.2);
 backdrop-filter: blur(6px);
 transition: all 0.3s ease;
}

/* Иконка всегда отображается в основном цвете */
.icon-btn img {
 width: 28px;
 height: 28px;
 transition: transform 0.3s ease, filter 0.3s ease;
}

/* При наведении становится ярче и увеличивается */
.icon-btn:hover {
 transform: translateY(-5px) scale(1.1);
 box-shadow: 0 0 15px rgba(255,255,255,0.7), 0 0 30px rgba(255,255,255,0.4);
}

.icon-btn:hover img {
 transform: scale(1.2);
 filter: brightness(1.2);
}

@keyframes fadeInUp {
 from {
 opacity: 0;
 transform: translate(-50%, 20px);
 }
 to {
 opacity: 1;
 transform: translate(-50%, 0);
 }
}
</style>

Источник: https://zornet.ru/load/knopka_socialnoj_seti_dlja_sajta/145-1-0-10830