@import url("https://api.promo01.ru/fonts/LADAPragmatica/stylesheet.css");body, html { padding: 0em; margin: 0em; font-size: 16px; } a[class] {text-decoration: none;}:root { --gap: 0em; --col: 1; --row: 1; --justify: flex-start; --align: baseline; --direction: row; --span: 1; --position: relative; --aspect: 2; --fit: cover; --pos: center; --inden: 1.25em; --content: 1600px; --content_min: 950px; --content_max: 1800px; } [imgWrap]>* {transition: all 0.3s ease;} [container] { width: calc(100vw - (var(--inden) * 2)); margin: 0 auto; box-sizing: border-box; } [container] {max-width: min(100%, var(--content))!important;} [container*="Min"] {max-width: min(100%, var(--content_min))!important;} [container*="Max"] {max-width: min(100%, var(--content_max))!important;} [imgWrap] { position: var(--position); aspect-ratio: var(--aspect-d, var(--aspect)); width: 100%; display: block; box-sizing: border-box; } [imgWrap]>img, [imgWrap]>video, [imgWrap]>iframe, [imgWrap]>picture>img, [imgWrap]>svg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: var(--fit); object-position: var(--pos); } [imgWrap*="square"] {--aspect: 1;} [imgWrap*="univisium"] {--aspect: 2;} [imgWrap*="wide"] {--aspect: calc(21 / 9);} [imgWrap*="ultrawd"] {--aspect: calc(3 / 1);} [imgWrap*="vertical"] {--aspect: calc(3 / 4);} [imgWrap*="portrait"] {--aspect: calc(9 / 16);} [imgWrap*="golden"] {--aspect: calc(8 / 5);} [imgWrap*="a4"] {--aspect: calc(210 / 297);} [imgWrap*="instagram"] {--aspect: calc(4 / 5);} [imgWrap*="cinema"] {--aspect: calc(2.39 / 1);} [imgWrap*="land"] {--aspect-d: calc(1 / var(--aspect));} [imgWrap*="bgFill"] { position: absolute!important; width: 100%; height: 100%; top: 0; left: 0; z-index: 0!important; } [imgWrap]>img.loaded, [imgWrap]>picture>img.loaded, [imgWrap]>video.loaded { transform: scale(1); opacity: 1; will-change: opacity; } [imgWrap*="cover"] {--fit: cover;} [imgWrap*="contain"] {--fit: contain;} [imgWrap*="grayscale"]>* {filter: grayscale(1);} [imgWrap*="grayscale"]:hover>* {filter: grayscale(0);} [imgWrap*="zoom"] {overflow:hidden;} [imgWrap*="zoom"]>* {transform:scale(1);} [imgWrap*="zoom"]:hover>* {transform: scale(1.05)!important;} [imgWrap] { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MCAyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cgk8Y2lyY2xlIGZpbGw9IiNmZmYiIHN0cm9rZT0ibm9uZSIgY3g9IjgiIGN5PSIxMCIgcj0iNiI+CgkJPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgZHVyPSIxcyIgdmFsdWVzPSIwOzE7MCIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGJlZ2luPSIwLjEiLz4gICAgCgk8L2NpcmNsZT4KCTxjaXJjbGUgZmlsbD0iI2ZmZiIgc3Ryb2tlPSJub25lIiBjeD0iMjUiIGN5PSIxMCIgcj0iNiI+CgkJPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgZHVyPSIxcyIgdmFsdWVzPSIwOzE7MCIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGJlZ2luPSIwLjIiLz4gICAgICAgCgk8L2NpcmNsZT4KCTxjaXJjbGUgZmlsbD0iI2ZmZiIgc3Ryb2tlPSJub25lIiBjeD0iNDIiIGN5PSIxMCIgcj0iNiI+CgkJPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgZHVyPSIxcyIgdmFsdWVzPSIwOzE7MCIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGJlZ2luPSIwLjMiLz4gICAgIAoJPC9jaXJjbGU+Cjwvc3ZnPg==); background-repeat: no-repeat; background-position: center; background-size: max(20%, 50px); transition: .1s; } [imgWrap]:has(svg) { background-image: none; } [imgWrap]:has(.loaded) { background-size: 0; } [imgWrap]>img, [imgWrap]>picture>img, [imgWrap]>video { opacity: 0; transform: scale(0.95); transition: 0.2s; } [flexTail] { position: relative; display: flex; gap: var(--gap); flex-wrap: wrap; justify-content: var(--justify); align-items: var(--align); flex-direction: var(--direction); } [flexTail*="cross"] {--justify:center;--align:center;} [flexTail*="top"] {--align:flex-start;} [flexTail*="bottom"] {--align:flex-end;} [flexTail*="centerV"] {--align:center;} [flexTail*="left"] {--justify:flex-start;} [flexTail*="right"] {--justify:flex-end;} [flexTail*="centerH"] {--justify:center;} [flexTail*="between"] {--justify:space-between;} [flexTail*="stretch"] {--align:stretch;} [flexTail]>* {width: calc(((100% - ((var(--col) - 1) * var(--gap))) / var(--col)) * (min(var(--span), var(--col))) + ((min(var(--span), var(--col)) - 1) * var(--gap)));max-width: 100%;} [flexTail*="innerWidth"]>* {width: auto;} [gridTail] { display: grid; grid-template-columns: repeat(var(--columns), 1fr); grid-gap: var(--gap); grid-template-areas: var(--grid-areas); grid-auto-rows: var(--grid-auto-rows); } [gridTail]>* { width: 100%; height: 100%; grid-area: var(--area); grid-row: auto / span var(--row-d, var(--row)); grid-column: auto / span var(--col-d, var(--col)); } [gridTail*="dense"] {grid-auto-flow: dense;} [gridTail*="vertical"] {grid-auto-rows: min-content;} [gridTail] > [imgWrap] { --aspect: calc(var(--col) / var(--row)); } [gridTail] > [imgWrap*="land"] { --col-d: var(--row); --row-d: var(--col); }:root { --radius: 1.3em; --radtl: url('data:image/svg+xml;utf8,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M40 0 H0 V40 C0 26 0 19 2.7 13.7 C5.1 8.9 8.9 5.1 13.6 2.7 C19 0 26 0 40 0 Z" fill="black"/></svg>'); --radtr: url('data:image/svg+xml;utf8,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0 H40 V40 C40 26 40 19 37.3 13.7 C34.9 8.9 31.1 5.1 26.4 2.7 C21 0 14 0 0 0 Z" fill="black"/></svg>'); --radbl: url('data:image/svg+xml;utf8,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M40 40 H0 V0 C0 14 0 21 2.7 26.3 C5.1 31.1 8.9 34.9 13.6 37.3 C19 40 26 40 40 40 Z" fill="black"/></svg>'); --radbr: url('data:image/svg+xml;utf8,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 40 H40 V0 C40 14 40 21 37.3 26.3 C34.9 31.1 31.1 34.9 26.4 37.3 C21 40 14 40 0 40 Z" fill="black"/></svg>'); --background: #fff; --backcolor: #f7f7f7; --backcolorCont: #fff; --border: 2px; --btnpd: 1em; --btPadd: 1.056em 1.823em; --txcolor: #000; --txcolorCont: #000; } [radiusBg]:before {overflow: hidden;} @supports not (corner-shape: squircle) { [radiusBg]:after {content: ''} [radiusBx], [radiusBg]:before, [radiusBg]>a:before { mask: var(--radtl) top left no-repeat, var(--radtr) top right no-repeat, var(--radbl) bottom left no-repeat, var(--radbr) bottom right no-repeat, linear-gradient(#000 0 0); mask-size: round(calc(var(--radiusin, var(--radius)) * 1.1), 1px), round(calc(var(--radiusin, var(--radius)) * 1.1), 1px), round(calc(var(--radiusin, var(--radius)) * 1.1), 1px), round(calc(var(--radiusin, var(--radius)) * 1.1), 1px), cover; mask-composite: exclude; transform: translate3d(0px, 0px, 0px); } [radiusBx*="-tl"], [radiusBg*="-tl"]:before {--radtl: url('');} [radiusBx*="-tr"], [radiusBg*="-tr"]:before {--radtr: url('');} [radiusBx*="-bl"], [radiusBg*="-bl"]:before {--radbl: url('');} [radiusBx*="-br"], [radiusBg*="-br"]:before {--radbr: url('');} } @supports not (mask-composite: exclude) { [radiusBx], [radiusBg]:before, [radiusBg]>a:before { border-radius: calc(var(--radiusin, var(--radius)) / 1.7); } [radiusBx] { overflow: hidden; } } @supports (corner-shape: squircle) { [radiusBg]:before, [radiusBg]>a:before, [radiusBx] { border-radius: calc(var(--radius) * 1.1); corner-shape: squircle; } [radiusBx] {overflow: hidden;} } [radiusBg]:after { border-radius: var(--radiusin, var(--radius)); } [radiusBx], [radiusBg]:before, [radiusBg]:after, [radiusBg]>a:before { z-index: 0; backface-visibility: hidden; -webkit-font-smoothing: antialiased; } [radiusBg] {position: relative;} [radiusBg]>* {z-index: 1;transition: .3s;position: relative;} [radiusBg]:before, [button]:before, [radiusBg]:after, [button]:after { background: var(--background); position: absolute; z-index: 0; transition: .3s; max-width: 100%; max-height: 100%; } [radiusBg]:before, [button]:before { content: ''; } [radiusBg]:before, [button]:before, [radiusBg]:after { width: 100%; height: 100%; top: 0; left: 0; } [button] { max-width: fit-content; --background: var(--backcolor); } [button*="revert"] { --background: var(--backcolorCont); } [button]>* { max-width: 100%; max-height: 100%; } [button], [button]>a, [button]>button { font-size: 1em; cursor: pointer; position: relative; display: inline-flex; justify-content: center; align-items: center; } [button]>a, [button]>button { text-decoration: none; white-space: nowrap; padding: var(--btPadd); color: var(--txcolor); } [button]>a:hover [button]>button:hover { color: var(--txcolorCont); } [button]:after { --radiusin: calc(var(--radius) - var(--border)); } [button*="Slim"] {--btPadd: calc(var(--btnpd) / 2) calc(var(--btnpd) * 2.5);} [button*="Fatt"] {--btPadd: calc(var(--btnpd) * 1.5) calc(var(--btnpd) * 2);} [button*="Bold"] {font-weight: bold;} [button*="Ital"] {font-style: italic;} [button*="Full"], [button*="Full"]>a, [button*="Full"]>button { width: 100%; max-width: 100%; text-align: center; box-sizing: border-box; } [button*="Upper"] {text-transform: uppercase} [button*="Bord"]:after { content: ''; width: calc(100% - (var(--border) * 2)); height: calc(100% - (var(--border) * 2)); } [button*="Bord"] a:before, [button*="Bord"] button:before { width: 100%; height: 100%; background: var(--backcolor); content: ''; position: absolute; transform: scale(.75); transition: .2s; z-index: -1; } [button*="Alert"] { perspective: 800px; --backcolor: #df8584; --backcolorCont: red; min-width: 12em; } [button*="Alert"]:before { transform: translate(0, 0%) rotate3d(1, 0, 0, 0deg); transition: .5s; z-index: 2; content: 'Подумай дважды!'; display: flex; justify-content: center; align-items: center; color: white; } .open[button*="Alert"]:before { transform: translate(0, -43%) rotate3d(1, 0, 0, 80deg); } [button*="Alert"]>a, [button*="Alert"]>button { width: 100%; border-radius: var(--radius); background-color: #f0f0f0; background-image: repeating-linear-gradient(-45deg, gray 0, gray 10px, #000 10px, #000 20px); transition: .3s; } [button*="Alert"]>a:hover, [button*="Alert"]>button:hover { background-image: repeating-linear-gradient(-45deg, #ff6500 0, #ff6500 10px, #000 10px, #000 20px); } [button*="Alert"]>a>span, [button*="Alert"]>button>span { background: black; padding: .0em .7em; } [button*="Alert"]:is([button*="small"]):before {content: '✖';} [button*="Alert"]:is([button*="small"]) { max-width: 1.5em; height: 1.5em; min-width: auto; --radius: 1.3em; } [button*="Alert"]:is([button*="small"]) { max-width: 1.5em; height: 1.5em; min-width: auto; --radius: 1.3em; margin-bottom: 0; margin-left: calc(100% - 2em); cursor: pointer; } [button]>button { display: inline-flex; outline: none; border: none; background: none; } [button*="Alert"]:is([button*="small"])>a { box-sizing: border-box; max-width: 100%; padding: 0; height: 100%; border-radius: .5em; } [button*="Alert"]:is([button*="small"])>a:before, [button*="Alert"]:is([button*="small"])>button:before { content: ''; width: 60%; height: 60%; margin: 20%; color: white; background: #f7aa00; border-radius: 1000px !important; corner-shape: round; } @media screen and (min-width: 851px) { [button]:has(a:hover) {--background: var(--backcolorCont);} [button*="revert"]:has(a:hover) {--background: var(--backcolorCont);} [button*="Bord"] a:hover:before {background: var(--background);transform: scale(1);} } @media screen and (max-width: 850px) { [button]:has(a:active) {--background: var(--backcolorCont);} [button*="revert"]:has(a:active) {--background: var(--backcolor);} [button*="Bord"] a:active:before {background: var(--background);transform: scale(1);} }::-webkit-scrollbar { width: 8px; height: 0; background-color: #ffffff00; } h1, h2, h3, h4, h5, h6 { font-size: 1em; margin: 0; margin-block: 0; margin-inline: 0; font-weight: normal; font-family: var(--fontHead, var(--fontFace)), Arial; padding: 0; } a[onclick] { cursor: pointer; } ul, ol { margin: 0; padding: 0; list-style: none; } [button], a, img, video, svg, label { -webkit-tap-highlight-color: transparent; will-change: transform; } p {font-size: 1.125em;} .h1 {font-size: 3.4375em;} .h2 {font-size: 2.5em;} .h3 {font-size: 1.875em;} .txt_m {font-size: 1.125em;} .txt_l {font-size: .875em;} .g_post_img { width: calc(100% / 12 * var(--width)); overflow: hidden; } .g_post_img:has(.media) { cursor: pointer; } .g_post_img.flt_left { float: left; margin-right: var(--mrgn); } .g_post_img.flt_right { float: right; margin-left: var(--mrgn); } .g_post_img[class*="flt"] + ol { list-style-position: inside; } @media screen and (max-width: 980px){ .g_post_img { --columns: 12; width: min(100%, calc(100% / var(--columns) * var(--m_width, var(--width)))); } } *:has(>*>.hov_effect) .btn_open_slide { position: absolute; width: 2.5em; height: auto; bottom: 1.25em; right: 1.25em; aspect-ratio: 1; z-index: 1; color: #ffffff; align-content: center; bottom: 0em; transform: translateY(100%); transition: transform .2s ease-in-out, bottom .2s ease-in-out, color .2s ease-in-out; } *:has(>*>.hov_effect):has(video) .btn_open_slide { position: absolute; bottom: 1.25em; right: 1.25em; width: 4.6875em; height: auto; aspect-ratio: 1; border-radius: 100%; background-color: #ffffff; padding: 1.3em 1.3em 1.3em 1.6em; box-sizing: border-box; color: #000000; transform: translateY(0); } *:has(>*>.hov_effect) .media video, *:has(>*>.hov_effect) .media img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; z-index: 0; } *:has(>*>.hov_effect) .hov_effect { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; transition: background-color .2s ease-in-out; background-color: #00000000; } *:has(>*>.hov_effect):hover .hov_effect { background-color: #000000B2; } *:has(>*>.hov_effect):has(video):hover .btn_open_slide { color: var(--grph_el); } *:has(>*>.hov_effect):not(:has(video)) :hover .btn_open_slide { transform: translateY(0); bottom: 1.25em; } *:has(>*>.hov_effect):not(:has(video)) .btn_open_slide:hover { transform: rotate(90deg); } .swiper .swiper-slide:not(:first-child) {visibility: hidden;} .swiper-initialized .swiper-slide:not(:first-child) {visibility: visible;} page { display: flex; flex-direction: column; align-items: center; } page>* { width: 100%; box-sizing: border-box; } .loaded page svg {display: block;} .loaded [hideonload], .loaded [hideonload]>*, .loaded .bradcrumb>* { opacity: 1; transition: transform .3s ease, top .3s ease, left 0s ease; transform: scale(1); } h2, h1 { line-height: 110%; margin-block-start: 0em; margin-block-end: 0em; color: var(--header_tx, black); font-weight: 300; } h1 {font-size: 4.063em;} h2 {font-size: 3.438em;} .descriptor { margin: 5.375em 0; flex-wrap: nowrap; --gap: 1em; } .descriptor>* {max-width: 55%;} .descriptor p { font-weight: 200; color: var(--basecolor); font-size: 1.375em; margin-block-start: .5em; margin-block-end: .5em; } .sectBox:has(.bradcrumb) .descriptor { margin-top: 2.2em; } .sectBox:has(.filter_wrp) .descriptor { margin-bottom: 2.2em; } .descriptor p:empty { margin-block-end: 0; margin-block-start: 0; } .descriptor:not(:has(>*:nth-child(2))) > * { max-width: 100%; } .descriptor:empty {margin: 0!important;} .selectBox>ul::-webkit-scrollbar-thumb { background-color: var(--basecolor); box-shadow: none; } .selectBox.open>ul::-webkit-scrollbar-thumb { background-color: var(--basecolor); } ::-webkit-scrollbar-thumb { background-color: var(--mn_clr); border: 1px var(--zerobg) solid; border-radius: 9em; box-shadow: -1px 6px 10px rgb(40 104 183 / 20%); transition: .3s; } ::-webkit-scrollbar-thumb:hover, .selectBox>ul::-webkit-scrollbar-thumb:hover { background-color: var(--mn_clr); box-shadow: -1px 6px 10px rgb(40 104 183 / 20%); } ::-webkit-scrollbar-button:vertical:start:decrement {display:none;} ::-webkit-scrollbar-button:vertical:end:increment {display:none;} ::-webkit-scrollbar-button:horizontal:start:decrement {display:none;} ::-webkit-scrollbar-button:horizontal:end:increment {display:none;} label.checkBox input {display: none;} label.checkBox { width: 2.5em; height: 1.5em; display: block; background: #df8584; border-radius: 100px; border: 2px white solid; transition: .3s; box-sizing: border-box; padding: 2px; cursor: pointer; } label.checkBox:before { height: calc(1.5em - 8px); width: calc(1.5em - 8px); background: white; content: ''; display: block; border-radius: 100px; transition: .3s; transform: translate(0, 0px); } label.checkBox:has(input:checked) {background: #81bd7a;} label.checkBox:has(input:checked):before {transform: translate(98%, 0px);} label {user-select: none;} page[radiusbox] section {padding: 1.25em;} section:not(:first-of-type) {margin-top: -1.25em;} .sectBox { --radius: 0em; } .sectBox>* { --radius: 1.875em; } page:not([radiusbox]) .sectBox { padding: 1.875em; } page[radiusbox] .sectBox { --radius: 1.875em; } .sectBox { --background: var(--bg_section, gray); padding: var(--radius); padding-bottom: 8.75em; box-sizing: border-box; } body { background: var(--bg_body); width: 100%; font-family: var(--fontFace), Arial; --content: 1450px; --content_min: 950px; --basecolor: var(--header_tx, black); } body.n_rbg section { padding: 0; } body.n_rbg section > .sectBox { --radius: 1px; } a { text-decoration: none; } .bradcrumb { position: relative; z-index: 2; } .bradcrumb { margin-bottom: calc(1px - 1px - var(--gap)); } ul.breadc { margin-block-start: 0; margin-block-end: 0; padding-inline-start: 0; list-style: none; --gap: .5em; --background: var(--brdcrmbs_mn_clr, var(--bg_block, gray)); --radius: 1em; } ul.breadc svg { width: 1em; min-width: 1em; } ul.breadc a { color: var(--brdcrmbs_mn_clr_txt, var(--bg_section, white)); line-height: 1em; padding: 0.625em 0.9375em; } ul.breadc a:hover { color: var(--brdcrmbs_mn_clr_txt_hvr, var(--mn_clr, black)); } .buttHead.buttoff { margin-top: 2em; } .tabAvatar { --gap: 0.938em; --col: 5; --direction: row; } .tailSpec { --span: 4; } .tailSpec p { margin-block-start: .6em; margin-block-end: .6em; } .tailSpec p:last-child { color: #968a7b; } .avatar { border-radius: 100%; overflow: hidden; } sup { font-size: .6em; } .metro [imgWrap] { width: 1em; color: #E43D3D; } div.metro { color: #c0b19d; flex-wrap: nowrap; --direction: row; --gap: 0.625em; } div:has(>.avatar) { flex-wrap: nowrap; white-space: nowrap; } ul.menu { padding-right: 3em; } .logo { width: 6.563em; } ul.menu { margin-block-start: 0; margin-block-end: 0; padding-inline-start: 0; list-style-type: none; --gap: .3em; padding-right: 3em; } ul.menu a { width: auto; font-size: 1.125em; padding: .25em .35em; box-sizing: border-box; color: var(--clr_txt); transition: .2s color; } ul.menu li { padding: .25em .35em; box-sizing: border-box; --background: #00000000; --gap: .5em; cursor: pointer; } ul.menu li:hover { --background: var(--backcolorCont); } ul.menu li:hover > a { color: var(--txcolor); } .subMenuBox { position: absolute; right: 0; bottom: 0; transform: translate(calc(50% - .8em), 50%); opacity: 0; z-index: -1; text-align: right; padding: 1em; display: flex; flex-direction: column; --radius: 1em; gap: .5em; transition: .3s; } .opensub .subMenuBox { opacity: 1; z-index: 2; transform: translate(calc(50% - .8em), calc(100% + 2.3em)); } .checkerSubMenu { display: flex; justify-content: center; align-items: center; height: 1lh; width: 1lh; position: absolute; right: 0; top: 0%; gap: 3px; cursor: pointer; opacity: 0; pointer-events: none; transition: .3s; padding: .5em .7em; box-sizing: content-box; font-size: 1.125em; } .has-wrap .checkerSubMenu { opacity: 1; transition: 0.2s ease; pointer-events: all; } .menu:not(.opensub) > .subMenuBox a { pointer-events: none; } ul.menu.has-wrap:after { width: 4em; height: 100%; content: ''; position: absolute; display: block; background: linear-gradient(-90deg, var(--background), transparent); right: 3em; pointer-events: none; } span.checkerSubMenu:before, span.checkerSubMenu:after { content: ''; } span.checkerSubMenu:before, span.checkerSubMenu:after, span.checkerSubMenu>i { width: 5px; min-width: 5px; height: 5px; position:absolute; display: block; background: var(--clr_txt); border-radius: 100%; transition: width 0.2s ease 0s, height 0.2s ease 0s, transform 0.2s } span.checkerSubMenu>i {transform: translate(0px, 0px);} span.checkerSubMenu:before {transform: translate(calc(-100% - .2em), 0%) rotate(0deg);} span.checkerSubMenu:after {transform: translate(calc(100% + .2em), 0%) rotate(0deg);} span.checkerSubMenu:hover:before {animation: flicker 0.2s linear;} span.checkerSubMenu:hover>i {animation: flicker 0.2s linear 0.02s;} span.checkerSubMenu:hover:after {animation: flicker 0.2s linear 0.1s;} .opensub span.checkerSubMenu { top: auto; transform: rotate(180deg); } .opensub span.checkerSubMenu:before, .opensub span.checkerSubMenu:after, .opensub span.checkerSubMenu>i { transition: width 0.2s ease 0.2s, height 0.2s ease 0.2s, transform 0.2s ease; } .opensub span.checkerSubMenu:before { width: .2em; min-width: .2em; height: 1.2em; border-radius: 100px; transform: translate(0em, 0%) rotate(45deg); } .opensub span.checkerSubMenu>i { width: 0; height: 0; } .opensub span.checkerSubMenu:after { width: .2em; min-width: .2em; height: 1.2em; border-radius: 100px; transform: translate(0em, 0%) rotate(-45deg); } .opensub span.checkerSubMenu:hover:before, .opensub span.checkerSubMenu:hover:after, .opensub span.checkerSubMenu:hover>i {animation: none;} @keyframes flicker { 0% {opacity: 1;} 50% {opacity: 0.2;} 100% {opacity: 1;} } @media screen and (min-width: 2350px) {body {font-size: 20px;--content: 1920px;}} @media screen and (max-width: 1570px) { [container].fixHead {box-sizing: border-box;} body {font-size: 15px;} .descriptor { margin: 3em 0 5em 0; } } @media screen and (max-width: 1540px) { } @media screen and (max-width: 1325px) {body {font-size: 14px;}} @media screen and (max-width: 1170px) { body {font-size: 13px;} h1 {font-size: 3.063em;} h2 {font-size: 2.438em;} } @media screen and (max-width: 950px) { .descriptor {--direction: column;margin: 2em 0 1em 0;} .descriptor>* {max-width: 100%;} section {padding-left: 0;padding-right: 0;} [flextail].fixHead {margin-left: 0;margin-right: 0;width: 100%; padding: 0.875em 1.5em;} .bradcrumb { width: 100%; } ul.breadc { flex-wrap: nowrap; white-space: nowrap; box-sizing: border-box; --con: calc((100vw - 100%) / 2); width: 100vw; max-width: 100vw; overflow: scroll; margin-left: calc(1px - 1px - var(--con)); width: -webkit-max-content; width: max-content; padding: 0 var(--con); flex-wrap: nowrap; scrollbar-width: none; } .bradcrumb { padding: 0; } } .loader>a>div, .loader>a>div>* { transform: scale(1); opacity: 1; transition: .3s; } .loader>a.inloadprocess>div { transform: scale(1.3); border: 3px solid var(--txcolor, #FFFFFF); border-bottom: 3px solid #00000000; border-radius: 100px; box-sizing: border-box; animation: 1s linear 0s normal none infinite running rot; -webkit-animation: 1s linear 0s normal none infinite running rot; will-change: transform; } .loader>a.inloadprocess>div>* { transform: scale(0); opacity: 0; } @keyframes rot { 0% {transform: scale(1.3) rotate(0deg);} 100% {transform: scale(1.3) rotate(360deg);} } @media screen and (max-width: 760px) { body {font-size: 2.83814vw;} }.G_Pp_Wr [data-row="1"] { --row: 1; } .G_Pp_Wr [data-row="2"] { --row: 2; } .G_Pp_Wr [data-row="3"] { --row: 3; } .G_Pp_Wr [data-rowi="1"] { --rowi: 1; } .G_Pp_Wr [data-rowi="1.5"] { --rowi: 1.5; } .G_Pp_Wr [data-rowi="2"] { --rowi: 2; } .G_Pp_Wr [data-rowi="3"] { --rowi: 3; } .G_Pp_Wr {--bg-color-wr: #0C0C0C5e;} @media (pointer: fine) {body.G_No_Sc {padding-right: 8px;box-sizing: border-box;}} [data-border="0"], [data-border="0"] * { border-radius: 0!important; } .G_Pp_Bx input, .G_Pp_Bx input:active, .G_Pp_Bx input:hover, .G_Pp_Bx input:focus, .G_Pp_Bx textarea, .G_Pp_Bx textarea:active, .G_Pp_Bx textarea:hover, .G_Pp_Bx textarea:focus { outline: none!important; } .G_Pp_Bx .G_hs_Er, .G_Pp_Bx .G_hs_Er { filter: opacity(1); } .G_Fm_Tx { font-size: 1em; color: var(--cl-descr); line-height: 140%; margin-bottom: 0.3em; } .G_Bot_ck label { border-radius: .3em; } .G_Pp_Wr [data-row="1"] .G_Fm_Tx { text-align: center; } .G_Pp_Bx input, .G_Pp_Bx textarea { border: 1px var(--cl-input) solid; background: var(--cl-input-bg); -webkit-appearance: textfield; -moz-appearance: textfield; border-radius: 0.55em; padding: 1.25em 1.875em; width: 100%; font-size: 1em; filter: opacity(0.7); box-sizing: border-box; position: relative; transition: .3s; resize: none; display: block; } .G_Pp_Bx input, .G_Pp_Bx textarea, .G_Pp_Bx input::placeholder, .G_Pp_Bx textarea::placeholder { color: var(--cl-input-tx); } .G_Pp_Bx input[type="time"], .G_Pp_Bx input[type="date"] { padding: 0; text-align: center; } .G_Pp_Bx input { height: 3.7em; } .G_Pp_Bx input:not(:placeholder-shown), .G_Pp_Bx input:focus, .G_Inp_Bx label:has(.G_hs_Er), .G_Pp_Bx textarea:not(:placeholder-shown), .G_Pp_Bx textarea:focus { filter: opacity(1); } .G_Pp_Bx input[type="date"]:not(.G_has-value), .G_Pp_Bx input[type="time"]:not(.G_has-value) { filter: opacity(0.7); } .G_Pp_Bx input[type="date"]::-webkit-calendar-picker-indicator, .G_Pp_Bx input[type="time"]::-webkit-calendar-picker-indicator { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: auto; height: auto; color: transparent; background: transparent; } .G_Pp_Bx input[type="date"]::-webkit-inner-spin-button, .G_Pp_Bx input[type="time"]::-webkit-inner-spin-button, .G_Pp_Bx input[type="date"]::-webkit-clear-button, .G_Pp_Bx input[type="time"]::-webkit-clear-button { z-index: -10; } .G_Pp_Bx input[type="date"]::-webkit-input-placeholder, .G_Pp_Bx input[type="time"]::-webkit-input-placeholder, .G_Pp_Bx input[type="date"]:placeholder, .G_Pp_Bx input[type="time"]:placeholder { z-index: 99; } .G_Pp_Bx input[type="date"]:not(.G_has-value):before, .G_Pp_Bx input[type="time"]:not(.G_has-value):before, .G_Pp_Bx input[type="date"]:not(:valid):before, .G_Pp_Bx input[type="time"]:not(:valid):before { content: attr(placeholder); width: 100%; height: 100%; display: flex; align-items: center; box-sizing: border-box; padding: 1.25em 1.875em; text-align: left; } .G_Pp_Bx input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0; } .G_Pp_Bx .G_oninp input[type="text"], .G_Pp_Bx .G_oninp input[type="text"]::placeholder { color: #ffffff00; } .G_Pp_Bx input.G_hs_Er, .G_Pp_Bx textarea.G_hs_Er { border-color: var(--cl-in-err); color: var(--cl-in-err); } .G_Inp_Bx label:has(.G_hs_Er):after { content: '!'; font-size: .8em; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; position: absolute; width: 1.4em; height: 1.4em; border-radius: 100%!important; border: 1px var(--cl-in-err) solid; color: var(--cl-in-err); top: 50%; right: 2em; transform: translate(0, -50%); } .G_Inp_Bx label { position: relative; margin: 0.5em 0.4em; width: calc(((100% / var(--row)) * var(--rowi)) - (1em - 1px)); display: block; max-width: calc(100% - (1em - 0px)); } .G_Fm_Head { margin-bottom: 1em; } .G_Fm_Head:not(:first-child) { margin-top: 1em; } .G_Inp_Bx { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-left: -0.5em; width: calc(100% + 1.2em); } .G_Bot a { text-decoration: none; } .G_No_Sc { overflow: hidden; } .G_Pp_Wr { width: 100vw; height: 100%; z-index: -10; display: flex; line-height: 120%; justify-content: center; align-items: center; position: fixed; opacity: 0; top: 0; left: 0; font-size: 16px; perspective: 100vw; } .G_Pp_Wr:before { position: absolute; content: ''; z-index: 1; width: 100%; height: 100%; backdrop-filter: blur(6px); transition:.3s; transition-delay: .2s; opacity: 0; top: 0; left: 0; background: var(--bg-color-wr); } .G_Pp_Wr:not(.GacT):before { transition-delay: .01s; } .G_Pp_Wr.GacT { z-index: 100; opacity: 1; } .G_Pp_Wr:not(.GacT) { transition: .01s; transition-delay: .3s; } .G_Pp_Wr.GacT:before { opacity: 1; } .G_Pp_Bx { box-shadow: 0px 4px 20px var(--bx-shadow-cl); background: var(--bg-ppbox-wr); position: absolute; z-index: -1; opacity: 0; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 0.6em; overflow: hidden; box-sizing: border-box; width: 100%; max-width: calc(400px * var(--row)); transition: .4s; display: flex; } .G_imagBtx:has(img) { width: 100%; max-width: 280px; height: auto; position: relative; max-height: 100%; overflow: hidden; } .G_imagBtx img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; } [data-imgcon="1"] .G_imagBtx img { object-fit: contain; } .G_Pp_BxWr { padding: 3em; width: 100%; box-sizing: border-box; } .G_imagBtx { order: 0; } a.G_Bt_Cl { width: 3em; height: 3em; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; z-index: 100; } a.G_Bt_Cl:before, a.G_Bt_Cl:after { content: ''; display: block; position: absolute; width: 1.2em; height: 0.13em; background: var(--cl-button); } a.G_Bt_Cl:before { transform: rotate(45deg); } a.G_Bt_Cl:after { transform: rotate(-45deg); } @keyframes crossu {0% {transform: rotate(45deg);}50% {transform: rotate(90deg);}100% {transform: rotate(135deg);}} @keyframes crossd {0% {transform: rotate(-45deg);}50% {transform: rotate(-45deg);}100% {transform: rotate(45deg);}} .G_Fm_H1 { font-weight: 600; font-size: 1.4em; line-height: 120%; color: var(--cl-zag); } .G_Fm_St { color: var(--cl-button); } form.G_Form>* { display: flex; justify-content: space-between; align-items: center; } form.G_Form>*:not(:last-child) { margin-bottom: 1.5em; } .G_Fe_Bx { height: auto; display: flex; flex-wrap: wrap; transition: .3s; will-change: height; perspective: 100vw; } .G_Gear { position: relative; width: 100%; opacity: 1; z-index: 1; transition: .4s; will-change: opacity, z-index, position; } .G_Gear.GacTf, .G_Gear.GacTb { position: absolute; z-index: -1; opacity: 0; } .G_Pp_Wr [data-row="1"] .G_Bot, .G_Pp_Wr [data-row="1"] .G_Fm_Head { flex-direction: column; } .G_Pp_Wr [data-row="1"] .G_Bt_Bx, .G_Pp_Wr [data-row="1"] .G_Fm_St, .G_Pp_Wr [data-row="1"] .G_Fm_H1 { order: -1; } .G_Pp_Wr [data-row="1"] .G_Fm_Head>* { text-align: center; } .G_Pp_Wr [data-row="1"] .G_Police, .G_Pp_Wr [data-row="1"] .G_Fm_Head>* { max-width: 100%; } .G_Pp_Wr [data-row="1"] .G_Police, .G_Pp_Wr [data-row="1"] .G_Fm_St { margin-top: 1em; } .G_Pp_Wr [data-row="1"] .G_Bt_Bx { font-size: .85em; justify-content: space-between; width: 100%; } .G_Pp_Wr [data-row="1"] form.G_Form:has(.GacTs:only-child) .G_Bt_Bx { justify-content: center; } form.G_Form:has(.GacTs:only-child) .G_Fm_St { display: none; } .G_Pp_Wr [data-row="1"] form.G_Form:has(.GacTs:only-child) .G_Bt_Bx [data-submit] { width: 100%; } .G_Fm_Head { display: flex; justify-content: space-between; } .G_Police { transform: scale(.95); opacity: 0; z-index: -10; height: 0; transition: .3s; width: 100%; font-size: .875em; line-height: 120%; color: var(--cl-police); } .G_Pp_Wr label:has(.G_hs_Er[type="checkbox"]) { border-color: var(--cl-in-err); } .G_Police a { color: var(--cl-police-a); } form.G_Form:has(.GacTs:last-child) .G_Bot .G_Police { transform: scale(1); opacity: 1; z-index: 1; height: auto; transition: .3s; } .G_Bot { line-height: 100%; font-size: 1.125em; gap: 2em; } .G_Bot [data-submit]:after { content: attr(data-next); transition:.3s; } .G_Bot [data-submit] { display: inline-block; background: var(--cl-button); border: 1px var(--cl-button) solid; color: var(--cl-button_txt); padding: 1.11111em 2.22222em; border-radius: 0.55em; filter: brightness(1); transition: .3s; text-align: center; opacity: 1; } .G_Bot [data-submit]:active { filter: brightness(.7); } form.G_Form:has(.GacTs:last-child):not(:valid) .G_Bot [data-submit] { opacity: .6; filter: none!important; } .G_Bot [data-prev] { opacity: 1; z-index: 1; transform: scale(1); display: inline-flex; align-items: center; color: var(--cl-button); position: relative; width: auto; height: auto; transition: .3s; margin-right: 1em; } .G_Bt_Bx { display: flex; align-items: center; } .G_Bot [data-prev]:before { display: inline-block; width: 0.5em; height: 0.5em; margin-right: 0.3em; border-bottom: 2px var(--cl-button) solid; border-left: 2px var(--cl-button) solid; content: ''; transform: translate(0, 0) rotate(45deg); transition: .3s; } form.G_Form:has(.GacTs:first-child) .G_Bot [data-prev] { opacity: 0; z-index: -10; transform: scale(.95); width: 0; height: 0; margin-right: 0em; } form.G_Form:has(.GacTs:last-child) .G_Bot [data-submit]:after { content: attr(data-submit); } .G_Inp_Bx.G_Inp_ImSl input { display: none; } .G_Inp_Bx.G_Inp_ImSl label { width: 4em; background: var(--cl-input-bg); display: flex; flex-direction: column; height: 4em; border-radius: 0.55em; border: 1px var(--cl-input) solid; align-items: center; justify-content: center; transition: .3s; cursor: pointer; } .G_Inp_Bx.G_Inp_ImSl label:has(input:checked) { background: var(--cl-button); } .G_Inp_Bx.G_Inp_ImSl label svg { fill: var(--cl-button); transition: .3s; width: 1.75em; height: 1.75em; } .G_Inp_Bx.G_Inp_ImSl label:has(input:checked) svg { fill: var(--cl-input-bg); } .G_Inp_Bx.G_Inp_ImSl label span { font-size: .6em; color: var(--cl-button); margin-top: 0.15em; transition: .3s; } .G_Inp_Bx.G_Inp_ImSl label:has(input:checked) span { font-size: .6em; color: var(--cl-input-bg); margin-top: 0.15em; } @media screen and (min-width: 769px) { .G_Pp_Bx:has(.G_imagBtx img) { max-width: calc(400px * var(--row) + 280px); } [data-img="1"] .G_imagBtx { order: 1; } a.G_Bt_Cl:hover:before { animation-name: crossu; } a.G_Bt_Cl:hover:after { animation-name: crossd; } a.G_Bt_Cl:hover:before, a.G_Bt_Cl:hover:after { animation-duration: .4s; animation-iteration-count: 1; animation-fill-mode: forwards; } .G_Bot [data-submit]:hover { filter: brightness(1.1); } .G_Bot [data-prev]:hover:before { transform: translate(-50%, 0) rotate(45deg); } } @media screen and (max-width: 768px) { .G_Fm_Tx { text-align: center; } .G_Pp_Bx { flex-direction: column; } .G_Inp_Bx label { width: 100%; } .G_Pp_Wr .G_Bot, .G_Pp_Wr .G_Fm_Head { flex-direction: column; } .G_Pp_Wr .G_Bt_Bx, .G_Pp_Wr .G_Fm_St, .G_Pp_Wr .G_Fm_H1 { order: -1; } .G_Pp_Wr .G_Fm_Head>* { text-align: center; } .G_Pp_Wr .G_Police, .G_Pp_Wr .G_Fm_Head>* { max-width: 100%; } .G_Pp_Wr .G_Police, .G_Pp_Wr .G_Fm_St { margin-top: 1em; } .G_Pp_Wr .G_Bt_Bx { font-size: .85em; justify-content: space-between; width: 100%; } .G_Pp_Wr form.G_Form:has(.GacTs:only-child) .G_Bt_Bx { justify-content: center; } form.G_Form:has(.GacTs:only-child) .G_Fm_St { display: none; } .G_Pp_Wr form.G_Form:has(.GacTs:only-child) .G_Bt_Bx [data-submit] { width: 100%; } .G_Pp_Bx { bottom: 0; max-height: 99%; } .G_Pp_Bx { border-radius: 0.6em 0.6em 0 0; transform: translate(0, 120%); will-change: transform, z-index, opacity; } a.G_Bt_Cl { left: 50%; transform: translate(-50%, 0px); } a.G_Bt_Cl:before { transform: translate(calc(-25% - 1px), 0px) rotate(45deg); } a.G_Bt_Cl:after { transform: translate(calc(25% + 1px), 0px) rotate(-45deg); } .G_Pp_Bx.GacT { max-height: 99%; overflow-y: scroll; } } @media screen and (max-width: 440px) { .G_Inp_Bx.G_Inp_ImSl { display: flex; justify-content: space-between; width: calc(100% + 0.8em); margin: 0; margin-left: -0.4em; } .G_Inp_Bx.G_Inp_ImSl label { max-width: calc((100% / 4) - 1em); } } @media screen and (max-width: 768px) { .G_Pp_Bx[data-effect-mob="01"] {transform: translate(0, 50%) rotate3d(1, 0, 0, -15deg);} .G_Pp_Bx[data-effect-mob="02"] {transform: translate(0, 50%) rotate3d(1, 0, 0, 15deg);} .G_Pp_Bx[data-effect-mob="03"] {transform: scale(1.2);} } @media screen and (min-width: 769px) { .G_Pp_Bx[data-effect="01"] {transform: translate(50%, 0) rotate3d(0, 1, 0, -45deg);} .G_Pp_Bx[data-effect="02"] {transform: translate(-50%, 0) rotate3d(0, 1, 0, 45deg);} .G_Pp_Bx[data-effect="03"] {transform: translate(0, -50%) rotate3d(1, 0, 0, -45deg);} .G_Pp_Bx[data-effect="04"] {transform: translate(0, 50%) rotate3d(1, 0, 0, 45deg);} .G_Pp_Bx[data-effect="05"] {transform: translate(50%, 0) rotate3d(0, 1, 0, 45deg);} .G_Pp_Bx[data-effect="06"] {transform: translate(-50%, 0) rotate3d(0, 1, 0, -45deg);} .G_Pp_Bx[data-effect="07"] {transform: translate(0, -50%) rotate3d(1, 0, 0, 45deg);} .G_Pp_Bx[data-effect="08"] {transform: translate(0, 50%) rotate3d(1, 0, 0, -45deg);} .G_Pp_Bx[data-effect="09"] {transform: scale(.8);} .G_Pp_Bx[data-effect="10"] {transform: scale(1.2);} } .G_Pp_Bx.GacT { transform: translate(0%, 0) rotate3d(0, 1, 0, 0deg) scale(1); z-index: 1; opacity: 1; } .G_Fe_Bx .G_Gear { transform: translate(0%, 0) rotate3d(0, 1, 0, 0deg) scale(1); } .G_Fe_Bx[data-effect="01"] .G_Gear.GacTf {transform: translate(-30%, 0) rotate3d(0, 1, 0, -90deg);} .G_Fe_Bx[data-effect="01"] .G_Gear.GacTb {transform: translate(30%, 0) rotate3d(0, 1, 0, 90deg);} .G_Fe_Bx[data-effect="02"] .G_Gear.GacTf {transform: translate(0, -30%) rotate3d(1, 0, 0, 90deg);} .G_Fe_Bx[data-effect="02"] .G_Gear.GacTb {transform: translate(0, 30%) rotate3d(1, 0, 0, -90deg);} .G_Fe_Bx[data-effect="03"] .G_Gear.GacTf {transform: translate(-20%, 0) rotate3d(0, 1, 0, 90deg);} .G_Fe_Bx[data-effect="03"] .G_Gear.GacTb {transform: translate(20%, 0) rotate3d(0, 1, 0, -90deg);} .G_Fe_Bx[data-effect="04"] .G_Gear.GacTf {transform: translate(0, -30%) rotate3d(1, 0, 0, -90deg);} .G_Fe_Bx[data-effect="04"] .G_Gear.GacTb {transform: translate(0, 30%) rotate3d(1, 0, 0, 90deg);} .G_Fe_Bx[data-effect="05"] .G_Gear.GacTf {transform: scale(.9);} .G_Fe_Bx[data-effect="05"] .G_Gear.GacTb {transform: scale(1.1);} .G_Fe_Bx[data-effect="06"] .G_Gear.GacTf {transform: scale(1.1);} .G_Fe_Bx[data-effect="06"] .G_Gear.GacTb {transform: scale(.9);} .G_Fe_Bx[data-effect="07"] .G_Gear.GacTf {transform: scale(.9);} .G_Fe_Bx[data-effect="07"] .G_Gear.GacTb {transform: scale(.9);} .G_Fe_Bx[data-effect="08"] .G_Gear.GacTf {transform: scale(1.1);} .G_Fe_Bx[data-effect="08"] .G_Gear.GacTb {transform: scale(1.1);} .G_Bot_ck { display: flex; align-items: center; text-align: left; } .G_Bot_ck label { width: 1em; height: 1em; background: #fff; display: block; filter: opacity(0.7); margin-right: .5em; cursor: pointer; border: .1em solid #000; position: relative; min-width: 1em; } .G_Bot_ck label input { width: 0; height: 0; display: none; } .G_Bot_ck .G_Police { text-align: left; } .G_Bot_ck label:has(.checkboxvs:checked):after { content: ""; display: block; width: 100%; height: 100%; background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.059 4.965l-1.414-1.414-6.61 6.61-2.567-2.567-1.414 1.414 2.567 2.567 1.414 1.414 1.414-1.414 6.61-6.61z" fill="%23000"></path></svg>'); position: absolute; top: 0; left: 0; } .G_Bt_Bx a { white-space: nowrap; } input.required { display: none; }.fixHead { --background: var(--bg); z-index: 3; margin-top: 1.25em; padding: 0.875em 2.5em; --gap: 3.688em; --radius: 1.8em; flex-wrap: nowrap; box-sizing: content-box; filter: drop-shadow(1px 1px 3px #0000001a); } @supports not (corner-shape: squircle) { .fixHead { --radius: .8em; } } page:has(.fixed) .header-placeholder { height: var(--h_head_height); margin-top: 1.25em; } .fixHead>* {flex-wrap: nowrap;} .headAvatar {width: 2.5em;} .phone a { font-size: 1.125em; color: var(--hrf_head_tx_dapoh); } .fixHead .phone { padding: 1em 0; } .buttHead {--radius: 0.84em;} .buttHead a {font-size: 1.125em;} .buttHead svg {transform: translate(0px, 8%);} .burger { width: 1.6875em; height: 1.6875em; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.3s ease; } .dot { width: 0.4375em; min-width: 0.4375em; height: 0.4375em; position: absolute; background-color: var(--menu_clr_icon); border-radius: 100px; transition: all 0.3s ease; } .burger.active .dot {transition: width 0.2s ease 0.2s, height 0.2s ease 0.2s, opacity 0.2s ease 0.2s, transform 0.2s ease;} .burger:hover .dot:nth-child(3) {animation: flicker 0.2s linear;} .burger:hover .dot:nth-child(2) {animation: flicker 0.2s linear 0.005s;} .burger:hover .dot:nth-child(1) {animation: flicker 0.2s linear 0.01s;} .burger:hover .dot:nth-child(4) {animation: flicker 0.2s linear 0.015s;} .burger:hover .dot:nth-child(7) {animation: flicker 0.2s linear 0.02s;} .burger:hover .dot:nth-child(8) {animation: flicker 0.2s linear 0.04s;} .burger:hover .dot:nth-child(9) {animation: flicker 0.2s linear 0.06s;} .burger:hover .dot:nth-child(6) {animation: flicker 0.2s linear 0.08s;} .burger:hover .dot:nth-child(5) {animation: flicker 0.2s linear 0.1s;} .burger.active:hover .dot {animation:none;} .burger .dot:nth-child(1) {transform: translate(calc(-100% - .1em), calc(-100% - .1em));} .burger .dot:nth-child(2) {transform: translate(0, calc(-100% - .1em));} .burger .dot:nth-child(3) {transform: translate(calc(100% + .1em), calc(-100% - .1em));} .burger .dot:nth-child(4) {transform: translate(calc(-100% - .1em), 0);} .burger .dot:nth-child(5) {transform: translate(0, 0);} .burger .dot:nth-child(6) {transform: translate(calc(100% + .1em), 0);} .burger .dot:nth-child(7) {transform: translate(calc(-100% - .1em), calc(100% + .1em));} .burger .dot:nth-child(8) {transform: translate(0, calc(100% + .1em));} .burger .dot:nth-child(9) {transform: translate(calc(100% + .1em), calc(100% + .1em));} body:has(.burger.active) .burger.active { transform: rotate(90deg); opacity: 1; pointer-events: all; } body:has(.burger.active) .burger.active:hover { transform: rotate(180deg); transition: .2s; } body:has(.burger.active) .burger.active:not(:hover) {transition: 0s;} body:has(.burger.active) {overflow: hidden;} body:has(.burger.active) .fixHead>*>*>*, body:has(.burger.active) .fixHead:after, body:has(.burger.active) .fixHead:before { opacity: 0; --background: #00000000; pointer-events: none; } .Bento { position: fixed; width: 100vw; height: 100dvh; background: var(--sub_bg); display: flex; flex-direction: column-reverse; top: 0; left: 0; z-index: 0; opacity: 0; transform: scale(.9); transition: .3s; } .bentoBox { height: calc(100% - var(--h_head_height) - var(--h_head_offset)); --direction: column; } .bentoWrap { --col: 3; --direction: row; --gap: 2em; } .bentoMenuBox { --span: 2; } .bentoPosters[imgWrap] > img { transform: scale(0.95); opacity: 0; transition: .3s; } .bentoPosters[imgWrap] > img.active { transform: scale(1); opacity: 1; } .bentoBtnWrap {padding: 2em 0;} body:has(.burger.active) .Bento { z-index: 3; transform: scale(1); opacity: 1; } ul.bentoMenu { padding-inline-start: 0; --gap: 1.125em; } ul.bentoMenu a {font-size: 1.5625em;color: var(--sub_txt);} ul.bentoMenu a:active {color: var(--mn_clr_txt);} .burger.active .dot { position: absolute; background-color: var(--sub_txt); transform: translate(0, 0); opacity: 0; } .burger.active .dot:nth-child(4) { transform: rotate(-45deg); width: 0.1875em; min-width: 0.1875em; height: 1.6875em; opacity: 1; } .burger.active .dot:nth-child(6) { transform: rotate(45deg); width: 0.1875em; min-width: 0.1875em; height: 1.6875em; opacity: 1; } .fixHead { position: relative; margin-top: 1.25em; } .fixHead.fixed { margin-top: 0em; top: 1.25em; position: fixed; } a.logo { display: block; height: var(--logosize, 2em); width: auto; aspect-ratio: inherit; } a.logo img { height: 100%; } .menu * > .submenu_grd li { max-width: 17.1875em; } .menu { --delay: 0s; --speed: .4s; } .menu li > *:has( > img) { width: 1em; transform: rotate(0deg); transition: transform var(--speed) ease-in-out; } .menu > li > *:has(>.submenu_wrp) { position: absolute; max-width: max-content; width: 100%; top: calc(50% + (var(--h_head_height) / 2)); left: 0; display: grid; grid-template-rows: 0fr; transform-origin: top; opacity: .95; transition: grid-template-rows calc(var(--speed) + 0.25s) ease-in-out, opacity var(--speed) ease-in-out; } .menu > li > *:has(>.submenu_wrp)::before { content: ""; position: absolute; top: 0; left: 1.5em; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39 12' fill='none'%3E%3Cpath d='M39 1C36.2386 1 34 3.23858 34 6C34 8.76142 36.2386 11 39 11V12H0V11C2.76142 11 5 8.76142 5 6C5 3.23858 2.76142 1 0 1V0H39V1Z' fill='currentColor'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39 12' fill='none'%3E%3Cpath d='M39 1C36.2386 1 34 3.23858 34 6C34 8.76142 36.2386 11 39 11V12H0V11C2.76142 11 5 8.76142 5 6C5 3.23858 2.76142 1 0 1V0H39V1Z' fill='currentColor'/%3E%3C/svg%3E"); width: 2.4375em; height: .75em; z-index: 3; opacity: .95; background-color: var(--bg); transform: rotateX(90deg) translateY(-.06em); transform-origin: top; transition: transform calc(var(--speed) + 0.2s) ease-in-out, opacity var(--speed) ease-in-out; } .menu > li > *:has(>.submenu_wrp) .grph_el { content: ""; position: absolute; width: 100%; height: 0; top: 0; transform: translateY(-100%); } .menu li:hover > *:has(> .submenu_wrp) .grph_el { height: calc(var(--h_head_height) / 2 - 1lh); } .menu .submenu_wrp { --direction: column; --col: 1; --gap: .5em; --align: flex-start; overflow: hidden; min-height: 0; height: auto; padding-bottom: 0; box-sizing: border-box; width: -webkit-max-content; width: max-content; transition: padding-bottom var(--speed) ease-in-out; } .menu .submenu_grd { padding: 1em; box-sizing: border-box; --background: var(--bg); transform: translateY(0); transition: transform var(--speed) ease-in-out; } ul.menu li:has(.submenu_wrp) > a { color: var(--clr_txt); transition: color var(--speed) ease-in-out; } .menu li:hover > *:has( > img) { transform: rotate(180deg); } .menu li:hover > *:has(> .submenu_wrp) { grid-template-rows: 1fr; opacity: 1; transition: grid-template-rows calc(var(--speed) - 0.17s) ease-in-out; } .menu li:hover > *:has(> .submenu_wrp)::before { opacity: 1; transform: rotateX(0deg) translateY(-.06em); transition: transform calc(var(--speed) + 0.07s) ease-in-out; } ul.menu li:hover:has(.submenu_wrp)[radiusBg]:before { --background: var(--backcolorCont); } ul.menu li:hover:has(.submenu_wrp) > a { color: var(--bg_body); } .menu li:hover .submenu_wrp { padding-bottom: .625em; } .menu li:hover .submenu_grd { transform: translateY(.625em); transition: transform var(--speed) ease-in-out; } @media screen and (min-width: 951px) { body:has(section[firstscreen]:first-of-type) .fixHead, body:has(section[quiz]:first-of-type) .fixHead, body:has(section[page404]:first-of-type) .fixHead { top: 2.5em; position: fixed; margin-top: 0em; } body:has(section[firstscreen]:first-of-type) .header-placeholder, body:has(section[quiz]:first-of-type) .header-placeholder, body:has(section[page404]:first-of-type) .header-placeholder { display: none; } body.scrolled:has(section[firstscreen]:first-of-type) .fixHead, body.scrolled:has(section[quiz]:first-of-type) .fixHead, body.scrolled:has(section[page404]:first-of-type) .fixHead { top: 1.25em; } } @media screen and (min-width: 851px) { .Bento, .burgerMenu {display: none;} } @media screen and (max-width: 1570px) { ul.bentoMenu { list-style-type: none; padding-inline-start: 2.5em; } .bentoBtnWrap {padding: 2em 2.5em;} } @media screen and (max-width: 1570px) { .bentoWrap {--col: 1;} .bentoPosters {display: none;} } @media screen and (max-width: 850px) { .fixHead {font-size: var(--fs_head);} .fixHead .buttHead a span {font-size: 0;} .fixHead .buttHead a {padding: 1.056em;} .fixHead {--gap: 1.688em;} .menuBox, .headAvatar {display: none;} .fixHead .phone {white-space: nowrap;} }.sectBox.footerBox { padding-bottom: var(--radius); --gap: 3.688em; } .hideCook .cookie_info { display: none!important; } section.footerSect .sectBox { --background: var(--fttr_bg_col); } section.footerSect { margin-top: -1.25em; } .footerSect ul.menu a, .footerSect a { color: var(--fttr_cl_txt_hrf); } .footerSect ul.menu a:hover, .footerSect a:hover { color: var(--fttr_cl_txt_hrf_hvr); } .cookie_info { position: fixed; bottom: 1em; left: 1em; --background: var(--ck_bg_col); --txcolor: var(--bg_body); color: var(--ck_fttr_cl_txt); padding: 1.175em; width: calc(100% - 2em); --radius: 1.175em; box-sizing: border-box; max-width: 450px; } .cookie_info:before { opacity: .85; } .cookie_tx a { text-decoration: underline; color: var(--ck_fttr_cl_txt); } .cookie_info .buttHead { --background: var(--ck_clr); } .cookie_info .buttHead a { color: var(--clr_txt); } .cookie_info .buttHead:has(a:hover) { --background: var(--ck_clr_hvr); } .cookie_info .buttHead a:hover { color: var(--clr_txt_hvr); } .ftr_wrp { --gap: .25em; } .ftr_wrp > [flexTail] { --direction: row; color: var(--fttr_cl_txt); } .ftr_wrp > [flexTail] > * { width: auto; } .ftr_wrp > [flexTail]:first-child { border-bottom: solid 1px var(--background); --background: var(--fttr_cl_txt); padding-bottom: 1.5em; box-sizing: border-box; margin-bottom: .75em; align-items: flex-start; --gap: 5em; } .ftr_wrp > [flexTail]:not(:first-child) { font-size: .825em; } .scrl_btn { position: fixed; right: 1.8em; bottom: 1.8em; opacity: 0; transform: scale(.85); transition: .2s all; } .scrl_btn.opt1 { right: 1.8em; } .scrl_btn.opt2 { right: auto; left: 1.8em; } .scrl_btn.visible { transform: scale(1); opacity: 1; --background: var(--scrll_mn_clr, black); } .scrl_btn > a { width: 3em; padding: .825em; box-sizing: border-box; color: var(--scrll_mn_clr_txt, white); } .scrl_btn.visible:has(a:hover) { --background: var(--scrll_mn_clr_hvr, var(--mn_clr)); } .scrl_btn > a:hover { color: var(--scrll_mn_clr_txt_hvr, var(--mn_clr_txt)); } .footMenu > [flexTail] > a, .footMenu > [flexTail] > p { font-size: 1.125em; } .footMenu ul, .footMenu > [flexTail] { list-style: none; --background: #00000000; } .footMenu > [flexTail] { --direction: column; --gap: 1em; } .footMenu > [flexTail] > ul[flexTail] { --gap: .3em; } .footMenu ul[radiusbg]::before, .footMenu ul li[radiusbg]::before { content: none; } .footMenu ul a { opacity: .5; } .ftr_copyright { flex: 1 0 auto; text-align: end; } .footMenu *:has(>ul) { gap: 1em; --direction: column; } .footMenu { display: flex; align-items: flex-start; gap: 5em; } .footMenu > [flexTail] > p { margin: 0; } .footMenu .submenu_grd { --gap: .3em; align-items: flex-start; } @media screen and (max-width: 1480px) { .footPolice { --direction: column; --align: right; text-align: right; } } @media screen and (max-width: 1020px) { } @media screen and (max-width: 981px) { .ftr_wrp > [flexTail]:has(.cur_year_ftr) { margin-top: .725em; } .ftr_wrp > [flexTail]:has( > .ftr_copyright) { --justify: space-between } .ftr_wrp .ftr_copyright { margin-top: 1em; } .ftr_wrp > [flexTail]:first-child { --direction: column; } .footMenu [flexTail]:has(.submenu_wrp) { min-width: 50%; } .ftr_wrp > [flexTail] .footMenu { width: 100%; flex-wrap: wrap; gap: 4em 0; } .footMenu [flexTail]:has(>ul) { gap: 1em; --direction: column; } .footMenu > [flexTail] { width: 50%; } }:root {--bg_body:#F7F7F7;--bg_section:#FFFFFF;--bg_block:#696969;--mn_txt:#000000;--mn_clr:#E37639;--mn_clr_hvr:#E6873B;--mn_clr_txt:#FFFFFF;--mn_clr_txt_hvr:#FFFFFF;--href_color:#000000;--grph_el:#E43D3D;--fontFace:LADAPragmatica;--fontHead:LADAPragmatica;}[elemcl="1568"] {--bg-ppbox-wr: var(--bg_body, white);--bx-shadow-cl: var(--bg_block, black);--cl-police: var(--header_tx, black);--cl-police-a: #000000;--cl-button: #F89435;--cl-button_hvr: var(--mn_clr_hvr, black);--cl-button_txt: var(--mn_clr_txt, black);--cl-button_txt_hover: var(--mn_clr_txt_hvr, black);--cl-zag: var(--header_tx, black);--cl-descr: var(--header_tx, black);--cl-input: var(--bg_block, black);--cl-input-bg: var(--bg_section, black);--cl-input-tx: var(--header_tx, black);--cl-in-err: var(--grph_el, black);}[elemcl="1235"] {--bg: var(--bg_section, gray);--clr_txt: var(--mn_txt, black);--backcolor: var(--mn_clr, black);--backcolorCont: var(--mn_clr_hvr, orange);--txcolor: var(--mn_clr_txt, white);--txcolorCont: var(--mn_clr_txt_hvr, white);--menu_clr_icon: var(--mn_txt, black);--sub_bg: var(--clr_txt, black);--sub_txt: var(--bg, white);--hrf_head_tx_dapoh: var(--href_color, teal);}[elemcl="1237"] {--fttr_bg_col: var(--bg_block, black);--fttr_cl_txt: var(--bg_section, black);--fttr_cl_txt_hrf: var(--fttr_cl_txt, black);--fttr_cl_txt_hrf_hvr: var(--mn_clr, gray);--ck_bg_col: var(--fttr_bg_col, black);--ck_fttr_cl_txt: var(--bg_section, gray);--ck_clr: var(--mn_clr, black);--ck_clr_hvr: var(--mn_clr_hvr, orange);--clr_txt: var(--mn_clr_txt, white);--clr_txt_hvr: var(--mn_clr_txt_hvr, white);}[elemcl="975"] {--fttr_bg_col: var(--bg_block, black);--fttr_cl_txt: var(--bg_section, black);--fttr_cl_txt_hrf: var(--fttr_cl_txt, black);--fttr_cl_txt_hrf_hvr: var(--mn_clr, gray);--ck_bg_col: var(--fttr_bg_col, black);--ck_fttr_cl_txt: var(--bg_section, gray);--ck_clr: var(--mn_clr, black);--ck_clr_hvr: var(--mn_clr_hvr, orange);--clr_txt: var(--mn_clr_txt, white);--clr_txt_hvr: var(--mn_clr_txt_hvr, white);}