/* ------------------------------------------------------------ *\
	import scss files
\* ------------------------------------------------------------ */
/*  Variables  */
/*  Functions  */
/*  Mixins  */
/* example usage*/
/* ------------------------------------------------------------ *\
	Variables
\* ------------------------------------------------------------ */
:root {
  --vh: 1vh;
  --vh: 1svh;
  --win-height: calc(100 * var(--vh));
  --fz-base: 1.8rem;
  --fw-base: 400;
  --lh-base: 1.33;
  --ff-sans-serif: "Calibri", Arial, sans-serif;
  --ff-mont: "Montserrat Alternates", sans-serif;
  --ff-serif: "Times New Roman", Times, Georgia, serif;
  --ff-fa-solid: "fa-solid-900";
  --ff-base: var(--ff-sans-serif);
  --t-dur: .3s;
  --t-easing: ease;
  --c-black: #000000;
  --c-black1: #282828;
  --c-white: #FFFFFF;
  --c-blue: #154985;
  --c-purple: #9C3379;
  --c-gray: #737373;
  --c-gray2: #CBCBCB;
  --c-gray3: #F5FAFA;
  --c-gray4: #454545;
  --c-gray5: #E4E4E4;
  --c-gray6: #F9F9F9;
  --c-gray7: #EFEFEF;
  --c-orange: #E19F27;
  --c-red: #F05243;
  --c-base: #000;
  --c-base: var(--c-gray);
  --c-theme: var(--c-purple);
  --c-theme2: var(--c-blue);
  --shadow-color: 203,203,203;
  --section-spacing: 12rem;
  --container-max-width: 1480px;
  --container-gutter: 3rem;
  --gap: 2.4rem;
  --inner-gap: 2.4rem;
  --box-shadow: 0px 0px 5px 0px rgba(var(--shadow-color), .48);
  --box-shadow-big: 0px 4px 20px 0px rgba(var(--shadow-color), .48);
  --border-radius: .7rem;
}
@media (max-width: 1699px) {
  :root {
    --section-spacing: 10rem;
  }
}
@media (max-width: 1599px) {
  :root {
    --section-spacing: 8rem;
    --gap: 3rem;
  }
}
@media (max-width: 1399px) {
  :root {
    --section-spacing: 6rem;
  }
}
@media (max-width: 1199px) {
  :root {
    --section-spacing: 5rem;
    --fz-base: 1.7rem;
  }
}
@media (max-width: 1023px) {
  :root {
    --gap: 2rem;
    --inner-gap: 2rem;
    --section-spacing: 4rem;
    --container-gutter: 2rem;
  }
}
@media (max-width: 767px) {
  :root {
    --fz-base: 1.6rem;
    --section-spacing: 3rem;
  }
}
/* ------------------------------------------------------------ *\
	Functions
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Mixins
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Normalize/resets
\* ------------------------------------------------------------ */
* {
  padding: 0;
  margin: 0;
  outline: 0;
  box-sizing: border-box;
}
*:before,
*:after {
  box-sizing: inherit;
}
picture {
  display: block;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main {
  display: block;
}
template {
  display: none;
}
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
}
img,
iframe,
video,
audio,
object {
  max-width: 100%;
}
img,
iframe {
  border: 0 none;
}
img {
  height: auto;
  display: inline-block;
  vertical-align: middle;
}
img,
[style*=background-image] {
  image-rendering: -webkit-optimize-contrast;
}
b,
strong {
  font-weight: bold;
}
address {
  font-style: normal;
}
svg:not(:root) {
  overflow: hidden;
}
a,
button,
input[type=submit],
input[type=button],
input[type=reset],
input[type=file],
input[type=image],
label[for] {
  cursor: pointer;
}
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=color],
textarea,
a[href^=tel] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
          appearance: none;
}
textarea {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
button,
select {
  text-transform: none;
}
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
nav ul,
nav ol {
  list-style: none outside none;
}
input::-moz-placeholder {
  color: inherit;
  opacity: 1;
}
input::placeholder {
  color: inherit;
  opacity: 1;
}
textarea::-moz-placeholder {
  color: inherit;
  opacity: 1;
}
textarea::placeholder {
  color: inherit;
  opacity: 1;
}
input:-webkit-autofill {
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
input[type=text],
input[type=button],
input[type=tel],
input[type=email],
input[type=submit],
input[type=date],
input[type=search],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */
@font-face {
  font-family: "Calibri";
  src: url("../fonts/Calibri-Italic.woff2") format("woff2"), url("../fonts/Calibri-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Calibri";
  src: url("../fonts/Calibri-BoldItalic.woff2") format("woff2"), url("../fonts/Calibri-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Calibri";
  src: url("../fonts/Calibri-Bold.woff2") format("woff2"), url("../fonts/Calibri-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Calibri";
  src: url("../fonts/Calibri.woff2") format("woff2"), url("../fonts/Calibri.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat Alternates ExLight";
  src: url("../fonts/MontserratAlternates-ExtraLight.woff2") format("woff2"), url("../fonts/MontserratAlternates-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat Alternates ExLight";
  src: url("../fonts/MontserratAlternates-ExtraLightItalic.woff2") format("woff2"), url("../fonts/MontserratAlternates-ExtraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat Alternates";
  src: url("../fonts/MontserratAlternates-BoldItalic.woff2") format("woff2"), url("../fonts/MontserratAlternates-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat Alternates";
  src: url("../fonts/MontserratAlternates-MediumItalic.woff2") format("woff2"), url("../fonts/MontserratAlternates-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat Alternates";
  src: url("../fonts/MontserratAlternates-Bold.woff2") format("woff2"), url("../fonts/MontserratAlternates-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat Alternates";
  src: url("../fonts/MontserratAlternates-Light.woff2") format("woff2"), url("../fonts/MontserratAlternates-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat Alternates";
  src: url("../fonts/MontserratAlternates-Black.woff2") format("woff2"), url("../fonts/MontserratAlternates-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat Alternates";
  src: url("../fonts/MontserratAlternates-BlackItalic.woff2") format("woff2"), url("../fonts/MontserratAlternates-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat Alternates";
  src: url("../fonts/MontserratAlternates-ThinItalic.woff2") format("woff2"), url("../fonts/MontserratAlternates-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat Alternates";
  src: url("../fonts/MontserratAlternates-Regular.woff2") format("woff2"), url("../fonts/MontserratAlternates-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat Alternates";
  src: url("../fonts/MontserratAlternates-ExtraBold.woff2") format("woff2"), url("../fonts/MontserratAlternates-ExtraBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat Alternates";
  src: url("../fonts/MontserratAlternates-SemiBold.woff2") format("woff2"), url("../fonts/MontserratAlternates-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat Alternates";
  src: url("../fonts/MontserratAlternates-Italic.woff2") format("woff2"), url("../fonts/MontserratAlternates-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat Alternates";
  src: url("../fonts/MontserratAlternates-SemiBoldItalic.woff2") format("woff2"), url("../fonts/MontserratAlternates-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat Alternates";
  src: url("../fonts/MontserratAlternates-Thin.woff2") format("woff2"), url("../fonts/MontserratAlternates-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat Alternates";
  src: url("../fonts/MontserratAlternates-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/MontserratAlternates-ExtraBoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat Alternates";
  src: url("../fonts/MontserratAlternates-LightItalic.woff2") format("woff2"), url("../fonts/MontserratAlternates-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat Alternates";
  src: url("../fonts/MontserratAlternates-Medium.woff2") format("woff2"), url("../fonts/MontserratAlternates-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "fa-brands-400";
  src: url("../vendor/fontawesome-pro-5.7.2-web/webfonts/fa-brands-400.woff") format("woff"), url("../vendor/fontawesome-pro-5.7.2-web/webfonts/fa-brands-400.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "fa-light-300";
  src: url("../vendor/fontawesome-pro-5.7.2-web/webfonts/fa-light-300.woff") format("woff"), url("../vendor/fontawesome-pro-5.7.2-web/webfonts/fa-light-300.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "fa-regular-400";
  src: url("../vendor/fontawesome-pro-5.7.2-web/webfonts/fa-regular-400.woff") format("woff"), url("../vendor/fontawesome-pro-5.7.2-web/webfonts/fa-regular-400.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "fa-solid-900";
  src: url("../vendor/fontawesome-pro-5.7.2-web/webfonts/fa-solid-900.woff") format("woff"), url("../vendor/fontawesome-pro-5.7.2-web/webfonts/fa-solid-900.woff2") format("woff2");
  font-display: swap;
}
/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */
html {
  font-size: 62.5%;
}
body {
  min-width: 320px;
  background: var(--c-white, #fff);
  font-family: var(--ff-base, sans-serif);
  font-weight: var(--fw-base, 400);
  font-size: var(--fz-base, 1.6rem);
  line-height: var(--lh-base, 1.4);
  color: var(--c-base, #000);
  position: relative;
}
body:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--c-white, #fff);
  opacity: 1;
  transition: opacity var(--t-dur, 0.3s);
  pointer-events: none;
  z-index: 9999;
}
body.is-open {
  overflow: hidden;
}
body.no-overlay:before {
  opacity: 0;
  z-index: -1;
}
.skippy:focus {
  width: unset;
  height: unset;
  padding: 0;
  margin: 0;
  overflow: hidden;
  clip: unset;
  border: 0;
}
a {
  color: inherit;
}
a:hover {
  text-decoration: none;
  color: inherit;
}
a[href^=tel] {
  text-decoration: none;
}
ul {
  padding-left: 0;
}
figure {
  margin: 0;
}
.has-separator {
  position: relative;
  padding-top: 1.1rem;
  display: block;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.has-separator:before, .has-separator:after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 3.2rem;
  height: 0.6rem;
  background-color: var(--c-theme);
  border-radius: 0.3rem;
  margin-left: -1rem;
}
.has-separator:after {
  margin-left: 2rem;
  width: 1.4rem;
}
.has-separator.align-start {
  margin-left: unset;
  margin-right: unset;
}
.has-separator.align-start:before, .has-separator.align-start:after {
  left: 0;
  transform: none;
}
.has-separator.align-start:before {
  margin-left: 0;
}
.has-separator.align-start:after {
  margin-left: 4rem;
}
:where(.bg-media-wrapper, .bg-els-holder) :where(.section__inner, .section__head, .section__body, .section__actions, .maps) {
  position: relative;
  z-index: 5;
}
:where(section, div) :where(.section__head > h1, .section__head > .h1, .section__head > h2, .section__head > .h2, .section__head > h3, .section__head > .h3, .section__entry > h1, .section__entry > .h1, .section__entry > h2, .section__entry > .h2, .section__entry > h3, .section__entry > .h3) {
  color: var(--c-theme2);
}
.bg-media-wrapper {
  position: relative;
  isolation: isolate;
}
.bg-media-wrapper .bg-media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  mix-blend-mode: multiply;
}
.bg-media-wrapper .bg-media img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.bg-purple {
  background-color: var(--c-theme);
  color: var(--c-white);
}
.bg-purple :is(.section__head > h1, .section__head > .h1, .section__head > h2, .section__head > .h2, .section__head > h3, .section__head > .h3, .section__entry > h1, .section__entry > .h1, .section__entry > h2, .section__entry > .h2, .section__entry > h3, .section__entry > .h3) {
  color: var(--c-white);
}
.bg-purple :is(h1, .h1, h2, .h2, h3, .h3) {
  color: var(--c-white);
}
.bg-purple .has-separator:before, .bg-purple .has-separator:after {
  background-color: var(--c-white);
}
.bg-purple .link {
  color: var(--c-white, #fff);
}
@media (hover: hover) {
  .bg-purple .link:hover {
    color: var(--c-base, #fff);
  }
}
.bg-purple .btn {
  background-color: var(--c-white);
  border-color: var(--c-white);
  color: var(--c-theme);
}
@media (hover: hover) {
  .bg-purple .btn:first-child:hover, .bg-purple .btn:hover, .bg-purple .btn:first-child:active {
    color: var(--c-white);
    background-color: transparent;
    border-color: var(--c-white);
  }
}
.bg-purple .btn:active {
  color: var(--c-white);
  background-color: transparent;
  border-color: var(--c-white);
}
@media (hover: hover) {
  .bg-purple .list-ico-links a:hover {
    color: var(--c-base);
  }
}
.bg-purple .map-holder h4,
.bg-purple .map-holder h4 {
  color: var(--c-white);
}
.bg-purple .form .form__body-success:not(:last-child) h3 {
  color: var(--c-white);
}
.bg-gray,
.bg-grey {
  background-color: var(--c-gray3);
}
.section-bg-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section-bg-block.is-bottom {
  top: auto;
  bottom: 0;
}
.section-separator {
  flex: unset !important;
  height: var(--section-spacing);
}
/*  section size m  */
:is(div, section) .section-size-m {
  padding: var(--section-spacing) 0;
}
@media (min-width: 1399.02px) {
  :is(div, section) .section-size-m {
    padding: 8rem 0;
  }
}
/*  section size-s  */
:is(div, section) .section-size-s {
  padding: var(--section-spacing) 0;
}
@media (min-width: 0.02) {
  :is(div, section) .section-size-s {
    padding: 6rem 0;
  }
}
@media (min-width: 1023.02px) {
  :is(div, section) .section-size-s {
    padding: 4rem 0;
  }
}
.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
  margin-bottom: calc(var(--lh-base) / 2 * 1em);
  font-family: var(--ff-mont, serif);
  font-weight: 700;
  line-height: 1.22;
}
.h1,
h1 {
  font-size: 5.6rem;
  color: var(--c-theme2);
}
@media (max-width: 1699px) {
  .h1,
  h1 {
    font-size: 5.2rem;
  }
}
@media (max-width: 1599px) {
  .h1,
  h1 {
    font-size: 4.8rem;
  }
}
@media (max-width: 1399px) {
  .h1,
  h1 {
    font-size: 4.2rem;
  }
}
@media (max-width: 1199px) {
  .h1,
  h1 {
    font-size: 3.8rem;
  }
}
@media (max-width: 1023px) {
  .h1,
  h1 {
    font-size: 3.2rem;
  }
}
@media (max-width: 767px) {
  .h1,
  h1 {
    font-size: 2.8rem;
  }
}
@media (max-width: 375px) {
  .h1,
  h1 {
    font-size: 2.4rem;
  }
}
.h2,
h2 {
  font-size: 4.8rem;
  letter-spacing: -0.01em;
  color: var(--c-theme2);
}
@media (max-width: 1699px) {
  .h2,
  h2 {
    font-size: 4.4rem;
  }
}
@media (max-width: 1599px) {
  .h2,
  h2 {
    font-size: 4rem;
  }
}
@media (max-width: 1399px) {
  .h2,
  h2 {
    font-size: 3.6rem;
  }
}
@media (max-width: 1199px) {
  .h2,
  h2 {
    font-size: 3.2rem;
  }
}
@media (max-width: 1023px) {
  .h2,
  h2 {
    font-size: 2.8rem;
  }
}
@media (max-width: 767px) {
  .h2,
  h2 {
    font-size: 2.4rem;
  }
}
@media (max-width: 375px) {
  .h2,
  h2 {
    font-size: 2.2rem;
  }
}
.h3,
h3 {
  font-size: 3.2rem;
  color: var(--c-theme2);
}
@media (max-width: 1699px) {
  .h3,
  h3 {
    font-size: 3rem;
  }
}
@media (max-width: 1599px) {
  .h3,
  h3 {
    font-size: 2.8rem;
  }
}
@media (max-width: 1399px) {
  .h3,
  h3 {
    font-size: 2.4rem;
  }
}
@media (max-width: 1199px) {
  .h3,
  h3 {
    font-size: 2.2rem;
  }
}
@media (max-width: 1023px) {
  .h3,
  h3 {
    font-size: 2rem;
  }
}
@media (max-width: 375px) {
  .h3,
  h3 {
    font-size: 1.9rem;
  }
}
.h4,
h4 {
  font-size: 2.4rem;
  letter-spacing: -0.01em;
}
@media (max-width: 1699px) {
  .h4,
  h4 {
    font-size: 2.2rem;
  }
}
@media (max-width: 1599px) {
  .h4,
  h4 {
    font-size: 2rem;
  }
}
@media (max-width: 1399px) {
  .h4,
  h4 {
    font-size: 1.9rem;
  }
}
@media (max-width: 1199px) {
  .h4,
  h4 {
    font-size: 1.8rem;
  }
}
@media (max-width: 1023px) {
  .h4,
  h4 {
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  .h4,
  h4 {
    font-size: 1.8rem;
  }
}
@media (max-width: 375px) {
  .h4,
  h4 {
    font-size: 1.7rem;
  }
}
.h5,
h5 {
  font-size: var(--fz-base);
  line-height: var(--lh-base);
}
.h6,
h6 {
  font-size: 1.6rem;
}
@media (max-width: 1199px) {
  .h6,
  h6 {
    font-size: 1.5rem;
  }
}
@media (max-width: 1023px) {
  .h6,
  h6 {
    font-size: 1.4rem;
  }
}
p,
ul,
ol,
dl,
hr,
table,
blockquote {
  margin-bottom: calc(var(--lh-base) * 1em);
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child {
  margin-bottom: 0;
}
/* ------------------------------------------------------------ *\
  Helpers
\* ------------------------------------------------------------ */
/*  Clear  */
.clear-float:after {
  content: "";
  line-height: 0;
  display: table;
  clear: both;
}
/* sr-only */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
/*  Hidden  */
[hidden],
.hidden {
  display: none;
}
/*  Responsive Helpers  */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-xs-inline-flex,
.visible-xs-flex,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-s-inline-block,
.visible-s-block,
.visible-s-inline-flex {
  display: none !important;
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
  .visible-xs-block {
    display: block !important;
  }
  .visible-xs-inline {
    display: inline !important;
  }
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 1023px) {
  .hidden-s {
    display: none !important;
  }
  .visible-s-block {
    display: block !important;
  }
  .visible-s-flex {
    display: flex !important;
  }
  .visible-s-inline {
    display: inline !important;
  }
  .visible-s-inline-block {
    display: inline-block !important;
  }
  .visible-s-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 767.02px) and (max-width: 1023px) {
  .hidden-sm {
    display: none !important;
  }
  .visible-sm-block {
    display: block !important;
  }
  .visible-sm-inline {
    display: inline !important;
  }
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1023.02px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
  .visible-md-block {
    display: block !important;
  }
  .visible-md-inline {
    display: inline !important;
  }
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1199.02px) {
  .hidden-lg {
    display: none !important;
  }
  .visible-lg-block {
    display: block !important;
  }
  .visible-lg-inline {
    display: inline !important;
  }
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal !important;
}
/* ------------------------------------------------------------ *\
    Accordion
\* ------------------------------------------------------------ */
.accordion:not(:last-child) {
  margin-bottom: 3rem;
}
.accordion .accordion__section {
  border-bottom: 2px solid currentColor;
}
.accordion .accordion__section:first-child {
  border-top: 2px solid currentColor;
}
@media (max-width: 767px) {
  .accordion .accordion__col + .accordion__col .accordion__section:first-child {
    border-top: none;
  }
}
.accordion .accordion__cols {
  display: flex;
  flex-wrap: wrap;
  margin: -2rem;
}
@media (max-width: 1599px) {
  .accordion .accordion__cols {
    margin: -1.5rem;
  }
}
@media (max-width: 1023px) {
  .accordion .accordion__cols {
    margin: calc(var(--gap) / 2 * -1);
  }
}
@media (max-width: 767px) {
  .accordion .accordion__cols {
    display: contents;
  }
}
.accordion .accordion__col {
  flex: 1;
  padding: 2rem;
}
@media (max-width: 1599px) {
  .accordion .accordion__col {
    padding: 1.5rem;
  }
}
@media (max-width: 1023px) {
  .accordion .accordion__col {
    padding: calc(var(--gap) / 2);
  }
}
@media (max-width: 767px) {
  .accordion .accordion__col {
    display: contents;
  }
}
.accordion .accordion__head {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.6rem 6.6rem 1.6rem 1.6rem;
  cursor: pointer;
}
@media (max-width: 1399px) {
  .accordion .accordion__head {
    padding: 1.4rem 6rem 1.4rem 1.2rem;
  }
}
.accordion .accordion__head:before, .accordion .accordion__head:after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
  background-color: currentColor;
  border-radius: var(--border-radius);
  transition: transform var(--t-dur), opacity var(--t-dur);
}
@media (max-width: 1399px) {
  .accordion .accordion__head:before, .accordion .accordion__head:after {
    right: 1.2rem;
  }
}
.accordion .accordion__head:before {
  width: 1.6rem;
  height: 0.3rem;
}
.accordion .accordion__head:after {
  right: 2.2rem;
  width: 0.3rem;
  height: 1.6rem;
}
@media (max-width: 1399px) {
  .accordion .accordion__head:after {
    right: 1.8rem;
  }
}
.accordion .accordion__body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--t-dur), padding var(--t-dur);
  padding: 0;
}
.accordion .accordion__body-inner {
  overflow: hidden;
  padding: 0 6rem 0 1.4rem;
  transition: padding var(--t-dur);
}
.accordion .accordion__section.is-open .accordion__head:before {
  opacity: 0;
}
.accordion .accordion__section.is-open .accordion__head:after {
  transform: translateY(-50%) rotate(90deg);
}
.accordion .accordion__section.is-open .accordion__body {
  grid-template-rows: 1fr;
  padding: 0.2rem;
}
.accordion .accordion__section.is-open .accordion__body-inner {
  padding: 0 6rem 2rem 1.4rem;
}
.accordion .accordion__section.is-open .accordion__body-inner ul {
  list-style-position: inside;
}
.accordion .accordion__section.is-open .accordion__body-inner ol {
  list-style-position: inside;
}
/* ------------------------------------------------------------ *\
    Animations
\* ------------------------------------------------------------ */
/*  bubbles  */
@keyframes bubleRotateScale {
  0% {
    transform: none;
  }
  20% {
    transform: rotate(-10deg) scale(0.9);
  }
  50% {
    transform: rotate(10deg) scale(0.9);
  }
  80% {
    transform: rotate(0) scale(1.03);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes bubleRotateScaleCenterY {
  0% {
    transform: translateY(-50%);
  }
  20% {
    transform: rotate(-10deg) scale(0.9) translateY(-50%);
  }
  50% {
    transform: rotate(10deg) scale(0.9) translateY(-50%);
  }
  80% {
    transform: rotate(0) scale(1.03) translateY(-50%);
  }
  100% {
    transform: scale(1) translateY(-50%);
  }
}
/*  lines  */
@keyframes moveTopLeft {
  0% {
    transform: translate(0%, 0%);
  }
  40% {
    transform: translate(-5%, -5%);
  }
  60% {
    transform: translate(-5%, -5%);
  }
  100% {
    transform: translate(0%, 0%);
  }
}
@keyframes moveTopRight {
  0% {
    transform: translate(0%, 0%);
  }
  40% {
    transform: translate(5%, -5%);
  }
  60% {
    transform: translate(5%, -5%);
  }
  100% {
    transform: translate(0%, 0%);
  }
}
/*  boxes  */
@keyframes moveBotRight {
  0% {
    transform: none;
  }
  50% {
    transform: translate(5%, 5%);
  }
  100% {
    transform: none;
  }
}
/* ------------------------------------------------------------ *\
    Article-prime
\* ------------------------------------------------------------ */
.article-prime .article__media {
  border-radius: var(--border-radius);
}
.article-prime .article__media:not(:last-child) {
  margin-bottom: 3.2rem;
}
@media (max-width: 1399px) {
  .article-prime .article__media:not(:last-child) {
    margin-bottom: 2.4rem;
  }
}
.article-prime .article__media picture,
.article-prime .article__media img {
  border-radius: var(--border-radius);
}
.article-prime > :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  color: var(--c-theme);
  margin-bottom: 0.8rem;
}
.article-prime > p:not(:last-child) {
  margin-bottom: 3.2rem;
}
@media (max-width: 1399px) {
  .article-prime > p:not(:last-child) {
    margin-bottom: 2.4rem;
  }
}
@media (max-width: 1023px) {
  .article-prime > p:not(:last-child) {
    margin-bottom: 2.1rem;
  }
}
.article-prime > p small {
  font-size: 1.6rem;
}
.article-prime > p + p {
  margin-top: -3.2rem;
}
@media (max-width: 1399px) {
  .article-prime > p + p {
    margin-top: -2.4rem;
  }
}
@media (max-width: 1023px) {
  .article-prime > p + p {
    margin-top: -2.1rem;
  }
}
/* ------------------------------------------------------------ *\
    Article secondary
\* ------------------------------------------------------------ */

.article-secondary ul,
.article-secondary ol {
  padding-left: 2rem;
}
.article-secondary :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  color: var(--c-theme);
}

/* ------------------------------------------------------------ *\
    Bg-els holder
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
    bg-els-holder
\* ------------------------------------------------------------ */
.bg-els-holder {
  position: relative;
  overflow: hidden;
  /*  section sides cards  */
  /*  section slider tiles  */
  /*  FAQ  */
  /*  about us  */
}
.bg-els-holder .bg-el {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}
.bg-els-holder .bg-el img {
  width: 100%;
  pointer-events: none;
}
.bg-els-holder .bg-el.no-anim {
  animation-name: none;
}
.bg-els-holder .bg-el-bubble {
  animation: bubleRotateScale 6s forwards infinite;
}
.bg-els-holder .bg-el-box {
  /*  top right  */
  /*  TOP RIGHT TYPE 2  */
  /*  TOP LEFT  */
  /*  top right upper  */
  /*  top right 3  */
  /*  bottom left 2  */
  /*  TOP LEFT 2 */
}
.bg-els-holder .bg-el-box.top-right {
  top: 0;
  right: 0;
}
.bg-els-holder .bg-el-box.top-right.bg-el-box--type1 {
  transform: translateY(8%);
  right: 23.8%;
  width: 9%;
  animation: boxEl1TR 6s forwards infinite;
}
@keyframes boxEl1TR {
  0% {
    transform: translate(0%, 8%);
  }
  40% {
    transform: translate(-5%, 3%);
  }
  60% {
    transform: translate(-5%, 3%);
  }
  100% {
    transform: translate(0%, 8%);
  }
}
.bg-els-holder .bg-el-box.top-right.bg-el-box--type2 {
  transform: translateY(-69%);
  right: 19.6%;
  width: 9%;
  animation: boxEl2TR 6s forwards infinite;
}
@keyframes boxEl2TR {
  0% {
    transform: translate(0%, -69%);
  }
  40% {
    transform: translate(-5%, -62%);
  }
  60% {
    transform: translate(-5%, -62%);
  }
  100% {
    transform: translate(0%, -69%);
  }
}
.bg-els-holder .bg-el-box.top-right.bg-el-box--type3 {
  transform: translateY(-89%);
  right: 4.7%;
  width: 18%;
  animation: boxEl3TR 5s forwards infinite;
}
@keyframes boxEl3TR {
  0% {
    transform: translate(0%, -89%);
  }
  40% {
    transform: translate(0, -84%);
  }
  60% {
    transform: translate(0, -84%);
  }
  100% {
    transform: translate(0%, -89%);
  }
}
.bg-els-holder .bg-el-box.top-right.bg-el-box--type4 {
  transform: translateY(-28%);
  right: -1.9%;
  width: 13%;
  animation: boxEl4TR 10s forwards infinite;
}
@keyframes boxEl4TR {
  0% {
    transform: translate(0%, -28%);
  }
  40% {
    transform: translate(10%, -33%);
  }
  60% {
    transform: translate(10%, -33%);
  }
  100% {
    transform: translate(0%, -28%);
  }
}
.bg-els-holder .bg-el-box.top-right.bg-el-box--type5 {
  transform: translateY(18%);
  right: -11.7%;
  width: 16%;
  animation: boxEl5TR 6s forwards infinite;
}
@keyframes boxEl5TR {
  0% {
    transform: translate(0%, 18%);
  }
  40% {
    transform: translate(10%, 18%);
  }
  60% {
    transform: translate(10%, 18%);
  }
  100% {
    transform: translate(0%, 18%);
  }
}
.bg-els-holder .bg-el-box.top-right.bg-el-box--type6 {
  transform: translateY(107%);
  right: -8.3%;
  width: 17%;
  animation: boxEl6TR 7s forwards infinite;
}
@keyframes boxEl6TR {
  0% {
    transform: translate(0%, 107%);
  }
  40% {
    transform: translate(10%, 107%) rotate(-10deg);
  }
  60% {
    transform: translate(10%, 107%) rotate(-10deg);
  }
  100% {
    transform: translate(0%, 107%);
  }
}
.bg-els-holder .bg-el-box.top-right.bg-el-box--type7 {
  transform: translateY(118%);
  right: 5%;
  width: 12%;
  animation: boxEl7TR 7s forwards infinite;
}
@keyframes boxEl7TR {
  0% {
    transform: translate(0%, 118%) rotate(180deg);
  }
  40% {
    transform: translate(20%, 90%) rotate(180deg);
  }
  50% {
    transform: translate(20%, 90%) rotate(0deg);
  }
  60% {
    transform: translate(20%, 101%) rotate(0deg);
  }
  100% {
    transform: translate(0%, 118%) rotate(0deg);
  }
}
.bg-els-holder .bg-el-box.top-right.bg-el-box--type8 {
  transform: translateY(3%);
  right: 8.4%;
  width: 17%;
  animation: boxEl8TR 8s forwards infinite;
}
@keyframes boxEl8TR {
  0% {
    transform: translate(0%, 3%) rotate(180deg);
  }
  40% {
    transform: translate(0%, 3%) rotate(180deg) scale(0.7);
  }
  50% {
    transform: translate(0%, 3%) rotate(0deg);
  }
  60% {
    transform: translate(0%, 3%) rotate(0deg);
  }
  100% {
    transform: translate(0%, 3%) rotate(0deg);
  }
}
.bg-els-holder .bg-el-box.top-right2 {
  top: 0;
  right: 0;
}
.bg-els-holder .bg-el-box.top-right2.bg-el-box--type1 {
  transform: translateY(-13%);
  right: 11.6%;
  width: 11.9%;
  animation: boxEl1TR2 6s forwards infinite;
}
@keyframes boxEl1TR2 {
  0% {
    transform: translate(0%, -13%);
  }
  40% {
    transform: translate(-7%, -18%);
  }
  60% {
    transform: translate(-7%, -18%);
  }
  100% {
    transform: translate(0%, -13%);
  }
}
.bg-els-holder .bg-el-box.top-right2.bg-el-box--type2 {
  transform: translateY(-56%);
  right: 5.1%;
  width: 8%;
  animation: boxEl2TR2 6s forwards infinite;
}
@keyframes boxEl2TR2 {
  0% {
    transform: translate(0%, -56%);
  }
  40% {
    transform: translate(0%, -62%);
  }
  60% {
    transform: translate(0%, -62%);
  }
  100% {
    transform: translate(0%, -56%);
  }
}
.bg-els-holder .bg-el-box.top-right2.bg-el-box--type3 {
  transform: translateY(77%);
  right: 7.8%;
  width: 10.6%;
  animation: boxEl3TR2 5s forwards infinite;
}
@keyframes boxEl3TR2 {
  0% {
    transform: translate(0%, 77%);
  }
  40% {
    transform: translate(-5%, 82%) rotate(-10deg);
  }
  60% {
    transform: translate(-5%, 82%) rotate(-10deg);
  }
  90% {
    transform: translate(-5%, 82%) rotate(90deg);
  }
  100% {
    transform: translate(0%, 77%) rotate(90deg);
  }
}
.bg-els-holder .bg-el-box.top-right2.bg-el-box--type4 {
  transform: translateY(3%);
  right: -6.1%;
  width: 18%;
  animation: boxEl4TR2 10s forwards infinite;
}
@keyframes boxEl4TR2 {
  0% {
    transform: translate(0%, 3%);
  }
  40% {
    transform: translate(15%, 3%);
  }
  60% {
    transform: translate(15%, 3%);
  }
  100% {
    transform: translate(0%, 3%);
  }
}
.bg-els-holder .bg-el-box.top-right2.bg-el-box--type5 {
  transform: translateY(97%);
  right: -2.7%;
  width: 17%;
  animation: boxEl5TR2 6s forwards infinite;
}
@keyframes boxEl5TR2 {
  0% {
    transform: translate(0%, 97%) rotate(180deg);
  }
  40% {
    transform: translate(-7%, 100%) rotate(180deg);
  }
  50% {
    transform: translate(-7%, 100%) rotate(0deg) scale(0.9);
  }
  60% {
    transform: translate(-7%, 102%) rotate(0deg);
  }
  100% {
    transform: translate(0%, 97%) rotate(0deg);
  }
}
.bg-els-holder .bg-el-box.top-right2.bg-el-box--type6 {
  transform: translateY(171%);
  right: -10.3%;
  width: 17%;
  animation: boxEl6TR2 5s forwards infinite;
}
@keyframes boxEl6TR2 {
  0% {
    transform: translate(0%, 171%);
  }
  40% {
    transform: translate(15%, 167%);
  }
  60% {
    transform: translate(15%, 167%);
  }
  100% {
    transform: translate(0%, 171%);
  }
}
.bg-els-holder .bg-el-box.top-left {
  top: 0;
  left: 0;
}
.bg-els-holder .bg-el-box.top-left.bg-el-box--type1 {
  transform: translateY(-36%);
  left: -5.1%;
  width: 20%;
  animation: boxEl1TL 6s forwards infinite;
}
@keyframes boxEl1TL {
  0% {
    transform: translate(0%, -36%) rotate(90deg);
  }
  40% {
    transform: translate(-15%, -45%) rotate(180deg);
  }
  60% {
    transform: translate(-15%, -45%) rotate(270deg);
  }
  100% {
    transform: translate(0%, -36%) rotate(270deg);
  }
}
.bg-els-holder .bg-el-box.top-left.bg-el-box--type2 {
  transform: translateY(15%);
  left: 10.1%;
  width: 14%;
  animation: boxEl2TL 6s forwards infinite;
}
@keyframes boxEl2TL {
  0% {
    transform: translate(0%, 15%);
  }
  40% {
    transform: translate(10%, 20%) scale(1.15);
  }
  60% {
    transform: translate(10%, 20%) scale(1.15);
  }
  100% {
    transform: translate(0%, 15%);
  }
}
.bg-els-holder .bg-el-box.top-left.bg-el-box--type3 {
  transform: translateY(-64%);
  left: 17.6%;
  width: 9.6%;
  animation: boxEl3TL 5s forwards infinite;
}
@keyframes boxEl3TL {
  0% {
    transform: translate(0%, -64%);
  }
  40% {
    transform: translate(0%, -58%);
  }
  60% {
    transform: translate(0%, -58%);
  }
  100% {
    transform: translate(0%, -64%);
  }
}
.bg-els-holder .bg-el-box.top-left.bg-el-box--type4 {
  transform: translateY(56%);
  left: -10.4%;
  width: 21%;
  animation: boxEl4TL 10s forwards infinite;
}
@keyframes boxEl4TL {
  0% {
    transform: translate(0%, 56%);
  }
  40% {
    transform: translate(-15%, 56%);
  }
  60% {
    transform: translate(-15%, 56%);
  }
  100% {
    transform: translate(0%, 56%);
  }
}
.bg-els-holder .bg-el-box.top-left.bg-el-box--type5 {
  transform: translateY(128%);
  left: 6.9%;
  width: 16%;
  animation: boxEl5TL 6s forwards infinite;
}
@keyframes boxEl5TL {
  0% {
    transform: translate(0%, 128%) rotate(180deg);
  }
  40% {
    transform: translate(7%, 128%) rotate(180deg);
  }
  50% {
    transform: translate(7%, 128%) rotate(0deg) scale(0.9);
  }
  60% {
    transform: translate(7%, 128%) rotate(0deg);
  }
  100% {
    transform: translate(0%, 128%) rotate(0deg);
  }
}
.bg-els-holder .bg-el-box.top-right-upper {
  top: 0;
  right: 0;
}
.bg-els-holder .bg-el-box.top-right-upper.bg-el-box--type2 {
  transform: translateY(-95%);
  right: 20.6%;
  width: 9%;
  animation: boxEl2TRU 6s forwards infinite;
}
@keyframes boxEl2TRU {
  0% {
    transform: translate(0%, -95%);
  }
  40% {
    transform: translate(-5%, -88%);
  }
  60% {
    transform: translate(-5%, -88%);
  }
  100% {
    transform: translate(0%, -95%);
  }
}
.bg-els-holder .bg-el-box.top-right-upper.bg-el-box--type3 {
  transform: translateY(-99%);
  right: -7.4%;
  width: 18%;
  animation: boxEl3TRU 5s forwards infinite;
}
@keyframes boxEl3TRU {
  0% {
    transform: translate(0%, -99%);
  }
  40% {
    transform: translate(0, -94%);
  }
  60% {
    transform: translate(0, -94%);
  }
  100% {
    transform: translate(0%, -99%);
  }
}
.bg-els-holder .bg-el-box.top-right-upper.bg-el-box--type5 {
  transform: translateY(-39%);
  right: -14.8%;
  width: 16%;
  animation: boxEl5TRU 6s forwards infinite;
}
@keyframes boxEl5TRU {
  0% {
    transform: translate(0%, -39%);
  }
  40% {
    transform: translate(-4%, -39%);
  }
  60% {
    transform: translate(-4%, -39%);
  }
  100% {
    transform: translate(0%, -39%);
  }
}
.bg-els-holder .bg-el-box.top-right-upper.bg-el-box--type6 {
  transform: translateY(53%);
  right: -11.3%;
  width: 17%;
  animation: boxEl6TRU 7s forwards infinite;
}
@keyframes boxEl6TRU {
  0% {
    transform: translate(0%, 53%);
  }
  40% {
    transform: translate(10%, 53%) rotate(-10deg);
  }
  60% {
    transform: translate(10%, 53%) rotate(-10deg);
  }
  100% {
    transform: translate(0%, 53%);
  }
}
.bg-els-holder .bg-el-box.top-right-upper.bg-el-box--type7 {
  transform: translateY(44%);
  right: 2%;
  width: 12%;
  animation: boxEl7TRU 7s forwards infinite;
}
@keyframes boxEl7TRU {
  0% {
    transform: translate(0%, 44%) rotate(180deg);
  }
  40% {
    transform: translate(20%, 22%) rotate(180deg);
  }
  50% {
    transform: translate(20%, 22%) rotate(0deg);
  }
  60% {
    transform: translate(20%, 25%) rotate(0deg);
  }
  100% {
    transform: translate(0%, 44%) rotate(0deg);
  }
}
.bg-els-holder .bg-el-box.top-right-upper.bg-el-box--type8 {
  transform: translateY(-48%);
  right: 5.4%;
  width: 17%;
  animation: boxEl8TRU 8s forwards infinite;
}
@keyframes boxEl8TRU {
  0% {
    transform: translate(0%, -48%) rotate(180deg);
  }
  40% {
    transform: translate(0%, -48%) rotate(180deg) scale(0.7);
  }
  50% {
    transform: translate(0%, -48%) rotate(0deg);
  }
  60% {
    transform: translate(0%, -48%) rotate(0deg);
  }
  100% {
    transform: translate(0%, -48%) rotate(0deg);
  }
}
.bg-els-holder .bg-el-box.top-right3 {
  top: 0;
  right: 0;
}
.bg-els-holder .bg-el-box.top-right3.bg-el-box--type1 {
  transform: translateY(-67%);
  right: 14.8%;
  width: 9%;
  animation: boxEl1TR3 6s forwards infinite;
}
@keyframes boxEl1TR3 {
  0% {
    transform: translate(0%, -67%);
  }
  40% {
    transform: translate(-5%, -62%);
  }
  60% {
    transform: translate(-5%, -62%);
  }
  100% {
    transform: translate(0%, -67%);
  }
}
.bg-els-holder .bg-el-box.top-right3.bg-el-box--type2 {
  transform: translateY(-30%);
  right: 3%;
  width: 14%;
  animation: boxEl2TR3 6s forwards infinite;
}
@keyframes boxEl2TR3 {
  0% {
    transform: translate(0%, -30%) rotate(180deg);
  }
  40% {
    transform: translate(0%, -30%) rotate(180deg) scale(0.7);
  }
  50% {
    transform: translate(0%, -30%) rotate(0deg);
  }
  60% {
    transform: translate(0%, -30%) rotate(0deg);
  }
  100% {
    transform: translate(0%, -30%) rotate(0deg);
  }
}
.bg-els-holder .bg-el-box.top-right3.bg-el-box--type3 {
  transform: translateY(-85%);
  right: -8.8%;
  width: 18%;
  animation: boxEl3TR3 5s forwards infinite;
}
@keyframes boxEl3TR3 {
  0% {
    transform: translate(0%, -85%);
  }
  40% {
    transform: translate(-5%, -81%);
  }
  60% {
    transform: translate(-5%, -81%);
  }
  100% {
    transform: translate(0%, -85%);
  }
}
.bg-els-holder .bg-el-box.top-right3.bg-el-box--type4 {
  transform: translateY(69%);
  right: 0.2%;
  width: 10%;
  animation: boxEl4TR3 5s forwards infinite;
}
@keyframes boxEl4TR3 {
  0% {
    transform: translate(0%, 69%) rotate(180deg);
  }
  40% {
    transform: translate(-5%, 72%) rotate(180deg);
  }
  50% {
    transform: translate(-5%, 72%) rotate(0deg);
  }
  60% {
    transform: translate(-5%, 74%) rotate(0deg);
  }
  100% {
    transform: translate(0%, 69%) rotate(0deg);
  }
}
.bg-els-holder .bg-el-box.top-right3.bg-el-box--type5 {
  transform: translateY(134%);
  right: -6.2%;
  width: 9%;
  animation: boxEl5TR3 6s forwards infinite;
}
@keyframes boxEl5TR3 {
  0% {
    transform: translate(0%, 134%);
  }
  40% {
    transform: translate(4%, 134%) rotate(-10deg);
  }
  60% {
    transform: translate(4%, 134%) rotate(-10deg);
  }
  100% {
    transform: translate(0%, 134%);
  }
}
.bg-els-holder .bg-el-box.bottom-left2 {
  bottom: 0;
  left: 0;
}
.bg-els-holder .bg-el-box.bottom-left2.bg-el-box--type1 {
  transform: translateY(67%);
  left: 14.8%;
  width: 9%;
  animation: boxEl1Tl2 6s forwards infinite;
}
@keyframes boxEl1Tl2 {
  0% {
    transform: translate(0%, 67%);
  }
  40% {
    transform: translate(5%, 62%);
  }
  60% {
    transform: translate(5%, 62%);
  }
  100% {
    transform: translate(0%, 67%);
  }
}
.bg-els-holder .bg-el-box.bottom-left2.bg-el-box--type2 {
  transform: translateY(30%);
  left: 3%;
  width: 14%;
  animation: boxEl2TL2 5s forwards infinite;
}
@keyframes boxEl2TL2 {
  0% {
    transform: translate(0%, 30%) rotate(180deg);
  }
  40% {
    transform: translate(0%, 30%) rotate(180deg) scale(0.7);
  }
  50% {
    transform: translate(0%, 30%) rotate(0deg);
  }
  60% {
    transform: translate(0%, 30%) rotate(0deg);
  }
  100% {
    transform: translate(0%, 30%) rotate(0deg);
  }
}
.bg-els-holder .bg-el-box.bottom-left2.bg-el-box--type3 {
  transform: translateY(85%);
  left: -8.8%;
  width: 18%;
  animation: boxEl3TL2 6s forwards infinite;
}
@keyframes boxEl3TL2 {
  0% {
    transform: translate(0%, 85%);
  }
  40% {
    transform: translate(5%, 81%);
  }
  60% {
    transform: translate(5%, 81%);
  }
  100% {
    transform: translate(0%, 85%);
  }
}
.bg-els-holder .bg-el-box.bottom-left2.bg-el-box--type4 {
  transform: translateY(-69%);
  left: 0.2%;
  width: 10%;
  animation: boxEl4TL2 7s forwards infinite;
}
@keyframes boxEl4TL2 {
  0% {
    transform: translate(0%, -69%) rotate(180deg);
  }
  40% {
    transform: translate(5%, -72%) rotate(180deg);
  }
  50% {
    transform: translate(5%, -72%) rotate(0deg);
  }
  60% {
    transform: translate(5%, -74%) rotate(0deg);
  }
  100% {
    transform: translate(0%, -69%) rotate(0deg);
  }
}
.bg-els-holder .bg-el-box.bottom-left2.bg-el-box--type5 {
  transform: translateY(-134%);
  left: -6.2%;
  width: 9%;
  animation: boxEl5TL2 6s forwards infinite;
}
@keyframes boxEl5TL2 {
  0% {
    transform: translate(0%, -134%);
  }
  40% {
    transform: translate(-4%, -134%) rotate(-10deg);
  }
  60% {
    transform: translate(-4%, -134%) rotate(-10deg);
  }
  100% {
    transform: translate(0%, -134%);
  }
}
.bg-els-holder .bg-el-box.top-left2 {
  top: 0;
  left: 0;
}
.bg-els-holder .bg-el-box.top-left2.bg-el-box--type1 {
  transform: translateY(8%);
  left: 23.8%;
  width: 9%;
  animation: boxEl1TL2 6s forwards infinite;
}
@keyframes boxEl1TL2 {
  0% {
    transform: translate(0%, 8%);
  }
  40% {
    transform: translate(5%, 3%);
  }
  60% {
    transform: translate(5%, 3%);
  }
  100% {
    transform: translate(0%, 8%);
  }
}
.bg-els-holder .bg-el-box.top-left2.bg-el-box--type2 {
  transform: translateY(-69%);
  left: 19.6%;
  width: 9%;
  animation: boxEl2TL2 6s forwards infinite;
}
@keyframes boxEl2TL2 {
  0% {
    transform: translate(0%, -69%);
  }
  40% {
    transform: translate(5%, -62%);
  }
  60% {
    transform: translate(5%, -62%);
  }
  100% {
    transform: translate(0%, -69%);
  }
}
.bg-els-holder .bg-el-box.top-left2.bg-el-box--type3 {
  transform: translateY(-89%);
  left: 4.7%;
  width: 18%;
  animation: boxEl3TL2 5s forwards infinite;
}
@keyframes boxEl3TL2 {
  0% {
    transform: translate(0%, -89%);
  }
  40% {
    transform: translate(0, -84%);
  }
  60% {
    transform: translate(0, -84%);
  }
  100% {
    transform: translate(0%, -89%);
  }
}
.bg-els-holder .bg-el-box.top-left2.bg-el-box--type4 {
  transform: translateY(-28%);
  left: -1.9%;
  width: 13%;
  animation: boxEl4TL2 10s forwards infinite;
}
@keyframes boxEl4TL2 {
  0% {
    transform: translate(0%, -28%);
  }
  40% {
    transform: translate(-10%, -33%);
  }
  60% {
    transform: translate(-10%, -33%);
  }
  100% {
    transform: translate(0%, -28%);
  }
}
.bg-els-holder .bg-el-box.top-left2.bg-el-box--type5 {
  transform: translateY(18%);
  left: -11.7%;
  width: 16%;
  animation: boxEl5TL2 6s forwards infinite;
}
@keyframes boxEl5TL2 {
  0% {
    transform: translate(0%, 18%);
  }
  40% {
    transform: translate(-10%, 18%);
  }
  60% {
    transform: translate(-10%, 18%);
  }
  100% {
    transform: translate(0%, 18%);
  }
}
.bg-els-holder .bg-el-box.top-left2.bg-el-box--type6 {
  transform: translateY(107%);
  left: -8.3%;
  width: 17%;
  animation: boxEl6TL2 7s forwards infinite;
}
@keyframes boxEl6TL2 {
  0% {
    transform: translate(0%, 107%);
  }
  40% {
    transform: translate(-10%, 107%) rotate(-10deg);
  }
  60% {
    transform: translate(-10%, 107%) rotate(-10deg);
  }
  100% {
    transform: translate(0%, 107%);
  }
}
.bg-els-holder .bg-el-box.top-left2.bg-el-box--type7 {
  transform: translateY(118%);
  left: 5%;
  width: 12%;
  animation: boxEl7TL2 7s forwards infinite;
}
@keyframes boxEl7TL2 {
  0% {
    transform: translate(0%, 118%) rotate(180deg);
  }
  40% {
    transform: translate(-20%, 90%) rotate(180deg);
  }
  50% {
    transform: translate(-20%, 90%) rotate(0deg);
  }
  60% {
    transform: translate(-20%, 101%) rotate(0deg);
  }
  100% {
    transform: translate(0%, 118%) rotate(0deg);
  }
}
.bg-els-holder .bg-el-box.top-left2.bg-el-box--type8 {
  transform: translateY(3%);
  left: 8.4%;
  width: 17%;
  animation: boxEl8TL2 8s forwards infinite;
}
@keyframes boxEl8TL2 {
  0% {
    transform: translate(0%, 3%) rotate(180deg);
  }
  40% {
    transform: translate(0%, 3%) rotate(180deg) scale(0.7);
  }
  50% {
    transform: translate(0%, 3%) rotate(0deg);
  }
  60% {
    transform: translate(0%, 3%) rotate(0deg);
  }
  100% {
    transform: translate(0%, 3%) rotate(0deg);
  }
}
.bg-els-holder .bg-el-bubble-right {
  animation: bubleRotateScaleCenterY 6s forwards infinite;
  top: 50%;
  right: 3%;
  max-width: 38%;
}
.bg-els-holder .bg-el-bubble-left {
  animation: bubleRotateScaleCenterY 6s forwards infinite;
  top: 50%;
  left: 3%;
  max-width: 38%;
}
.bg-els-holder .bg-el-top-left {
  animation: moveTopLeft 7s forwards infinite;
  top: 0;
  left: 0;
  max-width: 18%;
}
.bg-els-holder .bg-el-top-right {
  animation: moveTopRight 8s forwards infinite;
  top: 0;
  right: 0;
  max-width: 24%;
}
.bg-els-holder .bg-el-bubble-top-right {
  animation: bubleRotateScale 6s forwards infinite;
  top: 3%;
  right: 3%;
  max-width: 38%;
}
.bg-els-holder .bg-el-bubble-top-left {
  animation: bubleRotateScale 6s forwards infinite;
  top: 3%;
  left: 3%;
  max-width: 38%;
}
.bg-els-holder .bg-el-bubble-top-left-upper {
  animation: bubleRotateScaleUp 6s forwards infinite;
  top: 0;
  transform: translateY(-30%);
  left: -13%;
  max-width: 38%;
}
@keyframes bubleRotateScaleUp {
  0% {
    transform: translateY(-30%);
  }
  20% {
    transform: translateY(-30%) rotate(-10deg) scale(0.9);
  }
  50% {
    transform: translateY(-30%) rotate(10deg) scale(0.9);
  }
  80% {
    transform: translateY(-30%) rotate(0) scale(1.03);
  }
  100% {
    transform: translateY(-30%) scale(1);
  }
}
.bg-els-holder .bg-el-bubble-bottom-right-under {
  animation: bubleRotateScaleDown 7s forwards infinite;
  bottom: 0;
  transform: translateY(30%);
  right: -13%;
  max-width: 38%;
}
@keyframes bubleRotateScaleDown {
  0% {
    transform: translateY(30%);
  }
  20% {
    transform: translateY(30%) rotate(-10deg) scale(0.9);
  }
  50% {
    transform: translateY(30%) rotate(10deg) scale(0.9);
  }
  80% {
    transform: translateY(30%) rotate(0) scale(1.03);
  }
  100% {
    transform: translateY(30%) scale(1);
  }
}
/* ------------------------------------------------------------ *\
    Box-entry
\* ------------------------------------------------------------ */
.box-entry {
  border: 2px solid var(--c-gray7);
  border-radius: var(--border-radius);
  padding: 3rem 3.2rem 4rem;
}
@media (max-width: 1599px) {
  .box-entry {
    padding: var(--gap);
  }
}
@media (max-width: 1199px) {
  .box-entry {
    padding: var(--inner-gap);
  }
}
@media (max-width: 1023px) {
  .box-entry {
    padding: var(--gap);
  }
}
.box-entry:not(:last-child) {
  margin-bottom: 2.4rem;
}
.box-entry .box__head {
  padding: 0 0 2.3rem;
  border-bottom: 1px solid var(--c-gray7);
}
@media (max-width: 1023px) {
  .box-entry .box__head {
    padding-bottom: 1.6rem;
  }
}
.box-entry .box__head h4 {
  color: var(--c-theme);
}
.box-entry .box__body {
  padding: 2.4rem 0 0;
}
@media (max-width: 1023px) {
  .box-entry .box__body {
    padding-top: 1.6rem;
  }
}
@media (max-width: 767px) {
  .box-entry .box__body > p:not(:last-child) {
    margin-bottom: 1.4rem;
  }
}
.box-entry .box__body .list-ico-text {
  margin: -0.3rem -1.3rem;
}
.box-entry .box__body .list-ico-text li {
  padding: 0.3rem 1.3rem;
}
.box-entry .box__body .list-ico-text:not(:last-child) {
  margin-bottom: 2.3rem;
}
@media (max-width: 1023px) {
  .box-entry .box__body .list-ico-text:not(:last-child) {
    margin-bottom: 1.4rem;
  }
}
/* ------------------------------------------------------------ *\
    Box-profile
\* ------------------------------------------------------------ */
.box-profile {
  border: 2px solid var(--c-gray7);
  border-radius: var(--border-radius);
  padding: 1.4rem var(--gap) 1.1rem;
  border-top-left-radius: 0;
}
@media (max-width: 1599px) {
  .box-profile {
    padding: 1.4rem var(--inner-gap) 1rem;
  }
}
@media (max-width: 1199px) {
  .box-profile {
    padding: 1.4rem 1rem 1rem;
  }
}
@media (max-width: 1023px) {
  .box-profile {
    padding: 1.4rem 1.2rem 1.4rem;
  }
}
.box-profile:not(:last-child) {
  margin-bottom: 2.4rem;
}
.box-profile .box__inner {
  display: flex;
  position: relative;
  z-index: 5;
}
.box-profile .box__media {
  position: relative;
  flex: 0 0 17.3rem;
  padding-right: 2.9rem;
}
@media (max-width: 1599px) {
  .box-profile .box__media {
    flex: 0 0 16rem;
    padding-right: var(--gap);
  }
}
@media (max-width: 1399px) {
  .box-profile .box__media {
    flex: 0 0 14rem;
    padding-right: 1.4rem;
  }
}
@media (max-width: 1199px) {
  .box-profile .box__media {
    flex: 0 0 10rem;
  }
}
@media (max-width: 1023px) {
  .box-profile .box__media {
    flex: 0 0 31%;
    max-width: 31%;
    padding-right: 0.8rem;
  }
}
@media (max-width: 767px) {
  .box-profile .box__media {
    flex: 0 0 37%;
    max-width: 37%;
    margin: 0;
    padding-right: 2rem;
  }
}
@media (max-width: 575px) {
  .box-profile .box__media {
    flex: 0 0 30%;
    max-width: 30%;
    padding-right: 1.4rem;
  }
}
@media (max-width: 375px) {
  .box-profile .box__media {
    flex: 0 0 34%;
    max-width: 34%;
  }
}
.box-profile .box__media svg {
  width: 35rem;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.box-profile .box__media svg .path-img {
  z-index: 2;
}
.box-profile .box__media image {
  border-image-slice: 0;
}
.box-profile .box__content {
  align-self: center;
  flex: 1;
}
.box-profile .box__content h4 {
  color: var(--c-theme);
}
@media (max-width: 767px) {
  .box-profile .box__content h4 {
    margin-bottom: 0.8rem;
  }
}
@media (max-width: 1023px) {
  .box-profile .list-ico-links {
    font-size: 1.5rem;
  }
}
@media (max-width: 375px) {
  .box-profile .list-ico-links {
    font-size: 1.4rem;
  }
}
@media (max-width: 375px) {
  .box-profile .list-ico-links a i {
    margin-top: 0.2rem;
  }
}
/* ------------------------------------------------------------ *\
    Box
\* ------------------------------------------------------------ */
.box {
  border-radius: var(--border-radius);
  background-color: var(--c-theme);
  background-color: var(--bg-color);
  color: var(--c-white);
  text-align: center;
  padding: 4rem var(--gap) 4.2rem;
}
@media (max-width: 1399px) {
  .box {
    padding: var(--gap);
  }
}
.box:not(:last-child) {
  margin-bottom: 2.3rem;
}
.box .box__inner {
  max-width: 44.5rem;
  margin: 0 auto;
}
.box .box__inner h4 {
  margin-bottom: 2rem;
}
/* ------------------------------------------------------------ *\
    Breadcrumbs
\* ------------------------------------------------------------ */
.breadcrumbs {
  display: inline-flex;
  align-items: center;
}
.breadcrumbs ul {
  list-style: none;
  padding-left: 0;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  margin: -0.3rem -1.1rem;
}
.breadcrumbs ul li {
  position: relative;
  padding: 0.3rem 1.1rem;
}
.breadcrumbs ul li:not(:last-child):after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: -0.2rem;
  width: 0.5rem;
  height: 0.8rem;
  background-image: url("assets/images/arrow-right-small.svg");
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 0.1rem;
}
.breadcrumbs ul a {
  transition: opacity var(--t-dur);
  display: flex;
  text-decoration: none;
  align-items: center;
  margin-bottom: 0;
  line-height: 1;
}
@media (hover: hover) {
  .breadcrumbs ul a:hover {
    opacity: 0.7;
  }
}
.breadcrumbs ul a i {
  font-size: 1.3rem;
  margin-right: 0.5rem;
}
/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */
.btn {
  display: inline-flex;
  vertical-align: middle;
  text-align: center;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: var(--ff-mont);
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  border-radius: 3rem;
  color: var(--c-white);
  transition: background-color var(--t-dur), color var(--t-dur), border-color var(--t-dur);
  padding: 1.6rem 2.8rem;
  background-color: var(--c-theme2);
  border: 2px solid var(--c-theme2);
  position: relative;
  isolation: isolate;
  min-width: 17rem;
}
@media (max-width: 1599px) {
  .btn {
    padding: 1.4rem 2.3rem;
  }
}
@media (max-width: 1399px) {
  .btn {
    min-width: 13rem;
    padding: 1rem 1.5rem;
    font-size: 1.5rem;
  }
}
@media (max-width: 1199px) {
  .btn {
    font-size: 1.4rem;
  }
}
.btn :where(i, img, svg) {
  margin-left: 1rem;
}
@media (hover: hover) {
  .btn:first-child:hover, .btn:hover, .btn:first-child:active {
    color: var(--c-theme2);
    background-color: transparent;
    border-color: var(--c-theme2);
  }
}
.btn:active {
  color: var(--c-theme2);
  background-color: transparent;
  border-color: var(--c-theme2);
}
/*  btn white  */
.btn--white {
  background-color: var(--c-white);
  border-color: var(--c-white);
  color: var(--c-theme);
}
@media (hover: hover) {
  .btn--white:first-child:hover, .btn--white:hover, .btn--white:first-child:active {
    color: var(--c-white);
    background-color: transparent;
    border-color: var(--c-white);
  }
}
.btn--white:active {
  color: var(--c-white);
  background-color: transparent;
  border-color: var(--c-white);
}
/*  btn red  */
.btn--red {
  background-color: transparent;
  border-color: var(--c-red);
  color: var(--c-red);
}
@media (hover: hover) {
  .btn--red:first-child:hover, .btn--red:hover, .btn--red:first-child:active {
    color: var(--c-white);
    background-color: var(--c-red);
    border-color: var(--c-red);
  }
}
.btn--red:active {
  color: var(--c-white);
  background-color: var(--c-red);
  border-color: var(--c-red);
}
/*  btn big  */
.btn--big {
  padding: 1.7rem 3rem;
}
@media (max-width: 1399px) {
  .btn--big {
    padding: 1rem 1.5rem;
  }
}
/*  Btn block  */
.btn--block {
  display: flex;
  padding-left: 0;
  padding-right: 0;
}
:not(.btn-check) + .btn:hover,
:not(.btn-check) + .btn:active {
  color: var(--c-theme2);
  background-color: transparent;
  border-color: var(--c-theme2);
}
/* ------------------------------------------------------------ *\
    Card-contact
\* ------------------------------------------------------------ */
.card-contact {
  max-width: 38.8rem;
  margin: 0 auto;
}
.card-contact .card__image {
  position: relative;
  margin-bottom: 1rem;
}
.card-contact .card__image svg {
  width: 35rem;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.card-contact .card__image svg .path-img {
  z-index: 2;
}
.card-contact .card__image svg .path-line {
  z-index: 3;
}
.card-contact .card__image image {
  border-image-slice: 0;
}
.card-contact .card__content {
  text-align: center;
  padding: 0 var(--inner-gap);
}
.card-contact .card__title {
  color: var(--c-theme);
}
.card-contact .card__title:not(:last-child) {
  margin-bottom: 1.5rem;
}
/*  card contact shadow  */
.card-contact--shadow {
  border-radius: var(--border-radius);
  position: relative;
}
.card-contact--shadow .card__content {
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  position: relative;
  padding-bottom: 3.6rem;
}
@media (max-width: 1023px) {
  .card-contact--shadow .card__content {
    padding-bottom: 2.4rem;
  }
}
.card-contact--shadow:before {
  position: absolute;
  content: "";
  top: 21%;
  left: 50%;
  transform: translateX(-50%);
  width: 110.5%;
  height: 83%;
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  background-image: url("assets/images/card-shadow-bg-full.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: bottom;
  max-width: 38.8rem;
}
/* ------------------------------------------------------------ *\
    Card-secondary
\* ------------------------------------------------------------ */
.card-secondary {
  border-radius: var(--border-radius);
  background-color: var(--c-white);
  box-shadow: var(--box-shadow);
}
.card-secondary .card__inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: var(--border-radius);
  text-decoration: none;
}
@media (hover: hover) {
  .card-secondary a.card__inner:hover .card__media img {
    transform: scale(1.05);
  }
  .card-secondary a.card__inner:hover .link {
    color: var(--c-theme);
  }
}
.card-secondary .card__media {
  position: relative;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  overflow: hidden;
}
.card-secondary .card__media picture {
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.card-secondary .card__media img {
  width: 100%;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  transition: transform var(--t-dur);
}
.card-secondary .card__content {
  flex: 1;
  padding: 1.6rem var(--gap) 2.5rem;
}
@media (max-width: 1599px) {
  .card-secondary .card__content {
    padding: 1.6rem var(--inner-gap) 2.4rem;
  }
}
@media (max-width: 1023px) {
  .card-secondary .card__content {
    padding: 1.4rem var(--gap) var(--gap);
  }
}
.card-secondary .card__content:not(:last-child) {
  margin-bottom: 2rem;
}
@media (max-width: 1399px) {
  .card-secondary .card__content:not(:last-child) {
    margin-bottom: 0;
  }
}
.card-secondary .card__title {
  color: var(--c-theme);
}
.card-secondary .card__title:not(:last-child) {
  margin-bottom: 0.9rem;
}
.card-secondary .card__actions {
  margin-top: auto;
  padding: 0 var(--gap) 3.2rem;
  display: flex;
  gap: 1rem;
}
@media (max-width: 1399px) {
  .card-secondary .card__actions {
    padding-bottom: var(--gap);
  }
}
.card-secondary .link {
  color: var(--c-theme2);
}
.card-secondary.media-top .card__media img {
  -o-object-position: top;
     object-position: top;
}
/*  card secondary small  */
.card-secondary--small .card__media {
}
.card-secondary--small .card__content {
  padding: 1.6rem var(--gap) 3.2rem;
}
@media (max-width: 1599px) {
  .card-secondary--small .card__content {
    padding: 1.6rem var(--inner-gap) 2.4rem;
  }
}
@media (max-width: 1023px) {
  .card-secondary--small .card__content {
    padding: 1.4rem var(--gap) var(--gap);
  }
}
.card-secondary--small .card__actions {
  display: none;
}
/* ------------------------------------------------------------*\
    Card-tile
\* ------------------------------------------------------------ */
.card-tile {
  border-radius: var(--border-radius);
  position: relative;
}
.card-tile .card__inner {
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius);
  text-decoration: none;
}
@media (hover: hover) {
  .card-tile a.card__inner:hover .card__media img {
    transform: scale(1.05);
  }
}
.card-tile .card__media {
  position: relative;
  border-radius: var(--border-radius);
  overflow: hidden;
}
.card-tile .card__media img {
  width: 100%;
  border-radius: var(--border-radius);
  transition: transform var(--t-dur);
}
.card-tile .card__media:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  z-index: 2;
  background: rgb(54, 54, 54);
  background: linear-gradient(0deg, rgb(54, 54, 54) 0%, rgba(0, 0, 0, 0) 100%);
  border-radius: var(--border-radius);
}
.card-tile .card__tags {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
@media (max-width: 767px) {
  .card-tile .card__tags {
    top: 1.2rem;
    right: 1.2rem;
    gap: 0.3rem;
  }
}
.card-tile .card__content {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  color: var(--c-white, #fff);
  padding: var(--gap);
}
@media (max-width: 1599px) {
  .card-tile .card__content {
    padding: var(--inner-gap);
  }
}
@media (max-width: 1199px) {
  .card-tile .card__content {
    padding: 1.2rem;
  }
}
@media (max-width: 1023px) {
  .card-tile .card__content {
    padding: var(--gap);
  }
}
@media (max-width: 767px) {
  .card-tile .card__content {
    padding: 1.2rem;
  }
}
.card-tile .card__content .card__meta {
  margin-bottom: 0rem;
}
.card-tile .card__content .card__meta-title {
  margin-bottom: 0.8rem;
}
@media (max-width: 767px) {
  .card-tile .card__content .card__meta-title {
    margin-bottom: 0.4rem;
  }
}
@media (max-width: 767px) {
  .card-tile .card__content .card__title {
    margin-bottom: 0.7rem;
  }
}
.card-tile .list-ico-text p {
  line-height: 1;
}
/* ------------------------------------------------------------*\
    Card
\* ------------------------------------------------------------ */
.card {
  border-radius: var(--border-radius);
  border: none;
  display: block;
  background-color: var(--c-white);
  box-shadow: var(--box-shadow);
  position: relative;
}
.card .card__inner {
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius);
  text-decoration: none;
  display: flex;
  flex-direction: column;
}
@media (hover: hover) {
  .card a.card__inner .card__media img {
    transform: scale(1.05);
  }
}
.card .card__media {
  position: relative;
  display: block;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  overflow: hidden;
}
.card .card__media img {
  width: 100%;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  transition: transform var(--t-dur);
}
.card .card__media:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  z-index: 2;
  background: rgb(36, 36, 36);
  background: linear-gradient(0deg, rgba(36, 36, 36, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
@media (hover: hover) {
  .card a.card__media:hover img {
    transform: scale(1.05);
  }
}
.card .card__tags {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
@media (max-width: 767px) {
  .card .card__tags {
    top: 1.2rem;
    right: 1.2rem;
    gap: 0.3rem;
  }
}
.card .card__content {
  padding: 1.6rem var(--gap) 2.7rem;
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1599px) {
  .card .card__content {
    padding: 1.4rem var(--inner-gap);
  }
}
@media (max-width: 1023px) {
  .card .card__content {
    padding: 1.4rem var(--gap) 1.6rem;
  }
}
.card .card__content .card__meta {
  margin-bottom: 0.6rem;
}
@media (max-width: 767px) {
  .card .card__content .card__meta {
    margin-bottom: 0.2rem;
  }
}
.card .card__content .card__meta-title {
  margin-bottom: 1.6rem;
  color: var(--c-gray4);
}
@media (max-width: 767px) {
  .card .card__content .card__meta-title {
    margin-bottom: 0.8rem;
  }
}
.card .card__content .card__title {
  color: var(--c-theme2);
}
@media (max-width: 767px) {
  .card .card__content > p:not(.card__meta) {
    margin-bottom: 1.1rem;
  }
}
@media (max-width: 767px) {
  .card .card__content .list-ico-text {
    margin-bottom: 1.3rem;
  }
}
.card .card__content .card__title {
  margin-top: auto;
}
.card .card__content a {
  text-decoration: none;
  transition: color var(--t-dur);
}
@media (hover: hover) {
  .card .card__content a:hover {
    color: var(--c-theme);
  }
}
/* ------------------------------------------------------------ *\
    Cards
\* ------------------------------------------------------------ */
.cards:not(:last-child) {
  margin-bottom: 4rem;
}
@media (max-width: 767px) {
  .cards:not(:last-child) {
    margin-bottom: 3rem;
  }
}
@media (max-width: 575px) {
  .cards .grid__col--1of3 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.cards .card,
.cards .card-secondary {
  height: 100%;
}
/*  cards--block  */
@media (min-width: 767.02px) {
  .cards--block .grid-flex {
    display: block;
  }
}
@media (min-width: 767.02px) {
  .cards--block .grid-flex .grid__col {
    max-width: 100%;
  }
}
@media (min-width: 767.02px) {
  .cards--block .grid-flex .grid__col--1of3 {
    max-width: 100%;
  }
}
/* ------------------------------------------------------------ *\
    Checkbox
\* ------------------------------------------------------------ */
.checkbox input {
  display: none;
}
.checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 2.7rem;
  line-height: 1;
}
.checkbox label:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 0.3rem;
  background-color: var(--c-white, #fff);
}
@media (max-width: 767px) {
  .checkbox label:before {
    top: -0.2rem;
  }
}
.checkbox label:after {
  position: absolute;
  content: "";
  top: 0.4rem;
  left: 0.7rem;
  display: inline-block;
  transform: rotate(45deg);
  height: 0.9rem;
  width: 0.4rem;
  border-bottom: 2px solid var(--c-theme2);
  border-right: 2px solid var(--c-theme2);
  transition: opacity var(--t-dur);
  opacity: 0;
}
@media (max-width: 767px) {
  .checkbox label:after {
    top: 0.2rem;
  }
}
.checkbox input[type=checkbox]:checked + label:after {
  opacity: 1;
}
/* ------------------------------------------------------------ *\
    dropdown
\* ------------------------------------------------------------ */
.dropdown {
  position: absolute;
  left: 0;
  background-color: var(--c-white, #fff);
  padding: 1.6rem 1.4rem 1rem;
  width: -moz-max-content;
  width: max-content;
  max-width: 12rem;
  opacity: 0;
  visibility: hidden;
  top: 100%;
  transition: visibility var(--t-dur), opacity var(--t-dur);
  box-shadow: 0px 10px 10px 0px rgba(var(--shadow-color), 0.48);
  display: flex;
  justify-content: center;
  align-items: center;
}
.dropdown.is-out {
  left: auto;
  right: 0;
}
.dropdown > ul {
  list-style-type: none;
  padding-left: 0;
}
.dropdown > ul > li + li {
  margin-top: 1rem;
}
.dropdown > ul > li > a {
  font-size: 1.6rem;
  display: inline-flex;
  align-items: center;
  transition: color var(--t-dur);
  text-decoration: none;
}
@media (hover: hover) {
  .dropdown > ul > li > a:hover {
    color: var(--c-theme);
  }
}
.dropdown > ul > li > a img {
  margin-right: 0.5rem;
}
/* ------------------------------------------------------------ *\
    Feature-alt
\* ------------------------------------------------------------ */
.feature-alt:not(:last-child) {
  margin-bottom: 2rem;
}
.feature-alt .feature__inner {
  width: 100%;
  height: 100%;
}
.feature-alt a.feature__inner {
  text-decoration: none;
  border: 1px solid var(--c-gray3);
  border-radius: var(--border-radius);
  padding: var(--gap);
  display: flex;
  align-items: center;
  transition: opacity var(--t-dur);
}
@media (hover: hover) {
  .feature-alt a.feature__inner:hover {
    opacity: 0.7;
  }
}
.feature-alt .feature__image {
  flex: 0 0 25%;
  max-width: 25%;
}
@media (max-width: 1199px) {
  .feature-alt .feature__image {
    flex: 0 0 14%;
    max-width: 14%;
  }
}
.feature-alt .feature__image img {
  width: 100%;
}
.feature-alt .feature__content {
  padding-left: var(--gap);
}
@media (max-width: 575px) {
  .feature-alt .feature__content {
    padding-left: var(--gap);
  }
}
@media (max-width: 767px) {
  .feature-alt .feature__content h5 {
    margin-bottom: 0.3rem;
  }
}
.feature-alt .feature__content p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 0rem;
}
@media (max-width: 767px) {
  .feature-alt .feature__content p {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
}
@media (max-width: 575px) {
  .feature-alt .feature__content p {
    font-size: 1.4rem;
  }
}
/* ------------------------------------------------------------ *\
    Feature-number
\* ------------------------------------------------------------ */
.feature-number {
  text-align: center;
}
@media (min-width: 1699.02px) {
  .feature-number h3 {
    font-size: 6rem;
  }
}
.feature-number h3:not(:last-child) {
  margin-bottom: 1.4rem;
}
@media (max-width: 1199px) {
  .feature-number h3:not(:last-child) {
    margin-bottom: 0.6rem;
  }
}
/* ------------------------------------------------------------ *\
    Feature-profile
\* ------------------------------------------------------------ */
.feature-profile {
  display: flex;
  align-items: flex-start;
}
.feature-profile .feature__image {
  flex: 0 0 11rem;
  height: 10rem;
  overflow: hidden;
}
@media (max-width: 575px) {
  .feature-profile .feature__image {
    flex: 0 0 9rem;
    height: 8rem;
  }
}
@media (max-width: 375px) {
  .feature-profile .feature__image {
    flex: 0 0 8rem;
    height: 7rem;
  }
}
.feature-profile .feature__image svg {
  width: 100%;
  height: 100%;
}
.feature-profile .feature__content {
  flex: 1;
  align-self: center;
}
.feature-profile .feature__content h4 {
  margin-bottom: 0.6rem;
  color: var(--c-theme);
}
.feature-profile .feature__image + .feature__content {
  margin-left: 1rem;
}
/* ------------------------------------------------------------ *\
    Features-number
\* ------------------------------------------------------------ */
.features-number .features__items {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  gap: var(--gap);
}
.features-number .features__item {
  flex: 0 0 18rem;
  max-width: 18rem;
}
/* ------------------------------------------------------------ *\
    Field-holder
\* ------------------------------------------------------------ */
.field-holder {
  position: relative;
}
.field-holder .field__label {
  position: absolute;
  top: 50%;
  left: var(--gap);
  transform: translateY(-50%);
  z-index: 3;
  color: var(--c-base);
  pointer-events: none;
}
@media (max-width: 1199px) {
  .field-holder .field__label {
    left: 1.2rem;
  }
}
.field-holder .field__label sup {
  color: var(--c-red);
  top: -0.3rem;
}
.field-holder.not-empty .field__label {
  display: none;
}
.field-holder .field-holder:has(.field:-webkit-autofill) .field__label {
  display: none;
}
.field-holder .field-holder:has(.field:autofill) .field__label {
  display: none;
}
.field-holder--textarea .field__label {
  top: 1.8rem;
  transform: none;
}
.field {
  display: block;
  background: none;
  box-shadow: none;
  outline: none;
  border: none;
  width: 100%;
  text-transform: none;
  line-height: 1;
  font-weight: inherit;
  height: 6rem;
  border-radius: var(--border-radius);
  border: 1px solid var(--c-white);
  padding: 0.4rem var(--gap);
  background-color: var(--c-white, #fff);
  font-size: var(--fz-base);
  color: var(--c-base);
}
@media (max-width: 1399px) {
  .field {
    height: 5rem;
  }
}
@media (max-width: 1199px) {
  .field {
    padding: 0.4rem 1.2rem;
  }
}
@media (max-width: 1023px) {
  .field {
    height: 4.4rem;
  }
}
@media (max-width: 767px) {
  .field {
    font-size: 16px;
  }
}
.field:placeholder {
  opacity: 1;
}
.field--textarea {
  line-height: var(--lh-base);
  resize: none;
  height: 18.5rem;
  padding: 1.8rem var(--gap);
}
@media (max-width: 1199px) {
  .field--textarea {
    height: 14rem;
    padding: 1.8rem 1.2rem;
  }
}
/* ------------------------------------------------------------ *\
    Filters
\* ------------------------------------------------------------ */
.filters {
  padding: 3.3rem 0;
  box-shadow: var(--box-shadow);
}
@media (max-width: 1023px) {
  .filters {
    padding: 2rem 0;
  }
}
@media (max-width: 767px) {
  .filters {
    padding: 1rem;
  }
}
@media (max-width: 1023px) {
  .filters .filters__inner {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: var(--win-height);
    padding: 3rem var(--container-gutter) 3rem;
    border: none;
    background-color: var(--c-white, #fff);
    margin: 0;
    overflow: auto;
    z-index: 101;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: transform var(--t-dur), opacity var(--t-dur), visibility var(--t-dur);
  }
}
@media (max-width: 767px) {
  .filters .filters__inner {
    padding-top: 2.3rem;
  }
}
@media (max-width: 375px) {
  .filters .filters__inner {
    padding-top: 1.6rem;
  }
}
.filters .filters__inner .filters__close {
  display: none;
  transition: opacity var(--t-dur), visibility var(--t-dur);
  height: 20px;
  width: 30px;
  position: relative;
}
.filters .filters__inner .filters__close span {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: var(--c-theme2);
  transition: transform var(--t-dur);
  border-radius: var(--border-radius);
}
.filters .filters__inner .filters__close span:nth-child(1) {
  top: 0;
}
.filters .filters__inner .filters__close span:nth-child(2) {
  bottom: 0;
}
@media (max-width: 1023px) {
  .filters .filters__inner .filters__close {
    display: flex;
    margin-bottom: 3rem;
    text-decoration: none;
    margin-left: auto;
  }
}
@media (max-width: 1023px) {
  .filters .filters__inner.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition: transform var(--t-dur), opacity var(--t-dur), visibility var(--t-dur);
  }
}
.filters .filters__inner.is-open .filters__close span:nth-child(1) {
  transform: rotate(45deg) translate(6px, 6px);
}
.filters .filters__inner.is-open .filters__close span:nth-child(2) {
  transform: rotate(-45deg) translate(5px, -6px);
}
.filters .filters__trigger {
  display: none;
}
@media (max-width: 1023px) {
  .filters .filters__trigger {
    position: relative;
    z-index: 10;
    display: flex;
  }
}
/* ------------------------------------------------------------ *\
    Footer
\* ------------------------------------------------------------ */
.footer {
  background-color: var(--c-black1);
  color: var(--c-white);
}
.footer .footer__inner {
  padding: 6.3rem 0 4.5rem;
}
@media (max-width: 1199px) {
  .footer .footer__inner {
    padding: 4rem 0;
  }
}
@media (max-width: 1023px) {
  .footer .footer__inner {
    padding: var(--section-spacing) 0;
  }
}
.footer .footer__cols {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 -5.5rem;
}
@media (max-width: 1599px) {
  .footer .footer__cols {
    margin: 0 -2.5rem;
  }
}
@media (max-width: 1399px) {
  .footer .footer__cols {
    margin: calc(-1 * var(--gap) / 2);
  }
}
@media (max-width: 1023px) {
  .footer .footer__cols {
    margin: var(--gap) calc(-1 * var(--gap) / 2);
  }
}
.footer .footer__col {
  flex: 1;
  max-width: 100%;
  padding: 0 5.5rem;
}
@media (max-width: 1599px) {
  .footer .footer__col {
    padding: 0 2.5rem;
  }
}
@media (max-width: 1399px) {
  .footer .footer__col {
    padding: calc(var(--gap) / 2);
  }
}
@media (max-width: 1023px) {
  .footer .footer__col {
    padding: var(--gap) calc(var(--gap) / 2);
  }
}
.footer .footer__col--size-1 {
  flex: 0 0 39%;
  max-width: 39%;
}
@media (max-width: 1399px) {
  .footer .footer__col--size-1 {
    flex: 0 0 41%;
    max-width: 41%;
  }
}
@media (max-width: 1199px) {
  .footer .footer__col--size-1 {
    flex: 0 0 38%;
    max-width: 38%;
  }
}
@media (max-width: 1023px) {
  .footer .footer__col--size-1 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 575px) {
  .footer .footer__col--size-1 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.footer .footer__col--size-2 {
  flex: 0 0 28%;
  max-width: 28%;
}
@media (max-width: 1399px) {
  .footer .footer__col--size-2 {
    flex: 0 0 30%;
    max-width: 30%;
  }
}
@media (max-width: 1023px) {
  .footer .footer__col--size-2 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 575px) {
  .footer .footer__col--size-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.footer .footer__col--size-3 {
  flex: 0 0 16%;
  max-width: 16%;
}
@media (max-width: 1399px) {
  .footer .footer__col--size-3 {
    flex: 0 0 17%;
    max-width: 17%;
  }
}
@media (max-width: 1199px) {
  .footer .footer__col--size-3 {
    flex: 0 0 15%;
    max-width: 15%;
  }
}
@media (max-width: 1023px) {
  .footer .footer__col--size-3 {
    flex: 0 0 40%;
    max-width: 40%;
  }
}
@media (max-width: 575px) {
  .footer .footer__col--size-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.footer .footer__col--size-4 {
  flex: 0 0 17%;
  max-width: 17%;
}
@media (max-width: 1399px) {
  .footer .footer__col--size-4 {
    flex: 0 0 12%;
    max-width: 12%;
  }
}
@media (max-width: 1199px) {
  .footer .footer__col--size-4 {
    flex: 0 0 17%;
    max-width: 17%;
  }
}
@media (max-width: 1023px) {
  .footer .footer__col--size-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 575px) {
  .footer .footer__col--size-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.footer .logo {
  max-width: 13.1rem;
}
@media (max-width: 1023px) {
  .footer .logo {
    max-width: 11rem;
  }
}
@media (max-width: 575px) {
  .footer .logo {
    max-width: 9rem;
  }
}
.footer .logo:not(:last-child) {
  margin-bottom: 2.4rem;
}
.footer .footer__subtitle:not(:last-child) {
  margin-bottom: 1.7rem;
}
.footer .footer__nav ul {
  -moz-column-count: 2;
       column-count: 2;
  padding-left: 0;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
@media (max-width: 1399px) {
  .footer .footer__nav ul {
    -moz-column-count: 1;
         column-count: 1;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
@media (max-width: 1023px) {
  .footer .footer__nav ul {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
}
@media (max-width: 375px) {
  .footer .footer__nav ul {
    -moz-column-count: 1;
         column-count: 1;
  }
}
.footer .footer__nav ul li + li {
  margin-top: 0.8rem;
}
.footer .footer__nav ul a {
  transition: color var(--t-dur);
  display: inline-block;
  text-decoration: none;
}
@media (hover: hover) {
  .footer .footer__nav ul a:hover {
    color: var(--c-theme);
  }
}
.footer .footer__contacts {
  display: flex;
  gap: 3rem;
}
@media (max-width: 1199px) {
  .footer .footer__contacts {
    display: block;
  }
}
.footer .footer__contacts .list-ico-links {
  flex: 1;
  max-width: 100%;
  margin-top: -0.8rem;
}
.footer .footer__bar {
  padding: 2rem 0;
}
.footer .footer__bar p {
  display: flex;
  align-items: center;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-left: auto;
  font-size: 1.2rem;
  line-height: 1;
}
.footer .footer__bar p img {
  margin-left: 1rem;
}
.footer .footer__bar p a {
  transition: opacity var(--t-dur);
}
@media (hover: hover) {
  .footer .footer__bar p a:hover {
    opacity: 0.7;
  }
}
.footer .footer__inner + .footer__bar {
  border-top: 1px solid #ECECEC;
}
/* ------------------------------------------------------------ *\
    Form-filters
\* ------------------------------------------------------------ */
.form-filters .form__inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 1399px) {
  .form-filters .form__inner {
    display: block;
  }
}
.form-filters .form__body {
  flex: 0 0 68%;
}
@media (max-width: 1599px) {
  .form-filters .form__body {
    flex: 0 0 70%;
  }
}
.form-filters .form__actions {
  flex: 0 0 32%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem var(--gap);
  padding: 0 0rem 0 7rem;
}
@media (max-width: 1599px) {
  .form-filters .form__actions {
    padding-left: var(--gap);
    flex: 0 0 30%;
  }
}
@media (max-width: 1399px) {
  .form-filters .form__actions {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .form-filters .form__actions {
    gap: var(--gap);
  }
}
.form-filters .form__actions .filter__details-trigger {
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  transition: color var(--t-dur);
  font-family: var(--ff-mont);
  font-size: var(--fz-base);
  text-transform: capitalize;
  color: var(--c-gray4);
}
.form-filters .form__actions .filter__details-trigger i {
  font-size: 2.4rem;
}
@media (max-width: 1023px) {
  .form-filters .form__actions .filter__details-trigger i {
    font-size: 1.8rem;
  }
}
.form-filters .form__actions .filter__details-trigger :where(img, svg, i) {
  margin: 0 0.8rem 0 0;
}
@media (hover: hover) {
  .form-filters .form__actions .filter__details-trigger:hover {
    color: var(--c-theme2);
  }
}
.form-filters .form__actions .form__btn {
  min-width: 15rem;
  padding: 1.9rem 3rem;
}
@media (max-width: 1599px) {
  .form-filters .form__actions .form__btn {
    padding: 1rem 1.5rem;
  }
}
@media (max-width: 767px) {
  .form-filters .form__actions .form__btn {
    width: 100%;
  }
}
@media (max-width: 1399px) {
  .form-filters .form__body + .form__actions {
    margin-top: var(--inner-gap);
  }
}
.form-filters .form__cols {
  display: flex;
  flex-wrap: wrap;
  margin: -1rem -1.6rem;
}
@media (max-width: 1023px) {
  .form-filters .form__cols {
    margin: calc(-1 * var(--gap) / 2);
  }
}
.form-filters .form__col {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 1rem 1.6rem;
}
@media (max-width: 1023px) {
  .form-filters .form__col {
    padding: calc(var(--gap) / 2);
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .form-filters .form__col {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
/* ------------------------------------------------------------ *\
    Form
\* ------------------------------------------------------------ */
.form:not(:last-child) {
  margin-bottom: 3rem;
}
.form .form__head :where(h1, .h1, h2, h3, .h3, h4, .h4) {
  color: var(--c-theme2);
}
.form .form__head:not(:last-child) {
  margin-bottom: 2.4rem;
}
@media (max-width: 1023px) {
  .form .form__head:not(:last-child) {
    margin-bottom: 2rem;
  }
}
.form .form__cols {
  display: flex;
  flex-wrap: wrap;
  margin: -0.8rem -1.4rem;
}
@media (max-width: 1023px) {
  .form .form__cols {
    margin: calc(-1 * var(--gap) / 2);
  }
}
@media (max-width: 767px) {
  .form .form__cols {
    display: block;
    margin: 0;
  }
}
.form .form__col {
  padding: 0.8rem 1.4rem;
  flex: 1;
}
@media (max-width: 1023px) {
  .form .form__col {
    padding: calc(var(--gap) / 2);
  }
}
@media (max-width: 767px) {
  .form .form__col {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .form .form__col + .form__col {
    margin-top: 1.6rem;
  }
}
.form .form__row + .form__row,
.form .form__cols + .form__row {
  margin-top: 1.6rem;
}
.form .form__cols + .form__text,
.form .form__row + .form__row--text {
  margin-top: 2.4rem;
}
@media (max-width: 1023px) {
  .form .form__cols + .form__text,
  .form .form__row + .form__row--text {
    margin-top: 2rem;
  }
}
@media (max-width: 767px) {
  .form .form__cols + .form__text,
  .form .form__row + .form__row--text {
    margin-top: 1.6rem;
  }
}
.form .form__check:not(:first-child) {
  margin-top: 4rem;
}
@media (max-width: 1399px) {
  .form .form__check:not(:first-child) {
    margin-top: 2.4rem;
  }
}
@media (max-width: 1023px) {
  .form .form__check:not(:first-child) {
    margin-bottom: 2rem;
  }
}
.form .form__actions {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem var(--gap);
}
.form .form__actions:not(:first-child) {
  margin-top: 3.6rem;
}
@media (max-width: 1399px) {
  .form .form__actions:not(:first-child) {
    margin-top: 2.4rem;
  }
}
@media (max-width: 1023px) {
  .form .form__actions:not(:first-child) {
    margin-top: 2rem;
  }
}
@media (max-width: 767px) {
  .form .form__btn {
    display: flex;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .form .form__actions .field-file-uploader {
    width: 100%;
  }
}
.form .form__body-success:not(:last-child) {
  margin-bottom: 2.4rem;
}
.form .form__body-success:not(:last-child) h3 {
  color: var(--c-theme);
}
.form .form__docs p {
  margin-top: 1.2rem;
}
/*  form alt  */
.form--alt .form__head {
  max-width: 46rem;
}
.form--alt .field {
  border-color: var(--c-gray5);
}
@media (max-width: 1023px) {
  .form--alt .form__actions .btn {
    width: 100%;
    flex: 0 0 100%;
  }
}
/*  form box  */
.form--box {
  border: 2px solid var(--c-gray7);
  border-radius: var(--border-radius);
  padding: 3rem 3.2rem 2.2rem;
}
@media (max-width: 1599px) {
  .form--box {
    padding: 3rem;
  }
}
@media (max-width: 1399px) {
  .form--box {
    padding: var(--gap);
  }
}
@media (max-width: 1199px) {
  .form--box {
    padding: var(--inner-gap);
  }
}
@media (max-width: 1023px) {
  .form--box {
    padding: var(--gap);
  }
}
.form--box:not(:last-child) {
  margin-bottom: 2.4rem;
}
@media (max-width: 1023px) {
  .form--box:not(:last-child) {
    margin-bottom: 2rem;
  }
}
.form--box .form__row + .form__row--text {
  margin-top: 1.5rem;
}
.form--box .form__check:not(:first-child) {
  margin-top: 1.8rem;
}
.form--box .form__actions:not(:first-child) {
  margin-top: 2.6rem;
}
@media (max-width: 1023px) {
  .form--box .form__actions:not(:first-child) {
    margin-top: 2rem;
  }
}
.form--box .field {
  border-color: var(--c-gray6);
  background-color: var(--c-gray6);
}
.form--box .field--textarea {
  height: 10.5rem;
}
.form--box .checkbox label {
  font-size: 1.4rem;
}
.form--box .checkbox label:before {
  border: 1px solid var(--c-base);
}
.form--box .checkbox label:after {
  border-color: var(--c-base);
}
/* ------------------------------------------------------------ *\
	Grid flex
\* ------------------------------------------------------------ */
.grid-flex {
  display: flex;
  flex-flow: row wrap;
  margin: calc(-1 * var(--gap) / 2);
  justify-content: center;
  /*  Grid col 1of2  */
  /*  Grid col 1of3  */
  /*  Grid col 1of4  */
}
.grid-flex .grid__col {
  max-width: 100%;
  flex: 1;
  padding: calc(var(--gap) / 2);
}
.grid-flex .grid__col--1of2 {
  max-width: 50%;
  flex: 0 0 50%;
}
@media (max-width: 767px) {
  .grid-flex .grid__col--1of2 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.grid-flex .grid__col--1of3 {
  max-width: 33.3333333333%;
  flex: 0 0 33.3333333333%;
}
@media (max-width: 1023px) {
  .grid-flex .grid__col--1of3 {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (max-width: 575px) {
  .grid-flex .grid__col--1of3 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.grid-flex .grid__col--1of4 {
  max-width: 25%;
  flex: 0 0 25%;
}
@media (max-width: 1023px) {
  .grid-flex .grid__col--1of4 {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (max-width: 575px) {
  .grid-flex .grid__col--1of4 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
/* ------------------------------------------------------------ *\
    Header
\* ------------------------------------------------------------ */
.header-holder {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  height: var(--header-height);
}
.header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: transparent;
  padding: 1.6rem 0;
  /* Is fixed */
  /*  is open  */
  /*  elements  */
}
@media (max-width: 1699px) {
  .header {
    padding: 1rem 0;
  }
}
@media (max-width: 1399px) {
  .header {
    padding: 0.7rem 0;
  }
}
@media (max-width: 1023px) {
  .header {
    padding: 0;
  }
}
.header.is-under-holder {
  position: fixed;
  opacity: 0;
  transition: none;
  transform: translateY(-100%);
}
.header.is-fixed {
  background-color: var(--c-white, #fff);
  box-shadow: var(--box-shadow);
  transform: translateY(0);
  opacity: 1;
  transition: transform var(--t-dur), background-color var(--t-dur);
}
@media (max-width: 1023px) {
  .header:has(.header__navigation.is-open) .header__utilities {
    background-color: var(--c-white);
    transition: background-color 0s var(--t-dur);
  }
  .header:has(.header__navigation.is-open) .header__utilities:before {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
}
@media (max-width: 1023px) {
  .header .shell {
    display: contents;
  }
}
.header .header__inner {
  display: flex;
}
@media (max-width: 1023px) {
  .header .header__inner {
    display: block;
  }
}
.header .header__utilities {
  display: contents;
}
@media (max-width: 1023px) {
  .header .header__utilities {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 5;
    padding: 0.7rem var(--container-gutter);
  }
}
@media (max-width: 767px) {
  .header .header__utilities {
    padding: 0.5rem var(--container-gutter);
  }
}
@media (max-width: 375px) {
  .header .header__utilities {
    padding: 0.3rem var(--container-gutter);
  }
}
.header .header__utilities:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--c-gray5);
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: transform var(--t-dur), opacity var(--t-dur), visibility var(--t-dur);
  display: none;
}
@media (max-width: 1023px) {
  .header .header__utilities:before {
    display: block;
  }
}
.header .header__utilities .logo {
  flex: 0 0 12rem;
  max-width: 12rem;
  order: 1;
}
@media (max-width: 1699px) {
  .header .header__utilities .logo {
    flex: 0 0 10rem;
    max-width: 10rem;
  }
}
@media (max-width: 1599px) {
  .header .header__utilities .logo {
    flex: 0 0 8rem;
    max-width: 8rem;
  }
}
@media (max-width: 1399px) {
  .header .header__utilities .logo {
    flex: 0 0 7rem;
    max-width: 7rem;
  }
}
@media (max-width: 1199px) {
  .header .header__utilities .logo {
    flex: 0 0 6rem;
    max-width: 6rem;
  }
}
@media (max-width: 1023px) {
  .header .header__utilities .logo {
    flex: 0 0 6rem;
    max-width: 6rem;
  }
}
@media (max-width: 767px) {
  .header .header__utilities .logo {
    flex: 0 0 5rem;
    max-width: 5rem;
  }
}
@media (max-width: 375px) {
  .header .header__utilities .logo {
    flex: 0 0 4rem;
    max-width: 4rem;
  }
}
.header .header__navigation {
  transition: none;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-left: var(--gap);
  order: 2;
}
@media (max-width: 1023px) {
  .header .header__navigation {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: var(--win-height);
    padding: calc(var(--header-height) + 3rem) var(--container-gutter) 3rem;
    border: none;
    background-color: var(--c-white, #fff);
    margin: 0;
    overflow: auto;
    z-index: 3;
    display: block;
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    transition: transform var(--t-dur), opacity var(--t-dur), visibility var(--t-dur);
  }
}
@media (max-width: 575px) {
  .header .header__navigation {
    padding-top: calc(var(--header-height) + 2rem);
  }
}
@media (max-width: 1023px) {
  .header .header__navigation.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
}
.header .header__actions {
  display: flex;
  align-items: center;
  gap: 0 2.4rem;
  margin-left: 4.1rem;
  order: 3;
}
@media (max-width: 1399px) {
  .header .header__actions {
    margin-left: 2.4rem;
  }
}
@media (max-width: 1023px) {
  .header .header__actions {
    margin-left: 2rem;
    gap: 0 2rem;
  }
}
.header .search-trigger {
  display: inline-flex;
  transition: opacity var(--t-dur);
}
@media (hover: hover) {
  .header .search-trigger:hover {
    opacity: 0.7;
  }
}
/* ------------------------------------------------------------ *\
    Hero-alt
\* ------------------------------------------------------------ */
.hero-alt {
  padding: var(--section-spacing) 0;
}
@media (min-width: 1199.02px) {
  .hero-alt {
    padding: 4rem 0;
  }
}
.hero-alt .hero__inner {
  display: flex;
}
@media (max-width: 1199px) {
  .hero-alt .hero__inner {
    display: block;
  }
}
.hero-alt .hero__inner .hero__content {
  flex: 1;
  text-align: center;
  padding-right: var(--elem-width);
}
@media (max-width: 1199px) {
  .hero-alt .hero__inner .hero__content {
    padding-right: 0;
  }
}
.hero-alt .hero__inner .hero__content :where(h1, .h1, h2, .h2, h3, .h3) {
  color: var(--c-white);
}
.hero-alt .breadcrumbs {
  margin-right: 3rem;
  max-width: 30%;
}
@media (max-width: 1199px) {
  .hero-alt .breadcrumbs {
    max-width: 100%;
  }
}
.hero-alt .breadcrumbs:not(:last-child) {
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .hero-alt .breadcrumbs:not(:last-child) {
    margin-bottom: 3rem;
  }
}
/* ------------------------------------------------------------ *\
    Hero
\* ------------------------------------------------------------ */
.hero {
  position: relative;
}
.hero .hero__inner {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  z-index: 5;
}
@media (max-width: 767px) {
  .hero .hero__inner {
    display: block;
    padding-top: var(--header-height);
  }
}
.hero .hero__media {
  flex: 0 0 59%;
  max-width: 59%;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 767px) {
  .hero .hero__media {
    max-width: 100%;
  }
}
.hero .hero__content {
  flex: 0 0 42%;
  max-width: 42%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  color: var(--c-theme2);
  min-height: 73rem;
  padding: var(--header-height) 0 7.5rem var(--gap);
}
@media (max-width: 1599px) {
  .hero .hero__content {
    min-height: 66rem;
  }
}
@media (max-width: 1399px) {
  .hero .hero__content {
    min-height: 58rem;
  }
}
@media (max-width: 1199px) {
  .hero .hero__content {
    min-height: 50rem;
  }
}
@media (max-width: 1023px) {
  .hero .hero__content {
    min-height: 48rem;
  }
}
@media (max-width: 767px) {
  .hero .hero__content {
    min-height: auto;
    max-width: 100%;
    padding: 3rem 0;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .hero .hero__content h1.has-separator.align-start {
    margin-left: auto;
    margin-right: auto;
  }
  .hero .hero__content h1.has-separator.align-start:before, .hero .hero__content h1.has-separator.align-start:after {
    left: 50%;
    transform: translateX(-50%);
  }
  .hero .hero__content h1.has-separator.align-start:before {
    margin-left: -1rem;
  }
  .hero .hero__content h1.has-separator.align-start:after {
    margin-left: 2rem;
  }
}
@media (max-width: 1699px) {
  .hero .slider .slider__actions {
    display: none;
  }
}
/* ------------------------------------------------------------ *\
    ico-play
\* ------------------------------------------------------------ */
.ico-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  color: var(--c-white);
  border-radius: 50%;
  border: 1px solid var(--c-white);
  width: 6rem;
  height: 6rem;
}
@media (max-width: 1399px) {
  .ico-play {
    width: 4rem;
    height: 4rem;
  }
}
@media (max-width: 575px) {
  .ico-play {
    width: 3rem;
    height: 3rem;
  }
}
.ico-play i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2.2rem;
}
@media (max-width: 1399px) {
  .ico-play i {
    font-size: 1.6rem;
  }
}
@media (max-width: 575px) {
  .ico-play i {
    font-size: 1.4rem;
  }
}
/* ------------------------------------------------------------ *\
    Link
\* ------------------------------------------------------------ */
.link {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  font-family: var(--ff-mont);
  color: var(--c-theme);
  text-transform: uppercase;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  transition: color var(--t-dur);
}
@media (max-width: 1399px) {
  .link {
    font-size: 1.5rem;
  }
}
@media (max-width: 1199px) {
  .link {
    font-size: 1.4rem;
  }
}
.link :where(img, svg, i) {
  margin-left: 0.8rem;
}
.link--img-first :where(img, svg, i) {
  margin: 0 0.8rem 0 0;
}
@media (hover: hover) {
  .link:hover {
    color: var(--c-theme2);
  }
}
/*  link blue  */
.link--blue {
  color: var(--c-theme2);
}
@media (hover: hover) {
  .link--blue:hover {
    color: var(--c-theme);
  }
}
/* ------------------------------------------------------------ *\
    List-alt-links
\* ------------------------------------------------------------ */
.list-alt-links {
  list-style-type: none;
  padding-left: 0;
  -moz-column-count: 3;
       column-count: 3;
  -moz-column-gap: var(--gap);
       column-gap: var(--gap);
}
@media (max-width: 1399px) {
  .list-alt-links {
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }
}
@media (max-width: 1023px) {
  .list-alt-links {
    -moz-column-gap: var(--gap);
         column-gap: var(--gap);
    -moz-column-count: 2;
         column-count: 2;
  }
}
@media (max-width: 575px) {
  .list-alt-links {
    -moz-column-count: 1;
         column-count: 1;
  }
}
.list-alt-links li + li {
  margin-top: 3.2rem;
}
@media (max-width: 1023px) {
  .list-alt-links li + li {
    margin-top: 2.4rem;
  }
}
.list-alt-links a {
  display: flex;
  justify-content: space-between;
  transition: opacity var(--t-dur);
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  margin-bottom: 0;
  padding: 0 0 0.8rem 1rem;
}
.list-alt-links a i {
  font-size: 1.6rem;
}
.list-alt-links a i,
.list-alt-links a svg {
  align-self: flex-end;
  margin: 0 0.3rem 0.7rem var(--gap);
}
@media (hover: hover) {
  .list-alt-links a:hover {
    opacity: 0.7;
  }
}
/* ------------------------------------------------------------ *\
    List-ico-links
\* ------------------------------------------------------------ */
.list-ico-links {
  padding-left: 0;
  list-style-type: none;
}
.list-ico-links:not(:last-child) {
  margin-bottom: 2rem;
}
.list-ico-links li + li {
  margin-top: 0.7rem;
}
@media (max-width: 1199px) {
  .list-ico-links li + li {
    margin-top: 0.3rem;
  }
}
.list-ico-links a {
  display: inline-flex;
  align-items: flex-start;
  text-decoration: none;
  transition: color var(--t-dur);
  word-break: break-all;
}
@media (max-width: 1399px) {
  .list-ico-links a {
    line-height: 1;
  }
}
@media (hover: hover) {
  .list-ico-links a:hover {
    color: var(--c-theme);
  }
}
.list-ico-links a i {
  font-size: 0.9rem;
  color: currentColor;
  margin: 0.7rem 0.6rem 0 0;
}
@media (max-width: 1399px) {
  .list-ico-links a i {
    margin: 0.5rem 0.6rem 0 0;
  }
}
/* ------------------------------------------------------------ *\
    List-ico-text
\* ------------------------------------------------------------ */
.list-ico-text {
  list-style-type: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  margin: -0.3rem -0.8rem;
}
@media (max-width: 767px) {
  .list-ico-text {
    margin: -0.2rem -0.4rem;
  }
}
.list-ico-text:not(:last-child) {
  margin-bottom: 2rem;
}
.list-ico-text li {
  padding: 0.3rem 0.8rem;
  display: inline-flex;
  align-items: center;
}
@media (max-width: 767px) {
  .list-ico-text li {
    padding: 0.2rem 0.4rem;
  }
}
.list-ico-text li :where(img, i) {
  margin-right: 0.7rem;
}
.list-ico-text li i {
  font-size: 1.5rem;
  line-height: 1;
}
.list-ico-text li p {
  line-height: 1.2;
  margin: 0;
}
/* ------------------------------------------------------------ *\
    List-icons
\* ------------------------------------------------------------ */
.list-icons {
  display: flex;
  align-items: center;
  list-style-type: none;
  margin: 0 -0.3rem;
}
.list-icons li {
  padding: 0 0.3rem;
}
/* ------------------------------------------------------------ *\
    logo
\* ------------------------------------------------------------ */
.logo {
  display: inline-block;
}
.logo img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
/* ------------------------------------------------------------ *\
    Map
\* ------------------------------------------------------------ */
.map-holder {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.map-holder h4 {
  color: var(--c-theme2);
  flex: 1;
}
.map-holder h4:not(:last-child) {
  margin-bottom: 2.5rem;
}
@media (max-width: 767px) {
  .map-holder h4:not(:last-child) {
    margin-bottom: 1.4rem;
  }
}
:where(.form--box, .box-profile) + .map-holder {
  margin-top: 4.8rem;
}
.map {
  border-radius: var(--border-radius);
  border: 4px solid var(--c-white, #fff);
  width: 100%;
  height: 34.5rem;
  position: relative;
  z-index: 10;
}
@media (max-width: 767px) {
  .map {
    height: 30rem;
  }
}
@media (max-width: 575px) {
  .map {
    height: 28rem;
  }
}
@media (max-width: 375px) {
  .map {
    height: 26rem;
  }
}
.map > div {
  border-radius: 0.4rem;
}
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*  map medium  */
.map--medium {
  height: 39.2rem;
}
/* ------------------------------------------------------------ *\
    Maps
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
    Nav-lang
\* ------------------------------------------------------------ */
.nav-lang {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}
.nav-lang .nav-current {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}
.nav-lang:hover .dropdown {
opacity: 1;
visibility: visible;
}
.nav-lang.is-open .dropdown {
  opacity: 1;
  visibility: visible;
}
/* ------------------------------------------------------------ *\
	Nav-trigger
\* ------------------------------------------------------------ */
.nav-trigger {
  transition: opacity var(--t-dur), visibility var(--t-dur);
  height: 20px;
  width: 30px;
  display: inline-block;
  position: relative;
  z-index: 55;
}
.nav-trigger span:nth-child(1),
.nav-trigger span:nth-child(2),
.nav-trigger span:nth-child(3) {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: var(--c-theme2);
  transition: transform var(--t-dur);
  border-radius: var(--border-radius);
}
.nav-trigger span:nth-child(1) {
  top: 0;
}
.nav-trigger span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}
.nav-trigger span:nth-child(3) {
  bottom: 0;
}
.nav-trigger.is-open span:nth-child(2) {
  display: none;
}
.nav-trigger.is-open span:nth-child(1) {
  transform: rotate(45deg) translate(6px, 6px);
}
.nav-trigger.is-open span:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -6px);
}
/* ------------------------------------------------------------ *\
    Nav
\* ------------------------------------------------------------ */
.nav {
  display: block;
  color: var(--c-gray4);
}
@media (max-width: 1399px) {
  .nav {
    margin-top: 0.4rem;
  }
}
@media (max-width: 1023px) {
  .nav {
    margin-top: 0;
  }
}
.nav > ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: -0.5rem -1.8rem;
}
@media (max-width: 1399px) {
  .nav > ul {
    margin: -0.5rem -1.4rem;
  }
}
@media (max-width: 1199px) {
  .nav > ul {
    margin: -0.5rem -1rem;
  }
}
@media (max-width: 1023px) {
  .nav > ul {
    margin: 0;
    display: block;
    text-align: center;
  }
}
.nav > ul > li {
  padding: 0.5rem 1.8rem;
}
@media (max-width: 1399px) {
  .nav > ul > li {
    padding: 0.5rem 1.4rem;
  }
}
@media (max-width: 1199px) {
  .nav > ul > li {
    padding: 0.5rem 1rem;
  }
}
@media (max-width: 1023px) {
  .nav > ul > li {
    padding: 0;
  }
}
@media (max-width: 1023px) {
  .nav > ul > li + li {
    margin-top: 1.4rem;
  }
}
.nav > ul > li.is-current a {
  color: var(--c-base);
}
.nav > ul > li.is-current a:after {
  transform: scaleX(1);
}
.nav > ul > li.is-current a {
  color: var(--c-theme);
}
.nav > ul > li.is-current a:after {
  width: 100%;
}
.nav > ul > li > a {
  position: relative;
  transition: color var(--t-dur);
  font-family: var(--ff-mont);
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
  padding-bottom: 0.4rem;
}
@media (max-width: 1599px) {
  .nav > ul > li > a {
    font-size: 1.6rem;
  }
}
@media (max-width: 1199px) {
  .nav > ul > li > a {
    font-size: 1.5rem;
  }
}
@media (max-width: 1023px) {
  .nav > ul > li > a {
    font-size: 1.8rem;
    display: inline-block;
  }
}
@media (hover: hover) {
  .nav > ul > li > a:hover {
    color: var(--c-theme);
  }
  .nav > ul > li > a:hover:after {
    transform: scaleX(1);
  }
}
.nav > ul > li > a:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--c-theme);
  transition: transform var(--t-dur);
  transform: scaleX(0);
  transform-origin: center;
}
@media (max-width: 1023px) {
  .nav > ul > li > a:after {
    display: none;
  }
}
.page-container {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: var(--win-height);
  overflow: clip;
}
/* ------------------------------------------------------------ *\
    Paging
\* ------------------------------------------------------------ */
.paging ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
}
.paging li.is-disabled {
  display: none;
}
.paging li.is-active a {
  color: var(--c-white);
  background-color: var(--c-theme);
}
.paging a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4.2rem;
  transition: color var(--t-dur), background-color var(--t-dur);
  background-color: var(--c-gray3);
  color: var(--c-theme);
  font-weight: 700;
  border-radius: 0.4rem;
  text-decoration: none;
}
@media (max-width: 1399px) {
  .paging a {
    width: 3rem;
    height: 3rem;
  }
}
@media (hover: hover) {
  .paging a:hover {
    color: var(--c-white);
    background-color: var(--c-theme);
  }
}
.paging a:active {
  color: var(--c-white);
  background-color: var(--c-theme);
}
.paging .paging__arrow.not-active,
.paging .paging__more.not-active {
  pointer-events: none;
  opacity: 0.5;
  cursor: default;
}
.paging .paging__arrow.is-disabled,
.paging .paging__more.is-disabled {
  display: none;
}
/* ------------------------------------------------------------ *\
    Popup
\* ------------------------------------------------------------ */
.popup {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 102;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--t-dur), visibility var(--t-dur);
  display: flex;
  padding: var(--gap);
  overflow: auto;
}
.popup.is-open {
  opacity: 1;
  visibility: visible;
}
.popup.is-open .popup__inner {
  transform: scale(1);
  transition: transform var(--t-dur);
}
.popup .popup__inner {
  position: relative;
  width: 120rem;
  transform: scale(0);
  transition: none;
  background-color: var(--c-white);
  border-radius: var(--border-radius);
  margin: auto;
  padding: var(--gap);
}
.popup .popup__bg {
  position: fixed;
  content: "";
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 1;
}
.popup .popup__close {
  position: absolute;
  font-size: 1.8rem;
  transition: opacity var(--t-dur);
  top: 0.4rem;
  right: 0.9rem;
}
@media (max-width: 1199px) {
  .popup .popup__close {
    top: 0.2rem;
  }
}
@media (max-width: 1023px) {
  .popup .popup__close {
    right: 0.6rem;
  }
}
@media (max-width: 767px) {
  .popup .popup__close {
    top: 0.1rem;
  }
}
@media (hover: hover) {
  .popup .popup__close:hover {
    opacity: 0.7;
  }
}
.popup .popup__head {
  text-align: center;
}
.popup .popup__head:not(:last-child) {
  margin-bottom: 2.4rem;
}
.popup .popup__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem var(--gap);
}
/*  popup single media  */
.popup--single-media .popup__inner {
  width: unset;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: var(--gap);
}
.popup--single-media .popup__media-prime {
  border-radius: var(--border-radius);
}
.popup--single-media .popup__media-prime picture {
  border-radius: var(--border-radius);
}
.popup--single-media .popup__media-prime img {
  border-radius: var(--border-radius);
  max-height: calc(var(--win-height) - var(--gap) * 4);
  width: auto;
}
.popup--single-media .popup__media-prime video {
  border-radius: var(--border-radius);
  max-height: calc(var(--win-height) - var(--gap) * 4);
  width: auto;
}
/*  popup grid  */
.popup--grid .popup__inner {
  width: var(--container-max-width);
}
/* ------------------------------------------------------------ *\
    Search
\* ------------------------------------------------------------ */
.search {
  position: relative;
  z-index: 10;
}
.search .search__field-holder {
  position: relative;
  z-index: 10;
}
.search.is-open .search__menu {
  grid-template-rows: 1fr;
}
.search .search__field {
  border-radius: var(--border-radius);
  background-color: var(--c-gray3);
  color: var(--c-gray);
  border: 1px solid var(--c-gray3);
  width: 100%;
  padding: 0.5rem 4rem 0.5rem 1.6rem;
  font-family: var(--ff-gilroy);
  font-size: 16px;
  font-weight: 500;
  height: 4rem;
  line-height: 4rem;
  position: relative;
  z-index: 3;
}
@media (max-width: 767px) {
  .search .search__field .search__field {
    font-size: 16px;
  }
}
.search .search__field::-moz-placeholder {
  opacity: 1;
}
.search .search__field::placeholder {
  opacity: 1;
}
.search .search__btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
  border-radius: 0;
  border: none;
  transition: opacity var(--t-dur);
  z-index: 3;
  font-size: 1.6rem;
  background-color: transparent;
  line-height: 1;
}
@media (hover: hover) {
  .search .search__btn:hover {
    opacity: 0.7;
  }
}
.search .search__menu {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--t-dur), padding var(--t-dur);
  width: 100%;
  z-index: 10;
  background-color: var(--c-white);
  border-radius: var(--border-radius);
}
.search .search__menu-inner {
  transition: padding var(--t-dur);
  overflow: hidden;
}
/* ------------------------------------------------------------ *\
    Section-contacts
\* ------------------------------------------------------------ */
.section-contacts {
  padding: var(--section-spacing) 0;
}
.section-contacts .section__inner {
  display: flex;
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .section-contacts .section__inner {
    display: block;
  }
}
.section-contacts .section__inner:not(:last-child) {
  margin-bottom: 6.4rem;
}
@media (max-width: 1599px) {
  .section-contacts .section__inner:not(:last-child) {
    margin-bottom: 4rem;
  }
}
@media (max-width: 1399px) {
  .section-contacts .section__inner:not(:last-child) {
    margin-bottom: 3rem;
  }
}
.section-contacts .section__form {
  flex: 0 0 66%;
  max-width: 66%;
}
@media (max-width: 767px) {
  .section-contacts .section__form {
    max-width: 100%;
  }
}
.section-contacts .section__content {
  flex: 0 0 34%;
  max-width: 34%;
  padding-left: 8rem;
}
@media (max-width: 1599px) {
  .section-contacts .section__content {
    padding-left: var(--gap);
  }
}
@media (max-width: 767px) {
  .section-contacts .section__content {
    max-width: 100%;
    padding-left: 0;
    margin-bottom: 2.4rem;
  }
}
.section-contacts .section__content h2:not(:last-child) {
  margin-bottom: 2.5rem;
}
/* ------------------------------------------------------------ *\
    Section-prime
\* ------------------------------------------------------------ */
.section-prime .section__head,
.section-prime .section__body {
  margin: -2rem -3.2rem;
}
@media (max-width: 1599px) {
  .section-prime .section__head,
  .section-prime .section__body {
    margin: calc(var(--gap) / 2 * -1);
  }
}
.section-prime .content,
.section-prime .aside {
  padding: 2rem 3.2rem;
}
@media (max-width: 767px) {
  .section-prime .content:not(:last-child),
  .section-prime .aside:not(:last-child) {
    margin-bottom: 2.4rem;
  }
}
@media (max-width: 1599px) {
  .section-prime .content,
  .section-prime .aside {
    padding: calc(var(--gap) / 2);
  }
}
.section-prime .section__body {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .section-prime .section__body {
    display: block;
  }
}
.section-prime .content {
  flex: 0 0 65%;
  max-width: 65%;
}
@media (max-width: 767px) {
  .section-prime .content {
    max-width: 100%;
  }
}
.section-prime .aside {
  flex: 0 0 35%;
  max-width: 35%;
}
@media (max-width: 767px) {
  .section-prime .aside {
    max-width: 100%;
  }
}
.section-prime .section__head {
  display: flex;
  flex-wrap: wrap;
}
.section-prime .section__head:not(:last-child) {
  margin-bottom: 4rem;
}
@media (max-width: 1199px) {
  .section-prime .section__head:not(:last-child) {
    margin-bottom: 2.4rem;
  }
}
.section-prime .section__head .section__head-meta-title {
  color: var(--c-theme);
}
.section-prime .section__head .section__head-meta-title:not(:last-child) {
  margin-bottom: 0.8rem;
}
.section-prime .section__head .section__head-title:not(:last-child) {
  margin-bottom: 1rem;
}
.section-prime .section__head .section__head-id {
  line-height: 1;
}
.section-prime .section__head .section__head-id:not(:last-child) {
  margin-bottom: 0rem;
}
@media (max-width: 767px) {
  .section-prime .section__head .section__head-id:not(:last-child) {
    margin-bottom: 0.6rem;
  }
}
.section-prime .section__head .section__head-id small {
  font-family: var(--ff-sans-serif);
  font-weight: 400;
  font-size: inherit;
}
@media (max-width: 767px) {
  .section-prime .section__head .content:not(:last-child) {
    margin-bottom: 1.4rem;
  }
}
.section-prime .section__head .aside {
  text-align: right;
}
@media (max-width: 767px) {
  .section-prime .section__head .aside {
    text-align: left;
  }
}
/*  section prime alt  */
.section-prime--alt .section__head:not(:last-child) {
  margin-bottom: 0rem;
}
@media (max-width: 767px) {
  .section-prime--alt .section__head:not(:last-child) {
    margin-bottom: 1.8rem;
  }
}
.section-prime--alt .section__head,
.section-prime--alt .section__body {
  margin: -2rem;
}
@media (max-width: 1599px) {
  .section-prime--alt .section__head,
  .section-prime--alt .section__body {
    margin: calc(var(--gap) / 2 * -1);
  }
}
@media (max-width: 767px) {
  .section-prime--alt .section__head,
  .section-prime--alt .section__body {
    display: block;
    margin: 0;
  }
}
.section-prime--alt .content,
.section-prime--alt .aside {
  padding: 2rem;
}
@media (max-width: 1599px) {
  .section-prime--alt .content,
  .section-prime--alt .aside {
    padding: calc(var(--gap) / 2);
  }
}
@media (max-width: 767px) {
  .section-prime--alt .content,
  .section-prime--alt .aside {
    padding: 0;
  }
}
.section-prime--alt .content {
  flex: 0 0 68.3%;
  max-width: 68.3%;
}
@media (max-width: 1399px) {
  .section-prime--alt .content {
    flex: 0 0 64%;
    max-width: 64%;
  }
}
@media (max-width: 1023px) {
  .section-prime--alt .content {
    flex: 0 0 60%;
    max-width: 60%;
  }
}
@media (max-width: 767px) {
  .section-prime--alt .content {
    max-width: 100%;
  }
}
.section-prime--alt .aside {
  flex: 0 0 31.7%;
  max-width: 31.7%;
}
@media (max-width: 1399px) {
  .section-prime--alt .aside {
    flex: 0 0 36%;
    max-width: 36%;
  }
}
@media (max-width: 1023px) {
  .section-prime--alt .aside {
    flex: 0 0 40%;
    max-width: 40%;
  }
}
@media (max-width: 767px) {
  .section-prime--alt .aside {
    max-width: 100%;
  }
}
/* ------------------------------------------------------------ *\
    Section-sides
\* ------------------------------------------------------------ */
.section-sides {
  padding: var(--section-spacing) 0;
}
.section-sides .section__inner {
  display: flex;
}
.section-sides .section__content {
  position: relative;
  flex: 0 0 50%;
  max-width: 50%;
  padding: 3rem var(--gap) 3rem 0;
  align-self: center;
}
@media (max-width: 1199px) {
  .section-sides .section__content {
    padding: 0 var(--gap) 0 0;
  }
}
.section-sides .section__content .bg-bubble {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
}
.section-sides .section__content .bg-bubble img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section-sides .section__content .section__entry {
  position: relative;
  z-index: 2;
  max-width: 62rem;
}
.section-sides .section__content h2:not(:last-child) {
  margin-bottom: 2.8rem;
}
.section-sides .section__content .section__actions {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  gap: 1rem 2.3rem;
}
.section-sides .section__content .section__actions:not(:first-child) {
  margin-top: 4rem;
}
@media (max-width: 1199px) {
  .section-sides .section__content .section__actions:not(:first-child) {
    margin-top: 3rem;
  }
}
.section-sides .section__aside {
  flex: 0 0 50%;
  max-width: 50%;
}
/*  section sides cards  */
@media (max-width: 767px) {
  .section-sides--cards .section__inner {
    display: block;
  }
}
.section-sides--cards .section__aside {
  display: flex;
}
@media (max-width: 1023px) {
  .section-sides--cards .section__aside {
    display: block;
    flex: 0 0 35%;
    max-width: 35%;
  }
}
@media (max-width: 767px) {
  .section-sides--cards .section__aside {
    max-width: 100%;
    display: flex;
  }
}
@media (max-width: 575px) {
  .section-sides--cards .section__aside {
    display: block;
  }
}
.section-sides--cards .section__aside .card-contact {
  flex: 1;
}
.section-sides--cards .card-contact + .card-contact {
  margin: 6rem 0 0 2rem;
}
@media (max-width: 1023px) {
  .section-sides--cards .card-contact + .card-contact {
    margin: 3rem 0 0;
  }
}
@media (max-width: 767px) {
  .section-sides--cards .card-contact + .card-contact {
    margin: 6rem 0 0 2rem;
  }
}
@media (max-width: 575px) {
  .section-sides--cards .card-contact + .card-contact {
    margin: 3rem auto 0;
  }
}
@media (max-width: 1023px) {
  .section-sides--cards .section__content {
    flex: 0 0 65%;
    max-width: 65%;
    align-self: flex-start;
  }
}
@media (max-width: 767px) {
  .section-sides--cards .section__content {
    max-width: 77%;
    margin-bottom: 3rem;
    padding: 0;
  }
}
@media (max-width: 575px) {
  .section-sides--cards .section__content {
    max-width: 93%;
  }
}
@media (max-width: 375px) {
  .section-sides--cards .section__content {
    max-width: 100%;
  }
}
/* ------------------------------------------------------------ *\
    Section
\* ------------------------------------------------------------ */
.section {
  padding: var(--section-spacing) 0;
}
.section .section__head {
  text-align: center;
  max-width: 74%;
  margin: 0 auto;
}
@media (max-width: 1399px) {
  .section .section__head {
    max-width: 90%;
  }
}
@media (max-width: 1199px) {
  .section .section__head {
    max-width: 100%;
  }
}
.section .section__head h2:not(:last-child) {
  margin-bottom: 2.4rem;
}
.section .section__head:not(:last-child) {
  margin-bottom: 4rem;
}
@media (max-width: 1199px) {
  .section .section__head:not(:last-child) {
    margin-bottom: 3rem;
  }
}
.section .section__body:not(:last-child) {
  margin-bottom: 5rem;
}
@media (max-width: 1199px) {
  .section .section__body:not(:last-child) {
    margin-bottom: 3rem;
  }
}
.section .section__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  gap: 1rem 2.3rem;
}
.section .section__actions:not(:first-child) {
  margin-top: 4rem;
}
.section .section__body .list-alt-links:first-child {
  margin-top: 5.2rem;
}
/*  section slider bg  */
.section-slider-bg .section-bg-block {
  height: 28%;
}
/*  section sides  */
.section--sides .grid-flex {
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .section--sides .grid-flex {
    display: block;
  }
}
.section--sides .section__form {
  padding: 0 6rem 0 7rem;
}
@media (max-width: 1599px) {
  .section--sides .section__form {
    padding: 0 0 0 0.8rem;
  }
}
@media (max-width: 1399px) {
  .section--sides .section__form {
    padding: 0;
  }
}
@media (max-width: 1199px) {
  .section--sides .section__form .form__head {
    max-width: 70%;
  }
}
@media (max-width: 767px) {
  .section--sides .section__form .form__head {
    max-width: 90%;
  }
}
@media (max-width: 575px) {
  .section--sides .section__form .form__head {
    max-width: 100%;
  }
}
/*  section error  */
.section--error {
  text-align: center;
}
.section--error p > a {
  transition: opacity var(--t-dur);
}
@media (hover: hover) {
  .section--error p > a:hover {
    opacity: 0.7;
  }
}
.section--error:not(.bg-purple) p > a {
  color: var(--c-theme2);
}
/* ------------------------------------------------------------ *\
    Select
\* ------------------------------------------------------------ */
.select {
  position: relative;
}
@media (max-width: 767px) {
  .select {
    font-size: 16px !important;
  }
}
.select .select2-container {
  width: 100% !important;
}
.select .select2-container--default .select2-selection--single {
  height: 6rem;
  border-color: var(--c-gray5);
  border-radius: var(--border-radius);
}
@media (max-width: 1399px) {
  .select .select2-container--default .select2-selection--single {
    height: 5rem;
  }
}
@media (max-width: 1023px) {
  .select .select2-container--default .select2-selection--single {
    height: 4.4rem;
  }
}
.select .select2-container--default .select2-selection__rendered {
  color: var(--c-base);
  line-height: 6rem;
  padding: 0 var(--gap);
  display: inline-block;
  max-width: calc(100% - 5rem);
  text-overflow: ellipsis;
}
@media (max-width: 1399px) {
  .select .select2-container--default .select2-selection__rendered {
    line-height: 5rem;
  }
}
@media (max-width: 1199px) {
  .select .select2-container--default .select2-selection__rendered {
    padding: 0 1.2rem;
  }
}
@media (max-width: 1023px) {
  .select .select2-container--default .select2-selection__rendered {
    line-height: 4.4rem;
  }
}
.select .select2-container--default .select2-selection__rendered:after {
  margin-left: 0.3rem;
  display: inline-block;
  content: "*";
  font-size: 80%;
  color: var(--c-red);
}
.select .select2-container--default .select2-selection__arrow {
  height: 6rem;
  right: var(--gap);
}
@media (max-width: 1399px) {
  .select .select2-container--default .select2-selection__arrow {
    height: 5rem;
    top: -0.1rem;
  }
}
@media (max-width: 1199px) {
  .select .select2-container--default .select2-selection__arrow {
    right: 1.2rem;
  }
}
@media (max-width: 1023px) {
  .select .select2-container--default .select2-selection__arrow {
    height: 4.4rem;
  }
}
.select .select2-container--default .select2-selection__arrow b {
  border: none;
  margin: 0;
  background-image: url("assets/images/arrow-down.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.2rem;
  height: 0.7rem;
  transition: transform var(--t-dur);
}
.select .select2-container--default.select2-container--open .select2-selection__arrow b {
  transform: rotate(180deg);
}
.select .select2-results__option {
  padding: 0.6rem var(--gap);
}
@media (max-width: 1199px) {
  .select .select2-results__option {
    padding: 0.6rem 1.2rem;
  }
}
.select .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--c-theme);
  color: var(--c-white);
}
.select .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable:before,
.select .select2-results__option--highlighted.select2-results__option--selectable:before {
  border-color: var(--c-white);
}
.select .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable:after,
.select .select2-results__option--highlighted.select2-results__option--selectable:after {
  border-color: var(--c-white);
}
.select .select2-results__option--selected,
.select .select2-container--default .select2-results__option--selected {
  color: var(--c-theme2);
}
.select .select2-results__option--selected:before,
.select .select2-container--default .select2-results__option--selected:before {
  border-color: var(--c-theme2);
}
.select .select2-results__option--selected:after,
.select .select2-container--default .select2-results__option--selected:after {
  border-color: var(--c-theme2);
}
.select .select2-dropdown {
  border-color: var(--c-gray5);
}
.select .select2-results__option--disabled {
  display: none;
}
.select .required-field:after {
  content: " *";
  /* Adding red asterisk after the placeholder text */
  color: red;
}
.select.is-required .select2-selection__rendered:after {
  display: inline-block;
}
.select.has-selected .select2-container .select2-selection__rendered:after {
  display: none;
}
.select .select2-container--default .select2-selection__placeholder {
  color: var(--c-base);
  max-width: calc(100% - 6rem);
}
/*  select alt  */
.select--alt .select2-selection__rendered:after {
  display: none !important;
}
.select--alt .select2-container--default .select2-selection--single {
  border-color: var(--c-gray6);
  background-color: var(--c-gray6);
}
.select--alt .select2-container--default .select2-selection--multiple {
  border-color: var(--c-gray6);
  background-color: var(--c-gray6);
}
/*  select filter  */
.select--search .select2-selection__rendered:after {
  display: none !important;
}
.select--multiple {
  /*  placeholder  */
  /*  arrow  */
}
.select--multiple .select2-container--default .select2-selection--multiple {
  height: 6rem;
  border-radius: var(--border-radius);
  cursor: pointer;
  padding: 0;
}
@media (max-width: 1399px) {
  .select--multiple .select2-container--default .select2-selection--multiple {
    height: 5rem;
  }
}
@media (max-width: 1023px) {
  .select--multiple .select2-container--default .select2-selection--multiple {
    height: 4.4rem;
  }
}
.select--multiple .select2-search--dropdown {
  padding-top: 0;
}
.select--multiple .select2-selection__placeholder {
  color: var(--c-base);
}
.select--multiple .select2-results__option {
  position: relative;
  padding-left: 4.4rem;
}
.select--multiple .select2-results__option:before {
  position: absolute;
  content: "";
  top: 0.7rem;
  left: 1.2rem;
  width: 2rem;
  height: 2rem;
  border-radius: 0.3rem;
  border: 1px solid var(--c-theme2);
  transition: border-color 0.4s;
}
.select--multiple .select2-results__option:after {
  position: absolute;
  content: "";
  top: 1rem;
  left: 1.9rem;
  border-radius: 0;
  opacity: 0;
  transition: opacity 0.4s;
  height: 1.1rem;
  width: 0.6rem;
  border-bottom: 2px solid var(--c-theme2);
  border-right: 2px solid var(--c-theme2);
  transform: rotate(20deg);
}
.select--multiple .select2-results__option.select2-results__option--selected:after {
  opacity: 1;
}
.select--multiple .select2-container--default .select2-search--inline .select2-search__field {
  visibility: hidden;
  opacity: 0;
}
.select--multiple .select2-container .select2-selection--multiple .select2-selection__rendered {
  display: none;
}
.select--multiple:before {
  font-size: inherit;
  content: attr(data-placeholder);
  position: absolute;
  top: 2rem;
  left: var(--gap);
  z-index: 10;
  pointer-events: none;
  max-width: calc(100% - 8rem);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 1399px) {
  .select--multiple:before {
    top: 1.5rem;
  }
}
@media (max-width: 1199px) {
  .select--multiple:before {
    left: 1.2rem;
    max-width: calc(100% - 6rem);
  }
}
@media (max-width: 1023px) {
  .select--multiple:before {
    top: 1.2rem;
  }
}
.select--multiple:after {
  position: absolute;
  content: "";
  top: 2.9rem;
  right: var(--gap);
  width: 1.2rem;
  height: 0.7rem;
  pointer-events: none;
  background-image: url("assets/images/arrow-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  transition: transform var(--t-dur);
}
@media (max-width: 1399px) {
  .select--multiple:after {
    top: 2.4rem;
  }
}
@media (max-width: 1199px) {
  .select--multiple:after {
    right: 1.2rem;
  }
}
@media (max-width: 1023px) {
  .select--multiple:after {
    top: 2rem;
  }
}
.select--multiple:has(.select2-container--open):after {
  transform: rotate(180deg);
}
/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */
.shell {
  max-width: calc(var(--container-max-width, 1400px) + var(--container-gutter, 24px) * 2);
  padding-left: var(--container-gutter, 24px);
  padding-right: var(--container-gutter, 24px);
  margin: auto;
  width: 100%;
}
.shell--small {
  max-width: calc(var(--container-max-width, 900px) + var(--container-gutter, 24px) * 2);
}
/* shell Fluid */
.shell--fluid {
  max-width: none;
}
/* ------------------------------------------------------------ *\
    skip-link
\* ------------------------------------------------------------ */
.skip-link:focus {
  position: absolute;
  top: var(--gap);
  left: var(--gap);
  background-color: var(--c-theme);
  color: var(--c-white);
  width: unset;
  height: unset;
  padding: unset;
  margin: unset;
  overflow: unset;
  clip: unset;
  border: 0;
  z-index: 200;
  padding: 0.5rem 1rem;
}
/* ------------------------------------------------------------ *\
    Slider-gallery
\* ------------------------------------------------------------ */
.slider-gallery {
  position: relative;
}
.slider-gallery:not(:last-child) {
  margin-bottom: 4rem;
}
@media (max-width: 1023px) {
  .slider-gallery:not(:last-child) {
    margin-bottom: 3rem;
  }
}
@media (max-width: 767px) {
  .slider-gallery:not(:last-child) {
    margin-bottom: 2.4rem;
  }
}
.slider-gallery .swiper-button-prev,
.slider-gallery .swiper-button-next {
  opacity: 1;
  color: var(--c-white);
  text-decoration: none;
  font-size: 1.8rem;
  transition: opacity var(--t-dur), background-color var(--t-dur), color var(--t-dur);
}
@media (hover: hover) {
  .slider-gallery .swiper-button-prev:hover,
  .slider-gallery .swiper-button-next:hover {
    opacity: 0.7;
  }
}
.slider-gallery :where(.swiper-button-prev, .swiper-button-next):after {
  content: "";
}
.slider-gallery .slider__caption {
  position: absolute;
  bottom: 1.2rem;
  left: var(--gap);
  z-index: 3;
  display: flex;
  align-items: center;
  color: var(--c-white);
  line-height: 1;
}
.slider-gallery .slider__caption i {
  font-size: 1.5rem;
}
.slider-gallery .slider__caption i,
.slider-gallery .slider__caption img {
  margin-right: 0.4rem;
}
.slider-gallery .slider__caption span {
  margin: 0.2rem 0 0 0;
  line-height: 1;
}
.slider-gallery-thumbs-holder:not(:last-child) {
  margin-bottom: 4.8rem;
}
@media (max-width: 1023px) {
  .slider-gallery-thumbs-holder:not(:last-child) {
    margin-bottom: 3rem;
  }
}
@media (max-width: 767px) {
  .slider-gallery-thumbs-holder:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
/*  slider gallery alt  */
.slider-gallery--alt .swiper-button-prev,
.slider-gallery--alt .swiper-button-next {
  width: 4rem;
  height: 4rem;
  background-color: rgba(115, 115, 115, 0.8);
  margin-top: -2rem;
}
@media (max-width: 1023px) {
  .slider-gallery--alt .swiper-button-prev,
  .slider-gallery--alt .swiper-button-next {
    width: 3.6rem;
    height: 3.6rem;
    margin-top: -1.8rem;
  }
}
@media (max-width: 767px) {
  .slider-gallery--alt .swiper-button-prev,
  .slider-gallery--alt .swiper-button-next {
    width: 3.4rem;
    height: 3.4rem;
    font-size: 1.6rem;
    margin-top: -1.7rem;
  }
}
@media (max-width: 375px) {
  .slider-gallery--alt .swiper-button-prev,
  .slider-gallery--alt .swiper-button-next {
    width: 3rem;
    height: 3rem;
    font-size: 1.2rem;
    margin-top: -1.5rem;
  }
}
@media (hover: hover) {
  .slider-gallery--alt .swiper-button-prev:hover,
  .slider-gallery--alt .swiper-button-next:hover {
    background-color: #737373;
    opacity: 1;
  }
}
.slider-gallery--alt .swiper-button-prev {
  left: 0;
}
.slider-gallery--alt .swiper-button-next {
  right: 0;
}
.slider-gallery--alt:not(:last-child) {
  margin-bottom: var(--gap);
}
@media (max-width: 1399px) {
  .slider-gallery--alt:not(:last-child) {
    margin-bottom: var(--inner-gap);
  }
}
@media (max-width: 1023px) {
  .slider-gallery--alt:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
.slider-gallery--alt .media {
  position: relative;
  border-radius: var(--border-radius);
}
.slider-gallery--alt .media img {
  border-radius: var(--border-radius);
}
/*  slider gallery main  */
.slider-gallery--main .video {
  border-radius: var(--border-radius);
}
/*  slider gallery thumbs  */
.slider-gallery--thumbs .media {
}
.slider-gallery--thumbs .ico-play {
  display: none;
}
.slider-gallery--thumbs .slider__slide.has-video .ico-play {
  display: inline-flex;
}
/* ------------------------------------------------------------ *\
    Slider
\* ------------------------------------------------------------ */
.slider {
  position: relative;
}
.slider:not(:last-child) {
  margin-bottom: 4rem;
}
@media (max-width: 1023px) {
  .slider:not(:last-child) {
    margin-bottom: 3rem;
  }
}
@media (max-width: 767px) {
  .slider:not(:last-child) {
    margin-bottom: 2.4rem;
  }
}
.slider .swiper-button-prev,
.slider .swiper-button-next {
  width: 5.4rem;
  height: 5.4rem;
  border-radius: 50%;
  opacity: 1;
  border: 3px solid var(--c-orange);
  color: var(--c-white);
  background-color: var(--c-orange);
  text-decoration: none;
  font-size: 1.3rem;
  transition: opacity var(--t-dur), background-color var(--t-dur), color var(--t-dur);
  box-shadow: var(--box-shadow);
}
@media (max-width: 1399px) {
  .slider .swiper-button-prev,
  .slider .swiper-button-next {
    width: 4.4rem;
    height: 4.4rem;
  }
}
@media (max-width: 767px) {
  .slider .swiper-button-prev,
  .slider .swiper-button-next {
    width: 3.6rem;
    height: 3.6rem;
    font-size: 1.2rem;
  }
}
@media (hover: hover) {
  .slider .swiper-button-prev:hover,
  .slider .swiper-button-next:hover {
    opacity: 0.7;
  }
}
.slider .swiper-button-prev {
  left: -13.7rem;
  transform: scaleX(-1);
}
@media (max-width: 1800px) {
  .slider .swiper-button-prev {
    left: -8.7rem;
  }
}
@media (max-width: 1699px) {
  .slider .swiper-button-prev {
    left: -5.5rem;
  }
}
@media (max-width: 1599px) {
  .slider .swiper-button-prev {
    left: -2.8rem;
  }
}
@media (max-width: 1023px) {
  .slider .swiper-button-prev {
    left: -1.9rem;
  }
}
.slider .swiper-button-next {
  right: -13.7rem;
}
@media (max-width: 1800px) {
  .slider .swiper-button-next {
    right: -8.7rem;
  }
}
@media (max-width: 1699px) {
  .slider .swiper-button-next {
    right: -5.5rem;
  }
}
@media (max-width: 1599px) {
  .slider .swiper-button-next {
    right: -2.8rem;
  }
}
@media (max-width: 1023px) {
  .slider .swiper-button-next {
    right: -1.9rem;
  }
}
.slider .swiper-button-disabled {
  background-color: var(--c-white);
  color: var(--c-orange);
  pointer-events: all;
}
.slider :where(.swiper-button-prev, .swiper-button-next):after {
  content: "";
}
.slider .swiper-pagination {
  margin-top: 2rem;
  position: relative;
  bottom: 0;
  top: 0;
}
@media (max-width: 1599px) {
  .slider .swiper-pagination {
    margin-top: 3rem;
  }
}
.slider .swiper-pagination .swiper-pagination-bullet {
  width: 1.4rem;
  height: 0.6rem;
  border-radius: 0.3rem;
  border: none;
  background: var(--c-white);
  transition: background var(--t-dur), width var(--t-dur);
  opacity: 1;
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.slider .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--c-red);
  width: 3.2rem;
}
@media (max-width: 575px) {
  .slider .swiper-pagination .swiper-pagination-bullet-active {
    width: 2.8rem;
  }
}
.slider.is-disabled .slider__actions {
  display: none;
}
.slider.is-disabled .slider__pagination {
  display: none;
}
.slider.is-disabled .swiper-wrapper {
  justify-content: center;
  transform: none!important;
}
.slider .swiper-slide {
  height: auto;
}
.slider .swiper-slide .card-contact {
  height: 100%;
}
.slider .swiper-slide .card-secondary {
  height: 100%;
}
.slider .swiper-slide .tile {
  height: 100%;
}
.slider .swiper-slide .card {
  height: 100%;
}
.slider.has-shadows .swiper {
  padding: 0.5rem;
  margin: 0 -0.5rem;
}
/*  slider tiles  */
.slider--tiles .tile {
  height: 100%;
}
.slider--tiles .swiper-slide:nth-child(even) .tile .tile__media-bg .tile__bg-up {
  display: none;
}
.slider--tiles .swiper-slide:nth-child(even) .tile .tile__media-bg .tile__bg-down {
  display: unset;
}
/*  slider testimonials  */
.slider--testimonials .swiper-slide {
  height: auto;
}
.slider--testimonials .swiper-slide .testimonial {
  height: 100%;
}
@media (min-width: 767.02px) {
  .slider--testimonials .swiper {
    height: unset !important;
  }
}
@media (min-width: 767.02px) {
  .slider--testimonials .swiper-wrapper {
    height: 100% !important;
    align-items: stretch;
    transition-property: transform;
  }
}
.slider--grid .swiper-slide {
  height: auto !important;
}
.slider--grid .swiper-slide .card-contact {
  height: 100%;
}
/*  slider prime  */
.slider--prime .swiper-pagination {
  margin-top: 0;
  position: absolute;
  bottom: 2rem;
  top: unset;
}
@media (max-width: 767px) {
  .slider--prime .swiper-pagination {
    bottom: 1rem;
  }
}
.slider--prime .swiper-pagination-bullet {
  box-shadow: 0px 0px 4px 0px var(--c-white);
}
/* ------------------------------------------------------------ *\
    Socials
\* ------------------------------------------------------------ */
.socials {
  display: flex;
  align-items: center;
}
.socials ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 0.8rem 1.6rem;
}
@media (max-width: 1023px) {
  .socials ul {
    grid-gap: 0.5rem 0.8rem;
  }
}
.socials a {
  transition: opacity var(--t-dur);
  display: inline-block;
  text-decoration: none;
}
@media (hover: hover) {
  .socials a:hover {
    opacity: 0.7;
  }
}
.socials > p {
  margin: 0.3rem 1.2rem 0 0;
  line-height: 1;
}
/*  socials alt  */
.socials--alt ul {
  grid-gap: 0.7rem 0.7rem;
}
/* ------------------------------------------------------------ *\
    Tag-pill
\* ------------------------------------------------------------ */
.tag-pill {
  color: var(--c-red);
  border-radius: var(--border-radius);
  background-color: var(--c-white, #fff);
  font-size: 1.6rem;
  font-weight: 700;
  font-family: var(--ff-mont);
  min-width: 13rem;
  padding: 0.7rem 2.3rem 0.7rem;
  text-align: center;
  line-height: 1;
}
@media (max-width: 1399px) {
  .tag-pill {
    padding: 0.5rem 1rem;
    min-width: 10rem;
  }
}
@media (max-width: 1199px) {
  .tag-pill {
    min-width: 8rem;
    padding: 0.4rem 0.8rem;
    font-size: 1.5rem;
  }
}
@media (max-width: 1023px) {
  .tag-pill {
    font-size: 1.3rem;
  }
}
@media (max-width: 767px) {
  .tag-pill {
    font-size: 1.2rem;
  }
}
.tag-pill--purple {
  color: var(--c-theme);
}
/* ------------------------------------------------------------ *\
    Tag
\* ------------------------------------------------------------ */
.tag {
  display: inline-flex;
  vertical-align: middle;
  text-align: center;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: var(--ff-mont);
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  border-radius: 3rem;
  transition: color var(--t-dur), background-color var(--t-dur), border-color var(--t-dur);
  padding: 0.9rem 2.3rem 0.9rem;
  background-color: var(--c-white);
  border: 2px solid var(--c-theme);
  color: var(--c-theme);
  position: relative;
  isolation: isolate;
  min-width: 12rem;
}
@media (max-width: 1199px) {
  .tag {
    font-size: 1.5rem;
    padding: 0.7rem 2.3rem;
  }
}
@media (max-width: 1023px) {
  .tag {
    font-size: 1.3rem;
    min-width: unset;
    padding: 0.7rem 1.9rem;
  }
}
@media (max-width: 767px) {
  .tag {
    font-size: 1.2rem;
  }
}
.tag i {
  font-size: 1.2rem;
}
@media (max-width: 1023px) {
  .tag i {
    font-size: 1rem;
  }
}
.tag :where(i, img, svg) {
  position: absolute;
  top: 0.5rem;
  right: 0.8rem;
}
@media (max-width: 1023px) {
  .tag :where(i, img, svg) {
    top: 0.4rem;
    right: 0.7rem;
  }
}
@media (hover: hover) {
  .tag:hover {
    background-color: var(--c-theme);
    border-color: var(--c-theme);
    color: var(--c-white);
  }
}
.tag:active {
  background-color: var(--c- [purple]);
  border-color: var(--c-theme);
  color: var(--c-white);
}
/* ------------------------------------------------------------ *\
    Tags
\* ------------------------------------------------------------ */
.tags:not(:last-child) {
  margin-bottom: 4rem;
}
@media (max-width: 1399px) {
  .tags:not(:last-child) {
    margin-bottom: 3rem;
  }
}
.tags > ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
/* ------------------------------------------------------------ *\
    Testimonial
\* ------------------------------------------------------------ */
.testimonial {
  padding: 4rem;
  background-color: var(--c-white);
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
@media (max-width: 1599px) {
  .testimonial {
    padding: var(--gap);
  }
}
.testimonial .testimonial__image {
  margin-bottom: 2.6rem;
}
@media (max-width: 1399px) {
  .testimonial .testimonial__image {
    margin-bottom: 2.4rem;
  }
}
@media (max-width: 767px) {
  .testimonial .testimonial__image {
    margin-bottom: 1.2rem;
  }
}
.testimonial blockquote:not(:last-child) {
  margin-bottom: 2.2rem;
}
@media (max-width: 1399px) {
  .testimonial blockquote:not(:last-child) {
    margin-bottom: 3rem;
  }
}
@media (max-width: 767px) {
  .testimonial blockquote:not(:last-child) {
    margin-bottom: 2rem;
  }
}
.testimonial blockquote p {
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  line-clamp: 10;
  -webkit-box-orient: vertical;
  margin-bottom: 0rem;
}


@media (max-width: 1399px) {
  .testimonial blockquote p {
    -webkit-line-clamp: 8;
    line-clamp: 8;
  }
}
@media (max-width: 575px) {
  .testimonial blockquote p {
    -webkit-line-clamp: 6;
    line-clamp: 6;
  }
}
.testimonial.no-trigger-needed,
.testimonial.no-trigger-needed.is-open {
    cursor: default;
}
.testimonial.no-trigger-needed.is-open .testimonial__show-trigger {
    /*display: none;*/
}
.testimonial .testimonial__show-trigger {
  display: block; font-family: var(--ff-mont); font-weight: 700; font-size: 1.6rem;
  color: var(--c-theme2); transition: color var(--t-dur); text-transform: uppercase;
}

.testimonial .testimonial__show-trigger:hover { color: var(--c-theme); }

.testimonial.no-trigger-needed {
  cursor: default;
}
.testimonial.no-trigger-needed .testimonial__show-trigger {
  display: none;
}
.testimonial.is-open {
  cursor: pointer;
}
.testimonial.is-open blockquote p {
  -webkit-line-clamp: unset;
  line-clamp: unset;
}
.testimonial.is-open .testimonial__show-trigger {
  display: block;
}
.testimonial .feature-profile {
  margin-top: auto;
}
/* ------------------------------------------------------------ *\
    Tile
\* ------------------------------------------------------------ */
.tile {
  border-radius: var(--border-radius);
  background-color: var(--c-white);
  box-shadow: var(--box-shadow);
  text-align: center;
}
.tile .tile__inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: var(--border-radius);
  text-decoration: none;
  padding: 3rem 2rem;
}
@media (max-width: 1599px) {
  .tile .tile__inner {
    padding: var(--gap) var(--inner-gap);
  }
}
@media (max-width: 1199px) {
  .tile .tile__inner {
    padding: var(--inner-gap);
  }
}
@media (max-width: 1023px) {
  .tile .tile__inner {
    padding: var(--gap);
  }
}
.tile a.tile__inner {
  transition: opacity var(--t-dur);
}
@media (hover: hover) {
  .tile a.tile__inner:hover {
    opacity: 0.7;
  }
}
.tile .tile__media {
  width: 7rem;
  height: 6.4rem;
  margin: 0 auto 2.5rem;
  position: relative;
}
.tile .tile__media svg {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--tile-bg-color);
}
.tile .tile__media svg .tile__bg-down {
  display: none;
}
.tile .tile__media .tile__media-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  max-width: 80%;
  max-height: 80%;
}
.tile .tile__media.reverse .tile__bg-up {
  display: none;
}
.tile .tile__media.reverse .tile__bg-down {
  display: unset;
}
.tile .tile__content {
  flex: 1;
  margin-bottom: 1.2rem;
}
.tile .tile__title {
  color: var(--c-theme);
}
.tile .tile__title:not(:last-child) {
  margin-bottom: 1.9rem;
}
.tile :where(.link, .btn) {
  margin-top: auto;
}
.tile .link {
  justify-content: center;
}
.tile .tile__content ul,
.tile .tile__content ol {
  list-style: inside;
}
/* ------------------------------------------------------------ *\
    Tiles
\* ------------------------------------------------------------ */
.tiles .tile {
  height: 100%;
}
@media (max-width: 1399px) {
  .tiles .grid__col--1of4 {
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
}
@media (max-width: 1023px) {
  .tiles .grid__col--1of4 {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (max-width: 575px) {
  .tiles .grid__col--1of4 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.tiles .grid__col:nth-child(even) .tile .tile__media-bg .tile__bg-up {
  display: none;
}
.tiles .grid__col:nth-child(even) .tile .tile__media-bg .tile__bg-down {
  display: unset;
}
/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */
.wrapper {
  position: relative;
  min-height: 100svh;
  overflow-x: clip;
  display: flex;
  flex-direction: column;
}
.wrapper .main {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.wrapper .main > section:not(.hero-alt) {
  flex: 1;
  display: flex;
}
.wrapper:has(.section-under-header) .header-holder {
  position: absolute;
}