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 { transition: .3s; } [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; display: flex; flex-direction: row; gap: .5em; } ul.menu li { --background: #00000000; --gap: .5em; cursor: pointer; } ul.menu li a { padding: .5em .7em; box-sizing: border-box; } 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;} }:root {}