@charset "UTF-8";
:root {
  --c-black: #000;
  --c-black-transparent-020: rgba(0, 0, 0, .2);
  --c-black-transparent-050: rgba(0, 0, 0, .5);
  --c-white: #fff;
  --c-white-transparent-000: rgba(255, 255, 255, .0);
  --c-white-transparent-008: rgba(255, 255, 255, .08);
  --c-white-transparent-010: rgba(255, 255, 255, .1);
  --c-white-transparent-012: rgba(255, 255, 255, .12);
  --c-white-transparent-016: rgba(255, 255, 255, .16);
  --c-white-transparent-024: rgba(255, 255, 255, .24);
  --c-white-transparent-040: rgba(255, 255, 255, .4);
  --c-white-transparent-050: rgba(255, 255, 255, .5);
  --c-white-transparent-070: rgba(255, 255, 255, .7);
  --c-white-transparent-080: rgba(255, 255, 255, .8);
  --c-green: #26FF95;
  --c-green-light: #3cc481;
  --c-green-dark: #00DB8C;
  --c-green-light-transparent-016:rgba(38, 255, 149, .16);
  --c-green-light-transparent-032:rgba(38, 255, 149, .32);
  --c-green-bz: #7AA52A;
  --c-gray-blue: #54656f;
  --c-gray-blue-light: #d0dce3;
  --c-gray-blue-lightest: #f3f7f9;
  --c-gray-blue-megium: #7aa2ba;
  --c-gray-blue-dark: #3d4e57;
  --c-gray-blue-darkest: #35424b;
  --c-gray-transparent-032: rgba(25, 25, 25, .32);
  --c-gray-transparent-040: rgba(25, 25, 25, .4);
  --c-gray-transparent-050: rgba(79, 76, 76, 0.5);
  --c-gray-light-transparent-032: rgba(243, 240, 250, .32);
  --c-gray-light-transparent-075: rgba(243, 240, 250, .75);
  --c-gray-light: rgba(243, 240, 250);
  --c-gray-light-medium: #d9d9d9;
  --c-gray-medium: #666666;
  --с-gray-pink: #F3F0FA;
  --c-gray-darkest: #191919;
  --c-gray-lightest: #343434;
  --с-gray: #747474;
  --c-grayish-muted: #a6a6a6;
  --c-grayish-red: #ca4d55;
  --с-orange-red: #f37862;
  --c-red: #FF3434;
  --c-red-transparent-032: rgba(255, 52, 52, .32);
  --c-red-bz: #C22821;
  --c-pink: rgb(245, 78, 209);
  --c-pink-transparent-020: rgba(245, 78, 209, .2);
  --c-pink-transparent-024: rgba(255, 40, 182, .24);
  --c-pink-transparent-032: rgba(245, 78, 209, .32);
  --c-purple-transparent-024: rgba(148, 40, 255, .24);
  --c-purple-light-transparent-020: rgba(121, 78, 245, .2);
  --c-blue-light-transparent-020: rgba(78, 215, 245, .2);
}
:root {
  --c-primary: var(--c-gray-darkest);
  --c-primary-ligh: var(--c-gray-blue-light);
  --c-primary-lightest: var(--c-gray-blue-lightest);
  --c-primary-medium: var(--c-gray-blue-megium);
  --c-primary-dark: var(--c-gray-blue-dark);
  --c-primary-darkest: var(--c-gray-blue-darkest);
  --c-secondary: var(--c-green);
  --c-secondary-light: var(--c-green-light);
  --c-muted: var(--c-grayish-muted);
  --с-attention: var(--с-orange-red);
  --c-danger: var(--c-red);
  --c-disabled: var(--c-muted);
  --c-error: var(--c-danger);
  --base-text-color: var(--c-white);
  --primary-text-color: var(--c-primary);
  --primary-text-color-light: var(--c-primary-ligh);
  --primary-text-color-lightest: var(--c-primary-lightest);
  --primary-text-color-dark: var(--c-primary-dark);
  --primary-text-color-darkest: var(--c-gray-blue-darkest);
  --secondary-text-color: var(--c-white);
  --secondary-text-color-light: var(--c-secondary-light);
  --text-hover: var(--c-green);
  --bright-text-color: var(--c-green-dark);
  --lightest-bg: var(--c-primary-lightest);
  --muted-bg: var(--c-white-transparent-008);
  --muted-bg-grayish: var(--c-white-transparent-050);
  --secondary-bg: var(--с-gray-pink);
  --body-bg: var(--c-gray-darkest);
  --primary-bg: var(--c-primary);
  --primary-bg-dark: var(--c-primary-dark);
  --primary-bg-darkest: var(--c-primary-darkest);
  --btn-primary-bg: var(--c-secondary);
  --btn-primary-bg-light: var(--c-secondary-light);
  --btn-primary-bg-active: var(--c-green-light-transparent-016);
  --btn-primary-bg-hover: var(--c-green-dark);
  --btn-secondary-bg: var(--c-white);
  --btn-disabled-bg: var(--c-disabled);
  --input-bg: --c-white-transparent-024;
  --input-border: var(--c-white-transparent-024);
  --input-border-active: var(--c-green-light-transparent-032);
  --input-border-hover: var(--c-green-dark);
  --checkbox-bg: var(--c-white);
  --checkbox-bg-hover: var(--c-green-dark);
  --checkbox-border: var(--c-black);
  --block-border: var(--c-white-transparent-016);
  --block-border-hover: var(--c-green-dark);
  --block-border-active: var(--c-green);
}
:root {
  --z-index-prev-under-page-content: -200;
  --z-index-under-page-content: -100;
  --z-index-page-content: 0;
  --z-index-prev-over-page-content: 250;
  --z-index-over-page-content: 500;
  --z-index-header: 1000;
  --z-index-overlay: 1500;
  --z-index-popup: 2000;
}
:root {
  --font-family-primary: "Raleway" ;
}
.contact-item {
  width: -moz-fit-content;
  width: fit-content;
  padding: 3.2rem;
  border-radius: 2.4rem;
  border: 1px solid var(--c-white-transparent-024);
  background-color: var(--c-white-transparent-016);
  -webkit-backdrop-filter: blur(1.2rem);
          backdrop-filter: blur(1.2rem);
  z-index: var(--z-index-prev-over-page-content);
}
@media screen and (max-width: 1199px) {
.contact-item {
    width: 100%;
    padding: 2.4rem 3.7rem;
    text-align: center;
}
}
@media screen and (min-width: 1px) and (max-width: 87.8rem) {
.contact-item {
    font-size: 2rem;
}
}
.contact-item__title {
  font-family: var(--font-family-primary);
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3rem;
}
@media screen and (max-width: 369px) {
.contact-item__title {
    font-size: 1.6rem;
}
}
@media screen and (min-width: 370px) and (max-width: 87.8rem) {
.contact-item__title {
    font-size: 2rem;
    line-height: 2.5rem;
}
}
.contact-item__description {
  font-family: var(--font-family-primary);
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1.25;
  margin-top: 3.2rem;
}
@media screen and (max-width: 369px) {
.contact-item__description {
    margin-top: 1.6rem;
    font-size: 1.8rem;
    line-height: 3rem;
}
}
@media screen and (min-width: 370px) and (max-width: 87.8rem) {
.contact-item__description {
    margin-top: 1.6rem;
    font-size: 2.4rem;
}
}
.contact-item:last-child {
  padding-right: 16.6rem;
}
@media screen and (min-width: 1px) and (max-width: 87.8rem) {
.contact-item:last-child {
    padding-right: 3.2rem;
}
}
:root {
  --c-black: #000;
  --c-black-transparent-020: rgba(0, 0, 0, .2);
  --c-black-transparent-050: rgba(0, 0, 0, .5);
  --c-white: #fff;
  --c-white-transparent-000: rgba(255, 255, 255, .0);
  --c-white-transparent-008: rgba(255, 255, 255, .08);
  --c-white-transparent-010: rgba(255, 255, 255, .1);
  --c-white-transparent-012: rgba(255, 255, 255, .12);
  --c-white-transparent-016: rgba(255, 255, 255, .16);
  --c-white-transparent-024: rgba(255, 255, 255, .24);
  --c-white-transparent-040: rgba(255, 255, 255, .4);
  --c-white-transparent-050: rgba(255, 255, 255, .5);
  --c-white-transparent-070: rgba(255, 255, 255, .7);
  --c-white-transparent-080: rgba(255, 255, 255, .8);
  --c-green: #26FF95;
  --c-green-light: #3cc481;
  --c-green-dark: #00DB8C;
  --c-green-light-transparent-016:rgba(38, 255, 149, .16);
  --c-green-light-transparent-032:rgba(38, 255, 149, .32);
  --c-green-bz: #7AA52A;
  --c-gray-blue: #54656f;
  --c-gray-blue-light: #d0dce3;
  --c-gray-blue-lightest: #f3f7f9;
  --c-gray-blue-megium: #7aa2ba;
  --c-gray-blue-dark: #3d4e57;
  --c-gray-blue-darkest: #35424b;
  --c-gray-transparent-032: rgba(25, 25, 25, .32);
  --c-gray-transparent-040: rgba(25, 25, 25, .4);
  --c-gray-transparent-050: rgba(79, 76, 76, 0.5);
  --c-gray-light-transparent-032: rgba(243, 240, 250, .32);
  --c-gray-light-transparent-075: rgba(243, 240, 250, .75);
  --c-gray-light: rgba(243, 240, 250);
  --c-gray-light-medium: #d9d9d9;
  --c-gray-medium: #666666;
  --с-gray-pink: #F3F0FA;
  --c-gray-darkest: #191919;
  --c-gray-lightest: #343434;
  --с-gray: #747474;
  --c-grayish-muted: #a6a6a6;
  --c-grayish-red: #ca4d55;
  --с-orange-red: #f37862;
  --c-red: #FF3434;
  --c-red-transparent-032: rgba(255, 52, 52, .32);
  --c-red-bz: #C22821;
  --c-pink: rgb(245, 78, 209);
  --c-pink-transparent-020: rgba(245, 78, 209, .2);
  --c-pink-transparent-024: rgba(255, 40, 182, .24);
  --c-pink-transparent-032: rgba(245, 78, 209, .32);
  --c-purple-transparent-024: rgba(148, 40, 255, .24);
  --c-purple-light-transparent-020: rgba(121, 78, 245, .2);
  --c-blue-light-transparent-020: rgba(78, 215, 245, .2);
}
:root {
  --c-primary: var(--c-gray-darkest);
  --c-primary-ligh: var(--c-gray-blue-light);
  --c-primary-lightest: var(--c-gray-blue-lightest);
  --c-primary-medium: var(--c-gray-blue-megium);
  --c-primary-dark: var(--c-gray-blue-dark);
  --c-primary-darkest: var(--c-gray-blue-darkest);
  --c-secondary: var(--c-green);
  --c-secondary-light: var(--c-green-light);
  --c-muted: var(--c-grayish-muted);
  --с-attention: var(--с-orange-red);
  --c-danger: var(--c-red);
  --c-disabled: var(--c-muted);
  --c-error: var(--c-danger);
  --base-text-color: var(--c-white);
  --primary-text-color: var(--c-primary);
  --primary-text-color-light: var(--c-primary-ligh);
  --primary-text-color-lightest: var(--c-primary-lightest);
  --primary-text-color-dark: var(--c-primary-dark);
  --primary-text-color-darkest: var(--c-gray-blue-darkest);
  --secondary-text-color: var(--c-white);
  --secondary-text-color-light: var(--c-secondary-light);
  --text-hover: var(--c-green);
  --bright-text-color: var(--c-green-dark);
  --lightest-bg: var(--c-primary-lightest);
  --muted-bg: var(--c-white-transparent-008);
  --muted-bg-grayish: var(--c-white-transparent-050);
  --secondary-bg: var(--с-gray-pink);
  --body-bg: var(--c-gray-darkest);
  --primary-bg: var(--c-primary);
  --primary-bg-dark: var(--c-primary-dark);
  --primary-bg-darkest: var(--c-primary-darkest);
  --btn-primary-bg: var(--c-secondary);
  --btn-primary-bg-light: var(--c-secondary-light);
  --btn-primary-bg-active: var(--c-green-light-transparent-016);
  --btn-primary-bg-hover: var(--c-green-dark);
  --btn-secondary-bg: var(--c-white);
  --btn-disabled-bg: var(--c-disabled);
  --input-bg: --c-white-transparent-024;
  --input-border: var(--c-white-transparent-024);
  --input-border-active: var(--c-green-light-transparent-032);
  --input-border-hover: var(--c-green-dark);
  --checkbox-bg: var(--c-white);
  --checkbox-bg-hover: var(--c-green-dark);
  --checkbox-border: var(--c-black);
  --block-border: var(--c-white-transparent-016);
  --block-border-hover: var(--c-green-dark);
  --block-border-active: var(--c-green);
}
:root {
  --z-index-prev-under-page-content: -200;
  --z-index-under-page-content: -100;
  --z-index-page-content: 0;
  --z-index-prev-over-page-content: 250;
  --z-index-over-page-content: 500;
  --z-index-header: 1000;
  --z-index-overlay: 1500;
  --z-index-popup: 2000;
}
:root {
  --font-family-primary: "Raleway" ;
}
.contact-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
  max-width: 114.2rem;
  width: 100%;
  z-index: var(--z-index-prev-over-page-content);
}
@media screen and (max-width: 1447px) {
.contact-list {
    flex-direction: column;
    gap: 1.6rem;
}
}
[data-v-a99a8add]:root {
  --c-black: #000;
  --c-black-transparent-020: rgba(0, 0, 0, .2);
  --c-black-transparent-050: rgba(0, 0, 0, .5);
  --c-white: #fff;
  --c-white-transparent-000: rgba(255, 255, 255, .0);
  --c-white-transparent-008: rgba(255, 255, 255, .08);
  --c-white-transparent-010: rgba(255, 255, 255, .1);
  --c-white-transparent-012: rgba(255, 255, 255, .12);
  --c-white-transparent-016: rgba(255, 255, 255, .16);
  --c-white-transparent-024: rgba(255, 255, 255, .24);
  --c-white-transparent-040: rgba(255, 255, 255, .4);
  --c-white-transparent-050: rgba(255, 255, 255, .5);
  --c-white-transparent-070: rgba(255, 255, 255, .7);
  --c-white-transparent-080: rgba(255, 255, 255, .8);
  --c-green: #26FF95;
  --c-green-light: #3cc481;
  --c-green-dark: #00DB8C;
  --c-green-light-transparent-016:rgba(38, 255, 149, .16);
  --c-green-light-transparent-032:rgba(38, 255, 149, .32);
  --c-green-bz: #7AA52A;
  --c-gray-blue: #54656f;
  --c-gray-blue-light: #d0dce3;
  --c-gray-blue-lightest: #f3f7f9;
  --c-gray-blue-megium: #7aa2ba;
  --c-gray-blue-dark: #3d4e57;
  --c-gray-blue-darkest: #35424b;
  --c-gray-transparent-032: rgba(25, 25, 25, .32);
  --c-gray-transparent-040: rgba(25, 25, 25, .4);
  --c-gray-transparent-050: rgba(79, 76, 76, 0.5);
  --c-gray-light-transparent-032: rgba(243, 240, 250, .32);
  --c-gray-light-transparent-075: rgba(243, 240, 250, .75);
  --c-gray-light: rgba(243, 240, 250);
  --c-gray-light-medium: #d9d9d9;
  --c-gray-medium: #666666;
  --с-gray-pink: #F3F0FA;
  --c-gray-darkest: #191919;
  --c-gray-lightest: #343434;
  --с-gray: #747474;
  --c-grayish-muted: #a6a6a6;
  --c-grayish-red: #ca4d55;
  --с-orange-red: #f37862;
  --c-red: #FF3434;
  --c-red-transparent-032: rgba(255, 52, 52, .32);
  --c-red-bz: #C22821;
  --c-pink: rgb(245, 78, 209);
  --c-pink-transparent-020: rgba(245, 78, 209, .2);
  --c-pink-transparent-024: rgba(255, 40, 182, .24);
  --c-pink-transparent-032: rgba(245, 78, 209, .32);
  --c-purple-transparent-024: rgba(148, 40, 255, .24);
  --c-purple-light-transparent-020: rgba(121, 78, 245, .2);
  --c-blue-light-transparent-020: rgba(78, 215, 245, .2);
}
[data-v-a99a8add]:root {
  --c-primary: var(--c-gray-darkest);
  --c-primary-ligh: var(--c-gray-blue-light);
  --c-primary-lightest: var(--c-gray-blue-lightest);
  --c-primary-medium: var(--c-gray-blue-megium);
  --c-primary-dark: var(--c-gray-blue-dark);
  --c-primary-darkest: var(--c-gray-blue-darkest);
  --c-secondary: var(--c-green);
  --c-secondary-light: var(--c-green-light);
  --c-muted: var(--c-grayish-muted);
  --с-attention: var(--с-orange-red);
  --c-danger: var(--c-red);
  --c-disabled: var(--c-muted);
  --c-error: var(--c-danger);
  --base-text-color: var(--c-white);
  --primary-text-color: var(--c-primary);
  --primary-text-color-light: var(--c-primary-ligh);
  --primary-text-color-lightest: var(--c-primary-lightest);
  --primary-text-color-dark: var(--c-primary-dark);
  --primary-text-color-darkest: var(--c-gray-blue-darkest);
  --secondary-text-color: var(--c-white);
  --secondary-text-color-light: var(--c-secondary-light);
  --text-hover: var(--c-green);
  --bright-text-color: var(--c-green-dark);
  --lightest-bg: var(--c-primary-lightest);
  --muted-bg: var(--c-white-transparent-008);
  --muted-bg-grayish: var(--c-white-transparent-050);
  --secondary-bg: var(--с-gray-pink);
  --body-bg: var(--c-gray-darkest);
  --primary-bg: var(--c-primary);
  --primary-bg-dark: var(--c-primary-dark);
  --primary-bg-darkest: var(--c-primary-darkest);
  --btn-primary-bg: var(--c-secondary);
  --btn-primary-bg-light: var(--c-secondary-light);
  --btn-primary-bg-active: var(--c-green-light-transparent-016);
  --btn-primary-bg-hover: var(--c-green-dark);
  --btn-secondary-bg: var(--c-white);
  --btn-disabled-bg: var(--c-disabled);
  --input-bg: --c-white-transparent-024;
  --input-border: var(--c-white-transparent-024);
  --input-border-active: var(--c-green-light-transparent-032);
  --input-border-hover: var(--c-green-dark);
  --checkbox-bg: var(--c-white);
  --checkbox-bg-hover: var(--c-green-dark);
  --checkbox-border: var(--c-black);
  --block-border: var(--c-white-transparent-016);
  --block-border-hover: var(--c-green-dark);
  --block-border-active: var(--c-green);
}
[data-v-a99a8add]:root {
  --z-index-prev-under-page-content: -200;
  --z-index-under-page-content: -100;
  --z-index-page-content: 0;
  --z-index-prev-over-page-content: 250;
  --z-index-over-page-content: 500;
  --z-index-header: 1000;
  --z-index-overlay: 1500;
  --z-index-popup: 2000;
}
[data-v-a99a8add]:root {
  --font-family-primary: "Raleway" ;
}
.yandex-map[data-v-a99a8add] {
  width: 100vw;
  height: 55rem;
}
@media screen and (max-width: 767px) {
.yandex-map[data-v-a99a8add] {
    height: 50.5rem;
}
}
:root {
  --c-black: #000;
  --c-black-transparent-020: rgba(0, 0, 0, .2);
  --c-black-transparent-050: rgba(0, 0, 0, .5);
  --c-white: #fff;
  --c-white-transparent-000: rgba(255, 255, 255, .0);
  --c-white-transparent-008: rgba(255, 255, 255, .08);
  --c-white-transparent-010: rgba(255, 255, 255, .1);
  --c-white-transparent-012: rgba(255, 255, 255, .12);
  --c-white-transparent-016: rgba(255, 255, 255, .16);
  --c-white-transparent-024: rgba(255, 255, 255, .24);
  --c-white-transparent-040: rgba(255, 255, 255, .4);
  --c-white-transparent-050: rgba(255, 255, 255, .5);
  --c-white-transparent-070: rgba(255, 255, 255, .7);
  --c-white-transparent-080: rgba(255, 255, 255, .8);
  --c-green: #26FF95;
  --c-green-light: #3cc481;
  --c-green-dark: #00DB8C;
  --c-green-light-transparent-016:rgba(38, 255, 149, .16);
  --c-green-light-transparent-032:rgba(38, 255, 149, .32);
  --c-green-bz: #7AA52A;
  --c-gray-blue: #54656f;
  --c-gray-blue-light: #d0dce3;
  --c-gray-blue-lightest: #f3f7f9;
  --c-gray-blue-megium: #7aa2ba;
  --c-gray-blue-dark: #3d4e57;
  --c-gray-blue-darkest: #35424b;
  --c-gray-transparent-032: rgba(25, 25, 25, .32);
  --c-gray-transparent-040: rgba(25, 25, 25, .4);
  --c-gray-transparent-050: rgba(79, 76, 76, 0.5);
  --c-gray-light-transparent-032: rgba(243, 240, 250, .32);
  --c-gray-light-transparent-075: rgba(243, 240, 250, .75);
  --c-gray-light: rgba(243, 240, 250);
  --c-gray-light-medium: #d9d9d9;
  --c-gray-medium: #666666;
  --с-gray-pink: #F3F0FA;
  --c-gray-darkest: #191919;
  --c-gray-lightest: #343434;
  --с-gray: #747474;
  --c-grayish-muted: #a6a6a6;
  --c-grayish-red: #ca4d55;
  --с-orange-red: #f37862;
  --c-red: #FF3434;
  --c-red-transparent-032: rgba(255, 52, 52, .32);
  --c-red-bz: #C22821;
  --c-pink: rgb(245, 78, 209);
  --c-pink-transparent-020: rgba(245, 78, 209, .2);
  --c-pink-transparent-024: rgba(255, 40, 182, .24);
  --c-pink-transparent-032: rgba(245, 78, 209, .32);
  --c-purple-transparent-024: rgba(148, 40, 255, .24);
  --c-purple-light-transparent-020: rgba(121, 78, 245, .2);
  --c-blue-light-transparent-020: rgba(78, 215, 245, .2);
}
:root {
  --c-primary: var(--c-gray-darkest);
  --c-primary-ligh: var(--c-gray-blue-light);
  --c-primary-lightest: var(--c-gray-blue-lightest);
  --c-primary-medium: var(--c-gray-blue-megium);
  --c-primary-dark: var(--c-gray-blue-dark);
  --c-primary-darkest: var(--c-gray-blue-darkest);
  --c-secondary: var(--c-green);
  --c-secondary-light: var(--c-green-light);
  --c-muted: var(--c-grayish-muted);
  --с-attention: var(--с-orange-red);
  --c-danger: var(--c-red);
  --c-disabled: var(--c-muted);
  --c-error: var(--c-danger);
  --base-text-color: var(--c-white);
  --primary-text-color: var(--c-primary);
  --primary-text-color-light: var(--c-primary-ligh);
  --primary-text-color-lightest: var(--c-primary-lightest);
  --primary-text-color-dark: var(--c-primary-dark);
  --primary-text-color-darkest: var(--c-gray-blue-darkest);
  --secondary-text-color: var(--c-white);
  --secondary-text-color-light: var(--c-secondary-light);
  --text-hover: var(--c-green);
  --bright-text-color: var(--c-green-dark);
  --lightest-bg: var(--c-primary-lightest);
  --muted-bg: var(--c-white-transparent-008);
  --muted-bg-grayish: var(--c-white-transparent-050);
  --secondary-bg: var(--с-gray-pink);
  --body-bg: var(--c-gray-darkest);
  --primary-bg: var(--c-primary);
  --primary-bg-dark: var(--c-primary-dark);
  --primary-bg-darkest: var(--c-primary-darkest);
  --btn-primary-bg: var(--c-secondary);
  --btn-primary-bg-light: var(--c-secondary-light);
  --btn-primary-bg-active: var(--c-green-light-transparent-016);
  --btn-primary-bg-hover: var(--c-green-dark);
  --btn-secondary-bg: var(--c-white);
  --btn-disabled-bg: var(--c-disabled);
  --input-bg: --c-white-transparent-024;
  --input-border: var(--c-white-transparent-024);
  --input-border-active: var(--c-green-light-transparent-032);
  --input-border-hover: var(--c-green-dark);
  --checkbox-bg: var(--c-white);
  --checkbox-bg-hover: var(--c-green-dark);
  --checkbox-border: var(--c-black);
  --block-border: var(--c-white-transparent-016);
  --block-border-hover: var(--c-green-dark);
  --block-border-active: var(--c-green);
}
:root {
  --z-index-prev-under-page-content: -200;
  --z-index-under-page-content: -100;
  --z-index-page-content: 0;
  --z-index-prev-over-page-content: 250;
  --z-index-over-page-content: 500;
  --z-index-header: 1000;
  --z-index-overlay: 1500;
  --z-index-popup: 2000;
}
:root {
  --font-family-primary: "Raleway" ;
}
.contacts {
  width: 100vw;
  color: var(--c-white);
  background-color: var(--body-bg);
  overflow-x: hidden;
  overflow-y: hidden;
}
.contacts__top-page {
  position: relative;
}
.contacts__title {
  font-family: var(--font-family-primary);
  font-size: 10rem;
  font-weight: 700;
  line-height: 12.5rem;
  position: relative;
  margin-top: 8.5rem;
  margin-bottom: 8rem;
  z-index: var(--z-index-over-page-content);
}
@media screen and (max-width: 1199px) {
.contacts__title {
    margin-top: 1.6rem;
    margin-bottom: 3.2rem;
    font-size: 4rem;
    line-height: 5rem;
    text-align: center;
}
}
.contacts__shadow {
  position: absolute;
  right: 0;
  z-index: var(--z-index-page-content);
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: rgb(25, 25, 25);
}
@media screen and (max-width: 1199px) {
.contacts__shadow {
    overflow: hidden;
}
}
.contacts__shadow-gradient {
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at top 71% right 10%, rgb(75, 75, 75) 0%, rgb(69, 69, 69) 15%, rgb(55, 55, 55) 25%, rgb(46, 46, 46) 34%, rgb(25, 25, 25) 68%, rgb(20, 20, 20) 100%);
}
.contacts__figure {
  position: absolute;
  top: 14rem;
  right: 0;
  z-index: var(--z-index-prev-over-page-content);
  pointer-events: none;
}
@media screen and (max-width: 1199px) {
.contacts__figure {
    top: 8rem;
    right: -20rem;
    overflow: hidden;
}
}
.contacts__content {
  position: relative;
  z-index: var(--z-index-prev-over-page-content);
  padding-top: 10rem;
  padding-bottom: 5.6rem;
}
@media screen and (max-width: 767px) {
.contacts__content {
    padding-top: 8rem;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.contacts__content {
    padding-top: 9rem;
}
}
@media screen and (max-width: 450px) {
.contacts__content {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
}
}
@media screen and (max-width: 1199px) {
.contacts__content {
    padding-bottom: 4rem;
}
}
.contacts__contact-form {
  z-index: var(--z-index-header);
}
.contacts__header {
  z-index: var(--z-index-overlay);
}
.contacts__footer {
  position: relative;
  z-index: var(--z-index-prev-over-page-content);
}