/* fonts */

@font-face {
  font-family: Inter;
  src: url(/fonts/inter/Inter-Thin.woff2) format('woff2'),
       url(/fonts/inter/Inter-Thin.woff) format('woff'),
       url(/fonts/inter/Inter-Thin.ttf) format('truetype');
  font-style: normal;
  font-weight: 100;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url(/fonts/inter/Inter-Light.woff2) format('woff2'),
       url(/fonts/inter/Inter-Light.woff) format('woff'),
       url(/fonts/inter/Inter-Light.ttf) format('truetype');
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url(/fonts/inter/Inter-Regular.woff2) format('woff2'),
       url(/fonts/inter/Inter-Regular.woff) format('woff'),
       url(/fonts/inter/Inter-Regular.ttf) format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url(/fonts/inter/Inter-Medium.woff2) format('woff2'),
       url(/fonts/inter/Inter-Medium.woff) format('woff'),
       url(/fonts/inter/Inter-Medium.ttf) format('truetype');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url(/fonts/inter/Inter-Bold.woff2) format('woff2'),
       url(/fonts/inter/Inter-Bold.woff) format('woff'),
       url(/fonts/inter/Inter-Bold.ttf) format('truetype');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url(/fonts/inter/Inter-Black.woff2) format('woff2'),
       url(/fonts/inter/Inter-Black.woff) format('woff'),
       url(/fonts/inter/Inter-Black.ttf) format('truetype');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "September W00 Bold";
  src: url(/fonts/september/SeptemberW00Bold.woff2) format('woff2'),
       url(/fonts/september/SeptemberW00Bold.woff) format('woff'),
       url(/fonts/september/SeptemberW00Bold.ttf) format('truetype');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

/* fonts end */

/* reset CSS */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: 0;
  font-family: Inter, Arial, sans-serif; /* Добавлены резервные шрифты */
  touch-action: manipulation;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}


input:focus {outline: none;}

::selection {
  color: #fff;
  background: #333; /* Цвет фона */
}

input[type="search"]::placeholder {
  color: #000;
  opacity: 1 !important;
  font-weight: 400;
}

input[type="text"]::placeholder {
  color: #222;
  opacity: 0.5 !important;
}


input[type="password"]::placeholder {
  color: #fff;
  opacity: 1 !important;
}


body {
  background-size: 100%;
  background-color: #f5f5f5;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}


html.on {overflow-y: hidden;}


a, button, label, input, div {-webkit-tap-highlight-color: transparent;} /* Устанавливает цвет выделения активного элемента при тапе на нем. По умолчанию это серый цвет, и часто может быть ни к чему, или выбиваться из общего дизайна. */
b {
  font-weight: 600;
}
li {list-style: none;}
/* reset CSS end */