@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;} @media (min-width: 851px) { @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('');} } } @media (max-width: 850px) { @supports not (corner-shape: squircle) { [radiusBx], [radiusBg]:before, [radiusBg]>a:before { border-radius: calc(var(--radiusin, var(--radius)) / 1.7); } [radiusBx] { overflow: hidden; } } } @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;} } [button]:before { transition: .3s; will-change: background, color; } [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;position: relative;} [radiusBg]:before, [button]:before, [radiusBg]:after, [button]:after { background: var(--background); position: absolute; z-index: 0; 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)) - var(--gap)); overflow: hidden; } .g_post_img:has(.media) { cursor: pointer; } .g_post_img.flt_left { float: left; margin: var(--mrgn); } .g_post_img.flt_right { float: right; margin: 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; } html, body { touch-action: pan-x pan-y !important; -ms-touch-action: pan-x pan-y; } 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; box-sizing: border-box; color: var(--clr_txt); transition: .2s color; } ul.menu li { padding: .5em .7em; box-sizing: border-box; --background: #00000000; --gap: .5em; cursor: pointer; } ul.menu li:before { transition: .3s; } ul.menu li:hover { --background: var(--backcolorCont); } ul.menu li:hover > a { color: var(--menu_txcolorCont); } .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; gap: 3px; cursor: pointer; opacity: 0; pointer-events: none; transition: .3s; padding: .5em .7em; box-sizing: content-box; } .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: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;} .gwm-table { max-width: 100%; width: fit-content; border-collapse: collapse; margin: 1.25em 0; font-size: 1.25em; border-radius: .5em; display: block; overflow-x: scroll; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); } .gwm-table thead tr { background-color: #2a2a2a; color: #ffffff; } .gwm-table th { padding: .875em 1.125em; text-align: left; font-weight: 600; border-bottom: 2px solid #e0e0e0; } .gwm-table td { padding: .75em 1.125em; border-bottom: 1px solid #e8e8e8; color: #555; } .gwm-table tbody tr:nth-child(odd) { background-color: #f9f9f9; } .gwm-table tbody tr:nth-child(even) { background-color: #ffffff; } .gwm-table tbody tr:last-child td { border-bottom: none; } .gwm-table td:first-child { font-weight: 500; color: #333; } @media screen and (max-width: 981px) { .gwm-table { font-size: 1em; } } @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_Form label:has(.G_hs_Er):after, .CH_QW 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, var(--grph_el, red)) solid; color: var(--cl-in-err, var(--grph_el, red)); top: 50%; right: 2em; transform: translate(0, -50%); } .CH_QW label:has(.G_hs_Er[type="checkbox"]):after, .G_Form label:has(.G_hs_Er[type="checkbox"]):after { border: none; right: 0; width: 100%; height: 100%; } .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); transition: .2s color; } @media (hover:hover) { .G_Police a:hover { color: var(--cl-button_hvr); } } 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; } label > .flt_placeholder { display: none; } @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_Pp_Bx:before { content: 'Заполните обязательные поля'; position: absolute; width: 100%; text-align: center; background: var(--cl-in-err); color: white; padding: .8em; box-sizing: border-box; transform: translate(0, 0); bottom: 100%; transition: .3s; } .G_Pp_Bx:has(.G_hs_Er):before { transform: translate(0px, 100%); } .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; }.f_s_wrp > div:nth-child(2) { display: none; } [firstscreen] > .sectBox { padding: 0; } @media screen and (min-width: 981px) { [firstscreen] > .sectBox:has( > [container]) { padding: var(--radius); } } @media screen and (max-width: 1620px) { .bCText { font-size: .85em; } } [firstscreen] [button] { --background: var(--bt_cl_bg); --backcolorCont: var(--bt_cl_bg_hov); --txcolor: var(--bt_cl_text); --txcolorCont: var(--bt_cl_text_hov); } .bannTextWrp h2, .bannTextWrp h1 {color: var(--tx_cl_bann);} .bCText p {color: var(--tx_cl_text);} .f_s_wrp .bannTextWrp { position: absolute; top: 0; left: 0; padding: 0 1.875em; } .f_s_wrp { width: 100%; } .f_s_wrp > * { padding: 0; } .f_s_wrp .fscreenBann { position: relative; background-color: var(--bg_bann_zatemnenie); } .swiper, .swiper-wrapper, div:has(>.fscreenBann) { width: 100%; } div:has(>.fscreenBann) { flex: 1 0 100%; } .f_s_wrp[data-theme="opt1"] .fscreenBann { } .f_s_wrp[data-theme="opt2"] .fscreenBann { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--bg_bann_zatemnenie); } .f_s_wrp[data-theme="opt2"] .bannContentWrp { gap: 2em; } .f_s_wrp[data-theme="opt2"] .bannContentWrp > div { flex: 1 0 auto; } .f_s_wrp[data-theme="opt2"] .bannContentWrp > div:first-child { align-content: flex-end; } .f_s_wrp[data-theme="opt2"] .bannContentWrp > div:last-child { align-content: flex-start; } .fscreenBann picture img { -webkit-mask-image: linear-gradient(-90deg, #000 var(--grd_l), transparent var(--grd_r)); mask-image: linear-gradient(-90deg, #000 var(--grd_l), transparent var(--grd_r)); } .f_s_wrp[data-theme="opt1"] .bannTextWrp { height: 100%; } .bCText > div > [flexTail] { max-height: 3.8125em; height: 100%; width: -webkit-max-content; width: max-content; --col: 2; --gap: 1.25em } div:has( > .tail_price_wrp), .bButton { --span: 1; width: -webkit-max-content; width: max-content; --radius: .875em; } .tail_price_wrp { white-space: nowrap; } .tail_price_wrp .price > div[flexTail] { --gap: 0em; } .f_s_wrp .call a { font-size: 1.125em; } .f_s_wrp .call div:has( > svg) { width: .74em; margin-top: .1em; } .f_s_wrp .bannTextWrp { width: 100%; padding: var(--radius); box-sizing: border-box; } .bBann { --direction: row; --gap: 2.5em; } .bBann > div { width: auto; } div:has(>.bannContentWrp) { height: 100%; } .bannContentWrp { --direction: column; height: 100%; } .bannContentWrp > div:has(.bBann) { align-content: flex-end; } .bannContentWrp .bCText { align-content: flex-start; } .f_s_wrp .bCText h1 { font-size: var(--font_size_h1, 4.063em); } .bannContentWrp > div:first-child { flex: 1 0 auto; display: flex; align-content: center; align-items: center; } .bann_item { max-width: none; max-height: none; height: 6.75em; width: -webkit-max-content; width: max-content; padding: .1875em; box-sizing: border-box; --direction: row; --gap: 1.25em; background-color: #FFFFFF; flex-wrap: nowrap; } .b_descript { max-width: none; width: -webkit-max-content; width: max-content; } .b_descript > [flexTail] { --gap: .375em; --direction: column; } .b_descript p { font-family: var(--fontFace), Inter; font-weight: 500; margin: 0; } .b_descript div:has( > p) p:nth-child(1) { font-size: 1.125em; line-height: 1.3333; color: #000000; } .b_descript div:has( > p) p:nth-child(2) { font-size: .875em; line-height: 1.7142; color: #00000080; } .b_media { max-width: 6.0625em; height: 100%; align-self: flex-start; overflow: hidden; } .b_media .b_imgt, .b_imgt img { width: 100%; height: 100%; } .b_descript .call { width: auto; --radius: 1.3em; } .b_descript .call a { font-size: .875em; line-height: 1.7142; padding: .2857em .9285em .3571em 1.0714em; } .bann_item[side="opt2"] { justify-content: flex-end; --direction: row-reverse; } .bann_item[side="opt2"] .b_descript > [flexTail] { align-items: flex-start; } .bann_item[side="opt1"] .b_descript { margin-left: 1.0625em; } .bann_item[side="opt2"] .b_descript { margin-right: 1.6875em; } .timer_wrp { width: 100%; height: 100%; padding: .375em 0 .84375em 0; box-sizing: border-box; --direction: column; --justify: space-between; --gap: 0em; background-color: #000000; -webkit-mask-image: linear-gradient(90deg, transparent, #000 25%, #000 75%, transparent 100%); mask-image: linear-gradient(90deg, transparent, #000 25%, #000 75%, transparent 100%); } .n_days_wrp { font-family: "Inter", sans-serif; } .b_iarrow { width: .8125em; aspect-ratio: 1; color: var(--grph_el); } .n_days_wrp > [flexTail] { --direction: row; --justify: center; --gap: .7em; margin-top: .5em; } .day_item { width: auto; color: #ffffff; } .c_day { font-size: 2.5em; line-height: .6; } .b_day, .n_day { font-size: 1.25em; line-height: 1.2; width: 1.2em; text-align: center; } .b_day { transform: translate(0, .3em) rotate(10deg) ; } .n_day { transform: translate(0, .3em) rotate(-10deg) ; } .word_day { text-align: center; } .word_day span { font-size: 1.125em; text-align: center; color: #FFFFFF; text-transform: lowercase; } .b_media:has(> .timer_wrp) { background-color: #000000; } .b_descript div:has( > .call) { --gap: 0em; width: -webkit-max-content; width: max-content; align-items: flex-start; } .b_descript div:has( > .call) p:nth-child(2) { margin-bottom: .4em; } .bann_item[theme="opt1"] { background: none; } .bann_item[theme="opt1"] .b_media { border-radius: 100%; height: auto; aspect-ratio: 1; } .bann_item .b_descript > div > a { color: #000000; } .bann_item .b_descript > div > a:first-child { font-size: 1.5625em; font-weight: 600; } .bann_item .b_descript > div > a:last-child { font-size: 1.125em; color: #00000080; } .bann_item[side="opt2"]:has(div:not(.b_media)) .b_descript { margin: 0 1em; } .pageElem .f_content div:has(> img) { cursor: pointer; } .b_media:has(.tmr_n_wrp) { max-width: none } .tmr_n_wrp { padding: 0em .625em .4375em .625em; box-sizing: border-box; } .bann_item:has(.tmr_n_wrp) .b_descript { display: none; } .tmr_n_wrp { min-width: 24em; } .tmr_n { --col:4; margin-top: .2em; --gap: 1.38em; } .tmr_n > * { --span: 1; } .tmr_item { --direction: column; --col: 1; gap: 0em; text-align: center; --background: #000000; color: #ffffff; padding: .5em .645em 0em .645em; box-sizing: border-box; --radius: 1em; } .tmr_item::before { z-index: -2; } .tmr_n>*:nth-child(-n+3) .tmr_item::after { content: ":"; font-family: auto; line-height: 1; position: absolute; width: 100%; height: 1.25em; right: calc(-50% - (var(--gap) / 4 / 2)); font-size: 4em; left: auto; top: 50%; background: #00000000; transform: translate(0em, -50%); color: #000000; } .tmr_n>*:nth-child(n+4) .tmr_item::after { content: none; } .tmr_n_wrp > .txt { font-family: var(--fontFace), Inter; font-size: .75em; letter-spacing: 0.005em; } .tmr_item_n { font-family: var(--fontFace), Inter; font-size: 2.625em; font-weight: 600; line-height: 1; font-variant-numeric: tabular-nums; } .tmr_item_lbl { font-family: var(--fontFace), Inter; font-size: .75em; font-weight: 400; line-height: 1.75; } .tmr_item.day .tmr_item_n { color: var(--grph_el); } .tmr_item_n::before, .tmr_n::before { content: none; } .bannContentWrp[center] > div:first-child { justify-content: center; text-align: center; align-items: flex-start; } .bannContentWrp[blur] .bCText { padding: 2em 2em 2em 2em; } .bannContentWrp[blur] { opacity: 1 !important; } .bannContentWrp[center] .bCText { transform: translateY(calc(var(--h_head_height) + var(--h_head_offset) - .5em)); } .bannContentWrp[blur] .bCText > *:has([button]) { position: absolute; bottom: 0; transform: translateY(50%); } .bannContentWrp[center] .bCText > div > [flexTail] { width: 100%; align-content: center; } .bannContentWrp[flex-start] > div:first-child { justify-content: flex-start; } .bannContentWrp[flex-end] > div:first-child { justify-content: flex-end; } .f_s_wrp:has(.bannContentWrp[blur]) .fscreenBann picture img { mask-image: none; -webkit-mask-image: none; } .bannContentWrp[blur] .bCText h1 { font-family: var(--fontHead), Inter; font-size: 2.875em; font-weight: 600; letter-spacing: -0.002em; line-height: 1.1739; } .bannContentWrp[blur] .bCText p { font-size: 1.75em; font-weight: 400; line-height: 1; } .bCText[radiusBg] { --background: var(--blur_color); } .bCText[radiusBg]::before { box-sizing: content-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); box-shadow: inset 0 0 0 .5px #cccccc; } .bCText[radiusBg]::after { content: none; } .frstScrnThumbs_wrp { display: none; } @media screen and (min-width: 951px) { [container]>.f_s_wrp .bannTextWrp { padding-left: calc(var(--radius) + 3.5em); } } @media screen and (max-width: 1620px) { .f_s_wrp { font-size: 16px; } .f_s_wrp .bCText h1 { font-size: 2.1875em; } .bCText p { font-size: 1.125em; } .f_s_wrp .call { --radius: .85em; } .f_s_wrp .call a { font-size: .747em } .f_s_wrp .bCText .call a { font-size: 1em; } .bann_item { max-width: none; height: auto; padding: .625em; --gap: .875em; --radius: 1.3em; } .bann_item[side="opt1"] .b_descript { margin-left: .4375em; } .b_descript { max-width: none; } .b_media { max-width: 3.8125em; width: 3.8125em; aspect-ratio: 1; --radius: .75em; } .bann_item:has(.b_descript .call) .b_media { max-width: none; width: 4.5em; } .b_media:has(.tmr_n_wrp) { max-width: none; width: auto; aspect-ratio: auto; font-size: .715em; } .b_media:has(> .timer_wrp) { max-width: 4.875em; width: 4.875em; aspect-ratio: auto; align-self: center; } .b_descript div:has( > p) p:nth-child(1) { font-size: .875em; line-height: 1.2857; } .b_descript div:has( > p) p:nth-child(2) { font-size: .75em; line-height: 1.5; } .bann_item[side="opt2"] .b_descript > [flexTail] { --gap: .25em; } .b_descript div:has( > .call) { max-width: none; --gap: .25em; } .b_descript div:has( > .call) p:nth-child(2) { margin-bottom: 0; } .timer_wrp { --direction: row; --justify: flex-start; --gap: .2em; padding: 0 .375em; align-content: center; -webkit-mask-image: linear-gradient(90deg, transparent, #000 25%, #000 75%, transparent 100%); mask-image: linear-gradient(180deg, transparent, #000 25%, #000 75%, transparent 100%); } .b_iarrow { width: .6875em; transform: rotate(-90deg); } .n_days_wrp { width: auto; } .n_days_wrp > [flexTail] { --direction: column-reverse; --gap: .125em; --align: center; margin-top: 0; } .day_item { font-size: .9375em; line-height: 1.2; } .word_day { width: auto; } .word_day span { font-size: .75em; line-height: 2; } .b_day, .n_day { transform: none; } .bannContentWrp[blur] .bCText h1 { font-size: 2.35em; } .bannContentWrp[blur] .bCText p { font-size: 1.3em; } } @media screen and (max-width: 980px) { .f_s_wrp { font-size: 3vw; } .f_s_wrp[data-theme="opt1"] { aspect-ratio: auto; } .f_s_wrp .bannTextWrp { position: relative; padding: 1.7235em 1.4634em 1.626em 1.4634em; } .f_s_wrp .fscreenBann { border-bottom-left-radius: 0; border-bottom-right-radius: 0; z-index: 2!important; } .f_s_wrp .bannTextWrp { border-top-left-radius: 0; border-top-right-radius: 0; padding-top: calc(1.7235em + (var(--radius) * 2)); margin-top: calc(1px - 1px - (var(--radius) * 2))!important; z-index: 1!important; } [firstscreen]:first-of-type div:has( > .bannTextWrp) { padding: 0; } .f_s_wrp:has(.bannTextWrp) .bannTextWrp { background: #00000000; z-index: 2; margin: 0; margin-top: -.2em; } .f_s_wrp .bCText { font-size: 1em; max-width: 100%; } .f_s_wrp .bCText h1 { font-size: var(--font_size_h1_mob, 2.8455em); text-align: start; } .bCText p { font-size: 1.4634em; text-align: start; margin: 0; } .bCText > div > [flexTail] { max-height: none; --direction: column; --col: 1; --gap: .813em; width: 100%; } div:has( > .tail_price_wrp), .bButton { width: 100%; } .f_s_wrp .tail_price_wrp { max-width: none; width: fit-content; } .f_s_wrp .call a { font-size: 1.3em; } .bBann { --gap: .813em; } .bBann > div { width: 100%; } .bann_item { max-width: none; width: 100%; height: auto; max-height: none; padding: .813em; --justify: space-between; --gap: 1.1382em; --radius: 1.3em; } .bannContentWrp { --gap: 1.626em } .b_descript div:has( > p) p:nth-child(1) { font-size: 1.1382em; } .b_descript div:has( > p) p:nth-child(2) { font-size: .975em; } .b_descript, .b_descript div:has( > .call) { max-width: 18.5365em; --gap: .325em; } .b_media:has(> .timer_wrp) { max-width: 6.3414em; width: 6.3414em; align-self: center; } .b_media { max-width: 4.9593em; width: 4.9593em; } .day_item { font-size: 1.2195em; } .word_day span { font-size: .975em; } .timer_wrp { padding: 0 .4878em; } .f_s_wrp[data-theme="opt1"] .bannTextWrp::after { content: ""; position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; -webkit-mask-image: linear-gradient(0deg, #000 100%, transparent 100%); mask-image: linear-gradient(0deg, #000 100%, transparent 100%); background-color: var(--bg_bann_zatemnenie); z-index: -1; } .f_s_wrp[data-theme="opt1"] .fscreenBann::after { content: ""; position: absolute; top: 1px; left: 0; min-width: 100%; min-height: 100%; -webkit-mask-image: linear-gradient(0deg, #000 3%, transparent 38%); mask-image: linear-gradient(0deg, #000 3%, transparent 38%); background-color: var(--bg_bann_zatemnenie); z-index: 1; } .f_s_wrp[data-theme="opt1"] .fscreenBann { height: auto; } .f_s_wrp .fscreenBann { aspect-ratio: var(--aspect_m); } .fscreenBann picture img { mask-image: none; } .f_s_wrp[data-theme="opt2"], .f_s_wrp[data-theme="opt2"] > div { height: auto; } .f_s_wrp[data-theme="opt2"] .fscreenBann { height: auto; background-color: var(--bg_bann_zatemnenie); } .f_s_wrp[data-theme="opt2"] .bannTextWrp::after { content: ""; position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; -webkit-mask-image: linear-gradient(0deg, #000 73%, transparent 78%); mask-image: linear-gradient(0deg, #000 73%, transparent 78%); background-color: var(--bg_bann_zatemnenie); z-index: -1; } .f_s_wrp[data-theme="opt2"] .bann_item:not(:has(.b_media)) .b_descript { padding-left: calc(4.9593em + var(--gap)); box-sizing: border-box; } .word_day { font-size: .9em; } .b_descript .call { font-size: .825em; margin-top: .4em; } .bCText[radiusBg]::before { content: none; } .f_s_wrp:has(.bannContentWrp[blur]) .fscreenBann picture img { mask-image: inherit; } .bannContentWrp[center] .bCText { transform: translateY(0); padding: 0; } .bannContentWrp[blur] .bCText > *:first-child * { text-align: center; font-weight: 400; line-height: 1.142; } .bannContentWrp[blur] .bCText > *:first-child * br, .bannContentWrp[blur] .bCText p br { display: none; } .bannContentWrp[blur] .bCText p { font-size: 1.4634em; font-weight: 500; text-align: center; line-height: 1.38; } .f_s_wrp:has(.bannContentWrp[center]) .tail_price_wrp { width: 100%; } .f_s_wrp:has(.bannContentWrp[center]) .price > div[flexTail] > .old::after { left: calc(var(--pad_left) + 2.2em); } .f_s_wrp:has(.bannContentWrp[center]) .price > div[flexTail] > .act { font-size: 1.626em; --pad_bott: .4em; padding: .4em 1.48em var(--pad_bott) var(--pad_left); } .bann_item[theme="timer_new"] .b_media { width: 100%; aspect-ratio: auto; } .bann_item:has(.b_descript .call[button]) .b_media { width: 6.3em; max-width: none; } .bannContentWrp[blur] .bCText > *:has([button]) { position: relative; bottom: auto; transform: translateY(0); } .tmr_item { padding: .85em .9em 0em .9em; } .tmr_n_wrp { padding: 0; } .tmr_n { --col: 4; margin-top: 1em; } .tmr_n_wrp > .txt { font-size: 1.75em; } .tmr_item_n { font-size: 3.625em; } .tmr_item_lbl { font-size: 1.5em; } .tmr_n>*:nth-child(-n+3) .tmr_item::after { right: calc(-50% - (var(--gap) / 6 / 2)); font-size: 6em; } }.G_Pp_Bx.GacT:has(.timer_wrp_nw) { max-width: 42.75em; flex-direction: column; } .tmr_pp_wrp { padding: 2.1875em 2.375em 2.375em 2.375em; --background: var(--tl_fon_col, #ffffff); } .tmrfrm_img_tp { width: 5.125em; } .tmr_pp_dscr { --direction: column; --col: 1; --justify: flex-start; --align: center; --gap: .5625em; } .tmr_pp_dscr > * { --span: 1; text-align: center; margin: 0; } .tmr_pp_dscr .txt_m { font-size: 2.625em; font-weight: 500; line-height: 1; margin-top: .5em; } .tmr_pp_dscr .txt_l { font-size: 1.25em; font-weight: 400; line-height: 1; } .tmr_pp_wrp .timer_wrp_nw { margin-top: 2.5em; } .tmr_pp_wrp .tmr_n_wrp { text-align: center; padding: 0; } .tmr_pp_wrp .tmr_n_wrp > .txt { font-size: 1em; } .tmr_pp_wrp .tmr_item.day .tmr_item_n { color: inherit; } .tmr_pp_wrp .tmr_item_n::before, .tmr_pp_wrp .tmr_n::before { content: ''; z-index: -1; } .tmr_pp_wrp .tmr_n { margin-top: 1em; padding: 2em 2.3125em; box-sizing: border-box; --background: var(--tl_timer_bg_col, #EEEEEE); } .tmr_pp_wrp .tmr_item { padding: 0; } .tmr_pp_wrp .tmr_n::before { content: ''; } .tmr_pp_wrp .tmr_item::before { content: none; } .tmr_pp_wrp .tmr_item_n { width: auto; padding: .25em; aspect-ratio: 1; box-sizing: border-box; font-size: 4.0625em; --radius: .25em; color: var(--tl_timer_num_col, #ffffff); margin-bottom: .2em; align-self: center; --background: linear-gradient(318.06deg, #000000 6.15%, #222222 62.48%, #7E7E7E 93.79%); display: flex; flex-direction: column; justify-content: center; } .tmr_pp_wrp .tmr_n>*:nth-child(-n+3) .tmr_item::after { top: 35%; } .tmr_pp_wrp .tmr_item_n::before { content: ''; } .tmr_pp_wrp .tmr_item_n:first-child { color: var(--tl_timer_num_col, #ffffff); } .tmr_pp_wrp .tmr_item_lbl { font-size: 1.125em; line-height: 1.7777; color: var(--tl_timer_txt_col, #676767); } .tmr_pp_offr { --direction: row; --col: 9; --gap: 1.5em; --align: center; margin: 1.325em 0; } .tmr_pp_offr .img_offr_lft { --span: 1.5; } .tmr_pp_offr .txt_m { --span: 5.6; margin: 0; font-size: 1em; line-height: 1.5625; font-weight: 400; } .tmr_pp_offr .txt_m span { font-weight: 600; } .tmr_pp_offr .img_offr_rght { --span: 1.2; transform: translateY(1.1em); } .tmr_pp_wrp input[type="phone"] { border: solid 1px #C3C3C3; } .tmr_pp_wrp .formQWwpr { --gap: 1.25em; } .tmr_pp_wrp .qz_btn { --background: var(--tl_btn_col, #000000) } .tmr_pp_wrp .qz_btn a { font-size: 1.25em; color: var(--tl_btn_txt_col, #ffffff); } @media (hover:hover) { .tmr_pp_wrp .qz_btn:has(a:hover) { --background: var(--mn_clr_hvr) } } .tmr_pp_wrp .G_Police { transform: scale(1); opacity: 1; z-index: 1; height: auto; transition: .3s; opacity: .6; } .tmr_pp_wrp .G_Bot_ck label { align-self: flex-start; } .G_Pp_Bx:has(.tmr_pp_wrp .G_hs_Er):before { background-color: var(--clr_err, red); z-index: 2; } .G_Pp_Bx:has(.tmr_pp_wrp .G_hs_Er) label:has(.G_hs_Er[type="checkbox"]) { border-color: var(--clr_err, red); } .G_Pp_Bx:has(.tmr_pp_wrp .G_hs_Er) .G_Bot_ck label:has(.checkboxvs.G_hs_Er)::before { content: '!'; position: absolute; color: #F54927; top: 50%; left: 50%; transform: translate(-50%, -50%); } .G_Pp_Bx:has(.tmr_pp_wrp .G_hs_Er) input.G_hs_Er, .G_Pp_Bx:has(.tmr_pp_wrp .G_hs_Er) textarea.G_hs_Er { border-color: var(--clr_err, red); color: var(--clr_err, red); } .cls_pp_frm { position: absolute; top: 1.25em; right: 1.25em; width: 2.625em; height: auto; aspect-ratio: 1; display: flex; flex-direction: column; justify-content: center; padding: .8125em; box-sizing: border-box; border-radius: 100%; background-color: #EEEEEE; cursor: pointer; transform: rotate(0deg); transition: transform .2s; } @media (hover:hover) { .cls_pp_frm:hover { transform: rotate(90deg); } } @media screen and (max-width: 981px) { .G_Pp_Wr:has(.tmr_pp_wrp) { font-size: 3vw; } .G_Pp_Bx.GacT:has(.tmr_pp_wrp) { max-width: none; overflow: auto; } .tmr_pp_wrp .timer_wrp_nw { margin-top: 1.5em; } .tmr_pp_wrp { padding: 1.5447em 2.11382em 1.4634em 2.11382em; } .tmr_pp_wrp .tmrfrm_img_tp { width: 3.6585em; } .tmr_pp_dscr .txt_m { font-size: 1.78861em; margin-top: .5em; } .tmr_pp_dscr .txt_l { font-size: 1em; } .tmr_pp_wrp .tmr_item_n { font-size: 2.8455em; } .tmr_pp_offr .img_offr_lft { --span: 1.8; } .tmr_pp_offr .txt_m { --span: 5.6; font-size: .814em; } .tmr_pp_wrp .G_Police { margin-top: 0; } .tmr_pp_wrp .tmr_n { padding: 1.46341em 1.626em; } .tmr_pp_wrp .tmr_pp_offr { margin: .725em 0; } .tmr_pp_wrp .tmr_item_lbl { font-size: .814em; margin-bottom: .1em; } .tmr_pp_wrp .tmr_n>*:nth-child(-n+3) .tmr_item::after { right: calc(-50% - (var(--gap) / 3.5 / 2)); font-size: 3.5em; } }.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; width: -webkit-max-width; width: max-content; } .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; overflow: scroll; flex-wrap: nowrap; } .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 *:has(>.submenu_wrp) { position: absolute; max-width: max-content; width: auto; top: calc(50% + (var(--h_head_height) / 2)); left: 0; display: grid; grid-template-rows: 0fr; transform-origin: top; transition: grid-template-rows calc(var(--speed) + 0.25s) ease-in-out; } .menu .checkerSubMenu *:has(>.submenu_wrp) { left: -1.3em; } .menu *: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: -2; background-color: var(--bg); transform: rotateX(90deg) translateY(-.06em); transform-origin: top; transition: transform calc(var(--speed) + 0.2s) ease-in-out; } .menu *:has(>.submenu_wrp) .grph_el { content: ""; position: absolute; width: 100%; height: 0; top: 0; transform: translateY(-100%); } .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: #00000000; 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; transition: grid-template-rows calc(var(--speed) - 0.17s) ease-in-out; } .menu li:hover > *:has(> .submenu_wrp) .grph_el { height: calc(var(--h_head_height) / 2 - 1lh); } .menu li:hover > *:has(> .submenu_wrp)::before { 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; } .menuBox ul.menu li > *:has(>.submenu_wrp)::after { content: ''; width: 100%; height: calc(100% - .625em); transform: translateY(0em); position: absolute; background-color: var(--bg);; border-radius: calc(var(--radius) * 1.1); corner-shape: squircle; transition: transform var(--speed) ease-in-out; z-index: -1; } .menuBox ul.menu li:hover *:has(>.submenu_wrp)::after { transform: translateY(.625em); } .menu.opensub .checkerSubMenu *:has( > img) { transform: rotate(180deg); } .menu.opensub .checkerSubMenu *:has(> .submenu_wrp) { grid-template-rows: 1fr; transition: grid-template-rows calc(var(--speed) - 0.17s) ease-in-out; } .menu.opensub .checkerSubMenu *:has(> .submenu_wrp) .grph_el { height: calc(var(--h_head_height) / 2 - 1lh); } .menu.opensub .checkerSubMenu *:has(> .submenu_wrp)::before { transform: rotateX(0deg) translateY(-.06em); transition: transform calc(var(--speed) + 0.07s) ease-in-out; } ul.menu.opensub .checkerSubMenu:has(.submenu_wrp)[radiusBg]:before { --background: var(--backcolorCont); } ul.menu.opensub .checkerSubMenu:has(.submenu_wrp) > a { color: var(--bg_body); } .menu.opensub .checkerSubMenu .submenu_wrp { padding-bottom: .625em; } .menu.opensub .checkerSubMenu .submenu_grd { transform: translateY(.625em); transition: transform var(--speed) ease-in-out; } .menu .checkerSubMenu:has(.submenu_grd:empty) { display: none; } .menu *:has(>.submenu_wrp)::after { content: ''; width: 100%; height: calc(100% - .625em); transform: translateY(0em); position: absolute; background-color: var(--bg);; border-radius: calc(var(--radius) * 1.1); corner-shape: squircle; transition: transform var(--speed) ease-in-out; z-index: -1; } .menu.opensub *:has(>.submenu_wrp)::after { transform: translateY(.625em); } .menu * > .submenu_grd li:has(.submenu_wrp) { overflow: hidden; } .menu * > .submenu_grd > li:has(.submenu_wrp):hover { overflow: visible; } .menu * > .submenu_grd li:has(.submenu_wrp) *:has(> .submenu_wrp) { overflow: visible; left: auto; left: 0; top: 0; transform: translateX(calc(9.5em)); opacity: .3; transition: transform .25s, opacity .3s; } .menu * > .submenu_grd li:has(.submenu_wrp):hover *:has(> .submenu_wrp) { transform: translateX(calc(11.5em)); opacity: 1; } .menu * > .submenu_grd li:has(.submenu_wrp) *:has(> .submenu_wrp)::before { content: ""; position: absolute; top: 0; left: -10em; mask-image: none; width: 100%; height: 100%; z-index: -2; background: #00000000; transform: rotateX(0) translateY(0); transform-origin: top; transition: none; } .checkerSubMenu.scriptSubMenu .submenu_wrp:has(li:hover .submenu_wrp) { overflow: visible; } .menu.opensub .checkerSubMenu .submenu_wrp .submenu_wrp { padding: 0; } .menu.opensub .checkerSubMenu .submenu_wrp .submenu_wrp .submenu_grd { transform: translateY(0); } .menuBox ul.menu .submenu_wrp li:hover *:has(> .submenu_wrp)::after { transform: translateY(0); height: 100%; } @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; transform: translateY(0em); transition: .3s transform ease-in-out; will-change: transform; } 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 { transform: translateY(-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;} } @media screen and (max-width: 981px) { .bentoMenu > li:has(.bentoSubMenu) > [imgwrap] { width: 1em; display: inline-block; margin-left: 1em; transform: rotate(0deg); transition: transform .2s ease-in-out; } .bentoMenu > li:has(.bentoSubMenu) > [imgwrap].active { transform: rotate(180deg); } .bentoMenu .bentoSubMenu { margin-left: 1.5em; margin-top: 1.125em; display: none; } .bentoMenu .bentoSubMenu .bentoSubMenu_item { font-size: .825em; margin-bottom: .7em; } .bentoMenu .bentoSubMenu .bentoSubMenu_item:last-child { margin-bottom: 0; } }.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; z-index: 1; } .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; z-index: 5; 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; } .ftr_wrp .dlc_info_ftr { width: 85%; } @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%; } .ftr_wrp .dlc_info_ftr { width: 100%; } } a.overclose { position: absolute; display: flex; justify-content: center; align-items: center; width: 2em; height: 2em; background: #0000006e; border-radius: 100%; top: .5em; right: .5em; z-index: 2; } a.overclose:before, a.overclose:after { content: ''; width: 70%; height: 3px; background: white; position: absolute; border-radius: 10px; } a.overclose:before { transform: rotate(45deg); } a.overclose:after { transform: rotate(-45deg); } .cookie_tx { max-width: calc(100% - 2.2em); font-size: .8em; } .buttHead.buttoff.nbt0875 { margin-top: 1em; } @media screen and (min-width: 900px) { .buttHead.buttoff.nbt0875 { float: right; } }wrap:has(section[page404]:first-of-type) .bradcrumb { margin-top: calc(var(--h_head_height) + var(--h_head_offset) + 1.25em); transform: translate(-50%, 0); } .pg_404 { padding-top: calc(var(--h_head_height) + var(--h_head_offset) / 4); } .pg_404 > div { --col:2; } .pg_404 [button*="revert"] { --background: var(--backcolor); } .pg_404 [button*="revert"]>a { color: var(--txcolor); } div:has(p) p { color: var(--clr_txt); } div:has( > h1) { --span: 1; --col: 3; } div:has( > h1) > * { --span: 2; } .bg_img { overflow: hidden; height: 80vh; min-height: 37.5em; } .bg_img > img { filter: blur(3px) brightness(0.7); } .bg_img div { height: 100%; } .bg_img div > div { scale: 2; } .bg_img div > div > img:first-child { animation: img1 32s infinite linear; } .bg_img div > div > img:last-child { transform: translateX(200%); animation: img2 32s infinite 16s linear; } .bg_img > video.loaded { opacity: .5; object-fit: inherit; filter: brightness(0.6) blur(2px); } @keyframes img1 { 0% { transform: translateX(150%); } 100% { transform: translateX(-175%); } } @keyframes img2 { 0% { transform: translateX(50%); } 100% { transform: translateX(-275%); } } @media screen and (max-width: 951px) { .pg_404 { padding-top: 0; } wrap:has(section[page404]:first-of-type) .bradcrumb { margin-top: calc(var(--h_head_offset) + 1.875em); } } @media screen and (max-width: 760px) { section[page404] .sectBox { height: 80vh; min-height: 46em; max-height: 54em; padding: 0; } .pg_404 { position: relative; width: 100%; height: 100%; } .pg_404 > div { --col: 1; --align: flex-start; --justify: center; height: 100%; padding-top: 7.33em; box-sizing: border-box; } .pg_404 > div > div:first-child { height: 100%; z-index: 1; } .bg_img { --col: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .pg_404 div:has( > h1) { --col: 10; height: 100%; flex-wrap: nowrap; } div:has( > h1) > * { --span: 7; align-self: center; text-align: center; } .pg_404 div:has( > .buttHead.buttoff) { height: 100%; margin-bottom: 3em; position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; } .bg_img div > div { transform: translateY(2em); } .pg_404 h1, .pg_404 p { color: var(--clr_txt_mob); } }: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: #000000;--ck_fttr_cl_txt: var(--bg_section, gray);--ck_clr: var(--mn_clr, black);--ck_clr_hvr: #FFFFFF;--clr_txt: var(--mn_clr_txt, white);--clr_txt_hvr: #000000;}[elemcl="1018"] {--clr_txt: var(--mn_txt, black);--clr_txt_mob: var(--bg_section, 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);}