@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

body {
	font-family: "Open Sans", sans-serif;
	-font-size: 1.1em;
}

.bg-f10000 {
	background-color: #f10000;
}

.bg-cf342b {
	background-color: #cf342b;
}

.btn.bg-cf342b {
	background-color: #cf342b;
}

.btn.bg-cf342b:hover,
.btn.bg-cf342b:focus,
.btn.bg-cf342b:active {
	background-color: #a82b24;
}

.fs-17 {
	font-size: 17px !important;
}

.hidden {
	display: none
}

.container .flex {
	display: flex
}

.container img {
	max-width: 100%
}

[hideifempty=''],
[hideifempty='0.00'],
[hideifempty='://'],
[hideifemty=''],
[hideifemty='0.00'],
[hideifemty='://'],
div[vocab] {
	display: none !important
}

:hover>.arrow {
	transform: translateX(2px)
}

.gallery-image:hover {
	opacity: 0.6;
}

.cool-zoom {}

.cool-zoom:hover {
	transform: scale(1.04);
	transition: all 0.3s ease-in-out;
	/* Добавено за плавен преход */
}

.bg-boxes {
	background: url("../images/spare-parts-bg.png") no-repeat top center;
	background-size: cover;
}