@font-face {
	font-display: swap;
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/ubuntu-400-cyrillic.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-display: swap;
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/ubuntu-400-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-display: swap;
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/ubuntu-700-cyrillic.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-display: swap;
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/ubuntu-700-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html {
	-webkit-tap-highlight-color: transparent;
	font-family: sans-serif;
}

body {
	line-height: 1.42857143;
	margin: 0;
}

a {
	background-color: transparent;
	color: #337ab7;
}

a:active,
a:hover {
	outline: 0;
}

b,
strong {
	font-weight: 700;
}

img {
	border: 0;
	vertical-align: middle;
}

button,
input,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	cursor: pointer;
	overflow: visible;
	text-transform: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

.container {
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.container::before,
.container::after,
.row::before,
.row::after {
	content: " ";
	display: table;
}

.container::after,
.row::after {
	clear: both;
}

.row {
	margin-left: -15px;
	margin-right: -15px;
}

.col-xs-12,
.col-md-4 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.col-xs-12 {
	float: left;
	width: 100%;
}

.hidden-xs {
	display: none !important;
}

.fas,
.fab,
.far {
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	text-rendering: auto;
}

.fa-caret-right::before {
	border-bottom: 4px solid transparent;
	border-left: 5px solid currentColor;
	border-top: 4px solid transparent;
	content: '';
	display: inline-block;
}

.fa-external-link-alt::before { content: '\2197'; }
.fa-map-marker-alt::before { content: '\25CF'; }
.fa-vk::before { content: 'VK'; font-size: 0.62em; }
.fa-arrow-down::before { content: '\2193'; }
.fa-arrow-up::before { content: '\2191'; }
.fa-bus::before { content: '\25A3'; }
.fa-calculator::before { content: '#'; }
.fa-expand-alt::before { content: '\2922'; }
.fa-long-arrow-alt-left::before { content: '\2190'; }
.fa-long-arrow-alt-up::before { content: '\2191'; }
.fa-paperclip::before { content: '\2022'; }
.fa-train::before { content: '\25A3'; }
.fa-chevron-circle-up::before { content: '\2191'; }

.native-carousel__viewport {
	overflow: hidden;
	width: 100%;
}

.native-carousel__track {
	display: flex;
	transform: translateX(0);
	transition: transform 0.5s ease;
	will-change: transform;
}

.native-carousel__dots {
	display: flex;
	gap: 12px;
	justify-content: center;
	margin: 25px auto 0;
}

.native-carousel__dot {
	appearance: none;
	background: #fff;
	border: 2px solid #81b1cb;
	border-radius: 50%;
	cursor: pointer;
	height: 12px;
	padding: 0;
	width: 12px;
}

.native-carousel__dot[aria-current="true"] {
	background: #81b1cb;
}

.clients-slider.native-carousel .native-carousel__track > .item {
	flex: 0 0 calc(100% / var(--carousel-visible));
}

.main-products.native-carousel {
	display: block;
}

.main-products.native-carousel .native-carousel__track > .item {
	flex: 0 0 calc(100% / var(--carousel-visible) - 30px);
}

@media (min-width: 768px) {
	.container { width: 750px; }
	.hidden-xs { display: initial !important; }
	.hidden-sm { display: none !important; }
}

@media (min-width: 992px) {
	.container { width: 970px; }
	.col-md-4 { float: left; width: 33.33333333%; }
	.hidden-sm { display: initial !important; }
	.hidden-md { display: none !important; }
}

@media (min-width: 1200px) {
	.container { width: 1170px; }
	.hidden-md { display: initial !important; }
	.hidden-lg { display: none !important; }
}
