@font-face {
    font-family:'Roboto';
    src:url('/font/Roboto-Bold.eot');
    src:url('/font/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('/font/Roboto-Bold.woff2') format('woff2'),
        url('/font/Roboto-Bold.woff') format('woff'),
        url('/font/Roboto-Bold.ttf') format('truetype'),
        url('/font/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight:bold;
    font-style:normal;
    font-display:swap;
}
@font-face {
    font-family:'Roboto';
    src:url('/font/Roboto-Medium.eot');
    src:url('/font/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('/font/Roboto-Medium.woff2') format('woff2'),
        url('/font/Roboto-Medium.woff') format('woff'),
        url('/font/Roboto-Medium.ttf') format('truetype'),
        url('/font/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight:500;
    font-style:normal;
    font-display:swap;
}

@font-face {
    font-family:'Roboto';
    src:url('/font/Roboto-Regular.eot');
    src:url('/font/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('/font/Roboto-Regular.woff2') format('woff2'),
        url('/font/Roboto-Regular.woff') format('woff'),
        url('/font/Roboto-Regular.ttf') format('truetype'),
        url('/font/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
body {
	min-width:320px; width:100%; max-width:100vw;
	font-weight:normal;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size:16px;
	background:#fff;
	color:#111;
	position:relative;
	padding:0; margin:0;
}
button {outline:none; border:0; padding:0;}
h1 {font-size:38px; font-weight:500; color:#111;margin:0; padding:0;}
h2 {font-size:34px; font-weight:500; color:#111;margin:0; padding:0;}
h3 {font-size:30px; font-weight:500; color:#111;margin:0; padding:0;}
h4 {font-size:26px; font-weight:500; color:#111;margin:0; padding:0;}
.catalog_h1 {text-align:center; color:#333;}
.catalog_h1_right {text-align:left; color:#333;}
@media only screen and (max-width:1300px) {
	h1 {font-size:34px;}
	h2 {font-size:30px;}
	h3 {font-size:26px;}
	h4 {font-size:22px;}	
}
@media only screen and (max-width:1050px) {
	h1 {font-size:30px;}
	h2 {font-size:26px;}
	h3 {font-size:22px;}
	h4 {font-size:18px;}	
}
@media only screen and (max-width:720px) {
	h1 {font-size:28px;}
	h2 {font-size:24px;}
	h3 {font-size:20px;}
	h4 {font-size:18px;}	
}
@media only screen and (max-width:540px) {
	h1 {font-size:24px;}
	h2 {font-size:22px;}
	h3 {font-size:20px;}
	h4 {font-size:18px;}	
}
img, a, button {
	-ms-user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	object-fit:contain;
    user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
p {padding:0; margin:0;}
a:hover {color:#111;}
.anima, button, a, img {
	-webkit-transition:all 300ms linear;
	-moz-transition:all 300ms linear;
	-o-transition:all 300ms linear;
	-ms-transition:all 300ms linear;
	transition:all 300ms linear;
}
.container {width:100%; max-width:1440px;}
header {max-width:100vw; overflow-x:hidden;}
@media only screen and (max-width:720px) {
	.header_middle {padding:20px;}
	.header_middle_left {gap:20px; width:65%;}
	.head_logo {height:70px;}
	.header_search input::placeholder {font-size:14px;}
}