@import url("../../../../../css2-2");
:root {
  --default-font-family: 'Tilda Sans', sans-serif;
  --default-font-color: #4d4d4d;
  --blue-color: #0098ce;
  --grey-color: #c7b99b;
  --Brown-Dark: #41342e;
}

html,
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: var(--default-font-family);
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

* {
  font-smooth: antialiased;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

content {
  flex: 1 0 auto;
}

* {
  font-smooth: antialiased;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

.container {
  margin: 0 auto;
  width: 100%;
  max-width: 1140px;
}

@media (max-width: 1199px) {
  .container {
    max-width: 960px;
  }
}

@media (max-width: 991px) {
  .container {
    max-width: 720px;
  }
}

@media (max-width: 767px) {
  .container {
    max-width: 540px;
  }
}

a,
a:hover {
  text-decoration: none;
  color: var(--blue-color);
}

img {
  max-width: 100%;
  height: auto;
}

content {
  flex: 1 0 auto;
}

.btn-blue {
  display: block;
  text-align: center;
  text-decoration: none;
  background-color: var(--blue-color);
  border: 1px solid var(--blue-color);
  color: #fff;
  border-radius: 4px;
  margin: 4px 0;
  padding: 8px 16px;
  cursor: pointer;
  width: fit-content;
}

.btn-blue:hover {
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid var(--blue-color);
  color: var(--blue-color);
}

.icon_in_button {
  z-index: 990 !important;
}

.fancybox__container {
  z-index: 9900000000 !important;
}

.multi_button {
  z-index: 990 !important;
}

@media (max-width: 768px) {
  .dropdown.active .dropdown__wrap {
    max-width: 100%;
  }
  header .header-nav:first-of-type {
    max-width: 100%;
    box-sizing: border-box;
  }
  .header__menu.active {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
  }
  .header__menu * {
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
  }
}