@font-face {
  font-family: Manrope;
  src: url("/user/themes/tvoiogorod/fonts/Manrope-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: Manrope;
  src: url("/user/themes/tvoiogorod/fonts/Manrope-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Manrope;
  src: url("/user/themes/tvoiogorod/fonts/Manrope-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: Manrope;
  src: url("/user/themes/tvoiogorod/fonts/Manrope-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: Manrope;
  src: url("/user/themes/tvoiogorod/fonts/Manrope-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: Manrope;
  src: url("/user/themes/tvoiogorod/fonts/Manrope-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

.bg-main {
  background-image: url("/user/themes/tvoiogorod/image/main/bg-decs.png");
}

@media (max-width: 1024px) {
  .bg-main {
    background-image: url("/user/themes/tvoiogorod/image/main/bg-mobile.png");
  }
}


.bg-form {
  background-image: url("/user/themes/tvoiogorod/image/background-form.png");
  background-position: 100%;
  background-size: cover;
}

@media (max-width: 700px) {
  .bg-form {
    background-image: url("/user/themes/tvoiogorod/image/background-form-mobile.png");
  }
}



[data-cky-tag="notice-buttons"] button,
[data-cky-tag="notice-buttons"] button:hover,
[data-cky-tag="detail-buttons"] button,
[data-cky-tag="detail-buttons"] button:hover {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}

[data-cky-tag="settings-button"] {
  color: white !important;
}

[data-cky-tag="revisit-consent"] {
   background-color: var(--color-primary) !important;
}

[data-cky-tag="detail-category-toggle"] input:checked {
 background-color: var(--color-primary) !important;
}

[data-cky-tag="show-desc-button"],
[data-cky-tag="hide-desc-button"] {
  color: var(--color-primary) !important;
}