:root {
  /* SPACING */
  /* COLORS */
  --grayscale-black: #1d2430;
  --grayscale-gray90: #2a3342;
  --grayscale-gray80: #3f4a5a;
  --grayscale-gray70: #535d6c;
  --grayscale-gray40: #ced6e0;
  --grayscale-gray30: #e3e8ef;
  --grayscale-gray20: #eef2f6;
  --grayscale-gray10: #f7f9fb;
  --grayscale-white: #ffffff;
  --primary-primary-50-main: #e30518;
  --primary-primary-10: #fce6e8;
  --secondary-secondary-50-main-ffdd00: #ffdd00;
  --tertiary-tertiary90: #f2f2f2;
  --transparent-white-80: rgba(255 255 255 / 0.8);
  --transparent-white-60: rgba(255 255 255 / 0.6);
  --transparent-white-50: rgba(255 255 255 / 0.5);
  --support-green-60: #21b66b;
  --support-green-20: #d4f7e0;
  --support-yellow: #FFDD00;
  --support-red: #E30518;
  /* SHADOWS */
}

@font-face {
  font-family: "CG";
  src: url("../fonts/CG.eot?pwj26h");
  src: url("../fonts/CG.eot?pwj26h#iefix") format("embedded-opentype"), url("../fonts/CG.ttf?pwj26h") format("truetype"), url("../fonts/CG.woff?pwj26h") format("woff"), url("../fonts/CG.svg?pwj26h#CG") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-cg-], [class*=" icon-"] {
  font-family: "CG" !important;
  speak-as: unset;
  speak: never;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 768px) {
  [class^=icon-cg-], [class*=" icon-"] {
    font-size: 16px;
  }
}
[class^=icon-cg-]:before, [class*=" icon-"]:before {
  transition: color 0.3s ease;
}

.icon-black:before {
  color: var(--Grayscale-Black, #1D2430) !important;
}

.icon-reverse:before {
  display: inline-block;
  transform: rotate(180deg) !important;
}

.icon-rotate-270:before {
  transform: rotate(270deg) !important;
}

.icon-cg-flash:before {
  content: "\e922";
}

.icon-cg-percent:before {
  content: "\e923";
}

.icon-cg-eye-off:before {
  content: "\e924";
}

.icon-cg-eye:before {
  content: "\e925";
}

.icon-cg-home:before {
  content: "\e926";
}

.icon-cg-logout:before {
  content: "\e927";
}

.icon-cg-menu-burger:before {
  content: "\e928";
}

.icon-cg-profile-full:before {
  content: "\e929";
}

.icon-cg-question-only:before {
  content: "\e921";
  color: #21b66b;
}

.icon-cg-important-full:before {
  content: "\e920";
  color: #535d6c;
}

.icon-cg-location:before {
  content: "\e919";
  color: #535d6c;
}

.icon-cg-repair:before {
  content: "\e91a";
  color: #e30518;
}

.icon-cg-document:before {
  content: "\e91b";
  color: #21b66b;
}

.icon-cg-star:before {
  content: "\e91c";
}

.icon-cg-clock:before {
  content: "\e91d";
}

.icon-cg-trash:before {
  content: "\e91e";
  color: #535d6c;
}

.icon-cg-search:before {
  content: "\e91f";
  color: #3f4a5a;
}

.icon-cg-yt:before {
  content: "\e912";
  color: #fff;
}

.icon-cg-ig .path1:before {
  content: "\e913";
  color: rgb(255, 255, 255);
}

.icon-cg-ig .path2:before {
  content: "\e914";
  margin-left: -1.0498046875em;
  color: rgb(29, 36, 48);
}

.icon-cg-ig .path3 {
  position: relative;
}

.icon-cg-ig .path3:before {
  content: "";
  margin-left: -1.0498046875em;
  color: rgb(29, 36, 48);
  width: 2px;
  height: 2px;
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 5px;
  background: rgb(29, 36, 48);
  border-radius: 50%;
}

.icon-cg-f:before {
  content: "\e916";
  color: #fff;
}

.icon-cg-email:before {
  content: "\e917";
  color: #fff;
}

.icon-cg-phone:before {
  content: "\e918";
  color: #fff;
}

.icon-cg-download:before {
  content: "\e900";
}

.icon-cg-car-door .path1:before {
  content: "\e901";
  color: rgb(29, 36, 48);
}

.icon-cg-car-door .path2:before {
  content: "\e902";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-cg-car-door .path3:before {
  content: "\e903";
  margin-left: -1em;
  color: rgb(29, 36, 48);
}

.icon-cg-car-door .path4:before {
  content: "\e904";
  margin-left: -1em;
  color: transparent;
}

.icon-cg-question:before {
  content: "\e905";
}

.icon-cg-arrow-down-mini:before {
  content: "\e906";
}

.icon-cg-leaf:before {
  content: "\e907";
  color: #21b66b;
}

.icon-cg-important:before {
  content: "\e908";
  color: #e30518;
}

.icon-cg-calendar:before {
  content: "\e909";
}

.icon-cg-question-full:before {
  content: "\e90a";
  color: #535d6c;
}

.icon-cg-arrow-up:before {
  content: "\e90b";
  color: #fff;
}

.icon-cg-edit:before {
  content: "\e90c";
  color: #535d6c;
}

.icon-cg-car:before {
  content: "\e90d";
}

.icon-cg-truck:before {
  content: "\e90e";
}

.icon-cg-x:before {
  content: "\e90f";
  color: #e30518;
}

.icon-cg-check:before {
  content: "\e910";
  color: #21b66b;
}

.icon-cg-arrow-right-long:before {
  content: "\e911";
  color: #fff;
}

html {
  margin: 0;
  padding: 0;
  border: none;
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  line-height: 100%;
  font-size: 1rem;
  min-height: 100%;
  font-size: 16px;
  color: var(--Grayscale-Black, #1D2430);
  scroll-behavior: smooth;
}
@media (max-width: 1418px) {
  html {
    font-size: 1rem;
  }
}
@media (max-width: 1228px) {
  html {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 1rem;
  }
}
@media (max-width: 1418px) {
  html {
    font-size: 16px;
  }
}
@media (max-width: 1228px) {
  html {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 16px;
  }
}

body {
  margin: 0;
  padding: 0;
  border: none;
  min-height: 100vh;
  background: var(--Tertiary-Tertiary90, #F2F2F2);
  user-select: none;
  overflow-x: hidden;
}
body.fixed {
  position: fixed;
}
body div, body input, body textarea, body button, body a, body ul, body li {
  box-sizing: border-box;
}

#window {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

#main {
  flex-grow: 1;
}

p {
  margin: 0 0 1rem;
}
p:last-child {
  margin-bottom: 0;
}

a {
  color: var(--primary-primary-50-main, #E30518);
  text-decoration: none;
  transition: color 0.3s ease, border-color 0.3s ease;
}
a::before {
  transition: color 0.3s ease, transform 0.3s ease;
}
a::after {
  transition: color 0.3s ease, transform 0.3s ease;
}
a:hover {
  color: var(--Primary-Primary-60, #CC0516);
  text-decoration: none;
}
a.active {
  color: var(--primary-primary-50-main, #E30518);
}
a.disabled {
  color: var(--Grayscale-Gray60, #707B8B);
  pointer-events: none;
  cursor: default;
}
a.link-with-icon {
  display: inline-flex;
  align-items: center;
}
a.link-with-icon .icon {
  margin: 0 0.5rem;
}
a.link-with-icon .icon:first-child {
  margin-left: 0;
}
a.link-with-icon .icon:last-child {
  margin-right: 0;
}
a.link-with-up-down-arrow {
  display: inline-flex;
  align-items: center;
  color: var(--Grayscale-Black, #1D2430);
}
a.link-with-up-down-arrow:hover {
  color: var(--Primary-Primary-60, #CC0516);
}
a.link-with-up-down-arrow.full-width {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
a.link-with-up-down-arrow.full-width .label {
  flex-grow: 1;
}
a.link-with-up-down-arrow::after {
  content: "";
  display: inline-block;
  width: 0.5rem;
  min-width: 0.5rem;
  height: 0.5rem;
  min-height: 0.5rem;
  border-left: 2px solid var(--Grayscale-Gray60, #707B8B);
  border-bottom: 2px solid var(--Grayscale-Gray60, #707B8B);
  transform: rotate(-45deg);
  margin: 0 0 0 0.5rem;
  position: relative;
  top: -0.125rem;
}
a.link-with-up-down-arrow.active::after {
  transform: rotate(135deg);
}
a img {
  border: none;
  outline: none;
  display: block;
}

input, textarea {
  margin: 0;
  padding: 0;
  border: none;
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  line-height: 100%;
  font-size: 1.125rem;
}
@media (max-width: 1418px) {
  input, textarea {
    font-size: 1.125rem;
  }
}
@media (max-width: 1228px) {
  input, textarea {
    font-size: 1.125rem;
  }
}
@media (max-width: 768px) {
  input, textarea {
    font-size: 1.125rem;
  }
}

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=file],
textarea {
  box-sizing: border-box;
  padding: 0.75rem 1rem 0.75rem 1rem;
  width: 100%;
  min-height: 3.125rem;
  border: 1px solid var(--Grayscale-Gray30, #E3E8EF);
  border-radius: 0.375rem;
  background-color: var(--Grayscale-Gray10, #F7F9FB);
  font-size: 1rem;
  color: var(--Grayscale-Black, #1D2430);
  line-height: 1.5rem;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
}
@media (max-width: 1418px) {
  input[type=text],
  input[type=email],
  input[type=password],
  input[type=tel],
  input[type=number],
  input[type=file],
  textarea {
    padding: 0.75rem 1rem 0.75rem 1rem;
  }
}
@media (max-width: 1228px) {
  input[type=text],
  input[type=email],
  input[type=password],
  input[type=tel],
  input[type=number],
  input[type=file],
  textarea {
    padding: 0.75rem 1rem 0.75rem 1rem;
  }
}
@media (max-width: 768px) {
  input[type=text],
  input[type=email],
  input[type=password],
  input[type=tel],
  input[type=number],
  input[type=file],
  textarea {
    padding: 0.75rem 1rem 0.75rem 1rem;
  }
}
@media (max-width: 1418px) {
  input[type=text],
  input[type=email],
  input[type=password],
  input[type=tel],
  input[type=number],
  input[type=file],
  textarea {
    font-size: 1rem;
  }
}
@media (max-width: 1228px) {
  input[type=text],
  input[type=email],
  input[type=password],
  input[type=tel],
  input[type=number],
  input[type=file],
  textarea {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  input[type=text],
  input[type=email],
  input[type=password],
  input[type=tel],
  input[type=number],
  input[type=file],
  textarea {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  input[type=text],
  input[type=email],
  input[type=password],
  input[type=tel],
  input[type=number],
  input[type=file],
  textarea {
    min-height: 3.125rem;
  }
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder,
input[type=tel]::placeholder,
input[type=number]::placeholder,
input[type=file]::placeholder,
textarea::placeholder {
  color: var(--Grayscale-Gray60, #707B8B);
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=file]:focus,
textarea:focus {
  outline: none;
}
input[type=text].error,
input[type=email].error,
input[type=password].error,
input[type=tel].error,
input[type=number].error,
input[type=file].error,
textarea.error {
  border-color: var(--Support-Red, #E30518);
}
textarea {
  min-height: 7.5rem;
  height: 7.5rem;
  resize: vertical;
}

select {
  box-sizing: border-box;
  padding: 0.75rem 1rem 0.75rem 1rem;
  width: 100%;
  min-height: 3.125rem;
  border: 1px solid var(--Grayscale-Gray30, #E3E8EF);
  border-radius: 0.375rem;
  background-color: var(--Grayscale-Gray10, #F7F9FB);
  font-size: 1rem;
  color: var(--Grayscale-Black, #1D2430);
  line-height: 1.5rem;
  appearance: none;
  outline: none;
  cursor: pointer;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
}
@media (max-width: 1418px) {
  select {
    padding: 0.75rem 1rem 0.75rem 1rem;
  }
}
@media (max-width: 1228px) {
  select {
    padding: 0.75rem 1rem 0.75rem 1rem;
  }
}
@media (max-width: 768px) {
  select {
    padding: 0.75rem 1rem 0.75rem 1rem;
  }
}
@media (max-width: 1418px) {
  select {
    font-size: 1rem;
  }
}
@media (max-width: 1228px) {
  select {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  select {
    font-size: 1rem;
  }
}
select::-ms-expand {
  display: none;
}
@media (max-width: 768px) {
  select {
    min-height: 3.125rem;
  }
}
select::placeholder {
  color: var(--Grayscale-Gray60, #707B8B);
}
select:focus {
  outline: none;
}
.cb {
  margin: 2.5rem 0rem 2.5rem 0rem;
}
@media (max-width: 1418px) {
  .cb {
    margin: 2.5rem 0rem 2.5rem 0rem;
  }
}
@media (max-width: 1228px) {
  .cb {
    margin: 2.5rem 0rem 2.5rem 0rem;
  }
}
@media (max-width: 768px) {
  .cb {
    margin: 2.5rem 0rem 2.5rem 0rem;
  }
}
.cb:first-child {
  margin-top: 0;
}
.cb:last-child {
  margin-bottom: 0;
}
.cb h1 {
  margin: 1rem 0rem 1rem 0rem;
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
}
@media (max-width: 1418px) {
  .cb h1 {
    margin: 1rem 0rem 1rem 0rem;
  }
}
@media (max-width: 1228px) {
  .cb h1 {
    margin: 1rem 0rem 1rem 0rem;
  }
}
@media (max-width: 768px) {
  .cb h1 {
    margin: 1rem 0rem 1rem 0rem;
  }
}
@media (max-width: 1418px) {
  .cb h1 {
    font-size: 2.25rem;
  }
}
@media (max-width: 1228px) {
  .cb h1 {
    font-size: 1.75rem;
  }
}
@media (max-width: 768px) {
  .cb h1 {
    font-size: 1.75rem;
  }
}
.cb h1:first-child {
  margin-top: 0;
}
.cb h1:last-child {
  margin-bottom: 0;
}
.cb h2 {
  margin: 1rem 0rem 1rem 0rem;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
}
@media (max-width: 1418px) {
  .cb h2 {
    margin: 1rem 0rem 1rem 0rem;
  }
}
@media (max-width: 1228px) {
  .cb h2 {
    margin: 1rem 0rem 1rem 0rem;
  }
}
@media (max-width: 768px) {
  .cb h2 {
    margin: 1rem 0rem 1rem 0rem;
  }
}
@media (max-width: 1418px) {
  .cb h2 {
    font-size: 2rem;
  }
}
@media (max-width: 1228px) {
  .cb h2 {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .cb h2 {
    font-size: 1.5rem;
  }
}
.cb h2:first-child {
  margin-top: 0;
}
.cb h2:last-child {
  margin-bottom: 0;
}
.cb h3 {
  margin: 1rem 0rem 1rem 0rem;
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
}
@media (max-width: 1418px) {
  .cb h3 {
    margin: 1rem 0rem 1rem 0rem;
  }
}
@media (max-width: 1228px) {
  .cb h3 {
    margin: 1rem 0rem 1rem 0rem;
  }
}
@media (max-width: 768px) {
  .cb h3 {
    margin: 1rem 0rem 1rem 0rem;
  }
}
@media (max-width: 1418px) {
  .cb h3 {
    font-size: 1.75rem;
  }
}
@media (max-width: 1228px) {
  .cb h3 {
    font-size: 1.25rem;
  }
}
@media (max-width: 768px) {
  .cb h3 {
    font-size: 1.25rem;
  }
}
.cb h3:first-child {
  margin-top: 0;
}
.cb h3:last-child {
  margin-bottom: 0;
}
.cb h4 {
  margin: 1rem 0rem 1rem 0rem;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
}
@media (max-width: 1418px) {
  .cb h4 {
    margin: 1rem 0rem 1rem 0rem;
  }
}
@media (max-width: 1228px) {
  .cb h4 {
    margin: 1rem 0rem 1rem 0rem;
  }
}
@media (max-width: 768px) {
  .cb h4 {
    margin: 1rem 0rem 1rem 0rem;
  }
}
@media (max-width: 1418px) {
  .cb h4 {
    font-size: 1.5rem;
  }
}
@media (max-width: 1228px) {
  .cb h4 {
    font-size: 1.125rem;
  }
}
@media (max-width: 768px) {
  .cb h4 {
    font-size: 1.125rem;
  }
}
.cb h4:first-child {
  margin-top: 0;
}
.cb h4:last-child {
  margin-bottom: 0;
}
.cb h5 {
  margin: 1rem 0rem 1rem 0rem;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
}
@media (max-width: 1418px) {
  .cb h5 {
    margin: 1rem 0rem 1rem 0rem;
  }
}
@media (max-width: 1228px) {
  .cb h5 {
    margin: 1rem 0rem 1rem 0rem;
  }
}
@media (max-width: 768px) {
  .cb h5 {
    margin: 1rem 0rem 1rem 0rem;
  }
}
@media (max-width: 1418px) {
  .cb h5 {
    font-size: 1.25rem;
  }
}
@media (max-width: 1228px) {
  .cb h5 {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .cb h5 {
    font-size: 1rem;
  }
}
.cb h5:first-child {
  margin-top: 0;
}
.cb h5:last-child {
  margin-bottom: 0;
}
.cb h6 {
  margin: 1rem 0rem 1rem 0rem;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
}
@media (max-width: 1418px) {
  .cb h6 {
    margin: 1rem 0rem 1rem 0rem;
  }
}
@media (max-width: 1228px) {
  .cb h6 {
    margin: 1rem 0rem 1rem 0rem;
  }
}
@media (max-width: 768px) {
  .cb h6 {
    margin: 1rem 0rem 1rem 0rem;
  }
}
@media (max-width: 1418px) {
  .cb h6 {
    font-size: 1.125rem;
  }
}
@media (max-width: 1228px) {
  .cb h6 {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .cb h6 {
    font-size: 0.875rem;
  }
}
.cb h6:first-child {
  margin-top: 0;
}
.cb h6:last-child {
  margin-bottom: 0;
}
.cb .block-text {
  margin: 1rem 0rem 1rem 0rem;
  font-size: 1rem;
  color: var(--Grayscale-Black, #1D2430);
  line-height: 150%;
  user-select: auto;
}
@media (max-width: 1418px) {
  .cb .block-text {
    margin: 1rem 0rem 1rem 0rem;
  }
}
@media (max-width: 1228px) {
  .cb .block-text {
    margin: 1rem 0rem 1rem 0rem;
  }
}
@media (max-width: 768px) {
  .cb .block-text {
    margin: 1rem 0rem 1rem 0rem;
  }
}
@media (max-width: 1418px) {
  .cb .block-text {
    font-size: 1rem;
  }
}
@media (max-width: 1228px) {
  .cb .block-text {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .cb .block-text {
    font-size: 1rem;
  }
}
.cb .block-text:first-child {
  margin-top: 0;
}
.cb .block-text:last-child {
  margin-bottom: 0;
}
.cb .block-text p:not(:last-child) {
  margin: 0 0 0.9375rem;
}
.cb .block-text img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}
.cb .block-text img.alignleft {
  margin: 0.3125rem 1.875rem 1.25rem 0;
  float: left;
}
.cb .block-text img.alignright {
  margin: 0.3125rem 0 1.25rem 1.875rem;
  float: right;
}
.cb .block-text img.aligncenter {
  margin: 1.25rem auto;
  float: none;
  clear: both;
  display: block;
}
.cb .block-text a {
  text-decoration: underline;
}
.cb .block-btns {
  display: flex;
  flex-wrap: wrap;
}
.cb .block-btns > div, .cb .block-btns > button, .cb .block-btns a.btn {
  margin: 0rem 1rem 0rem 0rem;
}
@media (max-width: 1418px) {
  .cb .block-btns > div, .cb .block-btns > button, .cb .block-btns a.btn {
    margin: 0rem 1rem 0rem 0rem;
  }
}
@media (max-width: 1228px) {
  .cb .block-btns > div, .cb .block-btns > button, .cb .block-btns a.btn {
    margin: 0rem 1rem 0rem 0rem;
  }
}
@media (max-width: 768px) {
  .cb .block-btns > div, .cb .block-btns > button, .cb .block-btns a.btn {
    margin: 0rem 1rem 0rem 0rem;
  }
}
.cb .block-btns.half-width {
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.cb .block-btns.half-width > div {
  width: 100%;
}
@media (max-width: 768px) {
  .cb .block-btns.half-width {
    width: 100%;
  }
}
.cb .block-btns.text-center {
  justify-content: center;
}
.cb .block-btns.text-center > div, .cb .block-btns.text-center > button, .cb .block-btns.text-center a.btn {
  margin: 0.5rem 0.5rem 0.5rem 0.5rem;
}
@media (max-width: 1418px) {
  .cb .block-btns.text-center > div, .cb .block-btns.text-center > button, .cb .block-btns.text-center a.btn {
    margin: 0.5rem 0.5rem 0.5rem 0.5rem;
  }
}
@media (max-width: 1228px) {
  .cb .block-btns.text-center > div, .cb .block-btns.text-center > button, .cb .block-btns.text-center a.btn {
    margin: 0.5rem 0.5rem 0.5rem 0.5rem;
  }
}
@media (max-width: 768px) {
  .cb .block-btns.text-center > div, .cb .block-btns.text-center > button, .cb .block-btns.text-center a.btn {
    margin: 0.5rem 0.5rem 0.5rem 0.5rem;
  }
}
.cb .block-btns.text-right {
  justify-content: flex-end;
}
.cb .block-btns.text-right > div, .cb .block-btns.text-right > button, .cb .block-btns.text-right a.btn {
  margin: 0rem 0rem 0rem 1rem;
}
@media (max-width: 1418px) {
  .cb .block-btns.text-right > div, .cb .block-btns.text-right > button, .cb .block-btns.text-right a.btn {
    margin: 0rem 0rem 0rem 1rem;
  }
}
@media (max-width: 1228px) {
  .cb .block-btns.text-right > div, .cb .block-btns.text-right > button, .cb .block-btns.text-right a.btn {
    margin: 0rem 0rem 0rem 1rem;
  }
}
@media (max-width: 768px) {
  .cb .block-btns.text-right > div, .cb .block-btns.text-right > button, .cb .block-btns.text-right a.btn {
    margin: 0rem 0rem 0rem 1rem;
  }
}
.cb .button-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.cb .img-wrap, .cb .svg-wrap {
  display: block;
  text-decoration: none;
}
.cb .img-wrap img, .cb .img-wrap svg, .cb .svg-wrap img, .cb .svg-wrap svg {
  margin: 0;
  padding: 0;
  display: block;
  border-radius: 0.5rem;
  width: 100%;
  height: auto;
  max-width: 100%;
  border: none;
  object-fit: contain;
}
.cb label {
  word-break: break-word;
}
.cb label.error {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--Support-Red, #E30518);
}
@media (max-width: 1418px) {
  .cb label.error {
    font-size: 0.875rem;
  }
}
@media (max-width: 1228px) {
  .cb label.error {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .cb label.error {
    font-size: 0.875rem;
  }
}
.cb .width-100 {
  width: 100%;
}
.cb .border-grey {
  border-radius: 0.375rem;
  border: 1px solid var(--Grayscale-Gray20, #EEF2F6) !important;
  overflow: hidden;
}
.cb .text-right {
  text-align: right;
}
.cb .text-center {
  text-align: center;
}
.cb .text-bold {
  font-weight: 700;
}
.cb .text-red {
  color: var(--primary-primary-50-main, #E30518);
}
.cb .text-grey {
  color: var(--grayscale-gray70, #535d6c);
}
.cb .text-small {
  font-size: 0.875rem;
}
@media (max-width: 1418px) {
  .cb .text-small {
    font-size: 0.875rem;
  }
}
@media (max-width: 1228px) {
  .cb .text-small {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .cb .text-small {
    font-size: 0.875rem;
  }
}
.cb .margin-0 {
  margin: 0 !important;
}
.cb .fx-isc {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0rem;
}
.cb .fx-isc.g-8 {
  gap: 0.5rem;
}
.cb .wrap.wrap-margins {
  margin: 2.5rem 0;
}
.cb .wrap.wrap-margins:last-child {
  margin-bottom: 0;
}
.cb .wrap-2cols {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1rem;
}
.cb .wrap-2cols.wrap-2cols-40-60 > .left-side {
  flex-basis: calc(40% - 0.5rem);
}
@media (max-width: 768px) {
  .cb .wrap-2cols.wrap-2cols-40-60 > .left-side {
    flex-basis: 100%;
  }
}
.cb .wrap-2cols.wrap-2cols-40-60 > .right-side {
  flex-basis: calc(60% - 0.5rem);
}
@media (max-width: 768px) {
  .cb .wrap-2cols.wrap-2cols-40-60 > .right-side {
    flex-basis: 100%;
  }
}
.cb .wrap-2cols.wrap-2cols-20-80 {
  gap: 1.25rem;
}
.cb .wrap-2cols.wrap-2cols-20-80 > .left-side {
  flex-basis: calc(20% - 1rem);
}
@media (max-width: 768px) {
  .cb .wrap-2cols.wrap-2cols-20-80 > .left-side {
    flex-basis: 100%;
  }
}
.cb .wrap-2cols.wrap-2cols-20-80 > .right-side {
  flex-basis: calc(80% - 1rem);
}
@media (max-width: 768px) {
  .cb .wrap-2cols.wrap-2cols-20-80 > .right-side {
    flex-basis: 100%;
  }
}
.cb .wrap-2cols.wrap-select-date {
  flex-wrap: wrap;
  gap: 2rem;
}
.cb .wrap-2cols.wrap-select-date > div {
  flex-basis: calc(50% - 1rem);
}
@media (max-width: 768px) {
  .cb .wrap-2cols.wrap-select-date > div {
    flex-basis: 100%;
  }
}
.cb .wrap-2cols.wrap-select-date > div.right-side {
  max-height: 22.3125rem;
  overflow-y: auto;
  scrollbar-width: thin;
}
@media (max-width: 768px) {
  .cb .wrap-2cols.wrap-select-date > div.right-side {
    max-height: unset;
  }
}
.cb .wrap-2cols.wrap-select-date > div.right-side form {
  margin: 0;
  min-height: 100%;
}
.cb .wrap-2cols.wrap-select-date .right-side-scroll {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0rem;
  position: relative;
  height: 100%;
  min-height: 100%;
}
.cb .wrap-2cols.wrap-select-date .right-side-scroll .please-select {
  padding: 1.5rem;
  text-align: center;
  color: var(--Grayscale-Gray70, #535D6C);
  font-size: 1rem;
  line-height: 150%;
}
@media (max-width: 1418px) {
  .cb .wrap-2cols.wrap-select-date .right-side-scroll .please-select {
    font-size: 1rem;
  }
}
@media (max-width: 1228px) {
  .cb .wrap-2cols.wrap-select-date .right-side-scroll .please-select {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .cb .wrap-2cols.wrap-select-date .right-side-scroll .please-select {
    font-size: 1rem;
  }
}
.cb .wrap-2cols.wrap-select-date .right-side-scroll form {
  position: relative;
  width: 100%;
  min-height: 100%;
}
.cb .wrap-2cols.wrap-select-date .right-side-scroll .vertical-slots-wrap {
  width: 100%;
}
.cb .wrap-2cols.wrap-2cols-page {
  gap: 2rem;
}
.cb .wrap-2cols.wrap-2cols-page > .left-side {
  flex-basis: 65.85%;
}
@media (max-width: 768px) {
  .cb .wrap-2cols.wrap-2cols-page > .left-side {
    flex-basis: 100%;
  }
}
.cb .wrap-2cols.wrap-2cols-page > .right-side {
  flex-basis: 31.7%;
}
@media (max-width: 768px) {
  .cb .wrap-2cols.wrap-2cols-page > .right-side {
    flex-basis: 100%;
  }
}
.cb .wrap-2cols.wrap-2cols-page > .right-side > .right-side-sticky {
  position: sticky;
  top: 7.875rem;
}
@media (max-width: 768px) {
  .cb .wrap-2cols.wrap-2cols-page > .right-side > .right-side-sticky {
    position: relative;
    top: 0;
  }
}
@media (max-width: 768px) {
  .cb .wrap-2cols {
    flex-wrap: wrap;
  }
}
.cb .wrap-2cols > div {
  flex-basis: calc(50% - 0.5rem);
}
.cb .wrap-2cols > div.full-width {
  flex-basis: 100%;
}
@media (max-width: 768px) {
  .cb .wrap-2cols > div {
    flex-basis: 100%;
  }
}

.btn,
.cb .btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0rem;
  padding: 0.75rem 1.5rem;
  min-height: 3.5rem;
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  line-height: 100%;
  font-size: 1rem;
  color: var(--Grayscale-White, #FFFFFF);
  font-weight: 700;
  text-align: center;
  border: 1px solid 1px solid var(--Primary-Primary-60, #CC0516);
  border-radius: 0.375rem;
  background-color: var(--primary-primary-50-main, #E30518);
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
  letter-spacing: normal;
  white-space: nowrap;
  cursor: pointer;
}
@media (max-width: 1418px) {
  .btn,
  .cb .btn {
    padding: 0.75rem 1.5rem;
  }
}
@media (max-width: 1228px) {
  .btn,
  .cb .btn {
    padding: 0.625rem 1rem;
  }
}
@media (max-width: 768px) {
  .btn,
  .cb .btn {
    padding: 0.5rem 0.75rem;
  }
}
@media (max-width: 1418px) {
  .btn,
  .cb .btn {
    min-height: 3rem;
  }
}
@media (max-width: 1228px) {
  .btn,
  .cb .btn {
    min-height: 2.5rem;
  }
}
@media (max-width: 768px) {
  .btn,
  .cb .btn {
    min-height: 2.25rem;
  }
}
@media (max-width: 1418px) {
  .btn,
  .cb .btn {
    font-size: 1rem;
  }
}
@media (max-width: 1228px) {
  .btn,
  .cb .btn {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .btn,
  .cb .btn {
    font-size: 1rem;
  }
}
.btn.btn-full-width,
.cb .btn.btn-full-width {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100%;
}
.btn.btn-white, .btn.btn-black-border,
.cb .btn.btn-white,
.cb .btn.btn-black-border {
  color: var(--Grayscale-Black, #1D2430);
  border: 1px solid var(--Grayscale-Black, #1D2430);
  outline: 0.5px solid transparent;
  background-color: var(--Grayscale-White, #FFFFFF);
  position: relative;
  transition: outline-color 0.3s ease;
}
.btn.btn-white > span, .btn.btn-black-border > span,
.cb .btn.btn-white > span,
.cb .btn.btn-black-border > span {
  position: relative;
  z-index: 2;
}
.btn.btn-white:hover, .btn.btn-black-border:hover,
.cb .btn.btn-white:hover,
.cb .btn.btn-black-border:hover {
  color: var(--Grayscale-Black, #1D2430);
  border-color: var(--Grayscale-Black, #1D2430);
  outline-color: var(--Grayscale-Black, #1D2430);
  background-color: var(--Grayscale-White, #FFFFFF);
}
.btn.btn-black-border,
.cb .btn.btn-black-border {
  background-color: transparent;
}
.btn.btn-black-border:hover,
.cb .btn.btn-black-border:hover {
  background-color: transparent;
}
.btn.btn-black,
.cb .btn.btn-black {
  color: var(--Grayscale-White, #FFFFFF);
  border: 1px solid var(--Grayscale-Black, #1D2430);
  outline: 0.5px solid transparent;
  background-color: var(--Grayscale-Black, #1D2430);
  position: relative;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
}
.btn.btn-black > span,
.cb .btn.btn-black > span {
  position: relative;
  z-index: 2;
}
.btn.btn-black:hover,
.cb .btn.btn-black:hover {
  color: var(--Grayscale-White, #FFFFFF);
  border-color: var(--grayscale-gray90, #2a3342);
  outline-color: transparent;
  background-color: var(--grayscale-gray90, #2a3342);
}
.btn.btn-clear,
.cb .btn.btn-clear {
  font-size: 0.875rem;
  color: var(--Grayscale-Black, #1D2430);
  border: none;
  background-color: transparent;
  position: relative;
}
@media (max-width: 1418px) {
  .btn.btn-clear,
  .cb .btn.btn-clear {
    font-size: 0.875rem;
  }
}
@media (max-width: 1228px) {
  .btn.btn-clear,
  .cb .btn.btn-clear {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .btn.btn-clear,
  .cb .btn.btn-clear {
    font-size: 0.875rem;
  }
}
.btn.btn-clear > span,
.cb .btn.btn-clear > span {
  position: relative;
  z-index: 2;
}
.btn.btn-clear:hover,
.cb .btn.btn-clear:hover {
  color: var(--Grayscale-Black, #1D2430);
  background-color: var(--secondary-secondary-50-main-ffdd00, #FD0);
}
.btn.btn-with-icon .icon, .btn.btn-only-icon .icon,
.cb .btn.btn-with-icon .icon,
.cb .btn.btn-only-icon .icon {
  margin: 0 0.75rem 0 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn.btn-with-icon .icon:last-child, .btn.btn-only-icon .icon:last-child,
.cb .btn.btn-with-icon .icon:last-child,
.cb .btn.btn-only-icon .icon:last-child {
  margin-left: 0.75rem;
  margin-right: 0;
}
.btn.btn-with-icon .icon:first-child, .btn.btn-only-icon .icon:first-child,
.cb .btn.btn-with-icon .icon:first-child,
.cb .btn.btn-only-icon .icon:first-child {
  margin-left: 0;
}
@media (max-width: 768px) {
  .btn.btn-with-icon .icon, .btn.btn-only-icon .icon,
  .cb .btn.btn-with-icon .icon,
  .cb .btn.btn-only-icon .icon {
    margin: 0 0.5rem 0 0;
  }
  .btn.btn-with-icon .icon:last-child, .btn.btn-only-icon .icon:last-child,
  .cb .btn.btn-with-icon .icon:last-child,
  .cb .btn.btn-only-icon .icon:last-child {
    margin-left: 0.5rem;
    margin-right: 0;
  }
  .btn.btn-with-icon .icon:first-child, .btn.btn-only-icon .icon:first-child,
  .cb .btn.btn-with-icon .icon:first-child,
  .cb .btn.btn-only-icon .icon:first-child {
    margin-left: 0;
  }
}
.btn.btn-only-icon,
.cb .btn.btn-only-icon {
  padding: 0.625rem;
}
.btn.small,
.cb .btn.small {
  padding: 0.625rem 1rem;
  height: auto;
  font-size: 0.875rem;
}
@media (max-width: 1418px) {
  .btn.small,
  .cb .btn.small {
    padding: 0.5625rem 0.9375rem;
  }
}
@media (max-width: 1228px) {
  .btn.small,
  .cb .btn.small {
    padding: 0.5rem 0.875rem;
  }
}
@media (max-width: 768px) {
  .btn.small,
  .cb .btn.small {
    padding: 0.375rem 0.75rem;
  }
}
@media (max-width: 1418px) {
  .btn.small,
  .cb .btn.small {
    font-size: 0.875rem;
  }
}
@media (max-width: 1228px) {
  .btn.small,
  .cb .btn.small {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .btn.small,
  .cb .btn.small {
    font-size: 0.875rem;
  }
}
.btn.small .icon,
.cb .btn.small .icon {
  margin: 0 0.5rem;
}
.btn.small .icon:last-child,
.cb .btn.small .icon:last-child {
  margin-left: 0.5rem;
  margin-right: 0;
}
.btn.small .icon:first-child,
.cb .btn.small .icon:first-child {
  margin-left: 0;
}
.btn.small .icon > span,
.cb .btn.small .icon > span {
  font-size: 20px;
}
.btn.disabled,
.cb .btn.disabled {
  border: 1px solid var(--Grayscale-Gray60, #707B8B) !important;
  background-color: var(--Grayscale-Gray60, #707B8B) !important;
  color: var(--Grayscale-Black, #1D2430) !important;
  pointer-events: none;
}
.btn:hover,
.cb .btn:hover {
  color: var(--Grayscale-White, #FFFFFF);
  border-color: var(--Primary-Primary-60, #CC0516);
  background-color: var(--Primary-Primary-60, #CC0516);
}

.custom-select {
  display: flex;
  flex-direction: column;
  position: relative;
  opacity: 1;
  z-index: 11;
  transition: z-index 0s ease, opacity 0.3s ease;
  transition-delay: 0.3s, 0ms;
}
.custom-select.open {
  z-index: 12;
  transition-delay: 0s;
}
.custom-select.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.custom-select .value-wrap a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 0.75rem 0.75rem 1rem;
  border: 1px solid var(--Grayscale-Gray30, #E3E8EF);
  border-radius: 0.375rem;
  background-color: var(--Grayscale-Gray10, #F7F9FB);
  font-size: 1rem;
  color: var(--Grayscale-Black, #1D2430);
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
}
@media (max-width: 1418px) {
  .custom-select .value-wrap a {
    padding: 0.75rem 0.75rem 0.75rem 1rem;
  }
}
@media (max-width: 1228px) {
  .custom-select .value-wrap a {
    padding: 0.75rem 0.75rem 0.75rem 1rem;
  }
}
@media (max-width: 768px) {
  .custom-select .value-wrap a {
    padding: 0.75rem 0.75rem 0.75rem 1rem;
  }
}
@media (max-width: 1418px) {
  .custom-select .value-wrap a {
    font-size: 1rem;
  }
}
@media (max-width: 1228px) {
  .custom-select .value-wrap a {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .custom-select .value-wrap a {
    font-size: 1rem;
  }
}
.custom-select .value-wrap a .label {
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5rem;
}
.custom-select .value-wrap a:after {
  content: "";
  display: inline-flex;
  width: 1.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
  background: url("../img/cg-arrow-down-mini.svg") center center no-repeat;
  background-size: 1.5rem auto;
  transition: transform 0.3s ease;
}
.custom-select .value-wrap a:hover {
  border-color: var(--Grayscale-Black, #1D2430);
}
.custom-select .content-wrap {
  display: none;
  position: absolute;
  top: -0.5rem;
  z-index: 12;
  padding: 0.5rem;
  width: 100%;
  border-radius: var(--Border-radius-Small, 6px);
  border: 1px solid var(--Grayscale-Gray30, #E3E8EF);
  background: var(--Grayscale-White, #FFF);
  box-shadow: 0 6px 12px 3px rgba(29, 36, 48, 0.05);
}
.custom-select .search-wrap {
  margin: 0 0 0.5rem;
}
.custom-select .search-wrap input[type=text] {
  padding-right: 3.125rem;
  width: 100%;
  background-image: url("../img/cg-search.svg");
  background-position: calc(100% - 1rem) center;
  background-repeat: no-repeat;
  background-size: 1.5rem auto;
}
.custom-select .options-wrap {
  max-height: 17.5rem;
  overflow-y: auto;
  scrollbar-width: thin;
}
.custom-select .options-wrap ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.custom-select .options-wrap li {
  display: block;
}
.custom-select .options-wrap li.group-label {
  padding: 0.375rem 0;
  color: var(--primary-primary-50-main, #E30518);
  font-size: 0.75rem;
  line-height: 150%;
}
.custom-select .options-wrap a {
  display: flex;
  padding: 0.75rem 1rem;
  color: var(--Grayscale-Black, #1D2430);
}
.custom-select .options-wrap a:hover {
  color: var(--primary-primary-50-main, #E30518);
}
.custom-select.open a.act-value {
  border-color: var(--Grayscale-Black, #1D2430);
}
.custom-select.open a.act-value:after {
  transform: rotate(180deg);
}
.custom-select input.hidden {
  display: inline-block !important;
  position: absolute;
  height: 0 !important;
  width: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
}
.custom-select input.hidden.error ~ .value-wrap > a {
  border-color: var(--Support-Red, #E30518);
}
.custom-select label.error {
  display: block;
  margin: 0.5rem 0 0;
  order: 2;
}

.hidden {
  display: none !important;
}

@media (max-width: 1228px) {
  .hide-on-tab {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .hide-on-mob {
    display: none !important;
  }
}

@media (max-width: 1228px) {
  .show-on-tab {
    display: block !important;
  }
}

@media (max-width: 768px) {
  .show-on-mob {
    display: block !important;
  }
}

@media print {
  .show-on-print {
    display: block !important;
  }
}

@media print {
  .hide-on-print {
    display: none !important;
  }
}

.disable-select {
  user-select: none !important;
}

#window > div > .wrap, #window > div > div > .wrap, #window header > div > .wrap, #window footer > .wrap, #main > div > .wrap, #main > div > div > .wrap, #main header > div > .wrap, #main footer > .wrap {
  margin: 0 auto;
  padding: 0 20px;
  min-width: 1142px;
  max-width: 1352px;
}
@media (max-width: 1418px) {
  #window > div > .wrap, #window > div > div > .wrap, #window header > div > .wrap, #window footer > .wrap, #main > div > .wrap, #main > div > div > .wrap, #main header > div > .wrap, #main footer > .wrap {
    padding: 0 20px;
    min-width: 1042px;
    max-width: 1192px;
  }
}
@media (max-width: 1228px) {
  #window > div > .wrap, #window > div > div > .wrap, #window header > div > .wrap, #window footer > .wrap, #main > div > .wrap, #main > div > div > .wrap, #main header > div > .wrap, #main footer > .wrap {
    padding: 0 20px;
    min-width: 410px;
    max-width: 100vw;
  }
}
@media (max-width: 768px) {
  #window > div > .wrap, #window > div > div > .wrap, #window header > div > .wrap, #window footer > .wrap, #main > div > .wrap, #main > div > div > .wrap, #main header > div > .wrap, #main footer > .wrap {
    padding: 0 16px;
    min-width: 324px;
  }
}
#window > div > .wrap.wrap-limit, #window > div > div > .wrap.wrap-limit, #window header > div > .wrap.wrap-limit, #window footer > .wrap.wrap-limit, #main > div > .wrap.wrap-limit, #main > div > div > .wrap.wrap-limit, #main header > div > .wrap.wrap-limit, #main footer > .wrap.wrap-limit {
  padding: 0 20px;
  min-width: 904px;
  max-width: 904px;
}
@media (max-width: 1418px) {
  #window > div > .wrap.wrap-limit, #window > div > div > .wrap.wrap-limit, #window header > div > .wrap.wrap-limit, #window footer > .wrap.wrap-limit, #main > div > .wrap.wrap-limit, #main > div > div > .wrap.wrap-limit, #main header > div > .wrap.wrap-limit, #main footer > .wrap.wrap-limit {
    padding: 0 20px;
    min-width: 1042px;
    max-width: 775px;
  }
}
@media (max-width: 1228px) {
  #window > div > .wrap.wrap-limit, #window > div > div > .wrap.wrap-limit, #window header > div > .wrap.wrap-limit, #window footer > .wrap.wrap-limit, #main > div > .wrap.wrap-limit, #main > div > div > .wrap.wrap-limit, #main header > div > .wrap.wrap-limit, #main footer > .wrap.wrap-limit {
    padding: 0 20px;
    min-width: 410px;
    max-width: 964px;
  }
}
@media (max-width: 768px) {
  #window > div > .wrap.wrap-limit, #window > div > div > .wrap.wrap-limit, #window header > div > .wrap.wrap-limit, #window footer > .wrap.wrap-limit, #main > div > .wrap.wrap-limit, #main > div > div > .wrap.wrap-limit, #main header > div > .wrap.wrap-limit, #main footer > .wrap.wrap-limit {
    padding: 0 16px;
    min-width: 324px;
  }
}

:root {
  /* SPACING */
  /* COLORS */
  --grayscale-black: #1d2430;
  --grayscale-gray90: #2a3342;
  --grayscale-gray80: #3f4a5a;
  --grayscale-gray70: #535d6c;
  --grayscale-gray40: #ced6e0;
  --grayscale-gray30: #e3e8ef;
  --grayscale-gray20: #eef2f6;
  --grayscale-gray10: #f7f9fb;
  --grayscale-white: #ffffff;
  --primary-primary-50-main: #e30518;
  --primary-primary-10: #fce6e8;
  --secondary-secondary-50-main-ffdd00: #ffdd00;
  --tertiary-tertiary90: #f2f2f2;
  --transparent-white-80: rgba(255 255 255 / 0.8);
  --transparent-white-60: rgba(255 255 255 / 0.6);
  --transparent-white-50: rgba(255 255 255 / 0.5);
  --support-green-60: #21b66b;
  --support-green-20: #d4f7e0;
  --support-yellow: #FFDD00;
  --support-red: #E30518;
  /* SHADOWS */
}

header {
  padding: 1.5rem 0;
  background: var(--Grayscale-White, #FFFFFF);
  position: sticky;
  top: 0;
  z-index: 20;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
}
@media (max-width: 768px) {
  header {
    padding: 0.75rem 0;
  }
}
header > .cb > .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}
@media (max-width: 768px) {
  header > .cb > .wrap {
    gap: 1rem;
  }
}
header .link-back-wrap a.btn {
  height: auto;
  transform: rotate(-90deg);
}
header .link-back-wrap a.btn .icon:before {
  color: var(--Grayscale-Black, #1D2430);
}
header .spacer-right-wrap {
  width: 2.75rem;
}
@media (max-width: 1418px) {
  header .spacer-right-wrap {
    width: 2.75rem;
  }
}
@media (max-width: 1228px) {
  header .spacer-right-wrap {
    width: 2.75rem;
  }
}
@media (max-width: 768px) {
  header .spacer-right-wrap {
    width: 2.75rem;
  }
}
header .progress-wrap {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0rem;
}
header .progress-wrap > .bar {
  width: 100%;
  max-width: 53rem;
  height: 0.5rem;
  border-radius: 0.125rem;
  background: var(--Grayscale-Gray20, #EEF2F6);
}
header .progress-wrap > .bar > .progress {
  display: block;
  width: 11.1111111111%;
  min-width: 0%;
  max-width: 100%;
  height: 100%;
  border-radius: 0.125rem;
  background: var(--primary-primary-50-main, #E30518);
  transition: width 1s ease-in-out;
}
header .spacer-wrap {
  width: 3.0625rem;
}
@media (max-width: 1418px) {
  header .spacer-wrap {
    width: 3.0625rem;
  }
}
@media (max-width: 1228px) {
  header .spacer-wrap {
    width: 3.0625rem;
  }
}
@media (max-width: 768px) {
  header .spacer-wrap {
    width: 0.5625rem;
  }
}
@media (max-width: 1228px) {
  header .spacer-wrap {
    display: none;
  }
}
header .spacer-2-wrap {
  width: 3.4375rem;
}
@media (max-width: 1418px) {
  header .spacer-2-wrap {
    width: 3.4375rem;
  }
}
@media (max-width: 1228px) {
  header .spacer-2-wrap {
    width: 3.4375rem;
  }
}
@media (max-width: 768px) {
  header .spacer-2-wrap {
    width: 3.4375rem;
  }
}
@media (max-width: 1228px) {
  header .spacer-2-wrap {
    display: none;
  }
}
header .language-wrap {
  width: 3.4375rem;
  font-weight: 700;
}
@media (max-width: 1418px) {
  header .language-wrap {
    width: 3.4375rem;
  }
}
@media (max-width: 1228px) {
  header .language-wrap {
    width: 3.4375rem;
  }
}
@media (max-width: 768px) {
  header .language-wrap {
    width: 3.4375rem;
  }
}
header .language-wrap .custom-select .value-wrap a {
  padding: 0.75rem 0rem 0.75rem 0.375rem;
  gap: 0;
  background-color: var(--Grayscale-White, #FFFFFF);
  border: none;
}
@media (max-width: 1418px) {
  header .language-wrap .custom-select .value-wrap a {
    padding: 0.75rem 0rem 0.75rem 0.375rem;
  }
}
@media (max-width: 1228px) {
  header .language-wrap .custom-select .value-wrap a {
    padding: 0.75rem 0rem 0.75rem 0.375rem;
  }
}
@media (max-width: 768px) {
  header .language-wrap .custom-select .value-wrap a {
    padding: 0.75rem 0rem 0.75rem 0.375rem;
  }
}
header .language-wrap .custom-select .content-wrap {
  padding: 0;
  overflow: hidden;
}
header .language-wrap .custom-select .content-wrap a {
  transition: background-color 0.3s ease-out;
}
header .language-wrap .custom-select .content-wrap a:hover {
  color: var(--Grayscale-Black, #1D2430);
  background-color: var(--secondary-secondary-50-main-ffdd00);
}

#main {
  padding: 5rem 0;
}
@media (max-width: 768px) {
  #main {
    padding: 2.5rem 0;
  }
}

.carglass-logo {
  width: 8.5rem;
  min-width: 8.5rem;
  height: 2.25rem;
}
@media (max-width: 1418px) {
  .carglass-logo {
    width: 8.5rem;
  }
}
@media (max-width: 1228px) {
  .carglass-logo {
    width: 8.5rem;
  }
}
@media (max-width: 768px) {
  .carglass-logo {
    width: 6rem;
  }
}
@media (max-width: 1418px) {
  .carglass-logo {
    height: 2.25rem;
  }
}
@media (max-width: 1228px) {
  .carglass-logo {
    height: 2.25rem;
  }
}
@media (max-width: 768px) {
  .carglass-logo {
    height: 1.625rem;
  }
}
@media (max-width: 768px) {
  .carglass-logo {
    min-width: 6rem;
  }
}
.carglass-logo > a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999em;
  overflow: hidden;
  outline: none;
  user-select: none;
  background: url("../img/carglass-logo.svg") left center no-repeat;
  background-size: contain;
}

.cb .page-title {
  margin-bottom: 0.5rem;
}
.cb div.page-description {
  margin: 0.5rem 0 1rem;
}
.cb .box-title {
  margin-bottom: 0.5rem;
}
.cb .form-section-title {
  margin: 1.5rem 0 1rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 150%;
}
@media (max-width: 1418px) {
  .cb .form-section-title {
    font-size: 1rem;
  }
}
@media (max-width: 1228px) {
  .cb .form-section-title {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .cb .form-section-title {
    font-size: 1rem;
  }
}
.cb .form-section-title:first-child {
  margin-top: 0;
}
.cb .form-section-title:last-child {
  margin-bottom: 0;
}

.box-white {
  padding: 1.5rem;
  width: 100%;
  border-radius: 1rem;
  background: var(--Grayscale-White, #FFF);
  position: relative;
}
@media (max-width: 768px) {
  .box-white {
    padding: 1rem;
  }
}
.box-white.small-width {
  max-width: 26rem;
}
.box-white .selected-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.5rem;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  right: 1.5rem;
  bottom: 1.5rem;
  background: transparent;
  z-index: 31;
  transition: background 0.3s ease-out, opacity 0.3s ease-out;
}
@media (max-width: 768px) {
  .box-white .selected-wrap {
    top: 1rem;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    background: linear-gradient(180deg, #FFF 10%, rgba(255, 255, 255, 0) 15%);
  }
  .box-white .selected-wrap .btn {
    padding: 0;
  }
  .box-white .selected-wrap .btn:hover {
    background-color: transparent;
  }
}
.box-white .selected-wrap > .left {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.25rem;
  min-height: 2.5625rem;
}
.box-white .selected-wrap > .left .value-title {
  color: var(--Grayscale-Gray70, #535D6C);
  font-size: 0.875rem;
}
@media (max-width: 1418px) {
  .box-white .selected-wrap > .left .value-title {
    font-size: 0.875rem;
  }
}
@media (max-width: 1228px) {
  .box-white .selected-wrap > .left .value-title {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .box-white .selected-wrap > .left .value-title {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .box-white .selected-wrap > .left .value-title {
    font-size: 0.75rem;
  }
}
.box-white .selected-wrap > .left .value {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}
.box-white .selected-wrap > .left .value.value-without-title {
  min-height: 2.5625rem;
}
@media (max-width: 768px) {
  .box-white .selected-wrap > .left .value.value-without-title {
    min-height: unset;
  }
}
.box-white .selected-wrap > .left .value.text-center {
  justify-content: center;
}
.box-white .selected-wrap > .left .value .label {
  font-size: 1rem;
  font-weight: 700;
}
@media (max-width: 768px) {
  .box-white .selected-wrap > .left .value .label {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .box-white .selected-wrap > .right {
    position: relative;
    top: 0;
  }
}
.box-white .please-wait-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  top: 0rem;
  left: 1.5rem;
  right: 1.5rem;
  bottom: 0rem;
  z-index: 31;
  transform: scale(0.9);
  transition: opacity 0.3s ease-out 1s, transform 0.3s ease-out 1s;
}
.box-white .please-wait-wrap .box-title {
  margin: 1rem 0 1rem;
  max-width: 36rem;
}
.box-white .please-wait-wrap .block-text {
  margin: 0;
  max-width: 36rem;
  color: var(--Grayscale-Gray70, #535D6C);
  text-align: center;
}
.box-white:after {
  display: block;
  height: 0;
  overflow: hidden;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 1rem;
  background-color: transparent;
  transition: background-color 0.3s ease-out;
  pointer-events: none;
}
.box-white.selected > .box-title, .box-white.selected > .brand-line {
  opacity: 0;
  visibility: hidden;
}
.box-white.selected:after {
  display: block;
  height: 100%;
  background-color: var(--transparent-white-80, rgba(255, 255, 255, 0.8));
  z-index: 21;
}
.box-white.selected .selected-wrap {
  display: flex;
  opacity: 1;
  visibility: visible;
  background: linear-gradient(180deg, #FFF 10%, rgba(255, 255, 255, 0) 50%);
  pointer-events: auto;
}
.box-white.selected.selected-small > * {
  display: none;
}
.box-white.selected.selected-small > form {
  display: block;
}
.box-white.selected.selected-small > .selected-wrap {
  display: flex;
  align-items: center;
  position: relative;
  left: unset;
  right: unset;
  top: unset;
  bottom: unset;
}
.box-white.please-wait {
  min-height: 11.25rem;
}
.box-white.please-wait:after {
  display: block;
  height: 100%;
  background-color: transparent;
  transition: background-color 1s ease-out;
}
.box-white.please-wait.please-wait-only:after {
  display: block;
  background-color: var(--grayscale-white, rgb(255, 255, 255));
  z-index: 21;
}
.box-white.please-wait .please-wait-wrap {
  height: auto;
  overflow: hidden;
  display: flex;
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.box-white.please-wait:after {
  display: block;
  background-color: var(--transparent-white-80, rgba(255, 255, 255, 0.8));
  z-index: 21;
}

.box-announcement .box-title-icon {
  text-align: center;
}
.box-announcement .box-title-icon > span {
  width: 2.75rem;
  min-width: 2.75rem;
  height: 2.75rem;
}
.box-announcement .box-title-icon > span:before {
  font-size: 2rem;
}
.box-announcement .box-title-icon > span.icon-cg-question-only:before {
  font-size: 1.3125rem;
}
.box-announcement .box-title {
  text-align: center;
}
.box-announcement .more-info-link-row {
  text-align: center;
}

.brand-line-double, .brand-line {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  margin: 0.5rem 0 1.5rem;
}
.brand-line-double:before, .brand-line-double:after, .brand-line:before, .brand-line:after {
  display: inline-block;
  content: "";
  width: 3rem;
  height: 0.25rem;
  background-color: var(--secondary-secondary-50-main-ffdd00, #ffdd00);
}
.brand-line-double:after, .brand-line:after {
  background-color: var(--primary-primary-50-main, #E30518);
}
.brand-line-double.brand-line:after, .brand-line.brand-line:after {
  display: none;
}

.section-line {
  margin: 1.5rem 0;
  height: 0;
  border-top: 1px solid var(--Grayscale-Gray30, #E3E8EF);
}

.cb .box-description {
  margin: 1rem 0 1.5rem;
  color: var(--Grayscale-Gray70, #535D6C);
  line-height: 150%;
}

fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
fieldset.square-radios, fieldset.horizontal-radios {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 1rem;
}
fieldset.square-radios > div, fieldset.horizontal-radios > div {
  width: calc(25% - 16px * 3 / 4);
}
fieldset.square-radios > div, fieldset.horizontal-radios > div {
  padding: 0.5rem;
  box-shadow: none;
  position: relative;
  transition: box-shadow 0.3s ease;
}
fieldset.square-radios > div.cg-radio-insurance-icon-wrap, fieldset.horizontal-radios > div.cg-radio-insurance-icon-wrap {
  padding: 1.5rem 1rem 0.5rem 1rem;
}
fieldset.square-radios > div.cg-radio-insurance-icon-wrap span.icon-insurance, fieldset.horizontal-radios > div.cg-radio-insurance-icon-wrap span.icon-insurance {
  margin: 0 1.5rem 1rem;
  min-width: calc(100% - 3rem);
  width: calc(100% - 3rem);
}
fieldset.square-radios > div.cg-radio-insurance-icon-wrap span.radio-title, fieldset.horizontal-radios > div.cg-radio-insurance-icon-wrap span.radio-title {
  display: none;
}
@media (max-width: 768px) {
  fieldset.square-radios > div, fieldset.horizontal-radios > div {
    padding: 0.5rem;
    min-width: calc(50% - 0.5rem);
    width: calc(50% - 0.5rem);
  }
  fieldset.square-radios > div.cg-radio-insurance-icon-wrap, fieldset.horizontal-radios > div.cg-radio-insurance-icon-wrap {
    padding: 1.5rem 1rem 0.5rem 1rem;
  }
  fieldset.square-radios > div.cg-radio-insurance-icon-wrap span.icon-insurance, fieldset.horizontal-radios > div.cg-radio-insurance-icon-wrap span.icon-insurance {
    margin: 0 1.5rem;
    width: calc(100% - 3rem);
  }
}
fieldset.square-radios > div > label, fieldset.horizontal-radios > div > label {
  height: 100%;
}
fieldset.square-radios > div:hover, fieldset.square-radios > div.hover, fieldset.horizontal-radios > div:hover, fieldset.horizontal-radios > div.hover {
  box-shadow: 0 8px 16px 4px rgba(29, 36, 48, 0.06);
}
fieldset.square-radios > div:hover span.radio-bg, fieldset.square-radios > div.hover span.radio-bg, fieldset.horizontal-radios > div:hover span.radio-bg, fieldset.horizontal-radios > div.hover span.radio-bg {
  border: 1px solid var(--Grayscale-Gray40, #CED6E0);
  background: var(--Grayscale-Gray20, #EEF2F6);
}
fieldset.square-radios span.radio-bg, fieldset.horizontal-radios span.radio-bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  border-radius: 0.375rem;
  border: 1px solid var(--Grayscale-Gray30, #E3E8EF);
  background: var(--Grayscale-Gray10, #F7F9FB);
  transition: background-color 0.3s ease;
}
fieldset.square-radios span.radio-title, fieldset.horizontal-radios span.radio-title {
  display: block;
  margin: 1rem 0 0.5rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
  position: relative;
  z-index: 2;
}
@media (max-width: 1418px) {
  fieldset.square-radios span.radio-title, fieldset.horizontal-radios span.radio-title {
    font-size: 1rem;
  }
}
@media (max-width: 1228px) {
  fieldset.square-radios span.radio-title, fieldset.horizontal-radios span.radio-title {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  fieldset.square-radios span.radio-title, fieldset.horizontal-radios span.radio-title {
    font-size: 0.875rem;
  }
}
fieldset.square-radios input[type=radio], fieldset.horizontal-radios input[type=radio] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3;
  opacity: 0;
  cursor: pointer;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
fieldset.square-radios input[type=radio]:checked ~ span.radio-bg, fieldset.horizontal-radios input[type=radio]:checked ~ span.radio-bg {
  background: var(--secondary-secondary-50-main-ffdd-00, #FD0) !important;
}
fieldset.horizontal-radios {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 1rem;
}
fieldset.horizontal-radios > div {
  width: calc(50% - 16px * 1 / 2);
}
fieldset.horizontal-radios > div {
  padding: 0.75rem 1rem;
}
fieldset.horizontal-radios > div.full-width {
  width: 100%;
  min-height: 4.5rem;
}
@media (max-width: 768px) {
  fieldset.horizontal-radios > div.full-width {
    min-height: 4.5rem;
  }
}
@media (max-width: 768px) {
  fieldset.horizontal-radios > div {
    padding: 0.5rem 0.75rem;
    width: 100%;
  }
}
fieldset.horizontal-radios > div > label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
}
fieldset.horizontal-radios > div:hover span.radio-circle:before, fieldset.horizontal-radios > div.hover span.radio-circle:before {
  border-color: var(--Grayscale-Black, #1D2430);
  outline-color: var(--Grayscale-Black, #1D2430);
}
fieldset.horizontal-radios.full-width > div {
  width: 100%;
  min-height: 4.5rem;
}
@media (max-width: 768px) {
  fieldset.horizontal-radios.full-width > div {
    min-height: 4.5rem;
  }
}
fieldset.horizontal-radios.half-width {
  margin: 0 auto;
  width: 50%;
}
fieldset.horizontal-radios.half-width > div {
  width: 100%;
}
@media (max-width: 768px) {
  fieldset.horizontal-radios.half-width {
    width: 100%;
  }
}
fieldset.horizontal-radios span.radio-circle {
  width: 1.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
  position: relative;
  z-index: 2;
}
@media (max-width: 1418px) {
  fieldset.horizontal-radios span.radio-circle {
    width: 1.5rem;
  }
}
@media (max-width: 1228px) {
  fieldset.horizontal-radios span.radio-circle {
    width: 1.5rem;
  }
}
@media (max-width: 768px) {
  fieldset.horizontal-radios span.radio-circle {
    width: 1.25rem;
  }
}
@media (max-width: 1418px) {
  fieldset.horizontal-radios span.radio-circle {
    height: 1.5rem;
  }
}
@media (max-width: 1228px) {
  fieldset.horizontal-radios span.radio-circle {
    height: 1.5rem;
  }
}
@media (max-width: 768px) {
  fieldset.horizontal-radios span.radio-circle {
    height: 1.25rem;
  }
}
@media (max-width: 768px) {
  fieldset.horizontal-radios span.radio-circle {
    min-width: 1.25rem;
  }
}
fieldset.horizontal-radios span.radio-circle:before {
  display: inline-block;
  content: "";
  border-radius: 100%;
  border: 1px solid var(--Grayscale-Gray40, #CED6E0);
  outline: 0.5px solid transparent;
  background: var(--Grayscale-White, #FFF);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: border-color 0.3s ease, outline-color 0.3s ease;
}
fieldset.horizontal-radios span.radio-circle:after {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.75rem;
  height: 0.75rem;
  display: inline-block;
  content: "";
  border-radius: 100%;
  background: var(--Grayscale-White, #FFF);
  position: absolute;
  transition: background-color 0.3s ease;
}
@media (max-width: 1418px) {
  fieldset.horizontal-radios span.radio-circle:after {
    width: 0.75rem;
  }
}
@media (max-width: 1228px) {
  fieldset.horizontal-radios span.radio-circle:after {
    width: 0.75rem;
  }
}
@media (max-width: 768px) {
  fieldset.horizontal-radios span.radio-circle:after {
    width: 0.5rem;
  }
}
@media (max-width: 1418px) {
  fieldset.horizontal-radios span.radio-circle:after {
    height: 0.75rem;
  }
}
@media (max-width: 1228px) {
  fieldset.horizontal-radios span.radio-circle:after {
    height: 0.75rem;
  }
}
@media (max-width: 768px) {
  fieldset.horizontal-radios span.radio-circle:after {
    height: 0.5rem;
  }
}
fieldset.horizontal-radios span.radio-title {
  margin: 0;
  flex-grow: 1;
  text-align: left;
}
fieldset.horizontal-radios span.radio-icon {
  padding: 0.1875rem;
  border-radius: 0.375rem;
  border: 1px solid var(--Grayscale-Gray30, #E3E8EF);
  position: relative;
  z-index: 2;
}
fieldset.horizontal-radios span.radio-icon-number {
  position: relative;
  z-index: 2;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0rem;
  border-radius: 0.375rem;
  border: 1px solid var(--Grayscale-Black, #1D2430);
  background: var(--Grayscale-Black, #1D2430);
  color: var(--Grayscale-White, #FFF);
  font-size: 0.875rem;
}
@media (max-width: 1418px) {
  fieldset.horizontal-radios span.radio-icon-number {
    font-size: 0.875rem;
  }
}
@media (max-width: 1228px) {
  fieldset.horizontal-radios span.radio-icon-number {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  fieldset.horizontal-radios span.radio-icon-number {
    font-size: 0.875rem;
  }
}
fieldset.horizontal-radios span.radio-square-icon {
  position: relative;
  z-index: 2;
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0rem;
  border-radius: 0.375rem;
  background: var(--Grayscale-Black, #1D2430);
  color: var(--Grayscale-White, #FFF);
  font-size: 0.875rem;
}
@media (max-width: 1418px) {
  fieldset.horizontal-radios span.radio-square-icon {
    font-size: 0.875rem;
  }
}
@media (max-width: 1228px) {
  fieldset.horizontal-radios span.radio-square-icon {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  fieldset.horizontal-radios span.radio-square-icon {
    font-size: 0.875rem;
  }
}
fieldset.horizontal-radios span.radio-square-icon.true {
  background-color: var(--Support-Green-20, #D4F7E0);
}
fieldset.horizontal-radios span.radio-square-icon.false {
  background-color: var(--Primary-Primary-10, #FCE6E8);
}
fieldset.horizontal-radios span.radio-square-icon > span {
  font-size: 1.75rem;
}
fieldset.horizontal-radios input[type=radio]:checked ~ span.radio-circle:before {
  border-color: var(--Grayscale-Black, #1D2430);
  outline-color: var(--Grayscale-Black, #1D2430);
}
fieldset.horizontal-radios input[type=radio]:checked ~ span.radio-circle:after {
  background: var(--Grayscale-Black, #1D2430);
}
fieldset.horizontal-inputs {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 1.5rem 0rem 0rem 0rem;
}
fieldset.horizontal-inputs > div {
  width: calc(50% - 16px * 1 / 2);
}
@media (max-width: 1418px) {
  fieldset.horizontal-inputs {
    margin: 1.5rem 0rem 0rem 0rem;
  }
}
@media (max-width: 1228px) {
  fieldset.horizontal-inputs {
    margin: 1.5rem 0rem 0rem 0rem;
  }
}
@media (max-width: 768px) {
  fieldset.horizontal-inputs {
    margin: 1.5rem 0rem 0rem 0rem;
  }
}
fieldset.horizontal-inputs.half-width {
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
fieldset.horizontal-inputs.half-width > div {
  width: 100%;
}
@media (max-width: 768px) {
  fieldset.horizontal-inputs.half-width {
    width: 100%;
  }
}
fieldset.horizontal-inputs > div.full-width {
  width: 100%;
}
fieldset.horizontal-inputs > div.sel-car-info-1 {
  width: calc(33.6593137255% - 0.6666666667rem);
}
fieldset.horizontal-inputs > div.sel-car-info-2 {
  width: calc(42.9730392157% - 0.6666666667rem);
}
fieldset.horizontal-inputs > div.sel-car-info-3 {
  width: calc(23.3651960784% - 0.6666666667rem);
}
fieldset.horizontal-inputs > div span.ajax-loading-icon {
  padding-right: 2.25rem;
  position: relative;
}
fieldset.horizontal-inputs > div span.ajax-loading-icon::after {
  display: inline-block;
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  right: 0.3125rem;
  top: 0.3125rem;
  border: solid 2px #FFDD00;
  border-radius: 50%;
  border-right-color: #E30518;
  border-bottom-color: #E30518;
  transition: animation 1s ease-in;
  animation: rotate 1.05s linear infinite;
}
@media (max-width: 768px) {
  fieldset.horizontal-inputs > div {
    width: 100% !important;
  }
}
fieldset.horizontal-inputs > div label, fieldset.horizontal-inputs > div > .label {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.5rem;
  width: 100%;
}
fieldset.horizontal-inputs > div .input-title {
  color: var(--Grayscale-Black, #1D2430);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 150%;
}
fieldset.horizontal-inputs.full-width > div {
  width: 100%;
}
fieldset.horizontal-inputs .cg-file-wrap .file-drop-area {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0rem;
  padding: 1rem;
  border-radius: 0.375rem;
  border: 1px dashed var(--primary-primary-50-main, #E30518);
  color: var(--Grayscale-Gray70, #535D6C);
  position: relative;
}
fieldset.horizontal-inputs .cg-file-wrap .file-drop-area .icon {
  margin: 0 1rem 0 0;
}
fieldset.horizontal-inputs .cg-file-wrap input[type=file] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3;
  opacity: 0;
  cursor: pointer;
}
fieldset.horizontal-inputs .file-drop-list a {
  padding: 0.5rem 1rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  color: var(--Grayscale-Black, #1D2430);
}
fieldset.horizontal-inputs .file-drop-list a .thumbnail {
  width: 4rem;
  height: auto;
  max-height: 4rem;
  display: inline-block;
  object-fit: cover;
  border-radius: 0.5rem;
  border: 1px solid var(--Grayscale-Gray30, #E3E8EF) !important;
}
fieldset.horizontal-inputs .file-drop-list a .filename {
  word-wrap: anywhere;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 150%;
}
fieldset.horizontal-inputs .file-drop-list a:before {
  font-family: "CG" !important;
  display: inline-block;
  content: "\e91e";
  line-height: 1;
  color: var(--Grayscale-Black, #1D2430);
  font-size: 16px;
}
fieldset.horizontal-inputs .file-drop-list a:hover {
  color: var(--Primary-Primary-60, #CC0516);
}
fieldset.horizontal-inputs .file-drop-list a:hover:before {
  color: var(--Primary-Primary-60, #CC0516);
}
fieldset.horizontal-checkboxes {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.5rem;
}
fieldset.horizontal-checkboxes > div {
  position: relative;
}
fieldset.horizontal-checkboxes > div > label {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1rem;
  flex-wrap: wrap;
}
fieldset.horizontal-checkboxes > div > label > label.error {
  width: 100%;
  position: relative;
  top: -0.625rem;
  order: 2;
}
fieldset.horizontal-checkboxes > div:hover span.checkbox-square:before, fieldset.horizontal-checkboxes > div.hover span.checkbox-square:before {
  border-color: var(--Grayscale-Gray50, #9EA7B5);
  outline-color: var(--Grayscale-Gray50, #9EA7B5);
}
fieldset.horizontal-checkboxes span.checkbox-title {
  margin: 0;
  max-width: calc(100% - 2.5rem);
  flex-grow: 1;
  color: var(--Grayscale-Black, #1D2430);
  font-size: 1rem;
  line-height: 150%;
  text-align: left;
}
fieldset.horizontal-checkboxes span.checkbox-title a {
  text-decoration: underline;
  position: relative;
  z-index: 11;
}
fieldset.horizontal-checkboxes input[type=checkbox] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3;
  opacity: 0;
  cursor: pointer;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
fieldset.horizontal-checkboxes input[type=checkbox]:checked ~ .checkbox-square:before {
  background: var(--Grayscale-Black, #1D2430) !important;
}
fieldset.horizontal-checkboxes input[type=checkbox].error ~ span.checkbox-square:before {
  border-color: var(--Support-Red, #E30518) !important;
}
fieldset.horizontal-checkboxes span.checkbox-square {
  width: 1.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
  position: relative;
  z-index: 2;
}
@media (max-width: 1418px) {
  fieldset.horizontal-checkboxes span.checkbox-square {
    width: 1.5rem;
  }
}
@media (max-width: 1228px) {
  fieldset.horizontal-checkboxes span.checkbox-square {
    width: 1.5rem;
  }
}
@media (max-width: 768px) {
  fieldset.horizontal-checkboxes span.checkbox-square {
    width: 1.25rem;
  }
}
@media (max-width: 1418px) {
  fieldset.horizontal-checkboxes span.checkbox-square {
    height: 1.5rem;
  }
}
@media (max-width: 1228px) {
  fieldset.horizontal-checkboxes span.checkbox-square {
    height: 1.5rem;
  }
}
@media (max-width: 768px) {
  fieldset.horizontal-checkboxes span.checkbox-square {
    height: 1.25rem;
  }
}
@media (max-width: 768px) {
  fieldset.horizontal-checkboxes span.checkbox-square {
    position: relative;
    top: 0.125rem;
    min-width: 1.25rem;
  }
}
fieldset.horizontal-checkboxes span.checkbox-square:before {
  display: inline-block;
  content: "";
  border-radius: 0.25rem;
  border: 1px solid var(--Grayscale-Gray40, #CED6E0);
  outline: 1px solid transparent;
  background: var(--Grayscale-White, #FFF);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: background-color 0.3s ease, border-color 0.3s ease, outline-color 0.3s ease;
}
fieldset.horizontal-checkboxes span.checkbox-square:after {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1.125rem;
  height: 1.125rem;
  display: inline-block;
  font-family: "CG" !important;
  speak-as: unset;
  speak: never;
  color: var(--Grayscale-White, #FFFFFF);
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e910";
  position: absolute;
  transition: color 0.3s ease;
}
@media (max-width: 1418px) {
  fieldset.horizontal-checkboxes span.checkbox-square:after {
    width: 1.125rem;
  }
}
@media (max-width: 1228px) {
  fieldset.horizontal-checkboxes span.checkbox-square:after {
    width: 1.125rem;
  }
}
@media (max-width: 768px) {
  fieldset.horizontal-checkboxes span.checkbox-square:after {
    width: 0.875rem;
  }
}
@media (max-width: 1418px) {
  fieldset.horizontal-checkboxes span.checkbox-square:after {
    height: 1.125rem;
  }
}
@media (max-width: 1228px) {
  fieldset.horizontal-checkboxes span.checkbox-square:after {
    height: 1.125rem;
  }
}
@media (max-width: 768px) {
  fieldset.horizontal-checkboxes span.checkbox-square:after {
    height: 0.875rem;
  }
}
@media (max-width: 768px) {
  fieldset.horizontal-checkboxes span.checkbox-square:after {
    font-size: 14px;
  }
}
fieldset.horizontal-checkboxes .cg-checkbox-wrap label.error {
  padding-left: 2.5rem;
}
@media (max-width: 768px) {
  fieldset.horizontal-checkboxes .cg-checkbox-wrap label.error {
    padding-left: 2.25rem;
  }
}
fieldset.inline-checkboxes {
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
  padding: 0.5rem;
  border-radius: 0.375rem;
  background: var(--Grayscale-Gray10, #F7F9FB);
}
@media (max-width: 768px) {
  fieldset.inline-checkboxes {
    gap: 0.5rem;
  }
}
fieldset.inline-checkboxes > div {
  display: inline-flex;
}
@media (max-width: 768px) {
  fieldset.inline-checkboxes > div {
    display: flex;
    width: 100%;
  }
}
fieldset.inline-checkboxes > div > label {
  gap: 0.5rem;
}
fieldset.inline-checkboxes > div > label span.checkbox-square {
  width: 20px !important;
  height: 20px !important;
  min-width: 1.25rem !important;
  top: 2px !important;
}
fieldset.inline-checkboxes > div span.checkbox-title {
  max-width: unset;
}
fieldset.vertical-slots {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.5rem;
  min-height: 100%;
}
fieldset.vertical-slots > div {
  padding: 0.75rem 1rem;
  box-shadow: none;
  position: relative;
  transition: box-shadow 0.3s ease;
}
@media (max-width: 768px) {
  fieldset.vertical-slots > div {
    padding: 0.5rem 1rem;
  }
}
fieldset.vertical-slots > div > label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
fieldset.vertical-slots > div:hover span.slot-bg, fieldset.vertical-slots > div.hover span.slot-bg {
  border: 1px solid var(--Grayscale-Gray40, #CED6E0);
  background: var(--Grayscale-Gray20, #EEF2F6);
}
fieldset.vertical-slots > div.disabled {
  pointer-events: none;
}
fieldset.vertical-slots > div.disabled .slot-bg {
  border-color: var(--Grayscale-Gray30, #E3E8EF);
  background: var(--Grayscale-White, #FFF);
}
fieldset.vertical-slots > div.disabled .slot-title {
  color: var(--Grayscale-Gray50, #9EA7B5);
}
fieldset.vertical-slots span.slot-bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  border-radius: 0.375rem;
  border: 1px solid var(--Grayscale-Gray30, #E3E8EF);
  background: var(--Grayscale-Gray10, #F7F9FB);
  transition: background-color 0.3s ease;
}
fieldset.vertical-slots span.slot-title {
  margin: 0;
  flex-grow: 1;
  z-index: 2;
  text-align: left;
}
fieldset.vertical-slots span.slot-title .part-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  font-size: 1rem;
  font-weight: 700;
  color: var(--Grayscale-Black, #1D2430);
  gap: 0.25rem;
}
fieldset.vertical-slots span.slot-title .part-top .time {
  margin: 0 0.5rem 0 0;
}
fieldset.vertical-slots span.slot-title .part-top .tag {
  font-size: 0.75rem;
}
fieldset.vertical-slots span.slot-title .part-bottom {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0rem;
  color: var(--Grayscale-Gray80, #3F4A5A);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 150%;
}
fieldset.vertical-slots span.slot-tag {
  z-index: 2;
}
fieldset.vertical-slots input[type=radio] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3;
  opacity: 0;
  cursor: pointer;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
fieldset.vertical-slots input[type=radio]:checked ~ span.slot-bg {
  background: var(--secondary-secondary-50-main-ffdd-00, #FD0) !important;
}
fieldset.horizontal-toggleboxes {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.5rem;
  margin: 1.5rem 0rem 0rem 0rem;
}
@media (max-width: 1418px) {
  fieldset.horizontal-toggleboxes {
    margin: 1.5rem 0rem 0rem 0rem;
  }
}
@media (max-width: 1228px) {
  fieldset.horizontal-toggleboxes {
    margin: 1.5rem 0rem 0rem 0rem;
  }
}
@media (max-width: 768px) {
  fieldset.horizontal-toggleboxes {
    margin: 1.5rem 0rem 0rem 0rem;
  }
}
fieldset.horizontal-toggleboxes > div {
  position: relative;
}
fieldset.horizontal-toggleboxes > div > label {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1rem;
}
fieldset.horizontal-toggleboxes > div:hover span.togglebox-square:before, fieldset.horizontal-toggleboxes > div.hover span.togglebox-square:before {
  border-color: var(--Grayscale-Gray50, #9EA7B5);
  outline-color: var(--Grayscale-Gray50, #9EA7B5);
}
fieldset.horizontal-toggleboxes span.togglebox-title {
  margin: 0;
  flex-grow: 1;
  color: var(--Grayscale-Black, #1D2430);
  font-size: 1rem;
  line-height: 150%;
  text-align: left;
}
fieldset.horizontal-toggleboxes span.togglebox-title a {
  text-decoration: underline;
  position: relative;
  z-index: 11;
}
fieldset.horizontal-toggleboxes input[type=checkbox] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3;
  opacity: 0;
  cursor: pointer;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
fieldset.horizontal-toggleboxes input[type=checkbox]:checked ~ span.togglebox-square:before {
  background: var(--Grayscale-Black, #1D2430) !important;
}
fieldset.horizontal-toggleboxes input[type=checkbox]:checked ~ span.togglebox-square:after {
  left: calc(100% - 22px);
}
fieldset.horizontal-toggleboxes span.togglebox-square {
  width: 2.75rem;
  height: 1.5rem;
  min-width: 2.75rem;
  position: relative;
  z-index: 2;
}
@media (max-width: 1418px) {
  fieldset.horizontal-toggleboxes span.togglebox-square {
    width: 2.75rem;
  }
}
@media (max-width: 1228px) {
  fieldset.horizontal-toggleboxes span.togglebox-square {
    width: 2.75rem;
  }
}
@media (max-width: 768px) {
  fieldset.horizontal-toggleboxes span.togglebox-square {
    width: 2.75rem;
  }
}
@media (max-width: 1418px) {
  fieldset.horizontal-toggleboxes span.togglebox-square {
    height: 1.5rem;
  }
}
@media (max-width: 1228px) {
  fieldset.horizontal-toggleboxes span.togglebox-square {
    height: 1.5rem;
  }
}
@media (max-width: 768px) {
  fieldset.horizontal-toggleboxes span.togglebox-square {
    height: 1.5rem;
  }
}
@media (max-width: 768px) {
  fieldset.horizontal-toggleboxes span.togglebox-square {
    position: relative;
    top: 0.125rem;
    min-width: 1.25rem;
  }
}
fieldset.horizontal-toggleboxes span.togglebox-square:before {
  display: inline-block;
  content: "";
  border-radius: 0.75rem;
  border: 1px solid var(--Grayscale-Gray40, #CED6E0);
  outline: 1px solid transparent;
  background: var(--Grayscale-Gray40, #CED6E0);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: border-color 0.3s ease, background-color 0.3s ease, outline-color 0.3s ease;
}
fieldset.horizontal-toggleboxes span.togglebox-square:after {
  left: 3px;
  top: 50%;
  transform: translate(0, -50%);
  width: 1.125rem;
  height: 1.125rem;
  display: inline-block;
  content: "";
  border-radius: 50%;
  background: var(--Grayscale-White, #FFF);
  position: absolute;
  transition: background-color 0.3s ease, left 0.3s ease-in-out;
}
@media (max-width: 1418px) {
  fieldset.horizontal-toggleboxes span.togglebox-square:after {
    width: 1.125rem;
  }
}
@media (max-width: 1228px) {
  fieldset.horizontal-toggleboxes span.togglebox-square:after {
    width: 1.125rem;
  }
}
@media (max-width: 768px) {
  fieldset.horizontal-toggleboxes span.togglebox-square:after {
    width: 1.125rem;
  }
}
@media (max-width: 1418px) {
  fieldset.horizontal-toggleboxes span.togglebox-square:after {
    height: 1.125rem;
  }
}
@media (max-width: 1228px) {
  fieldset.horizontal-toggleboxes span.togglebox-square:after {
    height: 1.125rem;
  }
}
@media (max-width: 768px) {
  fieldset.horizontal-toggleboxes span.togglebox-square:after {
    height: 1.125rem;
  }
}
@media (max-width: 768px) {
  fieldset.horizontal-toggleboxes span.togglebox-square:after {
    font-size: 14px;
  }
}
fieldset.horizontal-values .row-2col {
  margin: 1rem 0rem 1rem 0rem;
  font-size: 0.875rem;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0.5rem;
}
@media (max-width: 1418px) {
  fieldset.horizontal-values .row-2col {
    margin: 1rem 0rem 1rem 0rem;
  }
}
@media (max-width: 1228px) {
  fieldset.horizontal-values .row-2col {
    margin: 1rem 0rem 1rem 0rem;
  }
}
@media (max-width: 768px) {
  fieldset.horizontal-values .row-2col {
    margin: 1rem 0rem 1rem 0rem;
  }
}
@media (max-width: 1418px) {
  fieldset.horizontal-values .row-2col {
    font-size: 0.875rem;
  }
}
@media (max-width: 1228px) {
  fieldset.horizontal-values .row-2col {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  fieldset.horizontal-values .row-2col {
    font-size: 0.875rem;
  }
}
fieldset.horizontal-values .row-2col:first-child {
  margin-top: 0;
}
fieldset.horizontal-values .row-2col:last-child {
  margin-bottom: 0;
}
fieldset.horizontal-values .row-2col > .left {
  color: var(--Grayscale-Gray70, #535D6C);
}
fieldset.horizontal-values .row-2col > .right {
  flex-grow: 1;
  text-align: right;
  font-weight: 700;
}

.cg-input-wrap.inner-input-wrap {
  margin: 1rem 0;
}
.cg-input-wrap.inner-input-wrap:first-child {
  margin-top: 0;
}
.cg-input-wrap.inner-input-wrap:last-child {
  margin-bottom: 0;
}
.cg-input-wrap > label:first-child {
  margin: 0 0 0.5rem;
}

.cg-checkbox-wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.cg-checkbox-wrap > label {
  order: 2;
  cursor: pointer;
}
.cg-checkbox-wrap > label:first-child {
  margin: 0;
}
.cg-checkbox-wrap input[type=checkbox] {
  order: 1;
  width: 1.5rem;
  height: 1.5rem;
  accent-color: var(--Support-Red, #E30518);
}

.more-info-link-row {
  margin: 1rem 0;
  font-size: 0.875rem;
  color: var(--Grayscale-Gray70, #535D6C);
  text-align: right;
}
@media (max-width: 1418px) {
  .more-info-link-row {
    font-size: 0.875rem;
  }
}
@media (max-width: 1228px) {
  .more-info-link-row {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .more-info-link-row {
    font-size: 0.875rem;
  }
}
.more-info-link-row.align-left {
  text-align: left;
}
.more-info-link-row:first-child {
  margin-top: 0;
}
.more-info-link-row:last-child {
  margin-bottom: 0;
}
.more-info-link-row a {
  color: var(--Grayscale-Gray70, #535D6C);
}
.more-info-link-row a:hover {
  color: var(--primary-primary-50-main, #e30518);
}
.more-info-link-row a:hover .icon:before {
  color: var(--primary-primary-50-main, #e30518);
}
.more-info-link-row .icon {
  font-size: 1rem;
}

/* Sandbox */
.cg-svg-map svg #_x31_geltonas, .cg-svg-map svg #_x32_geltonas {
  fill: rgba(0, 0, 0, 0);
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.cg-svg-map svg #_x31_geltonas:hover, .cg-svg-map svg #_x31_geltonas.hover, .cg-svg-map svg #_x31_geltonas.svg-active, .cg-svg-map svg #_x32_geltonas:hover, .cg-svg-map svg #_x32_geltonas.hover, .cg-svg-map svg #_x32_geltonas.svg-active {
  fill: var(--support-red, #E30518);
}
.cg-svg-map svg #_x33_geltonas {
  fill: rgba(0, 0, 0, 0);
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.cg-svg-map svg #_x33_geltonas:hover, .cg-svg-map svg #_x33_geltonas.hover, .cg-svg-map svg #_x33_geltonas.svg-active {
  fill: var(--support-green-60, #21b66b);
}
.cg-svg-map svg #skaiciai path {
  cursor: pointer;
}
.cg-svg-map svg #skaiciai #arrow, .cg-svg-map svg #skaiciai #_x31_fonas, .cg-svg-map svg #skaiciai #_x31_ {
  transition: all 0.3s ease-out;
  fill: rgba(0, 0, 0, 0);
}
.cg-svg-map svg #skaiciai #arrow.svg-on-start, .cg-svg-map svg #skaiciai #_x31_fonas.svg-on-start, .cg-svg-map svg #skaiciai #_x31_.svg-on-start {
  fill: #2A3342;
}
.cg-svg-map svg #skaiciai #arrow.svg-on-start#_x31_, .cg-svg-map svg #skaiciai #_x31_fonas.svg-on-start#_x31_, .cg-svg-map svg #skaiciai #_x31_.svg-on-start#_x31_ {
  fill: #fff;
}
.cg-svg-map svg #skaiciai #arrow.hover, .cg-svg-map svg #skaiciai #arrow.svg-active, .cg-svg-map svg #skaiciai #_x31_fonas.hover, .cg-svg-map svg #skaiciai #_x31_fonas.svg-active, .cg-svg-map svg #skaiciai #_x31_.hover, .cg-svg-map svg #skaiciai #_x31_.svg-active {
  fill: #2A3342;
}
.cg-svg-map svg #skaiciai #arrow.hover#_x31_, .cg-svg-map svg #skaiciai #arrow.svg-active#_x31_, .cg-svg-map svg #skaiciai #_x31_fonas.hover#_x31_, .cg-svg-map svg #skaiciai #_x31_fonas.svg-active#_x31_, .cg-svg-map svg #skaiciai #_x31_.hover#_x31_, .cg-svg-map svg #skaiciai #_x31_.svg-active#_x31_ {
  fill: #fff;
}
.cg-svg-map svg #skaiciai #_x32_fonas, .cg-svg-map svg #skaiciai #_x32__2_ {
  transition: all 0.3s ease-out;
  fill: rgba(0, 0, 0, 0);
}
.cg-svg-map svg #skaiciai #_x32_fonas.svg-on-start, .cg-svg-map svg #skaiciai #_x32__2_.svg-on-start {
  fill: #2A3342;
}
.cg-svg-map svg #skaiciai #_x32_fonas.svg-on-start#_x32__2_, .cg-svg-map svg #skaiciai #_x32__2_.svg-on-start#_x32__2_ {
  fill: #fff;
}
.cg-svg-map svg #skaiciai #_x32_fonas.hover, .cg-svg-map svg #skaiciai #_x32_fonas.svg-active, .cg-svg-map svg #skaiciai #_x32__2_.hover, .cg-svg-map svg #skaiciai #_x32__2_.svg-active {
  fill: #2A3342;
}
.cg-svg-map svg #skaiciai #_x32_fonas.hover#_x32__2_, .cg-svg-map svg #skaiciai #_x32_fonas.svg-active#_x32__2_, .cg-svg-map svg #skaiciai #_x32__2_.hover#_x32__2_, .cg-svg-map svg #skaiciai #_x32__2_.svg-active#_x32__2_ {
  fill: #fff;
}
.cg-svg-map svg #skaiciai #_x33_fonas, .cg-svg-map svg #skaiciai #_x33__1_ {
  transition: all 0.3s ease-out;
  fill: rgba(0, 0, 0, 0);
}
.cg-svg-map svg #skaiciai #_x33_fonas.svg-on-start, .cg-svg-map svg #skaiciai #_x33__1_.svg-on-start {
  fill: #2A3342;
}
.cg-svg-map svg #skaiciai #_x33_fonas.svg-on-start#_x33__1_, .cg-svg-map svg #skaiciai #_x33__1_.svg-on-start#_x33__1_ {
  fill: #fff;
}
.cg-svg-map svg #skaiciai #_x33_fonas.hover, .cg-svg-map svg #skaiciai #_x33_fonas.svg-active, .cg-svg-map svg #skaiciai #_x33__1_.hover, .cg-svg-map svg #skaiciai #_x33__1_.svg-active {
  fill: #2A3342;
}
.cg-svg-map svg #skaiciai #_x33_fonas.hover#_x33__1_, .cg-svg-map svg #skaiciai #_x33_fonas.svg-active#_x33__1_, .cg-svg-map svg #skaiciai #_x33__1_.hover#_x33__1_, .cg-svg-map svg #skaiciai #_x33__1_.svg-active#_x33__1_ {
  fill: #fff;
}

.cg-forms-wrap {
  margin: 2.5rem 0 33vh;
}

.box-wrap {
  z-index: 2;
  position: relative;
}
.box-wrap.box-wrap-short .please-wait-wrap {
  transform: scale(0.85);
}

.box-white {
  margin: 1.25rem 0;
  transform-origin: center;
  transition: translate 0.3s ease-out, height 0.3s ease-out;
}

.box-preload-wrap {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin: -2.5rem 0 0;
  overflow: hidden;
  position: relative;
  z-index: 0;
  transform-origin: center;
  transform: translateY(0) scale(1);
  transition: height 0.35s ease-out, margin 0.35s ease-out, transform 0.5s ease-out, z-index 0.35s 0.35s;
  transition-delay: 0.35s, 0.35s, 0.35s, 0.35s;
  animation: 0.35s ease-out 0.35s 1 normal both running popIn;
}
.box-preload-wrap.box-preload-wrap-first {
  transition: none;
  animation: none;
}
.box-preload-wrap.box-preload-wrap-first > .box-white {
  margin-top: 2.5rem;
}
.box-preload-wrap.box-preload-wrap-noAnimations {
  margin: 0;
  transition: none;
  animation: none;
}
.box-preload-wrap.box-preload-wrap-noAnimations > .box-white {
  margin: 1.25rem 0;
}
.box-preload-wrap.box-preload-wrap-noAnimations:first-child > .box-white {
  margin-top: 0;
}
.box-preload-wrap.box-preload-wrap-noAnimations:last-child > .box-white {
  margin-bottom: 0;
}
.box-preload-wrap.box-wrap-allowOverflow {
  overflow: unset;
}
.box-preload-wrap > .box-white {
  margin: 5rem 0 0;
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.35s ease-out, margin 0.35s ease-out, opacity 0.35s ease-out;
  transition-delay: 0s;
}
.box-preload-wrap.box-wrap-preloaded {
  margin: -2.5rem 0 0;
  height: 0rem;
  transform: translateY(-1.25rem) scale(0.9);
  z-index: -1;
  animation-play-state: paused;
}
.box-preload-wrap.box-wrap-preloaded > .box-white {
  margin: 0 0;
  transform: translateY(-100%);
  opacity: 0.5;
}

.cg-calendar .cal-header .part-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.cg-calendar .cal-header a.btn-left, .cg-calendar .cal-header a.btn-right {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0rem;
  min-width: 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
}
.cg-calendar .cal-header a.btn-left span:before, .cg-calendar .cal-header a.btn-right span:before {
  color: var(--grayscale-black);
}
.cg-calendar .cal-header a.btn-left:hover span:before, .cg-calendar .cal-header a.btn-right:hover span:before {
  color: var(--Primary-Primary-60, #CC0516);
}
.cg-calendar .cal-header a.btn-left span {
  transform: rotate(90deg);
}
.cg-calendar .cal-header a.btn-right span {
  transform: rotate(-90deg);
}
.cg-calendar .cal-header .part-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0rem;
  color: var(--Grayscale-Gray70, #535D6C);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 150%;
}
.cg-calendar .cal-header .part-bottom > div {
  margin: 0.25rem 0;
  width: 14.2857142857%;
  text-align: center;
}
.cg-calendar .cal-month {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.cg-calendar .cal-month > div {
  margin: 0.125rem 0;
  width: 14.2857142857%;
  text-align: center;
  color: var(--Grayscale-Black, #1D2430);
  font-size: 1rem;
  font-weight: 700;
  line-height: 150%;
}
.cg-calendar .cal-month a {
  padding: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 48/46;
  font-size: 1rem;
  font-weight: 700;
  color: var(--Grayscale-Black, #1D2430);
  border-radius: 0.375rem;
  border: 1px solid transparent;
  background: transparent;
  transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}
.cg-calendar .cal-month a.today {
  background: var(--Grayscale-Gray10, #F7F9FB);
  color: var(--primary-primary-50-main, #E30518);
}
.cg-calendar .cal-month a.disabled {
  color: var(--Grayscale-Gray50, #9EA7B5);
}
.cg-calendar .cal-month a.selected {
  background: var(--secondary-secondary-50-main-ffdd-00, #FD0);
  border-color: var(--secondary-secondary-50-main-ffdd-00, #FD0);
}
.cg-calendar .cal-month a.selected:hover:not(.empty) {
  background: var(--Secondary-Secondary-60, #F4D23A);
  border-color: var(--Secondary-Secondary-60, #F4D23A);
}
.cg-calendar .cal-month a.empty {
  color: var(--Grayscale-Gray50, #9EA7B5);
  border-color: transparent;
  background: transparent;
  cursor: default;
  pointer-events: none;
}
.cg-calendar .cal-month a.empty.today {
  background: var(--Grayscale-Gray10, #F7F9FB);
}
.cg-calendar .cal-month a.empty:after {
  content: "";
  display: block;
  width: 40px;
  height: 0;
  border-top: 1px solid var(--Grayscale-Gray50, #9EA7B5);
  position: absolute;
  transform: rotate(-45deg);
}
.cg-calendar .cal-month a:hover:not(.empty) {
  border-color: var(--Grayscale-Gray40, #CED6E0);
  background: var(--Grayscale-Gray10, #F7F9FB);
  box-shadow: 0 4px 8px 2px rgba(29, 36, 48, 0.04);
}

.block-tags {
  margin: 1.5rem 0rem 0.75rem 0rem;
}
@media (max-width: 1418px) {
  .block-tags {
    margin: 1.5rem 0rem 0.75rem 0rem;
  }
}
@media (max-width: 1228px) {
  .block-tags {
    margin: 1.5rem 0rem 0.75rem 0rem;
  }
}
@media (max-width: 768px) {
  .block-tags {
    margin: 1.5rem 0rem 0.75rem 0rem;
  }
}

.tag {
  display: inline-flex;
  padding: 0.25rem 0.5rem;
  color: var(--Grayscale-Black, #1D2430);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 100%;
  border: 1px solid var(--Grayscale-Gray30, #E3E8EF);
  border-radius: 0.375rem;
  background: var(--Grayscale-Gray30, #E3E8EF);
  text-align: center;
}
.tag.tag-red {
  color: var(--Grayscale-White, #FFF);
  border-color: var(--primary-primary-50-main, #E30518);
  background: var(--primary-primary-50-main, #E30518);
}
.tag.tag-red-border {
  color: var(--primary-primary-50-main, #E30518);
  border-color: var(--primary-primary-50-main, #E30518);
  background: var(--Grayscale-White, #FFF);
}

.wrap-product-offer .price {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 125%;
}
@media (max-width: 1418px) {
  .wrap-product-offer .price {
    font-size: 1.5rem;
  }
}
@media (max-width: 1228px) {
  .wrap-product-offer .price {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .wrap-product-offer .price {
    font-size: 1.5rem;
  }
}
.wrap-product-offer .price-old {
  margin: 0 0 0 0.25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 125%;
  text-decoration: line-through;
  color: var(--Grayscale-Gray70, #535D6C);
}
@media (max-width: 1418px) {
  .wrap-product-offer .price-old {
    font-size: 1rem;
  }
}
@media (max-width: 1228px) {
  .wrap-product-offer .price-old {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .wrap-product-offer .price-old {
    font-size: 1rem;
  }
}

.cg-checkout-page h5 {
  font-size: 1rem;
}
@media (max-width: 1418px) {
  .cg-checkout-page h5 {
    font-size: 1rem;
  }
}
@media (max-width: 1228px) {
  .cg-checkout-page h5 {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .cg-checkout-page h5 {
    font-size: 1rem;
  }
}

.icon-announcement-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1rem;
}
.icon-announcement-wrap span.radio-square-icon {
  position: relative;
  z-index: 2;
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0rem;
  border-radius: 0.375rem;
  background: var(--Grayscale-Black, #1D2430);
  color: var(--Grayscale-White, #FFF);
  font-size: 0.875rem;
}
@media (max-width: 1418px) {
  .icon-announcement-wrap span.radio-square-icon {
    font-size: 0.875rem;
  }
}
@media (max-width: 1228px) {
  .icon-announcement-wrap span.radio-square-icon {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .icon-announcement-wrap span.radio-square-icon {
    font-size: 0.875rem;
  }
}
.icon-announcement-wrap span.radio-square-icon.true {
  background-color: var(--Support-Green-20, #D4F7E0);
}
.icon-announcement-wrap span.radio-square-icon.false {
  background-color: var(--Primary-Primary-10, #FCE6E8);
}
.icon-announcement-wrap span.radio-square-icon > span {
  font-size: 1.75rem;
}

.icon-flash-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
.icon-flash-wrap .icon::before {
  color: var(--Grayscale-White, #FFFFFF);
}

.to-top-wrap {
  width: 100%;
  height: 0;
  position: sticky;
  bottom: 0;
  z-index: 2;
}
.to-top-wrap a.to-top {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0rem;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
}

.cg-loader {
  display: inline-block;
  width: 48px;
  height: 48px;
  border: solid 4px #FFDD00;
  border-radius: 50%;
  border-right-color: #E30518;
  border-bottom-color: #E30518;
  transition: animation 1s ease-in;
  animation: rotate 1.05s linear infinite;
}
.cg-loader.small {
  border-width: 2px;
  width: 24px;
  height: 24px;
}

/* TMP */
form[name=locale] .form-row-2col {
  display: flex;
  gap: 32px;
  justify-content: flex-start;
}
form[name=locale] .form-row-2col > div {
  margin: 0 0 32px;
  flex-basis: 50%;
  display: flex;
  gap: 8px;
  flex-direction: column;
}
form[name=locale] .form-row-2col > div > label {
  width: 100%;
}
form[name=locale] .form-row-2col > div > input {
  width: 100%;
}
form[name=locale] .form-row-2col > div > textarea {
  width: 100%;
  min-height: 80px;
  resize: vertical;
}

.flash-success,
.flash-error {
  margin: 1.25rem 0 1rem;
  padding: 1.25rem;
  font-size: 0.875rem;
  font-weight: 700;
  word-break: break-word;
  border-radius: 1rem;
  color: var(--Grayscale-White, #FFFFFF);
  background: var(--Support-Green-60, #21B66B);
}

.flash-error {
  background: var(--Support-Red, #E30518);
}

.cb-submenu {
  margin: 1.25rem 0 1rem;
}

.cg-table > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0;
  border-top: 1px solid var(--Grayscale-Gray30, #E3E8EF);
}
.cg-table > div:first-child {
  border-top: none;
}
.cg-table > div.row-head {
  font-size: 0.75rem;
  font-weight: 700;
}
.cg-table > div > div {
  flex-grow: 1;
}
.cg-table > div > div.width-small {
  min-width: 3.125rem;
  flex-grow: 0;
  flex-basis: 3.125rem;
}
.cg-table > div > div.c-icons {
  min-width: 6.25rem;
  flex-grow: 0;
  flex-basis: 6.25rem;
  text-align: right;
}
@media (max-width: 768px) {
  .cg-table > div {
    flex-wrap: wrap;
    gap: 1rem;
  }
  .cg-table > div > div {
    width: 100%;
  }
}

.cg-flex {
  margin: 1rem 0;
}
.cg-flex.no-border .row {
  border: none !important;
}
.cg-flex > .row {
  padding: 0.5rem 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  border-top: 1px solid var(--Grayscale-Gray30, #E3E8EF);
  line-height: 125%;
}
.cg-flex > .row:first-child {
  border-top: none;
}
@media (max-width: 768px) {
  .cg-flex > .row:nth-child(2) {
    border-top: none;
  }
}
.cg-flex > .row.row-head {
  font-size: 0.75rem;
  font-weight: 700;
}
.cg-flex > .row.row-head > div.width-small {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .cg-flex > .row.row-head {
    display: none;
  }
}
.cg-flex > .row > div {
  flex: 1;
  align-content: center;
  word-break: break-all;
}
.cg-flex > .row > div.width-small {
  min-width: 3.125rem;
  flex-grow: 0;
  flex-basis: 3.125rem;
}
@media (max-width: 768px) {
  .cg-flex > .row > div.width-small {
    flex-basis: 100%;
  }
}
.cg-flex > .row > div.col-icons {
  text-align: right;
}
@media (max-width: 768px) {
  .cg-flex > .row > div.col-icons {
    text-align: left;
  }
}
@media (max-width: 768px) {
  .cg-flex > .row > div {
    flex-basis: 100%;
    width: 100%;
    text-align: left;
  }
}

/* Result */
.cg-icon-list-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1rem;
}
.cg-icon-list-wrap > div {
  padding: 1rem;
  width: calc(33.3333333333% - 0.5rem);
  border-radius: var(--Border-radius-Small, 6px);
  background: var(--Tertiary-Tertiary90, #F2F2F2);
  text-align: center;
}
@media (max-width: 768px) {
  .cg-icon-list-wrap {
    flex-wrap: wrap;
    gap: 1rem;
  }
  .cg-icon-list-wrap > div {
    width: 100%;
  }
}
.cg-icon-list-wrap .item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.5rem;
}
.cg-icon-list-wrap .item .icon {
  line-height: 100%;
  font-size: 1rem;
}
.cg-icon-list-wrap .item .icon::before {
  font-size: 1rem;
  color: #e30518;
}
.cg-icon-list-wrap .item .title {
  font-size: 1rem;
  color: var(--Grayscale-Black, #1D2430);
  line-height: 150%;
}
@media (max-width: 1418px) {
  .cg-icon-list-wrap .item .title {
    font-size: 1rem;
  }
}
@media (max-width: 1228px) {
  .cg-icon-list-wrap .item .title {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .cg-icon-list-wrap .item .title {
    font-size: 1rem;
  }
}

.cg-location-contacts-wrap {
  padding: 1rem;
  border-radius: var(--Border-radius-Small, 6px);
  border: 1px solid var(--Grayscale-Gray30, #E3E8EF);
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1rem;
}
.cg-location-contacts-wrap > .left-side {
  min-width: calc(33.3333333333% - 1rem);
}
.cg-location-contacts-wrap > .right-side {
  padding: 1rem;
  flex-grow: 1;
}
@media (max-width: 768px) {
  .cg-location-contacts-wrap {
    flex-wrap: wrap;
    gap: 1rem;
  }
  .cg-location-contacts-wrap > div {
    width: 100%;
  }
}
.cg-location-contacts-wrap .left-side img {
  width: 100%;
  height: auto;
  border: 0;
  border-radius: 0.375rem;
  display: block;
}
.cg-location-contacts-wrap .right-side .location-title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 135%;
}
@media (max-width: 1418px) {
  .cg-location-contacts-wrap .right-side .location-title {
    font-size: 1rem;
  }
}
@media (max-width: 1228px) {
  .cg-location-contacts-wrap .right-side .location-title {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .cg-location-contacts-wrap .right-side .location-title {
    font-size: 1rem;
  }
}
.cg-location-contacts-wrap .right-side .section-line {
  margin: 1rem 0;
}
.cg-location-contacts-wrap .right-side .list-with-icon {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.875rem;
  line-height: 150%;
}
@media (max-width: 1418px) {
  .cg-location-contacts-wrap .right-side .list-with-icon {
    font-size: 0.875rem;
  }
}
@media (max-width: 1228px) {
  .cg-location-contacts-wrap .right-side .list-with-icon {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .cg-location-contacts-wrap .right-side .list-with-icon {
    font-size: 0.875rem;
  }
}
.cg-location-contacts-wrap .right-side .list-with-icon li {
  margin: 0.5rem 0;
}
.cg-location-contacts-wrap .right-side .list-with-icon li:first-child {
  margin-top: 0;
}
.cg-location-contacts-wrap .right-side .list-with-icon li:last-child {
  margin-bottom: 0;
}
.cg-location-contacts-wrap .right-side .list-with-icon li .icon {
  font-size: 1rem;
  line-height: 125%;
}
.cg-location-contacts-wrap .right-side .list-with-icon li .icon::before {
  font-size: 1rem;
  line-height: 100%;
  color: #535D6C;
}
.cg-location-contacts-wrap .right-side .list-with-icon li p {
  margin: 0;
}
.cg-location-contacts-wrap .right-side .list-with-icon li a {
  color: var(--Grayscale-Gray70, #535D6C);
}
.cg-location-contacts-wrap .right-side .list-with-icon li a.link-with-icon {
  align-items: flex-start;
}
.cg-location-contacts-wrap .right-side .list-with-icon li a:hover {
  color: var(--Primary-Primary-60, #CC0516);
}
.cg-location-contacts-wrap .right-side .list-with-icon li a:hover .icon::before {
  color: var(--Primary-Primary-60, #CC0516);
}

/* Footer */
footer {
  padding: 5rem 0;
  background: var(--Grayscale-Black, #1D2430);
  color: var(--transparent-white-80, rgba(255, 255, 255, 0.8));
}
@media (max-width: 768px) {
  footer {
    padding: 4rem 0;
  }
}
footer .part-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 768px) {
  footer .part-top {
    flex-wrap: wrap;
    gap: 1.5rem;
  }
  footer .part-top > div {
    width: 100%;
  }
}
footer .part-top > .left-side {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1rem;
  flex-grow: 1;
}
footer .part-top > .left-side > div {
  width: 100%;
}
footer .part-top > .right-side {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1rem;
  width: 14.3125rem;
  min-width: 14.3125rem;
  font-size: 0.875rem;
}
@media (max-width: 1418px) {
  footer .part-top > .right-side {
    font-size: 0.875rem;
  }
}
@media (max-width: 1228px) {
  footer .part-top > .right-side {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  footer .part-top > .right-side {
    font-size: 0.875rem;
  }
}
footer .part-top > .right-side a {
  color: var(--Grayscale-White, #FFF);
}
footer .part-top > .right-side a:hover {
  color: var(--primary-primary-50-main, #E30518);
}
footer .part-top > .right-side a:hover .icon:before {
  color: var(--primary-primary-50-main, #E30518);
}
footer .part-top > .right-side .s-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (max-width: 768px) {
  footer .part-top > .right-side .s-list {
    margin-top: 0.5rem;
  }
}
footer .part-top > .right-side .s-list a {
  width: 2.5rem;
  height: 2.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0rem;
  border-radius: 0.375rem;
  border: 1px solid var(--Grayscale-White, #FFF);
}
footer .part-top > .right-side .s-list a .icon-cg-ig .path1:before {
  transition: color 0.3s ease;
}
footer .part-top > .right-side .s-list a:hover {
  border-color: var(--primary-primary-50-main, #E30518);
}
footer .part-top > .right-side .s-list a:hover .icon:before {
  color: var(--primary-primary-50-main, #E30518);
}
footer .part-top > .right-side .s-list a:hover .icon.icon-cg-ig .path1:before {
  color: var(--primary-primary-50-main, #E30518);
}
footer .part-top > .right-side .s-list .icon {
  font-size: 1.25rem;
}
footer .part-line {
  margin: 2rem 0;
  height: 0;
  width: 100%;
  border-top: 1px solid var(--transparent-white-50, rgba(255, 255, 255, 0.5));
}
@media (max-width: 768px) {
  footer .part-line {
    margin: 2rem 0;
  }
}
footer .part-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}
@media (max-width: 768px) {
  footer .part-bottom {
    gap: 1rem;
    flex-wrap: wrap;
  }
}
footer .part-bottom > div {
  flex-basis: 50%;
}
@media (max-width: 768px) {
  footer .part-bottom > div {
    flex-basis: 100%;
  }
}
footer .part-bottom .right-side {
  text-align: right;
}
@media (max-width: 768px) {
  footer .part-bottom .right-side {
    text-align: left;
  }
}
footer .footer-text {
  color: var(--transparent-white-60, rgba(255, 255, 255, 0.6));
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
@media (max-width: 1418px) {
  footer .footer-text {
    font-size: 0.875rem;
  }
}
@media (max-width: 1228px) {
  footer .footer-text {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  footer .footer-text {
    font-size: 0.875rem;
  }
}
footer .footer-text ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer .footer-text li {
  margin: 0 0 0 1rem;
  display: inline-block;
}
@media (max-width: 768px) {
  footer .footer-text li {
    margin: 0 1rem 0 0;
  }
}
footer a {
  color: var(--transparent-white-60, rgba(255, 255, 255, 0.6));
}
footer a:hover {
  color: var(--primary-primary-50-main, #E30518);
}

/* Modal */
label.link-modal-inline {
  display: inline-flex;
  flex-direction: row !important;
  gap: 0 !important;
  align-items: center;
  cursor: pointer !important;
  transition: color 0.3s ease;
}
label.link-modal-inline .icon {
  margin: 0 0.5rem;
}
label.link-modal-inline .icon:first-child {
  margin-left: 0;
}
label.link-modal-inline .icon:last-child {
  margin-right: 0;
}
label.link-modal-inline:hover {
  color: var(--Primary-Primary-60, #CC0516);
}

input.modal-state {
  display: none !important;
}

input.modal-state:checked + .modal {
  opacity: 1;
  visibility: visible;
  z-index: 21;
}

input.modal-state:checked + .modal .modal__inner {
  top: 0;
}

.modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: left;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s ease;
}
.modal.modal-400 .modal__inner {
  max-width: 25rem;
  height: fit-content;
  max-height: 60%;
}
.modal.modal-500 .modal__inner {
  max-width: 31.25rem;
  height: fit-content;
  max-height: 70%;
}
.modal.modal-600 .modal__inner {
  max-width: 37.5rem;
  height: fit-content;
  max-height: 70%;
}
.modal .modal__bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.modal .modal__inner {
  margin: auto;
  padding: 1rem 1rem 2rem 1rem;
  position: absolute;
  top: -20%;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 50%;
  height: 80%;
  max-height: 80%;
  background: var(--Grayscale-White, #FFFFFF);
  border-radius: 1rem;
  overflow: auto;
  transition: top 0.3s ease;
}
.modal .modal__inner input[type=submit] {
  color: #006688 !important;
  border-color: #006688 !important;
  background-color: #ffffff !important;
}
.modal .modal__inner input[type=submit]:active, .modal .modal__inner input[type=submit]:hover {
  color: #006688 !important;
  border-color: #006688 !important;
  background-color: #ffffff !important;
}
.modal .modal_top {
  text-align: right;
}
.modal .modal_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 1.5rem;
  color: var(--gray-700, #344054);
  font-size: 1.125rem;
  font-weight: 600;
}
.modal .modal__close {
  width: 24px;
  min-height: 24px;
  cursor: pointer;
}
.modal .modal__close span.icon {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}
.modal .modal_content .block-text a {
  color: var(--Grayscale-Black, #1D2430);
  text-decoration: underline;
}
.modal .modal_content .block-text a:hover {
  color: var(--Primary-Primary-60, #CC0516);
}
.modal .modal_content .block-btns {
  margin: 1.5rem 0;
}
.modal .modal_content .block-btns.btns-2-col {
  display: flex;
  flex-wrap: wrap;
  margin: 1.25rem -0.375rem;
  width: calc(100% + 0.75rem);
}
.modal .modal_content .block-btns.btns-2-col:last-child {
  margin-bottom: 0 !important;
}
.modal .modal_content .block-btns.btns-2-col .btn {
  margin: 0.375rem;
  width: calc(50% - 0.75rem);
}
.modal .modal_content .block-btns.btns-1-col .btn {
  margin: 0.25rem 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .modal .modal__inner {
    width: 90%;
    height: 90%;
    box-sizing: border-box;
  }
}

:root {
  /* SPACING */
  /* COLORS */
  --grayscale-black: #1d2430;
  --grayscale-gray90: #2a3342;
  --grayscale-gray80: #3f4a5a;
  --grayscale-gray70: #535d6c;
  --grayscale-gray40: #ced6e0;
  --grayscale-gray30: #e3e8ef;
  --grayscale-gray20: #eef2f6;
  --grayscale-gray10: #f7f9fb;
  --grayscale-white: #ffffff;
  --primary-primary-50-main: #e30518;
  --primary-primary-10: #fce6e8;
  --secondary-secondary-50-main-ffdd00: #ffdd00;
  --tertiary-tertiary90: #f2f2f2;
  --transparent-white-80: rgba(255 255 255 / 0.8);
  --transparent-white-60: rgba(255 255 255 / 0.6);
  --transparent-white-50: rgba(255 255 255 / 0.5);
  --support-green-60: #21b66b;
  --support-green-20: #d4f7e0;
  --support-yellow: #FFDD00;
  --support-red: #E30518;
  /* SHADOWS */
}

@font-face {
  font-family: "CG";
  src: url("../fonts/CG.eot?pwj26h");
  src: url("../fonts/CG.eot?pwj26h#iefix") format("embedded-opentype"), url("../fonts/CG.ttf?pwj26h") format("truetype"), url("../fonts/CG.woff?pwj26h") format("woff"), url("../fonts/CG.svg?pwj26h#CG") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-cg-], [class*=" icon-"] {
  font-family: "CG" !important;
  speak-as: unset;
  speak: never;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 768px) {
  [class^=icon-cg-], [class*=" icon-"] {
    font-size: 16px;
  }
}
[class^=icon-cg-]:before, [class*=" icon-"]:before {
  transition: color 0.3s ease;
}

.icon-black:before {
  color: var(--Grayscale-Black, #1D2430) !important;
}

.icon-reverse:before {
  display: inline-block;
  transform: rotate(180deg) !important;
}

.icon-rotate-270:before {
  transform: rotate(270deg) !important;
}

.icon-cg-flash:before {
  content: "\e922";
}

.icon-cg-percent:before {
  content: "\e923";
}

.icon-cg-eye-off:before {
  content: "\e924";
}

.icon-cg-eye:before {
  content: "\e925";
}

.icon-cg-home:before {
  content: "\e926";
}

.icon-cg-logout:before {
  content: "\e927";
}

.icon-cg-menu-burger:before {
  content: "\e928";
}

.icon-cg-profile-full:before {
  content: "\e929";
}

.icon-cg-question-only:before {
  content: "\e921";
  color: #21b66b;
}

.icon-cg-important-full:before {
  content: "\e920";
  color: #535d6c;
}

.icon-cg-location:before {
  content: "\e919";
  color: #535d6c;
}

.icon-cg-repair:before {
  content: "\e91a";
  color: #e30518;
}

.icon-cg-document:before {
  content: "\e91b";
  color: #21b66b;
}

.icon-cg-star:before {
  content: "\e91c";
}

.icon-cg-clock:before {
  content: "\e91d";
}

.icon-cg-trash:before {
  content: "\e91e";
  color: #535d6c;
}

.icon-cg-search:before {
  content: "\e91f";
  color: #3f4a5a;
}

.icon-cg-yt:before {
  content: "\e912";
  color: #fff;
}

.icon-cg-ig .path1:before {
  content: "\e913";
  color: rgb(255, 255, 255);
}

.icon-cg-ig .path2:before {
  content: "\e914";
  margin-left: -1.0498046875em;
  color: rgb(29, 36, 48);
}

.icon-cg-ig .path3 {
  position: relative;
}

.icon-cg-ig .path3:before {
  content: "";
  margin-left: -1.0498046875em;
  color: rgb(29, 36, 48);
  width: 2px;
  height: 2px;
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 5px;
  background: rgb(29, 36, 48);
  border-radius: 50%;
}

.icon-cg-f:before {
  content: "\e916";
  color: #fff;
}

.icon-cg-email:before {
  content: "\e917";
  color: #fff;
}

.icon-cg-phone:before {
  content: "\e918";
  color: #fff;
}

.icon-cg-download:before {
  content: "\e900";
}

.icon-cg-car-door .path1:before {
  content: "\e901";
  color: rgb(29, 36, 48);
}

.icon-cg-car-door .path2:before {
  content: "\e902";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-cg-car-door .path3:before {
  content: "\e903";
  margin-left: -1em;
  color: rgb(29, 36, 48);
}

.icon-cg-car-door .path4:before {
  content: "\e904";
  margin-left: -1em;
  color: transparent;
}

.icon-cg-question:before {
  content: "\e905";
}

.icon-cg-arrow-down-mini:before {
  content: "\e906";
}

.icon-cg-leaf:before {
  content: "\e907";
  color: #21b66b;
}

.icon-cg-important:before {
  content: "\e908";
  color: #e30518;
}

.icon-cg-calendar:before {
  content: "\e909";
}

.icon-cg-question-full:before {
  content: "\e90a";
  color: #535d6c;
}

.icon-cg-arrow-up:before {
  content: "\e90b";
  color: #fff;
}

.icon-cg-edit:before {
  content: "\e90c";
  color: #535d6c;
}

.icon-cg-car:before {
  content: "\e90d";
}

.icon-cg-truck:before {
  content: "\e90e";
}

.icon-cg-x:before {
  content: "\e90f";
  color: #e30518;
}

.icon-cg-check:before {
  content: "\e910";
  color: #21b66b;
}

.icon-cg-arrow-right-long:before {
  content: "\e911";
  color: #fff;
}

.xdsoft_datetimepicker {
  box-shadow: 0 4px 8px 2px rgba(29, 36, 48, 0.04);
  border: 1px solid 1px solid var(--Grayscale-Gray30, #E3E8EF);
  border-radius: 0.375rem;
  background-color: var(--Grayscale-White, #FFFFFF);
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  line-height: 100%;
  font-size: 1rem;
  color: var(--Grayscale-Black, #1D2430);
  padding: 1rem;
  position: absolute;
  z-index: 99;
  box-sizing: border-box;
  display: none;
}
@media (max-width: 1418px) {
  .xdsoft_datetimepicker {
    font-size: 0.9375rem;
  }
}
@media (max-width: 1228px) {
  .xdsoft_datetimepicker {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .xdsoft_datetimepicker {
    font-size: 0.875rem;
  }
}

.xdsoft_datetimepicker.xdsoft_rtl {
  padding: 8px 0 8px 8px;
}

.xdsoft_datetimepicker iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  height: 210px;
  background: transparent;
  border: 0;
}

.xdsoft_datetimepicker button {
  border: none !important;
}

.xdsoft_noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.xdsoft_noselect::selection {
  background: transparent;
}

.xdsoft_noselect::-moz-selection {
  background: transparent;
}

.xdsoft_datetimepicker.xdsoft_inline {
  display: inline-block;
  position: static;
  box-shadow: none;
}

.xdsoft_datetimepicker * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
  display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
  display: block;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
  width: 224px;
  float: left;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
  width: 256px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
  width: 58px;
  float: left;
  text-align: center;
  margin-left: 8px;
  margin-top: 0;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
  margin-top: 8px;
  margin-bottom: 3px;
}

.xdsoft_datetimepicker .xdsoft_monthpicker {
  position: relative;
  text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}

.xdsoft_datetimepicker .xdsoft_label i {
  opacity: 0.5;
  background-position: -92px -19px;
  display: inline-block;
  width: 9px;
  height: 20px;
  vertical-align: middle;
}

.xdsoft_datetimepicker .xdsoft_prev {
  float: left;
  background-position: -20px 0;
}

.xdsoft_datetimepicker .xdsoft_today_button {
  float: left;
  background-position: -70px 0;
  margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_next {
  float: right;
  background-position: 0 0;
}

.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0 none;
  cursor: pointer;
  display: block;
  height: 30px;
  opacity: 0.5;
  -ms-filter: "alpha(opacity=50)";
  outline: medium none;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  width: 20px;
  min-width: 0;
  transition: all 0.3s ease;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
  float: none;
  background-position: -40px -15px;
  height: 15px;
  width: 30px;
  display: block;
  margin-left: 14px;
  margin-top: 7px;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
  float: none;
  margin-left: 0;
  margin-right: 14px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  background-position: -40px 0;
  margin-bottom: 7px;
  margin-top: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 151px;
  overflow: hidden;
  border-bottom: 1px solid #E3E8EF;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #fff;
  border-top: 1px solid #E3E8EF;
  color: #1D2430;
  font-size: 12px;
  text-align: center;
  border-collapse: collapse;
  cursor: pointer;
  border-bottom-width: 0;
  height: 25px;
  line-height: 25px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
  border-top-width: 0;
}

.xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover {
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
}

.xdsoft_datetimepicker .xdsoft_label {
  display: inline;
  position: relative;
  z-index: 9999;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
  float: left;
  width: 182px;
  text-align: center;
  cursor: pointer;
}

.xdsoft_datetimepicker .xdsoft_label:hover > span {
  text-decoration: underline;
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
  opacity: 1;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
  border: 1px solid #E3E8EF;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 101;
  display: none;
  background: #fff;
  max-height: 160px;
  overflow-y: hidden;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
  right: -7px;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
  right: 2px;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #fff;
  background: #E30518;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
  padding: 2px 10px 2px 5px;
  text-decoration: none !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #E30518;
  color: #fff;
  font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_month {
  width: 100px;
  text-align: center;
}

.xdsoft_datetimepicker .xdsoft_calendar {
  clear: both;
}

.xdsoft_datetimepicker .xdsoft_year {
  width: 48px;
  margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
  border-collapse: collapse;
  width: 100%;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
  height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
  width: 14.2857142%;
  background: #fff;
  border: 1px solid #E3E8EF;
  color: #1D2430;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  padding: 0;
  border-collapse: collapse;
  cursor: pointer;
  height: 25px;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
  width: 12.5%;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
  background: #f1f1f1;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: #E30518;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #CC0516;
  color: #fff;
  font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
  opacity: 0.5;
  -ms-filter: "alpha(opacity=50)";
  cursor: default;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
  opacity: 0.2;
  -ms-filter: "alpha(opacity=20)";
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  transition: all 0.3s ease;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #fff !important;
  background: #E30518 !important;
  box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
  background: #CC0516 !important;
  color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
  color: inherit !important;
  background: inherit !important;
  box-shadow: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
  font-weight: 700;
  text-align: center;
  color: #999;
  cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
  color: #ccc !important;
  font-size: 10px;
  clear: both;
  float: none;
  margin-left: 8px;
}

.xdsoft_datetimepicker .xdsoft_copyright a {
  color: #eee !important;
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
  color: #aaa !important;
}

.xdsoft_time_box {
  position: relative;
  border: 1px solid #E3E8EF;
}

.xdsoft_scrollbar > .xdsoft_scroller {
  background: #CC0516 !important;
  height: 20px;
  border-radius: 3px;
}

.xdsoft_scrollbar {
  position: absolute;
  width: 7px;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
  left: 0;
  right: auto;
}

.xdsoft_scroller_box {
  position: relative;
  top: 2px;
}

.xdsoft_datetimepicker.xdsoft_dark {
  box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
  background: #000;
  border-bottom: 1px solid #444;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  color: #ccc;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
  border-bottom: 1px solid #222;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #0a0a0a;
  border-top: 1px solid #222;
  color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
  background-color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
  border: 1px solid #333;
  background: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #000;
  background: #007fff;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #c50;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0a0a0a;
  border: 1px solid #222;
  color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0e0e0e;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
  color: #c50;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #c50;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #000 !important;
  background: #007fff !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  color: #666;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
  color: #333 !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
  color: #111 !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
  color: #555 !important;
}

.xdsoft_dark .xdsoft_time_box {
  margin-top: 2px;
  border: 1px solid #333;
}

.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
  background: #333 !important;
}

.xdsoft_datetimepicker .xdsoft_save_selected {
  display: block;
  border: 1px solid #ddd !important;
  margin-top: 5px;
  width: 100%;
  color: #454551;
  font-size: 13px;
}

.xdsoft_datetimepicker .blue-gradient-button {
  font-family: "museo-sans", "Book Antiqua", sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #82878c;
  height: 28px;
  position: relative;
  padding: 4px 17px 4px 33px;
  border: 1px solid #d7d8da;
  background: linear-gradient(to bottom, #fff 0, #f4f8fa 73%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff", endColorstr="#f4f8fa", GradientType=0);
}

.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  background: linear-gradient(to bottom, #f4f8fa 0, #FFF 73%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4f8fa", endColorstr="#FFF", GradientType=0);
}

.icn {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
  display: inline-block;
  text-decoration: none;
  outline: none;
  user-select: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: -9999em;
  overflow: hidden;
  outline: none;
  user-select: none;
}

.icn-wrap {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  outline: none;
  user-select: none;
  line-height: 100%;
}
.icn-wrap svg {
  max-width: 100%;
}

.icon-car {
  width: 100%;
  min-width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  outline: none;
  user-select: none;
  line-height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 2;
  display: block;
  position: relative;
}
.icon-car:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 75%;
}
.icon-car > .inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.icon-car svg {
  max-width: 100%;
}

.icon-car-front {
  background-image: url("../img/cg-car-front.svg");
}

.icon-car-side {
  background-image: url("../img/cg-car-side.svg");
}

.icon-car-rear {
  background-image: url("../img/cg-car-rear.svg");
}

.icon-car-top {
  background-image: url("../img/cg-car-top.svg");
}

.icon-car-1-dent {
  background-image: url("../img/cg-car-1-dent.svg");
}

.icon-car-2-dents {
  background-image: url("../img/cg-car-2-dents.svg");
}

.icon-car-3-dents {
  background-image: url("../img/cg-car-3-dents.svg");
}

.icon-car-4-dents {
  background-image: url("../img/cg-car-4-dents.svg");
}

.icon-car-2-n-more {
  background-image: url("../img/cg-car-2-n-more.svg");
}

.icon-car-crack {
  background-image: url("../img/cg-car-crack.svg");
}

.icon-car-smaller-dent {
  background-image: url("../img/cg-car-smaller-dent.svg");
}

.icon-car-larger-dent {
  background-image: url("../img/cg-car-larger-dent.svg");
}

.icon-insurance {
  width: 100%;
  min-width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  outline: none;
  user-select: none;
  line-height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 2;
  display: block;
  position: relative;
}
.icon-insurance:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 33.3333333333%;
}
.icon-insurance > .inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.icon-insurance svg {
  max-width: 100%;
}

.icon-insurance-balcia {
  background-image: url("../img/cg-insurance-balcia.svg");
}

.icon-insurance-bta {
  background-image: url("../img/cg-insurance-bta.svg");
}

.icon-insurance-bunda {
  background-image: url("../img/cg-insurance-bunda.svg");
}

.icon-insurance-swedbank {
  background-image: url("../img/cg-insurance-swedbank.svg");
}

.icon-insurance-compensa {
  background-image: url("../img/cg-insurance-compensa.svg");
}

.icon-insurance-ergo {
  background-image: url("../img/cg-insurance-ergo.svg");
}

.icon-insurance-gjensidige {
  background-image: url("../img/cg-insurance-gjensidige.svg");
}

.icon-insurance-if {
  background-image: url("../img/cg-insurance-if.svg");
}

.icon-insurance-ld {
  background-image: url("../img/cg-insurance-ld.svg");
}

.icon-bg-circle {
  position: relative;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0rem;
  z-index: 2;
}
.icon-bg-circle:before {
  font-size: 1.125rem;
  z-index: 3;
}
.icon-bg-circle:after {
  content: "";
  display: block;
  position: absolute;
  left: 0.125rem;
  right: 0.125rem;
  top: 0.125rem;
  bottom: 0.125rem;
  border-radius: 100%;
  background-color: #D4F7E0;
  z-index: 1;
}
.icon-bg-circle.icon-bg-circle-red:after {
  background-color: #fce6e8;
}

/*.icn-profile {
  @include icn-wh(rem(24), rem(31));
  background-image: url('');
}*/
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes popIn {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.015);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes rippleAnimationIn {
  0% {
    width: 0px;
    height: 0px;
    opacity: 0;
  }
  100% {
    width: 800px;
    height: 800px;
    opacity: 1;
  }
}
@keyframes rippleAnimationOut {
  0% {
    width: 50rem;
    height: 50rem;
    opacity: 1;
  }
  100% {
    width: 800px;
    height: 800px;
    opacity: 0;
  }
}
/* -------------------------------------------------------------------
  Microtip

  Modern, lightweight css-only tooltips
  Just 1kb minified and gzipped

  @author Ghosh
  @package Microtip

----------------------------------------------------------------------
  1. Base Styles
  2. Direction Modifiers
  3. Position Modifiers
--------------------------------------------------------------------*/
:root {
  --microtip-transition-duration: 0.6s;
  --microtip-transition-delay: 0s;
  --microtip-transition-easing: ease;
  --microtip-font-size: 14px;
  --microtip-font-weight: normal;
  --microtip-text-transform: none;
}

/* ------------------------------------------------
  [1] Base Styles
-------------------------------------------------*/
[aria-label][role~=tooltip] {
  position: relative;
}

[aria-label][role~=tooltip]::before,
[aria-label][role~=tooltip]::after {
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  opacity: 0;
  pointer-events: none;
  transition: all var(--microtip-transition-duration, 0.18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
  position: absolute;
  box-sizing: border-box;
  z-index: 10;
  transform-origin: top;
}

[aria-label][role~=tooltip]::before {
  background-size: 100% auto !important;
  content: "";
}

[aria-label][role~=tooltip]::after {
  background: rgba(227, 5, 24, 0.9); /*rgba(17, 17, 17, .9);*/
  border-radius: 4px;
  color: #ffffff;
  content: attr(aria-label);
  font-size: var(--microtip-font-size, 13px);
  font-weight: var(--microtip-font-weight, normal);
  text-transform: var(--microtip-text-transform, none);
  padding: 0.5em 1em;
  white-space: nowrap;
  box-sizing: content-box;
}

[aria-label][role~=tooltip]:hover::before,
[aria-label][role~=tooltip]:hover::after,
[aria-label][role~=tooltip]:focus::before,
[aria-label][role~=tooltip]:focus::after {
  opacity: 1;
  pointer-events: auto;
}

/* ------------------------------------------------
  [2] Position Modifiers
-------------------------------------------------*/
[role~=tooltip][data-microtip-position|=top]::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%28227%2C%205%2C%2024%2C%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  height: 6px;
  width: 18px;
  margin-bottom: 5px;
}

[role~=tooltip][data-microtip-position|=top]::after {
  margin-bottom: 11px;
}

[role~=tooltip][data-microtip-position|=top]::before {
  transform: translate3d(-50%, 0, 0);
  bottom: 100%;
  left: 50%;
}

[role~=tooltip][data-microtip-position|=top]:hover::before {
  transform: translate3d(-50%, -5px, 0);
}

[role~=tooltip][data-microtip-position|=top]::after {
  transform: translate3d(-50%, 0, 0);
  bottom: 100%;
  left: 50%;
}

[role~=tooltip][data-microtip-position=top]:hover::after {
  transform: translate3d(-50%, -5px, 0);
}

/* ------------------------------------------------
  [2.1] Top Left
-------------------------------------------------*/
[role~=tooltip][data-microtip-position=top-left]::after {
  transform: translate3d(calc(-100% + 16px), 0, 0);
  bottom: 100%;
}

[role~=tooltip][data-microtip-position=top-left]:hover::after {
  transform: translate3d(calc(-100% + 16px), -5px, 0);
}

/* ------------------------------------------------
  [2.2] Top Right
-------------------------------------------------*/
[role~=tooltip][data-microtip-position=top-right]::after {
  transform: translate3d(calc(0% - 16px), 0, 0);
  bottom: 100%;
}

[role~=tooltip][data-microtip-position=top-right]:hover::after {
  transform: translate3d(calc(0% - 16px), -5px, 0);
}

/* ------------------------------------------------
  [2.3] Bottom
-------------------------------------------------*/
[role~=tooltip][data-microtip-position|=bottom]::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2820,%2063,%20139,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  height: 6px;
  width: 18px;
  margin-top: 5px;
  margin-bottom: 0;
}

[role~=tooltip][data-microtip-position|=bottom]::after {
  margin-top: 11px;
}

[role~=tooltip][data-microtip-position|=bottom]::before {
  transform: translate3d(-50%, -10px, 0);
  bottom: auto;
  left: 50%;
  top: 100%;
}

[role~=tooltip][data-microtip-position|=bottom]:hover::before {
  transform: translate3d(-50%, 0, 0);
}

[role~=tooltip][data-microtip-position|=bottom]::after {
  transform: translate3d(-50%, -10px, 0);
  top: 100%;
  left: 50%;
}

[role~=tooltip][data-microtip-position=bottom]:hover::after {
  transform: translate3d(-50%, 0, 0);
}

/* ------------------------------------------------
  [2.4] Bottom Left
-------------------------------------------------*/
[role~=tooltip][data-microtip-position=bottom-left]::after {
  transform: translate3d(calc(-100% + 16px), -10px, 0);
  top: 100%;
}

[role~=tooltip][data-microtip-position=bottom-left]:hover::after {
  transform: translate3d(calc(-100% + 16px), 0, 0);
}

/* ------------------------------------------------
  [2.5] Bottom Right
-------------------------------------------------*/
[role~=tooltip][data-microtip-position=bottom-right]::after {
  transform: translate3d(calc(0% - 16px), -10px, 0);
  top: 100%;
}

[role~=tooltip][data-microtip-position=bottom-right]:hover::after {
  transform: translate3d(calc(0% - 16px), 0, 0);
}

/* ------------------------------------------------
  [2.6] Left
-------------------------------------------------*/
[role~=tooltip][data-microtip-position=left]::before,
[role~=tooltip][data-microtip-position=left]::after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  transform: translate3d(10px, -50%, 0);
}

[role~=tooltip][data-microtip-position=left]::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2820,%2063,%20139,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  height: 18px;
  width: 6px;
  margin-right: 5px;
  margin-bottom: 0;
}

[role~=tooltip][data-microtip-position=left]::after {
  margin-right: 11px;
}

[role~=tooltip][data-microtip-position=left]:hover::before,
[role~=tooltip][data-microtip-position=left]:hover::after {
  transform: translate3d(0, -50%, 0);
}

/* ------------------------------------------------
  [2.7] Right
-------------------------------------------------*/
[role~=tooltip][data-microtip-position=right]::before,
[role~=tooltip][data-microtip-position=right]::after {
  bottom: auto;
  left: 100%;
  top: 50%;
  transform: translate3d(-10px, -50%, 0);
}

[role~=tooltip][data-microtip-position=right]::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2820,%2063,%20139,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 5px;
}

[role~=tooltip][data-microtip-position=right]::after {
  margin-left: 11px;
}

[role~=tooltip][data-microtip-position=right]:hover::before,
[role~=tooltip][data-microtip-position=right]:hover::after {
  transform: translate3d(0, -50%, 0);
}

/* ------------------------------------------------
  [3] Size
-------------------------------------------------*/
[role~=tooltip][data-microtip-size=small]::after {
  white-space: initial;
  width: 80px;
}

[role~=tooltip][data-microtip-size=medium]::after {
  white-space: initial;
  width: 150px;
}

[role~=tooltip][data-microtip-size=large]::after {
  white-space: initial;
  width: 260px;
}

@media print {
  header {
    display: none !important;
  }
  footer {
    display: none !important;
  }
}
.cf::after {
  content: "";
  clear: both;
  display: table;
}

/*# sourceMappingURL=styles.css.map */