:root { --blue: steelblue; --blue-muted: #8daad4; --green: #77b300; --orange: #ff9605; --red: #ff3c43; --light-blue: #dee4ec; --vk-color: #07F; --wa-color: #02e576; --tg-color: #08c; --yt-color: #f00; --xs: 5px;--s: 10px;--sm: 15px;--m: 20px;--ml: 25px;--l: 30px;--xl: 40px;--xxl: 50px;--xxxl: 60px; --theme-indicator-default: translateX(100%); --theme-indicator-checked: translateX(-100%); } :root[data-theme='light'] { --body: #edeff2; --lite: #e3e5e8; --link: var(--blue); --muted: #81929e; --color: #2E2E2E; --secondary-color: #f5f5f5; --lite-border: rgba(46,46,46,.125); --element-bg: #fff; --card-bg: var(--element-bg); --heading-bg: var(--element-bg); --nav-link-bg: var(--light-blue); --nav-link-color: var(--link); --header-icon-opacity: .42; --footer-bg: #dedede; --slider-arrow-bg: var(--blue); --img-filter: none; --sticker-bg: var(--element-bg); --light-only-shadow: 0 1px 5px 0 var(--lite-border); --video-bg: radial-gradient(circle, var(--top-trigger-shade) 0%, transparent 100%)} :root[data-theme='dark'] { --body: #191919; --lite: #2e2e2e; --link: #9ebbe5; --muted: #9b9bab; --color: #edeff2; --secondary-color: #1b1b27; --card-bg: #383859; --heading-bg: #151521; --nav-link-bg: #313152; --nav-link-color: var(--link); --header-icon-opacity: .62; --lite-border: rgba(228,228,228,.125); --element-bg: #292939; --footer-bg: #151521; --slider-arrow-bg: var(--nav-link-bg); --img-filter: brightness(0.62) sepia(.62); --sticker-bg: rgba(6,6,19,.82); --light-only-shadow: none; --video-bg: radial-gradient(circle, var(--body) 0%, transparent 100%)} /* defaults */ body {margin: 0;padding: 0;box-sizing: border-box;font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;display: flex;flex-direction: column;justify-content: space-between;min-height: 100dvh;line-height: 1.5; background-color: var(--body);color: var(--color)} a {color: var(--link);text-decoration: none} a,button {transition: all .25s ease} a:focus,button:focus,input:focus,select:focus,textarea:focus {outline: none} ul {margin: 0;padding: 0;list-style: none} fieldset {margin: 0;padding: 0;border: 0} button {background-color: transparent;border: 0;color: inherit} select:not(:disabled),button:not(:disabled) {cursor: pointer} button:disabled,input:disabled,select:disabled {opacity: .62;cursor: default} input,select,textarea,button {font-family: inherit;font-size: inherit} address,i {font-style: normal} figure {margin: 0;padding: 0} h1,h2,h3,h4,h5,h6 {font-weight: normal;line-height: 1.2} h6,.h6 {font-size: 1.15rem}h5,.h5 {font-size: 1.35rem}h4,.h4 {font-size: 1.55rem}h3,.h3 {font-size: 1.95rem}h2,.h2 {font-size: 2.25rem}h1,.h1 {font-size: 2.75rem} img.use-filter {filter: var(--img-filter)} dd {margin-inline-start: var(--sm)} /* all about flex */ .wrapper,.wrapper-sm {margin: 0 auto;padding: 0} .flex {display: flex} .grid {display: grid} .block {display: block} .flex-inline {display: inline-flex} .flex.gap-xs,.grid.gap-xs {gap: var(--xs)} .flex.gap-s,.grid.gap-s {gap: var(--s)} .flex.gap-sm,.grid.gap-sm {gap: var(--sm)} .flex.gap-m,.grid.gap-m {gap: var(--m)} .flex.gap-l,.grid.gap-l {gap: var(--l)} .flex.gap-xl,.grid.gap-xl {gap: var(--xl)} .flex.gap-min,.grid.gap-min {gap: 1px} .flex.column {flex-direction: column} .flex.center-all {justify-content: center;align-items: center} .flex.center-x {align-items: center} .flex.start-x {align-items: flex-start} .flex.end-x {align-items: end} .flex.between {justify-content: space-between} .flex.wrap {flex-wrap: wrap} .flex.gallery-flex li:not(:first-child) {width: calc(50% - .5px)} .flex.gallery-flex li:first-child {width: 100%} .grow-item {flex-grow: 1} .reversed {flex-direction: row-reverse} .grid.start {align-content: baseline} .grid.thirds {grid-template-columns: repeat(3,1fr)} .grid.couples {grid-template-columns: repeat(2,1fr)} .gap .third {width: calc(33.33% - 9.9999px)} .gap .two-thirds {width: calc(66.67% - 9.9999px)} .order-1 {order: 1}.order-2 {order: 2}.order-3 {order: 3}.order-4 {order: 4}.order-5 {order: 5}.order-6 {order: 6} .mt-m {margin-top: var(--m)}.mt-sm {margin-top: var(--sm)}.mt-l {margin-top: var(--l)}.mt-xl {margin-top: 45px}.mt-none {margin-top: 0}.mb-none {margin-bottom: 0}.mxy-none,.nomarg {margin: 0}.mx-auto {margin-left: auto;margin-right: auto} .pt-gap {padding-top: var(--m)} .py-gap,.pt-m {padding: var(--m) 0}.py-gap-xl {padding: var(--xl) 0}.py-xs {padding-top: var(--xs);padding-bottom: var(--xs)}.py-s {padding-top: var(--s);padding-bottom: var(--s)}.py-gap-l {padding: var(--l) 0}.pxy-none,.nopadd {padding: 0}.pxy-xs {padding: var(--xs)}.pxy-s {padding: var(--s)}.pxy-sm {padding: var(--sm)} .pxy-m {padding: var(--m)}.px-s {padding-left: var(--xs);padding-right: var(--xs)}.px-sm {padding-left: var(--s);padding-right: var(--s)}.pxy-s {padding: var(--s)}.pxy-xl {padding: var(--l)}.py-2xl {padding-top: var(--xl);padding-bottom: var(--xl)}.pt-l {padding-top: var(--l)}.mpxy-none {margin: 0;padding: 0} .rel {position: relative}.abs,.lazy {position: absolute} .bottom-left,.bottom-right {bottom: 0} .bottom-left {left: 0} .bottom-right {right: 0} .fixed {position: fixed} .sticky,.top-sticky {position: sticky} .inset,.top-sticky {top: 0} .top-s {top: var(--s)}.top-sm {top: var(--sm)} .inset {top: 0;right: 0;bottom: 0;left: 0} .top-right-min {top: var(--min);right: var(--min)} .top-right-xs {top: var(--xs);right: var(--xs)} .top-right-s {top: var(--s);right: var(--s)} .top-right-sm {top: var(--sm);right: var(--sm)} .top-right-gap {top: var(--m);right: var(--m)} .cm {color: var(--muted)}.cb {color: var(--link)}.cw {color: #fff}.cg {color: var(--green)}.cr {color: var(--red)}.co {color: var(--orange)} .text-center {text-align: center} .text-left {text-align: left} .text-ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis} .uppercased {text-transform: uppercase} .bg-default {background-color: var(--element-bg)} .bg-light {background-color: var(--secondary-color)} .bg-blue {background-color: var(--blue)} .bg-green {background-color: var(--green)} .bg-red {background-color: var(--red)} .bg-trans {background-color: transparent} .bg-wa {background-color: var(--wa-color)} .bg-tg {background-color: var(--tg-color)} .list-none,.unlist {margin: 0;padding: 0;list-style: none} .max-xs {max-width: 375px} .rounded-xs {border-radius: var(--xs)} .rounded-sm {border-radius: var(--s)} .rounded-l {border-radius: var(--l)} .circle {border-radius: 50%} .responsive {display: block;width: 100%} .icon-square {width: var(--m);height: var(--m);fill: #a9b9c7} .slider-text {background-color: rgba(0,0,0,.38)} .trapezoid {clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%)} .semibold {font-weight: 600} /* top-bar stripe */ .top-bar {background-color: var(--secondary-color);margin: 0;padding: 0} .top-bar-address {display: block;position: relative;} .top-bar-trigger {background-color: transparent;color: #a9b9c7;margin: 0;padding: var(--m) 0} .top-bar-trigger svg {width: var(--m);height: var(--m);fill: #a9b9c7} .top-bar-socials li {margin: 0;padding: 0} .top-bar-social-link,.top-bar-social-link svg {display: block;width: 20px;height: 20px} .top-bar-social-link svg {fill: #a9b9c7;transition: all .25s ease} /* crumbs */ .crumb-item + .crumb-item {padding-left: .5rem} .crumb-item + .crumb-item::before {padding-right: .5rem;color: var(--muted);content: '•';font-size: 1.25rem;line-height: 1} .crumb-item a {padding: 0} .crumb-item.active {color: var(--muted)} /* animations */ @keyframes fadeIn {from {opacity: 0}to {opacity: 1}} @keyframes fadeOut {from {opacity: 1}to {opacity: 0}} @keyframes fadeInUp {from {opacity: 0;transform: translateY(15px)}to {opacity: 1;transform: translateY(0)}} @keyframes fadeInLeft {from {opacity: 0;transform: translateX(-15px)}to {opacity: 1;transform: translateX(0)}} @keyframes fadeInRight {from {opacity: 0;transform: translateX(15px)}to {opacity: 1;transform: translateX(0)}} @keyframes dropdownIn {from {transform: translateY(100%)}to {transform: translateY(calc(100% + var(--s)))}} @keyframes expanding {from {max-height: 0;overflow-y: hidden}to {max-height: 1200px;overflow-y: auto}} @keyframes fadeInModal {from {opacity: 0;transform: translate(-50%,calc(-50% + var(--l)))}to {opacity: 1;transform: translate(-50%,-50%)}} @keyframes slideInUpModal {from {transform: translateY(120%)}to {transform: translateY(0)}} .fadeIn {animation: fadeIn .5s ease-in} .fadeInLeft {animation: fadeInLeft 1s ease-in} .fadeInRight {animation: fadeInRight 1s ease-in} /* heading */ .logo {font-style: italic;} .logo .tyre-part {line-height: 1} .logo .on-part {border-radius: 5px;padding: 0 3px;margin-left: 3px} .contact-link {border-radius: var(--s);overflow: hidden;color: var(--muted);width: 35px;height: 35px} .contact-link.vk {background-color: var(--vk-color)} .contact-link.yt {background-color: var(--yt-color)} .contact-link.wa,.bg-whatsapp {background-color: var(--wa-color)} .contact-link.tg,.bg-telegram {background-color: var(--tg-color)} .contact-link svg,.trigger-icon {height: 38px;fill: #fff} .trigger-icon.inverted {fill: #fff} .contact-link svg {margin: 5px 10px} .contact-link span {border-left: 1px solid #a9b9c7;padding: 5px 10px} .link-btn,.menu-btn {color: var(--blue)} .menu-btn {border-radius: var(--m);padding: var(--s) var(--m);box-shadow: 0 1px var(--s) 0 rgba(0,0,0,.15)} .header-menu a {line-height: initial} .main-nav > li > a,.main-nav > li > span {background-color: var(--nav-link-bg);border-radius: var(--s)} .main-nav > li > a {color: var(--nav-link-color)} .main-nav > li > span {color: var(--green)} .nav-link {display: block} .dropdown {position: relative} .dropdown-list,.none {display: none} .dropdown-toggle::after,.angle-down::after {display: block;width: 0;border-top: 6px solid;border-right: 5px solid;border-left: 5px solid;border-color: var(--nav-link-color) transparent transparent;content: '';transition: transform .25s linear} .angle-down::after {background-image: url('/icons/angle_down_white.svg')} .dropdown-toggle.active::after {transform: rotate(180deg)} .dropdown-list.active {display: block;overflow: hidden;box-shadow: 0 1px var(--s) 0 rgba(0,0,0,.15)} .dropdown-list li {margin: 0;padding: 0;border-bottom: 1px solid var(--secondary-color)} .dropdown-list li:last-child {border-bottom: 0} .dropdown-list li a {margin: 0;padding: var(--sm)} .bg-preset {background-size: cover;background-position: center;background-repeat: no-repeat} .attach-fixed {background-attachment: fixed} .btn-outline {border: 1px solid;border-radius: var(--s)} .btn-outline:not(.btn-sm) {padding: var(--s) var(--m)} .btn-outline.btn-sm {padding: var(--xs) var(--s)} .content-divider {background-color: hsl(208, 21%, 72%);height: 1px;padding: 0;margin: var(--l) 0;opacity: .5} .empty-none:empty {display: none} .light-only-shadow {box-shadow: var(--light-only-shadow)} /* hero */ .hero {background-color: rgba(0,0,0,.5);margin: 0;color: #fff} .hero-wrapper {width: calc(100% - var(--m));margin: 0} .hero-wrapper.sm {max-width: 480px} .hero-wrapper.md {max-width: 600px} .hero-content {z-index: 1} .hero-title {text-transform: uppercase;margin: 0} .error-index {font-size: 7rem;opacity: .048;line-height: 1;color: var(--color);font-weight: 600} .hero-triggers a,.btn {background-color: var(--blue);color: #fff;padding: var(--s) var(--m);text-align: center;min-width: 180px;border-radius: var(--s)} .hero-triggers svg {fill: #fff} .hero-divider {top: calc(50% - 2.75px);right: 0;left: 0;background-color: #fff;height: 5.5px} .btn:disabled {background-color: transparent;color: var(--blue)} .slider-logo {display: block} .offset-zero {top: 0;right: 0;bottom: 0;left: 0} .img-fluid {width: 100%} .fit-cover {height: 100%;object-fit: cover} .semitransparent {opacity: .5} /* request */ .request {background-color: rgba(0,0,0,.5);background-image: url(/img/stripe.jpg);padding: var(--m) 0;color: #fff} .request a {border-radius: var(--s);padding: 10px var(--m)} .request a svg {width: var(--m)} .request a.bg-default svg {fill: var(--blue)} .request a.bg-whatsapp,.request a.bg-telegram {color: #fff} .request a.bg-whatsapp svg,.request a.bg-telegram svg {fill: #fff} /* service info */ .list-title,.overhide {overflow: hidden} .overhide-x {overflow-x: auto} .list-title:before {background-color: var(--lite-border);width: var(--xs);min-width: var(--xs);content: '-';color: transparent;font-size: 1px} .list-title p {margin: 0;padding: 0;flex-direction: column-reverse} .list-title p span.inverted {color: #fff} .list-title p small {color: var(--muted);font-size: .6em} .more-trigger {margin: 0 auto;padding: 0;border: 0} .more-trigger.default {color: var(--blue)} .more-trigger.inverted {color: #fff} .copy-trigger::after {width: var(--sm);min-width: var(--sm);height: var(--sm);content: '';background-image: url('/icons/copy.svg');background-repeat: no-repeat;background-position: center;background-size: 12px;margin-left: 3px} .has-bubble {position: relative} .has-bubble::after {position: absolute;background-color: var(--card-bg);color: var(--color);padding: var(--sm);border-radius: var(--s);content: attr(data-report);bottom: 0;left: 50%;z-index: 1;transform: translate(-50%,calc(100% + var(--s)));animation: fadeIn .25s ease-in-out} /* cards */ .cards {margin: 0;padding: 0} .card-link {background-color: var(--card-bg)} .card-link {border-radius: var(--sm);min-height: 100%} .card-link,.card-figure {display: block;overflow: hidden} .card-figure {margin: 0;padding: 0;aspect-ratio: 4 / 3} .card-img,.as-bg {display: block;width: 100%;height: 100%;object-fit: cover} .card-caption {margin: 0;padding: var(--sm)} .card-sticker {background-color: var(--sticker-bg)}/* 56,56,89,.82 */ .card-overlay,.card-overlay-price {background-color: rgba(6,6,19,.82)}/* 56,56,89,.82 */ .card-sticker {border-radius: var(--sm);padding: var(--xs) var(--s);transition: all .25s linear} .card-season,.card-top-right,.card-top-left {top: var(--s);z-index: 1} .card-season,.card-top-right {right: var(--s)} .card-top-left {left: var(--s)} .card-rating {bottom: var(--s);left: 50%;transform: translateX(-50%)} .card-overlay {right: 0;bottom: 0;left: 0;backdrop-filter: blur(3px)} .card-top-right {top: var(--s);right: var(--s);} .loading .card-rating,.card-rating.out {bottom: 0;transform: translate(-50%,100%)} .loading .card-season,.card-season.out {top: 0;transform: translateY(-100%)} /* profits */ .profits {margin: var(--l) 0 0;padding: 0} .profit-img {height: 45px;fill: #7f8f9d} .profit-caption {font-weight: 600} .upper {text-transform: uppercase} .product-image {display: block;width: 100%;height: 100%;object-fit: cover} /* info */ .bg-posts {background-image: url(/img/recentposts.jpg)} .info-figure {background-color: #fff;overflow: hidden;border-radius: var(--s)} .info-img {width: var(--xl);margin: var(--m)} /* callorder */ .callorder {background-image: url(/img/statement.jpg);padding: var(--l) 0} /* footer */ .footer {background-color: var(--footer-bg);margin: 0;padding: 0} .footer-cards {padding: var(--l) 0} .footer-card-content {padding: var(--m)} .footer-span,.footer-span a {background-color: transparent} .footer-icon {background-color: #fff;padding: var(--l);border-right: 1px solid} .footer-icon svg {fill: var(--blue);width: 20px;height: 20px} .copyright {border-top: 1px solid rgba(255,255,255,.125);padding: var(--m) 0;text-align: center} /* contacts */ .grid.contacts {grid-template-rows: auto 1fr} /* clients slider */ .clients {margin: var(--l) 0 0} .client-logo {min-height: 100%;margin: auto;width: 95%} .client-logo img {width: 100%;max-width: 100%} /* expanding / collapsing */ .collapse {grid-template-rows: 0;transition: all 1s linear} .collapse.ingaped.active {margin-top: var(--l)} /* .collapse:not(.active) {} */ .collapse.active {grid-template-rows: 1fr} /* backdrop */ .backdrop {display: none} .backdrop.active {display: block;position: fixed;z-index: 5;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(0,0,0,.5);backdrop-filter: saturate(30%);animation: fadeIn .5s ease-in forwards} /* modals */ .modal {background-color: rgba(0,0,0,.38);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);overflow-y: auto} .modal:not(.none) {transition: all .15s ease-in-out;display: flex;flex-direction: column;align-items: center;z-index: 6} .modal:not(.active) {opacity: 0} .modal.active {opacity: 1} .modal-dialog {background-color: var(--element-bg);box-shadow: var(--shadow);width: 100%;transition: all .25s ease-in-out} .modal:not(.active) .modal-dialog {transform: translateY(var(--xxxl))} .modal-dialog.map {align-content: start;grid-template-rows: auto 1fr} .modal.active .modal-dialog {transform: translateY(0)} .modal-header {margin: 0;border-bottom: 1px solid var(--lite)} .modal-content {overflow-y: auto;padding: var(--m)} /* forms && controls */ .trap-input {display: block;height: 0;overflow: hidden;opacity: 0;border: 0} .form-row {margin: 0;padding: 0;border: 0} .form-control {font-size: inherit} select.form-control {-webkit-appearance: none;appearance: none} /* select.form-control {-webkit-appearance: none;background-image: url(/icons/angle_down_muted.svg);background-position: right var(--m) center;background-repeat: no-repeat;background-size: var(--sm);min-width: 200px} */ @keyframes checkOn { from {background-size: var(--sm)} to {background-size: var(--ml)}} input[type=number] {appearance: none;-webkit-appearance: textfield;-moz-appearance: textfield} input[type=number].service-count {max-width: 60px} input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-inner-outer-button {-webkit-appearance: none} .form-control.row {width: calc(100% - var(--l))} .grid select.form-control {width: 100%} .form-control {color: var(--color)} .form-control:focus {border-color: var(--blue)} .check-label {cursor: pointer} .check-label input {position: absolute;z-index: -1;opacity: 0;margin: 0} .checkbox-text {position: relative;cursor: pointer} .checkbox-text::before {width: var(--sm);height: var(--sm);overflow: hidden;border-radius: var(--xs);border: 1px solid;content: '';transition: all .25s ease;background-position: center;background-repeat: no-repeat;background-size: var(--ml)} .check-label input:checked + .checkbox-text::before {background-image: url('data:image/svg+xml,');animation: checkOn .15s ease;border-color: var(--green)} .control-label {flex-grow: 1} .control-radio {z-index: -5;opacity: 0} .form-control,.control-span {background-color: var(--nav-link-bg);border: 1px solid transparent;transition: all .25s ease;border-radius: var(--s)} .form-control:not(:disabled),.control-radio:not(:checked) ~ .control-span {cursor: pointer} .control-radio:not(:checked) ~ .control-span {color: var(--nav-link-color)} .control-span {} .control-radio:checked ~ .control-span {border-color: var(--green);color: var(--green);cursor: default} .form-trigger {background-color: var(--blue);color: #fff;margin: 0;padding: var(--m);border-radius: var(--s);font-size: inherit} /* card */ .lazy {top: 0;left: 0;opacity: 0;z-index: -1} .product-figure {margin: 0;padding: 0;border-radius: var(--m);overflow: hidden;background-color: #fff} .loading {background-image: url(/img/loader.svg);background-position: center;background-size: var(--xxl);background-repeat: no-repeat} .loading img {opacity: 0} .square,.loading img {aspect-ratio: 1 / 1} .card {transition: all .4s ease-in} .card-img {transition: opacity .25s ease-in} .card.filtered {opacity: 0;max-height: 0;overflow: hidden;position: absolute;transform: scale(.95)} .card-aside {border-radius: var(--m)} .card-btn {display: inline-block;margin: 0;padding: var(--m);border-radius: var(--s);background-color: var(--blue);color: #fff} .card-menu {margin: 0;padding: 0} .card-social-icon svg {fill: var(--blue);width: var(--l)} .card-social-icon small {color: #868e96} .card-content {padding: var(--l);border-radius: var(--sm)} .card-content h4,.card-content p,.card-content ul,.card-content ol {margin: 0;line-height: 1.5} .table-responsive {overflow-x: auto;min-height: 0.01%} table {background-color:transparent} caption {color:#98978b;text-align:center;caption-side: bottom;margin-top: var(--sm)} th {text-align:left} .table td,.table th,.table-cell {background-color: var(--secondary-color)} .table {width:100%;background-color: var(--footer-bg)} .table>thead>tr>th,.table>tbody>tr>td {line-height: 1.42857143;vertical-align: top} /* details */ .table-details {} .table-summary {font-weight: 600;transition: all .25s ease} details .table-summary {appearance: none;-webkit-appearance: none;cursor: pointer} details .table-summary::after {content: '+';transition: inherit} details.table-details:not([open]) .table-summary {color: var(--link)} .table-details[open] .table-summary,.table-details.active .table-summary {border-bottom: 1px solid var(--lite-border)} .table-details[open] .table-summary {color: var(--green)} .table-details.active .table-summary {color: var(--muted)} details.table-details[open] .table-summary::after {transform: rotate(-45deg)} .table-details[open] .table-details-content {animation: fadeIn .5s ease-in} .table-details-content {overflow-x: auto} th.active,td.active {background-color: var(--blue-muted);color: #fff} thead.sticky {position: sticky;top: 0;box-shadow: 0 1px 15px 0 rgba(0,0,0,.15)} .service-title {width: 100px} .service-price {width: 45px} .service-cost {width: 45px} .scrollup {width: 37.5px;height: 37.5px;margin: auto;border-radius: 50%} .scrollup svg {width: var(--m);fill: var(--blue)} .btn-icon {width: var(--l);height: var(--l);padding: var(--s);color: var(--blue)} .btn-icon svg {fill: var(--blue);width: 100%} .burger-span {width: 100%;height: 2px;background-color: var(--blue)} .btn-icon,.btn-link {background-color: transparent;width: var(--l);height: var(--l)} .list-default li {display: flex;gap: var(--s)} .list-default li:before {color: #999;content: '-'} .post ul,.post ol,.post p {margin: 0} .video {aspect-ratio: 16 / 9;display: block;width: 100%;border: 0} /*tabs*/ .tab-wrapper {position: relative} .tab-pane:not(.active) {display: none} .tab-pane.active {display: flex;flex-direction: column;gap: var(--m);animation: fadeIn .25s ease-in forwards} .header {padding: 0} .heading {background-color: var(--heading-bg)} /* theme-toggle */ .theme-label {cursor: pointer;background-color: var(--lite)} .theme-checkbox {appearance: none;-webkit-appearance: none;z-index: -1} .theme-icon {} .theme-label,.theme-icon::before,.theme-icon::after {width: var(--l);height: var(--l)} .theme-icon::before,.theme-icon::after {display: flex;justify-content: center;align-items: center;min-width: var(--l);background-position: center;background-size: var(--m);background-repeat: no-repeat;transition: all .25s linear;content: ''} .theme-icon::before {background-image: url(/icons/moon.svg)} .theme-icon::after {background-image: url(/icons/sun.svg);animation: splide-loading 30s linear infinite} .theme-checkbox:not(:checked) ~ .theme-icon {transform: translateX(0)} .theme-checkbox:checked ~ .theme-icon {transform: translateX(-100%)} /* scrollup trigger */ .scroll-up {width: 42px;height: 42px;bottom: var(--l);right: var(--l);z-index: 3;background-color: var(--nav-link-bg);color: var(--link);border: 0;box-shadow: var(--shadow)} .scroll-up:not(.active) {transform: translateX(calc(100% + var(--l)))} .scroll-up.active {transform: translateX(0)} @keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__container{position:relative;box-sizing:border-box} .splide__list{margin:0!important;padding:0!important;will-change:transform;transition: all .25s linear} .splide.is-active .splide__list{display:flex} .splide.is-active .splide__list.center{align-items:center} .splide__pagination{margin: var(--sm) 0 0} .splide__pagination li{list-style-type:none;display:inline-block;line-height:1;margin:0} .splide,.splide__slide{position:relative;outline:none} .splide__slide{box-sizing:border-box;list-style-type:none!important;margin:0;flex-shrink:0} .splide__slider{position:relative} .splide__spinner{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid #999;border-left-color:transparent;animation:splide-loading 1s linear infinite} .splide__track{position:relative;z-index:0;overflow:hidden} .splide--draggable>.splide__track>.splide__list>.splide__slide{-webkit-user-select:none;user-select:none} .splide--fade>.splide__track>.splide__list{display:block} .splide--fade>.splide__track>.splide__list>.splide__slide{position:absolute;top:0;left:0;z-index:0;opacity:0} .splide--fade>.splide__track>.splide__list>.splide__slide.is-active{position:relative;z-index:1;opacity:1} .splide--rtl{direction:rtl}.splide--ttb>.splide__track>.splide__list{display:block} .splide--ttb>.splide__pagination{width:auto} .splide__arrow {position:absolute;z-index:1;top:50%;transform:translateY(-50%);border-radius: var(--xs);display:flex;align-items:center;justify-content:center;padding:0;background-color: var(--blue);transition: all .25s ease} .splide__arrow svg {fill: #fff;width: 50%} .splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} .splide__arrow:focus {outline:none}.splide__arrow:disabled{opacity:0} .splide__arrow--prev {left: -12px} .splide__arrow--next {right: -12px} .splide__arrow--prev svg {transform:scaleX(-1)} .splide__pagination {padding:0;display:flex;justify-content:center;gap: var(--sm)} .splide__pagination__page {display:block;width:var(--s);height:var(--s);background-color:var(--blue);border-radius:50%;margin:0;padding:0;border:0;opacity: .38} .splide__pagination__page:focus {outline:0} .splide__progress__bar {width:0;height:3px;background:#ccc} .splide--nav>.splide__track>.splide__list>.splide__slide {transition: all .25s linear;overflow: hidden} .splide--nav>.splide__track>.splide__list>.splide__slide:not(.is-active){opacity: .62;cursor: pointer} .splide--nav>.splide__track>.splide__list>.splide__slide.is-active {opacity: 1} .splide--nav>.splide__track>.splide__list>.splide__slide:focus{outline:none} .splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev{right:1em;left:auto} .splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:scaleX(1)} .splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next{left:1em;right:auto} .splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg{transform:scaleX(-1)} .splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow{left:50%;transform:translate(-50%)}.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev{top:1em} .splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:rotate(-90deg)}.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next{top:auto;bottom:1em} .splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg{transform:rotate(90deg)} .splide--ttb>.splide__pagination{display:flex;flex-direction:column;bottom:50%;left:auto;right:.5em;transform:translateY(50%)} .splide__pagination__page.is-active {opacity:1;cursor: default} /* spotlight */ @keyframes pulsate{0%,to{opacity:1}50%{opacity:.2}}#spotlight{position:fixed;top:-1px;bottom:-1px;width:100%;z-index:99999;color:#fff;background-color:#000;opacity:0;overflow:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .2s ease-out;contain:strict;touch-action:none;pointer-events:none}#spotlight.show{opacity:1;transition:none;pointer-events:auto}#spotlight.white{color:#212529;background-color:#fff}#spotlight.white .spl-next,#spotlight.white .spl-page~*,#spotlight.white .spl-prev,#spotlight.white .spl-spinner{filter:invert(1)}#spotlight.white .spl-progress{background-color:rgba(0,0,0,.35)}#spotlight.white .spl-footer,#spotlight.white .spl-header{background-color:rgba(255,255,255,.65)}#spotlight.white .spl-button{background:#212529;color:#fff}.spl-footer,.spl-header{background-color:rgba(0,0,0,.45)}#spotlight .contain,#spotlight .cover{object-fit:cover;height:100%;width:100%}#spotlight .contain{object-fit:contain}#spotlight .autofit{object-fit:none;width:auto;height:auto;max-height:none;max-width:none;transition:none}.spl-scene,.spl-spinner,.spl-track{width:100%;height:100%;position:absolute}.spl-track{contain:strict}.spl-spinner{background-position:center;background-repeat:no-repeat;background-size:42px;opacity:0}.spl-spinner.spin{background-image: var(--loader);transition:opacity .2s linear .25s;opacity:1}.spl-spinner.error{background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMyIiB3aWR0aD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTYsMUExNSwxNSwwLDEsMCwzMSwxNiwxNSwxNSwwLDAsMCwxNiwxWm0wLDJhMTMsMTMsMCwwLDEsOC40NSwzLjE0TDYuMTQsMjQuNDVBMTMsMTMsMCwwLDEsMTYsM1ptMCwyNmExMywxMywwLDAsMS04LjQ1LTMuMTRMMjUuODYsNy41NUExMywxMywwLDAsMSwxNiwyOVoiIGlkPSJiYW5fc2lnbl9jcm9zc2VkX2NpcmNsZSIvPjwvc3ZnPg==);background-size:128px;transition:none;opacity:.5}.spl-scene{transition:transform .65s cubic-bezier(.1,1,.1,1);contain:layout size;will-change:transform}.spl-pane>*{position:absolute;width:auto;height:auto;max-width:100%;max-height:100%;left:50%;top:50%;margin:0;padding:0;border:0;transform:translate(-50%,-50%) scale(1);transition:transform .65s cubic-bezier(.3,1,.3,1),opacity .65s ease;contain:layout style;will-change:transform,opacity;visibility:hidden}.spl-header,.spl-pane,.spl-progress{position:absolute;top:0}.spl-pane{width:100%;height:100%;transition:transform .65s cubic-bezier(.3,1,.3,1);contain:layout size;will-change:transform,contents}.spl-header{width:100%;height:50px;text-align:right;transform:translateY(-100px);transition:transform .35s ease;overflow:hidden;will-change:transform}#spotlight.menu .spl-footer,#spotlight.menu .spl-header{transform:translateY(0)}.spl-header div{display:inline-block;vertical-align:middle;white-space:nowrap;width:50px;height:50px;opacity:.5}.spl-progress{width:100%;height:3px;background-color:rgba(255,255,255,.45);transform:translateX(-100%);transition:transform linear}.spl-footer,.spl-next,.spl-prev{position:absolute;transition:transform .35s ease;will-change:transform}.spl-footer{left:0;right:0;bottom:0;line-height:20px;padding:20px 20px 0;padding-bottom:env(safe-area-inset-bottom,0);text-align:left;font-size:15px;font-weight:400;transform:translateY(100%)}.spl-title{font-size:22px}.spl-button,.spl-description,.spl-title{margin-bottom:20px}.spl-button{display:inline-block;background:#fff;color:#000;border-radius:5px;padding:10px 20px;cursor:pointer}.spl-next,.spl-page~*,.spl-prev{background-position:center;background-repeat:no-repeat}.spl-page{float:left;width:auto;line-height:50px}.spl-page~*{background-size:21px;float:right}.spl-fullscreen{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHZpZXdCb3g9Ii0xIC0xIDI2IDI2IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggM0g1YTIgMiAwIDAgMC0yIDJ2M20xOCAwVjVhMiAyIDAgMCAwLTItMmgtM20wIDE4aDNhMiAyIDAgMCAwIDItMnYtM00zIDE2djNhMiAyIDAgMCAwIDIgMmgzIi8+PC9zdmc+)}.spl-fullscreen.on{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik04IDN2M2EyIDIgMCAwIDEtMiAySDNtMTggMGgtM2EyIDIgMCAwIDEtMi0yVjNtMCAxOHYtM2EyIDIgMCAwIDEgMi0yaDNNMyAxNmgzYTIgMiAwIDAgMSAyIDJ2MyIvPjwvc3ZnPg==)}.spl-autofit{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBoZWlnaHQ9Ijk2cHgiIHZpZXdCb3g9IjAgMCA5NiA5NiIgd2lkdGg9Ijk2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggdHJhbnNmb3JtPSJyb3RhdGUoOTAgNTAgNTApIiBmaWxsPSIjZmZmIiBkPSJNNzEuMzExLDgwQzY5LjY3LDg0LjY2LDY1LjIzLDg4LDYwLDg4SDIwYy02LjYzLDAtMTItNS4zNy0xMi0xMlYzNmMwLTUuMjMsMy4zNC05LjY3LDgtMTEuMzExVjc2YzAsMi4yMSwxLjc5LDQsNCw0SDcxLjMxMSAgeiIvPjxwYXRoIHRyYW5zZm9ybT0icm90YXRlKDkwIDUwIDUwKSIgZmlsbD0iI2ZmZiIgZD0iTTc2LDhIMzZjLTYuNjMsMC0xMiw1LjM3LTEyLDEydjQwYzAsNi42Myw1LjM3LDEyLDEyLDEyaDQwYzYuNjMsMCwxMi01LjM3LDEyLTEyVjIwQzg4LDEzLjM3LDgyLjYzLDgsNzYsOHogTTgwLDYwICBjMCwyLjIxLTEuNzksNC00LDRIMzZjLTIuMjEsMC00LTEuNzktNC00VjIwYzAtMi4yMSwxLjc5LTQsNC00aDQwYzIuMjEsMCw0LDEuNzksNCw0VjYweiIvPjwvc3ZnPg==)}.spl-zoom-in,.spl-zoom-out{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ii8+PGxpbmUgeDE9IjIxIiB4Mj0iMTYuNjUiIHkxPSIyMSIgeTI9IjE2LjY1Ii8+PGxpbmUgeDE9IjgiIHgyPSIxNCIgeTE9IjExIiB5Mj0iMTEiLz48L3N2Zz4=);background-size:22px}.spl-zoom-in{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ii8+PGxpbmUgeDE9IjIxIiB4Mj0iMTYuNjUiIHkxPSIyMSIgeTI9IjE2LjY1Ii8+PGxpbmUgeDE9IjExIiB4Mj0iMTEiIHkxPSI4IiB5Mj0iMTQiLz48bGluZSB4MT0iOCIgeDI9IjE0IiB5MT0iMTEiIHkyPSIxMSIvPjwvc3ZnPg==)}.spl-download{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIxNDEuNzMycHgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE0MS43MzIgMTQxLjczMiIgd2lkdGg9IjE0MS43MzJweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTIwLjY3NCwxMjUuMTM4SDIwLjc5M3YxNi41OTRoOTkuODgxVjEyNS4xMzh6IE0xMTkuMDE5LDU4Ljc3NmMtMi41NjEtMi41NjItNi43MTYtMi41NjItOS4yNzUsMEw3Ny4yMSw5MS4zMTJWNi41NjIgICBDNzcuMjEsMi45MzYsNzQuMjY5LDAsNzAuNjQ4LDBjLTMuNjI0LDAtNi41NiwyLjkzNy02LjU2LDYuNTYzdjg0Ljc1TDMxLjk5Miw1OS4yMThjLTIuNTYyLTIuNTY0LTYuNzE1LTIuNTY0LTkuMjc3LDAgICBjLTIuNTY1LDIuNTYyLTIuNTY1LDYuNzE2LDAsOS4yNzlsNDMuMjk0LDQzLjI5M2MwLjE1LDAuMTU0LDAuMzE0LDAuMjk5LDAuNDgxLDAuNDM4YzAuMDc2LDAuMDYyLDAuMTU1LDAuMTEzLDAuMjM0LDAuMTc2ICAgYzAuMDk0LDAuMDY1LDAuMTg2LDAuMTQyLDAuMjc5LDAuMjA2YzAuMDk3LDAuMDYzLDAuMTkyLDAuMTE0LDAuMjg2LDAuMTc0YzAuMDg4LDAuMDU0LDAuMTc0LDAuMTA1LDAuMjY1LDAuMTUzICAgYzAuMSwwLjA1NiwwLjE5OSwwLjEsMC4yOTgsMC4xNDdjMC4wOTcsMC4wNDUsMC4xOSwwLjA5MSwwLjI4MywwLjEzMmMwLjA5OCwwLjA0LDAuMTk2LDAuMDcyLDAuMjk1LDAuMTA1ICAgYzAuMTA0LDAuMDM4LDAuMjA3LDAuMDc4LDAuMzEyLDAuMTA5YzAuMTAxLDAuMDMsMC4xOTcsMC4wNTIsMC4yOTcsMC4wNzdjMC4xMDgsMC4wMjMsMC4yMTQsMC4wNTgsMC4zMjQsMC4wNzggICBjMC4xMTUsMC4wMjEsMC4yMzEsMC4wMzMsMC4zNDYsMC4wNTRjMC4wOTcsMC4wMTUsMC4xOTIsMC4wMzIsMC4yODksMC4wNDJjMC40MywwLjA0MiwwLjg2NSwwLjA0MiwxLjI5NSwwICAgYzAuMS0wLjAxLDAuMTkxLTAuMDI3LDAuMjg5LTAuMDQyYzAuMTE0LTAuMDIxLDAuMjMzLTAuMDI5LDAuMzQ0LTAuMDU0YzAuMTA5LTAuMDIxLDAuMjE3LTAuMDU1LDAuMzI0LTAuMDc4ICAgYzAuMTAyLTAuMDI1LDAuMTk5LTAuMDQ3LDAuMjk5LTAuMDc3YzAuMTA1LTAuMDMxLDAuMjA3LTAuMDcxLDAuMzEyLTAuMTA5YzAuMTAyLTAuMDMsMC4xOTUtMC4wNjIsMC4yOTUtMC4xMDUgICBjMC4wOTYtMC4wNDEsMC4xOTEtMC4wODcsMC4yODMtMC4xMzJjMC4xLTAuMDQ4LDAuMTk5LTAuMDkyLDAuMjk3LTAuMTQ3YzAuMDkxLTAuMDQ4LDAuMTc3LTAuMTA0LDAuMjY0LTAuMTUzICAgYzAuMDk4LTAuMDYsMC4xOTMtMC4xMSwwLjI4Ny0wLjE3NGMwLjA5Ni0wLjA2NCwwLjE4OS0wLjE0MSwwLjI4MS0wLjIwNmMwLjA3Ni0wLjA2MiwwLjE1Ni0wLjExMywwLjIzMy0wLjE3NiAgIGMwLjI0OS0wLjIwNCwwLjQ3OS0wLjQzNywwLjY5NC0wLjY3YzAuMDc2LTAuMDY3LDAuMTU0LTAuMTMxLDAuMjI5LTAuMjAzbDQzLjI5NC00My4yOTYgICBDMTIxLjU4MSw2NS40OTEsMTIxLjU4MSw2MS4zMzcsMTE5LjAxOSw1OC43NzYiLz48L2c+PC9zdmc+);background-size:20px}.spl-theme{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBoZWlnaHQ9IjI0cHgiIHZlcnNpb249IjEuMiIgdmlld0JveD0iMiAyIDIwIDIwIiB3aWR0aD0iMjRweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTIsNGMtNC40MTgsMC04LDMuNTgyLTgsOHMzLjU4Miw4LDgsOHM4LTMuNTgyLDgtOFMxNi40MTgsNCwxMiw0eiBNMTIsMThjLTMuMzE0LDAtNi0yLjY4Ni02LTZzMi42ODYtNiw2LTZzNiwyLjY4Niw2LDYgUzE1LjMxNCwxOCwxMiwxOHoiLz48cGF0aCBkPSJNMTIsN3YxMGMyLjc1NywwLDUtMi4yNDMsNS01UzE0Ljc1Nyw3LDEyLDd6Ii8+PC9nPjwvc3ZnPg==)}.spl-play{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSItMC41IC0wLjUgMjUgMjUiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxwb2x5Z29uIGZpbGw9IiNmZmYiIHBvaW50cz0iMTAgOCAxNiAxMiAxMCAxNiAxMCA4Ii8+PC9zdmc+)}.spl-play.on{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSItMC41IC0wLjUgMjUgMjUiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxsaW5lIHgxPSIxMCIgeDI9IjEwIiB5MT0iMTUiIHkyPSI5Ii8+PGxpbmUgeDE9IjE0IiB4Mj0iMTQiIHkxPSIxNSIgeTI9IjkiLz48L3N2Zz4=);animation:pulsate 1s ease infinite}.spl-close{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIyIDIgMjAgMjAiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bGluZSB4MT0iMTgiIHgyPSI2IiB5MT0iNiIgeTI9IjE4Ii8+PGxpbmUgeDE9IjYiIHgyPSIxOCIgeTE9IjYiIHkyPSIxOCIvPjwvc3ZnPg==)}.spl-next,.spl-prev{top:50%;width:50px;height:50px;opacity:.65;background-color:rgba(0,0,0,.45);border-radius:100%;cursor:pointer;margin-top:-25px;transform:translateX(-100px);background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cG9seWxpbmUgcG9pbnRzPSIxNSAxOCA5IDEyIDE1IDYiLz48L3N2Zz4=);background-size:30px}.spl-prev{left:20px}.spl-next{left:auto;right:20px;transform:translateX(100px) scaleX(-1)}#spotlight.menu .spl-prev{transform:translateX(0)}#spotlight.menu .spl-next{transform:translateX(0) scaleX(-1)} @media (max-width:500px){.spl-header div{width:44px}.spl-footer .spl-title{font-size:20px}.spl-footer{font-size:14px}.spl-next,.spl-prev{width:35px;height:35px;margin-top:-17.5px;background-size:15px 15px}.spl-spinner{background-size:30px 30px}} .hide-scrollbars{overflow:hidden!important} .price-list-row {transition: all .3s ease-in-out} .sticker {top: var(--xs);right: var(--xs);width: var(--sm);height: var(--sm);font-size: var(--s);transition: transform .25s linear} .sticker:empty {transform: scale(0)} .sticker-badge {padding: 3px var(--xs);border-radius: var(--xs);font-size: 12px} .service-menu {grid-template-columns: 1fr 100px} .service-helper-bar {top: 0;z-index: 1;border-radius: var(--s);transition: all .25s ease-in-out} .service-helper-bar.in {background-color: var(--nav-link-bg);box-shadow: 0 3px 5px rgba(0,0,0,.38);padding: var(--sm)} @media (max-width:427px) {} @media (min-width:428px) and (max-width:629px) {} @media (max-width:479px) {.slider_card-figure {aspect-ratio: 2 / 1}.xs-grow {flex-grow: 1}} @media (max-width:629px) { h1,.h1 {line-height: 1.15} .xs-block {display: block} .wrapper {width: 95%} .gap .xs-half {width: calc(50% - var(--s))} .gap-xl .xs-half {width: calc(50% - var(--m))} .xs-row {width: 100%} .xs-none {display: none} .xs-flex {display: flex} .flex.xs-reverse {flex-direction: row-reverse} .flex.xs-column-reverse {flex-direction: column-reverse} .flex.xs-column {flex-direction: column} .flex.xs-between {justify-content: space-between} .xs-center {text-align: center} .xs-pxy-gap {padding: var(--m)} .xs-pxy-gap-xl {padding: var(--l)} .cell-counter {transition: all .25s linear} .xs-collapsed {max-height: 0;padding: 0 var(--xs)} .summary-x-limited {max-width: calc(100% - 45px)} .rounded {border-radius: var(--s)} .sibling-icon {width: var(--xl);height: var(--xl)} .category-icon {margin: auto} .form-control:not(.control-sm),.control-span {padding: var(--s)} .form-control.control-sm {padding: var(--xs)} .nav-wrapper {border-top-left-radius: var(--l);border-top-right-radius: var(--l)} .nav-wrapper,.modal:not(.active) .modal-dialog {top: var(--xl);right: 0;bottom: 0;left: 0;transform: translateY(120%);transition: transform .25s linear} .nav-wrapper.active,.modal.active .modal-dialog {transform: translateY(0);z-index: 6} .card-lead-title {line-height: 1} .footer-item {text-align: center} .footer-list {grid-template-areas: 'coords' 'phone'} .footer-item.coords {grid-area: coords} .footer-item.prone {grid-area: phone} .contact-links,.footer-span {justify-content: center} .footer-span {font-weight: 600} .table>thead>tr>th,.table>tbody>tr>td,.table-cell:not(.xs-collapsed) {padding: var(--s)} .map-aside {min-height: 100%} .cell-label {grid-area: label;align-items: center} .cell-counter {grid-area: counter} .cell-output::before {content: 'Итого';color: var(--muted);font-size: .7rem;text-align: center} .cell-output small {display: none} .cell-output {grid-area: output;align-content: center} .price-list-row {grid-template-columns: auto 90px;grid-template-areas: 'label output' 'counter counter'} .price-report-row {grid-template-columns: 1fr 100px} .service-checkbox ~ .checkbox-text {font-size: 88%} .service-plus,.service-minus {min-width: 50px} } @media (min-width: 630px) { .xs-only {display: none} .rounded {border-radius: var(--sm)} .wrapper-sm,.modal-dialog.sm {max-width: 480px} .modal-dialog.md {max-width: 600px}.table > thead > tr > th {font-size: 1.075rem} .table>thead>tr>th,.table>tbody>tr>td,.table-cell {padding: var(--sm)} .form-control:not(.control-sm) {padding: var(--s) var(--sm)} .control-span {padding: var(--sm)} .form-control.control-sm {padding: var(--xs) var(--s)} .footer-list {grid-template-columns: 1fr 1fr} .price-report-row {grid-template-columns: 1fr 200px} .service-group-default {grid-area: 'default'} .service-group-greedy {grid-area: 'greedy'} .service-card-list {grid-template-columns: repeat(2, 1fr)} .service-header {grid-template-columns: repeat(4, 1fr)} .service-total {grid-area: 1 / 1 / 2 / 6} .service-menu {grid-area: 2 / 4 / 3 / 6} .service-fieldset {grid-area: 2 / 1 / 3 / 4} .md-end {justify-content: flex-end}} @media (min-width:810px) { .main-nav > li > a,.main-nav > li > span {padding: var(--s);text-align: center} .logo .tyre-part {font-size: 2.4rem} .logo .on-part {font-size: 1.25rem} .header-menu {gap: var(--m)} .header-icon {opacity: var(--header-icon-opacity)} .md-block {display: block} .flex.md-between {justify-content: space-between} .flex.md-center-x,.flex.md-center-all {align-items: center} .flex.md-center-all {justify-content: center} .gap-xl,.md-gap-xl {gap: var(--xl)} .sm-only,.md-none {display: none} .hero {min-height: 400px} .hero-title {font-weight: 600;font-size: 5.5rem} .md-flex {display: flex} .md-flex.gap,.md-gap {gap: var(--m)} .md-flex.gap-sm,.flex.md-gap-sm {gap: var(--s)} .md-flex.column,.flex.md-column {flex-direction: column} .md-end-x {align-items: flex-end} .md-start-x {align-items: flex-start} .md-center-x {align-items: center} .md-mt-gap-xl {margin-top: var(--l)} .md-mx-gap-xl {margin-left: var(--l);margin-right: var(--l)} .md-pxy-gap {padding: var(--m)} .md-pxy-gap-xl {padding: var(--l)} .md-py-gap-xl {padding-top: var(--l);padding-bottom: var(--l)} .md-px-gap-xl {padding-left: var(--l);padding-right: var(--l)} .md-use-wrap {flex-wrap: wrap} .gap .md-half,.md-gap .md-half {width: calc(50% - var(--s))} .md-half {width: 50%} .md-h6 {font-size: 1.15rem} .gap-xl .md-half {width: calc(50% - var(--m))} .gap .md-third {width: calc(33.33% - 9.9999px)} .gap-xl .md-third,.md-gap-xl .md-third {width: calc(33% - 16.199px)} .gap-xl .md-two-thirds {width: calc(66.66% - 19.9417px)} .gap .md-quarter {width: calc(25% - 11.25px)} .gap-xl .md-quarter,.md-gap-xl .md-quarter {width: calc(25% - 22.5px)} .cards {grid-template-columns: repeat(4,1fr)} .gap-xl .md-fifth,.md-gap-xl .md-fifth {width: calc(20% - 23.9995px)} .gap .md-half {width: calc(50% - var(--s))} .md-gap-xl .md-half {width: calc(50% - var(--m))} .md-row {width: 100%} .dropdown-list.active {position: absolute;right: 0;bottom: 0;left: 0;z-index: 2;animation: dropdownIn .25s ease-in forwards} .md-text-center {text-align: center} .modal-dialog {border-radius: var(--sm);margin-top: var(--xxxl);margin-bottom: var(--xxxl)} .modal:not(.active) .modal-dialog {transform: translateY(var(--l))} .modal-dialog.lg {max-width: 800px} .modal-header {padding: var(--m)} .product-figure {width: 38%} .card-grid {grid-template-columns: 50% 1fr} .card-aside {padding: var(--l)} .card-intro {margin: 0;padding: 0} .sibling-icon {width: 90px;height: 90px} .maps {border-radius: var(--m); overflow: hidden;box-shadow: 0 1px var(--l) 0 rgba(0,0,0,.15)} .md-picture-two-thirds {width: calc(62% - var(--s))} .md-caption-third {width: calc(38% - var(--s))} .md-semibold {font-weight: 600} .slider-logo {width: 250px} .h1-secondary {line-height: 1.45} .md-rounded {border-radius: var(--m)} thead.md-sticky {position: sticky;top: 0} .md-wrapper {margin: 0 auto;padding: 0} .service-card-inner {grid-template-columns: 1fr 325px} .price-list-row {grid-template-columns: auto 200px 180px} .splide__arrow {width: 30px;height: 40px}} @media (max-width:809px) { .sm-block {display: block} .logo .tyre-part {font-size: 1.35rem} .logo .on-part {font-size: 1rem} .header-menu {gap: var(--s)} .header-menu button {margin: 0;padding: 0} .header-icon {width: var(--m);height: var(--m);background-color: var(--nav-link-bg);padding: var(--s);border-radius: 50%} .main-nav {overflow: hidden} .main-nav > li > a,.main-nav > li > span {padding: var(--sm)} .hero {min-height: calc(100svh - 70px)} .sm-center {text-align: center} .sm-gap-min {gap: 1px} .sm-gap-sm {gap: var(--s)} .sm-gap {gap: var(--m)} .sm-gap-xl {gap: var(--l)} .sm-mx-gap {margin-left: var(--m);margin-right: var(--m)} .sm-mt-gap {margin-top: var(--m)} .sm-mxy-gap {margin: var(--m)} .sm-pxy-gap-sm {padding: var(--s)} .sm-pxy-gap {padding: var(--sm)} .sm-pxy-gap-xl {padding: var(--l)} .sm-px-gap-xl {padding-left: var(--l);padding-right: var(--l)} .sm-px-gap {padding-left: var(--m);padding-right: var(--m)} .sm-py-gap {padding-top: var(--m);padding-bottom: var(--m)} .sm-none {display: none} .sm-flex {display: flex} .sm-flex.sm-between,.flex.sm-between {justify-content: space-between} .flex.sm-wrap {flex-wrap: wrap} .flex.sm-center-all,.sm-flex.center-all {justify-content: center;align-items: center} .sm-end-x {align-items: flex-end} .sm-start-x {align-items: flex-start} .sm-center-x {align-items: center} .sm-flex.column,.sm-column {flex-direction: column} .sm-column.sm-reverse {flex-direction: column-reverse} .sm-order-2 {order: 2}.sm-order-3 {order: 3} .sm-gap .sm-half {width: calc(50% - var(--s))} .sm-gap-xl .sm-half {width: calc(50% - var(--m))} .sm-rounded-sm {border-radius: var(--s)} .dropdown {display: flex;flex-direction: column;gap: var(--s)} .sm-fluid,.dropdown-list {width: 100%} .dropdown-list.active {margin: 0 0 var(--xs);animation: expanding .5s linear forwards} .dropdown-toggle::after {color: #fff} .sm-responsive {width: 100%} .h1-lead {font-size: 3.5em;line-height: 1} .h1-secondary {font-size: 1.5em;line-height: 1.5} .slider-logo {width: 185px} .sm-rounded {border-radius: var(--m)} .sm-overhide {overflow: hidden} .modal {justify-content: end} .modal-dialog {border-top-left-radius: var(--sm);border-top-right-radius: var(--sm)} .modal-header {padding: var(--sm)} .nav-wrapper {position: fixed;background-color: var(--secondary-color);z-index: 6} .splide__arrow svg {width:1rem;height:1rem} .splide__arrow {width: 25px;height: 25px}} @media (min-width:630px) and (max-width:809px) { .sm-only-block {display: block} .wrapper {width: calc(100% - var(--l))} .gap .sm-only-half {width: calc(50% - var(--s))} .gap-xl .sm-only-half {width: calc(50% - var(--m))} .gap .sm-third,.gap-xl .sm-third {width: calc(33.33% - 9.9599px)} .cards {grid-template-columns: repeat(2,1fr)} .sibling-icon {width: 150px;height: 150px} .price-list-row {grid-template-columns: 2fr 1fr 1fr} .service-grid {grid-template-columns: repeat(2, 1fr)} .nav-wrapper {top: 0;right: 0;bottom:0;transition: transform .25s ease-out;transform: translateX(100%);z-index: 6;padding: 0;border-top-left-radius: var(--l);border-bottom-left-radius: var(--l)} .nav-wrapper.active {transform: translateX(0);transition: transform .25s ease-in}} @media (min-width:480px) and (max-width:809px) {.nav-wrapper {width: 414px;border-top-left-radius: var(--m);border-bottom-left-radius: var(--m);right: 0}} @media (min-width:480px) {.slider_card-figure {aspect-ratio: 4 / 3}} @media(max-width:1023px) { .control-figure {flex-direction: column;text-align: center;min-height: 81%} .footer-item {display: grid;gap: var(--m);align-self: baseline}} @media (min-width:810px) {.service-grid {grid-template-columns: repeat(3, 1fr)}} @media (min-width:810px) and (max-width:1189px) {.h1-lead {line-height: 1}.h1-secondary {font-size: 1.5rem}} @media (min-width:810px) and (max-width:1009px) {.h1-lead {font-size: 3.5rem}} @media (min-width:810px) and (max-width:1024px) {.wrapper,.nav-wrapper {width: 95%}} @media (min-width:1024px) { .footer-item {display: flex;gap: var(--l);align-items: center}} @media (min-width:1010px) and (max-width:1189px) {.h1-lead {font-size: 4em}} @media (min-width:1190px) and (max-width:1399px) {.h1-secondary {font-size: 2em;line-height: 1.45}} @media (min-width:1190px) {.h1-lead {font-size: 4em;line-height: 1.1}} @media (max-width:1280px) {.logo img {width: 24px}.except-lg-responsive {overflow-x: auto}} @media (min-width:1025px) and (max-width:1280px) {.wrapper,.nav-wrapper,.hero-wrapper.lg {width: 1000px}} @media (min-width:1281px) {body {font-size: 16px}.logo img {width: 42px}thead.lg-sticky {position: sticky;top: 0;box-shadow: 0 1px 15px 0 rgba(0,0,0,.15)}.wrapper,.nav-wrapper,.hero-wrapper.lg {width: 1050px}} @media (min-width:1400px) { .h1-secondary {font-size: 2.25rem;line-height: 1.5} .has-aside {grid-template-columns: 1fr 320px}} @media (hover:hover) { .top-bar-trigger:hover {color: var(--blue)} .top-bar-trigger:hover svg,.top-bar-social-link:hover svg {fill: var(--blue)} .control-span:not(:checked):hover {color: var(--orange);border-color: var(--orange)} .control-radio:checked ~ .control-span:hover {border-color: var(--green);color: var(--green);cursor: default} .dropdown-list li a:hover {background-color: var(--blue);color: #fff} .more-trigger.default:hover {color: var(--green)} .card-link:hover {box-shadow: 0 1px var(--m) 0 rgba(0,0,0,.15)} .spl-page~div{cursor:pointer;transition:opacity .2s ease}.spl-next:hover,.spl-page~div:hover,.spl-prev:hover{opacity:1} .spl-footer:hover,.spl-header:hover{transform:translateY(0)} .splide__arrow:hover {background-color: var(--orange)} .splide__pagination__page:not(.is-active):hover {opacity: 1} .splide__pagination__page.is-active:hover {opacity:1;cursor: default}}