@font-face{font-display:swap;font-family:'Commissioner';font-style:normal;font-weight:500;font-optical-sizing:auto;src:url(../fonts/commissioner-v24-cyrillic-ext_latin-500.woff2) format("woff2")}
@font-face{font-display:swap;font-family:'Commissioner';font-style:normal;font-weight:600;font-optical-sizing:auto;src:url(../fonts/commissioner-v24-cyrillic-ext_latin-600.woff2) format("woff2")}
*,::before,::after{box-sizing:border-box}
html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}
body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}
ul[role='list'],ol[role='list']{list-style:none}
body{min-height:100vh;line-height:1.5}
h1,h2,h3,h4,button,input,label{line-height:1.1}
h1,h2,h3,h4{text-wrap:balance}
a:not([class]){text-decoration-skip-ink:auto;color:currentColor}
img,picture,svg,iframe{max-width:100%;display:block;height:auto}
input,button,textarea,select{font-family:inherit;max-width:100%}
textarea:not([rows]){min-height:10em}
:target{scroll-margin-block:5ex}
html,body{padding:0;margin:0;min-height:100vh}
figure{margin:0}
a,a.u:hover,a:visited{text-decoration:none;color:inherit;transition:color .3s ease-in-out}
a:hover,a.u{text-decoration:underline}
a:focus{color:#676767}
i,em{font-family:serif}
.flex,#sform > div{display:flex}
.flex-wrap{flex-wrap:wrap}
.flex-center{justify-content:center}
.grid{display:grid}
.container{padding:0 20px;max-width:1440px;margin-left:auto;margin-right:auto}
button,input[type="submit"]{cursor:pointer}
:where(button.base){padding:0;margin:0;background-color:transparent;border:none}
ul.base,main .offers ul,main .events ul{padding:0;margin:0;list-style:none}
.light-gray-bg{background-color:#E0E0E0}
.gray-bg{background-color:#898989;color:#fff}
.dark-bg{background-color:#3D3D3D;color:#fff}
.black-bg{background-color:#000;color:#fff}
button.dark{background-color:#3D3D3D;color:#fff;padding:7px;border:none;margin:0}
.gap-20{gap:20px}
.gap-10{gap:10px}
.mt-20,.leftcol h3.mt-20,.rightcol h3.mt-20{margin-top:20px}
.mb-20,.leftcol h3.mb-20,.rightcol h3.mb-20{margin-bottom:20px}
.mt-10,.leftcol h3.mt-10,.rightcol h3.mt-10{margin-top:10px}
.mb-10,.leftcol h3.mb-10,.rightcol h3.mb-10{margin-bottom:10px}
.sub-footer>:first-child,.boxform.light-gray-bg>:first-child{margin-top:0}
.sub-footer>:last-child{margin-bottom:0}
h1{font-size:clamp(1.375rem,1.2639rem + 0.5556vw,1.75rem)}
h2{font-size:clamp(1.25rem,1.1759rem + 0.3704vw,1.5rem)}
h3{font-size:clamp(1.125rem,1.0509rem + 0.3704vw,1.375rem)}
h4{font-size:1em}
h5{font-size:.875em}
.btn{padding:7px 14px;min-width:120px;background-color:#000;color:#fff;transition:all .3s ease-in-out}
.btn:hover{background-color:#898989}
.boxform.light-gray-bg{padding:10px}
.table-wrapper{max-width:100%;overflow-x:auto}
.center{text-align:center}
.main-header{position:relative}
#header-newMenu{padding:7px 0}
.headerLogo a{margin:auto;max-width:130px}
#nav{position:relative;z-index:7}
#nav li{background:none;padding:10px 20px;text-align:left;position:relative}
#nav a{display:block}
#nav .sub-toggle{font-size:1.3em;font-weight:700;position:absolute;right:15px;top:10px;width:15px;height:15px;display:block}
.menu-collapser{position:absolute;width:100%;padding:0 8px;color:#FFF;font-size:16px;top:0;left:0;z-index:7}
.collapse-button{position:absolute;left:8px;top:21px;width:40px;padding:7px 10px;color:#FFF;font-size:14px;text-align:center;background-color:#0E0E0E;border-radius:2px;background-color:#000}
.collapse-button:hover,.collapse-button:focus{color:#FFF;background-color:#040404}
.collapse-button .icon-bar{display:block;height:2px;width:18px;margin:2px 0;background-color:#F5F5F5;border-radius:1px}
#s,#login-newMenu{transition:all .3s ease-in-out}
#s-toggle,#login-toggle{position:absolute;top:21px;width:28px;height:28px;text-align:center;z-index:7}
#login-toggle{right:8px}
#s-toggle{right:46px}
#login-newMenu .close,#s .close{position:absolute;top:20px;right:20px;width:16px;height:16px;color:#fff}
#s .sbox{height:32px;flex:1 1 auto}
#s .sbutton{height:32px;aspect-ratio:1;padding:0;margin:0;background:#b52f22 url(../images/icon-search.svg) center no-repeat;border:none}
#search .sbox{width:calc(100% - 32px)}
#search{width:90%;max-width:300px;margin:0 auto}
#login-newMenu .login_box{margin:0 auto}
#login-newMenu .login_box p{margin:0 0 10px;font-weight:700}
#login-newMenu .login_box .fields-wrapper{gap:4px;margin-bottom:10px}
#login-newMenu .login_box .fields-wrapper input{border:none;height:32px;width:calc(50% - 2px)}
#login-newMenu .login_box .btn-wrapper{margin-bottom:10px;justify-content:space-between}
#login-newMenu .login_box .btn-wrapper .smbutton,#login-newMenu .cbutton{padding:10px;background-color:#b52f22;color:#fff;border:none}
#login-newMenu .login_box a{color:#fff}
.top-ads{gap:10px;align-items:center;margin-top:20px}
.main-footer{margin-top:2em}
.main-footer .columns{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.main-footer .top-bar >*{padding-left:20px;padding-right:20px}
.main-footer .top-bar ul{padding:10px 0}
.main-footer .gray-bg a:visited,.main-footer .gray-bg a:focus{color:#E0E0E0}
.sub-footer{padding-top:1em;padding-bottom:1em;margin-top:2em}
.sub-footer p:last-child,.sub-footer p:last-child a{color:#898989}
.tab-wrapper,.comment-form-wrapper textarea,.leftcol nav >div:first-child,a[name="sub"]{width:100%}
.tab-wrapper .tab-menu button{padding:5px;border:1px solid #000;border-bottom:none;display:block;line-height:1}
.tab-wrapper .tab-menu li+li button{border-left:none}
.tab-wrapper .tab-menu button.active{background-color:#000;color:#fff}
.tab-wrapper .tab-content{position:relative;border-top:1px solid #000;margin-top:-1px}
.tab-content div[data-tab]{padding:10px 0;border-bottom:1px solid #000}
.tab-wrapper .tab-content>div:not(.active){position:absolute;top:0}
.tab-wrapper .tab-content figure{display:flex;gap:10px;align-items:flex-start}
.tab-wrapper .tab-content figure img{flex:0 0 120px}
.tab-wrapper .tab-content figcaption{padding-top:7px}
.tab-wrapper .tab-content a.more{padding:7px}
.tab-content .grid,.tab-content .flex{gap:10px}
.tab-content .flex a:has(img){flex:0 0 60px}
.tab-content .flex a:has(img.w100){flex:0 0 100px}
.tab-content h2{margin:0}
.tab-content p.more{margin:0;text-align:right}
.subscribe-block{padding:20px;width:100%;max-width:380px}
.subscribe-block form{margin-bottom:0}
.subscribe-block h4{margin-top:0}
.subscribe-block .flex{gap:7px;align-items:center;justify-content:space-between}
.subscribe-block .flex input{flex:1 1 calc(100% - 55px)}
.subscribe-block button{margin:0 0 0 auto;display:block}
.subscribe-block input[type="radio"]{margin:0 3px 0 0;vertical-align:middle}
.subscribe-block p label+label{margin-left:20px}
.leftcol h3,.rightcol h3,h1.ttl,h2.ttl,h3.ttl{padding-bottom:10px;margin-bottom:1rem;border-bottom:1px solid currentColor}
#menu{columns:2}
.leftcol nav a,.comment-form-wrapper label{display:block}
.rightcol{gap:20px}
.rightcol h3{margin-top:0}
#bc{padding-bottom:5px;margin-bottom:1em;border-bottom:1px solid #000}
.more-news > h2{padding-bottom:10px;margin-bottom:1rem;border-bottom:1px solid #000}
.more-news .grid:not(.gap-20){gap:10px}
.more-news p:last-child{text-align:right}
.company .profile_icons:has(> :nth-child(2)){display:flex;gap:7px}
main .news-block,main .offers,main .events,.table-wrapper.why-register{margin-top:20px}
main .news-block h2,main .offers h2,main .events h2{margin:0 0 1rem}
main .news-block .grid,main .offers ul,main .events ul{gap:10px}
main .offers ul,main .events ul{display:grid}
main p.more{margin-top:0;text-align:right}
main ins{max-width:100%}
.form-wrapper .light-gray-bg{padding:10px}
.warning,.red{color:#b52f22}
.reg-form-intro{margin-bottom:1rem}
form.add-company.grid{gap:1rem;padding:10px;border:1px solid #E0E0E0}
form.add-company.grid > p{margin:0}
form.add-company .fields-wrapper:has(input[type="checkbox"]){display:flex;align-items:flex-start;gap:7px}
form.add-company input:not([type="checkbox"]):not([type="radio"]):not([name="captcha"]),select,textarea{width:100%}
form.add-company .selects-wrapper{gap:4px}
.partners-wrapper .logos{flex-wrap:wrap;gap:10px}
.table-wrapper.why-register table{border:1px solid #ccc;border-collapse:collapse;margin:0;padding:0}
.table-wrapper.why-register th,.table-wrapper.why-register td{border:1px solid #ccc}
.table-wrapper.why-register tr>:first-child{text-align:left;padding:7px}
.table-wrapper.why-register th{padding:7px}
.table-wrapper.why-register td{text-align:center}
.table-wrapper.why-register img{display:inline-block}
.comment-form-wrapper > :not(form){text-align:center}
.comment-form-wrapper input[name="fname"]{width:100%;max-width:320px}
.comment-form-wrapper input[name="fname"],.comment-form-wrapper textarea{margin-bottom:10px}
.comment-form-wrapper .sec-code input{max-width:140px}
p.pagination a{flex:0 0 20px;height:20px;text-align:center}
div.article{margin-bottom:10px}
div.article .content a,div.article:has(.content) img{width:100%}
#page #thumbs a.thumb{transition:opacity .3s ease-in-out}
#page #thumbs a.thumb:hover,#page #thumbs .selected a.thumb{opacity:.6}
@media only screen and (max-width: 559px) {
.rightcol,.news-search{flex-direction:column}
form.add-company,.news-search{max-width:380px;margin:0 auto}
form.add-company label:not(.short):not(:has(+ input[type="checkbox"])){display:block;margin-bottom:7px}
.news-search .btn{align-self:flex-end}
p.pagination{overflow-x:auto}
}
@media only screen and (min-width: 560px) {
#menu{columns:3}
.leftcol .banners{gap:7px}
.rightcol{flex-wrap:wrap;align-items:flex-start}
.rightcol .news-block{flex-basis:calc(100% - 320px);display:flex;flex-direction:column;gap:10px}
form.add-company .fields-wrapper{display:flex;gap:7px;align-items:flex-start}
form.add-company .fields-wrapper:not(:has(input[type="checkbox"])) label{flex:0 0 203px}
form.add-company .fields-wrapper label+div{flex:1 1 calc(100% - 210px)}
form.add-company .fields-wrapper.name,form.add-company .fields-wrapper:has(div#firm_text){flex-wrap:wrap}
#desc_en_t,#desc_bg_t{display:block}
div.article .content{display:flex;gap:10px;margin-top:10px}
div.article .content figure{flex:0 0 45%}
div.article .content p{margin:0}
}
@media only screen and (max-width: 767px) {
.top-ads{flex-direction:column}
.top-ads.animated{display:block;position:relative}
}
@media only screen and (min-width: 768px) {
.flex-m{display:flex}
#search{max-width:400px}
#s .sbox,#s .sbutton{height:42px}
.main-footer .top-bar ul{display:flex;justify-content:center;gap:20px;text-align:center;font-size:.875em}
.partners-wrapper .logos{gap:20px;justify-content:center}
.two-cols.gap-20>div{flex-basis:calc(50% - 10px)}
}
@media only screen and (max-width: 1023px) {
#nav{background-color:#fff}
#headerBanners a,#nav span.icon{display:none}
#s,#login-newMenu{position:fixed;top:0;width:100%;height:100vh;transform:scale(0);opacity:0;z-index:-1;background-color:#000000bf;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 10px}
#s.active,#login-newMenu.active{transform:scale(1);z-index:77;opacity:1;color:#fff}
#header-newMenu{border-bottom:1px solid #000;box-shadow:0 0 5px 3px #0000004d}
.leftcol nav{display:flex;flex-wrap:wrap;gap:20px}
.leftcol nav >div:not(:first-child){flex:0 1 47%}
#menu button{font-weight:700;margin-bottom:7px;pointer-events:none}
}
@media only screen and (min-width: 1024px) {
#nav .nav-banners,#headerBanners .mob-only,#search br,#nav .sub-toggle,#s .close,#login-newMenu .close{display:none}
.flex-l{display:flex}
.headerLogo a{max-width:170px}
#nav .has-submenu > a{display:flex;align-items:center;gap:5px}
#nav span.icon svg{width:14px}
#s,#login-newMenu{position:absolute;right:30px;top:50px;padding:0 20px;background-color:#000000bf;max-height:0;overflow:hidden;opacity:0;margin-top:-20px;color:#fff;backdrop-filter:blur(3px)}
#s.active,#login-newMenu.active{padding:15px 20px 20px;opacity:1;max-height:350px;margin-top:0;overflow:visible;z-index:77}
#search{width:305px}
#login-newMenu{width:400px;right:0}
#s::before,#login-newMenu::before{content:'';position:absolute;top:-7px;display:inline-block;width:0;height:0;border-style:solid;border-width:0 8px 8px;border-color:transparent transparent #000000bf}
#s::before{right:20px}
#login-newMenu::before{right:15px}
#login-newMenu .close,#s .close{color:#000}
#s .close{top:10px;right:0}
#s-toggle svg,#login-toggle svg{transition:opacity .2s ease}
#s-toggle.active svg,#login-toggle.active svg{opacity:0}
#s-toggle::before,#login-toggle::before,#s-toggle::after,#login-toggle::after{content:'';position:absolute;opacity:0;transition:opacity .2s ease;width:18px;border-bottom:1px solid #000;top:50%;left:5px}
#s-toggle.active::before,#login-toggle.active::before,#s-toggle.active::after,#login-toggle.active::after{opacity:1}
#s-toggle.active::before,#login-toggle.active::before{transform:rotate(-45deg)}
#s-toggle.active::after,#login-toggle.active::after{transform:rotate(45deg)}
#login-newMenu .login_box .fields-wrapper{gap:10px}
#login-newMenu .forgot .btn-wrapper input[type="email"]{flex:1 1 auto}
#holdm nav{background-color:#000}
#nav{text-transform:uppercase;gap:10px;font-size:.688em;padding:0 10px;justify-content:space-between;display:flex!important;margin:0 auto;max-width:1024px}
#nav > li{padding:10px 0;position:relative}
#nav li:not(.has-submenu):has(ul) ul{opacity:0}
#nav li ul{position:absolute;top:100%;padding:10px;left:-10px;background-color:#000;min-width:160px;border-top:1px solid #fff;z-index:77}
#nav ul li{padding:0;white-space:nowrap}
#nav ul li+li{margin-top:1rem}
#nav a{color:#fff;text-decoration:none}
#nav a:hover{color:#ccc}
.top-ads{justify-content:center}
.main-footer .columns{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.main-footer .top-bar li:not(:first-child){position:relative}
.main-footer .top-bar li:not(:first-child)::before{content:'\00A6';position:absolute;left:-8px}
#menu{columns:unset}
#menu button{padding:7px;background-color:#000;color:#fff;margin-bottom:1px;display:block;width:100%;text-align:left}
#menu ul{max-height:0;overflow:hidden;transition:all .3s ease-in-out;padding:0 7px;background-color:#E0E0E0}
#menu button.active + ul{max-height:1000px;padding:5px 7px}
.leftcol .banners{flex-direction:column}
.leftcol nav > div > ul:not(#menu){display:grid;gap:10px}
#menu > li:not(:has(button)){margin-top:10px}
#menu ul{display:grid;gap:5px}
.main-container{margin-top:20px;gap:20px}
main:not(.hp-news-container){width:calc(100% - 540px)}
.leftcol{order:-1;flex:0 0 200px}
.rightcol{flex:0 0 300px}
.rightcol,.leftcol{display:flex;flex-direction:column;gap:20px}
.leftcol h3,.rightcol h3{margin:0}
#bc{margin-top:0}
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
div.article .content{flex-direction:column}
}
@media only screen and (min-width: 1280px) {
#nav{max-width:1280px;gap:15px;font-size:.75em}
#nav a{font-size:1.125em}
.main-footer .columns{grid-template-columns:repeat(6,1fr);max-width:1400px}
.main-footer .top-bar ul{font-size:1em}
.main-footer .top-bar li:not(:first-child)::before{left:-9px}
.sub-footer .container{max-width:1400px}
.rightcol .news-block{flex-basis:auto}
}
@media only screen and (min-width: 1400px) {
.main-container{gap:40px}
main:not(.hp-news-container){width:calc(100% - 580px)}
}