:root {
  --font-size-base: 16px;
}
@media (max-width: 1199px) {
  :root {
    --font-size-base: 15px;
  }
}
@media (max-width: 991px) {
  :root {
    --font-size-base: 14px;
  }
}
@media (max-width: 575px) {
  :root {
    --font-size-base: 13px;
  }
}
html {
  font-size: var(--font-size-base);
}
body {
  font-size: 1em;
}
.container {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  padding: var(--container-padding);
  padding-block: var(--container-padding-block);
}
@media (min-width: 576px) and (max-width: 767px) {
  .container {
    width: var(--media-sm, 576px);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .container {
    width: var(--media-md, 768px);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .container {
    width: var(--media-lg, 992px);
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .container {
    width: var(--media-xl, 1200px);
  }
}
@media (min-width: 1400px) {
  .container {
    width: var(--media-xl, 1400px);
  }
}
:root {
  --font-size-base: 20px;
  --color--black: #000;
  --color--white: #fff;
  --color--red: #e33f1e;
  --color--gold: #fdca40;
  --color--green: #3fa21c;
  --container-padding: 0 7em;
  --container-padding-block: 0 3em;
}
@media (max-width: 991px) {
  :root {
    --font-size-base: 18px;
  }
}
@media (max-width: 767px) {
  :root {
    --font-size-base: 16px;
  }
}
@media (max-width: 575px) {
  :root {
    --font-size-base: 14px;
  }
}
.text-red {
  color: var(--brand-red, #91353A);
}
.text-grey {
  color: var(--brand-grey, #F4F4F4);
}
.text-black {
  color: var(--brand-black, #383838);
}
.text-center {
  text-align: center;
  justify-content: center;
}
.text-right {
  text-align: right;
  justify-content: flex-end;
}
.text-left {
  text-align: left;
  justify-content: flex-start;
}
.text-bolder {
  font-weight: bold;
}
.text-bold {
  font-weight: 500;
}
.text-thin {
  font-weight: 300;
}
.text-hair {
  font-weight: 200;
}
.text-less {
  font-size: 0.9em;
}
.text-big {
  font-size: 1.1em;
}
.text-bigger {
  font-size: 1.3em;
}
.text-small {
  font-size: 0.8em;
}
.text-min {
  font-size: 0.7em;
}
div,
section,
aside {
  box-sizing: border-box;
}
body {
  color: #383838;
}
.phone,
.email {
  display: flex;
  align-items: center;
  gap: 0.6em;
  white-space: nowrap;
}
.phone span,
.email span {
  display: inline-flex;
  justify-content: flex-end;
  min-width: 3.7em;
}
.head-banner {
  --head-banner-info-size: 1em;
  --head-banner-info-box-padding-block: 2em 3em;
  --head-banner-info-box-max-width: 50%;
  --head-banner-info-box-min-height: 39em;
  --head-banner-background-color: #e4e0df;
  --head-banner-image-position: bottom right;
  --head-banner-image-size: auto 100%;
  --head-banner-font-size: 1em;
  --head-banner-name-size: 3.8em;
  --head-banner-button-display: inline-flex;
  --head-banner-notes-align: center;
  --head-banner-notes-font-size: 0.8em;
  position: relative;
  font-size: var(--head-banner-font-size);
  background-color: var(--head-banner-background-color);
  background-repeat: repeat-x;
  background-size: var(--head-banner-image-size);
  background-position: var(--head-banner-image-position);
}
.head-banner .head-info {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  height: 100%;
  font-size: var(--head-banner-info-size);
  min-width: var(--head-banner-min-width);
  background-repeat: no-repeat;
  background-size: var(--head-banner-image-size);
  background-position: var(--head-banner-image-position);
}
.head-banner .head-info--box {
  display: inline-flex;
  flex-direction: column;
  gap: 1em;
  width: 100%;
  height: 100%;
  padding-block: var(--head-banner-info-box-padding-block);
  max-width: var(--head-banner-info-box-max-width);
  min-height: var(--head-banner-info-box-min-height);
}
.head-banner .head-info--title {
  font-weight: 600;
  font-size: 2em;
  color: var(--brand-red, #91353A);
  flex: 0 0 auto;
  padding-block: 0.8em 0.6em;
}
.head-banner .head-info--name {
  font-weight: 500;
  font-size: var(--head-banner-name-size);
  line-height: 0.85em;
  flex: 1 1 auto;
  max-width: 8em;
  padding-block: 0 0.5em;
}
.head-banner .head-info--button {
  font-size: 1.5em;
  font-weight: 500;
}
.head-banner .head-info--button a {
  display: var(--head-banner-button-display);
}
.head-banner .head-info--notes {
  color: var(--brand-red, #91353A);
  font-size: var(--head-banner-notes-font-size);
  max-width: 80%;
  display: inline-block;
  text-align: var(--head-banner-notes-align);
  padding-block: 1em 1em;
}
@media (max-width: 1199px) {
  .head-banner {
    --head-banner-min-width: 100%;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .head-banner {
    --head-banner-font-size: 0.9em;
    --head-banner-name-size: 3.8em;
    --head-banner-info-box-min-height: 32em;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .head-banner {
    --head-banner-info-size: 0.8em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .head-banner {
    --head-banner-info-size: 0.8em;
    --head-banner-info-box-padding-block: 0 1em;
    --head-banner-image-position: calc(100% + 0em) 100%;
    --head-banner-name-size: 3.3em;
    --head-banner-notes-font-size: 1em;
    --head-banner-info-box-min-height: 32em;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .head-banner {
    --head-banner-info-size: 0.7em;
    --head-banner-image-position: calc(100% + 7em) 100%;
    --head-banner-name-size: 4em;
    --head-banner-notes-font-size: 1.3em;
    --head-banner-info-box-padding-block: 0 1em;
  }
}
@media (max-width: 575px) {
  .head-banner {
    --head-banner-info-padding: 0 0;
    --head-banner-font-size: 0.7em;
    --head-banner-image-size: auto 36em;
    --head-banner-button-display: inline-flex;
    --head-banner-info-box-max-width: 100%;
    --head-banner-info-box-padding-block: 0 26em;
    --head-banner-image-position: calc(100% + 2em) 100%;
    --head-banner-notes-align: left;
    --head-banner-notes-font-size: 1em;
  }
}
.footer {
  --footer-font-size: 1em;
  --footer-policy-justify: flex-start;
  --footer-mails-justify: flex-start;
  --footer-logo-justify: center;
  --footer-copy-justify: center;
  --footer-made-justify: flex-end;
  --footer-gotop-justify: flex-end;
  --footer-logo-font-size: 0.8em;
  --footer-mails-font-size: 1em;
  --footer-policy-font-size: 0.93em;
  --footer-copy-font-size: 1em;
  --footer-made-font-size: 1.5em;
  --footer-gotop-font-size: 3em;
  --footer-box-padding-block: 2em 2em;
  --footer-logo-padding-block: 0em 0em;
  --footer-mails-padding-block: 0em 0em;
  --footer-copy-padding-block: 0em 0em;
  --footer-grid-gap: 1.8em;
  --footer-grid-areas: "mails logo gotop" "policy copyright made";
  --footer-grid-columns: 33% auto 33%;
  --footer-grid-rows: auto;
  --footer-items-gap: 0.4em;
  font-size: var(--footer-font-size);
}
.footer a {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.5em;
  color: currentColor;
  text-decoration: none;
  transition: all 0.5s;
}
.footer a:hover {
  color: #ffe4bd;
}
.footer--box {
  display: grid;
  align-items: center;
  gap: var(--footer-grid-gap);
  grid-template-areas: var(--footer-grid-areas);
  grid-template-columns: var(--footer-grid-columns);
  grid-template-rows: var(--footer-grid-rows);
  padding-block: var(--footer-box-padding-block);
}
.footer--logo,
.footer--mails,
.footer--policy,
.footer--gotop,
.footer--copyright,
.footer--made {
  display: flex;
  gap: var(--footer-items-gap);
  align-items: center;
}
.footer--logo {
  grid-area: logo;
  justify-content: var(--footer-logo-justify);
  padding-block: var(--footer-logo-padding-block);
}
.footer--logo .logos {
  gap: 1em;
  align-items: center;
  font-size: var(--footer-logo-font-size);
  color: var(--brand-white);
  display: inline-flex;
  flex: 0 0 auto;
}
.footer--logo .logos .logo {
  flex: 0 0 auto;
  font-size: 3.8em;
  color: currentColor;
}
.footer--logo .logos .logo .notary {
  display: block;
}
.footer--logo .logos .info {
  flex: 0 0 auto;
  color: currentColor;
  font-size: 1em;
}
.footer--mails {
  padding-block: var(--footer-mails-padding-block);
  justify-content: var(--footer-mails-justify);
  font-size: var(--footer-mails-font-size);
  grid-area: mails;
}
.footer--policy {
  grid-area: policy;
  justify-content: var(--footer-policy-justify);
  font-size: var(--footer-policy-font-size);
}
.footer--gotop {
  justify-content: var(--footer-gotop-justify);
  font-size: var(--footer-gotop-font-size);
  grid-area: gotop;
}
.footer--gotop a {
  opacity: 0.5;
}
.footer--gotop a:hover {
  opacity: 1;
}
.footer--copyright {
  padding-block: var(--footer-copy-padding-block);
  justify-content: var(--footer-copy-justify);
  font-size: var(--footer-copy-font-size);
  grid-area: copyright;
}
.footer--made {
  justify-content: var(--footer-made-justify);
  grid-area: made;
  font-size: var(--footer-made-font-size);
}
.footer--made .mades {
  display: inline-flex;
  flex: 0 0 auto;
  color: #d6898d;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .footer {
    --footer-font-size: 0.9em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .footer {
    --footer-font-size: 0.7em;
    --footer-grid-gap: 1.4em 0.4em;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .footer {
    --footer-font-size: 0.8em;
    --footer-logo-font-size: 1.2em;
    --footer-grid-areas: "logo gotop" "logo gotop" "mails made" "policy made" "copyright made";
    --footer-grid-columns: auto;
    --footer-grid-gap: 0.2em 1em;
    --footer-logo-justify: flex-start;
    --footer-mails-justify: flex-start;
    --footer-policy-justify: flex-start;
    --footer-copy-justify: flex-start;
    --footer-logo-padding-block: 0em 2em;
  }
}
@media (max-width: 575px) {
  .footer {
    --footer-font-size: 0.8em;
    --footer-logo-font-size: 1.2em;
    --footer-grid-gap: 0.4em 1em;
    --footer-grid-areas: "logo gotop" "logo made" "mails mails" "policy policy" "copyright copyright";
    --footer-grid-columns: auto;
    --footer-logo-justify: flex-start;
    --footer-mails-justify: center;
    --footer-policy-justify: center;
    --footer-copy-justify: center;
    --footer-box-padding: 2em 1em;
    --footer-logo-padding-block: 0em 2em;
    --footer-mails-padding-block: 1em 1em;
    --footer-copy-padding-block: 0em 0em;
    --footer-gotop-font-size: 2.3em;
    --footer-made-font-size: 1em;
    --footer-mails-font-size: 1em;
    --footer-copy-font-size: 1em;
  }
  .footer--mails {
    border-top: 1px solid #64292c;
  }
}
@media (min-width: 0) and (max-width: 400px) {
}
.tariffs {
  padding-block: 2em;
  font-size: 1.4em;
  display: flex;
  flex-direction: column;
  gap: 2em;
}
.tariffs > h2,
.tariffs > h3,
.tariffs > p,
.tariffs > div {
  flex: 0 0 auto;
  width: 100%;
}
.tariffs h2,
.tariffs h3 {
  margin: 0;
  padding: 0;
}
.tariffs h2,
.tariffs .title {
  font-size: 1.5em;
}
.tariffs h3,
.tariffs .subtitle {
  font-size: 1.3em;
}
.tariffs .explain {
  text-align: left;
}
.tariffs .tariff-cells {
  display: grid;
  gap: 1em;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
}
.tariffs .tariff-cells > div {
  display: flex;
  gap: 1em;
  color: var(--brand-red, #91353A);
  padding: 1.5em;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  font-size: 0.7em;
  line-height: 0.9em;
  font-weight: 600;
}
.tariffs .tariff-cells > div .fa,
.tariffs .tariff-cells > div .notary {
  font-size: 2.5em;
}
.tariffs .tariff-buttons {
  padding-block: 2em;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .tariffs .tariff-cells {
    font-size: 1.4em;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
  }
  .tariffs .tariff-cells > div {
    padding: 1.5em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .tariffs .tariff-cells {
    font-size: 1em;
    grid-template-columns: 1fr 1fr;
    gap: 2em;
  }
  .tariffs .explain {
    text-align: center;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .tariffs .tariff-cells {
    font-size: 1em;
    grid-template-columns: 1fr 1fr;
    gap: 2em;
  }
  .tariffs .tariff-cells > div {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1em;
  }
  .tariffs .tariff-cells > div .fa,
  .tariffs .tariff-cells > div .notary {
    font-size: 3em;
  }
  .tariffs .explain {
    text-align: center;
  }
}
@media (max-width: 575px) {
  .tariffs {
    font-size: 1em;
    text-align: center;
  }
  .tariffs .explain {
    text-align: center;
  }
  .tariffs h2,
  .tariffs h3 {
    padding-block: 1em 1em;
  }
  .tariffs .tariff-cells {
    grid-template-columns: 1fr 1fr;
    font-size: 1.4em;
    gap: 2em 0;
  }
  .tariffs .tariff-cells > div {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 3em;
  }
  .tariffs .tariff-cells > div .fa,
  .tariffs .tariff-cells > div .notary {
    font-size: 3em;
  }
}
@media (min-width: 0) and (max-width: 400px) {
  .tariffs .tariff-cells {
    grid-template-columns: 1fr;
    font-size: 1.2em;
  }
}
.info-switcher {
  font-size: 1.2em;
  padding-block: 2em;
  display: flex;
  flex-direction: column;
  gap: 2em;
}
.info-switcher > div {
  flex: 0 0 auto;
  width: 100%;
}
.info-switcher > a {
  flex: none;
}
.info-switcher .switcher-box {
  display: block;
}
.info-switcher .switcher-box:not(.active) {
  display: none;
}
.info-switcher .phone,
.info-switcher .email {
  display: inline-flex;
  text-decoration: none;
  transition: all 0.5s;
  color: var(--brand-red, #91353A);
}
.info-switcher .phone:hover,
.info-switcher .email:hover {
  color: var(--brand-black, #383838);
}
.info-switcher .cells {
  align-items: stretch;
  gap: 0;
}
.info-switcher .cell-icons {
  display: inline-flex;
}
.info-switcher .cell-icons > div,
.info-switcher .cell-icons > a {
  flex: 0 0 auto;
}
.info-switcher .cell-icons img {
  width: auto;
  height: 100%;
  max-height: 1.4em;
}
.info-switcher .cell-phones {
  display: inline-flex;
  gap: 1em;
  align-items: center;
}
.info-switcher .cell-phones .phone {
  display: flex;
}
.info-switcher .cell-phones .phones {
  flex: 0 0 auto;
}
.info-switcher .cell-phones .whatsapp {
  flex: 0 0 auto;
  font-size: 2em;
}
.info-switcher .icons-box {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.info-switcher .info-box {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.info-switcher .cells > div + div,
.info-switcher li > div + div {
  border-left: 2px solid #383838;
  padding-left: 2em;
  margin-left: 2em;
}
.info-switcher h2,
.info-switcher h3 {
  font-size: 1.2em;
  padding-block: 0 1.6em;
  color: var(--brand-red, #91353A);
}
.info-switcher ol {
  list-style: none;
  counter-reset: item;
  padding: 0;
}
.info-switcher ol li {
  display: flex;
  align-items: stretch;
  counter-increment: item;
  gap: 2em 0;
  padding-left: 2.5em;
}
.info-switcher ol li:before {
  content: counter(item);
  color: var(--brand-red, #91353A);
  font-size: 2em;
  font-weight: bold;
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  margin-left: -1.3em;
}
.info-switcher ol li + li {
  margin-top: 3em;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .info-switcher {
    font-size: 1em;
  }
  .info-switcher h2,
  .info-switcher h3 {
    font-size: 1em;
    padding-block: 0 1em;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .info-switcher {
    font-size: 1em;
  }
  .info-switcher h2,
  .info-switcher h3 {
    font-size: 1em;
    padding-block: 0 1em;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px) {
  .info-switcher {
    font-size: 1em;
  }
  .info-switcher h2,
  .info-switcher h3 {
    font-size: 1em;
    padding-block: 0 1em;
  }
  .info-switcher .cells {
    flex-direction: column;
  }
  .info-switcher .cells > div,
  .info-switcher li > div {
    flex: 0 0 auto;
    width: 100% !important;
  }
  .info-switcher .cells > div + div,
  .info-switcher li > div + div {
    border: none;
    border-top: 1px solid #b9b9b9;
    padding-top: 1em;
    margin-top: 1em;
    margin-left: 0;
    padding-left: 0;
  }
  .info-switcher .info-box p {
    text-align: left;
  }
  .info-switcher .cell-phones {
    display: inline-flex;
    gap: 1.5em;
  }
  .info-switcher .cell-phones .phone {
    font-size: 1.2em;
    padding: 0.3em 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .info-switcher .cell-phones {
    justify-content: flex-start;
  }
}
@media (max-width: 575px) {
  .info-switcher {
    font-size: 1em;
  }
}
.info-switcher--links {
  font-size: 0.9em;
  display: flex;
  background: #E7E7E7;
  border-radius: 2.5em;
  transition: all 0.5s;
  font-weight: 500;
  margin-block: 2em 2em;
  box-shadow: 0 0 2px #00000061, 0 4px 5px #00000024;
}
.info-switcher--links:hover {
  background: #c1c1c1;
}
.info-switcher--links .link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.2em;
  flex: 1 1 auto;
  border-radius: 2.5em;
  text-decoration: none;
  color: currentColor;
  transition: all 0.5s;
  gap: 0.5em;
  order: 1;
}
.info-switcher--links .link > span {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.info-switcher--links .link > .fa {
  flex: 0 0 auto;
  display: none;
  align-items: center;
  justify-content: center;
  line-height: 0;
  font-size: 1.4em;
  padding: 0.2em;
  padding-bottom: 0;
}
.info-switcher--links .link.active {
  background: #383838;
  color: #fff;
}
.info-switcher--links .link.active:hover {
  background: var(--brand-red, #91353A);
}
.info-switcher--links .link:not(.active):hover {
  color: var(--brand-red, #91353A);
}
.info-switcher--links.compact {
  flex-direction: column;
}
.info-switcher--links.compact .link {
  order: 2;
}
.info-switcher--links.compact .link.active {
  order: 1;
  box-shadow: 0 0 5px #00000033;
}
.info-switcher--links.compact .link.active > .fa {
  display: flex;
}
.info-switcher--links.compact .link:not(.active) {
  display: none;
}
.info-switcher--links.compact.opened {
  box-shadow: 0 0 1.5em #00000033;
  background: #ffffff;
}
.info-switcher--links.compact.opened .link {
  order: 2;
}
.info-switcher--links.compact.opened .link.active {
  order: 1;
}
.info-switcher--links.compact.opened .link.active > .fa {
  display: flex;
}
.info-switcher--links.compact.opened .link:not(.active) {
  display: flex;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .info-switcher--links {
    margin-block: 1.4em;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .info-switcher--links {
    font-size: 0.9em;
  }
}
@media (max-width: 575px) {
  .info-switcher--links {
    font-size: 0.9em;
  }
}
@media (min-width: 0) and (max-width: 400px) {
  .info-switcher--links {
    font-size: 0.83em;
    margin-block: 1.2em;
  }
}
.warning-box {
  margin: 4rem 0 0 0;
  color: var(--brand-black, #383838);
}
.warning-box h2,
.warning-box h3 {
  margin: 0;
  padding: 0;
  font-size: 1.8em;
  padding-block: 0 1em;
}
.warning-box .notes {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 1em;
}
.warning-box .notes .note {
  flex: 1 1 auto;
  padding: 1em;
  border-radius: 1em;
}
.warning-box .notes .note.note-grey {
  background: #D9D9D9;
}
.warning-box .notes .note.note-pink {
  background: #F6DFE1;
}
@media (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px) {
  .warning-box .notes {
    flex-direction: column;
    align-items: center;
  }
  .warning-box .notes .note {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .warning-box h2,
  .warning-box h3 {
    text-align: left;
  }
  .warning-box .notes {
    flex-direction: column;
    align-items: center;
  }
  .warning-box .notes .note {
    flex: 0 0 auto;
    width: 100%;
  }
}
.disclimer-box .cells {
  align-items: center;
}
.disclimer-box .cells > div {
  border: none !important;
}
.disclimer-box p {
  font-weight: bold;
}
.disclimer-box .deco-border {
  width: 65%;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .disclimer-box .cells {
    margin: 3em 0;
    text-align: center;
    flex-direction: column;
    gap: 1em;
  }
  .disclimer-box .cells > div {
    flex: 0 0 auto;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }
  .disclimer-box .deco-border {
    width: 100%;
  }
}
.banner-slogan {
  font-size: 1.4em;
  padding: 1.5em 2em;
  background: var(--brand-red, #91353A);
  border-radius: 0.4em;
  color: #fff;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 991px) {
  .banner-slogan {
    font-size: 1.3em;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 576px) and (max-width: 767px) {
  .banner-slogan {
    font-size: 1.2em;
  }
}
@media (max-width: 575px) {
  .banner-slogan {
    font-size: 1em;
  }
}
.disclimers {
  font-size: 1.2em;
  padding-block: 2em;
  display: flex;
  flex-direction: column;
  gap: 2em;
}
.disclimers > div {
  flex: 0 0 auto;
  width: 100%;
}
.contacts {
  font-size: 1.2em;
  padding-block: 2em;
  display: flex;
  flex-direction: column;
  gap: 2em;
}
.contacts h2,
.contacts h3 {
  padding: 0;
  margin: 0;
  font-weight: 500;
}
.contacts h2 {
  font-size: 1.8em;
}
.contacts h3 {
  font-size: 1.2em;
}
.contacts .name {
  color: var(--brand-black, #383838);
  font-size: 1.15em;
  line-height: 0.95em;
  font-weight: 500;
  padding-block: 1em 0;
}
.contacts a {
  color: currentColor;
  transition: all 0.5s;
  text-decoration: none !important;
}
.contacts a:hover {
  color: var(--brand-black, #383838);
}
.contacts small {
  display: block;
  font-size: 0.6em;
}
.contacts .contacts-cells {
  color: var(--brand-red, #91353A);
  display: grid;
  gap: 1em 5em;
  grid-template-areas: "name phones address" "name emails address" "notes emails address";
  grid-template-columns: 1fr 1fr 1fr;
  align-items: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.contacts .contacts-cells--name {
  grid-area: name;
}
.contacts .contacts-cells--notes {
  grid-area: notes;
}
.contacts .contacts-cells--emails {
  grid-area: emails;
}
.contacts .contacts-cells--phones {
  grid-area: phones;
}
.contacts .contacts-cells--address {
  grid-area: address;
}
.contacts .contacts-mapper {
  display: grid;
  gap: 2em;
  grid-template-areas: "map info";
  grid-template-columns: 55% auto;
  font-size: 0.94em;
}
.contacts .contacts-mapper--map {
  flex: 1 1 auto;
  grid-area: map;
}
.contacts .contacts-mapper--info {
  flex: 0 0 auto;
  grid-area: info;
}
.contacts .mapper {
  background: #efefef;
  border: 1px solid #a6a6a6;
  min-height: 350px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .contacts {
    font-size: 1.2em;
  }
  .contacts .contacts-cells {
    grid-template-areas: "name notes" "phones address" "emails address";
    grid-template-columns: 1fr 1fr;
    gap: 2em 3em;
  }
  .contacts .contacts-cells--notes {
    align-self: end;
  }
  .contacts .contacts-mapper {
    grid-template-areas: "map" "info";
    grid-template-columns: 1fr;
    font-size: 1em;
  }
  .contacts .contacts-mapper .mapper {
    min-height: 200px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .contacts {
    font-size: 1.2em;
  }
  .contacts h2,
  .contacts h3 {
    padding-block: 1em 1em;
    text-align: center;
  }
  .contacts h2 {
    font-size: 1.5em;
  }
  .contacts h3 {
    font-size: 1.3em;
  }
  .contacts small {
    font-size: 0.8em;
  }
  .contacts .contacts-cells {
    grid-template-areas: "name notes" "phones address" "emails address";
    grid-template-columns: 1fr 1fr;
    gap: 1em 0.5em;
  }
  .contacts .contacts-cells--notes {
    align-self: end;
  }
  .contacts .contacts-mapper {
    grid-template-areas: "map" "info";
    grid-template-columns: 1fr;
    font-size: 1em;
  }
  .contacts .contacts-mapper .mapper {
    min-height: 200px;
  }
}
@media (max-width: 575px) {
  .contacts {
    font-size: 1em;
  }
  .contacts h2,
  .contacts h3 {
    padding-block: 1em 1em;
    text-align: center;
  }
  .contacts h2 {
    font-size: 1.3em;
    font-weight: 500;
  }
  .contacts h3 {
    font-size: 1.2em;
  }
  .contacts small {
    font-size: 0.8em;
  }
  .contacts .phone {
    padding: 0.3em 0;
  }
  .contacts .contacts-cells {
    grid-template-areas: "name notes" "phones address" "emails address";
    grid-template-columns: 1fr 1fr;
    gap: 1em 0.5em;
  }
  .contacts .contacts-cells--notes {
    align-self: end;
  }
  .contacts .contacts-mapper {
    grid-template-areas: "map" "info";
    grid-template-columns: 1fr;
    font-size: 1em;
  }
  .contacts .contacts-mapper .mapper {
    min-height: 200px;
  }
}
@media (min-width: 0) and (max-width: 400px) {
  .contacts {
    font-size: 0.76em;
  }
}
.cells {
  display: flex;
  flex-direction: row;
  gap: 0.5em;
}
.cells > div,
.cells .cell {
  flex: 0 0 auto;
}
.cells > div.fill,
.cells .cell.fill {
  flex: 1 1 auto;
}
.cells > div.cell-25,
.cells .cell.cell-25 {
  flex: 0 0 25%;
}
.cells > div.cell-30,
.cells .cell.cell-30 {
  flex: 0 0 30%;
}
.cells > div.cell-40,
.cells .cell.cell-40 {
  flex: 0 0 40%;
}
.cells > div.cell-50,
.cells .cell.cell-50 {
  flex: 0 0 50%;
}
.cells > div.cell-60,
.cells .cell.cell-60 {
  flex: 0 0 60%;
}
.cells > div.cell-70,
.cells .cell.cell-70 {
  flex: 0 0 70%;
}
.rows {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rows > div {
  display: block;
  width: 100%;
}
.info-box {
  display: flex;
  flex-direction: column;
}
.info-box h1,
.info-box h2,
.info-box h3,
.info-box h4,
.info-box h5,
.info-box p {
  display: block;
  width: 100%;
  margin: 0;
}
.info-box h2 {
  font-size: 1.6em;
}
.info-box h3 {
  font-size: 1.2em;
}
.info-box p {
  padding: 0;
  margin: 0;
  padding-block: 0 1em;
}
.button {
  background: var(--brand-red, #91353A);
  color: #fff;
  padding: 1em 3em;
  cursor: pointer;
  display: inline-flex;
  transition: all 0.5s;
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 0.6em;
  text-decoration: none !important;
  border-radius: 1.3em;
}
.button:hover {
  background: var(--brand-black, #383838);
}
.button.block {
  display: flex;
}
.button.button-black,
.button.button-download {
  background: var(--brand-black, #383838);
  padding: 1em 3em;
  border-radius: 0.7em;
}
.button.button-black:hover,
.button.button-download:hover {
  background: var(--brand-red, #91353A);
}
.button.button-download {
  padding: 1em 3em;
  border-radius: 0.4em;
  font-weight: 500;
}
.button.button-red {
  font-weight: 500;
  text-decoration: none;
  background: var(--brand-red, #91353A);
  padding: 0.8em 4.8em;
  border-radius: 0.4em;
  display: inline-flex;
  gap: 1em;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.button.button-red:hover {
  background: var(--brand-red-dark, #672528);
}
.deco-border {
  height: 0;
  display: block;
  border-top: 2px solid var(--brand-red, #91353A);
  position: relative;
}
.deco-border:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  width: 80%;
  height: 1px;
  top: 0.8em;
  background: #A9A9A9;
  margin-block: 0 1em;
}
.deco-border.on-top {
  margin-block: 0 1.2em;
}
.deco-border.on-top:after {
  bottom: 0.8em;
}
.deco-border.on-bottom {
  margin-block: 1.2em 0;
}
.deco-border.on-bottom:after {
  top: -0.8em;
}
@media (max-width: 575px) {
  .deco-border:after {
    left: 10%;
    right: 10%;
    width: auto;
  }
  .deco-border.on-top:after {
    top: 1.5em;
  }
  .deco-border.on-bottom:after {
    top: -1.5em;
  }
}
.noscroll,
.modal-open {
  overflow: hidden;
  border-right: 8px solid #99999959;
}
.cell-icons {
  display: flex;
  gap: 0.3em;
  align-items: center;
  width: 100%;
}
.cell-icons > div,
.cell-icons > a {
  flex: 1 1 auto;
  text-decoration: none;
}
.cell-icons img {
  display: inline-block;
  height: auto;
  width: auto;
  max-height: 100%;
}
:root {
  --container-padding: 0 6em;
  --container-padding-block: 0 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  :root {
    --container-padding: 0 3em;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px) {
  :root {
    --container-padding: 0 2em;
  }
}
@media (max-width: 575px) {
  :root {
    --container-padding: 0 1.5em;
  }
}
.useful-links {
  font-size: 1.2em;
  padding-block: 2em;
  display: flex;
  flex-direction: column;
  gap: 2em;
}
.useful-links h2,
.useful-links h3 {
  padding: 0;
  margin: 0;
  font-weight: 500;
  font-size: 1.6em;
}
.useful-links h3 {
  font-size: 1.2em;
}
.useful-links a {
  color: currentColor;
  transition: all 0.5s;
  text-decoration: none !important;
  font-weight: 600;
}
.useful-links a:hover {
  color: var(--brand-black, #383838);
}
.useful-links--links {
  color: var(--brand-red, #91353A);
  display: grid;
  gap: 2.2em 1.4em;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  align-items: flex-start;
}
.useful-links--links a {
  display: flex;
  gap: 1.3em;
  align-items: center;
}
.useful-links--links a .fa {
  font-size: 2em;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .useful-links--links {
    gap: 2em;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .useful-links {
    font-size: 1.2em;
  }
  .useful-links h2,
  .useful-links h3 {
    font-size: 1.3em;
  }
  .useful-links--links {
    gap: 1em;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .useful-links {
    font-size: 1em;
  }
  .useful-links h2,
  .useful-links h3 {
    text-align: center;
  }
  .useful-links--links {
    gap: 1em;
    grid-template-columns: 1fr;
  }
}
.nears {
  font-size: 1em;
  padding-block: 2em;
  color: #8B8B8B;
  display: flex;
  flex-direction: column;
  gap: 2em;
}
.nears h2,
.nears h3 {
  padding: 0;
  margin: 0;
  font-weight: 500;
  font-size: 1.3em;
}
.nears h3 {
  font-size: 1.2em;
}
.nears .nears-list {
  display: grid;
  gap: 5em;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
}
.nears .nears-item--address {
  font-weight: 300;
  padding-block: 1em 0;
}
@media (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px) {
  .nears {
    padding-block: 3rem;
    color: #6b6b6b;
  }
  .nears .nears-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 575px) {
  .nears {
    padding-block: 2rem;
    color: #6b6b6b;
  }
  .nears h2,
  .nears h3 {
    text-align: center;
  }
  .nears .nears-list {
    gap: 2em;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}
.top-header {
  --top-header-font-size: 1em;
  --top-header-logo-size: 1.25em;
  --top-header-grid-areas: "logo mails phones burger";
  --top-header-grid-columns: 34% 30% auto auto;
  --top-header-grid-rows: auto;
  --top-header-grid-gap: 1em;
  --top-header-box-padding-block: 1.8em 1.2em;
  --top-header-align-burger: flex-end;
  --top-header-mails-font-size: 1em;
  --top-header-mails-align: flex-start;
  --top-header-mails-direction: column;
  --top-header-mails-gap: 0;
  --top-header-mails-padding-block: 0;
  --top-header-phones-font-size: 1.23em;
  --top-header-phones-align: flex-start;
  --top-header-phones-direction: column;
  --top-header-phones-gap: 0;
  --top-header-phones-padding-block: 0;
  --top-header-menu-logo-size: 1.25em;
  --top-header-menu-padding: 2em;
  --top-header-menu-padding-top: var(--drupal-displace-offset-top, 2rem);
  --top-header-menu-width: 26em;
  --top-header-menu-phones-size: 1.2em;
  --top-header-menu-sidebar-max-width: 100em;
  min-height: 6em;
  position: relative;
  font-size: var(--top-header-font-size);
}
.top-header--box {
  display: grid;
  align-items: center;
  padding-block: var(--top-header-box-padding-block);
  gap: var(--top-header-grid-gap);
  grid-template-areas: var(--top-header-grid-areas);
  grid-template-columns: var(--top-header-grid-columns);
  grid-template-rows: var(--top-header-grid-rows);
}
.top-header a {
  display: flex;
  flex: 1 1 auto;
  color: currentColor;
  text-decoration: none;
  transition: all 0.5s;
}
.top-header a:hover {
  color: var(--brand-red, #91353A);
}
.top-header--logo,
.top-header--mails,
.top-header--phones,
.top-header--burger {
  display: flex;
  align-items: center;
}
.top-header--logo {
  grid-area: logo;
}
.top-header--logo .logos {
  display: inline-flex;
  gap: 1em;
  align-items: center;
  font-size: var(--top-header-logo-size);
  color: var(--brand-red);
}
.top-header--logo .logos .logo {
  flex: 0 0 auto;
  font-size: 3.8em;
  color: currentColor;
}
.top-header--logo .logos .logo .notary {
  display: block;
}
.top-header--logo .logos .info {
  flex: 0 0 auto;
  color: currentColor;
  font-size: 1em;
}
.top-header--mails {
  font-size: var(--top-header-mails-font-size);
  font-weight: 500;
  grid-area: mails;
  flex-direction: var(--top-header-mails-direction);
  align-items: var(--top-header-mails-align);
  gap: var(--top-header-mails-gap);
  padding-block: var(--top-header-mails-padding-block);
}
.top-header--phones {
  font-size: var(--top-header-phones-font-size);
  grid-area: phones;
  flex-direction: var(--top-header-phones-direction);
  align-items: var(--top-header-phones-align);
  gap: var(--top-header-phones-gap);
  padding-block: var(--top-header-phones-padding-block);
}
.top-header--burger {
  grid-area: burger;
  justify-content: right;
  font-size: 1.8em;
  align-items: var(--top-header-align-burger);
}
.top-header--burger a {
  display: inline-flex;
  justify-content: flex-end;
  flex: 0 0 auto;
}
.top-header--menu {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  overflow: hidden;
  transition: max-height 0s 1s;
  height: 100%;
  max-height: 0;
  font-size: 1em;
}
.top-header--menu .menu-dropper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #00000000;
  z-index: 1;
  transition: background 0.5s;
}
.top-header--menu .menu-sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  background: #fff;
  height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  padding: var(--top-header-menu-padding, 2em);
  padding-top: calc(var(--top-header-menu-padding-top, 2rem) + 1rem);
  width: var(--top-header-menu-width);
  right: calc(-1 * var(--top-header-menu-width));
  transition: right 0.5s;
  font-size: 1.1em;
  max-width: var(--top-header-menu-sidebar-max-width);
}
.top-header--menu .menu-sidebar--closer,
.top-header--menu .menu-sidebar--header,
.top-header--menu .menu-sidebar--menu,
.top-header--menu .menu-sidebar--footer {
  flex: 0 0 auto;
  width: 100%;
  padding-block: 1em 1em;
}
.top-header--menu .menu-sidebar--closer {
  flex: 0 0 auto;
  position: relative;
  font-size: 1.5em;
  padding-block: 0 0;
}
.top-header--menu .menu-sidebar--menu {
  flex: 1 1 auto;
}
.top-header--menu .menu-sidebar .logos {
  display: inline-flex;
  gap: 1em;
  align-items: center;
  font-size: var(0.9em);
  color: var(--brand-red);
}
.top-header--menu .menu-sidebar .logos .logo {
  flex: 0 0 auto;
  font-size: 3.8em;
  color: currentColor;
}
.top-header--menu .menu-sidebar .logos .logo .notary {
  display: block;
}
.top-header--menu .menu-sidebar .logos .info {
  flex: 0 0 auto;
  color: currentColor;
  font-size: 1em;
}
.top-header--menu .menu-sidebar .links a {
  padding-block: 0.5em 0.5em;
}
.top-header--menu .menu-sidebar .links a:before {
  content: '\f105';
  margin-right: 0.4em;
  font-family: var(--fa-style-family, 'Font Awesome 6 Free', FontAwesome, sans-serif);
  font-weight: var(--fa-style, 900);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
}
.top-header--menu .menu-sidebar .dismiss {
  display: inline-flex;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.top-header--menu .menu-sidebar .phones {
  color: var(--brand-red);
  font-size: var(--top-header-menu-phones-size);
}
.top-header--menu a {
  display: block;
  color: currentColor;
}
.top-header--menu a:hover {
  color: var(--brand-red, #91353A);
}
.top-header--menu.opened {
  z-index: 1000;
  max-height: 100%;
  transition: max-height 0s 0s;
}
.top-header--menu.opened .menu-dropper {
  background: #000000dd;
}
.top-header--menu.opened .menu-sidebar {
  right: 0;
  z-index: 2;
  background: #fff;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .top-header {
    --top-header-font-size: 1em;
    --top-header-grid-areas: "logo phones burger" "logo mails burger";
    --top-header-grid-columns: 2fr 1fr auto;
    --top-header-logo-size: 1em;
    --top-header-box-padding: 0 0.8em;
    --top-header-phones-align: flex-start;
    --top-header-mails-align: flex-start;
    --top-header-phones-font-size: 0.9em;
    --top-header-mails-font-size: 0.9em;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px) {
  .top-header {
    --top-header-font-size: 0.9em;
    --top-header-grid-areas: "logo phones burger" "logo mails burger";
    --top-header-grid-columns: 2fr 1fr auto;
    --top-header-logo-size: 1.1em;
    --top-header-box-padding: 0 0.8em;
    --top-header-phones-align: flex-start;
    --top-header-mails-align: flex-start;
    --top-header-phones-font-size: 0.9em;
    --top-header-mails-font-size: 0.9em;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .top-header {
    --top-header-font-size: 0.8em;
    --top-header-grid-columns: auto;
  }
}
@media (max-width: 575px) {
  .top-header {
    --top-header-font-size: 0.8em;
    --top-header-grid-areas: "logo burger" "phones mails";
    --top-header-grid-columns: 1fr auto;
    --top-header-logo-size: 1em;
    --top-header-mails-align: flex-end;
    --top-header-phones-font-size: 1em;
    --top-header-mails-font-size: 0.9em;
    --top-header-menu-phones-size: 1.5em;
    --top-header-menu-sidebar-max-width: 300px;
  }
}
.error-box {
  --err-box-font-size: 1em;
  --err-box-title-font-size: 6em;
  --err-box-subtitle-font-size: 1.5em;
  --err-box-message-font-size: 1em;
  min-height: 10em;
  display: flex;
  flex-direction: column;
  font-size: var(--err-box-font-size);
  padding-block: 2em;
  color: var(--brand-black, #383838);
  gap: 2em;
}
.error-box > div {
  flex: 0 0 auto;
}
.error-box--title {
  font-size: var(--err-box-title-font-size);
  color: var(--brand-red, #91353A);
}
.error-box--subtitle {
  font-size: var(--err-box-subtitle-font-size);
}
.error-box--message {
  font-size: var(--err-box-mesage-font-size);
}
@media (max-width: 575px) {
  .error-box {
    --err-box-font-size: 0.8em;
    --err-box-title-font-size: 4em;
    --err-box-message-font-size: 2em;
  }
}
.region-top-scripts,
.region-bottom-scripts {
  flex: none;
  display: block;
  height: auto;
  overflow: hidden;
  min-height: 0;
  padding: 0 !important;
  margin: 0 !important;
}