@font-face {
  font-family: "Diana Webber";
  src: url("./css/fonts/DianaWebberScriptDEMO.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Diana Webber";
  src: url("./css/fonts/DianaWebberScriptDEMO.otf") format("opentype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Museo Cyrl";
  src: url("./css/fonts/MuseoCyrl100Italic.otf") format("opentype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Museo Cyrl";
  src: url("./css/fonts/MuseoCyrl100.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Museo Cyrl";
  src: url("./css/fonts/MuseoCyrl300Italic.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Museo Cyrl";
  src: url("./css/fonts/MuseoCyrl300.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Museo Cyrl";
  src: url("./css/fonts/MuseoCyrl500Italic.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Museo Cyrl";
  src: url("./css/fonts/MuseoCyrl500.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Museo Cyrl";
  src: url("./css/fonts/MuseoCyrl700Italic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Museo Cyrl";
  src: url("./css/fonts/MuseoCyrl700.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Museo Cyrl";
  src: url("./css/fonts/MuseoCyrl900Italic.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Museo Cyrl";
  src: url("./css/fonts/MuseoCyrl900.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}

html {
  scroll-behavior: smooth;
}
body {
  font-family: "Museo Cyrl", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 100;
  box-sizing: border-box;
  width: 100vw;
  overflow-x: hidden;
}
*,
*::before,
*::after {
  box-sizing: inherit;
  padding: 0;
  margin: 0;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
p {
  margin: 0;
}
a {
  text-decoration: none;
  color: #000000;
  border: 0;
}
a:hover {
  text-decoration: none;
}
button,
button:active,
button:focus {
  outline: none;
  border: 0;
}
.open {
  display: block;
}
.container {
  width: 100%;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

@media (max-width: 800px) {
  .container {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

/* custom scroll */
::-webkit-scrollbar { /* 1 - скроллбар */
  width: 7px;
  border-radius: 5px;
}
::-webkit-scrollbar-button { /* 2 - кнопка */
}
::-webkit-scrollbar-track { /* 3 - трек */
  background-color: #eeedeb;
}
::-webkit-scrollbar-track-piece { /* 4 - видимая часть трека */
}
::-webkit-scrollbar-thumb { /* 5 - ползунок */
  background-color: #ccc9c2;
  border-radius: 5px;
}
::-webkit-scrollbar-corner { /* 6 - уголок */
}
::-webkit-resizer { /* 7 - изменение размеров */
}