:root { 
  --alto: #d9d9d9;
  --black: #000000;
  --black-2: #00000099;
  --black-3: #0101014c;
  --forest-green: #008a1e;
  --fuscous-gray: #505050;
  --soapstone: #fdfbfb;
  --tuna: #283646;
  --white: #ffffff;
  --whitewhite-90: #cfd3d7;
 
  --font-size-l: 32px;
  --font-size-m: 24px;
  --font-size-s: 20px;
  --font-size-xl: 48px;
  --font-size-xs: 16px;
  --font-size-xxl: 72px;
 
  --font-family-verdana-bold: "Verdana-Bold", Helvetica;
  --font-family-verdana-regular: "Verdana-Regular", Helvetica;
}

body {
/*  background-image: url(../img/bg.png); */
  background-color: #606060 /* var(--black-2);
  background-repeat: repeat;
  background-position: 50% 50%; */
}

@font-face {
  font-family: "Verdana-Bold";
  font-style: normal;
  font-weight: bold;
  src: url('../fonts/Verdana-Bold.ttf') format("truetype");
}

@font-face {
  font-family: "Verdana-Regular";
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/Verdana.ttf') format("truetype");
}

.screen textarea:focus, .screen input:focus {
  outline: none;
}

.screen * {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

.screen div {
  -webkit-text-size-adjust: none;
}

.screen a {
  display: contents;
  text-decoration: none;
}

.container-center-horizontal {
  display: flex;
  flex-direction: row;
  justify-content: center;
  pointer-events: none;
  width: 100%;
}

.container-center-horizontal > * {
  flex-shrink: 0;
  pointer-events: auto;
}

.valign-text-middle {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.valign-text-bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

* {
  box-sizing: border-box;
}

.menu16px-regular {
  font-family: var(--font-family-verdana-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
}

.verdana-bold-black-20px {
  color: var(--black);
  font-family: var(--font-family-verdana-bold);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.verdana-bold-alto-16px {
  color: var(--alto);
  font-family: var(--font-family-verdana-bold);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

.verdana-regular-normal-fuscous-gray-24px {
  color: var(--fuscous-gray);
  font-family: var(--font-family-verdana-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.verdana-bold-alto-20px {
  color: var(--alto);
  font-family: var(--font-family-verdana-bold);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.verdana-bold-white-72px {
  color: var(--white);
  font-family: var(--font-family-verdana-bold);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.verdana-bold-fuscous-gray-48px {
  color: var(--fuscous-gray);
  font-family: var(--font-family-verdana-bold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.verdana-bold-mischka-16px {
  color: var(--whitewhite-90);
  font-family: var(--font-family-verdana-bold);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

.verdana-regular-normal-fuscous-gray-32px {
  color: var(--fuscous-gray);
  font-family: var(--font-family-verdana-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.image {
  background-color: transparent;
  position: absolute;
}

.text_label {
  background-color: transparent;
  letter-spacing: 0.00px;
  mix-blend-mode: normal;
  position: absolute;
}

.x1-2 {
  background-color: transparent;
  height: 60px;
  mix-blend-mode: normal;
  position: absolute;
}

.telephone {
  background-color: transparent;
  left: 2px;
  letter-spacing: 0.00px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: right;
  width: auto;
}

.x {
  background-color: transparent;
  mix-blend-mode: normal;
  position: absolute;
}

.main, .works, .service, .contacts {
  border: 1px none;
  mix-blend-mode: normal;
  overflow: visible;
  position: absolute;
  width: 1920px;
}

.main {
  min-height: 1587px;
}

.main .view-DBGWFf {
  background-color: var(--tuna);
  height: 100px;
  left: 288px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 1345px;
  z-index: 1000;
}

.main .view-rWtyxx {
  background-color: transparent;
  height: 40px;
  left: 297px;
  position: absolute;
  top: 30px;
  width: 758px;
}

.main .view-pMtyCC {
  background-color: var(--forest-green);
  border-radius: 7px;
  height: 40px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 180px;
}

.main .text_label-pMtyCC {
  height: 30px;
  left: 41px;
  line-height: 30px;
  text-align: center;
  top: 5px;
  white-space: nowrap;
  width: auto;
}

.main .view-SKicNz {
  background-color: var(--soapstone);
  border-radius: 7px;
  cursor: pointer;
  height: 40px;
  left: 190px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 180px;
}

.main .text_label-SKicNz {
  height: 30px;
  left: 201px;
  line-height: 30px;
  text-align: center;
  top: 5px;
  white-space: nowrap;
  width: auto;
}

.main .view-ZPJS5L {
  background-color: var(--soapstone);
  border-radius: 7px;
  cursor: pointer;
  height: 40px;
  left: 380px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 180px;
}

.main .text_label-ZPJS5L {
  height: 30px;
  left: 431px;
  line-height: 30px;
  text-align: center;
  top: 5px;
  white-space: nowrap;
  width: auto;
}

.main .view-xfs6Br {
  background-color: var(--soapstone);
  border-radius: 7px;
  cursor: pointer;
  height: 40px;
  left: 570px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 180px;
}

.main .text_label-xfs6Br {
  height: 30px;
  left: 604px;
  line-height: 30px;
  text-align: center;
  top: 5px;
  white-space: nowrap;
  width: auto;
}

.main .view-3xW2oC {
  background-color: transparent;
  height: 40px;
  left: 126px;
  position: absolute;
  top: 30px;
  width: 140px;
}

.main .image-xkOIda {
  height: 40px;
  left: 0px;
  mix-blend-mode: normal;
  top: 0px;
  width: 40px;
}

.main .image-OlL58x {
  height: 40px;
  left: 50px;
  mix-blend-mode: normal;
  top: 0px;
  width: 40px;
}

.main .image-35Fz4T {
  height: 40px;
  left: 100px;
  mix-blend-mode: normal;
  top: 0px;
  width: 40px;
}

.main .x1-2-rWtyxx {
  left: 1080px;
  top: 10px;
  width: 232px;
}

.main .telephone-DMdpUR {
  height: 60px;
  top: -1px;
}

.main .view-oHxNdr {
  background-color: transparent;
  height: 70px;
  left: 25px;
  mix-blend-mode: normal;
  position: absolute;
  top: 15px;
  width: 70px;
}

.main .image-FIdP3x {
  height: 70px;
  left: 0px;
  mix-blend-mode: normal;
  top: 0px;
  width: 65px;
}

.main .view-t7QeZx {
  background-color: transparent;
  height: 585px;
  left: 288px;
  position: absolute;
  top: 100px;
  width: 1345px;
}

.main .view-sGYcMv {
  background-color: transparent;
  height: 585px;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  top: 0px;
  width: 1345px;
}

.main .x-co45Hy {
  height: 585px;
  left: 0px;
  top: 0px;
  width: 1345px;
}

.main .view-co45Hy {
  background-color: var(--black-3);
  height: 585px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 1345px;
}

.main .text_label-co45Hy {
  height: 324px;
  left: 133px;
  text-align: center;
  text-shadow: 0px 4px 4px #00000040;
  top: 90px;
  width: auto;
}

.main .view-wyyRuu {
  background-color: var(--alto);
  height: 725px;
  left: 288px;
  mix-blend-mode: normal;
  position: absolute;
  top: 685px;
  width: 1345px;
}

.main .text_label-jsx1n8 {
  height: 72px;
  left: 1003px;
  line-height: 72px;
  text-align: right;
  top: 51px;
  white-space: nowrap;
  width: 244px;
}

.main .x-jsx1n8 {
  height: auto;
  left: 135px;
  letter-spacing: 0.00px;
  line-height: 36px;
  text-align: justify;
  top: 160px;
  width: 1074px;
}

.main .view-EZux1x {
  background-color: var(--tuna);
  height: 182px;
  left: 288px;
  mix-blend-mode: normal;
  position: absolute;
  bottom: 0px;
  width: 1345px;
}

.main .view-sCYg03 {
  background-color: transparent;
  height: 40px;
  left: 1163px;
  position: absolute;
  top: 116px;
  width: 140px;
}

.main .image-pxAJnN {
  height: 40px;
  left: 0px;
  mix-blend-mode: normal;
  top: 0px;
  width: 40px;
}

.main .image-zRSebK {
  height: 40px;
  left: 50px;
  mix-blend-mode: normal;
  top: 0px;
  width: 40px;
}

.main .image-IMVxsm {
  height: 40px;
  left: 100px;
  mix-blend-mode: normal;
  object-fit: cover;
  top: 0px;
  width: 40px;
}

.main .view-tx02y4 {
  background-color: transparent;
  height: 140px;
  left: 25px;
  mix-blend-mode: normal;
  position: absolute;
  top: 21px;
  width: 140px;
}

.main .image-MsjTnS {
  height: 140px;
  left: 0px;
  mix-blend-mode: normal;
  top: 0px;
  width: 125px;
}

.main .image-sCYg03 {
  height: 3px;
  left: 213px;
  top: 90px;
  width: 1090px;
}

.main .x2023-sCYg03 {
  background-color: transparent;
  color: var(--whitewhite-90);
  font-style: normal;
  font-weight: 400;
  height: 48px;
  left: 265px;
  line-height: 24px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 111px;
  width: auto;
}

.main .x9-sCYg03 {
  background-color: transparent;
  height: 24px;
  left: 265px;
  letter-spacing: 0.00px;
  line-height: 24px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 23px;
  white-space: nowrap;
  width: auto;
}

.main .x1-2-sCYg03 {
  left: 1127px;
  top: 15px;
  width: 185px;
}

.main .telephone-YXjTxW {
  height: 48px;
  top: -1px;
}

.main .e-mail {
  background-color: transparent;
  height: 24px;
  left: 810px;
  letter-spacing: 0.00px;
  line-height: 24px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 38px;
  white-space: nowrap;
  width: auto;
}

.main .image-tx02y4 {
  cursor: pointer;
  height: 40px;
  left: 213px;
  mix-blend-mode: normal;
  top: 28px;
  width: 40px;
}

.main .image-il6Q42 {
  height: 40px;
  left: 759px;
  mix-blend-mode: normal;
  object-fit: cover;
  top: 28px;
  width: 40px;
}

.works {
  min-height: 4297px;
}

.works .view-DBGWFf {
  background-color: var(--tuna);
  height: 100px;
  left: 288px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 1345px;
  z-index: 1000;
}

.works .view-XDk9Ka {
  background-color: var(--tuna);
  height: 182px;
  left: 288px;
  mix-blend-mode: normal;
  position: absolute;
  bottom: 0px;
  width: 1345px;
}

.works .view-pMtyCc {
  background-color: var(--soapstone);
  border-radius: 7px;
  height: 40px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 180px;
}

.works .view-SKicNZ {
  background-color: var(--forest-green);
  border-radius: 7px;
  cursor: pointer;
  height: 40px;
  left: 190px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 180px;
}

.works .view-Nsznxs {
  background-color: var(--alto);
  height: 3431px;
  left: 288px;
  mix-blend-mode: normal;
  position: absolute;
  top: 685px;
  width: 1345px;
}

.works .text_label-PqJUKg {
  height: 72px;
  left: 672px;
  line-height: 72px;
  text-align: right;
  top: 51px;
  white-space: nowrap;
  width: 575px;
}

.works .x-PqJUKg {
  height: auto;
  left: 135px;
  letter-spacing: 0.00px;
  line-height: 36px;
  text-align: justify;
  top: 160px;
  width: 1074px;
}

.works .text_label-USY5Ty {
  height: auto;
  left: 0px;
  line-height: 48px;
  text-align: justify;
  top: -1px;
  white-space: nowrap;
  width: 674px;
}

.works .work-r {
  background-color: transparent;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: justify;
  top: 58px;
  width: 544px;
}

.works .image-USY5Ty {
  cursor: pointer;
  height: 462px;
  left: 587px;
  mix-blend-mode: normal;
  top: 0px;
  width: 495px;
}

.works .x2-PqJUKg {
  background-color: transparent;
  height: 457px;
  left: 135px;
  mix-blend-mode: normal;
  position: absolute;
  top: 803px;
  width: 1082px;
}

.works .text_label-FmMt4S {
  height: auto;
  left: 530px;
  line-height: 48px;
  text-align: justify;
  top: -1px;
  white-space: nowrap;
  width: 552px;
}

.works .work-l {
  background-color: transparent;
  height: auto;
  left: 530px;
  letter-spacing: 0.00px;
  line-height: 36px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: justify;
  top: 53px;
  width: 544px;
}

.works .image-FmMt4S {
  cursor: pointer;
  height: 457px;
  left: 0px;
  mix-blend-mode: normal;
  top: 0px;
  width: 495px;
}

.works .x3-PqJUKg {
  background-color: transparent;
  height: 462px;
  left: 135px;
  mix-blend-mode: normal;
  position: absolute;
  top: 1308px;
  width: 1082px;
}

.works .text_label-OD0zGu {
  height: auto;
  left: 0px;
  line-height: 48px;
  text-align: justify;
  top: -1px;
  white-space: nowrap;
  width: 674px;
}

.works .image-OD0zGu {
  cursor: pointer;
  height: 462px;
  left: 587px;
  mix-blend-mode: normal;
  top: 0px;
  width: 495px;
}

.works .x4-PqJUKg {
  background-color: transparent;
  height: 457px;
  left: 135px;
  mix-blend-mode: normal;
  position: absolute;
  top: 1818px;
  width: 1082px;
}

.works .text_label-MImxmM {
  height: auto;
  left: 530px;
  line-height: 48px;
  text-align: justify;
  top: -1px;
  white-space: nowrap;
  width: 552px;
}

.works .image-MImxmM {
  cursor: pointer;
  height: 457px;
  left: 0px;
  mix-blend-mode: normal;
  top: 0px;
  width: 495px;
}

.works .x5-PqJUKg {
  background-color: transparent;
  height: 462px;
  left: 135px;
  mix-blend-mode: normal;
  position: absolute;
  top: 2323px;
  width: 1082px;
}

.works .text_label-kK8ckn {
  height: auto;
  left: 0px;
  line-height: 48px;
  text-align: justify;
  top: -1px;
  white-space: nowrap;
  width: 674px;
}

.works .image-kK8ckn {
  cursor: pointer;
  height: 462px;
  left: 587px;
  mix-blend-mode: normal;
  top: 0px;
  width: 495px;
}

.works .x6-PqJUKg {
  background-color: transparent;
  height: 457px;
  left: 135px;
  mix-blend-mode: normal;
  position: absolute;
  top: 2833px;
  width: 1082px;
}

.works .text_label-csPwvj {
  height: auto;
  left: 530px;
  line-height: 48px;
  text-align: justify;
  top: -1px;
  white-space: nowrap;
  width: 552px;
}

.works .image-csPwvj {
  cursor: pointer;
  height: 457px;
  left: 0px;
  mix-blend-mode: normal;
  top: 0px;
  width: 495px;
}

.works .x1-PqJUKg {
  background-color: transparent;
  height: 462px;
  left: 135px;
  mix-blend-mode: normal;
  position: absolute;
  top: 293px;
  width: 1082px;
}

.service {
  min-height: 1587px;
}

.service .view-3ZWbmn {
  background-color: var(--alto);
  height: 720px;
  left: 288px;
  mix-blend-mode: normal;
  position: absolute;
  top: 685px;
  width: 1345px;
}

.service .text_label-6Wjdl1 {
  height: 72px;
  left: 1003px;
  line-height: 72px;
  text-align: right;
  top: 51px;
  white-space: nowrap;
  width: 244px;
}

.service .x-6Wjdl1 {
  height: auto;
  left: 135px;
  letter-spacing: 0.00px;
  line-height: 36px;
  text-align: justify;
  top: 160px;
  width: 1074px;
}

.service .view-cQJa5T {
  background-color: var(--soapstone);
  border-radius: 7px;
  cursor: pointer;
  height: 40px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 180px;
}

.service .view-LRxShx {
  background-color: var(--soapstone);
  border-radius: 7px;
  cursor: pointer;
  height: 40px;
  left: 190px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 180px;
}

.service .view-5ts3kP {
  background-color: var(--forest-green);
  border-radius: 7px;
  height: 40px;
  left: 380px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 180px;
}

.service .view-McnvaV {
  background-color: var(--soapstone);
  border-radius: 7px;
  cursor: pointer;
  height: 40px;
  left: 570px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 180px;
}

.contacts {
  min-height: 1957px;
}

.contacts .view-JsThbx {
  background-color: var(--alto);
  height: 1093px;
  left: 288px;
  mix-blend-mode: normal;
  position: absolute;
  top: 685px;
  width: 1345px;
}

.contacts .text_label-MrDpsO {
  height: 72px;
  left: 924px;
  line-height: 72px;
  text-align: right;
  top: 51px;
  white-space: nowrap;
  width: 323px;
}

.contacts .x-MrDpsO {
  background-color: transparent;
  height: auto;
  left: 133px;
  letter-spacing: 0.00px;
  line-height: 36px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: justify;
  top: 160px;
  width: 456px;
}

.contacts .map {
  background-color: transparent;
  height: 891px;
  left: 577px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 161px;
  width: 701px;
}

.contacts .view-wxwa4v {
  background-color: var(--tuna);
  height: 182px;
  left: 288px;
  mix-blend-mode: normal;
  position: absolute;
  bottom: 0%;
  width: 1345px;
}

.contacts .view-xCHrxx {
  background-color: var(--soapstone);
  border-radius: 7px;
  cursor: pointer;
  height: 40px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 180px;
}

.contacts .view-LSzEqx {
  background-color: var(--soapstone);
  border-radius: 7px;
  cursor: pointer;
  height: 40px;
  left: 190px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 180px;
}

.contacts .view-mU4RHZ {
  background-color: var(--soapstone);
  border-radius: 7px;
  cursor: pointer;
  height: 40px;
  left: 380px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 180px;
}

.contacts .view-CS1bc1 {
  background-color: var(--forest-green);
  border-radius: 7px;
  height: 40px;
  left: 570px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 180px;
}
