@charset "UTF-8";
:root {
  --font-size: 15px;
}

@media only screen and (min-width: 2561px) {
  :root {
    --font-size: 25px;
  }
}
html {
  font-size: var(--font-size);
}

@media only screen and (min-width: 361px) and (max-width: 400px) {
  :root {
    --font-size: 14.61px;
  }
}
@media only screen and (min-width: 401px) and (max-width: 480px) {
  :root {
    --font-size: 15.46px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 540px) {
  :root {
    --font-size: 16.09px;
  }
}
@media only screen and (min-width: 541px) and (max-width: 600px) {
  :root {
    --font-size: 16.73px;
  }
}
@media only screen and (min-width: 601px) and (max-width: 720px) {
  :root {
    --font-size: 18px;
  }
}
@media only screen and (min-width: 721px) and (max-width: 768px) {
  :root {
    --font-size: 17.56px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 800px) {
  :root {
    --font-size: 17.86px;
  }
}
@media only screen and (min-width: 801px) and (max-width: 900px) {
  :root {
    --font-size: 18.82px;
  }
}
@media only screen and (min-width: 901px) and (max-width: 960px) {
  :root {
    --font-size: 19.39px;
  }
}
@media only screen and (min-width: 961px) and (max-width: 1024px) {
  :root {
    --font-size: 20px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  :root {
    --font-size: 15.89px;
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1366px) {
  :root {
    --font-size: 16.45px;
  }
}
@media only screen and (min-width: 1367px) and (max-width: 1440px) {
  :root {
    --font-size: 16.92px;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1600px) {
  :root {
    --font-size: 17.95px;
  }
}
@media only screen and (min-width: 1601px) and (max-width: 1920px) {
  :root {
    --font-size: 20px;
  }
}
@media only screen and (min-width: 1921px) and (max-width: 2048px) {
  :root {
    --font-size: 20.82px;
  }
}
@media only screen and (min-width: 2049px) and (max-width: 2560px) {
  :root {
    --font-size: 24.11px;
  }
}
:root {
  --color-primary: #000;
  --color-secondary: #00a597;
  --color-link: #00a597;
  --color-bg: #f4f4f4;
  --color-check: #dd0000;
  --color-error: #dd0000;
  --color-light-gray: #eaeaea;
  --color-gray: #757575;
  --color-dark-gray: #444;
  --color-light-text: var(--color-dark-gray);
  --color-extralight-text: var(--color-gray);
  --outline-focus-color: #005fcc;
  --color-backdrop: var(--color-primary);
}

:root {
  --box-shadow: 0px 0.7rem 0.7rem rgba(0, 0, 0, 0.3);
  --box-radius: 0;
}

.layout {
  --font-family: "Arial";
  --font-color: #000;
  --font-size: 0.8rem;
  --font-line-height: 1.5;
  --font-weight: 400;
  --strong-font-weight: 500;
  --bold-font-weight: 600;
  --layout-header-bg: #FFF;
  --layout-header-text-color: #1b1d26;
  --layout-header-height: 5rem;
  --layout-breadcrumbs-bg: #1b1d26;
  --layout-breadcrumbs-text-color: #fff;
  --btn-border-radius: var(--box-radius);
  --btn-font-weight: 500;
  --btn-font-size: 0.9rem;
  --btn-text-transform: none;
  --form-control-border-radius: 5px;
  --form-control-border-color: #cecece;
  --form-control-border-color_hover: #a9a9a9;
  --form-control-border-color_focus: #595959;
  --form-control-font-weight: 400;
  --form-control-font-size: 0.9rem;
  --form-control-padding-x: 1.5em;
  --site-margin: 1rem;
  --site-margins: calc(var(--site-margin) * 2);
  --container-width: min(var(--container), 100% - (2 * var(--site-margin)));
  --h1-font-size: 2.1rem;
  --h2-font-size: 1.6rem;
  --h3-font-size: 1.3rem;
}
@media (max-width: 720px) {
  .layout {
    --container: 100%;
    --site-margin: 1rem;
    --layout-header-height: 4rem;
  }
}
@media (min-width: 721px) and (max-width: 1024px) {
  .layout {
    --container: 100%;
    --site-margin: 2rem;
  }
}
@media (min-width: 1025px) {
  .layout {
    --container: 60rem;
  }
}

.site__content {
  --o-bx-height: 9.5rem;
  --o-bx-inner-padding: 1rem;
  --o-bx-gap: 7px;
  --obx-image-ratio: 16/9;
}
@media (max-width: 720px) {
  .site__content {
    --o-bx-height: auto;
  }
}
@media (max-width: 540px) {
  .site__content {
    --o-bx-gap: 15px;
  }
}

@font-face {
  font-family: "ToyotaType";
  src: url("../fonts/ToyotaType/ToyotaType-400-GKBXXGf.woff2") format("woff2"), url("../fonts/ToyotaType/ToyotaType-400-VqrCWs6.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ToyotaType";
  src: url("../fonts/ToyotaType/ToyotaType-500-jQnlTm1.woff2") format("woff2"), url("../fonts/ToyotaType/ToyotaType-500-Lhd5vQz.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ToyotaType";
  src: url("../fonts/ToyotaType/ToyotaType-600--p2Mgzw.woff2") format("woff2"), url("../fonts/ToyotaType/ToyotaType-600-qT3FOpU.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IconsWeb";
  src: url("../fonts/IconsWeb/IconsWeb-mcTwHOX.woff2") format("woff2"), url("../fonts/IconsWeb/IconsWeb-SktnOTR.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  --color-primary: #ea002a;
  --color-secondary: #1b1d26;
  --color-link: #ea002a;
  --color-light-text: #46464e;
  --color-extralight-text: #6e6e74;
  --color-backdrop: rgba(27, 29, 38, 0.975);
  --color-hybrid: #017ea7;
  --color-electric: #00852f;
  --color-kinto: #00708d;
}

:root {
  --box-shadow: 0px 0.5rem 0.5rem rgba(0, 0, 0, 0.1);
  --box-radius: 5px;
}

.layout {
  --layout-header-logo: 0.35;
  --font-color: #282830;
  --font-family: "ToyotaType";
  --btn-text-transform: translateY(-0.1em);
  --layout-breadcrumbs-bg: var(var(--color-secondary));
  --form-control-border-color: #bbb;
  --form-control-border-color_hover: #a6aabb;
  --form-control-border-color_focus: #1e2235;
}
.layout .btn--primary {
  --btn-text-color: #FFF;
  --btn-bg-color: #ea002a;
  --btn-border-width: 0px;
  --btn-border-style: solid;
  --btn-border-color: transparent;
}
.layout .btn--primary:hover {
  --btn-bg-color: #ff0d39;
}
.layout .btn--primary:active {
  --btn-bg-color: #d60027;
}
.layout .btn--secondary {
  --btn-text-color: #FFF;
  --btn-bg-color: #1b1d26;
  --btn-border-width: 0px;
  --btn-border-style: solid;
  --btn-border-color: transparent;
}
.layout .btn--secondary:hover {
  --btn-bg-color: #2a2d39;
}
.layout .btn--secondary:active {
  --btn-bg-color: #0d0e12;
}
.layout .btn--hybrid {
  --btn-text-color: #FFF;
  --btn-bg-color: #00a6dc;
  --btn-border-width: 0px;
  --btn-border-style: solid;
  --btn-border-color: transparent;
}
.layout .btn--hybrid:hover {
  --btn-bg-color: #06b4ee;
}
.layout .btn--hybrid:active {
  --btn-bg-color: #0094c6;
}
.layout .btn--white {
  --btn-text-color: #1b1d26;
  --btn-bg-color: #FFF;
  --btn-border-width: 0px;
  --btn-border-style: solid;
  --btn-border-color: transparent;
}
.layout .btn--white:hover {
  --btn-text-color: #FFF;
  --btn-bg-color: #ea002a;
}
.layout .btn--white:active {
  --btn-text-color: #FFF;
  --btn-bg-color: #ff0d39;
}
.layout .color-hybrid {
  color: var(--color-hybrid) !important;
}
.layout .color-kinto {
  color: var(--color-kinto) !important;
}
.layout .color-electric {
  color: var(--color-electric) !important;
}
.layout .btn--link:hover span:after,
.layout .btn--link:hover strong:after {
  background-color: #2a2d39;
  width: 100%;
}
.layout .btn--link:hover i {
  color: #ff0d39;
}
.layout .tag {
  padding-bottom: 1px;
}
.layout .tag--kinto {
  color: #FFF;
  background: var(--color-kinto);
}

.layout {
  text-align: left;
  font-family: var(--font-family);
  color: var(--font-color);
  font-size: calc(var(--font-size) * var(--font-scale, 1));
  line-height: var(--font-line-height);
  font-weight: var(--font-weight);
}

a,
p,
b,
span,
small,
samp,
strong,
input,
textarea,
button,
optgroup,
select,
address,
th,
td,
li,
dt,
dd,
label {
  font-size: calc(var(--font-size) * var(--font-scale, 1));
  font-family: var(--font-family);
}

small {
  font-size: calc(0.7em * var(--font-scale, 1));
}

b {
  font-weight: var(--bold-font-weight);
}

strong {
  font-weight: var(--strong-font-weight);
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

span > a,
p > a,
samp > a,
strong > a,
th > a,
td > a,
ol > a,
li > a,
dt > a,
dd > a,
small > a,
strong > span,
samp > span,
p > span,
a > span,
th > span,
td > span,
ol > span,
li > span,
dt > span,
dd > span,
small > span,
button > span,
span > strong,
samp > strong,
p > strong,
a > strong,
th > strong,
td > strong,
ol > strong,
li > strong,
dt > strong,
dd > strong,
small > strong,
button > strong {
  font-size: calc(1em * var(--font-scale, 1));
  color: inherit;
}

strong > a,
strong > span,
strong > samp,
strong > small {
  font-weight: inherit;
}

dl,
dd,
ol,
ul,
li {
  margin: 0;
}

ol,
ul {
  padding-left: 0.9rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

.styled-link {
  position: relative;
  display: inline-block;
  cursor: pointer;
  background: transparent;
  border: none;
  color: var(--font-color);
  padding: 0;
}
.styled-link:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid var(--font-color);
  opacity: 0.2;
}
.styled-link.styled-link--transparent:before {
  content: none;
}
.styled-link:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 1px;
  border-bottom: 1px solid var(--color-link);
  transition: 0.2s all ease;
}
.styled-link:hover:after {
  left: 0;
  width: 100%;
}
.styled-link.loading {
  color: transparent;
  background-size: 1em;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/loading-buffer_gray-19rLNaA.gif");
}

.styled-list {
  list-style: none;
  margin-left: 0;
  padding: 0;
}
.styled-list li {
  position: relative;
  margin-block: 0.3em;
  padding-left: 1.5em;
}
.styled-list li:before {
  content: "\ec3e";
  font-family: "IconsWeb";
  position: absolute;
  left: 0;
  top: 0.5em;
  font-size: 0.7em;
}
.styled-list--check li:before {
  content: "\ec36";
}
.styled-list--cross li:before {
  content: "\ec2c";
}

h1,
.h1 {
  font-size: calc(var(--h1-font-size) * var(--font-scale, 1));
  font-weight: var(--bold-font-weight);
  margin: 0 0 0.8em 0;
  padding: 0;
  position: relative;
}
h1 span,
h1 strong,
.h1 span,
.h1 strong {
  font-size: inherit;
  font-weight: inherit;
}

h2,
.h2 {
  font-size: calc(var(--h2-font-size) * var(--font-scale, 1));
  font-weight: var(--strong-font-weight);
  margin: 0 0 0.8em 0;
  padding: 0;
  position: relative;
}
h2 span,
h2 strong,
.h2 span,
.h2 strong {
  font-size: inherit;
  font-weight: inherit;
}

h3,
.h3 {
  font-size: calc(var(--h3-font-size) * var(--font-scale, 1));
  font-weight: var(--strong-font-weight);
  margin: 0 0 0.8em 0;
  padding: 0;
  position: relative;
}
h3 span,
h3 strong,
.h3 span,
.h3 strong {
  font-size: inherit;
  font-weight: inherit;
}

.break-anywhere {
  line-break: anywhere;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.color-primary {
  color: var(--color-primary) !important;
}

.color-secondary {
  color: var(--color-secondary) !important;
}

[class*=w-icon-] {
  font-family: "IconsWeb", sans-serif !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class*=w-icon-]:before {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-align: inherit;
  display: inline-block;
  content: "◌";
}

i.w-icon-3d-glasses:before {
  content: "\e9f6";
}

i.w-icon-3d-rotate:before {
  content: "\eb77";
}

i.w-icon-8ball:before {
  content: "\eb6d";
}

i.w-icon-abacus:before {
  content: "\ea6a";
}

i.w-icon-accessibility:before {
  content: "\eb7b";
}

i.w-icon-aim:before {
  content: "\e930";
}

i.w-icon-alarm:before {
  content: "\ebac";
}

i.w-icon-alarm2:before {
  content: "\ebec";
}

i.w-icon-alarm-add:before {
  content: "\ebad";
}

i.w-icon-alarm-add2:before {
  content: "\ebed";
}

i.w-icon-alarm-check:before {
  content: "\ebef";
}

i.w-icon-alarm-error:before {
  content: "\ebf0";
}

i.w-icon-alarm-remove:before {
  content: "\ebee";
}

i.w-icon-alarm-ringing:before {
  content: "\ebaf";
}

i.w-icon-alarm-snooze:before {
  content: "\ebae";
}

i.w-icon-album:before {
  content: "\e9ed";
}

i.w-icon-align-bottom:before {
  content: "\ec8b";
}

i.w-icon-align-center-horizontal:before {
  content: "\ec8d";
}

i.w-icon-align-center-vertical:before {
  content: "\ec89";
}

i.w-icon-align-left:before {
  content: "\ec8c";
}

i.w-icon-align-right:before {
  content: "\ec8a";
}

i.w-icon-align-top:before {
  content: "\ec8e";
}

i.w-icon-ambulance:before {
  content: "\eb58";
}

i.w-icon-anchor:before {
  content: "\eb5f";
}

i.w-icon-angle:before {
  content: "\ec83";
}

i.w-icon-angle2:before {
  content: "\ec84";
}

i.w-icon-annoyed:before {
  content: "\eb9c";
}

i.w-icon-antenna:before {
  content: "\ebca";
}

i.w-icon-apartment:before {
  content: "\e90c";
}

i.w-icon-apple:before {
  content: "\eb2e";
}

i.w-icon-archery:before {
  content: "\eb72";
}

i.w-icon-archive:before {
  content: "\e9a2";
}

i.w-icon-archive2:before {
  content: "\e9a3";
}

i.w-icon-arrow-divert:before {
  content: "\ec4a";
}

i.w-icon-arrow-down:before {
  content: "\ec44";
}

i.w-icon-arrow-down-circle:before {
  content: "\ec61";
}

i.w-icon-arrow-down-square:before {
  content: "\ec94";
}

i.w-icon-arrow-left:before {
  content: "\ec45";
}

i.w-icon-arrow-left-circle:before {
  content: "\ec62";
}

i.w-icon-arrow-left-square:before {
  content: "\ec95";
}

i.w-icon-arrow-return:before {
  content: "\ec4b";
}

i.w-icon-arrow-right:before {
  content: "\ec46";
}

i.w-icon-arrow-right-circle:before {
  content: "\ec63";
}

i.w-icon-arrow-right-square:before {
  content: "\ec96";
}

i.w-icon-arrows-merge:before {
  content: "\ec48";
}

i.w-icon-arrows-split:before {
  content: "\ec49";
}

i.w-icon-arrow-up:before {
  content: "\ec43";
}

i.w-icon-arrow-up-circle:before {
  content: "\ec60";
}

i.w-icon-arrow-up-right:before {
  content: "\ec47";
}

i.w-icon-arrow-up-square:before {
  content: "\ec93";
}

i.w-icon-arrow-wave:before {
  content: "\ec52";
}

i.w-icon-aspect-ratio:before {
  content: "\ea9b";
}

i.w-icon-at-sign:before {
  content: "\e997";
}

i.w-icon-audio-book:before {
  content: "\ea15";
}

i.w-icon-axe:before {
  content: "\e979";
}

i.w-icon-axe2:before {
  content: "\e97a";
}

i.w-icon-baby:before {
  content: "\ea2b";
}

i.w-icon-baby2:before {
  content: "\ea2c";
}

i.w-icon-baby3:before {
  content: "\ea2d";
}

i.w-icon-baby-bottle:before {
  content: "\ea2e";
}

i.w-icon-backward-circle:before {
  content: "\ec68";
}

i.w-icon-bag:before {
  content: "\ea4d";
}

i.w-icon-bag2:before {
  content: "\ea4e";
}

i.w-icon-bag-dollar:before {
  content: "\ea60";
}

i.w-icon-bag-euro:before {
  content: "\ea61";
}

i.w-icon-bag-pound:before {
  content: "\ea62";
}

i.w-icon-bag-yen:before {
  content: "\ea63";
}

i.w-icon-balance:before {
  content: "\eb3b";
}

i.w-icon-balloon:before {
  content: "\eb02";
}

i.w-icon-bandage:before {
  content: "\eaf0";
}

i.w-icon-bandages:before {
  content: "\eaf1";
}

i.w-icon-barcode:before {
  content: "\ea49";
}

i.w-icon-barcode2:before {
  content: "\ea4a";
}

i.w-icon-barcode3:before {
  content: "\ea4b";
}

i.w-icon-baseball:before {
  content: "\eb68";
}

i.w-icon-baseball-bat:before {
  content: "\eb67";
}

i.w-icon-basketball:before {
  content: "\eb75";
}

i.w-icon-bathtub:before {
  content: "\e906";
}

i.w-icon-battery-alert:before {
  content: "\eac5";
}

i.w-icon-battery-charging:before {
  content: "\eace";
}

i.w-icon-battery-charging2:before {
  content: "\eacf";
}

i.w-icon-battery-charging3:before {
  content: "\ead0";
}

i.w-icon-battery-charging4:before {
  content: "\ead1";
}

i.w-icon-battery-charging5:before {
  content: "\ead2";
}

i.w-icon-battery-charging6:before {
  content: "\ead3";
}

i.w-icon-battery-charging7:before {
  content: "\ead4";
}

i.w-icon-battery-empty:before {
  content: "\eac4";
}

i.w-icon-battery-error:before {
  content: "\eac6";
}

i.w-icon-battery-full:before {
  content: "\eacd";
}

i.w-icon-battery-low1:before {
  content: "\eac7";
}

i.w-icon-battery-low2:before {
  content: "\eac8";
}

i.w-icon-battery-low3:before {
  content: "\eac9";
}

i.w-icon-battery-mid1:before {
  content: "\eaca";
}

i.w-icon-battery-mid2:before {
  content: "\eacb";
}

i.w-icon-battery-mid3:before {
  content: "\eacc";
}

i.w-icon-battery-power:before {
  content: "\eac3";
}

i.w-icon-beaker:before {
  content: "\eaf5";
}

i.w-icon-bed:before {
  content: "\e908";
}

i.w-icon-bench-press:before {
  content: "\eb64";
}

i.w-icon-bicycle:before {
  content: "\eb61";
}

i.w-icon-bicycle2:before {
  content: "\eb62";
}

i.w-icon-binoculars:before {
  content: "\e9ab";
}

i.w-icon-binoculars2:before {
  content: "\e9ac";
}

i.w-icon-blog:before {
  content: "\e91c";
}

i.w-icon-boat:before {
  content: "\eb60";
}

i.w-icon-bold:before {
  content: "\eca5";
}

i.w-icon-bone:before {
  content: "\eaf7";
}

i.w-icon-book:before {
  content: "\ea14";
}

i.w-icon-book2:before {
  content: "\ea16";
}

i.w-icon-bookmark:before {
  content: "\ea17";
}

i.w-icon-bookmark2:before {
  content: "\ea18";
}

i.w-icon-border-all:before {
  content: "\ece1";
}

i.w-icon-border-bottom:before {
  content: "\ece6";
}

i.w-icon-border-horizontal:before {
  content: "\ece5";
}

i.w-icon-border-inner:before {
  content: "\ece3";
}

i.w-icon-border-left:before {
  content: "\ece7";
}

i.w-icon-border-none:before {
  content: "\ecea";
}

i.w-icon-border-outer:before {
  content: "\ece2";
}

i.w-icon-border-right:before {
  content: "\ece9";
}

i.w-icon-border-style:before {
  content: "\ece0";
}

i.w-icon-border-top:before {
  content: "\ece4";
}

i.w-icon-border-vertical:before {
  content: "\ece8";
}

i.w-icon-bottle:before {
  content: "\e932";
}

i.w-icon-bottle2:before {
  content: "\eb10";
}

i.w-icon-bowling:before {
  content: "\eb6e";
}

i.w-icon-bowling-pins:before {
  content: "\eb6f";
}

i.w-icon-bow-tie:before {
  content: "\ea3a";
}

i.w-icon-box:before {
  content: "\e9a1";
}

i.w-icon-brain:before {
  content: "\eaf4";
}

i.w-icon-bread:before {
  content: "\eb24";
}

i.w-icon-briefcase:before {
  content: "\eb3c";
}

i.w-icon-broadcast:before {
  content: "\ebc9";
}

i.w-icon-broom:before {
  content: "\e983";
}

i.w-icon-brush:before {
  content: "\e91d";
}

i.w-icon-brush2:before {
  content: "\e91e";
}

i.w-icon-bubble:before {
  content: "\ead8";
}

i.w-icon-bubble-alert:before {
  content: "\eadb";
}

i.w-icon-bubble-attachment:before {
  content: "\eae5";
}

i.w-icon-bubble-dots:before {
  content: "\eada";
}

i.w-icon-bubble-emoticon:before {
  content: "\eae4";
}

i.w-icon-bubble-heart:before {
  content: "\eae3";
}

i.w-icon-bubble-pencil:before {
  content: "\eade";
}

i.w-icon-bubble-picture:before {
  content: "\eadf";
}

i.w-icon-bubble-question:before {
  content: "\eadc";
}

i.w-icon-bubble-quote:before {
  content: "\eae2";
}

i.w-icon-bubbles:before {
  content: "\ead9";
}

i.w-icon-bubbles-es:before {
  content: "\ecf7";
}

i.w-icon-bubbles-hola:before {
  content: "\ecf6";
}

i.w-icon-bubble-text:before {
  content: "\eadd";
}

i.w-icon-bubble-user:before {
  content: "\eae1";
}

i.w-icon-bubble-video:before {
  content: "\eae0";
}

i.w-icon-bucket:before {
  content: "\e928";
}

i.w-icon-bug:before {
  content: "\ec0c";
}

i.w-icon-bullhorn:before {
  content: "\ebb0";
}

i.w-icon-bus:before {
  content: "\eb4f";
}

i.w-icon-bus2:before {
  content: "\eb50";
}

i.w-icon-button:before {
  content: "\ea39";
}

i.w-icon-cable:before {
  content: "\eab5";
}

i.w-icon-cable2:before {
  content: "\eab6";
}

i.w-icon-cactus:before {
  content: "\eb33";
}

i.w-icon-cake:before {
  content: "\eb00";
}

i.w-icon-calculator:before {
  content: "\ea68";
}

i.w-icon-calculator2:before {
  content: "\ea69";
}

i.w-icon-calendar-31:before {
  content: "\ea8a";
}

i.w-icon-calendar-check:before {
  content: "\ea88";
}

i.w-icon-calendar-cross:before {
  content: "\ea89";
}

i.w-icon-calendar-empty:before {
  content: "\ea87";
}

i.w-icon-calendar-full:before {
  content: "\ea8b";
}

i.w-icon-calendar-insert:before {
  content: "\ea8c";
}

i.w-icon-calendar-text:before {
  content: "\ea8d";
}

i.w-icon-calendar-user:before {
  content: "\ea8e";
}

i.w-icon-camera:before {
  content: "\ea01";
}

i.w-icon-camera2:before {
  content: "\ea06";
}

i.w-icon-camera-crossed:before {
  content: "\ea02";
}

i.w-icon-camera-flip:before {
  content: "\ea07";
}

i.w-icon-camera-play:before {
  content: "\ea03";
}

i.w-icon-candy:before {
  content: "\eb27";
}

i.w-icon-car:before {
  content: "\eb4c";
}

i.w-icon-car2:before {
  content: "\eb51";
  transform: translateY(-15%);
  scale: 1.1;
}

i.w-icon-car-battery:before {
  content: "\eb48";
}

i.w-icon-car-lock:before {
  content: "\eb53";
}

i.w-icon-carrot:before {
  content: "\eb22";
}

i.w-icon-car-siren:before {
  content: "\eb55";
}

i.w-icon-cart:before {
  content: "\ea4f";
}

i.w-icon-cart-add:before {
  content: "\ea54";
}

i.w-icon-cart-empty:before {
  content: "\ea50";
}

i.w-icon-cart-exchange:before {
  content: "\ea56";
}

i.w-icon-cart-full:before {
  content: "\ea51";
}

i.w-icon-cart-plus:before {
  content: "\ea52";
}

i.w-icon-cart-plus2:before {
  content: "\ea53";
}

i.w-icon-cart-remove:before {
  content: "\ea55";
}

i.w-icon-car-wash:before {
  content: "\eb4d";
}

i.w-icon-car-wash2:before {
  content: "\eb4e";
}

i.w-icon-car-wash3:before {
  content: "\eb56";
}

i.w-icon-car-wash4:before {
  content: "\eb57";
}

i.w-icon-cash-dollar:before {
  content: "\ea5c";
}

i.w-icon-cash-euro:before {
  content: "\ea5d";
}

i.w-icon-cashier:before {
  content: "\ea4c";
}

i.w-icon-cash-pound:before {
  content: "\ea5e";
}

i.w-icon-cash-yen:before {
  content: "\ea5f";
}

i.w-icon-chair:before {
  content: "\e90a";
}

i.w-icon-chart-bars:before {
  content: "\eafe";
}

i.w-icon-chart-growth:before {
  content: "\eafd";
}

i.w-icon-chart-settings:before {
  content: "\eaff";
}

i.w-icon-check:before {
  content: "\ec36";
}

i.w-icon-checkmark-circle:before {
  content: "\ec5b";
}

i.w-icon-check-square:before {
  content: "\ec9b";
}

i.w-icon-cheese:before {
  content: "\eb23";
}

i.w-icon-chef:before {
  content: "\eb15";
}

i.w-icon-cherry:before {
  content: "\eb2b";
}

i.w-icon-chevron-down:before {
  content: "\ec3c";
}

i.w-icon-chevron-down-circle:before {
  content: "\ec65";
}

i.w-icon-chevron-down-square:before {
  content: "\ec98";
}

i.w-icon-chevron-left:before {
  content: "\ec3d";
}

i.w-icon-chevron-left-circle:before {
  content: "\ec66";
}

i.w-icon-chevron-left-square:before {
  content: "\ec99";
}

i.w-icon-chevron-right:before {
  content: "\ec3e";
}

i.w-icon-chevron-right-circle:before {
  content: "\ec67";
}

i.w-icon-chevron-right-square:before {
  content: "\ec9a";
}

i.w-icon-chevrons-contract-horizontal:before {
  content: "\ec42";
}

i.w-icon-chevrons-contract-vertical:before {
  content: "\ec41";
}

i.w-icon-chevrons-expand-horizontal:before {
  content: "\ec40";
}

i.w-icon-chevrons-expand-vertical:before {
  content: "\ec3f";
}

i.w-icon-chevron-up:before {
  content: "\ec3b";
}

i.w-icon-chevron-up-circle:before {
  content: "\ec64";
}

i.w-icon-chevron-up-square:before {
  content: "\ec97";
}

i.w-icon-chicken:before {
  content: "\eb20";
}

i.w-icon-chip:before {
  content: "\ead5";
}

i.w-icon-chip-x64:before {
  content: "\ead6";
}

i.w-icon-chip-x86:before {
  content: "\ead7";
}

i.w-icon-christmas:before {
  content: "\eba7";
}

i.w-icon-circle:before {
  content: "\ec9f";
}

i.w-icon-circle-minus:before {
  content: "\ec5e";
}

i.w-icon-citrus:before {
  content: "\eb2d";
}

i.w-icon-city:before {
  content: "\e90b";
}

i.w-icon-clapboard-play:before {
  content: "\e9fb";
}

i.w-icon-cli:before {
  content: "\ec0b";
}

i.w-icon-clipboard-alert:before {
  content: "\e9d1";
}

i.w-icon-clipboard-check:before {
  content: "\e9ce";
}

i.w-icon-clipboard-down:before {
  content: "\e9cf";
}

i.w-icon-clipboard-empty:before {
  content: "\e9cb";
}

i.w-icon-clipboard-left:before {
  content: "\e9d0";
}

i.w-icon-clipboard-pencil:before {
  content: "\e9cc";
}

i.w-icon-clipboard-text:before {
  content: "\e9cd";
}

i.w-icon-clipboard-user:before {
  content: "\e9d2";
}

i.w-icon-clock:before {
  content: "\ebe8";
}

i.w-icon-clock2:before {
  content: "\ebe9";
}

i.w-icon-clock3:before {
  content: "\ebea";
}

i.w-icon-cloud:before {
  content: "\e94a";
}

i.w-icon-cloud-alert:before {
  content: "\e958";
}

i.w-icon-cloud-check:before {
  content: "\e959";
}

i.w-icon-cloud-cross:before {
  content: "\e95a";
}

i.w-icon-cloud-crossed:before {
  content: "\e95b";
}

i.w-icon-cloud-database:before {
  content: "\e95c";
}

i.w-icon-cloud-download:before {
  content: "\e94c";
}

i.w-icon-cloud-fog:before {
  content: "\e952";
}

i.w-icon-cloud-gear:before {
  content: "\e957";
}

i.w-icon-cloud-hailstones:before {
  content: "\e94e";
}

i.w-icon-cloud-lightning:before {
  content: "\e954";
}

i.w-icon-cloud-lock:before {
  content: "\e956";
}

i.w-icon-cloud-rain:before {
  content: "\e94d";
}

i.w-icon-cloud-snow:before {
  content: "\e94f";
}

i.w-icon-cloud-sun:before {
  content: "\e953";
}

i.w-icon-cloud-sync:before {
  content: "\e955";
}

i.w-icon-cloud-upload:before {
  content: "\e94b";
}

i.w-icon-cloud-windy:before {
  content: "\e950";
}

i.w-icon-clubs:before {
  content: "\e98a";
}

i.w-icon-code:before {
  content: "\ec0d";
}

i.w-icon-coffee-bean:before {
  content: "\eb29";
}

i.w-icon-coffee-cup:before {
  content: "\eb2a";
}

i.w-icon-cog:before {
  content: "\e972";
}

i.w-icon-cog2:before {
  content: "\e973";
}

i.w-icon-coin-dollar:before {
  content: "\ea64";
}

i.w-icon-coin-euro:before {
  content: "\ea65";
}

i.w-icon-coin-pound:before {
  content: "\ea66";
}

i.w-icon-coin-yen:before {
  content: "\ea67";
}

i.w-icon-color-sampler:before {
  content: "\e927";
}

i.w-icon-combine:before {
  content: "\ec86";
}

i.w-icon-communication:before {
  content: "\ebc7";
}

i.w-icon-communication-crossed:before {
  content: "\ebc8";
}

i.w-icon-compare:before {
  content: "\e9bb";
}

i.w-icon-compass:before {
  content: "\e92f";
}

i.w-icon-compass2:before {
  content: "\ea82";
}

i.w-icon-concave:before {
  content: "\ea0f";
}

i.w-icon-confused:before {
  content: "\eb9e";
}

i.w-icon-construction:before {
  content: "\eaf8";
}

i.w-icon-construction-cone:before {
  content: "\eaf9";
}

i.w-icon-contacts:before {
  content: "\ea1c";
}

i.w-icon-contract:before {
  content: "\ec4d";
}

i.w-icon-contract2:before {
  content: "\ec4f";
}

i.w-icon-contract3:before {
  content: "\ec55";
}

i.w-icon-contrast:before {
  content: "\e945";
}

i.w-icon-convex:before {
  content: "\ea0e";
}

i.w-icon-cookie:before {
  content: "\ecf9";
}

i.w-icon-cool:before {
  content: "\eb97";
}

i.w-icon-coolant-temperature:before {
  content: "\eb47";
}

i.w-icon-copy:before {
  content: "\e9ba";
}

i.w-icon-cord:before {
  content: "\eac1";
}

i.w-icon-couch:before {
  content: "\e909";
}

i.w-icon-credit-card:before {
  content: "\ea5b";
}

i.w-icon-crop:before {
  content: "\ec72";
}

i.w-icon-cross:before {
  content: "\ec2c";
}

i.w-icon-cross2:before {
  content: "\ec37";
}

i.w-icon-cross-circle:before {
  content: "\ec5c";
}

i.w-icon-cross-square:before {
  content: "\ec9c";
}

i.w-icon-crown:before {
  content: "\eb06";
}

i.w-icon-cube:before {
  content: "\eb76";
}

i.w-icon-dagger:before {
  content: "\e93b";
}

i.w-icon-database:before {
  content: "\e95d";
}

i.w-icon-database-add:before {
  content: "\e95e";
}

i.w-icon-database-check:before {
  content: "\e962";
}

i.w-icon-database-download:before {
  content: "\e965";
}

i.w-icon-database-history:before {
  content: "\e963";
}

i.w-icon-database-lock:before {
  content: "\e960";
}

i.w-icon-database-refresh:before {
  content: "\e961";
}

i.w-icon-database-remove:before {
  content: "\e95f";
}

i.w-icon-database-upload:before {
  content: "\e964";
}

i.w-icon-delete:before {
  content: "\ea96";
}

i.w-icon-desk-tape:before {
  content: "\e923";
}

i.w-icon-desktop:before {
  content: "\eab1";
}

i.w-icon-dial:before {
  content: "\ea78";
}

i.w-icon-diamond:before {
  content: "\eb08";
}

i.w-icon-diamond2:before {
  content: "\eb09";
}

i.w-icon-diamond3:before {
  content: "\eb0a";
}

i.w-icon-diamond4:before {
  content: "\eb0b";
}

i.w-icon-diamonds:before {
  content: "\e989";
}

i.w-icon-dice:before {
  content: "\e987";
}

i.w-icon-dinner:before {
  content: "\eb13";
}

i.w-icon-dinner2:before {
  content: "\eb14";
}

i.w-icon-direction-ltr:before {
  content: "\ecb3";
}

i.w-icon-direction-rtl:before {
  content: "\ecb4";
}

i.w-icon-disc:before {
  content: "\e9b1";
}

i.w-icon-dna:before {
  content: "\eae9";
}

i.w-icon-document:before {
  content: "\e9da";
}

i.w-icon-document2:before {
  content: "\e9db";
}

i.w-icon-dolly:before {
  content: "\eb3e";
}

i.w-icon-download:before {
  content: "\ebf5";
}

i.w-icon-download2:before {
  content: "\ebf7";
}

i.w-icon-drawers:before {
  content: "\e9a4";
}

i.w-icon-drawers2:before {
  content: "\e9a5";
}

i.w-icon-drawers3:before {
  content: "\e9a6";
}

i.w-icon-dream:before {
  content: "\eb91";
}

i.w-icon-drop:before {
  content: "\e933";
}

i.w-icon-drop2:before {
  content: "\e935";
}

i.w-icon-drop-crossed:before {
  content: "\e934";
}

i.w-icon-dumbbell:before {
  content: "\eb63";
}

i.w-icon-earth:before {
  content: "\eb86";
}

i.w-icon-earth-lock:before {
  content: "\eb87";
}

i.w-icon-easter-egg:before {
  content: "\eba8";
}

i.w-icon-egg:before {
  content: "\eb17";
}

i.w-icon-egg2:before {
  content: "\eb18";
}

i.w-icon-eggs:before {
  content: "\eb19";
}

i.w-icon-eject-circle:before {
  content: "\ec71";
}

i.w-icon-ellipsis:before {
  content: "\eceb";
}

i.w-icon-engine:before {
  content: "\eb45";
}

i.w-icon-enter:before {
  content: "\e9d4";
}

i.w-icon-enter2:before {
  content: "\ea99";
}

i.w-icon-enter-down:before {
  content: "\ebfa";
}

i.w-icon-enter-down2:before {
  content: "\ec02";
}

i.w-icon-enter-horizontal:before {
  content: "\ec06";
}

i.w-icon-enter-left:before {
  content: "\ebfb";
}

i.w-icon-enter-left2:before {
  content: "\ec04";
}

i.w-icon-enter-right:before {
  content: "\ebfc";
}

i.w-icon-enter-right2:before {
  content: "\ec05";
}

i.w-icon-enter-up:before {
  content: "\ebf9";
}

i.w-icon-enter-up2:before {
  content: "\ec01";
}

i.w-icon-enter-vertical:before {
  content: "\ec03";
}

i.w-icon-envelope:before {
  content: "\e998";
}

i.w-icon-envelope-open:before {
  content: "\e999";
}

i.w-icon-equalizer:before {
  content: "\e9f4";
}

i.w-icon-eraser:before {
  content: "\e911";
}

i.w-icon-escape:before {
  content: "\ea98";
}

i.w-icon-evil:before {
  content: "\eb9a";
}

i.w-icon-exclamation:before {
  content: "\ec34";
}

i.w-icon-exclude:before {
  content: "\ec88";
}

i.w-icon-exit:before {
  content: "\e9d5";
}

i.w-icon-exit-down:before {
  content: "\ebfe";
}

i.w-icon-exit-down2:before {
  content: "\ec08";
}

i.w-icon-exit-left:before {
  content: "\ebff";
}

i.w-icon-exit-left2:before {
  content: "\ec09";
}

i.w-icon-exit-right:before {
  content: "\ec00";
}

i.w-icon-exit-right2:before {
  content: "\ec0a";
}

i.w-icon-exit-up:before {
  content: "\ebfd";
}

i.w-icon-exit-up2:before {
  content: "\ec07";
}

i.w-icon-expand:before {
  content: "\ec4c";
}

i.w-icon-expand2:before {
  content: "\ec4e";
}

i.w-icon-expand3:before {
  content: "\ec53";
}

i.w-icon-expand4:before {
  content: "\ec54";
}

i.w-icon-eye:before {
  content: "\e9a7";
}

i.w-icon-eye-crossed:before {
  content: "\e9a8";
}

i.w-icon-eye-dropper:before {
  content: "\e925";
}

i.w-icon-eye-minus:before {
  content: "\e9aa";
}

i.w-icon-eye-plus:before {
  content: "\e9a9";
}

i.w-icon-face-detection:before {
  content: "\ea0c";
}

i.w-icon-facebook:before {
  content: "\ecec";
}

i.w-icon-factory:before {
  content: "\e97d";
}

i.w-icon-factory2:before {
  content: "\e97e";
}

i.w-icon-fan:before {
  content: "\e944";
}

i.w-icon-feather:before {
  content: "\e914";
}

i.w-icon-feather2:before {
  content: "\e915";
}

i.w-icon-feather3:before {
  content: "\e916";
}

i.w-icon-fence:before {
  content: "\eb7e";
}

i.w-icon-file-add:before {
  content: "\e9b6";
}

i.w-icon-file-audio:before {
  content: "\ec11";
}

i.w-icon-file-charts:before {
  content: "\ec14";
}

i.w-icon-file-check:before {
  content: "\e9b7";
}

i.w-icon-file-code:before {
  content: "\ec0e";
}

i.w-icon-file-empty:before {
  content: "\e9b5";
}

i.w-icon-file-image:before {
  content: "\ec0f";
}

i.w-icon-file-lock:before {
  content: "\e9b8";
}

i.w-icon-file-preview:before {
  content: "\ec13";
}

i.w-icon-files:before {
  content: "\e9b9";
}

i.w-icon-file-search:before {
  content: "\ec25";
}

i.w-icon-file-spreadsheet:before {
  content: "\ec16";
}

i.w-icon-file-stats:before {
  content: "\ec15";
}

i.w-icon-file-video:before {
  content: "\ec12";
}

i.w-icon-file-zip:before {
  content: "\ec10";
}

i.w-icon-film:before {
  content: "\e9fd";
}

i.w-icon-film2:before {
  content: "\e9fe";
}

i.w-icon-film-play:before {
  content: "\e9fa";
}

i.w-icon-find-replace:before {
  content: "\ec26";
}

i.w-icon-fingers-crossed:before {
  content: "\ecc9";
}

i.w-icon-fingers-scroll-horizontal:before {
  content: "\eccd";
}

i.w-icon-fingers-scroll-horizontal2:before {
  content: "\ecdb";
}

i.w-icon-fingers-scroll-left:before {
  content: "\eccf";
}

i.w-icon-fingers-scroll-left2:before {
  content: "\ecdd";
}

i.w-icon-fingers-scroll-right:before {
  content: "\ecd0";
}

i.w-icon-fingers-scroll-right2:before {
  content: "\ecde";
}

i.w-icon-fingers-scroll-vertical:before {
  content: "\ecce";
}

i.w-icon-fingers-scroll-vertical2:before {
  content: "\ecdc";
}

i.w-icon-fingers-scroll-vertical3:before {
  content: "\ecdf";
}

i.w-icon-fingers-tap:before {
  content: "\ecc7";
}

i.w-icon-fingers-tap2:before {
  content: "\ecd7";
}

i.w-icon-fingers-victory:before {
  content: "\ecca";
}

i.w-icon-finger-tap:before {
  content: "\ecc6";
}

i.w-icon-finger-tap2:before {
  content: "\ecd6";
}

i.w-icon-fire:before {
  content: "\e938";
}

i.w-icon-first-aid:before {
  content: "\eaee";
}

i.w-icon-first-circle:before {
  content: "\ec69";
}

i.w-icon-fish:before {
  content: "\eb21";
}

i.w-icon-flag:before {
  content: "\e992";
}

i.w-icon-flag2:before {
  content: "\e993";
}

i.w-icon-flag3:before {
  content: "\e994";
}

i.w-icon-flare:before {
  content: "\ea0d";
}

i.w-icon-flash-auto:before {
  content: "\eabd";
}

i.w-icon-flashlight:before {
  content: "\eabf";
}

i.w-icon-flash-memory:before {
  content: "\eaa5";
}

i.w-icon-flip-flops:before {
  content: "\ea42";
}

i.w-icon-flip-horizontal:before {
  content: "\ec7f";
}

i.w-icon-flip-horizontal2:before {
  content: "\ec81";
}

i.w-icon-flip-vertical:before {
  content: "\ec80";
}

i.w-icon-flip-vertical2:before {
  content: "\ec82";
}

i.w-icon-floppy-disk:before {
  content: "\e9b0";
}

i.w-icon-focus:before {
  content: "\ec75";
}

i.w-icon-folder:before {
  content: "\e9bc";
}

i.w-icon-folder-download:before {
  content: "\e9c0";
}

i.w-icon-folder-film:before {
  content: "\e9c8";
}

i.w-icon-folder-heart:before {
  content: "\e9c3";
}

i.w-icon-folder-minus:before {
  content: "\e9bf";
}

i.w-icon-folder-music:before {
  content: "\e9c6";
}

i.w-icon-folder-picture:before {
  content: "\e9c7";
}

i.w-icon-folder-plus:before {
  content: "\e9be";
}

i.w-icon-folder-search:before {
  content: "\e9bd";
}

i.w-icon-folder-shared:before {
  content: "\e9c5";
}

i.w-icon-folder-star:before {
  content: "\e9c2";
}

i.w-icon-folder-upload:before {
  content: "\e9c1";
}

i.w-icon-folder-user:before {
  content: "\e9c4";
}

i.w-icon-football:before {
  content: "\eb66";
}

i.w-icon-footprint:before {
  content: "\eb35";
}

i.w-icon-forward-circle:before {
  content: "\ec70";
}

i.w-icon-frame-contract:before {
  content: "\ec74";
}

i.w-icon-frame-expand:before {
  content: "\ec73";
}

i.w-icon-funnel:before {
  content: "\ec7e";
}

i.w-icon-gallon:before {
  content: "\eb4a";
}

i.w-icon-game:before {
  content: "\e984";
}

i.w-icon-gamepad:before {
  content: "\e985";
}

i.w-icon-gas:before {
  content: "\eb49";
}

i.w-icon-gesture-pinch:before {
  content: "\eccc";
}

i.w-icon-gesture-pinch2:before {
  content: "\ecda";
}

i.w-icon-gesture-zoom:before {
  content: "\eccb";
}

i.w-icon-gesture-zoom2:before {
  content: "\ecd9";
}

i.w-icon-ghost:before {
  content: "\eba4";
}

i.w-icon-ghost-hipster:before {
  content: "\eba5";
}

i.w-icon-gift:before {
  content: "\eb01";
}

i.w-icon-glass:before {
  content: "\eb0f";
}

i.w-icon-glass2:before {
  content: "\eb12";
}

i.w-icon-glass-cocktail:before {
  content: "\eb11";
}

i.w-icon-glasses:before {
  content: "\eb79";
}

i.w-icon-glasses2:before {
  content: "\eb7a";
}

i.w-icon-gmaps:before {
  content: "\ecfc";
}

i.w-icon-golf:before {
  content: "\eb70";
}

i.w-icon-golf2:before {
  content: "\eb71";
}

i.w-icon-google:before {
  content: "\ecfa";
}

i.w-icon-gradient:before {
  content: "\e929";
}

i.w-icon-gradient2:before {
  content: "\e92a";
}

i.w-icon-graduation-hat:before {
  content: "\e9dc";
}

i.w-icon-grapes:before {
  content: "\eb2c";
}

i.w-icon-graph:before {
  content: "\eafc";
}

i.w-icon-grid:before {
  content: "\ec77";
}

i.w-icon-grid-crossed:before {
  content: "\ec78";
}

i.w-icon-grin:before {
  content: "\eb8d";
}

i.w-icon-grin-evil:before {
  content: "\eb99";
}

i.w-icon-group-work:before {
  content: "\ea28";
}

i.w-icon-grumpy:before {
  content: "\eba0";
}

i.w-icon-guitar:before {
  content: "\e9eb";
}

i.w-icon-gun:before {
  content: "\e931";
}

i.w-icon-haircut:before {
  content: "\ea47";
}

i.w-icon-halloween:before {
  content: "\eba6";
}

i.w-icon-hamburger:before {
  content: "\eb1c";
}

i.w-icon-hammer:before {
  content: "\e977";
}

i.w-icon-hammer2:before {
  content: "\eb3a";
}

i.w-icon-hammer-wrench:before {
  content: "\e976";
}

i.w-icon-hand:before {
  content: "\ecc1";
}

i.w-icon-hand2:before {
  content: "\ecd1";
}

i.w-icon-hand-waving:before {
  content: "\ea30";
}

i.w-icon-hanger:before {
  content: "\ea44";
}

i.w-icon-happy:before {
  content: "\eb8b";
}

i.w-icon-happy-grin:before {
  content: "\eb96";
}

i.w-icon-hat:before {
  content: "\ea3f";
}

i.w-icon-hdd:before {
  content: "\e9ad";
}

i.w-icon-hdd-down:before {
  content: "\e9ae";
}

i.w-icon-hdd-up:before {
  content: "\e9af";
}

i.w-icon-headphones:before {
  content: "\e9f1";
}

i.w-icon-headset:before {
  content: "\e9f2";
}

i.w-icon-hearing:before {
  content: "\ebb1";
}

i.w-icon-heart:before {
  content: "\e98c";
}

i.w-icon-heart-full:before {
  content: "\e98d";
}

i.w-icon-heart-pulse:before {
  content: "\eaea";
}

i.w-icon-hearts:before {
  content: "\e98b";
}

i.w-icon-height:before {
  content: "\ea36";
}

i.w-icon-helicopter:before {
  content: "\eb41";
}

i.w-icon-highlight:before {
  content: "\eca9";
}

i.w-icon-history:before {
  content: "\ebe5";
}

i.w-icon-history2:before {
  content: "\ebe6";
}

i.w-icon-hockey:before {
  content: "\eb6c";
}

i.w-icon-home:before {
  content: "\e900";
}

i.w-icon-home2:before {
  content: "\e901";
}

i.w-icon-home3:before {
  content: "\e902";
}

i.w-icon-home4:before {
  content: "\e903";
}

i.w-icon-home5:before {
  content: "\e904";
}

i.w-icon-home6:before {
  content: "\e905";
}

i.w-icon-hotdog:before {
  content: "\eb1d";
}

i.w-icon-hourglass:before {
  content: "\ebd1";
}

i.w-icon-ice-cream:before {
  content: "\eb25";
}

i.w-icon-ice-cream2:before {
  content: "\eb26";
}

i.w-icon-icons:before {
  content: "\eb80";
}

i.w-icon-icons2:before {
  content: "\eb82";
}

i.w-icon-inbox:before {
  content: "\e99e";
}

i.w-icon-inbox2:before {
  content: "\e99f";
}

i.w-icon-indent-decrease:before {
  content: "\ecb0";
}

i.w-icon-indent-increase:before {
  content: "\ecaf";
}

i.w-icon-info:before {
  content: "\eced";
}

i.w-icon-info-full:before {
  content: "\ecee";
}

i.w-icon-intersect:before {
  content: "\ec87";
}

i.w-icon-instagram:before {
  content: "\ecef";
}

i.w-icon-italic:before {
  content: "\eca6";
}

i.w-icon-joystick:before {
  content: "\e986";
}

i.w-icon-jump:before {
  content: "\ea31";
}

i.w-icon-jump2:before {
  content: "\ebd9";
}

i.w-icon-key:before {
  content: "\e96e";
}

i.w-icon-keyboard:before {
  content: "\ea93";
}

i.w-icon-keyboard-down:before {
  content: "\ea95";
}

i.w-icon-keyboard-up:before {
  content: "\ea94";
}

i.w-icon-key-hole:before {
  content: "\e96f";
}

i.w-icon-knife:before {
  content: "\e93a";
}

i.w-icon-label:before {
  content: "\ea19";
}

i.w-icon-lamp:before {
  content: "\eabe";
}

i.w-icon-lampshade:before {
  content: "\eac0";
}

i.w-icon-lan:before {
  content: "\ebb7";
}

i.w-icon-lan2:before {
  content: "\ebb8";
}

i.w-icon-landscape:before {
  content: "\eb30";
}

i.w-icon-laptop:before {
  content: "\eaaf";
}

i.w-icon-laptop-phone:before {
  content: "\eab0";
}

i.w-icon-last-circle:before {
  content: "\ec6f";
}

i.w-icon-launch:before {
  content: "\eab2";
}

i.w-icon-laundry:before {
  content: "\ea45";
}

i.w-icon-layers:before {
  content: "\ec79";
}

i.w-icon-layers-crossed:before {
  content: "\ec7a";
}

i.w-icon-leaf:before {
  content: "\eb2f";
}

i.w-icon-library:before {
  content: "\ea1a";
}

i.w-icon-library2:before {
  content: "\ea1b";
}

i.w-icon-license:before {
  content: "\e9dd";
}

i.w-icon-license2:before {
  content: "\e9de";
}

i.w-icon-lifebuoy:before {
  content: "\eaef";
}

i.w-icon-ligature:before {
  content: "\eca1";
}

i.w-icon-lighter:before {
  content: "\e939";
}

i.w-icon-linearicons:before {
  content: "\eb0c";
}

i.w-icon-line-spacing:before {
  content: "\ecae";
}

i.w-icon-link:before {
  content: "\ec17";
}

i.w-icon-link2:before {
  content: "\ec19";
}

i.w-icon-linkedin:before {
  content: "\ecfb";
}

i.w-icon-list:before {
  content: "\ec2e";
}

i.w-icon-list2:before {
  content: "\ec2f";
}

i.w-icon-list3:before {
  content: "\ec30";
}

i.w-icon-list4:before {
  content: "\ec32";
}

i.w-icon-loading:before {
  content: "\ebd2";
}

i.w-icon-loading2:before {
  content: "\ebd3";
}

i.w-icon-loading3:before {
  content: "\ebd4";
}

i.w-icon-location:before {
  content: "\ea85";
}

i.w-icon-lock:before {
  content: "\e96b";
}

i.w-icon-lollipop:before {
  content: "\eb28";
}

i.w-icon-lotus:before {
  content: "\eb07";
}

i.w-icon-loudspeaker:before {
  content: "\e9f3";
}

i.w-icon-loupe:before {
  content: "\ec29";
}

i.w-icon-loupe-zoom-in:before {
  content: "\ec2a";
}

i.w-icon-loupe-zoom-out:before {
  content: "\ec2b";
}

i.w-icon-luggage-weight:before {
  content: "\eb3d";
}

i.w-icon-mad:before {
  content: "\eb98";
}

i.w-icon-magic-wand:before {
  content: "\e92b";
}

i.w-icon-magnet:before {
  content: "\e92c";
}

i.w-icon-magnifier:before {
  content: "\ec24";
}

i.w-icon-mailbox-empty:before {
  content: "\e996";
}

i.w-icon-mailbox-full:before {
  content: "\e995";
}

i.w-icon-man:before {
  content: "\ea2a";
}

i.w-icon-man2:before {
  content: "\ea34";
}

i.w-icon-man-woman:before {
  content: "\ea35";
}

i.w-icon-map:before {
  content: "\ea83";
}

i.w-icon-map2:before {
  content: "\ea84";
}

i.w-icon-map-marker:before {
  content: "\ea7c";
}

i.w-icon-map-marker-check:before {
  content: "\ea7f";
}

i.w-icon-map-marker-crossed:before {
  content: "\ea80";
}

i.w-icon-map-marker-down:before {
  content: "\ea7e";
}

i.w-icon-map-marker-user:before {
  content: "\ea7d";
}

i.w-icon-medal-empty:before {
  content: "\e9df";
}

i.w-icon-medal-first:before {
  content: "\e9e0";
}

i.w-icon-medal-second:before {
  content: "\e9e1";
}

i.w-icon-medal-third:before {
  content: "\e9e2";
}

i.w-icon-media:before {
  content: "\e9fc";
}

i.w-icon-menu:before {
  content: "\ec2d";
}

i.w-icon-menu2:before {
  content: "\ec31";
}

i.w-icon-menu3:before {
  content: "\ec33";
}

i.w-icon-menu-circle:before {
  content: "\ec5a";
}

i.w-icon-menu-square:before {
  content: "\ec9d";
}

i.w-icon-mic:before {
  content: "\ebcd";
}

i.w-icon-mic2:before {
  content: "\ebcf";
}

i.w-icon-mic-mute:before {
  content: "\ebce";
}

i.w-icon-microscope:before {
  content: "\eaf3";
}

i.w-icon-minus:before {
  content: "\ec39";
}

i.w-icon-minus-square:before {
  content: "\ec91";
}

i.w-icon-moon:before {
  content: "\e949";
}

i.w-icon-mouse:before {
  content: "\ea8f";
}

i.w-icon-mouse-both:before {
  content: "\ea92";
}

i.w-icon-mouse-left:before {
  content: "\ea90";
}

i.w-icon-mouse-right:before {
  content: "\ea91";
}

i.w-icon-move:before {
  content: "\ec50";
}

i.w-icon-music-note:before {
  content: "\e9e6";
}

i.w-icon-music-note2:before {
  content: "\e9e7";
}

i.w-icon-music-note3:before {
  content: "\e9e8";
}

i.w-icon-mustache:before {
  content: "\eba1";
}

i.w-icon-mustache2:before {
  content: "\eba9";
}

i.w-icon-mustache-glasses:before {
  content: "\ebaa";
}

i.w-icon-mute:before {
  content: "\ebb6";
}

i.w-icon-network:before {
  content: "\eb88";
}

i.w-icon-network-lock:before {
  content: "\eb89";
}

i.w-icon-neutral:before {
  content: "\eb95";
}

i.w-icon-news:before {
  content: "\e9d7";
}

i.w-icon-new-tab:before {
  content: "\eab3";
}

i.w-icon-next-circle:before {
  content: "\ec6e";
}

i.w-icon-notification:before {
  content: "\ec56";
}

i.w-icon-notification-circle:before {
  content: "\ec58";
}

i.w-icon-oil-pressure:before {
  content: "\eb46";
}

i.w-icon-outbox:before {
  content: "\e9a0";
}

i.w-icon-outlet:before {
  content: "\eac2";
}

i.w-icon-page-break:before {
  content: "\ecb5";
}

i.w-icon-page-break2:before {
  content: "\ecb6";
}

i.w-icon-paint-roller:before {
  content: "\e920";
}

i.w-icon-palette:before {
  content: "\e926";
}

i.w-icon-panorama:before {
  content: "\ea08";
}

i.w-icon-pants:before {
  content: "\ea40";
}

i.w-icon-paperclip:before {
  content: "\e99a";
}

i.w-icon-paper-plane:before {
  content: "\e99b";
}

i.w-icon-papers:before {
  content: "\e9d6";
}

i.w-icon-parking:before {
  content: "\eb52";
}

i.w-icon-paste:before {
  content: "\e9ca";
}

i.w-icon-pause-circle:before {
  content: "\ec6d";
}

i.w-icon-paw:before {
  content: "\eb34";
}

i.w-icon-pen:before {
  content: "\e90f";
}

i.w-icon-pen2:before {
  content: "\e917";
}

i.w-icon-pen3:before {
  content: "\e91b";
}

i.w-icon-pen-add:before {
  content: "\e918";
}

i.w-icon-pencil:before {
  content: "\e90d";
}

i.w-icon-pencil2:before {
  content: "\e90e";
}

i.w-icon-pencil3:before {
  content: "\e910";
}

i.w-icon-pencil4:before {
  content: "\e912";
}

i.w-icon-pencil5:before {
  content: "\e913";
}

i.w-icon-pencil-line:before {
  content: "\ecc0";
}

i.w-icon-pencil-ruler:before {
  content: "\e92d";
}

i.w-icon-pencil-ruler2:before {
  content: "\e92e";
}

i.w-icon-pen-remove:before {
  content: "\e919";
}

i.w-icon-percent:before {
  content: "\ec3a";
}

i.w-icon-percent-circle:before {
  content: "\ec5f";
}

i.w-icon-percent-square:before {
  content: "\ec92";
}

i.w-icon-phone:before {
  content: "\eaa7";
}

i.w-icon-phone-bubble:before {
  content: "\eae6";
}

i.w-icon-phone-error:before {
  content: "\ea73";
}

i.w-icon-phone-incoming:before {
  content: "\ea71";
}

i.w-icon-phone-in-out:before {
  content: "\ea72";
}

i.w-icon-phone-lock:before {
  content: "\ea6d";
}

i.w-icon-phone-minus:before {
  content: "\ea76";
}

i.w-icon-phone-outgoing:before {
  content: "\ea70";
}

i.w-icon-phone-pause:before {
  content: "\ea6f";
}

i.w-icon-phone-plus:before {
  content: "\ea75";
}

i.w-icon-phone-sip:before {
  content: "\ea74";
}

i.w-icon-phone-wave:before {
  content: "\ea6e";
}

i.w-icon-pickaxe:before {
  content: "\e97c";
}

i.w-icon-picture:before {
  content: "\ea10";
}

i.w-icon-picture2:before {
  content: "\ea11";
}

i.w-icon-picture3:before {
  content: "\ea12";
}

i.w-icon-pictures:before {
  content: "\ea13";
}

i.w-icon-pie-chart:before {
  content: "\eafa";
}

i.w-icon-pie-chart2:before {
  content: "\eafb";
}

i.w-icon-pilcrow:before {
  content: "\ecb2";
}

i.w-icon-pills:before {
  content: "\eaed";
}

i.w-icon-pine-tree:before {
  content: "\eb31";
}

i.w-icon-ping-pong:before {
  content: "\eb6b";
}

i.w-icon-pipe:before {
  content: "\ebab";
}

i.w-icon-pizza:before {
  content: "\eb1e";
}

i.w-icon-plane:before {
  content: "\eb3f";
}

i.w-icon-plane-crossed:before {
  content: "\eb40";
}

i.w-icon-planet:before {
  content: "\eb8a";
}

i.w-icon-platter:before {
  content: "\eb1a";
}

i.w-icon-play:before {
  content: "\e9f9";
}

i.w-icon-play-circle:before {
  content: "\ec6c";
}

i.w-icon-playlist:before {
  content: "\e9e9";
}

i.w-icon-playlist-add:before {
  content: "\e9ea";
}

i.w-icon-plus:before {
  content: "\ec38";
}

i.w-icon-plus-circle:before {
  content: "\ec5d";
}

i.w-icon-plus-square:before {
  content: "\ec90";
}

i.w-icon-podium:before {
  content: "\e9e3";
}

i.w-icon-pointer-down:before {
  content: "\ecc4";
}

i.w-icon-pointer-down2:before {
  content: "\ecd4";
}

i.w-icon-pointer-left:before {
  content: "\ecc5";
}

i.w-icon-pointer-left2:before {
  content: "\ecd5";
}

i.w-icon-pointer-right:before {
  content: "\ecc3";
}

i.w-icon-pointer-right2:before {
  content: "\ecd3";
}

i.w-icon-pointer-up:before {
  content: "\ecc2";
}

i.w-icon-pointer-up2:before {
  content: "\ecd2";
}

i.w-icon-poop:before {
  content: "\e93e";
}

i.w-icon-portrait:before {
  content: "\ea1e";
}

i.w-icon-portrait2:before {
  content: "\ea1f";
}

i.w-icon-power:before {
  content: "\eabb";
}

i.w-icon-power-crossed:before {
  content: "\eabc";
}

i.w-icon-power-switch:before {
  content: "\eaba";
}

i.w-icon-presentation:before {
  content: "\e9f8";
}

i.w-icon-previous-circle:before {
  content: "\ec6a";
}

i.w-icon-printer:before {
  content: "\e9b3";
}

i.w-icon-profile:before {
  content: "\ea1d";
}

i.w-icon-prohibited:before {
  content: "\ec9e";
}

i.w-icon-pulse:before {
  content: "\eaeb";
}

i.w-icon-pushpin:before {
  content: "\ea7a";
}

i.w-icon-pushpin2:before {
  content: "\ea7b";
}

i.w-icon-puzzle:before {
  content: "\eb78";
}

i.w-icon-question:before {
  content: "\ec35";
}

i.w-icon-question-circle:before {
  content: "\ec59";
}

i.w-icon-quote-close:before {
  content: "\eae8";
}

i.w-icon-quote-open:before {
  content: "\eae7";
}

i.w-icon-radar:before {
  content: "\ea81";
}

i.w-icon-radio:before {
  content: "\eab8";
}

i.w-icon-radio-button:before {
  content: "\eca0";
}

i.w-icon-rain:before {
  content: "\e941";
}

i.w-icon-rank:before {
  content: "\eb03";
}

i.w-icon-rank2:before {
  content: "\eb04";
}

i.w-icon-rank3:before {
  content: "\eb05";
}

i.w-icon-reading:before {
  content: "\e9d8";
}

i.w-icon-receipt:before {
  content: "\ea59";
}

i.w-icon-record:before {
  content: "\ea05";
}

i.w-icon-recycle:before {
  content: "\e97f";
}

i.w-icon-redo:before {
  content: "\ebd8";
}

i.w-icon-redo2:before {
  content: "\ebdb";
}

i.w-icon-refresh:before {
  content: "\ebd5";
}

i.w-icon-refresh2:before {
  content: "\ebd6";
}

i.w-icon-refund:before {
  content: "\ebe4";
}

i.w-icon-register:before {
  content: "\e9d3";
}

i.w-icon-reminder:before {
  content: "\ecc8";
}

i.w-icon-reminder2:before {
  content: "\ecd8";
}

i.w-icon-remote-control:before {
  content: "\eab9";
}

i.w-icon-repeat:before {
  content: "\e9f0";
}

i.w-icon-repeat-one:before {
  content: "\e9ef";
}

i.w-icon-repeat-one2:before {
  content: "\ebdd";
}

i.w-icon-repeat-one3:before {
  content: "\ebe0";
}

i.w-icon-reply:before {
  content: "\e99c";
}

i.w-icon-reply-all:before {
  content: "\e99d";
}

i.w-icon-resize-handle:before {
  content: "\eb81";
}

i.w-icon-return:before {
  content: "\ebe2";
}

i.w-icon-return2:before {
  content: "\ebe3";
}

i.w-icon-road:before {
  content: "\eb44";
}

i.w-icon-road-sign:before {
  content: "\ea86";
}

i.w-icon-rocket:before {
  content: "\eb39";
}

i.w-icon-rotation-lock:before {
  content: "\e96c";
}

i.w-icon-ruler:before {
  content: "\ec7d";
}

i.w-icon-rulers:before {
  content: "\ec7c";
}

i.w-icon-run:before {
  content: "\ea32";
}

i.w-icon-sad:before {
  content: "\eb8f";
}

i.w-icon-satellite:before {
  content: "\ebcb";
}

i.w-icon-satellite2:before {
  content: "\ebcc";
}

i.w-icon-sausage:before {
  content: "\eb1f";
}

i.w-icon-saw:before {
  content: "\e978";
}

i.w-icon-scale:before {
  content: "\ea38";
}

i.w-icon-scale2:before {
  content: "\eb16";
}

i.w-icon-scale-truck:before {
  content: "\eb5b";
}

i.w-icon-scissors:before {
  content: "\e9c9";
}

i.w-icon-screen:before {
  content: "\ea9a";
}

i.w-icon-screwdriver:before {
  content: "\e975";
}

i.w-icon-select:before {
  content: "\eb83";
}

i.w-icon-select2:before {
  content: "\eb84";
}

i.w-icon-self-timer:before {
  content: "\ebe7";
}

i.w-icon-server:before {
  content: "\e966";
}

i.w-icon-share:before {
  content: "\ec21";
}

i.w-icon-share2:before {
  content: "\ec22";
}

i.w-icon-share3:before {
  content: "\ec23";
}

i.w-icon-shield:before {
  content: "\e967";
}

i.w-icon-shield-alert:before {
  content: "\e969";
}

i.w-icon-shield-check:before {
  content: "\e968";
}

i.w-icon-shield-cross:before {
  content: "\e96a";
}

i.w-icon-ship:before {
  content: "\eb5d";
}

i.w-icon-ship2:before {
  content: "\eb5e";
}

i.w-icon-shirt:before {
  content: "\ea43";
}

i.w-icon-shocked:before {
  content: "\eb92";
}

i.w-icon-shocked2:before {
  content: "\eb93";
}

i.w-icon-shoe:before {
  content: "\ea3d";
}

i.w-icon-shoes:before {
  content: "\ea3e";
}

i.w-icon-shorts:before {
  content: "\ea41";
}

i.w-icon-shovel:before {
  content: "\e97b";
}

i.w-icon-shredder:before {
  content: "\e9b4";
}

i.w-icon-shuffle:before {
  content: "\e9ee";
}

i.w-icon-shutter:before {
  content: "\ea0a";
}

i.w-icon-shutter2:before {
  content: "\ea0b";
}

i.w-icon-sigma:before {
  content: "\ecbf";
}

i.w-icon-signal:before {
  content: "\ea9c";
}

i.w-icon-signal-0:before {
  content: "\eaa2";
}

i.w-icon-signal-20:before {
  content: "\eaa1";
}

i.w-icon-signal-40:before {
  content: "\eaa0";
}

i.w-icon-signal-60:before {
  content: "\ea9f";
}

i.w-icon-signal-80:before {
  content: "\ea9e";
}

i.w-icon-signal-blocked:before {
  content: "\eaa3";
}

i.w-icon-signal-lock:before {
  content: "\ea9d";
}

i.w-icon-sim:before {
  content: "\eaa4";
}

i.w-icon-siren:before {
  content: "\eb43";
}

i.w-icon-site-map:before {
  content: "\eb85";
}

i.w-icon-skull:before {
  content: "\eaf6";
}

i.w-icon-slingshot:before {
  content: "\eb73";
}

i.w-icon-smartphone:before {
  content: "\eaa8";
}

i.w-icon-smartphone-embed:before {
  content: "\eaab";
}

i.w-icon-smartphone-notification:before {
  content: "\eaa9";
}

i.w-icon-smartphone-vibration:before {
  content: "\eaaa";
}

i.w-icon-smartphone-waves:before {
  content: "\eaac";
}

i.w-icon-smile:before {
  content: "\eb8c";
}

i.w-icon-snow:before {
  content: "\e936";
}

i.w-icon-snow2:before {
  content: "\e937";
}

i.w-icon-soccer:before {
  content: "\eb74";
}

i.w-icon-socks:before {
  content: "\ea3c";
}

i.w-icon-sort-alpha-asc:before {
  content: "\ecb7";
}

i.w-icon-sort-alpha-desc:before {
  content: "\ecb8";
}

i.w-icon-sort-amount-asc:before {
  content: "\ecbb";
}

i.w-icon-sort-amount-desc:before {
  content: "\ecbc";
}

i.w-icon-sort-numeric-asc:before {
  content: "\ecb9";
}

i.w-icon-sort-numeric-desc:before {
  content: "\ecba";
}

i.w-icon-sort-time-asc:before {
  content: "\ecbd";
}

i.w-icon-sort-time-desc:before {
  content: "\ecbe";
}

i.w-icon-spades:before {
  content: "\e988";
}

i.w-icon-speed-fast:before {
  content: "\eb38";
}

i.w-icon-speed-medium:before {
  content: "\eb37";
}

i.w-icon-speed-slow:before {
  content: "\eb36";
}

i.w-icon-spell-check:before {
  content: "\ea97";
}

i.w-icon-spotlights:before {
  content: "\ebd0";
}

i.w-icon-spray:before {
  content: "\e91f";
}

i.w-icon-square:before {
  content: "\ec8f";
}

i.w-icon-stamp:before {
  content: "\e921";
}

i.w-icon-star:before {
  content: "\e98e";
}

i.w-icon-star1:before {
  content: "\e98f";
}

i.w-icon-star-empty:before {
  content: "\e991";
}

i.w-icon-star-half:before {
  content: "\e990";
}

i.w-icon-steak:before {
  content: "\eb1b";
}

i.w-icon-stop-circle:before {
  content: "\ec6b";
}

i.w-icon-store:before {
  content: "\ea46";
}

i.w-icon-store-24:before {
  content: "\ea48";
}

i.w-icon-stream:before {
  content: "\ebc3";
}

i.w-icon-stream-alert:before {
  content: "\ebc6";
}

i.w-icon-stream-check:before {
  content: "\ebc4";
}

i.w-icon-stream-error:before {
  content: "\ebc5";
}

i.w-icon-strikethrough:before {
  content: "\eca8";
}

i.w-icon-subtract:before {
  content: "\ec85";
}

i.w-icon-sun:before {
  content: "\e947";
}

i.w-icon-sun2:before {
  content: "\e948";
}

i.w-icon-sun-small:before {
  content: "\e946";
}

i.w-icon-sun-wind:before {
  content: "\e951";
}

i.w-icon-surveillance:before {
  content: "\e9ff";
}

i.w-icon-surveillance2:before {
  content: "\ea00";
}

i.w-icon-swim:before {
  content: "\eb65";
}

i.w-icon-sync:before {
  content: "\ebdc";
}

i.w-icon-sync2:before {
  content: "\ebdf";
}

i.w-icon-sync-crossed:before {
  content: "\ebde";
}

i.w-icon-sync-crossed2:before {
  content: "\ebe1";
}

i.w-icon-syringe:before {
  content: "\eaec";
}

i.w-icon-tab:before {
  content: "\ec51";
}

i.w-icon-tablet:before {
  content: "\eaad";
}

i.w-icon-tablet2:before {
  content: "\eaae";
}

i.w-icon-tag:before {
  content: "\ea57";
}

i.w-icon-tags:before {
  content: "\ea58";
}

i.w-icon-tape:before {
  content: "\e922";
}

i.w-icon-tape2:before {
  content: "\e9b2";
}

i.w-icon-taxi:before {
  content: "\eb54";
}

i.w-icon-teacup:before {
  content: "\eb0d";
}

i.w-icon-teapot:before {
  content: "\eb0e";
}

i.w-icon-telephone:before {
  content: "\ea6c";
}

i.w-icon-telephone2:before {
  content: "\ea79";
}

i.w-icon-tennis:before {
  content: "\eb69";
}

i.w-icon-tennis2:before {
  content: "\eb6a";
}

i.w-icon-text-align-center:before {
  content: "\ecab";
}

i.w-icon-text-align-justify:before {
  content: "\ecad";
}

i.w-icon-text-align-left:before {
  content: "\ecaa";
}

i.w-icon-text-align-right:before {
  content: "\ecac";
}

i.w-icon-text-format:before {
  content: "\eca2";
}

i.w-icon-text-format-remove:before {
  content: "\eca3";
}

i.w-icon-text-size:before {
  content: "\eca4";
}

i.w-icon-texture:before {
  content: "\e924";
}

i.w-icon-text-wrap:before {
  content: "\ecb1";
}

i.w-icon-theater:before {
  content: "\e9f5";
}

i.w-icon-thermometer:before {
  content: "\eaf2";
}

i.w-icon-thumbs-down:before {
  content: "\ec1c";
}

i.w-icon-thumbs-down2:before {
  content: "\ec1e";
}

i.w-icon-thumbs-down3:before {
  content: "\ec20";
}

i.w-icon-thumbs-up:before {
  content: "\ec1b";
}

i.w-icon-thumbs-up2:before {
  content: "\ec1d";
}

i.w-icon-thumbs-up3:before {
  content: "\ec1f";
}

i.w-icon-ticket:before {
  content: "\e9f7";
}

i.w-icon-tie:before {
  content: "\ea3b";
}

i.w-icon-tiktok:before {
  content: "\ecf8";
}

i.w-icon-time-lapse:before {
  content: "\ea04";
}

i.w-icon-time-lapse2:before {
  content: "\ea09";
}

i.w-icon-timer:before {
  content: "\ebf1";
}

i.w-icon-timer2:before {
  content: "\ebf3";
}

i.w-icon-timer-crossed:before {
  content: "\ebf2";
}

i.w-icon-timer-crossed2:before {
  content: "\ebf4";
}

i.w-icon-tissue:before {
  content: "\e93c";
}

i.w-icon-toggle:before {
  content: "\ec7b";
}

i.w-icon-toggle-off:before {
  content: "\e970";
}

i.w-icon-toggle-on:before {
  content: "\e971";
}

i.w-icon-toilet-paper:before {
  content: "\e93d";
}

i.w-icon-tombstone:before {
  content: "\eba3";
}

i.w-icon-tombstone-hipster:before {
  content: "\eba2";
}

i.w-icon-tongue:before {
  content: "\eb8e";
}

i.w-icon-tongue2:before {
  content: "\eb94";
}

i.w-icon-toothbrush:before {
  content: "\e907";
}

i.w-icon-tornado:before {
  content: "\e942";
}

i.w-icon-traffic-lights:before {
  content: "\eb42";
}

i.w-icon-trailer:before {
  content: "\eb5a";
}

i.w-icon-train:before {
  content: "\eb5c";
}

i.w-icon-transform:before {
  content: "\ec76";
}

i.w-icon-translate:before {
  content: "\ecf0";
}

i.w-icon-transmission:before {
  content: "\eb4b";
}

i.w-icon-trash:before {
  content: "\e980";
}

i.w-icon-trash2:before {
  content: "\e981";
}

i.w-icon-trash3:before {
  content: "\e982";
}

i.w-icon-tree:before {
  content: "\eb32";
}

i.w-icon-trophy:before {
  content: "\e9e4";
}

i.w-icon-trophy2:before {
  content: "\e9e5";
}

i.w-icon-truck:before {
  content: "\eb59";
  transform: translateY(-15%);
}

i.w-icon-trumpet:before {
  content: "\e9ec";
}

i.w-icon-tv:before {
  content: "\eab7";
}

i.w-icon-twitter:before {
  content: "\ecf1";
}

i.w-icon-typewriter:before {
  content: "\e9d9";
}

i.w-icon-umbrella:before {
  content: "\e93f";
}

i.w-icon-umbrella2:before {
  content: "\e940";
}

i.w-icon-underline:before {
  content: "\eca7";
}

i.w-icon-undo:before {
  content: "\ebd7";
}

i.w-icon-undo2:before {
  content: "\ebda";
}

i.w-icon-unlink:before {
  content: "\ec18";
}

i.w-icon-unlink2:before {
  content: "\ec1a";
}

i.w-icon-unlock:before {
  content: "\e96d";
}

i.w-icon-upload:before {
  content: "\ebf6";
}

i.w-icon-upload2:before {
  content: "\ebf8";
}

i.w-icon-usb-drive:before {
  content: "\eaa6";
}

i.w-icon-user:before {
  content: "\ea20";
}

i.w-icon-user-lock:before {
  content: "\ea23";
}

i.w-icon-user-minus:before {
  content: "\ea22";
}

i.w-icon-user-plus:before {
  content: "\ea21";
}

i.w-icon-users:before {
  content: "\ea24";
}

i.w-icon-users2:before {
  content: "\ea25";
}

i.w-icon-users-minus:before {
  content: "\ea27";
}

i.w-icon-users-plus:before {
  content: "\ea26";
}

i.w-icon-vault:before {
  content: "\ea6b";
}

i.w-icon-vector:before {
  content: "\e91a";
}

i.w-icon-view-grid:before {
  content: "\ecf2";
}

i.w-icon-view-grid-big:before {
  content: "\ecf3";
}

i.w-icon-view-list:before {
  content: "\ecf4";
}

i.w-icon-voicemail:before {
  content: "\ea77";
}

i.w-icon-volume:before {
  content: "\ebb5";
}

i.w-icon-volume-high:before {
  content: "\ebb2";
}

i.w-icon-volume-low:before {
  content: "\ebb4";
}

i.w-icon-volume-medium:before {
  content: "\ebb3";
}

i.w-icon-walk:before {
  content: "\ea2f";
}

i.w-icon-wall:before {
  content: "\eb7d";
}

i.w-icon-wall2:before {
  content: "\eb7f";
}

i.w-icon-wallet:before {
  content: "\ea5a";
}

i.w-icon-warning:before {
  content: "\ec57";
}

i.w-icon-watch:before {
  content: "\ebeb";
}

i.w-icon-weight:before {
  content: "\ea37";
}

i.w-icon-wheelchair:before {
  content: "\eb7c";
}

i.w-icon-wifi:before {
  content: "\ebb9";
}

i.w-icon-wifi-alert:before {
  content: "\ebbf";
}

i.w-icon-wifi-alert-low:before {
  content: "\ebc1";
}

i.w-icon-wifi-alert-low2:before {
  content: "\ebc2";
}

i.w-icon-wifi-alert-mid:before {
  content: "\ebc0";
}

i.w-icon-wifi-blocked:before {
  content: "\ebbb";
}

i.w-icon-wifi-lock:before {
  content: "\ebba";
}

i.w-icon-wifi-low:before {
  content: "\ebbd";
}

i.w-icon-wifi-low2:before {
  content: "\ebbe";
}

i.w-icon-wifi-mid:before {
  content: "\ebbc";
}

i.w-icon-wind:before {
  content: "\e943";
}

i.w-icon-window:before {
  content: "\eab4";
}

i.w-icon-wink:before {
  content: "\eb90";
}

i.w-icon-woman:before {
  content: "\ea29";
}

i.w-icon-woman2:before {
  content: "\ea33";
}

i.w-icon-wondering:before {
  content: "\eb9d";
}

i.w-icon-wow:before {
  content: "\eb9b";
}

i.w-icon-wrench:before {
  content: "\e974";
}

i.w-icon-youtube:before {
  content: "\ecf5";
}

i.w-icon-zipped:before {
  content: "\eb9f";
}

i.w-icon-zoom-in:before {
  content: "\ec27";
}

i.w-icon-zoom-out:before {
  content: "\ec28";
}

i.w-icon-sort-added-asc:before {
  content: "\ecbb";
}

i.w-icon-sort-added-desc:before {
  content: "\ecbc";
}

i.w-icon-sort-year-asc:before {
  content: "\ecb9";
}

i.w-icon-sort-year-desc:before {
  content: "\ecba";
}

i.w-icon-sort-price-asc:before {
  content: "\ecb7";
}

i.w-icon-sort-price-desc:before {
  content: "\ecb8";
}

.btn {
  display: inline-grid;
  align-items: center;
  justify-content: center;
  grid-auto-flow: column;
  position: relative;
  overflow: hidden;
  text-align: center;
  line-height: normal;
  border: none;
  outline: none;
  box-shadow: none;
  grid-column-gap: 0.75em;
  padding: 0 0.75em;
  margin: 0;
  vertical-align: middle;
  cursor: pointer;
  transition: all 0.2s ease;
  background-position: center right -100%;
  border-radius: var(--btn-border-radius);
  font-weight: var(--btn-font-weight);
  color: var(--btn-text-color, #000);
  background-color: var(--btn-bg-color, transparent);
  height: calc(var(--btn-font-size) * 3);
  font-size: calc(var(--btn-font-size) * var(--font-scale, 1));
  border-width: var(--btn-border-width);
  border-style: var(--btn-border-style);
  border-color: var(--btn-border-color);
  --btn-border-width: 1px;
  --btn-border-style: solid;
  --btn-border-color: var(--color-light-gray);
}
.btn:hover {
  --btn-border-color: var(--color-gray);
}
.btn:active {
  --btn-border-color: var(--color-dark-gray);
}
.btn span {
  font-size: 1em;
  font-weight: inherit;
  user-select: none;
  transform: var(--btn-text-transform);
}
.btn strong {
  font-size: 1em;
  user-select: none;
  font-weight: var(--strong-font-weight);
  transform: var(--btn-text-transform);
}
.btn small {
  font-size: 0.7em;
  user-select: none;
  font-weight: 400;
}
.btn i {
  font-size: 1.15em;
}
.btn[disabled], .btn.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.btn[loading], .btn.loading {
  pointer-events: none;
  padding-right: 4em !important;
  background-position: center right 0.5em;
  background-size: 2em;
  background-repeat: no-repeat;
  background-image: url("../images/loading-buffer_white-2ha5r3q.gif");
}
.btn[loading]:before, .btn.loading:before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.35);
}
.btn.btn--link {
  --btn-border-width: 0;
}
.btn.btn--link span,
.btn.btn--link strong {
  position: relative;
}
.btn.btn--link span:after,
.btn.btn--link strong:after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  height: 1px;
  width: 0;
  transition: width 0.2s ease;
}
.btn.btn--full {
  width: 100%;
}
.btn.btn--wide {
  padding-inline: 2em;
}
.btn.btn--shadow {
  box-shadow: 0px 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}
.btn.btn--circle {
  border-radius: 50%;
  padding: 0;
  aspect-ratio: 1/1;
}
.btn.btn--circle.btn--svg svg {
  place-self: center;
}
.btn.btn--square {
  padding: 0;
  aspect-ratio: 1/1;
}
.btn.btn--square.btn--svg svg {
  place-self: center;
}
.btn.btn--svg svg {
  height: 60%;
}
.btn.btn--xxs {
  --btn-font-size: 0.6rem;
  --font-scale: 1.1;
}
.btn.btn--xs {
  --btn-font-size: 0.7rem;
}
.btn.btn--sm {
  --btn-font-size: 0.8rem;
}
.btn.btn--lg {
  --btn-font-size: 1rem;
}
.btn.btn--xl {
  --btn-font-size: 1.1rem;
  --font-scale: 0.925;
}
.btn.btn--whatsapp {
  --btn-text-color: #40e45d;
  --btn-bg-color: #fff;
}
.btn.btn--messanger {
  --btn-bg-color: #fff;
  --btn-text-color: #0865fe;
}
.btn.btn--onevideo {
  --btn-text-color: #c2081a;
  --btn-bg-color: #fff;
}
.btn.btn--onevideo i {
  font-size: 1.4em;
}

input:not([type=checkbox]):not([type=radio]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-control {
  position: relative;
  display: block;
  width: 100%;
  font-size: calc(var(--form-control-font-size) * var(--font-scale, 1));
  height: calc(var(--form-control-font-size) * 2.5);
  font-weight: var(--form-control-font-weight);
  line-height: 1.4;
  border-radius: var(--form-control-border-radius);
  padding-block: 0;
  padding-inline: var(--form-control-padding-x);
  transition: color 0.2s, background-color 0.2s, border 0.2s, box-shadow 0.2s;
  background-color: var(--form-control-bg-color, #FFF);
  color: var(--form-control-text-color, #000);
  border: 1px solid transparent;
  outline: 1px solid var(--border-color);
  box-shadow: none;
  --border-color: var(--form-control-border-color);
  --font-scale: 0.8;
}
.form-control.form-control--xs {
  --form-control-font-size: 0.7rem;
}
.form-control.form-control--sm {
  --form-control-font-size: 0.8rem;
}
.form-control.form-control--md {
  --form-control-font-size: 0.9rem;
}
.form-control.form-control--lg {
  --form-control-font-size: 1rem;
}
.form-control.form-control--xl {
  --form-control-font-size: 1.1rem;
}
.form-control:not([disabled]):not(.disabled):hover {
  border-color: var(--border-color);
  --border-color: var(--form-control-border-color_hover);
}
.form-control:not([disabled]):not(.disabled):focus {
  border-color: var(--border-color);
  --border-color: var(--form-control-border-color_focus);
}
[search-element] .form-control {
  outline: none !important;
  border-color: var(--border-color);
}
.form-control[disabled], .form-control.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.form-control[loading], .form-control.loading {
  background-position: center right 0.5em;
  background-size: 2em;
  padding-right: 2.5em;
  background-repeat: no-repeat;
  background-image: url("../images/loading-buffer_gray-19rLNaA.gif") !important;
  pointer-events: none;
}

select.form-control {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 768 768' %3E%3Cpath fill='%23dd0000' d='M49.651 225.619c0-4.506 1.725-9.011 5.139-12.461 6.864-6.864 18.022-6.864 24.886 0l304.338 304.338 304.338-304.338c6.864-6.864 18.022-6.864 24.886 0s6.864 18.022 0 24.886l-316.798 316.799c-6.864 6.864-18.022 6.864-24.886 0l-316.799-316.799c-3.45-3.45-5.139-7.955-5.139-12.461z'/%3E%3C/svg%3E%0A");
  background-position: right 1em center;
  background-repeat: no-repeat;
  background-size: 1em 1em;
  padding-right: 3em;
}
select.form-control:not([disabled]):not(.disabled):focus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 768 768'%3E%3Cpath fill='%23dd0000' d='M49.651 526.381c0 4.506 1.725 9.011 5.139 12.461 6.864 6.864 18.022 6.864 24.886 0l304.338-304.338 304.338 304.338c6.864 6.864 18.022 6.864 24.886 0s6.864-18.022 0-24.886l-316.798-316.799c-6.864-6.864-18.022-6.864-24.886 0l-316.799 316.799c-3.45 3.45-5.139 7.955-5.139 12.461z'/%3E%3C/svg%3E%0A");
}

textarea.form-control {
  height: auto;
  min-height: calc(var(--form-control-font-size) * 5);
  padding-block: calc(var(--form-control-padding-x) * 0.5);
}

.form-checkbox {
  display: grid;
  position: relative;
  grid-template-columns: 2rem 1fr;
  align-items: flex-start;
  --size: 1;
}
@media (max-width: 720px) {
  .form-checkbox {
    --size: 1.3;
  }
}
.form-checkbox:not(:has(input[type=checkbox][disabled])) {
  cursor: pointer;
}
.form-checkbox p {
  margin: auto 0;
  display: flex;
  flex-direction: column;
  --font-size: calc(var(--size) * 0.65rem);
}
.form-checkbox .checkbox {
  --duration: calc(var(--size) * 0.6s);
  display: inline-block;
  width: calc(var(--size) * 1.2rem);
  position: relative;
  margin-top: 0.3em;
}
.form-checkbox .checkbox:after {
  content: "";
  width: 100%;
  padding-top: 100%;
  display: block;
}
.form-checkbox .checkbox > * {
  position: absolute;
}
.form-checkbox .checkbox input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-tap-highlight-color: transparent;
  background-color: #FFF;
  border-radius: calc(var(--size, 1) * 4px);
  border: 1px solid;
  color: var(--border-color);
  margin: 0;
  padding: 0;
  transition: all calc(var(--duration) / 3) linear;
  --border-color: var(--form-control-border-color);
}
.form-checkbox .checkbox input:not([disabled]) {
  cursor: pointer;
}
.form-checkbox .checkbox input:checked, .form-checkbox .checkbox input:hover {
  border-width: 2px;
}
.form-checkbox .checkbox input:hover {
  --border-color: var(--form-control-border-color_hover);
}
.form-checkbox .checkbox input:not([disabled]):not(.disabled):focus {
  border-width: 2px;
  --border-color: var(--form-control-border-color_focus);
}
.form-checkbox .checkbox input:checked {
  --border-color: var(--form-control-border-color_focus);
  transition-delay: calc(var(--duration) / 1.3);
}
.form-checkbox .checkbox input:checked + svg {
  --dashArray: 16 93;
  --dashOffset: 109;
}
.form-checkbox .checkbox svg {
  fill: none;
  left: 0;
  pointer-events: none;
  stroke-dasharray: var(--dashArray, 93);
  stroke-dashoffset: var(--dashOffset, 94);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
  top: 0;
  transition: stroke-dasharray var(--duration), stroke-dashoffset var(--duration);
}
.form-checkbox .checkbox svg,
.form-checkbox .checkbox input {
  display: block;
  height: 100%;
  width: 100%;
}
.form-checkbox .invalid-feedback {
  color: var(--color-error);
  line-height: 1.1;
  font-size: 0.5rem;
  margin: 0;
  position: absolute;
  letter-spacing: -0.025em;
  left: 0;
  white-space: nowrap;
  top: -0.75rem;
  z-index: 1;
}
.form-checkbox:has(.invalid-feedback) input[type=checkbox] {
  --border-color: var(--color-error) !important;
}
.form-checkbox.form-checkbox--xs {
  --size: 0.7;
}
.form-checkbox.form-checkbox--sm {
  --size: 0.8;
}
.form-checkbox.form-checkbox--md {
  --size: 0.9;
}
.form-checkbox.form-checkbox--lg {
  --size: 1.1;
}
.form-checkbox.form-checkbox--xl {
  --size: 1.2;
}

.form-group {
  display: flex;
  flex-direction: column;
  position: relative;
}
.form-group label {
  margin-bottom: 0.5rem;
  --font-size: 0.7rem;
  color: var(--color-extralight-text);
}
@media (max-width: 720px) {
  .form-group label {
    margin-bottom: 0.25rem;
  }
}
.form-group .help-text {
  color: var(--color-extralight-text);
  line-height: 1.1;
  font-size: 0.6rem;
  margin: 0;
  padding: 0.3rem 0;
  font-style: italic;
}
.form-group .invalid-feedback {
  color: var(--color-error);
  line-height: 1.1;
  font-size: 0.5rem;
  margin: 0;
  background: #FFF;
  width: calc(100% - 2rem);
  margin-left: 1rem;
  text-align: center;
  position: absolute;
  letter-spacing: -0.025em;
  top: 1.5rem;
  transform: translateY(-50%);
  z-index: 1;
}
@media (max-width: 720px) {
  .form-group .invalid-feedback {
    top: 1.25rem;
  }
}
.form-group:has(.invalid-feedback) .form-control {
  --border-color: var(--color-error) !important;
}
.form-group:has(*[validate].field-valid):after {
  content: "\ec36";
  font-family: "IconsWeb";
  position: absolute;
  top: 1em;
  right: -0.25em;
  font-size: 1em;
  color: rgb(20, 165, 20);
  background: #FFF;
  padding-left: 0.3em;
  border-radius: 50%;
}

.info-note {
  margin: 0;
  font-size: 0.9rem;
}
.info-note small {
  text-align: center;
  display: block;
  padding: 0.5rem;
  border: 1px dotted var(--color-light-gray);
}

[search-element=group] {
  position: relative;
  background: var(--group-bg);
  min-height: calc(var(--group-size) * 3);
  display: flex;
  align-items: center;
  --group-size: 1.1rem;
  --group-bg: #FFF;
  --label-color: var(--font-color);
  --placeholder-color: var(--color-gray);
  --choices-color: var(--color-gray);
  --choices-overflow-bg: #f3f3f3;
}
@media (max-width: 1024px) {
  [search-element=group].input-open:before {
    content: "";
    position: fixed;
    inset: 0;
    background: var(--color-backdrop);
    z-index: 100;
  }
}

[search-element=checkbox-group] {
  padding-inline: 1rem;
  padding-block: 0.25rem;
}

[search-element=button] {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  align-items: stretch;
  font-size: 1rem;
  color: var(--font-color);
  padding-inline: 1rem;
  cursor: pointer;
  border: none;
  outline: none;
  box-shadow: none;
  background-color: transparent;
  position: relative;
}
[search-element=button]:after {
  font-family: "IconsWeb";
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.7em;
}
.input-open [search-element=button]:after {
  content: "\ec37" !important;
  color: var(--placeholder-color) !important;
}
[search-element=button]:has([search-element=choices].counting), [search-element=button]:has([search-element=choices]:not(:empty)) {
  padding-right: 2.25em;
}
[search-element=button]:has([search-element=choices]:not(:empty)):after {
  content: "\e90d";
  color: var(--color-check);
}
[search-element=button]:has([search-element=choices]:empty):after {
  content: "\ec3c";
  color: var(--placeholder-color);
}
[anchor=right] [search-element=button]:has([search-element=choices]:empty):after {
  content: "\ec3e";
  color: var(--placeholder-color);
}
[search-element=button].dirty ~ [search-element=dropdown] .dropdown-footer [search-element=reset] {
  display: flex;
}
[search-element=button][aria-disabled=true] {
  opacity: 0.5;
}
[search-element=button]:has([search-element=icon]) {
  padding-left: 3.5rem;
}
[search-element=button] [search-element=icon] {
  font-style: normal;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  left: 1rem;
  font-size: 0.7rem;
  font-weight: var(--strong-font-weight);
  opacity: 0.3;
  top: 50%;
  color: var(--label-color);
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--label-color);
  border-radius: 50%;
  padding-bottom: 0.1em;
}
[search-element=button].fetching-data {
  background-position: center center;
  background-size: 2em;
  background-repeat: no-repeat;
  background-image: url("../images/loading-buffer_gray-19rLNaA.gif");
}
[search-element=button].fetching-data * {
  visibility: hidden;
  pointer-events: none;
}
@media (min-width: 721px) and (max-width: 1024px) {
  [search-element=button] {
    padding: 0 1rem;
  }
}
@media (max-width: 720px) {
  [search-element=button] {
    padding: 0 1rem;
    font-size: 1.2rem;
  }
}
[search-element=button] > strong {
  font-size: 0.75em;
  font-weight: var(--bold-font-weight);
  color: var(--label-color);
  text-transform: uppercase;
}
[search-element=button] > strong .depend-placeholder {
  display: block;
}
[search-element=button][aria-disabled=false] .depend-placeholder {
  display: none;
}
[search-element=button]:has([search-element=choices]:not(:empty)) > strong, [search-element=button]:has([search-element=placeholder]) > strong {
  font-size: 0.7em;
}
[search-element=button] [search-element=filter-counter] {
  margin-left: 0.75rem;
  background: var(--color-primary);
  color: #FFF;
  padding: 0 0.5rem;
  border-radius: var(--box-radius);
  height: 1.6rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
[search-element=button] [search-element=filter-counter]:empty {
  display: none;
}

[search-element=choices] {
  height: 1em;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
@media (min-width: 721px) and (max-width: 1024px) {
  [search-element=choices] {
    height: 1.6em;
  }
}
[search-element=choices] span {
  font-size: 0.65em;
  color: var(--choices-color);
}
[search-element=choices] span + span:before {
  content: ", ";
}
[search-element=choices].counting span:before {
  content: ", ";
}
[search-element=choices] strong {
  cursor: help;
  font-size: 0.7em;
  margin-left: 0.5em;
  background: var(--choices-overflow-bg);
  border-radius: 3px;
  padding: 0 0.5em;
  color: var(--choices-color);
}

[search-element=choices]:empty {
  display: none !important;
}

[search-element=choices]:not(:empty) + [search-element=placeholder] {
  display: none !important;
}

[search-element=placeholder] {
  height: 1em;
  display: flex;
  align-items: center;
  padding-right: 1rem;
}
@media (min-width: 721px) and (max-width: 1024px) {
  [search-element=placeholder] {
    height: 1.6em;
  }
}
[search-element=placeholder] span {
  font-size: 0.7em;
  color: var(--placeholder-color);
}
[search-element=placeholder] span placeholder-text {
  display: block;
}
[search-element=button][aria-disabled=true] [search-element=placeholder] span placeholder-text:nth-child(2) {
  display: none;
}
[search-element=button][aria-disabled=false] [search-element=placeholder] span placeholder-text:nth-child(1) {
  display: none;
}

[search-element=dropdown] {
  display: none;
  flex-direction: column;
  gap: 0.5rem;
  position: absolute;
  top: 100%;
  width: calc(100% + 2px);
  left: -1px;
  box-shadow: var(--box-shadow);
  padding: 1rem var(--padding-x) 0.5rem;
  --padding-x: 2rem;
  background: #FFF;
  color: #000;
  z-index: 9;
  text-align: left;
}
[anchor=right] [search-element=dropdown] {
  top: 0;
  left: calc(100% + 0.5rem);
}
[anchor=right-bottom] [search-element=dropdown] {
  top: auto;
  bottom: 0;
  left: calc(100% + 0.5rem);
}
.input-open [search-element=dropdown] {
  display: flex;
}
@media (max-width: 1024px) {
  .input-open [search-element=dropdown] {
    position: fixed;
    top: calc(50svh + 1rem);
    left: 1rem;
    width: calc(100svw - 2rem);
    max-height: calc(100svh - 2rem);
    transform: translateY(calc(-50% - 1rem));
    z-index: 1000;
  }
}
@media (max-width: 1024px) {
  [search-element=dropdown] input,
  [search-element=dropdown] select {
    --form-control-font-size: 1.1rem;
  }
}
[search-element=dropdown] .form-finder {
  position: relative;
}
@media (max-width: 1024px) {
  [search-element=dropdown] .form-finder {
    margin-top: 1rem;
  }
}
[search-element=dropdown] .form-finder input {
  width: 100%;
  position: relative;
  border-color: var(--border-color);
}
[search-element=dropdown] .form-finder input:placeholder-shown {
  z-index: 2;
}
[search-element=dropdown] .form-finder button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  height: 100%;
  aspect-ratio: 1/1;
  color: var(--color-check);
  background-color: transparent;
  border: none;
  font-size: 1rem;
}
[search-element=dropdown] .dropdown-footer {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.25rem var(--padding-x) 0;
  margin: 0 calc(-1 * var(--padding-x));
  border-top: 1px solid #eaeaea;
}
[search-element=dropdown] .dropdown-footer button {
  font-size: 0.7rem;
  display: flex;
  border: none;
  background: transparent;
  padding: 0.25rem 0;
  align-items: center;
  gap: 0.2rem;
}
@media (max-width: 1024px) {
  [search-element=dropdown] .dropdown-footer button {
    font-size: 0.9rem;
    padding-block: 1rem;
  }
}
[search-element=dropdown] .dropdown-footer button i {
  color: var(--color-check);
  padding-top: 0.2em;
}
[search-element=dropdown] .dropdown-footer button:hover {
  font-weight: 500;
}
[search-element=dropdown] .dropdown-footer [search-element=reset] {
  display: none;
}
[search-element=dropdown] .dropdown-footer [search-element=close] {
  margin-left: auto;
}

[search-element=list] {
  list-style: none;
  --padding: 4px;
  padding: var(--padding);
  margin-inline: calc(-1 * var(--padding));
  display: flex;
  flex-direction: column;
  overflow: auto;
  --list-item-count: 8;
  --list-item-height: 1.6rem;
  max-height: calc(var(--list-item-height) * var(--list-item-count) + 2 * var(--padding));
}
[search-element=list]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
[search-element=list]::-webkit-scrollbar-thumb {
  background: #bbb;
  border-radius: 2px;
}
[search-element=list]::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 2px;
}
[search-element=list] {
  scrollbar-face-color: #bbb;
  scrollbar-track-color: #eee;
}
@media (max-width: 1024px) {
  [search-element=list] {
    max-height: none;
    --font-size: 1rem;
  }
}
[search-element=list] li[aria-hidden=true] {
  display: none;
}
[search-element=list] li[role=presentation]:not(:first-child) {
  margin-top: 0.5rem;
}
[search-element=list] li[role=presentation] strong {
  font-size: 0.6rem;
  text-transform: uppercase;
  color: var(--color-extralight-text);
}
[search-element=list] li button {
  background: transparent;
  box-shadow: none;
  border: none;
  position: relative;
  text-align: left;
  padding: 0.2em 0 0.2em 1.5em;
  min-height: var(--list-item-height);
  width: 100%;
  font-size: var(--font-size);
  font-weight: var(--strong-font-weight);
  transition: color 0.2s ease;
}
[search-element=list] li button:before {
  font-family: "IconsWeb";
  position: absolute;
  left: 1px;
  font-size: 1em;
  content: "\ec8f";
  color: #eaeaea;
}
[search-element=list] li button[aria-selected=true]:before {
  content: "\ec9b";
  color: var(--color-primary);
}
[search-element=list] li button[aria-selected=true], [search-element=list] li button:hover {
  color: var(--color-primary);
}
[search-element=list]:has(li[aria-hidden=false]) + .no-results, [search-element=list]:empty + .no-results {
  display: none;
}
[search-element=list]:has(button[aria-selected=true]) ~ .dropdown-footer [search-element=reset] {
  display: flex;
}

[search-element=button]:has([search-element=choices]:not(:empty)) ~ [search-element=dropdown] .dropdown-footer [search-element=reset] {
  display: flex;
}

.no-results {
  margin-top: -0.5rem;
  border: 1px dashed var(--color-check);
  text-align: center;
  padding: 0.5rem;
  font-size: 0.6rem;
  font-weight: var(--bold-font-weight);
  text-transform: uppercase;
}

[search-element=labels] {
  font-size: 1.325rem;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1025px) {
  [search-element=labels] {
    font-size: 1rem;
  }
}
[search-element=labels] button {
  font-weight: var(--bold-font-weight);
  color: var(--font-color);
  opacity: 0.5;
  outline: none;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid transparent;
  background: transparent;
  padding: 0.2rem 0;
  font-size: 0.7em;
  cursor: pointer;
}
[search-element=labels] button[aria-selected=true] {
  opacity: 1;
  border-bottom-color: var(--color-primary);
}

[labels-group] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.5rem 0;
}
[labels-group][aria-hidden=true] {
  display: none;
}
[labels-group] .labels-group-field {
  position: relative;
}

.predef {
  left: 0;
  width: 100%;
  top: calc(100% + 5px);
  border-radius: var(--form-control-border-radius);
  position: absolute;
  display: none;
  box-shadow: var(--box-shadow);
  font-size: calc(var(--form-control-font-size) * var(--font-scale, 1));
  border: 1px solid #eff0f0;
  background-color: #FFF;
  z-index: 14;
  --font-scale: 0.8;
  --visible-items: 4;
}
@media (max-width: 1024px) {
  .predef {
    --form-control-font-size: 1.1rem;
  }
}
.predef__content {
  list-style: none;
  margin: 0;
  font-size: 1em;
  padding: 0.5em 0;
  overflow: auto;
  max-height: calc(var(--visible-items) * (var(--font-line-height) * 1em + 1em) + 1em);
  display: flex;
  flex-direction: column;
}
.predef__content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.predef__content::-webkit-scrollbar-thumb {
  background: #c2c2c2;
  border-radius: 3px;
}
.predef__content::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 3px;
}
.predef__content {
  scrollbar-face-color: #c2c2c2;
  scrollbar-track-color: #fff;
}
.predef__content li {
  font-size: 1em;
}
.predef__content li button {
  background: transparent;
  box-shadow: none;
  border: none;
  font-size: 1em;
  padding: 0.5em var(--form-control-padding-x);
  width: 100%;
  text-align: left;
  cursor: pointer;
  font-weight: var(--strong-font-weight);
}
.predef__content li button:hover, .predef__content li button:focus {
  color: var(--color-primary);
}
.predef__content li button[aria-selected=true] {
  background-color: var(--color-secondary);
  color: #FFF;
}
.predef__content .no-predef-values {
  text-align: center;
  padding: 0.5rem;
  font-size: 0.6rem;
  font-weight: var(--bold-font-weight);
  text-transform: uppercase;
}

input:focus + .predef,
input[aria-expanded=true] + .predef {
  display: block;
}

.autocomplete {
  --visible-items: 6;
}

.choice-tag {
  height: 1.9em;
  font-size: 0.65rem;
  display: flex;
  align-items: center;
  padding: 0 0 0 0.8em;
  background: #FFF;
  border: 2px solid #FFF;
  border-radius: 3px;
  cursor: pointer;
}
@media (max-width: 720px) {
  .choice-tag {
    font-size: 0.85rem;
  }
}
.choice-tag:hover i {
  color: var(--color-primary);
}
.choice-tag i {
  height: 100%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg);
  margin-left: 0.5rem;
}
.choice-tag--all {
  color: var(--color-primary);
}
.choice-tag--overflow {
  cursor: auto;
  background: #e4e4e4;
  padding: 0 0.75em;
  font-weight: 600;
  cursor: help;
}

.rules-links {
  --font-size: 0.7rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 1rem;
  row-gap: 0.25rem;
}

.rules-info {
  display: none;
  flex-direction: column;
  border-radius: var(--box-radius);
  border: 1px dashed var(--color-light-gray);
  padding: 1rem;
  --font-size: 0.65rem;
}
.rules-info ol ol {
  margin-top: 0.5rem;
}
.rules-info li {
  margin-bottom: 0.25rem;
}
.rules-info.active {
  display: flex;
}

.dialog__test-drive-form {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1rem 2rem;
}

.contact360__form {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1rem 2rem;
}

.w-1\/6 {
  grid-column: span 1;
}

.w-2\/6 {
  grid-column: span 2;
}

.w-3\/6 {
  grid-column: span 3;
}

.w-4\/6 {
  grid-column: span 4;
}

.w-5\/6 {
  grid-column: span 5;
}

.w-6\/6 {
  grid-column: span 6;
}

@media (min-width: 721px) {
  .md\:w-1\/6 {
    grid-column: span 1;
  }
  .md\:w-2\/6 {
    grid-column: span 2;
  }
  .md\:w-3\/6 {
    grid-column: span 3;
  }
  .md\:w-4\/6 {
    grid-column: span 4;
  }
  .md\:w-5\/6 {
    grid-column: span 5;
  }
  .md\:w-6\/6 {
    grid-column: span 6;
  }
}
@media (min-width: 1025px) {
  .lg\:w-1\/6 {
    grid-column: span 1;
  }
  .lg\:w-2\/6 {
    grid-column: span 2;
  }
  .lg\:w-3\/6 {
    grid-column: span 3;
  }
  .lg\:w-4\/6 {
    grid-column: span 4;
  }
  .lg\:w-5\/6 {
    grid-column: span 5;
  }
  .lg\:w-6\/6 {
    grid-column: span 6;
  }
}
[component=range] {
  display: flex;
  flex-direction: row;
  position: relative;
  width: calc(100% + 100% / (var(--range-step-count) - 1) - 2rem);
  margin-left: calc(100% / (var(--range-step-count) - 1) / 2 * -1 + 1rem);
  height: 3rem;
  user-select: none;
  padding-bottom: 1rem;
  margin-top: 0.25rem;
}
[component=range][range-step-count="2"] {
  --range-step-count: 2;
}
[component=range][range-step-count="3"] {
  --range-step-count: 3;
}
[component=range][range-step-count="4"] {
  --range-step-count: 4;
}
[component=range][range-step-count="5"] {
  --range-step-count: 5;
}
[component=range][range-step-count="6"] {
  --range-step-count: 6;
}
[component=range][range-step-count="7"] {
  --range-step-count: 7;
}
[component=range][range-step-count="8"] {
  --range-step-count: 8;
}
[component=range][range-step-count="9"] {
  --range-step-count: 9;
}
[component=range][range-step-count="10"] {
  --range-step-count: 10;
}
[component=range]::before {
  content: " ";
  position: absolute;
  height: 2px;
  width: calc(100% - 100% / var(--range-step-count));
  top: calc(50% - 0.5rem);
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--color-light-gray);
}
[component=range] label {
  flex: 1;
  cursor: pointer;
  position: relative;
  height: 100%;
  user-select: none;
}
[component=range] label::before {
  content: attr(range-label);
  position: absolute;
  left: 50%;
  transform: translate(-50%, 2rem) scale(0.9);
  font-size: 0.6rem;
  font-weight: var(--font-weight);
  white-space: nowrap;
  opacity: 0.85;
  transition: all 0.15s ease-in-out;
}
[component=range] label::after {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1rem;
  height: 1rem;
  border: 2px solid var(--color-secondary);
  background: #fff;
  border-radius: 50%;
  pointer-events: none;
  user-select: none;
  z-index: 1;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}
[component=range] label:hover::after {
  transform: translate(-50%, -50%) scale(1.25);
}
[component=range] input {
  display: none;
}
[component=range] input:checked + label::before {
  font-weight: var(--bold-font-weight);
  transform: translate(-50%, 2rem) scale(1.1);
  opacity: 1;
}
[component=range] input:checked + label::after {
  transform: translate(-50%, -50%) scale(1.75);
  border-color: var(--color-primary);
}
[component=range] input:checked:nth-of-type(1) ~ .range_handler {
  left: calc(var(--step-calculation) * 1 - var(--step-calculation) / 2);
}
[component=range] input:checked:nth-of-type(2) ~ .range_handler {
  left: calc(var(--step-calculation) * 2 - var(--step-calculation) / 2);
}
[component=range] input:checked:nth-of-type(3) ~ .range_handler {
  left: calc(var(--step-calculation) * 3 - var(--step-calculation) / 2);
}
[component=range] input:checked:nth-of-type(4) ~ .range_handler {
  left: calc(var(--step-calculation) * 4 - var(--step-calculation) / 2);
}
[component=range] input:checked:nth-of-type(5) ~ .range_handler {
  left: calc(var(--step-calculation) * 5 - var(--step-calculation) / 2);
}
[component=range] input:checked:nth-of-type(6) ~ .range_handler {
  left: calc(var(--step-calculation) * 6 - var(--step-calculation) / 2);
}
[component=range] input:checked:nth-of-type(7) ~ .range_handler {
  left: calc(var(--step-calculation) * 7 - var(--step-calculation) / 2);
}
[component=range] input:checked:nth-of-type(8) ~ .range_handler {
  left: calc(var(--step-calculation) * 8 - var(--step-calculation) / 2);
}
[component=range] input:checked:nth-of-type(9) ~ .range_handler {
  left: calc(var(--step-calculation) * 9 - var(--step-calculation) / 2);
}
[component=range] input:checked:nth-of-type(10) ~ .range_handler {
  left: calc(var(--step-calculation) * 10 - var(--step-calculation) / 2);
}
[component=range] .range_handler {
  display: block;
  position: absolute;
  top: calc(50% - 0.5rem);
  width: 0.5rem;
  height: 0.5rem;
  background: var(--color-primary);
  border-radius: 50%;
  transition: all 0.15s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: 2;
  --step-calculation: calc(100% / var(--range-step-count));
}

.site__breadcrubs {
  background: var(--layout-breadcrumbs-bg);
  color: var(--layout-breadcrumbs-text-color);
}
.site__breadcrubs__wrapper {
  position: relative;
}
.site__breadcrubs__wrapper:before, .site__breadcrubs__wrapper:after {
  content: "";
  height: 100%;
  width: var(--site-margin);
  z-index: 1;
  position: absolute;
  top: 0;
}
.site__breadcrubs__wrapper:before {
  left: 0;
  background: linear-gradient(90deg, var(--layout-breadcrumbs-bg) 0%, transparent 100%);
}
.site__breadcrubs__wrapper:after {
  right: 0;
  background: linear-gradient(90deg, transparent 0%, var(--layout-breadcrumbs-bg) 100%);
}
.site__breadcrubs ol {
  list-style: none;
  width: calc(var(--container-width) + var(--site-margins));
  max-width: 100svw;
  padding: 0 var(--site-margin);
  height: 2.5rem;
  margin-inline: auto;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
.site__breadcrubs ol li {
  flex: 0 0 auto;
  scroll-snap-align: center;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.site__breadcrubs ol li + li:before {
  font-family: "IconsWeb";
  content: "\ec3e";
  display: inline-block;
  margin: 0 1.5em;
  font-size: 0.7em;
  opacity: 0.7;
}
.site__breadcrubs ol li a {
  transition: all 0.3s ease;
  opacity: 0.7;
}
.site__breadcrubs ol li a:hover {
  opacity: 1;
}
.site__breadcrubs ol li a,
.site__breadcrubs ol li strong {
  padding: 0.5em 0;
  font-size: 0.6rem;
}
@media (max-width: 720px) {
  .site__breadcrubs ol li a,
  .site__breadcrubs ol li strong {
    font-size: 0.7rem;
  }
}

.site__pager {
  margin: 0 auto;
}
.site__pager ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 7px;
}
.site__pager li {
  --pager-bg-color: transparent;
  --pager-border-color: var(--color-light-gray);
  --pager-text-color: var(--font-color);
}
.site__pager li a,
.site__pager li span {
  width: 2em;
  height: 2em;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--pager-bg-color);
  color: var(--pager-text-color);
  border: 1px solid var(--pager-border-color);
  border-radius: var(--box-radius);
  font-weight: var(--strong-font-weight);
  transition: all 0.2s ease;
}
@media (max-width: 720px) {
  .site__pager li a,
  .site__pager li span {
    font-size: 1rem;
  }
}
.site__pager li a:hover:not([aria-current=page]):not([aria-disabled=true]),
.site__pager li span:hover:not([aria-current=page]):not([aria-disabled=true]) {
  --pager-bg-color: #FFF;
}
.site__pager li a[aria-disabled=true],
.site__pager li span[aria-disabled=true] {
  opacity: 0.5;
  cursor: not-allowed;
}
.site__pager li a.prev, .site__pager li a.next,
.site__pager li span.prev,
.site__pager li span.next {
  --pager-bg-color: #FFF;
}
.site__pager li a[aria-current=page], .site__pager li a.prev:hover:not([aria-disabled=true]), .site__pager li a.next:hover:not([aria-disabled=true]),
.site__pager li span[aria-current=page],
.site__pager li span.prev:hover:not([aria-disabled=true]),
.site__pager li span.next:hover:not([aria-disabled=true]) {
  --pager-bg-color: var(--color-link);
  --pager-border-color: var(--color-link);
  --pager-text-color: #FFF;
}

.panel {
  background-color: #FFF;
  padding: 2rem;
  border-radius: var(--box-radius);
  display: flex;
  flex-direction: column;
}

.table {
  max-width: 100%;
  overflow: auto;
  padding: 0;
}
.table table {
  width: 100%;
  background-color: transparent;
  border: none;
}
.table table th,
.table table td {
  vertical-align: middle;
  padding: 1.5em 1.25em;
}
.table table th {
  border-bottom: 2px solid var(--color-bg);
}
.table table td {
  border-top: 1px solid var(--color-bg);
}

[component=dropdown] {
  position: relative;
}
[component=dropdown] > button:not(.open) + ul[role=listbox] {
  display: none;
}
[component=dropdown] > button:after {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  background: currentColor;
  bottom: 0;
  left: 0;
  transition: width 0.2s ease;
}
[component=dropdown] > button.open:after {
  width: 100%;
}
[component=dropdown] > button[dropdown-pos=right]:after {
  left: auto;
  right: 0;
}
[component=dropdown] ul[role=listbox] {
  position: absolute;
  background: #FFF;
  top: 100%;
  left: 0;
  padding: 0;
  list-style: none;
  border-radius: var(--box-radius);
  box-shadow: var(--box-shadow);
  z-index: 100;
  display: flex;
  flex-direction: column;
  min-width: calc(100% + 2rem);
  padding-bottom: 0.5rem;
}
@media (min-width: 1025px) {
  [component=dropdown] ul[role=listbox] {
    top: calc(100% + 1rem);
  }
}
[component=dropdown] ul[role=listbox] li {
  font-size: 0.7rem;
  padding-inline: 1rem;
}
[component=dropdown] ul[role=listbox] li[aria-hidden=true] {
  display: none;
}
[component=dropdown] ul[role=listbox] li[role=presentation] {
  font-weight: var(--bold-font-weight);
  padding-block: 0.5rem 0.25rem;
  margin-top: 0.5rem;
  white-space: nowrap;
  border-top: 1px solid var(--color-light-gray);
}
[component=dropdown] ul[role=listbox] li[role=presentation]:first-of-type {
  border: none;
  margin: 0;
}
[component=dropdown] ul[role=listbox] li button {
  background: transparent;
  box-shadow: none;
  border: none;
  position: relative;
  text-align: left;
  padding: 0.3em 0 0.3em 1.75em;
  width: 100%;
  --font-size: 1em;
  transition: color 0.2s ease;
}
[component=dropdown] ul[role=listbox] li button:before {
  font-family: "IconsWeb";
  position: absolute;
  left: 1px;
  top: 0.4em;
  font-size: 0.8em;
  font-size: 1em;
  content: "";
  color: #eaeaea;
}
[component=dropdown] ul[role=listbox] li button[aria-selected=true]:before {
  content: "\ec36";
  color: var(--color-primary);
}
[component=dropdown] ul[role=listbox] li button[aria-selected=true], [component=dropdown] ul[role=listbox] li button:hover {
  color: var(--color-primary);
}
[component=dropdown] [dropdown-pos=right] + ul[role=listbox] {
  left: auto;
  right: 0;
}

[component=tabs] {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  position: relative;
  --font-size: 0.7rem;
}
[component=tabs]:before {
  content: "";
  background: var(--color-light-gray);
  height: 1px;
  bottom: 1px;
  position: absolute;
  width: 100%;
}
[component=tabs] button {
  flex: 0 0 auto;
  scroll-snap-align: center;
  padding: 0.75rem 0.5rem;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--font-color);
  margin: 2px 0;
  outline-offset: -2px !important;
  transition: all 0.2s ease;
  position: relative;
}
@media (min-width: 1025px) {
  [component=tabs] button {
    padding-inline: 1rem;
  }
}
[component=tabs] button:after {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  bottom: -2px;
  left: 0;
  background: var(--color-gray);
  transition: all 0.2s ease;
  z-index: 2;
}
[component=tabs] button[aria-selected=true]:after {
  background: var(--color-primary);
}
[component=tabs] button[aria-selected=true]:after, [component=tabs] button:hover:after {
  width: 100%;
}

[component=tabs-content] section {
  margin: 1rem 0;
}
[component=tabs-content] section[aria-hidden=true] {
  display: none;
}

[component=accordion] {
  background: #FFF;
  border-radius: var(--box-radius);
}
[component=accordion] section {
  --font-size: 1rem;
}
[component=accordion] section + section {
  border-top: 1px solid var(--color-bg);
}
[component=accordion] section > h3 {
  margin: 0;
}
[component=accordion] section > h3 button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 2rem;
  font-weight: var(--strong-font-weight);
  cursor: pointer;
  width: 100%;
  border: none;
  background: transparent;
  user-select: none;
  --font-scale: 0.9;
}
[component=accordion] section > h3 button:after {
  font-family: "IconsWeb";
  content: "\ec3c";
  transition: all 0.2s ease;
}
[component=accordion] section > h3 button[aria-expanded=true]:after {
  transform: rotate(180deg);
}
[component=accordion] section > h3 button:hover:after {
  color: var(--color-link);
}
[component=accordion] section [role=region] {
  padding: 0rem 2rem 2rem;
  --font-scale: 0.7;
}
[component=accordion] section [role=region][aria-hidden=true] {
  display: none;
}

[component=trim].content-trimmed [trim] {
  position: relative;
  overflow: hidden;
}
[component=trim].content-trimmed [trim]:after {
  content: "";
  height: 4rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(0deg, var(--color-bg) 0%, transparent 100%);
}
[component=trim] button {
  margin: 1rem auto 0;
}

.slider {
  background-color: #fff;
  width: 100%;
  position: relative;
}
.slider__wrapper {
  padding-top: 25%;
  position: relative;
  overflow: hidden;
  border-radius: var(--box-radius);
}
.slider__track {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  transition: transform 0.5s ease-in-out;
}
.slider__track.touched {
  transition: none;
}
.slider__slide {
  flex: 0 0 100%;
  height: 100%;
  position: relative;
}
.slider:not(.slider--initialized) .slider__slide:not(:first-child) {
  display: none;
}
.slider__slide * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  user-drag: none;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: transparent;
}
.slider__slide img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
}
.slider__slide article {
  padding: 1rem 45% 2.5rem 2.5rem;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #FFF;
}
@media (max-width: 720px) {
  .slider__slide article {
    padding: 0.5rem 40% 1.5rem 1.5rem;
  }
}
@media (min-width: 1025px) {
  .slider__slide article {
    padding: 1.5rem 50% 2rem 4rem;
  }
}
.slider__slide article > *:not(img) {
  position: relative;
  z-index: 1;
  margin: 0;
  text-align: center;
}
.slider__slide article h2 {
  font-weight: var(--bold-font-weight);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  margin-top: auto;
}
@media (max-width: 720px) {
  .slider__slide article h2 {
    --font-scale: 0.8;
  }
}
@media (min-width: 1025px) {
  .slider__slide article h2 {
    margin-top: 0;
    --font-scale: 1.2;
  }
}
.slider__slide article strong {
  padding-bottom: 0.5rem;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
@media (max-width: 720px) {
  .slider__slide article strong {
    --font-scale: 0.85;
  }
}
@media (min-width: 1025px) {
  .slider__slide article strong {
    --font-size: 1rem;
  }
}
.slider__slide article p {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  margin: auto;
}
@media (max-width: 1024px) {
  .slider__slide article p {
    display: none;
  }
}
.slider__slide article .btn {
  margin-top: auto;
}
.slider__slide article img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.slider .slider__arrow {
  position: absolute;
  line-height: 1;
  cursor: pointer;
  top: 50%;
  padding: 0;
  transition: all 0.2s;
  z-index: 6;
  font-size: 1rem;
  height: 2em;
  width: 2em;
  margin-top: -1em;
  border-radius: var(--box-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-color, #FFF);
  color: var(--text-color, var(--font-color));
  border: var(--border, 1px solid var(--color-light-gray));
}
.slider .slider__arrow:hover {
  --border: 1px solid var(--color-gray);
}
.slider .slider__arrow:active {
  --border: 1px solid var(--color-dark-gray);
}
.slider .slider__arrow:after {
  font-size: 0.9em;
  font-family: "IconsWeb";
}
.slider .slider__arrow--prev {
  left: 0;
  transform: translateX(-50%);
}
.slider .slider__arrow--prev:after {
  content: "\ec3d";
}
.slider .slider__arrow--next {
  right: 0;
  transform: translateX(50%);
}
.slider .slider__arrow--next:after {
  content: "\ec3e";
}
.slider .slider__arrow.disabled {
  cursor: auto;
  opacity: 0.5;
}
.slider .slider__dots {
  position: absolute;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  line-height: 1;
  list-style: none;
  bottom: 1rem;
  right: 1.5rem;
  width: max-content;
  max-width: 100%;
  text-align: center;
  padding: 0;
  margin: 0;
  gap: 5px;
}
@media (min-width: 1025px) {
  .slider .slider__dots {
    bottom: 1.5rem;
    right: 2rem;
  }
}
.slider .slider__dots .dot {
  position: relative;
  z-index: 6;
  display: inline-block;
  margin: 0;
  cursor: pointer;
  color: #FFF;
  font-size: 0.6rem;
}
.slider .slider__dots .dot span {
  border: none;
  display: block;
  padding: 5px 1rem 5px 0;
  position: relative;
  text-align: left;
}
@media (max-width: 720px) {
  .slider .slider__dots .dot span {
    padding-right: 0;
    overflow: hidden;
    text-indent: -999px;
    width: 2rem;
  }
  .slider .slider__dots .dot span:before, .slider .slider__dots .dot span:after {
    bottom: 0 !important;
  }
}
.slider .slider__dots .dot span:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #FFF;
}
.slider .slider__dots .dot span:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 2px;
  animation: none;
  background-color: var(--color-primary);
}
.slider .slider__dots .dot.active span:after {
  animation: progressBar var(--progress-duration) linear forwards;
}
@keyframes progressBar {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
.slider:has(.slider__dots) .slider__slide:before {
  content: "";
  width: 50%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0) 100%);
}
.slider:has(.slider__dots) .slider__slide:after {
  content: "";
  width: 100%;
  height: 30%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0) 100%);
}
.slider .slider__slide:hover .slider__dots .dot.active span::after {
  animation-play-state: paused;
}

.video-container {
  position: relative;
  padding-top: 56.25%;
  width: 100%;
}
.video-container iframe {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
}

.tag {
  border-radius: 5px;
  padding: 0 0.8em;
  text-transform: uppercase;
  font-size: 0.5rem;
  line-height: 2em;
  font-weight: var(--bold-font-weight);
}
.tag strong {
  font-weight: inherit;
}
.tag--primary {
  color: #FFF;
  background: var(--color-primary);
}
.tag--secondary {
  color: #FFF;
  background: var(--color-secondary);
}

[state=loading] {
  position: relative;
}
[state=loading]:before {
  content: "";
  position: absolute;
  inset: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background-color: rgba(255, 255, 255, 0.5);
  background-image: url("../images/loading-buffer_dark-VDwBWPC.gif");
  background-size: 3rem;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 5;
}

[state=sent] {
  position: relative;
  overflow: hidden;
}
[state=sent]:after {
  content: "\ec36";
  font-family: "IconsWeb";
  font-size: 5em;
  color: rgb(20, 165, 20);
  z-index: 6;
  display: flex;
  position: absolute;
  align-items: center;
  width: 100%;
  justify-content: center;
  height: 100%;
}
[state=sent]:before {
  content: "";
  position: absolute;
  inset: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background-color: rgb(255, 255, 255);
  z-index: 5;
}

.consultant-data {
  display: flex;
  column-gap: 0.5rem;
  font-size: 1rem;
  align-items: stretch;
}
@media (max-width: 720px) {
  .consultant-data {
    font-size: 1.2rem;
  }
}
.consultant-data img {
  aspect-ratio: 1/1;
  border-radius: var(--box-radius);
  overflow: hidden;
  object-fit: cover;
  height: 100%;
  width: 3rem;
  flex: 0 0 3rem;
}
.consultant-data p {
  display: flex;
  flex-direction: column;
  margin: 0;
  font-size: 1em;
  justify-content: center;
  flex: 1 1 0;
  min-width: 0;
}
.consultant-data p small {
  text-transform: uppercase;
  color: var(--color-extralight-text);
  font-size: 0.5em;
  margin-bottom: auto;
}
.consultant-data p strong {
  font-size: 0.7em;
}
.consultant-data p span {
  font-size: 0.6em;
  color: var(--color-extralight-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.box-contact {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.contact__row {
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: 1rem;
  align-items: center;
}

.contact-data {
  list-style: none;
  padding: 0;
}
.contact-data li {
  display: flex;
  position: relative;
  font-size: 0.65rem;
}
@media (max-width: 720px) {
  .contact-data li {
    font-size: 0.8rem;
  }
}
.contact-data li i {
  font-size: 1em;
  position: absolute;
  top: 0.7em;
  left: 0;
  color: var(--color-lightest-gray);
}
.contact-data li p {
  font-size: 1em;
  margin: 0;
  padding-left: 2em;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.contact-data li p * {
  word-break: break-all;
  padding-block: 0.25em;
}
.contact-data li p button {
  font-size: calc(1em * var(--font-scale, 1));
}

.contact-socials {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  flex-wrap: wrap;
}

.confirmation {
  display: flex;
  gap: 1rem;
  align-items: center;
  padding: 1rem;
}
.confirmation i {
  flex: 0 0 5rem;
  font-size: 3rem;
  color: var(--color-gray);
}
.confirmation p {
  margin: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.confirmation p strong {
  --font-scale: 1.5;
}

.disclaimer {
  padding-top: 2rem;
  border-top: 1px solid #eaeaea;
  margin-top: 1rem;
  color: var(--color-extralight-text);
  --font-size: 0.5rem;
}

dialog {
  border: none;
  box-shadow: var(--box-shadow);
  border-radius: var(--box-radius);
  padding: 0;
  flex-direction: column;
  max-width: calc(100svw - 2rem);
}
dialog[open] {
  display: flex;
  animation: popIn 200ms ease;
}
dialog[open]::backdrop {
  animation: backdropFadeIn 200ms forwards;
}
@keyframes popIn {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
dialog[size=full] {
  width: calc(100vw - 2 * var(--site-margin));
}
dialog[size=container] {
  width: var(--container-width);
}
dialog[size=md] {
  width: 45rem;
}
dialog[size=sm] {
  width: calc(100svw - 3rem);
}
@media (min-width: 721px) and (max-width: 1024px) {
  dialog[size=sm] {
    width: calc(100svw - 5rem);
  }
}
@media (min-width: 1025px) {
  dialog[size=sm] {
    width: 30rem;
  }
}
dialog[size=xs] {
  width: 20rem;
}
dialog[side=left] {
  margin-left: 0;
  margin-block: 0;
  height: 100svh;
  max-height: 100svh;
}
dialog[side=left][open] {
  animation: slideIn 200ms ease;
}
@keyframes slideIn {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
dialog[side=right] {
  margin-right: 0;
  margin-block: 0;
  height: 100svh;
  max-height: 100svh;
}
dialog[side=right][open] {
  animation: slideIn 200ms ease;
}
@keyframes slideIn {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
dialog > [close-dialog],
dialog .dialog__content > [close-dialog],
dialog .dialog__header > [close-dialog] {
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 10;
}
dialog::backdrop {
  background: var(--color-backdrop);
  animation: backdropFadeOut 200ms forwards;
}
dialog .dialog__wrapper {
  flex-direction: column;
  display: flex;
  height: 100%;
}
dialog .dialog__header {
  position: relative;
  padding: 1.5rem 3.5rem 1.5rem 2rem;
  border-bottom: 1px solid var(--color-bg);
}
dialog .dialog__header h1,
dialog .dialog__header h2,
dialog .dialog__header h3 {
  margin: 0;
  line-height: 1.2;
}
dialog .dialog__header strong {
  color: var(--color-extralight-text);
}
dialog .dialog__content {
  padding: 1.5rem 2rem;
  overflow: auto;
  flex-grow: 1;
}
dialog .dialog__footer {
  padding: 1.5rem 2rem;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: end;
  border-top: 1px solid var(--color-bg);
}
dialog#cookieModal {
  text-align: center;
}
dialog#cookieModal p.h3 {
  padding-right: 1rem;
}
dialog#cookieModal .dialog__content {
  padding-bottom: 0;
}
dialog#cookieModal .dialog__footer .btn {
  flex: 1 0 0;
}
dialog .dialog__cta {
  display: block;
  text-align: center;
}
dialog .dialog__cta a {
  display: inline-block;
}
dialog#extras-filters .dialog__content {
  padding: 0;
}
dialog#extras-filters .dialog__content [search-element=group] {
  border-bottom: 1px solid var(--color-bg);
}
dialog#extras-filters .dialog__content [search-element=dropdown] {
  left: 0;
  width: 100%;
}
dialog#extras-filters .dialog__footer {
  padding: 0.75rem;
  justify-content: space-between;
}
dialog#extras-filters .dialog__footer button[type=submit] {
  flex-grow: 1;
}

@keyframes backdropFadeIn {
  from {
    background: hsla(0, 0%, 0%, 0);
  }
  to {
    background: hsla(0, 0%, 0%, 0.5);
  }
}
@keyframes backdropFadeOut {
  from {
    background: hsla(0, 0%, 0%, 0.5);
  }
  to {
    background: hsla(0, 0%, 0%, 0);
  }
}
.toaster {
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  padding: 0.75rem 1rem;
  border-radius: var(--box-radius);
  color: #fff;
  font-size: calc(var(--font-size) * var(--font-scale, 0.8));
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transform: translateY(1rem);
  transition: all 0.3s ease;
  z-index: 9999;
  pointer-events: none;
}

.toaster--visible {
  opacity: 1;
  transform: translateY(0);
}

.toaster--success {
  background: #2ecc71;
}

.toaster--error {
  background: #da4535;
}

.toaster--info {
  background: #3498db;
}

.gmap-marker-wrapper {
  display: flex;
}
#offer-map .gmap-marker-wrapper .gmap-marker-id {
  display: none;
}
#offer-map .gmap-marker-wrapper .gmap-marker-offer {
  font-size: 0.55rem;
  position: absolute;
  line-height: 1;
  text-align: center;
  width: 100%;
  top: 10px;
}
#offer-map .gmap-marker-wrapper .gmap-marker-offer span {
  display: none;
}
#offer-map .gmap-marker-wrapper .gmap-marker-offer small {
  display: block;
  font-size: 1.1em;
  font-weight: var(--bold-font-weight);
}
#dealer-map .gmap-marker-wrapper .gmap-marker-id {
  font-weight: var(--bold-font-weight);
  position: absolute;
  line-height: 1;
  text-align: center;
  width: 100%;
  top: 0.9em;
  font-size: 1em;
  display: none;
  justify-content: center;
  flex-direction: column;
}
#dealer-map .gmap-marker-wrapper .gmap-marker-offer {
  font-size: 0.5rem;
  position: absolute;
  line-height: 1;
  text-align: center;
  width: 100%;
  top: 1.8em;
}
#dealer-map .gmap-marker-wrapper .gmap-marker-offer span {
  font-size: 1em;
  text-transform: uppercase;
}
#dealer-map .gmap-marker-wrapper .gmap-marker-offer small {
  display: block;
  font-size: 1.1em;
  font-weight: var(--bold-font-weight);
}
#dealer-map .gmap-marker-wrapper.is-active .gmap-marker-id {
  display: none;
}
#dealer-map .gmap-marker-wrapper:not(.is-active) .gmap-marker-offer {
  display: none;
}

gmp-advanced-marker:has(.is-active) {
  z-index: 1;
}

.drop-zone {
  margin-top: 2rem;
  display: grid;
  gap: 1rem;
  grid-auto-columns: 100%;
}
.drop-zone__field {
  width: 100%;
  height: 10rem;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  color: var(--color-extralight-text);
  border: 3px dashed var(--color-light-gray);
  border-radius: var(--box-radius);
}
.drop-zone__field:has(input[disabled]) {
  cursor: auto;
}
.is-dragover .drop-zone__field {
  border-style: solid;
  border-color: var(--color-backdrop);
}
.drop-zone__field__prompt {
  --font-size: 1rem;
}
.drop-zone__field__prompt small {
  display: block;
  font-weight: var(--bold-font-weight);
}
.drop-zone__field__input {
  display: none;
}
.drop-zone__list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.drop-zone__list:empty {
  display: none;
}
.drop-zone__list__item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  line-height: 1;
}
.drop-zone__list__item img {
  width: 3rem;
  height: 2rem;
  object-fit: contain;
  object-position: center;
  border-radius: 4px;
  box-shadow: 0 0 3px #d6d6d6;
}
.drop-zone__list__item span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
  --font-size: 0.6rem;
}
.drop-zone__list__item .drop-zone__remove {
  margin-left: auto;
  background: none;
  border: none;
  color: var(--color-extralight-text);
  font-size: 1rem;
  cursor: pointer;
}
.drop-zone__list__item .drop-zone__remove:hover {
  color: var(--color-link);
}
.drop-zone progress {
  position: relative;
  height: 8px;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  overflow: hidden;
  appearance: none;
  display: none;
  margin-bottom: 0.75rem;
}
.uploading .drop-zone progress, .uploaded .drop-zone progress {
  display: block;
}
.drop-zone progress::-moz-progress-bar {
  background-color: var(--color-secondary);
  transition: width 0.3s ease;
}
.drop-zone progress::-webkit-progress-bar {
  background-color: rgba(0, 0, 0, 0.1);
}
.drop-zone progress::-webkit-progress-value {
  background-color: var(--color-secondary);
  transition: width 0.3s ease;
}
.drop-zone progress.success::-webkit-progress-value, .drop-zone progress.success::-moz-progress-bar {
  background-color: #28a745;
}
.drop-zone progress.error::-webkit-progress-value, .drop-zone progress.error::-moz-progress-bar {
  background-color: #dc3545;
}
.drop-zone__actions {
  display: flex;
  justify-content: space-between;
}

.site__header {
  background: var(--layout-header-bg);
  color: var(--layout-header-text-color);
  position: relative;
  z-index: 100;
}
[header=transparent] .site__header {
  --layout-header-bg: transparent;
  --layout-header-text-color: #FFF;
}
[header=transparent] .site__header img {
  filter: invert(1) brightness(2) contrast(100%);
}
.site__header__container {
  height: var(--layout-header-height);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.site__header__logo a {
  display: inline-block;
}
.site__header__logo img {
  height: calc(var(--layout-header-height) * var(--layout-header-logo, 0.5));
}
.site__header__short-links {
  margin-left: auto;
  padding-right: 2rem;
}
[lang=hu] .site__header__short-links {
  padding-right: 1rem;
}
@media (max-width: 1024px) {
  .site__header__short-links {
    display: none;
  }
}
.site__header__short-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 2rem;
  align-items: center;
}
[lang=hu] .site__header__short-links ul {
  gap: 1.5rem;
}
.site__header__short-links ul li ul {
  display: none;
}
.site__header__short-links ul li a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
}
.site__header__short-links ul li a span {
  font-size: 0.6rem;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
}
.site__header__short-links ul li a span:after {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  background: var(--color-link);
  bottom: -5px;
  left: 0;
  transition: width 0.2s ease;
}
[header=transparent] .site__header__short-links ul li a span:after {
  background: var(--layout-header-text-color);
}
.site__header__short-links ul li a i {
  font-size: 1.1em;
}
.site__header__short-links ul li a.active span:after, .site__header__short-links ul li a:hover span:after {
  width: 100%;
}
.site__header__navigation {
  display: flex;
  position: fixed;
  background: var(--color-backdrop);
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  padding: var(--layout-header-height) 3rem 3rem 3rem;
  color: #FFF;
  box-shadow: var(--box-shadow);
  transform: translateX(100%);
  transition: all 0.2s ease;
}
@media (max-width: 720px) {
  .site__header__navigation {
    width: 80%;
  }
}
.menu-open .site__header__navigation {
  transform: translateX(0%);
}
.site__header__navigation > ul {
  width: calc(70vw - 3rem - var(--site-margin));
}
@media (min-width: 721px) and (max-width: 1024px) {
  .site__header__navigation > ul {
    width: calc(50vw - 3rem - var(--site-margin));
  }
}
@media (min-width: 1025px) {
  .site__header__navigation > ul {
    width: calc(var(--container) / 2 - 3rem);
  }
}
.site__header__navigation ul {
  list-style: none;
  padding: 0;
  overflow: auto;
  --font-size: 1rem;
}
.site__header__navigation ul li a {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  position: relative;
  padding-inline: 5px;
  outline-offset: -2px !important;
}
.site__header__navigation ul li a:after {
  content: "";
  width: 0%;
  height: 1px;
  display: block;
  left: 0;
  bottom: 5px;
  background: #FFF;
  transition: width 0.2s ease;
  position: absolute;
}
.site__header__navigation ul li a.active:after, .site__header__navigation ul li a:hover:after {
  width: 100%;
}
.site__header__navigation ul li i {
  display: none;
}
.site__header__navigation ul li span {
  padding: 0.75em 0;
  display: block;
}
.site__header__navigation ul ul {
  margin-left: 2rem;
}
.site__header__navigation ul ul span {
  --font-scale: 0.9;
}
.site__header__toggle {
  width: 2rem;
  height: 1.5rem;
  position: relative;
  transform: rotate(0deg);
  cursor: pointer;
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
}
.site__header__toggle span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: var(--layout-header-text-color);
  border-radius: 2px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
.menu-open .site__header__toggle span {
  background: #FFF;
}
.site__header__toggle span:nth-child(1) {
  top: 0px;
}
.site__header__toggle span:nth-child(2), .site__header__toggle span:nth-child(3) {
  top: calc(0.75rem - 1px);
}
.site__header__toggle span:nth-child(4) {
  top: calc(1.5rem - 2px);
  width: 70%;
}
.site__header__toggle:hover span:nth-child(4) {
  width: 100%;
}
.menu-open .site__header__toggle span:nth-child(1) {
  top: calc(0.75rem - 1px);
  width: 0%;
  left: 50%;
}
.menu-open .site__header__toggle span:nth-child(2) {
  transform: rotate(45deg);
}
.menu-open .site__header__toggle span:nth-child(3) {
  transform: rotate(-45deg);
}
.menu-open .site__header__toggle span:nth-child(4) {
  top: calc(0.75rem - 1px);
  width: 0%;
  left: 50%;
}

#skip-navigation {
  position: fixed;
  top: -1000px;
  left: 1rem;
  background: #444;
  color: #FFF;
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
  border: 1px solid #FFF;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.6rem;
}
#skip-navigation:focus-within {
  top: 1rem;
}

.site__footer {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #eaeaea;
}
.site__footer__menu {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
}
@media (max-width: 600px) {
  .site__footer__menu {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1025px) {
  .site__footer__menu {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }
}
.site__footer__menu__group {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  --font-size: 0.7rem;
}
@media (max-width: 720px) {
  .site__footer__menu__group {
    --font-size: 0.8rem;
  }
}
.site__footer__menu__group strong {
  text-transform: uppercase;
  font-weight: var(--bold-font-weight);
}
.site__footer__menu__group ul {
  list-style: none;
  padding: 0;
}
.site__footer__menu__group ul a {
  color: var(--color-light-text);
  position: relative;
  padding: 0.25em 0;
  display: inline-block;
}
.site__footer__menu__group ul a:after {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  background: var(--color-primary);
  bottom: -2px;
  left: 0;
  transition: width 0.2s ease;
}
.site__footer__menu__group ul a:hover:after {
  width: 100%;
}
.site__footer__copyrights {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid var(--color-light-gray);
  position: relative;
  padding-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 720px) {
  .site__footer__copyrights {
    padding-bottom: 0;
    padding-top: 1rem;
  }
}
.site__footer__copyrights span {
  font-size: 0.6rem;
}
.site__footer__copyrights:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #FFF;
}
.site__footer__copyrights__button {
  margin-left: auto;
  cursor: pointer;
  background: transparent;
  border: 1px solid var(--color-secondary);
  color: var(--color-secondary);
  outline: none;
  box-shadow: none;
  border-radius: var(--box-radius);
  height: 2.2rem;
  width: 2.2rem;
  transition: background 0.2s ease, color 0.2s ease;
}
.site__footer__copyrights__button:hover {
  background-color: var(--color-secondary);
  color: #FFF;
}

.homepage-search {
  position: relative;
  margin-bottom: 2rem;
  display: grid;
  --search-bg-bottom-offset: 2.25rem;
}
@media (min-width: 721px) and (max-width: 1024px) {
  .homepage-search {
    --search-bg-bottom-offset: 5rem;
  }
}
.homepage-search__bg {
  display: block;
  margin-top: calc(-1 * var(--layout-header-height));
  height: calc(100% + var(--layout-header-height) - var(--search-bg-bottom-offset));
  position: relative;
  grid-area: 1/1;
}
@media (max-width: 720px) {
  .homepage-search__bg {
    height: 14rem;
  }
}
.homepage-search__bg img {
  object-position: center center;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.homepage-search__bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--layout-header-height) * 1.25);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0) 100%);
}
@media (max-width: 720px) {
  .homepage-search__bg::before {
    height: 100%;
  }
}
.homepage-search__container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #FFF;
  grid-area: 1/1;
  padding-top: 1rem;
}
@media (max-width: 1024px) {
  .homepage-search__container {
    --font-scale: 0.75;
  }
}
@media (max-width: 720px) {
  .homepage-search__container {
    text-align: center;
  }
}
@media (max-width: 540px) {
  .homepage-search__container {
    --font-scale: 0.85;
  }
}
.homepage-search__container h1 {
  margin: auto 0 0 0;
  text-shadow: 0 0.2em 0.3em rgba(0, 0, 0, 0.5);
}
.homepage-search__container h1 + p {
  margin: 0 0 auto 0;
  --font-size: 1.3rem;
  text-shadow: 0 0.15em 0.15em rgba(0, 0, 0, 0.8);
}
.homepage-search__form {
  padding-top: 2rem;
  position: relative;
  z-index: 2;
}
@media (max-width: 1024px) {
  .homepage-search__form {
    --font-scale: 0.9;
  }
}
.homepage-search__form__categories-list {
  list-style: none;
  display: flex;
  gap: 1px;
  padding: 0;
}
@media (max-width: 720px) {
  .homepage-search__form__categories-list li {
    flex-grow: 1;
  }
}
.homepage-search__form__categories-list li button {
  height: 2em;
  padding: 0 1em;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.85);
  transition: background 0.2s ease;
  border: none;
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-size: 1rem;
  width: 100%;
}
@media (max-width: 720px) {
  .homepage-search__form__categories-list li button {
    font-size: 1.2rem;
    justify-content: center;
    padding: 0;
  }
}
.homepage-search__form__categories-list li button span {
  font-weight: var(--bold-font-weight);
  font-size: 0.55em;
}
.homepage-search__form__categories-list li button:hover {
  background: rgba(255, 255, 255, 0.95);
}
.homepage-search__form__categories-list li button[aria-pressed=true], .homepage-search__form__categories-list li button[aria-selected=true] {
  background: rgb(255, 255, 255);
}
.homepage-search__form__categories-list li:first-child button {
  border-top-left-radius: var(--box-radius);
}
.homepage-search__form__categories-list li:last-child button {
  border-top-right-radius: var(--box-radius);
}
.homepage-search__form__category-content {
  display: flex;
  border-radius: 0 var(--box-radius) var(--box-radius) var(--box-radius);
  background: #FFF;
  box-shadow: var(--box-shadow);
  padding: 1rem 1rem 1rem 0;
  row-gap: 0.5rem;
}
@media (max-width: 1024px) {
  .homepage-search__form__category-content {
    flex-wrap: wrap;
    padding: 1rem;
  }
}
@media (max-width: 720px) {
  .homepage-search__form__category-content {
    border-top-right-radius: 0;
  }
}
.homepage-search__form__group {
  flex: 1 1 0;
  min-width: 0;
}
.homepage-search__form__group [search-element=button] {
  padding-left: 2rem;
}
.homepage-search__form__group [search-element=button]:has([search-element=icon]) {
  padding-left: 3rem;
}
.homepage-search__form__group [search-element=button] .depend-placeholder {
  display: none;
}
.homepage-search__form__group:not(:first-of-type) {
  border-left: 1px solid #eaeaea;
}
@media (min-width: 1025px) {
  .homepage-search__form__group:not(:first-of-type).input-open [search-element=dropdown] {
    border-left: 1px solid #eaeaea;
  }
  .homepage-search__form__group:not(:last-of-type).input-open [search-element=dropdown] {
    border-right: 1px solid #eaeaea;
  }
}
@media (min-width: 721px) and (max-width: 1024px) {
  .homepage-search__form__group:first-of-type [search-element=button] {
    padding-left: 0;
  }
  .homepage-search__form__group:first-of-type [search-element=button]:has([search-element=icon]) {
    padding-left: 2rem;
  }
  .homepage-search__form__group:first-of-type [search-element=button]:has([search-element=icon]) [search-element=icon] {
    left: 0;
  }
}
@media (max-width: 720px) {
  .homepage-search__form__group {
    flex: 1 0 100%;
    border-left: none !important;
    border-bottom: 1px solid #eaeaea;
  }
  .homepage-search__form__group [search-element=button] {
    padding: 0 0 0.5rem;
  }
}
@media (min-width: 1025px) {
  .homepage-search__form button[type=submit] {
    margin-left: 1rem;
    flex: 0 0 10rem;
  }
}
@media (max-width: 1024px) {
  .homepage-search__form button[type=submit] {
    flex: 1 0 100%;
  }
}

.homepage-content {
  width: var(--container-width);
  margin-inline: auto;
  display: grid;
  gap: 2rem 1rem;
  grid-template-columns: repeat(12, 1fr);
}
.homepage-content h2 {
  margin: 0;
}

.homepage-about {
  background-color: #fff;
  box-shadow: var(--box-shadow);
  border-radius: var(--box-radius);
  padding: 1.5rem;
  grid-column: 1/-1;
  grid-template-columns: repeat(2, 1fr);
  display: grid;
  gap: 1.5rem;
  align-items: center;
}
@media (max-width: 720px) {
  .homepage-about {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 721px) and (max-width: 1024px) {
  .homepage-about {
    padding: 0;
    gap: 1rem;
  }
}
@media (min-width: 1025px) {
  .homepage-about {
    grid-template-columns: repeat(3, 1fr);
  }
}
.homepage-about img {
  grid-column: span 1;
  border-radius: var(--box-radius);
  aspect-ratio: 8/5;
  object-fit: cover;
}
@media (max-width: 720px) {
  .homepage-about img {
    margin: auto;
  }
}
@media (min-width: 721px) and (max-width: 1024px) {
  .homepage-about img {
    width: 100%;
    min-height: 100%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.homepage-about__content {
  grid-column: span 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
@media (max-width: 720px) {
  .homepage-about__content {
    text-align: center;
    align-items: center;
  }
}
@media (min-width: 721px) and (max-width: 1024px) {
  .homepage-about__content {
    --font-scale: 0.9;
    padding: 1rem;
  }
}
@media (min-width: 1025px) {
  .homepage-about__content {
    grid-column: span 2;
  }
}
.homepage-about__content p {
  color: var(--color-light-text);
}
@media (min-width: 1025px) {
  .homepage-about__content p {
    --font-size: 1rem;
  }
}

.homepage-slider {
  border-radius: var(--box-radius);
  background-color: #ddd;
  grid-column: 1/-1;
}
.homepage-slider .slider__wrapper {
  padding-top: 30%;
}
@media (max-width: 720px) {
  .homepage-slider .slider__wrapper {
    padding-top: 40%;
  }
}

.homepage-advantages {
  grid-column: 1/-1;
}
.homepage-advantages ul {
  list-style: none;
  padding: 0;
  display: grid;
  gap: 1rem;
  grid-template-rows: max-content 1fr;
}
@media (max-width: 720px) {
  .homepage-advantages ul {
    grid-auto-columns: 60vw;
    overflow: auto;
    grid-auto-flow: column;
    scroll-snap-type: x proximity;
  }
}
@media (min-width: 721px) and (max-width: 1024px) {
  .homepage-advantages ul {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1025px) {
  .homepage-advantages ul {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }
}
.homepage-advantages ul li {
  background: #FFF;
  border-radius: var(--box-radius);
  font-size: 1rem;
  padding: 1rem;
  display: grid;
  grid-template-areas: "title icon" "content content" "more more";
  align-items: center;
  grid-template-columns: 1fr 2rem;
  grid-template-rows: subgrid;
  grid-row: span 3;
  scroll-snap-align: start;
}
.homepage-advantages ul li > strong {
  text-transform: uppercase;
  font-size: 0.8em;
  grid-area: title;
  line-height: 1.3;
  font-weight: var(--bold-font-weight);
}
.homepage-advantages ul li > i {
  color: var(--color-primary);
  text-align: right;
  grid-area: icon;
  font-size: 1.6em;
}
.homepage-advantages ul li > p {
  margin-bottom: 0;
  grid-area: content;
  font-size: 0.7em;
}
.homepage-advantages ul li .btn {
  grid-area: more;
  margin-left: auto;
}

.homepage-categories {
  grid-column: 1/-1;
  display: grid;
  grid-template-rows: min-content 1fr;
}
@media (min-width: 1025px) {
  .homepage-categories {
    grid-column: span 3;
  }
}
.homepage-categories__list {
  display: grid;
  gap: 0.25rem;
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
}
@media (max-width: 540px) {
  .homepage-categories__list {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1025px) {
  .homepage-categories__list {
    border-radius: var(--box-radius);
    background: #FFF;
    grid-auto-flow: row;
    grid-auto-rows: 1fr;
    gap: 0;
  }
}
.homepage-categories__list a {
  min-height: 3.5rem;
  display: grid;
  grid-template-areas: "img title" "img count";
  grid-template-rows: 1fr 1fr;
  align-items: center;
  overflow: hidden;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  position: relative;
  font-size: 0.7rem;
  column-gap: 0.5rem;
}
@media (max-width: 540px) {
  .homepage-categories__list a {
    grid-template-columns: 1fr 1fr;
    column-gap: 1.5rem;
    font-size: 0.8rem;
    grid-template-areas: "title img" "count img";
    padding-inline: 1rem;
  }
}
@media (max-width: 1024px) {
  .homepage-categories__list a {
    border-radius: var(--box-radius);
    background: #FFF;
  }
}
@media (min-width: 1025px) {
  .homepage-categories__list a {
    gap: 0;
    grid-template-columns: 3fr 4fr;
    min-height: 2.5rem;
    border-top: 1px solid var(--color-bg);
  }
}
.homepage-categories__list a:after {
  content: "\ec24";
  color: var(--color-primary);
  font-family: "IconsWeb", sans-serif;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -3rem;
  transition: right 0.2s ease;
  font-size: 1.3em;
}
@media (min-width: 1025px) {
  .homepage-categories__list a:hover:after {
    right: 1rem;
  }
}
.homepage-categories__list a:first-child {
  border: none;
}
.homepage-categories__list a img {
  grid-area: img;
  position: relative;
  left: 0;
  object-fit: contain;
  transition: left 0.2s ease;
}
@media (max-width: 540px) {
  .homepage-categories__list a img {
    height: 3rem;
  }
}
@media (min-width: 1025px) {
  .homepage-categories__list a img {
    left: -30%;
  }
}
@media (min-width: 1025px) {
  .homepage-categories__list a:hover img {
    left: -15%;
  }
}
.homepage-categories__list a strong {
  grid-area: title;
  text-transform: uppercase;
  margin-top: auto;
  font-weight: var(--bold-font-weight);
}
.homepage-categories__list a span {
  grid-area: count;
  margin-bottom: auto;
  color: var(--color-light-text);
}

.homepage-recommended {
  grid-column: 1/-1;
  display: grid;
  grid-template-rows: min-content 1fr;
}
@media (min-width: 1025px) {
  .homepage-recommended {
    grid-column: span 9;
  }
}
.homepage-recommended__list {
  display: grid;
  gap: var(--o-bx-gap);
}

.srp-content {
  width: var(--container-width);
  margin-inline: auto;
  display: grid;
  padding-top: var(--site-margin);
}
@media (min-width: 1025px) {
  .srp-content {
    gap: 1rem;
    grid-template-columns: 1fr 3fr;
  }
}

.srp-aside {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  position: relative;
  min-width: 0;
}
@media (max-width: 1024px) {
  .srp-aside {
    position: fixed;
    width: 100svw;
    height: 100svh;
    overflow: auto;
    left: -100%;
    top: 0;
    z-index: 500;
    background: #FFF;
    transition: all 0.2s ease;
    padding: var(--site-margin);
    box-shadow: var(--box-shadow);
  }
  .show-filters .srp-aside {
    left: 0;
  }
}
@media (max-width: 1024px) and (min-width: 721px) and (max-width: 1024px) {
  .srp-aside {
    width: 65svw;
  }
}
.srp-aside__filters {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex-grow: 1;
}
@media (min-width: 1025px) {
  .srp-aside__filters {
    flex-grow: 0;
  }
}
.srp-aside__filters__wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex-grow: 1;
}
@media (max-width: 1024px) {
  .srp-aside__filters__wrapper {
    overflow: auto;
    gap: 0;
  }
}
@media (min-width: 1025px) {
  .srp-aside__filters__wrapper {
    flex-grow: 0;
  }
}
.srp-aside__filters__section {
  background: var(--color-light-gray);
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.srp-aside__filters__section [search-element=group]:first-child {
  border-top-left-radius: var(--box-radius);
  border-top-right-radius: var(--box-radius);
}
.srp-aside__filters__section [search-element=group]:last-child {
  border-bottom-left-radius: var(--box-radius);
  border-bottom-right-radius: var(--box-radius);
}
@media (max-width: 1024px) {
  .srp-aside__filters__section:first-child {
    border-bottom: 1px solid var(--color-light-gray);
  }
}
@media (max-width: 1024px) {
  .srp-aside__filters [search-element=group] {
    border-radius: 0 !important;
  }
}
.srp-aside__filters [search-element=group].input-open {
  --group-bg: var(--color-secondary);
  --label-color: #FFF;
  --placeholder-color: #a9a9a9;
  --choices-color: #a9a9a9;
  --choices-overflow-bg: rgba(255, 255, 255, 0.1);
}
.srp-aside__filters__actions {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr min-content;
}
@media (min-width: 1025px) {
  .srp-aside__filters__actions {
    grid-template-columns: 1fr;
  }
}
.srp-aside__filters__reset-btn {
  text-align: center;
  font-weight: var(--strong-font-weight);
  opacity: 0.5;
  transition: all 0.2s ease;
}
.srp-aside__filters__reset-btn:hover {
  opacity: 1;
}
@media (max-width: 1024px) {
  .srp-aside__filters__reset-btn {
    order: -1;
    padding-bottom: 1rem;
    border-bottom: 1px dashed #ddd;
  }
}

.srp-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.srp-list__tools {
  display: grid;
  row-gap: 0.5rem;
  align-items: start;
  grid-template-columns: max-content 1fr;
  grid-template-areas: "actions actions" "choices choices";
}
.srp-list__tools:not(:has(.slt-choices)) {
  grid-template-areas: "title actions" !important;
}
@media (min-width: 1025px) {
  .srp-list__tools {
    column-gap: 0.5rem;
    grid-template-columns: auto 1fr;
    grid-template-areas: "title actions" "choices actions";
  }
}
.srp-list__tools .slt-title {
  grid-area: title;
  display: none;
  align-items: center;
  flex-wrap: wrap;
  --font-size: 0.7rem;
  gap: 0.2em;
  margin: 0;
}
@media (min-width: 1025px) {
  .srp-list__tools .slt-title {
    display: flex;
  }
}
.srp-list__tools .slt-actions {
  grid-area: actions;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.srp-list__tools .slt-actions * {
  white-space: nowrap;
  flex: 0 0 auto;
}
@media (min-width: 481px) {
  .srp-list__tools .slt-actions > *:last-child {
    margin-left: auto;
  }
}
@media (min-width: 1025px) {
  .srp-list__tools .slt-actions .btn {
    border: none;
  }
}
.srp-list__tools .slt-choices {
  grid-area: choices;
  list-style: none;
  padding: 4px 0;
  gap: 0.5rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 1025px) {
  .srp-list__tools .slt-choices {
    flex-wrap: wrap;
  }
}
.srp-list__tools .slt-choices li {
  flex: 0 0 auto;
  scroll-snap-align: start;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.srp-list__content {
  display: grid;
  gap: var(--o-bx-gap);
}
.srp-list__map {
  display: grid;
  height: 100%;
  min-height: 30rem;
  position: relative;
}
.srp-list__map map {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: var(--box-radius);
}
.srp-list__empty {
  font-size: 1rem;
  padding: 2em;
  margin: 2em auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.srp-list__empty strong {
  font-size: 1.8em;
  font-weight: var(--strong-font-weight);
  color: var(--color-gray);
}
.srp-list__empty span {
  font-size: 0.8em;
  margin-top: 1em;
}

@media (min-width: 721px) and (max-width: 1024px) {
  #dealer-offers {
    width: 90vw;
  }
}
@media (min-width: 1025px) {
  #dealer-offers {
    width: calc(0.75 * var(--container-width));
  }
}
#dealer-offers .dialog__content {
  padding-bottom: 0;
  background-color: var(--color-bg);
}
#dealer-offers .dialog__footer {
  justify-content: start;
}

.dealer-offers {
  flex-direction: column;
  display: flex;
  height: 100%;
}
.dealer-offers__header {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--color-bg);
}
.dealer-offers__header img {
  height: 4rem;
  border-radius: var(--box-radius);
}
.dealer-offers__header address {
  line-height: 1;
  font-style: normal;
  font-size: 1rem;
}
.dealer-offers__header address strong {
  font-size: 0.9em;
  display: block;
}
.dealer-offers__header address span {
  font-size: 0.7em;
  color: var(--color-extralight-text);
}
.dealer-offers__header button {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.dealer-offers__data {
  display: grid;
  gap: 0.5rem;
  grid-auto-rows: max-content;
  overflow: auto;
}
.dealer-offers__data::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.dealer-offers__data::-webkit-scrollbar-thumb {
  background: #cfcfcf;
  border-radius: 3px;
}
.dealer-offers__data::-webkit-scrollbar-track {
  background: #ececec;
  border-radius: 3px;
}
.dealer-offers__data {
  scrollbar-face-color: #cfcfcf;
  scrollbar-track-color: #ececec;
}
@media (max-width: 720px) {
  .dealer-offers__data {
    gap: 1rem;
  }
}
.dealer-offers__data:empty {
  height: 100%;
  background-image: url("../images/loading-buffer_dark-VDwBWPC.gif");
  background-size: 3rem;
  background-repeat: no-repeat;
  background-position: center center;
}

.o-bx {
  background: #FFF;
  border-radius: var(--box-radius);
  overflow: hidden;
  display: grid;
  height: var(--o-bx-height);
  grid-template-areas: "gallery title title" "gallery info price";
  grid-template-columns: min-content 1fr max-content;
  grid-template-rows: min-content 1fr;
}
@media (max-width: 720px) {
  .o-bx {
    grid-template-columns: 50% 1fr max-content;
    grid-template-rows: auto;
  }
}
@media (max-width: 540px) {
  .o-bx {
    grid-template-columns: 1fr var(--obx-price-mobile-width, 9rem);
    grid-template-areas: "gallery price" "title title" "info info";
  }
}
.o-bx__gallery {
  grid-area: gallery;
  aspect-ratio: var(--obx-image-ratio);
  height: 100%;
  width: 100%;
  position: relative;
}
.o-bx__gallery a {
  background-color: #fafafa;
  display: block;
  height: 100%;
  width: 100%;
  outline-offset: -2px;
}
.o-bx__gallery a img {
  object-position: center;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.o-bx__gallery button[clipboard] {
  position: absolute;
  top: 50%;
  transform: translateX(50%) translateY(-50%);
  right: 0;
  box-shadow: var(--box-shadow);
}
.o-bx__gallery button[clipboard][clipboard=true]:not(:hover) {
  --btn-text-color: var(--color-primary);
}
.o-bx__gallery button[clipboard][clipboard=true] i:before {
  content: "\e98d";
}
.o-bx__action {
  position: absolute;
}
.o-bx__action--clipboard {
  bottom: 0.5rem;
  left: 0.5rem;
}
.o-bx__title {
  grid-area: title;
  padding: calc(var(--o-bx-inner-padding) - 0.5em) var(--o-bx-inner-padding) 0 var(--o-bx-inner-padding);
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  --font-size: 1rem;
  font-size: var(--font-size);
}
.o-bx__title:has(.o-bx__tags) {
  padding-right: 4rem;
}
@media (max-width: 720px) {
  .o-bx__title {
    padding-bottom: var(--o-bx-inner-padding);
    --font-size: 1.1rem ;
  }
}
@media (min-width: 541px) and (max-width: 720px) {
  .o-bx__title {
    padding-left: calc(var(--o-bx-inner-padding) + 0.25em);
  }
}
.o-bx__title a {
  transition: color 0.2s ease;
}
.o-bx__title a:hover {
  color: var(--color-primary);
}
.o-bx__title strong {
  font-size: 0.95em;
  line-height: 1.2;
  display: block;
}
.o-bx__title span:not(.tag) {
  color: var(--color-extralight-text);
  font-size: 0.7em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.o-bx__tags {
  position: absolute;
  right: 0;
  top: 0.75rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
}
.o-bx__tags .tag {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@media (max-width: 540px) {
  .o-bx__tags {
    font-size: 0.6rem;
  }
}
.o-bx__info {
  grid-area: info;
  padding: 0 var(--o-bx-inner-padding) var(--o-bx-inner-padding) var(--o-bx-inner-padding);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: auto;
  --font-size: 1rem;
  font-size: var(--font-size);
}
@media (min-width: 541px) and (max-width: 720px) {
  .o-bx__info {
    padding-left: calc(var(--o-bx-inner-padding) + 0.25em);
  }
}
@media (max-width: 600px) {
  .o-bx__info {
    gap: 0;
  }
}
@media (max-width: 540px) {
  .o-bx__info {
    --font-size: 1.2rem;
  }
}
.o-bx__info b {
  text-transform: uppercase;
  font-size: 0.5em;
}
.o-bx__info ul {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  column-gap: 1rem;
  flex-wrap: wrap;
}
@media (max-width: 720px) {
  .o-bx__info ul {
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
  }
}
@media (max-width: 540px) {
  .o-bx__info ul {
    flex-direction: row;
    gap: 1rem;
    align-items: center;
  }
}
@media (min-width: 721px) {
  .o-bx__info ul li:not(:first-child) {
    position: relative;
  }
  .o-bx__info ul li:not(:first-child):before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background: var(--color-extralight-text);
    position: absolute;
    position: absolute;
    left: calc(-2px - 0.5rem);
    top: 50%;
    margin-top: -2px;
  }
}
.o-bx__info ul span,
.o-bx__info ul strong {
  display: block;
  font-size: 0.6em;
  color: var(--color-extralight-text);
}
.o-bx__price {
  grid-area: price;
  margin-top: auto;
  padding: 0 var(--o-bx-inner-padding) var(--o-bx-inner-padding) 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width: 540px) {
  .o-bx__price {
    margin: 0;
    padding-block: 0;
    justify-content: center;
    border-bottom: 1px solid var(--color-light-gray);
    gap: 0.5rem;
  }
}
.o-bx__price p {
  margin: 0;
  --font-size: 1rem;
}
@media (max-width: 540px) {
  .o-bx__price p {
    display: flex;
    flex-direction: column;
    align-items: end;
  }
}
.o-bx__price small {
  font-size: 0.6rem;
  line-height: 1;
  color: var(--color-gray);
}
@media (max-width: 540px) {
  .o-bx__price small {
    font-size: 0.7rem;
  }
}
.o-bx__price strong {
  font-size: 1em;
  line-height: 1;
}
.o-bx__price .installment-price {
  color: var(--color-primary);
  --font-size: 0.9rem;
}
.o-bx__price .installment-price small {
  color: inherit;
}
.o-bx__price .offer-price {
  text-align: right;
  margin-top: 0.5rem;
  --font-scale: 0.8;
}
.o-bx__price .offer-price b {
  display: block;
  --font-size: 0.7rem;
  margin-bottom: -0.5em;
  color: var(--color-gray);
}
.o-bx__price .kinto-price {
  text-align: right;
}
.o-bx__price .kinto-price__header {
  display: flex;
  flex-direction: column;
}
.o-bx__price .kinto-price__header b {
  margin-bottom: -0.2em;
  display: block;
  color: var(--color-kinto);
  --font-size: 0.7rem;
}
.o-bx__price .kinto-price__value {
  display: flex;
  margin-top: 0.25rem;
  gap: 1rem;
  --font-scale: 0.9;
}
.o-bx__price .kinto-price__value p {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.dealer-card {
  width: var(--container-width);
  margin-inline: auto;
  padding-top: var(--site-margin);
}
.dealer-card__content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  align-items: stretch;
}
@media (min-width: 721px) and (max-width: 1024px) {
  .dealer-card__content {
    grid-template-columns: 3fr 2fr;
  }
}
@media (max-width: 720px) {
  .dealer-card__content {
    grid-template-columns: 1fr;
  }
}
.dealer-card__map {
  min-height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dealer-card__map img {
  border-radius: var(--box-radius);
  overflow: hidden;
  max-width: 100%;
  max-height: 100%;
  flex-grow: 1;
}
.dealer-card__info {
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
  background: #FFF;
  padding: 1rem 2rem;
  border-radius: var(--box-radius);
}
@media (max-width: 720px) {
  .dealer-card__info {
    width: calc(100% - 2rem);
    margin-left: 1rem;
    margin-top: -6rem;
    padding-block: 2rem;
  }
}
.dealer-card__info address {
  font-style: normal;
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  padding-bottom: 1em;
}
.dealer-card__info address strong {
  font-size: 1.5em;
}
.dealer-card__info address span {
  font-size: 0.8em;
  color: var(--color-extralight-text);
}

.vdp-content {
  width: var(--container-width);
  margin-inline: auto;
  display: grid;
  padding-top: 1rem;
  gap: 1rem;
}

.vdp-header {
  display: flex;
  flex-direction: column-reverse;
  gap: 0.5rem;
}
.vdp-header__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.vdp-header__info span {
  font-size: 0.6rem;
  font-weight: 300;
  color: var(--color-extralight-text);
  text-transform: uppercase;
}
.vdp-header__info strong {
  font-weight: var(--bold-font-weight);
  text-transform: uppercase;
  color: var(--font-color);
}
.vdp-header__title {
  display: grid;
  column-gap: 1.5rem;
  align-items: center;
  grid-template-columns: max-content max-content 1fr;
  grid-template-areas: "title tags actions" "subtitle subtitle subtitle";
}
@media (min-width: 721px) and (max-width: 1024px) {
  .vdp-header__title {
    grid-template-columns: max-content 1fr;
    grid-template-areas: "tags tags" "title actions" "subtitle subtitle";
  }
}
@media (max-width: 720px) {
  .vdp-header__title {
    grid-template-columns: max-content 1fr;
    grid-template-areas: "tags tags" "actions actions" "title title" "subtitle subtitle";
  }
}
.vdp-header__title h1 {
  grid-area: title;
  margin: 0;
  font-weight: var(--strong-font-weight);
  --font-scale: 0.8;
}
.vdp-header__title strong {
  grid-area: subtitle;
  font-size: 1rem;
  font-weight: var(--font-weight);
  color: var(--color-extralight-text);
}
.vdp-header__title__tags {
  grid-area: tags;
  display: flex;
  gap: 0.25rem;
  padding-top: 0.6em;
}
.vdp-header__title__actions {
  margin-left: auto;
  display: flex;
  gap: 0.5rem;
}

.vdp-main {
  display: grid;
  margin-bottom: 1rem;
  gap: 1rem;
  position: relative;
  grid-template-areas: "gallery" "thumbs" "aside";
}
.vdp-main.no-photo {
  grid-template-areas: "gallery" "aside";
}
@media (min-width: 721px) and (max-width: 1024px) {
  .vdp-main {
    grid-template-columns: 1fr 6rem;
    grid-template-rows: auto auto;
    grid-template-areas: "gallery thumbs" "aside aside";
  }
  .vdp-main.no-photo {
    grid-template-areas: "gallery gallery" "aside aside";
  }
}
@media (min-width: 1025px) {
  .vdp-main {
    grid-template-columns: 3fr 1fr;
    grid-template-areas: "gallery aside" "thumbs aside";
  }
  .vdp-main.no-photo {
    grid-template-areas: "gallery aside";
  }
}
.vdp-main .vdp-gallery {
  grid-area: gallery;
  display: flex;
  aspect-ratio: var(--obx-image-ratio);
  justify-content: center;
  position: relative;
  min-width: 0;
}
.vdp-main .vdp-gallery > button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.vdp-main .vdp-gallery > button[gallery=prev] {
  left: 1rem;
}
.vdp-main .vdp-gallery > button[gallery=next] {
  right: 1rem;
}
.vdp-main .vdp-gallery__preview {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.vdp-main .vdp-gallery iframe {
  border: none;
  width: 100%;
  height: 100%;
}
.vdp-main .vdp-gallery img {
  border-radius: var(--box-radius);
  overflow: hidden;
  width: auto;
  height: auto;
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}
.vdp-main .vdp-thumbs {
  grid-area: thumbs;
  list-style: none;
  padding: 0.5rem 0;
  margin-top: -0.5rem;
  display: flex;
  gap: 1rem;
  overflow: auto;
  height: 5rem;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
.vdp-main .vdp-thumbs::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.vdp-main .vdp-thumbs::-webkit-scrollbar-thumb {
  background: #dfdfdf;
  border-radius: 3px;
}
.vdp-main .vdp-thumbs::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 3px;
}
.vdp-main .vdp-thumbs {
  scrollbar-face-color: #dfdfdf;
  scrollbar-track-color: #fff;
}
@media (min-width: 721px) and (max-width: 1024px) {
  .vdp-main .vdp-thumbs {
    flex-direction: column;
    padding: 0 0.5rem;
    margin: 0 -0.5rem;
    height: auto;
    max-height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 7rem;
    scroll-snap-type: y mandatory;
  }
}
.vdp-main .vdp-thumbs li {
  scroll-snap-align: start;
  cursor: pointer;
  outline-offset: -5px !important;
}
.vdp-main .vdp-thumbs li img {
  height: 100%;
  max-inline-size: none;
  user-select: none;
  border-radius: var(--box-radius);
  overflow: hidden;
  border: 2px solid var(--color-bg);
  transition: all 0.2s ease-in-out;
}
@media (min-width: 721px) and (max-width: 1024px) {
  .vdp-main .vdp-thumbs li img {
    width: 100%;
    height: auto;
  }
}
.vdp-main .vdp-thumbs li:hover img {
  border-color: var(--color-secondary);
}
.vdp-main .vdp-thumbs li[aria-selected=true] img {
  border-color: var(--color-primary);
}
.vdp-main .vdp-aside {
  grid-area: aside;
  background: #FFF;
  border-radius: var(--box-radius);
  display: flex;
  flex-direction: column;
  padding: 1rem;
  gap: 0.25rem 1rem;
}
@media (min-width: 721px) and (max-width: 1024px) {
  .vdp-main .vdp-aside {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "price contact" "price actions";
  }
}
@media (min-width: 1025px) {
  .vdp-main .vdp-aside {
    padding: 0rem;
    gap: 0;
  }
}
.vdp-main .vdp-aside__contact {
  grid-area: contact;
  border-bottom: 1px solid var(--color-bg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 720px) {
  .vdp-main .vdp-aside__contact {
    order: 2;
  }
}
@media (min-width: 1025px) {
  .vdp-main .vdp-aside__contact {
    padding: 1rem;
  }
}
.vdp-main .vdp-aside__price {
  grid-area: price;
  flex: 1;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 720px) {
  .vdp-main .vdp-aside__price {
    order: 1;
  }
}
@media (min-width: 1025px) {
  .vdp-main .vdp-aside__price {
    align-items: flex-end;
  }
}
.vdp-main .vdp-aside__price p {
  margin: 0;
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  --font-size: 1.2rem;
}
.vdp-main .vdp-aside__price strong {
  font-size: 1.5em;
}
.vdp-main .vdp-aside__price small {
  text-align: right;
  line-height: 1.1;
  color: var(--color-extralight-text);
  font-size: 0.6rem;
  padding-bottom: 0.9em;
}
.vdp-main .vdp-aside__price strong + small {
  text-align: left;
}
.vdp-main .vdp-aside__price .kinto-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.25rem;
  width: 100%;
  max-width: 18rem;
}
.vdp-main .vdp-aside__price .kinto-price__header {
  display: flex;
  flex-direction: column;
}
.vdp-main .vdp-aside__price .kinto-price__header b {
  color: var(--color-kinto);
  font-weight: var(--strong-font-weight);
  --font-size: 0.6rem;
}
.vdp-main .vdp-aside__price .kinto-price__header small {
  text-align: left;
  padding: 0;
}
.vdp-main .vdp-aside__price .kinto-price__value {
  --font-scale: 0.7;
}
.vdp-main .vdp-aside__price .kinto-price__value small {
  padding-bottom: 0.6em;
}
.vdp-main .vdp-aside__price .kinto-price + .retail-price {
  margin-top: 0.5rem;
}
.vdp-main .vdp-aside__price .installment-price strong {
  color: var(--color-primary);
}
.vdp-main .vdp-aside__price__installment-info {
  padding-top: 1rem;
}
@media (max-width: 720px) {
  .vdp-main .vdp-aside__price__installment-info p {
    justify-content: center;
  }
}
.vdp-main .vdp-aside__price__installment-info p small {
  font-size: 0.6rem;
  text-align: left;
}
@media (max-width: 720px) {
  .vdp-main .vdp-aside__price__installment-info p small {
    text-align: center;
  }
}
.vdp-main .vdp-aside__actions {
  grid-area: actions;
}
@media (max-width: 720px) {
  .vdp-main .vdp-aside__actions {
    order: 3;
  }
}
@media (min-width: 1025px) {
  .vdp-main .vdp-aside__actions {
    border-top: 1px solid var(--color-bg);
    padding: 1rem;
  }
}

.vdp-description {
  display: flex;
  flex-direction: column;
  --font-size: 0.7rem;
}

.vdp-tech {
  margin-bottom: 1rem;
}
.vdp-tech ul {
  border-radius: var(--box-radius);
  background: #FFF;
  padding: 2rem;
  display: grid;
  grid-template-columns: repeat(var(--column-count), minmax(0, 1fr));
  gap: 1rem 2rem;
  list-style: none;
  --column-count: 2;
}
@media (min-width: 721px) and (max-width: 1024px) {
  .vdp-tech ul {
    --column-count: 3;
  }
}
@media (min-width: 1025px) {
  .vdp-tech ul {
    --column-count: 4;
  }
}
.vdp-tech ul li {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  --font-size: 1rem;
}
.vdp-tech ul li span {
  font-size: 0.7em;
  color: var(--color-extralight-text);
  flex-basis: 100%;
}
.vdp-tech ul li strong {
  font-size: 0.9em;
  overflow-wrap: anywhere;
}

.vdp-eq {
  margin-bottom: 1rem;
}
.vdp-eq__accordion ul {
  padding: 0;
  list-style: none;
  column-count: var(--columns);
  column-gap: 1rem;
  --columns: 3;
}
@media (max-width: 720px) {
  .vdp-eq__accordion ul {
    --columns: 2;
  }
}

.vdp-advantages__list {
  display: grid;
  gap: 0.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 481px) {
  .vdp-advantages__list {
    justify-content: center;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: 1rem;
    margin-block: 1rem;
  }
}
.vdp-advantages__box {
  border-radius: var(--box-radius);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  background: var(--color-secondary);
  color: #FFF;
}
@media (min-width: 481px) {
  .vdp-advantages__box {
    padding-block: 1rem;
    min-height: 4rem;
    min-width: 0;
  }
}
.vdp-advantages__box strong {
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: var(--bold-font-weight);
  line-height: 1.2;
}
.vdp-advantages__box i {
  font-size: 2rem;
  opacity: 0.5;
}

.vdp-accessories {
  margin-bottom: 1rem;
  min-width: 0;
}
.vdp-accessories section {
  display: grid;
  gap: 1rem;
  overflow: auto;
  max-height: 20rem;
  margin-inline: -0.5rem;
  padding-inline: 0.5rem;
  grid-auto-rows: max-content;
}
.vdp-accessories section::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.vdp-accessories section::-webkit-scrollbar-thumb {
  background: #dfdfdf;
  border-radius: 3px;
}
.vdp-accessories section::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 3px;
}
.vdp-accessories section {
  scrollbar-face-color: #dfdfdf;
  scrollbar-track-color: #fff;
}
@media (min-width: 1025px) {
  .vdp-accessories section {
    grid-template-columns: 1fr 1fr;
    max-height: 17.5rem;
  }
}
.vdp-accessories__box {
  background: #FFF;
  border-radius: var(--box-radius);
  display: grid;
  overflow: hidden;
  grid-template-columns: 6rem 1fr;
  grid-template-rows: 1fr max-content;
}
@media (min-width: 1025px) {
  .vdp-accessories__box {
    grid-template-columns: max-content 1fr;
  }
}
.vdp-accessories__box img {
  margin: auto 0;
  grid-row: span 2;
  aspect-ratio: 1/1;
  object-fit: cover;
}
@media (min-width: 1025px) {
  .vdp-accessories__box img {
    height: 8rem;
  }
}
.vdp-accessories__box p {
  margin: auto auto auto 0;
  font-weight: var(--strong-font-weight);
  padding: 0.5rem 1rem;
}
@media (min-width: 1025px) {
  .vdp-accessories__box p {
    padding-inline: 1.5rem;
  }
}
.vdp-accessories__box__footer {
  display: flex;
  justify-content: space-between;
  padding: 0rem 1rem 1rem;
  align-items: center;
}
@media (min-width: 1025px) {
  .vdp-accessories__box__footer {
    padding: 1rem 1.5rem;
  }
}
.vdp-accessories__box__footer small {
  font-weight: var(--font-weight);
  color: var(--color-extralight-text);
  display: block;
  font-size: 0.7rem;
}
.vdp-accessories__box__footer strong {
  display: block;
  font-size: 0.8rem;
}
.vdp-accessories__empty-img {
  margin-bottom: 1rem;
}
.vdp-accessories__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#accessory-info .accessory-modal-content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-block: 0.5rem;
}
#accessory-info .accessory-modal-content aside {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  align-items: center;
}
@media (max-width: 720px) {
  #accessory-info .accessory-modal-content aside {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
}
#accessory-info .accessory-modal-content aside picture {
  box-shadow: var(--box-shadow);
  border-radius: var(--box-radius);
  overflow: hidden;
  flex: 1 1;
}
@media (max-width: 720px) {
  #accessory-info .accessory-modal-content aside picture {
    margin: 2rem 1rem 0 1rem;
  }
}
#accessory-info .accessory-modal-content aside picture img {
  width: 100%;
}
#accessory-info .accessory-modal-content aside .accessory-modal-content__info {
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  min-height: 100%;
  flex: 1 1;
}
@media (max-width: 720px) {
  #accessory-info .accessory-modal-content aside .accessory-modal-content__info {
    padding-inline: 1rem;
  }
}
#accessory-info .accessory-modal-content aside .accessory-modal-content__info__title {
  margin: auto 0;
  padding-block: 1rem;
}
#accessory-info .accessory-modal-content aside .accessory-modal-content__info__title h3 {
  margin: 0;
}
#accessory-info .accessory-modal-content aside .accessory-modal-content__info__price {
  display: flex;
  flex-direction: column;
}
#accessory-info .accessory-modal-content aside .accessory-modal-content__info__price span {
  font-weight: var(--font-weight);
  color: var(--color-extralight-text);
  font-size: 0.8em;
}
#accessory-info .accessory-modal-content aside .accessory-modal-content__info__price strong {
  font-size: 1em;
}
#accessory-info .accessory-modal-content article {
  padding: 2rem 2rem 1rem 2rem;
  background: #f9f9f9;
  border-radius: var(--box-radius);
}
@media (max-width: 720px) {
  #accessory-info .accessory-modal-content article {
    padding: 1rem 1rem 0 1rem;
  }
}

.vdp-finance {
  margin-block: 1rem;
}
.vdp-finance__wrapper {
  display: grid;
  gap: 2rem;
  align-items: flex-start;
}
.vdp-finance__wrapper .makolab {
  min-width: 0;
}

.finance-calc {
  background: #FFF;
  border-radius: var(--box-radius);
  --padding-x: 2rem;
}
@media (max-width: 720px) {
  .finance-calc {
    --padding-x: 1rem;
  }
}
.finance-calc h3 {
  text-transform: uppercase;
  color: var(--color-extralight-text);
  margin: 0;
  font-size: var(--font-size);
  font-weight: var(--font-weight);
}
.finance-calc__kind {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--padding-x);
  gap: var(--padding-x);
  border-bottom: 2px solid var(--color-bg);
}
.finance-calc__period {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--padding-x);
  gap: var(--padding-x);
  border-bottom: 2px solid var(--color-bg);
}
.finance-calc__tabs {
  padding: 0;
  display: flex;
  gap: 1.5rem;
  margin-bottom: -1px;
}
@media (max-width: 720px) {
  .finance-calc__tabs {
    gap: 1rem;
  }
}
.finance-calc__tabs__tab {
  list-style: none;
  padding: 0;
}
.finance-calc__tabs__tab label {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  height: 100%;
  position: relative;
  padding: 0.5rem 0;
  min-height: 3.5rem;
  font-size: 0.75rem;
  transition: all 0.2s ease;
  font-weight: var(--bold-font-weight);
  border-bottom: 1px solid transparent;
}
.finance-calc__tabs__tab label:hover {
  border-color: var(--color-link);
}
.finance-calc__tabs__tab input {
  display: none;
}
.finance-calc__tabs__tab:has(input:checked) label {
  color: var(--color-link);
  border-color: var(--color-link);
}
.finance-calc__header {
  display: flex;
  flex-direction: column;
  position: relative;
  border-bottom: 2px solid var(--color-bg);
}
.finance-calc__header__apr {
  position: absolute;
  bottom: 0;
  left: var(--padding-x);
  transform: translateY(50%);
  font-size: 0.6rem;
}
.finance-calc__header__apr[aria-hidden=true] {
  display: none;
}
.finance-calc__header__value {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  min-height: 7rem;
  padding: 1rem var(--padding-x);
}
.finance-calc__header__value__box {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.finance-calc__header__value p {
  margin: 0;
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  line-height: 1;
  margin-bottom: 0.2em;
  --font-size: 1.4rem;
}
@media (max-width: 720px) {
  .finance-calc__header__value p {
    --font-size: 1.2rem;
  }
}
.finance-calc__header__value p strong {
  font-size: 1.5em;
}
.finance-calc__header__value p small {
  text-align: left;
  line-height: 1.1;
  color: var(--color-extralight-text);
  font-size: 0.6rem;
  padding-bottom: 0.2em;
}
.finance-calc__header__value__note {
  line-height: 1;
  color: var(--color-extralight-text);
  text-transform: uppercase;
  font-size: 0.7rem;
}
.finance-calc__header__value__note:empty {
  display: none;
}
.finance-calc__form {
  padding-block: var(--padding-x);
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.finance-calc__form__group {
  display: flex;
  flex-direction: column;
  padding-inline: var(--padding-x);
  overflow: hidden;
}
.finance-calc__form__group p {
  margin: 0;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  font-weight: var(--bold-font-weight);
}
.finance-calc__form__group p span {
  margin-left: auto;
}

.finance-description article {
  display: grid;
  gap: 1rem;
}
@media (min-width: 721px) and (max-width: 1024px) {
  .finance-description article {
    grid-template-columns: 1fr 1fr;
  }
}
.finance-description article[aria-hidden=true] {
  display: none;
}
.finance-description__img {
  padding-top: 45%;
  position: relative;
}
.finance-description__img img {
  border-radius: var(--box-radius);
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.finance-description__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}
.finance-description__content h2 {
  margin: -0.25em 0 0 0;
}

.vdp-extras {
  margin-block: 1rem;
  display: grid;
  gap: 1rem;
}
@media (min-width: 769px) {
  .vdp-extras {
    gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }
}
.vdp-extras__img {
  padding-top: 45%;
  position: relative;
}
.vdp-extras__img img {
  border-radius: var(--box-radius);
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vdp-extras__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}
.vdp-extras__content h2 {
  margin: -0.25em 0 0 0;
}

.vdp-consultant {
  margin-bottom: 1rem;
}
.vdp-consultant__wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  gap: 1rem;
  overflow: auto;
  list-style: none;
  max-height: 19rem;
  margin-inline: -0.5rem;
  padding-inline: 0.5rem;
}
.vdp-consultant__wrapper::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.vdp-consultant__wrapper::-webkit-scrollbar-thumb {
  background: #dfdfdf;
  border-radius: 3px;
}
.vdp-consultant__wrapper::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 3px;
}
.vdp-consultant__wrapper {
  scrollbar-face-color: #dfdfdf;
  scrollbar-track-color: #fff;
}
.vdp-consultant__box {
  border-radius: var(--box-radius);
  background-color: #FFF;
  padding: 1rem;
}

.vdp-dealer__wrapper {
  display: flex;
  flex-direction: column-reverse;
  gap: 1rem;
}
@media (min-width: 721px) {
  .vdp-dealer__wrapper {
    display: grid;
    grid-template-columns: 1fr 2fr;
  }
}
@media (min-width: 1025px) {
  .vdp-dealer__wrapper {
    grid-template-columns: 1fr 3fr;
  }
}
.vdp-dealer__contact {
  background: #FFF;
  border-radius: var(--box-radius);
  padding: 1rem;
  flex-direction: column;
  display: flex;
}
.vdp-dealer__contact img {
  border-radius: var(--box-radius);
  margin-bottom: 1rem;
}
@media (max-width: 720px) {
  .vdp-dealer__contact img {
    display: none;
  }
}
.vdp-dealer__contact__data {
  padding-bottom: 1rem;
}
.vdp-dealer__contact__data address {
  font-style: normal;
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  padding-bottom: 1em;
}
.vdp-dealer__contact__data address strong {
  font-size: 0.9em;
}
.vdp-dealer__contact__data address span {
  font-size: 0.7em;
  color: var(--color-extralight-text);
}
.vdp-dealer__contact .btn {
  margin-top: auto;
}
.vdp-dealer__map {
  position: relative;
  display: grid;
}
.vdp-dealer__map img {
  border-radius: var(--box-radius);
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vdp-gallery-modal::backdrop {
  background: rgba(0, 0, 0, 0.6);
}

.vdp-gallery-modal {
  border: 0;
  padding: 0;
  background: var(--color-bg);
  width: calc(100vw - 2 * var(--site-margin));
  height: calc(100vh - 2 * var(--site-margin));
  overflow: hidden;
}
.has-no-thumbs .vdp-gallery-modal__nav {
  opacity: 0;
  visibility: hidden;
}
.vdp-gallery-modal__panel {
  position: relative;
  display: grid;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  min-height: 0;
  flex-grow: 1;
  grid-template-columns: min-content 1fr min-content 5rem;
}
@media (orientation: portrait) {
  .vdp-gallery-modal__panel {
    grid-template-columns: min-content 1fr min-content;
    grid-template-rows: min-content 1fr min-content;
  }
}
.vdp-gallery-modal__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.vdp-gallery-modal__figure {
  margin: 0;
  height: 100%;
  min-height: 0;
  text-align: center;
  display: grid;
  grid-template-rows: 1fr 2rem;
  align-items: center;
  justify-content: center;
  touch-action: pan-y;
}
@media (orientation: portrait) {
  .vdp-gallery-modal__figure {
    grid-row: 2/3;
    grid-column: 1/4;
  }
}
.vdp-gallery-modal__img {
  max-width: 100%;
  max-height: 100%;
  min-height: 0;
  object-fit: contain;
  border-radius: var(--box-radius);
  user-select: none;
  user-drag: none;
}
.vdp-gallery-modal__counter {
  font-size: 0.6rem;
  color: var(--color-light-text);
  padding-top: 0.5rem;
}
.vdp-gallery-modal__thumbs {
  display: flex;
  gap: 0.5rem;
  overflow: auto;
  height: calc(100% - 3rem);
  padding: 0;
  list-style: none;
  flex-direction: column;
  margin: 3rem 0 0 0;
}
@media (orientation: portrait) {
  .vdp-gallery-modal__thumbs {
    flex-direction: row;
    height: auto;
    margin: 0;
    grid-column: 1/4;
  }
}
.vdp-gallery-modal__thumbs button {
  padding: 0;
  background: transparent;
  border: none;
}
.vdp-gallery-modal__thumbs button.is-active img {
  border-color: var(--color-primary);
}
.vdp-gallery-modal__thumbs button:hover img {
  border-color: #000;
}
.vdp-gallery-modal__thumbs button img {
  border: 2px solid transparent;
  width: 5rem;
  max-height: 5rem;
  display: block;
  border-radius: var(--box-radius);
  overflow: hidden;
  user-select: none;
  user-drag: none;
}
@media (orientation: portrait) {
  .vdp-gallery-modal__thumbs button img {
    width: auto;
    max-width: none;
    max-height: none;
    height: 4rem;
  }
}

.car-valuation__form {
  display: grid;
  gap: 2rem;
  align-items: flex-start;
}
@media (min-width: 1025px) {
  .car-valuation__form {
    grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr);
  }
}
.car-valuation__form__column {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.car-valuation__form__info {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.car-valuation__form__steps {
  margin: 0;
  padding: 0;
  flex-direction: column;
  display: flex;
  position: relative;
  gap: 2rem;
}
.car-valuation__form__steps:after {
  content: "";
  position: absolute;
  width: 2px;
  margin-left: -1px;
  height: 100%;
  top: 0;
  background: #FFF;
  left: 2rem;
}
.car-valuation__form__steps > li {
  padding: 0;
  display: grid;
  gap: 1rem;
  grid-template-columns: min-content 1fr;
}
.car-valuation__form__steps > li i {
  font-size: 1rem;
  height: 4em;
  width: 4em;
  border-radius: 50%;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.car-valuation__form__steps > li i svg {
  width: 50%;
}
.car-valuation__form__steps > li article {
  margin: auto 0;
}
.car-valuation__form__steps > li article header {
  margin-bottom: 1rem;
}
.car-valuation__form__steps > li article header strong {
  color: var(--color-extralight-text);
  --font-size: 0.7rem;
  text-transform: uppercase;
}
.car-valuation__form__steps > li article header h3 {
  font-weight: var(--bold-font-weight);
  margin: 0;
  line-height: 1.1;
}
.car-valuation__form__steps > li article header:not(:has(strong)) h3 {
  margin-top: 0.5rem;
}
.car-valuation__form__steps > li article ul {
  margin-bottom: 1rem;
}
.car-valuation__form__box {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1rem 2rem;
  position: relative;
  margin-top: 1rem;
}
.car-valuation__form__box[aria-hidden=true] {
  display: none;
}
.car-valuation__form h3 {
  display: flex;
  align-items: center;
  margin: 0;
}
.car-valuation__form h3 i {
  margin-left: auto;
  font-size: 1.5em;
  color: var(--color-extralight-text);
}
.car-valuation__form [attribute=category],
.car-valuation__form [attribute=make],
.car-valuation__form [attribute=model],
.car-valuation__form [attribute=gearbox],
.car-valuation__form [attribute=regmonth],
.car-valuation__form [attribute=regdate] {
  grid-column: span 6;
}
@media (min-width: 721px) {
  .car-valuation__form [attribute=category],
  .car-valuation__form [attribute=make],
  .car-valuation__form [attribute=model],
  .car-valuation__form [attribute=gearbox],
  .car-valuation__form [attribute=regmonth],
  .car-valuation__form [attribute=regdate] {
    grid-column: span 3;
  }
}
.car-valuation__form [attribute=fuel],
.car-valuation__form [attribute=engineCapacity],
.car-valuation__form [attribute=enginePower],
.car-valuation__form [attribute=seats] {
  grid-column: span 3;
}
.car-valuation__form [attribute=type] {
  grid-column: span 6;
}
.car-valuation__decision.show-confirmation, .car-valuation__decision.show-upload {
  display: none;
}
.car-valuation__decision:not(.show-confirmation) ~ .car-valuation__confirmation {
  display: none;
}
.car-valuation__decision:not(.show-upload) ~ .car-valuation__upload {
  display: none;
}
.car-valuation__confirmation .confirmation {
  flex-direction: column;
  gap: 0;
}

.subpage {
  width: var(--container-width);
  margin-inline: auto;
  padding: 1rem 0;
}
.subpage h1 + p {
  margin-top: calc(var(--h1-font-size) * 0.8 * -1);
  --font-size: 1rem;
  margin-bottom: 2rem;
  color: var(--color-extralight-text);
}
.subpage blockquote {
  background: #f9f9f9;
  border-radius: var(--box-radius);
  margin: 0 0 1rem 0;
  padding: 1em;
  font-style: italic;
  text-align: center;
}
.subpage__intro {
  border-radius: var(--box-radius);
  overflow: hidden;
  margin-bottom: 2rem;
  background: #FFF;
  position: relative;
}
.subpage__intro:before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-bg);
  mask-image: linear-gradient(100deg, transparent 0%, #000 50%, transparent 100%);
  mask-size: 200% 100%;
  mask-repeat: no-repeat;
  animation: shimmer 1s infinite linear;
}
.subpage__intro img {
  position: relative;
  z-index: 1;
  object-position: center;
  object-fit: cover;
  width: 100%;
  aspect-ratio: 4/1;
}
.subpage__content {
  display: grid;
}
.subpage__content--warranty {
  gap: 2rem;
}
@media (min-width: 1025px) {
  .subpage__content--warranty {
    grid-template-columns: 1fr 1fr;
  }
}
.subpage__content--warranty .panel {
  gap: 2rem;
}
.subpage__content--warranty .panel .btn {
  margin-top: auto;
}
.subpage__content--quality {
  gap: 2rem;
}
.subpage__content--accessories .accessories__actions {
  margin-top: 2rem;
  text-align: right;
  display: flex;
  justify-content: flex-end;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.subpage__content--about article {
  margin-bottom: 2rem;
}
.subpage__content--hybrids article {
  display: grid;
  align-items: center;
  margin-block: 2rem;
  gap: 1rem 2rem;
}
@media (min-width: 1025px) {
  .subpage__content--hybrids article {
    grid-template-columns: 1fr 1fr;
  }
  .subpage__content--hybrids article:nth-child(odd) img {
    grid-column: 2;
    grid-row: 1;
  }
  .subpage__content--hybrids article:nth-child(odd) .article__wrapper {
    grid-column: 1;
    grid-row: 1;
  }
}
.subpage__content--hybrids article img {
  object-fit: cover;
  border-radius: var(--box-radius);
  width: 100%;
  aspect-ratio: 3/1;
}
@media (min-width: 1025px) {
  .subpage__content--hybrids article img {
    aspect-ratio: unset;
  }
}
.subpage__content--hybrids article .article__wrapper h2 {
  color: var(--color-hybrid);
  text-transform: uppercase;
  --font-scale: 0.8 ;
}
.subpage__content--hybrids article .article__wrapper p {
  margin-bottom: 0;
}
.subpage__content--service .subpage-service-price__content {
  display: grid;
  gap: 2rem;
  align-items: center;
}
@media (min-width: 1025px) {
  .subpage__content--service .subpage-service-price__content {
    grid-template-columns: 1fr 1fr;
  }
}
.subpage__content--service .subpage-service-price .panel {
  margin-top: 0.75rem;
  padding: 0;
  overflow: hidden;
}
.subpage__content--service .subpage-service-advisor {
  margin-top: 2.5rem;
}
@media (min-width: 1025px) {
  .subpage__content--service .subpage-service-advisor {
    margin-top: 5rem;
  }
}
.subpage__content--service .subpage-service-advisor__content {
  display: grid;
  gap: 2rem;
  align-items: center;
}
@media (min-width: 1025px) {
  .subpage__content--service .subpage-service-advisor__content {
    grid-template-columns: 1fr 1fr;
  }
}
.subpage__content--service .subpage-service-advisor h2 small {
  display: block;
  font-size: 0.45em;
  color: var(--color-extralight-text);
}
.subpage__content--service .subpage-service-advisor .panel {
  margin-top: 0.75rem;
  padding: 0;
  overflow: hidden;
}
.subpage__content--service .subpage-service-advisor__boxes {
  margin-top: 2.5rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}
@media (min-width: 721px) and (max-width: 1024px) {
  .subpage__content--service .subpage-service-advisor__boxes {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1025px) {
  .subpage__content--service .subpage-service-advisor__boxes {
    grid-template-columns: 1fr 1fr;
    margin-top: 5rem;
  }
}
.subpage__content--service .subpage-service-advisor__boxes article {
  margin: 0 !important;
  display: grid;
  grid-template-rows: min-content 1fr;
  grid-template-columns: 2fr 3fr;
  grid-template-areas: "picture title" "picture content";
}
@media (max-width: 480px) {
  .subpage__content--service .subpage-service-advisor__boxes article {
    grid-template-rows: min-content min-content 1fr;
    grid-template-columns: 1fr;
    grid-template-areas: "picture" "title" "content";
  }
}
@media (min-width: 721px) and (max-width: 1024px) {
  .subpage__content--service .subpage-service-advisor__boxes article {
    grid-template-rows: min-content min-content 1fr;
    grid-template-columns: 1fr;
    grid-template-areas: "picture" "title" "content";
  }
}
.subpage__content--service .subpage-service-advisor__boxes article picture {
  grid-area: picture;
}
.subpage__content--service .subpage-service-advisor__boxes article picture img {
  height: 100%;
  object-fit: cover;
}
.subpage__content--service .subpage-service-advisor__boxes article h3 {
  grid-area: title;
  margin: 0;
  padding: 1rem 1.5rem;
}
.subpage__content--service .subpage-service-advisor__boxes article p {
  grid-area: content;
  margin: 0;
  padding: 0 1.5rem 1.5rem 1.5rem;
}
.subpage__content--service .subpage-service-advisor__steps {
  margin-top: 1rem;
}
@media (min-width: 1025px) {
  .subpage__content--service .subpage-service-advisor__steps {
    margin-top: 2.5rem;
  }
}
.subpage__content--service .subpage-service-advisor__steps h3 {
  text-align: center;
}
.subpage__content--service .subpage-service-advisor__steps ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
@media (max-width: 480px) {
  .subpage__content--service .subpage-service-advisor__steps ul {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1025px) {
  .subpage__content--service .subpage-service-advisor__steps ul {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.subpage__content--service .subpage-service-advisor__steps ul li {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.subpage__content--service .subpage-service-advisor__steps ul li samp {
  min-width: 2rem;
  height: 2rem;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  margin: 0 !important;
  font-weight: var(--strong-font-weight);
}
.subpage__content--service .subpage-service-advisor__steps ul li p {
  margin: 0;
}
.subpage__content--benefits h3 {
  color: var(--color-primary);
}
.subpage__content--benefits .benefits-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.subpage__content--benefits .benefits-cols i {
  color: var(--color-primary);
  font-size: 3rem;
}
.subpage__content--benefits .benefits-cols .benefits-col {
  display: flex;
  gap: 40px;
}
.subpage__content--financing article {
  margin-bottom: 4rem;
}
.subpage__content--financing h3 {
  margin-top: 2rem;
}
.subpage__content--financing .table {
  max-width: calc(100vw - 2 * var(--site-margin));
}
.subpage__content--financing table {
  --font-size: 0.7rem;
}
.subpage__content--financing table small {
  display: block;
}
.subpage__content--financing .financing__benefits {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  margin-bottom: 2rem;
}
@media (min-width: 1025px) {
  .subpage__content--financing .financing__benefits {
    grid-template-columns: 1fr 1fr;
  }
}
.subpage__content--financing .financing__benefits__boxes {
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
.subpage__content--financing .financing__benefits__boxes li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding-block: 1rem;
  --font-size: 0.7rem;
}
.subpage__content--financing .financing__benefits__boxes li i {
  font-size: 2em;
  color: var(--color-primary);
}
.subpage__content--financing .financing__benefits__boxes li span {
  text-align: center;
}
.subpage__content--financing .financing__benefits__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.subpage__content--financing .financing__benefits__content .btn {
  margin-top: 2rem;
}
.subpage__content--financing .financing__toyotaeasy {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 2rem;
  align-items: center;
}
.subpage__content--financing .financing__toyotaeasy img {
  overflow: hidden;
  border-radius: var(--box-radius);
  box-shadow: var(--box-shadow);
}
.subpage__content--financing .financing__actions {
  margin-top: 2rem;
  text-align: right;
  display: flex;
  justify-content: flex-end;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.subpage__content--financing .financing__comfortpay ul {
  margin-bottom: 2rem;
}
.subpage__content--cookies h3 {
  margin-top: 1rem;
}
.subpage__content--cookies .styled-list {
  margin-bottom: 1rem;
}
.subpage__content--cookies form {
  text-align: center;
}
.subpage__content--cookies .cookies-content {
  margin-bottom: 1rem;
  text-align: left;
  display: grid;
  gap: 1rem;
}
@media (min-width: 1025px) {
  .subpage__content--cookies .cookies-content {
    grid-template-columns: 1fr 1fr;
  }
}
.subpage__content--cookies .cookies-content .cookies-box {
  padding: 1rem;
}
@media (min-width: 1025px) {
  .subpage__content--cookies .cookies-content .cookies-box {
    padding: 2rem;
  }
}
.subpage__content--cookies .cookies-content .cookies-box__header {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: space-between;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-bg);
}
@media (min-width: 1025px) {
  .subpage__content--cookies .cookies-content .cookies-box__header {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
}
.subpage__content--cookies .cookies-content .cookies-box__header i {
  font-size: 1.5em;
}
.subpage__content--cookies .cookies-content .cookies-box__content p:last-child {
  margin: 0;
}
.subpage__content--policy article + h2 {
  margin-top: 2rem;
}
.subpage__content--policy h3 {
  margin-top: 1rem;
}
.subpage__content--policy .styled-list {
  margin-bottom: 1rem;
}
.subpage__content--360 {
  display: grid;
  margin-bottom: 1rem;
}
@media (min-width: 1025px) {
  .subpage__content--360 {
    grid-template-columns: 1fr 1fr;
  }
  .subpage__content--360 .subpage__intro {
    margin-bottom: 0;
  }
  .subpage__content--360 .subpage__intro img {
    aspect-ratio: unset;
    height: 100%;
  }
}
.subpage__content--not-found .error-actions {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding-bottom: 1rem;
}
.subpage__content--not-found .error-info {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--color-extralight-text);
  margin-top: 1rem;
  margin-bottom: -1rem;
  padding-top: 2rem;
  border-top: 1px solid #eaeaea;
}
.subpage__footer {
  text-align: center;
  margin-top: 1rem;
  padding-top: 2rem;
  border-top: 1px solid #eaeaea;
}

@keyframes shimmer {
  0% {
    mask-position: -100% 0;
  }
  100% {
    mask-position: 200% 0;
  }
}
.find-dealer {
  height: calc(100svh - var(--layout-header-height));
  min-height: 25rem;
  position: relative;
  margin-bottom: -2rem;
  display: grid;
  grid-template-columns: var(--control-width) 1fr;
  grid-template-rows: 100%;
  --control-width: 17rem;
  --details-width: 17rem;
}
@media (max-width: 720px) {
  .find-dealer {
    grid-template-rows: 1fr 25rem;
    grid-template-columns: 1fr auto;
    grid-template-areas: "map map" "control details";
  }
}
@media (min-width: 1025px) {
  .find-dealer {
    --control-width: 23rem;
    --details-width: 17rem;
  }
}
.find-dealer__control {
  width: 100%;
  max-height: 100%;
  display: flex;
  position: relative;
  z-index: 2;
  background: var(--color-bg);
  flex-direction: column;
  padding: 1rem;
}
@media (max-width: 720px) {
  .find-dealer__control {
    grid-area: control;
  }
}
.find-dealer__control__header {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (min-width: 721px) and (max-width: 1024px) {
  .find-dealer__control__header i {
    display: none;
  }
}
.find-dealer__control__header span {
  font-weight: var(--bold-font-weight);
  font-size: 0.6rem;
}
.find-dealer__control__search {
  margin-bottom: 1rem;
  position: relative;
  display: grid;
  grid-template-columns: 1fr min-content;
  gap: 1rem;
}
.find-dealer__control__results {
  padding: 0 0.5rem 0 0;
  margin-right: -0.5rem;
  overflow: auto;
}
.find-dealer__control__results::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.find-dealer__control__results::-webkit-scrollbar-thumb {
  background: #cfcfcf;
  border-radius: 3px;
}
.find-dealer__control__results::-webkit-scrollbar-track {
  background: #ececec;
  border-radius: 3px;
}
.find-dealer__control__results {
  scrollbar-face-color: #cfcfcf;
  scrollbar-track-color: #ececec;
}
.find-dealer__control__results.loading {
  flex: 1;
  background-repeat: no-repeat;
  background-image: url("../images/loading-buffer_gray-19rLNaA.gif") !important;
  background-position: center center;
  background-size: 3rem;
}
.find-dealer__control__results ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  padding: 0;
  border-radius: var(--box-radius);
  background: #FFF;
}
.find-dealer__control__results ul li {
  font-size: 1rem;
  display: grid;
  border-top: 1px solid var(--color-bg);
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  grid-template-columns: 1fr;
  outline-offset: -2px !important;
}
@media (min-width: 1025px) {
  .find-dealer__control__results ul li {
    grid-template-columns: 3rem 1fr;
  }
}
.find-dealer__control__results ul li:first-child {
  border-top: none;
}
@media (min-width: 1025px) {
  .find-dealer__control__results ul li:after {
    content: "\ea7a";
    color: var(--color-primary);
    font-family: "IconsWeb", sans-serif;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -3rem;
    transition: right 0.2s ease;
    font-size: 1.3em;
  }
  .find-dealer__control__results ul li:hover p {
    padding-right: 2.5rem;
  }
  .find-dealer__control__results ul li:hover:after {
    right: 1rem;
  }
  .find-dealer__control__results ul li.active {
    background: var(--color-secondary);
    color: #FFF;
  }
  .find-dealer__control__results ul li.active p {
    padding-right: 2.5rem;
  }
  .find-dealer__control__results ul li.active:after {
    right: 1rem;
    content: "\ec2c";
    color: #a9a9a9;
  }
}
.find-dealer__control__results ul li > samp {
  display: none;
  place-self: center;
  font-size: 0.6em;
  font-weight: var(--strong-font-weight);
  color: var(--color-extralight-text);
  text-align: center;
  align-items: center;
  justify-content: center;
  background: var(--color-bg);
  border-radius: var(--box-radius);
  height: 1.5rem;
  min-width: 1.5rem;
}
@media (min-width: 1025px) {
  .find-dealer__control__results ul li > samp {
    display: flex;
  }
}
.find-dealer__control__results ul li p {
  transition: all 0.3s ease;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-block: 0.75rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 0;
  font-size: 1em;
  min-width: 1px;
}
@media (min-width: 1025px) {
  .find-dealer__control__results ul li p {
    padding-left: 0;
  }
}
.find-dealer__control__results ul li strong {
  font-size: 0.7em;
  font-weight: var(--bold-font-weight);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  grid-column: 1/-1;
}
.find-dealer__control__results ul li span {
  font-size: 0.6em;
  opacity: 0.7;
  grid-column: 1/-1;
}
.find-dealer__control__results ul li samp,
.find-dealer__control__results ul li small {
  font-size: 0.5em;
  text-transform: uppercase;
  font-weight: var(--bold-font-weight);
  opacity: 0.65;
}
.find-dealer__control__results ul li p small {
  text-align: right;
}
@media (min-width: 1025px) {
  .find-dealer__control__results ul li p small {
    text-align: left;
  }
}
.find-dealer__control__results ul li p samp {
  margin-right: 1rem;
}
@media (min-width: 1025px) {
  .find-dealer__control__results ul li p samp {
    display: none;
  }
}
.find-dealer__control__results:empty {
  display: none;
}
.find-dealer__details {
  position: absolute;
  z-index: 2;
  width: var(--details-width);
  top: 0;
  height: 100%;
  padding: 1rem;
  border-radius: 0 var(--box-radius) var(--box-radius) 0;
  flex-direction: column;
  display: flex;
  background: #FFF;
  transition: all 0.2s ease;
}
@media (max-width: 720px) {
  .find-dealer__details {
    grid-area: details;
    position: relative;
    left: auto;
    top: auto;
    width: 50vw;
  }
}
@media (min-width: 721px) and (max-width: 1024px) {
  .find-dealer__details {
    background: var(--color-bg);
  }
}
@media (min-width: 1025px) {
  .find-dealer__details {
    z-index: 1;
    left: var(--control-width);
  }
}
.find-dealer__details:empty {
  left: 0;
  z-index: 1;
}
@media (max-width: 720px) {
  .find-dealer__details:empty {
    padding: 0;
    width: 0;
  }
}
@media (min-width: 1025px) {
  .find-dealer__details:not(:empty) + .find-dealer__map {
    padding-left: var(--details-width);
    transition: all 0.2s ease;
  }
}
.find-dealer__details img {
  border-radius: var(--box-radius);
  margin-bottom: 0.5rem;
}
.find-dealer__details__data {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex-grow: 1;
  padding-bottom: 0.5rem;
  overflow: auto;
}
.find-dealer__details__data::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.find-dealer__details__data::-webkit-scrollbar-thumb {
  background: #cfcfcf;
  border-radius: 3px;
}
.find-dealer__details__data::-webkit-scrollbar-track {
  background: #ececec;
  border-radius: 3px;
}
.find-dealer__details__data {
  scrollbar-face-color: #cfcfcf;
  scrollbar-track-color: #ececec;
}
.find-dealer__details__data address {
  font-style: normal;
  font-size: 1rem;
  display: flex;
  flex-direction: column;
}
.find-dealer__details__data address strong {
  font-size: 0.9em;
}
.find-dealer__details__data address span {
  font-size: 0.7em;
  color: var(--color-extralight-text);
}
.find-dealer__details__footer {
  display: flex;
  gap: 0.5rem;
}
.find-dealer__details__footer a {
  flex-grow: 1;
}
.find-dealer__map {
  width: 100%;
  height: 100%;
  position: relative;
}
@media (max-width: 720px) {
  .find-dealer__map {
    grid-area: map;
  }
}
.find-dealer__map > .btn {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 3;
}
.find-dealer__map map {
  display: block;
  width: 100%;
  height: 100%;
}

/*# sourceMappingURL=site.output.css.map */