a {color:rgba(233,80,60,1.00); text-decoration: none}
a:hover {color:rgba(0,0,0,1.00); text-decoration: none; transition: all 0.3s ease}
img{max-width:100%;height:auto;width:auto}
.center {text-align: center}
h1 {font-size: clamp(1.375rem, 1.1875rem + 0.75vw, 1.75rem)}
h2 {font-size: clamp(1.25rem, 1.0625rem + 0.75vw, 1.625rem)}
h3 {font-size: clamp(1.125rem, 0.9375rem + 0.75vw, 1.5rem)}
p {font-size: clamp(1rem, 0.8125rem + 0.75vw, 1.375rem)}
.bread a {color: black; text-decoration: none}
.bread a:hover {color: rgba(233,80,60,1.00)}
ul {list-style-type: square;font-size: clamp(1rem, 0.8125rem + 0.75vw, 1.375rem)}
span.joho{display:none}
blockquote{border-left:4px solid rgba(233,80,60,1.00);padding:2px 4px 2px 20px;background:rgba(246,243,242,0.50);font-style:italic}
.thumb img{border:2px solid rgba(233,80,60,1.00);margin:22px 10px 5px 20px; padding:2px;border-radius: 10%}
.pink {background-color:rgba(255,242,242,1.00); font-style: italic}

	

.parent{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:20px;grid-row-gap:20px;margin:20px auto;font-size:clamp(1rem,0.8125rem + 0.75vw,1.375rem)}
.div1{grid-area:1/1/2/2;background:rgba(0,0,0,1.00);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;color:rgba(233,80,60,1.00);font-weight:bold;text-align:center;padding:20px 0}
.div2{grid-area:1/3/2/4;background:rgba(0,0,0,1.00);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;color:rgba(233,80,60,1.00);font-weight:bold;display:grid;align-items:center;justify-items:center}
.div3{grid-area:2/1/3/2;background:rgba(255,255,255,1.00);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;color:rgba(233,80,60,1.00);display:grid;align-items:center;justify-items:center}
.div4{grid-area:2/2/3/3;background:rgba(255,255,255,1.00);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;color:rgba(233,80,60,1.00);font-weight:bold;text-align:center;padding:6px 0}
.div5{grid-area:2/3/3/4;background:rgba(255,255,255,1.00);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;color:rgba(233,80,60,1.00);display:grid;align-items:center;justify-items:center}
	
	
	
.sec-center{position:relative;max-width:100%;text-align:center;z-index:200}
[type="checkbox"]:checked,[type="checkbox"]:not(:checked){position:absolute;left:-9999px;opacity:0;pointer-events:none}
.dropdown:checked + label,.dropdown:not(:checked) + label{position:relative;line-height:2;height:50px;transition:all 200ms linear;width:100%;height:16px;letter-spacing:1px;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-ms-flex-pack:center;text-align:center;border:none;cursor:pointer;color:rgba(233,80,60,1.00);font-weight:bold}
.dropdown:checked + label:before,.dropdown:not(:checked) + label:before{position:fixed;top:0;left:0;content:'';width:100%;height:100%;z-index:-1;cursor:auto;pointer-events:none}
.dropdown:checked + label:before{pointer-events:auto}
.section-dropdown{position:absolute;margin:auto 0;padding:10px;background:rgba(0,0,0,1.00);top:40px;left:0;width:calc(100% - 20px);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;display:block;box-shadow:0 14px 35px 0 rgba(9,9,12,0.4);z-index:2;opacity:0;pointer-events:none;transform:translateY(20px);transition:all 200ms linear}
.dropdown:checked ~ .section-dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}
.sec-center a{position:relative;color:rgba(255,255,255,1.00);transition:all 200ms linear;font-weight:500;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding:6px 0;padding-left:6px;padding-right:6px;margin:10px 0;text-align:left;text-decoration:none;display:-ms-flexbox;display:flex;align-items:center;-ms-flex-pack:distribute}
.sec-center a:hover{background-color:rgba(233,80,60,1.00)}

	
	
.sec-center-support{position:relative;max-width:100%;text-align:center;z-index:200}
.dropdown-support:checked + label,.dropdown-support:not(:checked) + label{position:relative;font-weight:bold;line-height:1.5;transition:all 200ms linear;width:100%;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-ms-flex-pack:center;text-align:center;cursor:pointer}
.dropdown-support:checked + label:before,.dropdown-support:not(:checked) + label:before{position:fixed;top:0;left:0;content:'';width:100%;height:100%;z-index:-1;cursor:auto;pointer-events:none}
.dropdown-support:checked + label:before{pointer-events:auto}
.section-dropdown-support,.section-dropdown-city{position:absolute;margin:auto 0;padding:10px;background:rgba(0,0,0,1.00);top:70px;left:0;width:calc(100% - 20px);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;display:block;box-shadow:0 14px 35px 0 rgba(9,9,12,0.4);z-index:2;opacity:0;pointer-events:none;transform:translateY(20px);transition:all 200ms linear}
.section-dropdown-support p{font-size: clamp(1rem, 0.8125rem + 0.75vw, 1.375rem)}
.dropdown-support:checked ~ .section-dropdown-support,.dropdown-city:checked ~ .section-dropdown-city{opacity:1;pointer-events:auto;transform:translateY(0)}
.sec-center-support a{position:relative;color:rgba(255,255,255,1.00);transition:all 200ms linear;font-weight:500;font-size:clamp(1rem, 0.6875rem + 1vw, 1.25rem);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding:6px 0;padding-left:6px;padding-right:6px;margin:10px 0;text-align:left;text-decoration:none;display:-ms-flexbox;display:flex;align-items:center;-ms-flex-pack:distribute}
.sec-center-support a:hover{background-color:rgba(233,80,60,1.00)}

	
	
#search {width:100%; max-width: 1400px; height: auto; min-height: 50px; margin: 20px auto; background: red}
.ya-site-form td,.ya-site-form tr,.ya-site-form table{padding:2px}
body .ya-site-form .ya-site-form__form .ya-site-form__input-text{background: white; background-image: url('https://cdn.paketzilla.ru/i/ico-search.webp'); background-position: 10px 7px; background-repeat: no-repeat; padding-left: 40px; height: 36px; margin: 2px 2% 0 2%; border: 1px solid rgba(31,31,31,1.00); border-radius: 4px; width: calc(84% - 40px); font-family: system-ui; font-size: 18px; display: inline-block}
body .ya-site-form .ya-site-form__submit{float:left;padding:10px 12px;background:#eee;font-size:24px;border:1px solid #000;cursor:pointer; border-radius: 4px;}
body .ya-site-form .ya-site-form__submit:hover{background:red}
	
	


.grid-web-4{margin:40px 0;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px}
.grid-web-4 a{color:rgba(233,80,60,1.00);text-decoration:none;font-size:clamp(1rem,0.8125rem + 0.75vw,1.375rem);font-weight:bold}
.grid-web-4 a:hover{color:white;text-decoration:none}
.grid-web-item-v1{background:rgba(0,0,0,1.00);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding:1px}

.grid-web-1-v1{margin:40px 0;display:grid;grid-template-columns:auto;grid-gap:20px;position:relative}
.round{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:5px 5px 8px 0 rgba(0,0,0,0.5);-moz-box-shadow:5px 5px 8px 0 rgba(0,0,0,0.5);box-shadow:5px 5px 8px 0 rgba(0,0,0,0.5);outline:2px solid rgba(233,80,60,1.00);outline-offset:-12px}
.pic-text{position:absolute;top:12px;background:rgba(233,80,60,1.00);width:calc(90% - 20px);padding:6px 10px;margin:0 5%;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;text-align:center;color:black;font-size:clamp(1rem,0.8125rem + 0.75vw,1.375rem);font-weight:bold}

.grid-web-item-v2{background:rgba(255,255,255,1.00);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding:10px}
.bread{font-size:clamp(1rem,0.8125rem + 0.75vw,1.375rem);font-weight:bold}

.grid-web-1-v3{margin:40px 0;display:grid;grid-template-columns:auto;grid-gap:20px}
	
.grid-web-2-v2{margin:40px 0;display:grid;grid-template-columns:30% auto;grid-gap:20px}
	
.grid-web-item-v4{background:rgba(233,80,60,1.00);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding:10px;color:rgba(255,255,255,1.00)}

.grid-web-2{margin:40px 0;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px}

.grid-web-3{margin:40px 0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px}
.grid-web-item-v3{background:rgba(255,255,255,1.00);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding:10px;position: relative;margin:20px 0;color:black}
.image-side {position: absolute; top:-30px; left: 30px}
	
	

.footer h4 {font-size: clamp(1rem, 0.8125rem + 0.75vw, 1.375rem); color: #ffffff;  text-transform: capitalize; margin-bottom: 35px;  font-weight: bold;  position: relative; margin-left: 20px}
.footer h4::before {content: ""; position: absolute; left: 0; bottom: -10px; background-color: rgba(233,80,60,1.00); height: 2px; box-sizing: border-box; width: 150px}
.footer ul li:not(:last-child) {margin-bottom: 10px}
.footer ul li a {font-size: clamp(1rem, 0.8125rem + 0.75vw, 1.375rem); text-transform: capitalize; color: white; text-decoration: none; font-weight: bold; display: block; transition: all 0.3s ease; margin-left: -20px}
.footer ul li a:hover {color:rgba(233,80,60,1.00); padding-left: 8px}
.footer p {color: white; padding: 0 20px}
.footer a {font-size: clamp(1rem, 0.8125rem + 0.75vw, 1.375rem); text-transform: capitalize; color: white; text-decoration: none; font-weight: bold; transition: all 0.3s ease}
.footer a:hover {color:rgba(233,80,60,1.00)}

	


/*  Form Quick Oder/Pismo Directoru  */
.zapros{font-family:system-ui;height:10px;width:96%;border-radius:3px;border:rgba(0,0,0,.3) 2px solid;box-sizing:border-box;font-size:16px;padding:25px}
.zapros-a{font-family:system-ui;height:10px;width:60%;border-radius:3px;border:rgba(0,0,0,.3) 2px solid;box-sizing:border-box;font-size:16px;padding:25px}
.zapros-b{font-family:system-ui;height:10px;width:60%;border-radius:3px;border:rgba(0,0,0,.3) 2px solid;box-sizing:border-box;font-size:16px;padding:15px 25px 35px 25px}
.zapros-textarea{font-family:system-ui;height:200px;width:96%;border-radius:3px;border:rgba(0,0,0,.3) 2px solid;box-sizing:border-box;font-size:16px;padding:25px}
.attach{font-family:system-ui;width:94%;margin:4px 2%;border-radius:3px;border:rgba(0,0,0,.3) 2px solid;box-sizing:border-box;font-size:16px;padding:9px 0 10px 10px}
.zapros-button{height:55px;border:1px solid #000;background:red;color:#000;padding:6px 82px;font-size:22px;text-decoration:none;margin:0 2px;cursor:pointer;border-radius:3px}
.zapros-button:hover{-webkit-box-shadow:10px 6px 12px 0 rgba(50,50,50,0.75);-moz-box-shadow:10px 6px 12px 0 rgba(50,50,50,0.75);box-shadow:10px 6px 12px 0 rgba(50,50,50,0.75);-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}




@media screen and (max-width:1024px){
.section-dropdown{top:44px}
	
}

@media screen and (max-width:768px){
.parent{display:grid;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);gap:20px;width:100%;height:100%}
.div1{grid-area:1/1/2/2}
.div2{grid-area:1/2/2/3}
.div3{grid-area:2/1/3/2}
.div4{grid-area:2/2/3/3}
.div5{grid-area:3/1/4/3}
.grid-web-4,.grid-web-3{grid-template-columns:repeat(2,1fr)}
.grid-web-2{grid-template-columns:auto}

}

	
@media screen and (max-width:600px){
.parent{grid-template-rows:repeat(5,1fr);grid-template-columns:1fr}
.div1{grid-area:1/1/2/2;padding:30px 0 0 0}
.div2{grid-area:2/1/3/2}
.div3{grid-area:3/1/4/2}
.div4{grid-area:4/1/5/2;padding:20px 0 20px 0}
.div5{grid-area:5/1/6/2}
.grid-web-2-v2{grid-template-columns:auto}
}

@media screen and (max-width:400px){
.hidden-menu-ticker:checked ~ .btn-menu{left:300px}
.grid-web-4,.grid-web-3{grid-template-columns:auto}
}