:root {
	--g-font-1: Roboto, Sans-serif;
	--g-font-2: Futura-PT-Demi, serif;
	--font-body-family: Roboto;
	--font-body-style: normal;
	--font-body-weight: 400;
	--font-heading-family: Futura-PT-Demi;
	--font-heading-style: normal;
	--font-heading-weight: 400;
	--color-background-sould-out-label: #ffffff;
	--color-text-sould-out-label: #ff0000;
	--color-background-new-label: #000000;
	--color-text-new-label: #ff0000;
	--color-background-sale-label: #000000;
	--color-text-sale-label: #ffffff;
	--color-menu-vertical-text: #000000;
	--color-menu-vertical-text-hover: #0000ff;
	--color-label-vertical-text: #000000;
	--color-label-vertical-text-hover: #000000;
	--color-menu_text: #2d2d2d;
	--color-menu_text_hover: #13755c;
	--color-label_text: #000000;
	--color-label_text_hover: #13755c;
	--color-base-header: #2d2d2d;
	--color-base-link: #000000;
	--color-base-link-hover: #0000ff;
	--color-label-new: #01bad4;
	--color-label-hot: #ff414c;
	--color-label-sale: #fe9931;
	--color-label-other: #848484;
	--payment-terms-background-color: #ffffff;
	--gradient-base-background-1: #ffffff;
	--gradient-base-background-2: #f7f7f7;
	--gradient-base-accent-1: #121212;
	--page-width: 120rem;
}

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

html {
	box-sizing: border-box;
	font-size: 62.5%;
	height: 100%;
}

body {
	display: grid;
	grid-template-rows: auto auto 1fr auto;
	grid-template-columns: 100%;
	min-height: 100%;
	margin: 0;
	font-size: 1.4rem;
	letter-spacing: .06rem;
	line-height: 1.8;
	font-family: Roboto;
	color: var(--color-base-text);
	font-weight: 400;
}

h1,h2,h3,h4,h5,.h0,.h1,.h2,.h3,.h4,.h5 {
	font-family: Futura-PT-Demi;
	font-weight: 400;
	letter-spacing: .06rem;
	color: var(--color-base-header);
	line-height: 1.3;
}

@media screen and (min-width: 750px) {
	body {
		font-size: 1.4rem;
	}
}

.slide-slick .slider-conten:first-child,.slick-initialized.slide-slick .slider-conten {
	position: relative;
	left: unset;
	top: unset;
}

.slide-slick .slider-conten {
	position: absolute;
	left: -99999px;
	top: -999px;
}

@media only screen and (max-width: 600px) {
	.vertical-bars svg,.site-header__icon-menu svg {
		width: 20px;
		height: 20px;
	}

	.image-slide-show__media--placeholder .placeholder-svg {
		height: 100%;
		width: 100%;
		min-height: 300px;
	}

	.text-slider {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		padding: 3rem;
		display: flex;
		flex-direction: column;
	}

	.js-cookie-policy {
		display: none;
	}
}