:root {
  --font-black: #3A3A3A;
  --bg-color: #EDF6FF;
  --new-pink: #E83273;
  --dark-pink: #c42b60;
  --light-pink: #F55F88;
  --dark-blue: #142F6D;
  --light-blue: #4969B5;
  --new-green: #25B202;
  --tariffs-blue: #003499;
  --black: #000;
  --white: #fff;
  --box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  --box-shadow-active: 0px 4px 4px rgba(0, 0, 0, 0.5);
  --box-shadow-office: 0 8px 36px 0 #f3f5f8;
}
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'),
  local('Roboto-Regular'),
  url('../fonts/roboto-v30-cyrillic_latin-regular.woff2') format('woff2'),
  url('../fonts/roboto-v30-cyrillic_latin-regular.woff') format('woff');
}

@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto'),
  local('Roboto-Regular'),
  url('../fonts/roboto-v30-cyrillic_latin-500.woff2') format('woff2'),
  url('../fonts/roboto-v30-cyrillic_latin-500.woff') format('woff');
}

@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto'),
  local('Roboto-Regular'),
  url('../fonts/roboto-v30-cyrillic_latin-700.woff2') format('woff2'),
  url('../fonts/roboto-v30-cyrillic_latin-700.woff') format('woff');
}

body {

}
html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	scroll-behavior: smooth;
  scrollbar-color: var(--dark-blue) transparent;
}
*, *::after ,*::before {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}
img {
	max-width: 100%;
	height: auto;
  display: block;
}
body {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  padding: 0;
  position: relative;
}
body._lock {
  overflow: hidden;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
}
.container {
	max-width: 1440px;
	margin: 0 auto;
  padding: 0 40px;
}

@media (max-width: 1440px) {
  .container {
   padding: 0 calc(15px + (40 - 15) * ((100vw - 320px) / (1440 - 320)));
  }
}
.hide {
	display: none;
}
ul, ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
a {
	color: inherit;
	text-decoration: none;
}
button, input {
	font: inherit;
}
button {
  padding: 0;
  border: none;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}
.visually-hidden {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0;
	margin: 0;
	bottom: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
@media (max-width: 1200px) {
	/* .container {
    max-width: 970px;
	} */
}
@media (max-width: 992px) {
	/* .container {
    max-width: 750px;
	} */
}
@media (max-width: 767px) {
	/* .container {
    max-width: none;
    padding: 0 15px;
	} */
}