@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; } }@media screen and (max-width: 1920px) { .in_stock { font-size: 16px; } } @media screen and (max-width: 760px) { section[tails] > .sectBox { font-size: 3vw !important; padding: 1.463414em; } } [catalog] .more_btn[button] {--background: var(--mn_txt);--backcolorCont: var(--bt_cl_bg_hov);} section[catalog]:has(.in_stock:empty) { display: none!important; } [catalog] [button] { --background: var(--bt_cl_bg); --backcolorCont: var(--bt_cl_bg_hov); --txcolor: var(--bt_cl_text); --txcolorCont: var(--bt_cl_text_hov); } .filter { --gap: 1em } .filter br { display: none; } .description_in { margin-bottom: 1em; flex: 1 0 auto; } .filter > label, .filter > a { width: auto; padding: .3888em .8333em .5em .8333em; box-sizing: border-box; color: #00000066; --background: #F3F5F9; font-size: 1.125em; line-height: 1.333; cursor: pointer; --radius: 1.2em; white-space: nowrap; } .filter > label > span, .filter > a > span { white-space: nowrap; } .filter > label > input[type="radio"] { display: none; } .filter > label:has(input:checked) { color: #FFFFFF; --background: #000000; } .sectBox:has(.in_stock) { --gap: 2em } .in_stock { --col: 6; --gap: 2.5em } .in_stock_item { --span: var(--span_width); --radius: .95em; height: auto; --background: #F3F5F9; align-self: stretch; } .in_stock .media { width: 100%; height: 100%; } .in_stock .media > div[imgwrap] { height: 100%; } .in_stock .media > div[imgwrap] { display: none; } .in_stock .media > div[imgwrap]:first-child { display: block; } .in_stock_item > div { max-height: 100%; height: 100%; --align: flex-start; --direction: column; --gap: 0; } .in_stock_item .swiper-slide { --radbl: url(); --radbr: url(); } @supports (corner-shape: squircle) { .in_stock_item .swiper-slide { border-radius: calc(var(--radiusin, var(--radius)) / 1.7) calc(var(--radiusin, var(--radius)) / 1.7) 0 0; } } .in_stock_item > div > div:not(.media) { max-width: 51.356%; width: 100%; height: auto; padding: 0 1.875em 0 2.45em; box-sizing: border-box; margin-bottom: 1.875em; } div:has(>.top_tails) { margin-top: 1.8em; margin-bottom: 3.8em; } .top_tails { --direction: row; --gap: .6em; width: auto; } .top_tails_r { width: auto; flex: 1 0 auto; --justify: flex-end; } .top_tails_r > * { width: fit-content; padding: 1em; box-sizing: border-box; --gap: .5em; color: var(--bt_cl_text); background: var(--bt_cl_bg); } .top_tails_r > * > [imgWrap] { width: 2em; } .top_tails > div, .top_tails > a { width: auto; padding: .2em .7em .14285em .7em; box-sizing: border-box; font-size: .875em; line-height: 1.714285; cursor: pointer; --radius: 1.2em; } .top_tails > div:first-child, .top_tails > a:first-child { color: #ffffff; background-color: #E43D3D; display: flex; gap: .375em; --radius: .9em; } .top_tails > div:first-child::before, .top_tails > a:first-child::before { content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 7' fill='none'><path d='M8.99902 1.26465L3.47949 6.78418L3.39355 6.69824L3.30859 6.7832L0 3.47363L1.21777 2.25586L3.34766 4.38574L7.73438 0L8.99902 1.26465Z' fill='white'/></svg>"); width: .642857em; aspect-ratio: 9/6.78; transform: translateY(-.1em); will-change: transform; } .top_tails > div:last-child, .top_tails > a:last-child { color: #ffffff; background-color: #000000; --radius: .9em; } .content_data > p, .content_data > a p { margin: 0; margin-bottom: .46em; font-size: 1.875em; font-weight: 400; line-height: 1.16666; color: #000000; } .characteristics { --col: 2; --direction: row; --gap: 1.25em } .characteristics > div { --span: 1; padding-bottom: .5625em; box-sizing: border-box; border-bottom: solid 1px #0000001A; margin-bottom: -.55em; } .characteristics [flexTail] { --gap: 3em; } .characteristics div[flexTail] > div { font-size: 1em; font-weight: 500; line-height: 1.5; color: #000000B2; white-space: normal; } .content_data { margin-bottom: 4.6em; } .price > div[flexTail] { --direction: row; --col: 2; --radius: .9em; padding: .1875em; box-sizing: border-box; background-color: #000000; } .price > div[flexTail] > div { --pad_left: 1.04em; --pad_bott: .6em; font-size: 1.25em; font-weight: 600; line-height: 1.6; padding: 0.6em 1.01em var(--pad_bott) var(--pad_left); box-sizing: border-box; --span: 1; } .price.txt > [flexTail] > * { flex: 1 0 auto; text-align: center; } .price > div[flexTail] > *:only-child { --span: var(--col); } .in_stock_item:has(.price) .price { width: auto; margin-bottom: 1.17em; flex: 1 0 auto; align-content: flex-end; } .price > div[flexTail] > .old { color: #fff; } .price > div[flexTail] > .old::after { content: ""; position: absolute; left: calc(var(--pad_left) + .5em); bottom: calc(var(--pad_bott) + .2em); width: 5.1em; height: .15em; border-radius: 2em; background-color: var(--grph_el); transform: rotate(-15deg); transform-origin: left bottom; will-change: transform; } .price.txt > div[flexTail] > .old::after { content: none; } .price > div[flexTail] > .act { --radius: .7em; background-color: #FFFFFF; color: #000000; letter-spacing: .02em; } .btns > div[flexTail] { --direction: row; --col: 2; --gap: 1.25em; --btPadd: 1.1em 1em; } .btns > div[flexTail] > div { flex: 1 0 content; --radius: .95em; padding: 0em; box-sizing: border-box; font-size: 1.125em; font-weight: 500; line-height: 1.22222; color: #fff; text-align: center; cursor: pointer; max-width: none; } .btns .details { --background: #88898c; } .btns a { color: #ffffff; width: 100%; } .btns .call div:has(svg) { width: .8325em; aspect-ratio: 13.32/13.28; transform: translateX(.22em); will-change: transform; } .btns .details div:has(svg) { min-width: .75em; aspect-ratio: 12/12; } .in_stock .media .switch_sliders_wrp { position: absolute; top: 0; left: 0; width: 100%; height: 100%; --direction: row; z-index: 3; } .switch_item { position: relative; height: 100%; cursor: pointer; flex: 1 0 auto; } .in_stock .media > div, .dt_slider_wrp, .dt_slider_wrp > div, .swiper_sldr_wrp, .swiper { position: relative; width: 100%; height: 100%; } .swiper-slide img { width: 100%; height: 100%; object-fit: cover; } .in_stock .media .swiper:not(.swipeInit.swiper-initialized) .swiper-wrapper { max-height: auto; display: flex; } .in_stock .media .swiper:not(.swipeInit.swiper-initialized) .swiper-wrapper > * { flex: 1 0 auto; } .in_stock .media .swiper .swiper-pagination { position: absolute; max-width: 10.125em; width: 100%; bottom: .9375em; left: 50%; transform: translateX(-50%); display: flex; gap: .1875em; justify-content: center; flex-wrap: nowrap; } .in_stock .media .mr_pagination { width: 1.875em; height: .25em; border-radius: .125em; background-color: #FFFFFF80; } .in_stock .media .swiper-pagination:has(:only-child) { display: none; } .in_stock .media .mr_pagination_active { background-color: #FFFFFF; } .in_stock_item[data-width="3"] > [flexTail] { --justify: space-between; } .in_stock_item[data-width="2"] > [flexTail] { --justify: flex-start; } [data-width="3"] .media, [data-width="2"] .media { max-width: 100%; width: 100%; height: auto; } [data-width="3"] > div > div:not(.media), [data-width="2"] > div > div:not(.media) { max-width: none; width: 100%; height: auto; padding: 0 1.85em; box-sizing: border-box; } [data-width="3"] > div div:has(>.top_tails), [data-width="2"] > div div:has(>.top_tails) { position: absolute; top: .88em; left: .95em; width: auto; margin: 0; padding: 0; z-index: 1; } [data-width="3"] .top_tails > div, [data-width="2"] .top_tails > div { padding: .1em .7em .14285em .7em; } [data-width="3"] .content_data { margin-top: 1.6875em; margin-bottom: 1.85em; } [data-width="3"] .characteristics [flexTail] { --gap: 4.5em; } [data-width="3"] .characteristics { --col: 2; --direction: row; --gap: 0; gap: .6785em 2.4em; } [data-width="3"] .characteristics > div { margin-bottom: 0em; flex: 1 0 40%; } [data-width="3"] .price > div[flexTail] > div { padding: 0.6em .88em var(--pad_bott) var(--pad_left); } [data-width="3"] .price > div[flexTail] > .old { padding: 0.6em .55em var(--pad_bott) var(--pad_left); align-self: center; font-size: 1.0625em; } [data-width="3"] .price > div[flexTail] > .old::after { left: calc(var(--pad_left) + .75em); bottom: calc(var(--pad_bott) + .5em); } [data-width="3"] .price > div[flexTail] > .act { --pad_bott: .55em; } [data-width="3"].in_stock_item:has(.price) .price { flex-grow: 1; align-content: flex-end; margin-bottom: 0; } [data-width="3"] .btns { margin-top: 1.25em; margin-bottom: 1.875em; } [data-width="2"] .characteristics { --col: 1; --gap: 1.235em; } [data-width="2"] .characteristics [flexTail] { --gap: 2.5em; --col: 2; } [data-width="2"] .content_data { margin-top: 1.6875em; margin-bottom: 2.41em; flex: 1 0 auto; display: flex; flex-direction: column; } [data-width="2"] .price > div[flexTail] > .old { font-size: 1.0625em; align-self: center; } [data-width="2"] .price > div[flexTail] > .act { padding: 0.6em .7em var(--pad_bott) var(--pad_left); } [data-width="2"] .btns > div[flexTail] { --gap: .55em; } [data-width="2"] .price > div[flexTail] > .old::after { left: calc(var(--pad_left) + .75em); bottom: calc(var(--pad_bott) + .5em); } .more_btn [imgWrap]:has(svg) { width: .825em; } .more_btn { max-width: 21em; } .in_stock_item .swiper-button-prev, .in_stock_item .swiper-button-next { display: none; } .dt_pag { display: none; } .pageElem:has(.characteristics) .PEdopInfo, .pageElem:has(.characteristics) .pageDescription:empty { display: none; } .PEactions.pageElem:has(.characteristics) div:has( > .pageElemZag) { padding: 0; } .pageElem:has(.characteristics) .PGElemBg { margin-bottom: 0; } .PEactions.pageElem:has(.characteristics) .PGElemTx { display: flex; flex-direction: column; width: 100%; flex: 1 0 auto; } .pageList .pageElem:has(.characteristics).PEactions .PGElemTx .pageButtonBox { margin-top: 1.25em; margin-bottom: 0; padding: 0; } .PEactions.pageElem:has(.characteristics) .PGElemTx > div { display: flex; } .pageElem:has(.characteristics) .PEactwrp { --gap: 1em; --direction: column; height: 100%; } .pageElem:has(.characteristics) span.pageElemZag { display: block; margin-bottom: 1em; } @media screen and (max-width: 1620px) { .in_stock { --justify: center; --gap: .625em; } .in_stock_item { height: auto; } .in_stock .media { max-width: 49.4318%; width: 100%; height: 100%; --aspect: 435 / 384; } .in_stock_item[data-width="3"] .media, .in_stock_item[data-width="2"] .media { max-width: 100%; width: 100%; height: auto; } .in_stock_item[data-width="2"] .media { aspect-ratio: 435 / 326; } .in_stock_item[data-width="3"] .media { aspect-ratio: 287 / 215; } .in_stock_item > div > div:not(.media) { max-width: 50.5682%; padding: 0 1.25em 0 1.935em; } .in_stock .in_stock_item div:has( > .top_tails) { position: absolute; top: .4375em; left: .4375em; width: auto; padding: 0; margin: 0; z-index: 1; } .top_tails > div { font-size: .75em; --radius: .9em; } .top_tails { --gap: .4em; } .top_tails > div { padding: .1em .55em .14285em .68em; } .top_tails > div:first-child { gap: .55em; } .top_tails_r > * { font-size: .6em; margin-right: 4em; } .content_data > p { margin: 0; margin-bottom: .4em; margin-top: .9em; font-size: 1.25em; } .characteristics { --col: 1; --gap: .37em; } .characteristics > div { width: 100%; padding-bottom: .45em; margin-bottom: 0; } .characteristics div[flexTail] > div { --span: 1; font-size: .75em; --wdth: 48.5%; } .characteristics div[flexTail] > div:first-child { width: calc(100% - var(--wdth)); } .characteristics div[flexTail] > div:last-child { width: var(--wdth); } .pageElem:has(.characteristics) .characteristics div[flexTail] > div:first-child, .pageElem:has(.characteristics) .characteristics div[flexTail] > div:last-child { width: inherit; } .price > div[flexTail] > .act, .price > div[flexTail] > .old { font-size: .747em; --pad_left: 1em; --pad_bott: .6em; padding: 0.636em 1.6em var(--pad_bott) var(--pad_left); --radius: .45em; } .price > div[flexTail] > .act { padding: 0.636em .85em var(--pad_bott) var(--pad_left); } .in_stock_item:has(.price) .price { margin-bottom: 0; flex-grow: 1; align-content: flex-end; } .btns > div[flexTail] { --gap: .63em; --btPadd: .85em 1em; } .btns > div[flexTail] > div { font-size: .875em; --radius: .82em; } .price > div[flexTail] { --radius: .65em; } .content_data { margin-bottom: 0; } .in_stock_item > div > div:last-child { margin-top: .625em; margin-bottom: 1.25em; } .in_stock_item > div { --justify: space-between; } .characteristics [flexTail] { --gap: 0em; --col: 2; } .in_stock .media .swiper .swiper-pagination { bottom: .45em; } .in_stock .media .mr_pagination { height: .125em; } .in_stock_item[data-width="3"] { height: auto; } [data-width="3"] > div > div:not(.media), [data-width="2"] > div > div:not(.media) { max-width: none; width: 100%; padding: 0 1.25em; margin-top: 1em; margin-bottom: 0; } [data-width="3"] .top_tails, [data-width="2"] .top_tails { --gap: .25em; } [data-width="3"] .media .swiper .swiper-pagination, [data-width="2"] .media .swiper .swiper-pagination { bottom: .5em; } [data-width="3"] .content_data > p, [data-width="2"] .content_data > p { margin: 0; margin-bottom: .45em; } [data-width="3"] .characteristics, [data-width="2"] .characteristics { --col: 1; gap: .36em; } [data-width="3"] .characteristics [flexTail], [data-width="2"] .characteristics [flexTail] { --gap: 0em; } [data-width="3"] .characteristics > div, [data-width="2"] .characteristics > div { flex: 0 1 auto; } [data-width="3"] .price > div[flexTail] > .act, [data-width="3"] .price > div[flexTail] > .old, [data-width="2"] .price > div[flexTail] > .act, [data-width="2"] .price > div[flexTail] > .old { font-size: .75em; --pad_bott: .636em; } [data-width="3"] > div > div.btns, [data-width="2"] > div > div.btns { margin-top: .6em; margin-bottom: 1.25em; } .in_stock_item[data-width="2"] { height: auto; } [data-width="2"] .media { aspect-ratio: 287 / 215; } [data-width="2"] .price > div[flexTail] > .old { padding: 0.636em 1em var(--pad_bott) var(--pad_left); } [data-width="2"] .price > div[flexTail] > .act { padding: 0.636em .78em var(--pad_bott) var(--pad_left); } [data-width="2"] .btns > [flexTail] > div { width: 100%; } [data-width="2"] .media .swiper .swiper-pagination { bottom: .45em; } [data-width="2"] .btns > div[flexTail] { --gap: .65em; } } @media screen and (min-width: 981px) { .in_stock[box="4"] {--col: 8;} .in_stock[box="4"] .content_data {font-size: .8em;} .in_stock[box="4"] .price {font-size: .9em;} } @media screen and (max-width: 980px) { .in_stock { font-size: 3vw; } .in_stock_item, .in_stock_item[data-width="3"], .in_stock_item[data-width="2"] { --radius: 1.15em; max-width: 100%; min-height: auto; max-height: none; height: auto; } .in_stock .media { max-width: none; aspect-ratio: 374 / 280; } .in_stock_item > div { --align: flex-start; } .in_stock_item > div > div:not(.media) { max-width: none; padding: 0 1.626em; } .in_stock .in_stock_item div:has( > .top_tails) { top: .6em; left: .6em; } .top_tails { --gap: .6em; } .top_tails > div { font-size: .9756em; padding: .12em .55em .12em 0.6em; } .content_data > p, .content_data > a p, .in_stock_item[data-width="3"] .content_data > p, .in_stock_item[data-width="3"] .content_data > a p, .in_stock_item[data-width="2"] .content_data > a p, .in_stock_item[data-width="2"] .content_data > p { font-size: 1.626em; margin-top: .85em; margin-bottom: .45em; } .characteristics > div { padding-bottom: .55em; } .characteristics { --gap: .51em; } .price > div[flexTail] > .act, .price > div[flexTail] > .old, .in_stock_item[data-width="3"] .price > div[flexTail] > .act, .in_stock_item[data-width="3"] .price > div[flexTail] > .old, .in_stock_item[data-width="2"] .price > div[flexTail] > .act, .in_stock_item[data-width="2"] .price > div[flexTail] > .old { --pad_left: 1.15em; --pad_bott: .8em; padding: .9em 1.48em var(--pad_bott) var(--pad_left); font-size: 1.21951em; --radius: .4em; } .price > div[flexTail] { --radius: .9em; padding: .2439024em; } .characteristics div[flexTail] > div { font-size: .9756em; } .in_stock_item:has(.price) .price, .in_stock_item[data-width="3"]:has(.price) .price, .in_stock_item[data-width="2"]:has(.price) .price { margin-top: 1.59em; } .price > div[flexTail] > div { font-size: 1.21951em; } .btns > div[flexTail] { --btPadd: 1.11em 1em; --gap: .813em; flex-wrap: wrap; --direction: column; } .btns > div[flexTail] > div { --span: 2; font-size: 1.3em; --radius: .6em; } .in_stock_item > div > div:last-child { margin-top: .813em; margin-bottom: 1.626em; } .in_stock .media .swiper .swiper-pagination { display: none; } .in_stock_item .swiper-button-prev, .in_stock_item .swiper-button-next { display: flex; border-radius: 100%; background-color: var(--bg_body); padding: 1em 1.2em 1em 1em; box-sizing: border-box; -webkit-tap-highlight-color: transparent; color: var(--mn_clr_txt); } .in_stock_item .swiper-button-prev svg, .in_stock_item .swiper-button-next svg { fill: #00000000; color: currentColor; } .in_stock_item .dt_slider_wrp .swpr_btn_left { left: 0; transform: translateX(-35%); } .in_stock_item .dt_slider_wrp .swpr_btn_right { transform: rotate(180deg) translateX(-35%); right: 0; } .switch_item { pointer-events: none; } .in_stock_item .swiper-slide { --radbl: url(); --radbr: url(); } .in_stock .media .switch_sliders_wrp { display: none; } [container] .swiper-pagination.dt_pag.def_pag { display: block; position: absolute; width: auto; height: auto; bottom: 1em; left: 50%; transform: translate(-50%, 0); font-size: 1em; } [container] .swiper-pagination.dt_pag.def_pag .swiper-pagination-bullet { --swiper-pagination-bullet-size: 1em; } [container] .swiper-pagination.dt_pag.def_pag .swiper-pagination-bullet-active{ --swiper-pagination-color: var(--bt_cl_bg); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .in_stock_item[data-width="3"], .in_stock_item[data-width="2"] { --span: 20; } .in_stock_item[data-width="2"] .content_data, .in_stock_item[data-width="3"] .content_data { margin: 0; } [data-width="2"] .btns > [flexTail] > div { max-width: none; } [data-width="3"] .characteristics, [data-width="2"] .characteristics { gap: .5em; } [data-width="2"] .btns > div[flexTail], [data-width="3"] .btns > div[flexTail] { --gap: .8em; } .filter { 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; } .filter::-webkit-scrollbar { display: none; } [data-width="2"] .price > div[flexTail] > .old::after { left: calc(var(--pad_left) + .3em); bottom: calc(var(--pad_bott) + .35em); } } @media screen and (min-width: 2350px) { .in_stock_item[data-width="2"]{ height: auto; } .in_stock_item[data-width="3"]{ height: auto; } }[pagelist] [button] { --background: var(--pglst_srvs_clr); --backcolorCont: var(--pglst_srvs_clr_hvr); --txcolor: var(--pglst_srvs_clr_txt); --txcolorCont: var(--pglst_srvs_clr_txt_hvr); } [pagelist]:has(.pageList.empty) { display: none; } .pageList { --col: 3; --background: #2D2926; --gap: 2.5em; --align: normal; color: var(--pglst_bg_txt_clr); } p.pageDescription { color: var(--pglst_bg_txt_desc_clr); } .pageElem { padding: 1.875em; box-sizing: border-box; } span.pageElemZag { font-size: 1.375em; } .pageElem>div { --direction: column; --col: 1; justify-content: space-between; height: 100%; --gap: 0; } .pageButtonBox>* { margin: 0 !important; } .pageButtonBox { display: flex; gap: 0.625em; } .pageElemBg { position: absolute; top: 0; left: 0; } .buttHead.buttoff.btgr { --backcolor: #221f1c; --backcolorCont: #000000; } .PEactions { --span: 1.5; } .pageElem>.PEactwrp { --col: 2; --span: 1; --gap: 1.875em; --direction: row; } .pageElem.PEactions { padding: 0; --background: var(--pglst_bg_clr); } .PGElemTx { padding: 1.875em; padding-left: 0; box-sizing: border-box; } .PGElemTx p.pageDescription { font-size: 1.125em; font-weight: 200; } .PEdopInfo { position: absolute; bottom: 0; width: 100%; padding: 1.875em; box-sizing: border-box; } .PEdopEl.dp1 { --background: #0000005A; padding: 0.75em 1.25em; padding-right: 3em; --radius: 1em; } .PEdopEl { flex-wrap: nowrap; --gap: 1em; } .PEdopEl:after { content: none; } .PEdopEl.dp1:before { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .PEdopEl [imgwrap] { width: 1em; } .PEdopEl.dp2 { max-width: fit-content; padding: 0.1875em; --radius: 1em; } .PEpr { padding: 0.75em 1.25em; --background: #4C3E33; } .PEoldpr { font-size: 0.875em; margin-left: 1.1em; position: relative; } .PEoldpr:after { width: 100%; content: ''; height: 3px; border-radius: 100px; background: #E43D3D; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-15deg); } .PEdopInfo { --gap: .5em; } .pageElem.PEactions .pageButtonBox { flex-direction: column; } .pageList[theme="opt1"] .PGEpHackBox { display: contents; } .pageList[theme="opt1"] { --col: 4; } .pageList .pageElem { --span: 1; } .pageList[theme="opt1"] .pageElem:nth-child(n+5) >.PEactwrp { --gap: 0em; } .pageList[theme="opt1"] .pageElem:nth-child(n+5) .PEdopInfo { position: absolute; top: auto; bottom: 2.0625em; justify-content: flex-start; } .PEactions.pageElem:has(.characteristics) .PGElemBg { margin-bottom: 0; } .pageList[theme="opt1"] .PGElemBg { --radtl: inherit; --radtr: inherit; --radbl: url(); --radbr: url(); border-bottom-left-radius: 0; border-bottom-right-radius: 0; height: fit-content; width: 100%; order: 0; margin-bottom: 1.5em; } .pageList[theme="opt1"] .PGElemBg { --background: #88898c; background-color: var(--background); } .pageList[theme="opt1"] .PGElemBg img { width: 100%; height: 100%; } .pageList[theme="opt1"] .PGElemTx { padding: 1.875em; order: 2; } .pageList[theme="opt1"] .PGElemTx, .pageList[theme="opt1"] .PGElemTx > div { display: contents; } .pageList[theme="opt1"] .PEdopInfo { position: relative; padding: 0 1.875em; order: 3; flex: 1 0 auto; justify-content: flex-end; } .pageList[theme="opt1"] .pageElem a:not(.lnk_f_rev) { display: flex; } .pageList[theme="opt1"] .PEdopEl.dp2 { --background: black; --direction: row; } .pageList[theme="opt1"] .pageElem.PEactions .pageButtonBox { order: 4; justify-content: flex-end; margin-top: 1.25em; margin-bottom: 2.0625em; padding: 0 1.875em; box-sizing: border-box; } .pageList[theme="opt1"] div:has( > .pageElemZag) { padding: 0 1.875em; box-sizing: border-box; } .pageList[theme="opt1"] .PEdopEl.dp1 { --direction: row; padding: 1em 1.25em; --radius: 1.2em; } .pageList .pageElem .characteristics > div { padding: 0; } .pageList:not([theme="opt1"]) { --col: 2; --span: 1; --gap: 2.5em; --direction: row; } .pageList:not([theme="opt1"]):not(:has(.PGElemBg img)) { --col: 3; } .pageList:not([theme="opt1"]):not(:has(.PGElemBg img)) .pageElem>.PEactwrp { --col: 1; } .pageList:not([theme="opt1"]):not(:has(.PGElemBg img)) .PGEpHackBox { display: none; } .pageList:not([theme="opt1"]):not(:has(.PGElemBg img)) .PGElemTx { padding: 1.875em; } @media screen and (max-width: 981px) { .pageList:not([theme="opt1"]):not(:has(.PGElemBg img)) { --col: 1; } } .pageList[theme="opt3"] { --col: 1; --span: 1; --gap: 2.5em; --direction: row; } .pageList[theme="opt3"] .pageElem >.PEactwrp > *:has( > .PGElemBg) { --span: .7; } .pageList[theme="opt3"] .pageElem >.PEactwrp > .PGElemTx { --span: 1.3; } .pageList[theme="opt3"] .PGElemTx .buttHead.buttoff { max-width: fit-content; width: auto; align-self: flex-end; } [imgWrap].PGElemBg { height: 100%; } .pageList[theme="opt4"] { --col: 4; --span: 1; --gap: 1em; --direction: row; } .pageList[theme="opt4"] .pageElem>.PEactwrp { --direction: row; padding: 2em; box-sizing: border-box; --gap: 0.5em; justify-content: flex-start; align-items: center; gap: 1em 1em; } .pageList[theme="opt4"] .PGElemTx, .pageList[theme="opt4"] .PGElemTx > * { display: contents; } .pageList[theme="opt4"] span.pageElemZag { font-size: 1.125em; } .pageList[theme="opt4"] div:has(>.pageElemZag) { width: auto; } .pageList[theme="opt4"] .PGElemBg { aspect-ratio: 1; --radius: 0; } .pageList[theme="opt4"] .pageElem.PEactions .pageButtonBox { align-self: flex-end; } .pageList[theme="opt4"] .PGEpHackBox { width: 3.5em; } .pageList[theme="opt5"] { --col: 3; --span: 1; --gap: 1em; --direction: row; } .pageList[theme="opt5"] .pageElem>.PEactwrp { --col: 1; --span: 1; --gap: 2em; --direction: column; justify-content: flex-start; } .pageList[theme="opt5"] .PGElemTx { padding: 0; } .pageList[theme="opt5"] .pageElem.PEactions { --background: #00000000; } .pageList[theme="opt5"] .PEactions .PGElemBg:has(img) { border-radius: calc(var(--radius) * 1.1); } .pageList[theme="opt5"] .pageElem.PEactions .pageButtonBox { display: none; } @media screen and (min-width: 1101px) { .PGElemBg {--radtr: url();--radbr: url();} .sectBox:not(:has(.pageList[theme="opt1"])) .PGElemBg { border-bottom-right-radius: 0; border-top-right-radius: 0;} } @media screen and (max-width: 1430px) { .pageButtonBox {flex-direction: column;} } @media screen and (max-width: 1240px) { .pageList {--col: 2} .PEactions {--span: 1;} } @media screen and (max-width: 1100px) { .PGElemBg {--radbl: url();--radbr: url(); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative !important;} .pageElem>.PEactwrp {--col: 1;--gap:0em;} .PGElemTx {padding: 1.875em;} } @media screen and (max-width: 850px) { .pageList {--col: 1} .pageElemBg { aspect-ratio: 1.5; height: auto !important; position: relative; } .pageElem:has(>.pageElemBg) {padding: 0;} } @media screen and (max-width: 1620px) { .pageList[theme="opt1"] { font-size: 16px; } .pageList[theme="opt1"] { grid-template-rows: repeat(4, 16em); } .pageList[theme="opt1"] { --gap: .625em; } .pageList[theme="opt1"] span.pageElemZag { font-size: 1.25em; } .pageList[theme="opt1"] .PGElemTx p.pageDescription { font-size: .875em; margin-bottom: 1em; } .pageList[theme="opt1"] .PEpr, .pageList[theme="opt1"] .PEoldpr { font-size: .625em; } .pageList[theme="opt1"] .PEdopEl.dp1 > div:not([imgwrap]) { font-size: .8125em; } .pageList[theme="opt1"] .pageElem a:not(.lnk_f_rev) { font-size: .875em; padding: 1em 1em; } .pageList[theme="opt1"] .pageElem:nth-child(n+5) >.PEactwrp { --direction: row; --col: 2; } .pageList[theme="opt1"] .pageElem:nth-child(n+5) .PGElemBg { width: 100%; } .pageList[theme="opt1"] .PEdopInfo, .pageList[theme="opt1"] div:has( > .pageElemZag), .pageList[theme="opt1"] .pageElem.PEactions .pageButtonBox { padding: 0 1.15em; width: fit-content; } .pageList[theme="opt1"] .PEdopEl.dp1 { padding: .5em .75em; --radius: 1em; --align: flex-start; } .pageList[theme="opt1"] .pageElem:nth-child(n+5) .PGElemTx > div { display: flex; height: auto; } .pageList[theme="opt1"] .pageElem:nth-child(n+5) .PGElemTx { padding: 1.215em; margin-top: 0; } .pageList[theme="opt1"] div:has( > .pageElemZag) { padding-top: 1em; box-sizing: border-box; } .pageList[theme="opt1"] .pageElem.PEactions .pageButtonBox { width: auto; margin-bottom: 1.0625em; } .pageList[theme="opt1"] .pageElem:nth-child(n+5) .PEdopInfo { bottom: 1.0625em; } } @media screen and (max-width: 980px) { .pageList[theme="opt1"] { display: flex; --col: 1; } .pageList[theme="opt1"] .pageElem:nth-child(-n+4) { max-width: none; } .pageList[theme="opt1"] .pageElem:nth-child(n+5) >.PEactwrp { --direction: column; --col: 1; height: auto; } .pageList[theme="opt1"] .pageElem:nth-child(n+5) .PGElemBg { --radtl: inherit; --radtr: inherit; --radbl: url(); --radbr: url(); } .pageList[theme="opt1"] .PEdopInfo { width: fit-content; margin-top: 1em; } .pageList[theme="opt1"] .pageElem.PEactions:nth-child(n+5) .pageButtonBox { margin-bottom: 1.0625em; } .pageList:not(:has([theme="opt1"])) { --direction: column; --col:1; } .pageList[theme="opt3"] .pageElem >.PEactwrp > *:has( > .PGElemBg), .pageList[theme="opt3"] .pageElem >.PEactwrp > .PGElemTx { --span: 1; } .pageList[theme="opt3"] .PGElemTx .buttHead.buttoff { max-width: none; width: 100%; align-self: flex-start; } }.tailsList { --col: 3; --gap: 2.5em; --background: var(--tl_fon_col); color: var(--tl_text_col); --align: normal; } .tailsElem { padding: 1.875em 2.5em; padding-top: 3.6em; box-sizing: border-box; } .tailElemZag { font-size: 1.875em; } span.tailNum { font-size: 6.25em; font-family: Kalnia; position: relative; padding-bottom: 0.2em; display: inline-block; } span.tailNum svg { position: absolute; top: 0; right: 0; transform: translate(100%, 0px); width: 0.22em; height: auto; } .tailsList[opt1] { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 13.0625em) } .tailsList[opt1] .tailsElem { width: auto; } .tailsList[opt1] .tailsElem:first-child { grid-column: 1/2; grid-row: 1/-1; padding: 2.6875em 2.8125em 2.6875em 1.875em; } .tailsList[opt1] .tailsElem:nth-child(n + 2) { padding: 2.5em 1.5em 2.5em 3.75em; display: flex; justify-content: flex-start; align-items: center; gap: .75em; } .tailsList[opt1] .tailsElem:nth-child(n + 2) p { max-width: 8.7222em; } .tailsList[opt1] .tailsElem:nth-child(n + 2) .tailNum { width: 16%; aspect-ratio: 1; } .tailsList[opt1] .tailsElem:nth-child(n + 2) .tailNum img { width: 100%; height: 100%; object-fit: contain; } .tailsList[opt1] span.tailNum { font-size: 0; } .tailsList[opt1] .tailDescription { font-size: 1.125em; } @media screen and (max-width: 1080px) { .tailElemZag {font-size: 1.5em;} } @media screen and (max-width: 950px) { .tailsList {--col: 1;} } @media screen and (max-width: 1620px) { .tailsList[opt1] { grid-template-rows: repeat(2, 13.125em); --gap: .625em; } .tailsList[opt1] .tailsElem:first-child { padding: 1.25em 1.25em 1.625em 1.25em; } .tailsList[opt1] .tailsElem:nth-child(n + 2) { padding: 2.5em 1.25em 2.5em 1.1em; } } @media screen and (max-width: 980px) { .tailsList[opt1] { display: flex; --direction: column; } .tailsList[opt1] .tailsElem:nth-child(n + 2) p { max-width: none; } .tailsList[opt1] .tailsElem:nth-child(n + 2), .tailsList[opt1] .tailsElem { padding: 1.5em 1.5em; } .tailsList[opt1] .tailDescription br { display: none; } .tailsList[opt1] .tailsElem:first-child .tailNum { width: 60%; aspect-ratio: 1; } .tailsList[opt1] .tailsElem:first-child .tailNum img { width: 100%; height: 100%; object-fit: contain; } .tailsList[opt1] .tailsElem:nth-child(n + 2) .tailNum { max-width: 2rem; width: 100%; } }[blogpost] ul li, [blogpost] ol li { margin-bottom: .5em; } [blogpost] .txt_m, [blogpost] p { color: var(--blgPst_txt); opacity: .75; } .post + span { opacity: .5; } .post { --col: 12; } .post > * { --span: 6; } .post:has( + span) { margin-bottom: .6em; } p.oval_view { background: var(--blgPst_bg_clr); padding: 1.5em; box-sizing: border-box; color: var(--blgPst_bg_txt); }.faq { --col: 2; --align: flex-start; --gap: 2.5em; } .faq_left_side, .faq_right_side { --col: 1; } .f_side { --gap: 1em; } .f_item { padding: 1.3125em 1.875em; box-sizing: border-box; --background: var(--tl_fq_bg_clr); cursor: pointer; } .f_item div:has(> svg) { width: 100%; max-width: .8325em; color: var(--tl_fq_txt_clr); opacity: .7; transform: rotate(0deg); transition: opacity .2s, transform .2s; } .f_item p { width: auto; margin: 0; font-size: 1.25em; } .f_item div:has(div .avatar) > p { margin-bottom: 1em; } .ddl > p { opacity: .5; } .faq div:has( > .avatar) { --align: center; --gap: 1em; } .faq .avatar.rev { max-width: 3.75em; width: 100%; } .ddl { height: 0; box-sizing: border-box; overflow: hidden; } .f_item > div:first-child p { color: var(--tl_fq_txt_clr); opacity: .7; transition: opacity .2s; } .f_item.active > div:first-child p, .f_item.active div:has(> svg) { opacity: 1; } .f_item.active div:has(> svg) { transform: rotate(180deg); } .faq .avatar ~ div p:first-child { font-size: 1.125em; color: var(--tl_fq_txt_clr); } .faq .avatar ~ div p:last-child { font-size: .875em; color: var(--tl_fq_txt_clr); opacity: .5; } .f_item.lst_btn { --background: var(--backcolor); } .f_item.lst_btn { padding: 0; } .f_item.lst_btn a { display: flex; padding: 1.3125em 1.875em; box-sizing: border-box; justify-content: space-between; } .f_item.lst_btn a p { transition: .2s color; } .f_item.lst_btn a:hover p { color: var(--basecolor); } .f_item.lst_btn a div:has( > svg) { transform: rotate(0deg); transition: .2s transform; } .f_item.lst_btn a:hover div:has( > svg) { transform: rotate(90deg); } .f_item.lst_btn > div:first-child p { opacity: 1; } .f_item.lst_btn div:has(> svg) { opacity: 1; transform: rotate(0deg); } .faq:not(.active) { display: none; } .pageDescription .characteristics { --col: 1; } .pageDescription .characteristics div[flexTail] > div { color: var(--tl_fq_txt_clr); } .pageDescription .characteristics > div { border-bottom: solid 1px var(--tl_fq_txt_clr); } .filter_wrp.faq_filter .filter > a.active { --background: #000000; color: #FFFFFF; } .fq_img_wrp { --col: 2; --gap: 12em; margin-bottom: 2em; } .fq_img_wrp > [imgWrap] { --span: 1; } @media screen and (max-width: 760px) { .faq { --col: 1; } .faq, .f_side { --gap: .625em; } .fq_img_wrp { --col: 1; --gap: 1em; } }[productcard] [button] { --background: var(--bt_cl_bg); --backcolorCont: var(--bt_cl_bg_hov); --txcolor: var(--bt_cl_text); --txcolorCont: var(--bt_cl_text_hov); } .dt_link_btn .details[button] { --background: #88898c; } .dt_link_btn .details[button]:has(a:hover) { --background: var(--bt_cl_bg_hov); } .dt_link_btn .call { --background: var(--bt_cl_bg); --backcolorCont: var(--bt_cl_bg_hov); } .product_cards_wrp { --gap: 3em; } .detail_card_wrp { min-height: 33.0625em; padding: 1.5625em 1.875em 1.875em 1.875em; box-sizing: border-box; background-color: var(--bg_body); --radius: 1em; flex-wrap: nowrap; --gap: 1.532em; --col: 4; } .detail_card_wrp > div:nth-child(1) { --span: 2; } .detail_card_wrp > div:nth-child(2) { --span: 1; } .detail_card_wrp > div:nth-child(3) { --span: 1; } .product_cards_wrp[n_obnv] .detail_card_wrp > div:nth-child(1) {--span: 1.8787;} .product_cards_wrp[n_obnv] .detail_card_wrp > div:nth-child(2) {--span: 1;} .product_cards_wrp[n_obnv] .detail_card_wrp > div:nth-child(3) {--span: 1.1213;} .dt_first_side { --col: 1; --direction: column; --justify: space-between; height: 100%; } .dt_first_side .dt_fs_tt > a { display: block; width: auto; color: var(--lnk_clr_txt); transition: .2s color; } .product_cards_wrp .dt_first_side .top_tails_r { flex: none; } .dt_first_side p, .dt_first_side h1, .dt_first_side h2, .dt_first_side h3, .dt_first_side h4, .dt_first_side h5, .dt_first_side h6, .dt_first_side a p, .dt_first_side a h1, .dt_first_side a h2, .dt_first_side a h3, .dt_first_side a h4, .dt_first_side a h5, .dt_first_side a h6 { font-size: 1.4em; font-weight: 400; width: auto; } .dt_first_side p:empty { display: none; } div[flexTail]:has( > .top_tails) { --direction: row; --col: 2; } .c_eq { display: none; } div[flexTail]:has( > div > .icon_equipment) { --direction: row; --col: 2; --justify: flex-start; --gap: 1.25em; } div[flexTail]:has( > div > .icon_equipment) > div { width: auto; align-self: stretch; } div[flexTail]:has( > .choice_colors) { --direction: row; --col: 2; --justify: flex-start; --gap: 1.1875em; flex-wrap: nowrap; } .choice_colors { width: 1.5em; } .choice_colors > [flexTail] { --direction: column; --gap: .3125em; max-height: 19.625em; overflow: hidden; } [data-color] { display: flex; width: 1.5em; height: auto; padding: .25em; box-sizing: border-box; aspect-ratio: 1; background-color: #ffffff; --radius: .9em; transition: .2s background-color; cursor: pointer; } [data-color]:has(input:checked) { background-color: var(--header_tx) } [data-color] input { display: none; } [data-color].active { background-color: #000000; } [data-color] > div { width: 100%; height: auto; --radius: .6em; background: linear-gradient(0deg, var(--color) 0%, white 319%); } .dt_media { --col: 1; width: 100%; --direction: column; height: auto; --gap: 1.25em } .dt_media > div:has(.md_Gallery[gridTail]) { flex: 1 0 auto; } .dt_g_image { width: 100%; height: 100%; } .dt_media_gal { width: 100%; height: 100%; } .dt_media_gal .md_Gallery[gridTail] { --columns: 1; --gap: 1em; height: 100%; } .dt_media_gal .md_Gallery[gridTail]:has( >*:nth-child(3)) { --columns: 2; } .dt_media_gal .md_Gallery[gridTail] > * { --col: 1; --row: 1; cursor: pointer; } .dt_media_gal .md_Gallery[gridTail] > *:nth-child(odd):last-child { grid-column: 1 / -1; } .dt_media_gal .md_Gallery[gridTail] > *:nth-child(n+7) { display: none; } .dt_media_gal .md_Gallery[flexTail] { --direction: row; --col: 2; --gap: 1em; } .dt_media_gal .md_Gallery[flexTail] > * { --span: 1; cursor: pointer; } .dt_media_gal .md_Gallery[flexTail] > *:nth-child(1) { --span: 2; } .dt_media_gal .md_Gallery[flexTail]:has(>*:nth-child(4)) > div { --span: 1; } .dt_media_gal .md_Gallery[flexTail] > div:nth-child(n+7) { display: none; } .dt_media_gal > div .media { width: 100%; height: 100%; position: relative; } div[flexTail]:has( > .adv_icon) { --direction: row; --gap: .9375em; flex-wrap: nowrap; } .adv_icon { min-width: 2em; max-width: 2em; align-self: flex-start; margin-top: .1em; } .dt_info { --col: 1; width: 100%; --gap: 1em; } .dt_first_side div[flexTail]:has( > .top_tails) { --justify: flex-start; --gap: 2em; margin: 0; } @media (hover: hover) { .dt_first_side div[flexTail]:has( > .top_tails) > a:hover { color: var(--lnk_clr_txt_hvr); } } .filter_wrp { margin-bottom: 2em; } .detail_card_wrp > div { align-self: stretch; } .dt_first_side h3 { width: auto; margin: 0; font-size: 1.875em; font-weight: 400; line-height: 1.1666; } .detail_card_wrp .dt_first_side .top_tails > div, .detail_card_wrp .dt_first_side .top_tails > a { background-color: #000000; cursor: auto; } .detail_card_wrp .dt_first_side .top_tails > a { cursor: pointer; } .icon_equipment { max-width: 20.4375em; width: 20.4375em; height: 100%; } .icon_equipment .details { height: 100%; } .icon_equipment a div:has( > svg), .dt_link_btn a div:has( > svg) { width: .75em; aspect-ratio: 1; } div[flexTail] div:has( > .icon_equipment) + .price { max-width: 18.9375em; width: auto; } .dt_first_side .price > [flexTail] { --justify: space-between; --gap: 0; } .dt_first_side > div:has( .price) { width: auto; align-self: flex-start; } .dt_first_side .price .old { font-size: 1.0625em; } .dt_first_side .price .act, .dt_first_side .price.txt .old { font-size: 1.25em; } .dt_t_offer .dt_top_offer .old { width: auto; font-size: 1em; padding: 0; } .dt_t_offer .dt_top_offer .old::after { display: none; } .dt_t_offer .dt_top_offer .act { font-size: 1.25em; width: auto; } .dt_top_offer.price > [flexTail] { --direction: row-reverse; --justify: flex-end; --gap: .9375em; } .dt_top_offer.price[data-direction="row"] > [flexTail] { --direction: row; } .dt_top_offer.price[data-direction="row"] > [flexTail] > .old { flex: 1 0 auto; text-align: center; } .dt_info p { font-size: 1em; max-width: 16.6875em; margin: 0; font-weight: 500; line-height: 1.5; color: #000000B2; transition: .2s color; } @media (hover:hover) { .dt_info a:hover p { color: var(--lnk_clr_txt_hvr); } } .detail_card_wrp > div:has(.dt_info) { display: flex; flex-direction: column; justify-content: space-between; } .dt_link_btn { --col: 1; --gap: .875em; } .dt_media_gal .md_Gallery .btn_open_slide.video { bottom: .625em; right: .625em; width: 2.5em; padding: .65em .65em .65em .95em; } .dt_media .dt_media_gal .md_Gallery .grid_tail_item .media .btn_open_slide { width: 1.5625em; padding: 0; } .dt_media .md_Gallery .grid_tail_item:nth-child(n + 7) { display: none; } .dt_top_offer.price > div:has(:not(.act)) { padding: .5em; } .top_tails_r:has(.t_t_img) { --gap: 1em; } .top_tails_r .t_t_img { width: 7em; padding: 0; --gap: 0em; --background: #00000000; font-size: 1em; margin: 0; background: #00000000; } @media screen and (max-width: 1620px) { .detail_card_wrp { font-size: 16px; } .detail_card_wrp { padding: 1.25em; --radius: 1em; --gap: .532em; } div[flexTail]:has( > .choice_colors) { align-items: flex-start; --gap: 1.375em; } .dt_first_side h3 { font-size: 1.25em; line-height: 1.25; } .dt_first_side div[flexTail]:has( > .top_tails) { --gap: .5em; } .choice_colors { max-width: 1.375em; max-height: 9em; overflow: scroll; scrollbar-width: none; } [data-color] { width: 1.375em; padding: .1875em; --radius: .9em; } .icon_equipment { max-width: 12.8125em; width: 12.8125em; } .icon_equipment a { font-size: .875em; padding: .71428em; } div[flexTail] div:has( > .icon_equipment) + .price { max-width: 13em; } .dt_media { --gap: .65em; } .dt_info { --gap: .35em; } .dt_media_gal .md_Gallery { --gap: .625em; } .dt_media:has(.dt_media_gal .md_Gallery > div:nth-child(4)) { align-content: space-between; } .dt_media_gal .md_Gallery > div:nth-child(n+7) { display: none; } .dt_first_side .price > div[flexTail] > .act, .dt_first_side .price > div[flexTail] > .old { padding: 0.636em 0.6em var(--pad_bott) var(--pad_left); } .dt_first_side .price.txt .old { font-size: 1em; } .dt_first_side .price.txt .act { font-size: 1em; } .dt_first_side .price.txt > div[flexTail] > .old, .dt_first_side .price.txt > div[flexTail] > .act { padding: 0.636em 1em var(--pad_bott) var(--pad_left); } div[flexTail]:has( > div > .icon_equipment) { --gap: .625em; } .dt_top_offer.price > [flexTail] { flex-wrap: nowrap; --gap: 0; } .dt_t_offer .dt_top_offer .act { width: 100%; max-width: fit-content; align-self: stretch; align-content: center; } .dt_t_offer[flexTail] .dt_top_offer .old { line-height: 1.3333; font-weight: 200; padding-top: .45em; padding-bottom: .45em; } div[flexTail]:has( > .adv_icon) { --gap: .625em; } .dt_info p { font-size: .75em; max-width: 13.9166em; } .adv_icon { width: .9375em; } .dt_link_btn { --gap: .625em; --btPadd: .8em 1.6em; } .dt_link_btn a { font-size: .875em; } .icon_equipment a div:has( > svg), .dt_link_btn a div:has( > svg) { width: .625em; } .dt_media_gal .md_Gallery .btn_open_slide.video { bottom: .3125em; right: .3125em; width: 1.5em; padding: .35em .35em .35em .5em; } .dt_media_gal .md_Gallery .btn_open_slide { width: 1.25em; right: .625em; } .dt_media_gal .md_Gallery .grid_tail_item:hover .btn_open_slide:not(.video) { bottom: .625em; } } @media screen and (min-width: 981px) { [productcard] .filter a {transition: .3s;} [productcard] .filter a:hover { --background: var(--bt_cl_bg_hov); color: var(--bt_cl_text_hov); } } @media screen and (max-width: 980px) { .detail_card_wrp { font-size: 3vw; } .detail_card_wrp { max-height: none; height: auto; padding: 0; --radius: 1em; --gap: .532em; --direction: column; } .detail_card_wrp .dt_first_side { display: contents; max-width: none; width: 100%; } .detail_card_wrp .dt_g_image { max-width: none; width: 100%; } .detail_card_wrp .choice_colors { display: none; } .detail_card_wrp .dt_media { max-width: none; --gap: .625em; align-self: flex-start; order: 2; } .detail_card_wrp div[flexTail]:has( > div > .icon_equipment) { display: contents; --direction: column } .detail_card_wrp div[flexTail] div:has( > .icon_equipment) + .price, .icon_equipment { max-width: none; width: 100%; } .detail_card_wrp .dt_first_side div[flexTail]:has( > .top_tails) { display: contents; } .detail_card_wrp .dt_first_side > div:nth-child(1) { order: 1; } .detail_card_wrp .dt_first_side > div:nth-child(2) { order: 0; padding-top: 2.5em; box-sizing: border-box; } .detail_card_wrp .dt_first_side > div:nth-child(3) { display: contents; order: 2; } .detail_card_wrp .dt_first_side .top_tails, .detail_card_wrp .dt_first_side .top_tails_r { position: absolute; top: .5691em; left: .5691em; } .detail_card_wrp .dt_first_side .top_tails_r { right: .5691em; } .top_tails_r > * { font-size: .825em; margin-right: 0em; } .detail_card_wrp > div:nth-child(1) { display: contents; } .detail_card_wrp > div:nth-child(2), .detail_card_wrp > div:nth-child(3) { display: contents; } .detail_card_wrp .dt_info { max-width: none; order: 4; --direction: row; --col: 2; --align: flex-start; margin-bottom: .75em; } .detail_card_wrp div[flexTail] div:has( > .icon_equipment) + .price { order: 5; } .detail_card_wrp div[flexTail]:has( > div > .icon_equipment) > div { order: 6; } .detail_card_wrp .dt_link_btn { order: 7; margin-bottom: 1.626em; } .detail_card_wrp .dt_first_side > div:has(h3), .detail_card_wrp .dt_info, .detail_card_wrp .dt_media, .detail_card_wrp div[flexTail]:has(> .price:not(.dt_top_offer)) > div, .detail_card_wrp div[flexTail]:has(> .price:not(.dt_top_offer)) > a, .detail_card_wrp .dt_link_btn { width: 100%; padding: 0 1.626em; box-sizing: border-box; } .detail_card_wrp h2 { padding: 0 1.13em ; } .detail_card_wrp .dt_t_offer[flexTail] .dt_top_offer .old { font-size: .9756em; } .detail_card_wrp .dt_t_offer { max-width: none; width: fit-content; } .detail_card_wrp .price > div[flexTail] > .act { font-size: .9756em; --pad_left: 1em; --pad_bott: .5em; padding: .5em 1em var(--pad_bott) var(--pad_left); --radius: .4em; } .detail_card_wrp .dt_t_offer[flexTail] .dt_top_offer .old { padding: .45em .95em; } .detail_card_wrp .dt_t_offer[flexTail] .dt_top_offer .old br { display: none; } .detail_card_wrp .dt_first_side h3 { font-size: 1.626em; } .detail_card_wrp .dt_top_offer.price > [flexTail] { --radius: .7em; } .detail_card_wrp .dt_info p { font-size: .9756em; max-width: 10.1626em; width: 100%; } .detail_card_wrp .adv_icon { margin-top: .2em; } .detail_card_wrp div[flexTail]:has(> .price:not(.dt_top_offer)) > div > div[flexTail] { max-width: none; width: fit-content; --radius: 1em; } .detail_card_wrp .dt_first_side .price .act, .detail_card_wrp .dt_first_side .price .old { font-size: 1.2195em; } .detail_card_wrp .dt_first_side .price > div[flexTail] > .act { font-size: 1.2195em; align-content: center; align-self: stretch; --pad_left: 1.3em; padding: .5em 1.3em var(--pad_bott) var(--pad_left); --radius: .5em; } .detail_card_wrp .icon_equipment a { font-size: 1.3em; padding: 1.125em 0; } .detail_card_wrp .dt_link_btn a { font-size: 1.3em; padding: 1.125em 0; } .detail_card_wrp .icon_equipment a div:has( > svg), .detail_card_wrp .dt_link_btn a div:has( > svg) { width: .9756em; } .dt_first_side p { padding: 0 1.2em; box-sizing: border-box; } .detail_card_wrp .dt_first_side .top_tails_r:has(.t_t_img) { position: relative; --gap: .5em; right: auto; left: auto; } .detail_card_wrp .dt_first_side:has(.t_t_img) p { order: 1; align-self: flex-start; } .top_tails_r .t_t_img { width: 6em; } .detail_card_wrp .dt_first_side:has(.t_t_img) > div:nth-child(1) { display: contents; } .detail_card_wrp .dt_first_side:has(.t_t_img) > div:nth-child(2) { padding-top: 0em; } .detail_card_wrp * > .dt_g_image { display: none; } .detail_card_wrp *:has(>.swiper.mr_swp_g), .detail_card_wrp .dt_media { order: -1; } .detail_card_wrp .dt_media_gal .md_Gallery[flexTail] { --col: 1; } .detail_card_wrp .md_Gallery.swiper-wrapper { max-width: none; margin-left: 0; padding: 0; overflow: hidden; --gap: 0; flex-wrap: nowrap; } .detail_card_wrp .mr_swp_g_item { width: auto; } .mr_swp_g_item .hov_effect, .mr_swp_g_item .btn_open_slide { display: none; pointer-events: none; } .dt_media:has(.swiper.mr_swp_g) { display: contents; } .dt_first_side > *:has(.choice_colors) { display: none; } .dt_media:has(.swiper.mr_swp_g) *:has(>.dt_t_offer) { order: 2; } .detail_card_wrp .dt_info { order: 3; } .detail_card_wrp .dt_first_side > div:nth-child(1) > [flexTail] > p, .detail_card_wrp .dt_first_side > div:nth-child(1) > [flexTail] > h2 { margin: 1em 0; } .detail_card_wrp div:has(> [flexTail] > .price:not(.dt_top_offer)) > div { order: 4; width: 100%; align-content: flex-start; } .detail_card_wrp .dt_media > *:has(.dt_t_offer) > .dt_t_offer { padding: 0 1.626em; margin-bottom: .75em; } .detail_card_wrp .top_tails, .detail_card_wrp .top_tails_r { z-index: 1; } [container] .swiper-pagination.mr_swp_g_pag { display: block; position: absolute; width: auto; height: auto; bottom: 1em; left: 50%; transform: translate(-50%, 0); font-size: 1em; } [container] .swiper-pagination.mr_swp_g_pag .swiper-pagination-bullet-active { --swiper-pagination-color: var(--bt_cl_bg); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } [container] .swiper-pagination.mr_swp_g_pag .swiper-pagination-bullet { --swiper-pagination-bullet-size: 1em; } .product_cards_wrp[n_obnv] .detail_card_wrp > div:nth-child(1) {--span: 1;} .product_cards_wrp[n_obnv] .detail_card_wrp > div:nth-child(2) {--span: 1;} .product_cards_wrp[n_obnv] .detail_card_wrp > div:nth-child(3) {--span: 1;} }.GM_mapBox { position: absolute; width: 100%; height: 100%; top: 0; left: 0; --gm-grayscale: 1; } [contacts] .contManWrap p, [contacts] .contManWrap .tailSpec p:last-child, span.ContDay i { color: var(--cntcts_bg_txt_clr); } [contacts] [button] { --background: var(--cntcts_clr); --backcolorCont: var(--cntcts_clr_hvr); --txcolor: var(--cntcts_clr_txt); --txcolorCont: var(--cntcts_clr_txt_hvr); } [map-type="1"] .ymaps-2-1-79-ground-pane { filter: grayscale(1); } [map-type="2"] .ymaps-2-1-79-ground-pane { filter: invert(1) grayscale(1) brightness(1) saturate(1) hue-rotate(59.5deg) opacity(0.88); } .contactAvatar.avatar { width: 6.25em; } .contManWrap .tabAvatar { flex-wrap: nowrap; } .contManWrap { --background: var(--cntcts_bg_clr); padding: 1.875em; } .contManWrap .tailSpec p { margin-block-start: 0.2em; margin-block-end: 0.2em; } .contManWrap .tailSpec p:last-child { font-size: 0.875em; } .contManWrap .buttHead.buttoff { margin-top: 0; } .contactsInfo { --col: 1; margin-top: 1em; color: var(--cntcts_txt_clr); } .contactsInfo .phone a { font-size: 1.5625em; color: var(--cntcts_txt_clr); } .operHorse { display: flex; flex-direction: column; gap: .5em; } .dateBox { display: flex; gap: .2em; flex-wrap: wrap; --background: #2D2926; } span.ContDay { font-size: 0.8125em; width: 2.2em; height: 1.6em; --radius: 1em; } span.ContDay i { font-style: normal; } .phone.mail a { font-size: 1.125em; } .dateBox.social { gap: 0.8125em; } .mapBox { display: flex; align-items: flex-end; justify-content: flex-end; } .dateBox.social a { width: 1.5625em; color: var(--cntcts_txt_clr); } .adressBox { margin-top: 1.375em; color: var(--cntcts_txt_clr); } .mapWrapper .descriptor { margin-bottom: 0; } .mapadr { margin-bottom: .6em; } .innerImg { transform: translate(0px, 33%); width: 35%; --aspect-d: var(--aspect)!important; } .dateBox.social:has(p.urinfo) { gap: 0.3em; } p.urinfo { width: 100%; margin: 0; font-size: .9em; } .contManWrap .buttHead:has(a:hover) { --background: var(--backcolorCont); } .mapWrapper .descriptor {--col: 2; --gap: 6em;} .descriptor .contactsInfo {--col: 2;} @media screen and (max-width: 1160px) { .contManWrap {font-size: .8em;} span.ContDay {--radius: .6em;} } @media screen and (max-width: 950px) { .mapWrapper .descriptor {--direction: row;} } @media screen and (max-width: 850px) { .adressBox {max-width: 60%;} .mapWrapper .descriptor {--col: 1; --gap: 6em; flex-direction: column;} .descriptor .contactsInfo {--col: 1;} }: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="1401"] {--tx_cl_bann: var(--contrast, var(--header_tx, black));--tx_cl_text: var(--tx_cl_bann, var(--contrast, var(--header_tx, black)));--bt_cl_bg: #24272D;--bt_cl_bg_hov: var(--mn_clr_hvr, gray);--bt_cl_text: var(--mn_clr_txt, white);--bt_cl_text_hov: var(--mn_clr_txt_hvr, white);--bg_bann_zatemnenie: var(--domin, white);--blur_color: var(--domin, #FFFFFF33);}[elemcl="1400"] {--bt_cl_bg: var(--mn_clr, black);--bt_cl_bg_hov: #000000;--bt_cl_text: var(--mn_clr_txt, white);--bt_cl_text_hov: var(--mn_clr_txt_hvr, white);}[elemcl="1456"] {--tx_cl_bann: var(--contrast, var(--header_tx, black));--tx_cl_text: var(--tx_cl_bann, var(--contrast, var(--header_tx, black)));--bt_cl_bg: #24272D;--bt_cl_bg_hov: var(--mn_clr_hvr, gray);--bt_cl_text: var(--mn_clr_txt, white);--bt_cl_text_hov: var(--mn_clr_txt_hvr, white);--bg_bann_zatemnenie: var(--domin, white);--blur_color: var(--domin, #FFFFFF33);}[elemcl="4382"] {--pglst_bg_clr: var(--bg_body, black);--pglst_bg_txt_clr: var(--mn_txt, white);--pglst_bg_txt_desc_clr: var(--pglst_bg_txt_clr, white);--pglst_srvs_clr: var(--mn_clr, black);--pglst_srvs_clr_hvr: var(--mn_clr_hvr, gray);--pglst_srvs_clr_txt: var(--mn_clr_txt, white);--pglst_srvs_clr_txt_hvr: var(--mn_clr_txt_hvr, white);}[elemcl="4110"] {--tl_fon_col: var(--bg_block, black);--tl_text_col: var(--bg_section, white);}[elemcl="4278"] {--blgPst_txt: var(--mn_txt, black);--blgPst_bg_clr: var(--bg_block, gray);--blgPst_bg_txt: var(--blgPst_txt, black);}[elemcl="3656"] {--tl_fq_bg_clr: var(--bg_block, black);--tl_fq_txt_clr: var(--bg_section, white);}[elemcl="1238"] {--cntcts_bg_clr: var(--bg_block, black);--cntcts_bg_txt_clr: var(--bg_section, white);--cntcts_txt_clr: var(--mn_txt, black);--cntcts_clr: var(--mn_clr, black);--cntcts_clr_hvr: var(--mn_clr_hvr, gray);--cntcts_clr_txt: var(--mn_clr_txt, white);--cntcts_clr_txt_hvr: var(--mn_clr_txt_hvr, white);}