/*!
Theme Name:   Storefront
Theme URI:    https://woocommerce.com/products/storefront/
Author:       Automattic
Author URI:   https://woocommerce.com/
Description:  Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Version:      4.6.1
Tested up to: 6.7
Requires PHP: 5.6.0
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  storefront
Tags:         e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, editor-style

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Storefront is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer https://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

All sizing (typography, layout, padding/margins, etc) are inspired by a modular scale that uses 1em as a base size with a 1.618 ratio.
You can read more about the calculator we use in our Sass here: https://github.com/modularscale/modularscale-sass

FontAwesome License: SIL Open Font License - http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL
Images License: GNU General Public License v2 or later
*//*!
 * normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css
 */
 

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


/*основные*/
html {scroll-behavior: smooth;}

body {
	font-family: "Roboto", sans-serif;
	font-size: 16px;
    line-height: 1.4;
    color: #222222!important;
    background-color: #fff;
	margin: 0!important;
	font-weight:400;
}

a{text-decoration:none;}
.color-ling-white{color:#f2f2f2!important;}

p{margin:0 0 15px 0!important;}

/*заголовки*/
h1 {
	font-weight:700;
	font-size:36px;
	color:#000!important;
	line-height:1em;
	text-align:center;
	margin:0!important;
	padding:0!important;
}
.inner-page h1 {
	padding-bottom:30px!important;
}
.home h1 {
	font-weight:900;
	font-size:60px;
	color:#fff!important;
	line-height:1em;
	text-shadow: -1px 0 1px #522003, 0 -1px 1px #522003, 0 1px 1px #522003, 1px 0 1px #522003, 0 0 8px #522003, 0 0 1px #522003, 0 0 1px #522003, 2px 2px 10px #000;
}

h2{
	font-weight:700;
	font-size:30px;
	color:#371603!important;
	text-align:center;
	line-height:1em;
	margin:0!important;
	padding-bottom:30px!important;
	padding-top:0!important;
	box-sizing: border-box;
}
h3{
	font-weight:500;
	font-size:16px;
	color:#000!important;
	line-height:1.2em;
	margin:0!important;
	padding-bottom:0!important;
	padding-top:20px!important;
	box-sizing: border-box;
}
.inner-page h3{
	padding-bottom:10px!important;
}


/*Кнопки*/
.button-k{box-sizing: border-box;display:inline-block;cursor:pointer;width:200px;height:40px;padding:10px 10px;text-align:center;font-weight:500;font-size:16px;color:#fff;border:none;border-radius:5px;background:linear-gradient(to bottom, #512003, #391703);}
.button-k.anim-start{animation: 0.3s ease-out 1 forwards buttonk1-start;}
.button-k.anim-revers{animation: 0.3s ease-in 1 forwards buttonk1-revers;}
.button-i-wrapper{text-align:center;padding:40px 0;}
.button-i{box-sizing: border-box;display:inline-block;cursor:pointer;width:200px;height:40px;padding:10px 10px;text-align:center;font-weight:500;font-size:16px;color:#fff;border:none;border-radius:5px;background:linear-gradient(to bottom, #512003, #391703);}
.button-i.anim-start{animation: 0.3s ease-out 1 forwards buttoni-start;}
.button-i.anim-revers{animation: 0.3s ease-in 1 forwards buttoni-revers;}

/*Блоки*/
.w1140{width:1140px;margin:0 auto;}
#page{margin:0;padding:0;width:100%;min-height:800px;}
.flex-block{display: flex;flex-wrap:wrap;}
.left-right{justify-content:space-between;}
.nopadding{padding:0!important;}
.padding-top{padding-top:60px!important;}
.padding-top40{padding-top:40px!important;}


/*Соцсети и месенджеры*/
.messenger {display:inline-block;text-align:left;margin: 0 10px;}
.messenger a{display:inline-block;margin:0;text-indent:-9999px;width:24px;height:24px;}
.site-whatsapp a{background: scroll transparent url(images/whatsapp.svg) center center no-repeat;background-size:24px;}
.site-telegram a{background: scroll transparent url(images/telegram.svg) center center no-repeat;background-size:24px;}
.site-vk a{background: scroll transparent url(images/vk.svg) center center no-repeat;background-size:24px;}
.site-instagram a{background: scroll transparent url(images/instagram.svg) center center no-repeat;background-size:24px;}
.site-rutube a{background: scroll transparent url(images/rutube.svg) center center no-repeat;background-size:24px;}
.site-telegram-black a{background: scroll transparent url(images/telegram-b.svg) center center no-repeat;background-size:24px;}
.site-vk-black a{background: scroll transparent url(images/vk-b.svg) center center no-repeat;background-size:24px;}
.messenger.anim-start{animation: 0.3s ease-out 1 forwards messenger-start;}
.messenger.anim-revers{animation: 0.3s ease-in 1 forwards messenger-revers;}

/*Куки*/
.cookie-notice-container {padding: 10px;}


/*Хлебные крошки*/
#breadcrumbs{position:relative;box-sizing:border-box;background-color:rgba(255,255,255,0.5);border-radius:5px;padding:10px;margin:10px 0 10px 0;}
#breadcrumbs a{font-size:12px;color:#444444;text-decoration:none;}
#breadcrumbs a:hover{color:#fff;text-decoration:underline;}
#breadcrumbs {font-size:12px;color:#444444;}

/*ШАПКА*/
.site-header{box-sizing: border-box;background-color:transparent!important;height:190px;position: relative;z-index:100;}
.site-header .flex-block{justify-content:space-between;}
#header-logo{width:300px;padding-top:5px;}
#header-logo a{display:block;width:300px;height:120px;text-indent:-9999px;background: scroll transparent url(images/logo.svg) center center no-repeat;background-size:300px 120px;}
#header-messengrs{width:300px;padding-top:70px;}
#header-tel{width:300px;padding-top:70px;text-align:right;}
#header-tel a{box-sizing: border-box;display:inline-block;background: scroll transparent url(images/tel.svg) left center no-repeat;background-size:24px;padding:5px 0 5px 30px;font-weight:700;font-size:18px;color:#FFDABA!important;line-height:1;}
#header-menu{width:100%;padding-top:25px;text-align:center;}




/*МЕНЮ*/
#header-menu .handheld-navigation{display:none;}
#header-menu .menu-toggle{display:none;}
.primary-navigation .menu {padding:0;margin:0;list-style:none;}
.primary-navigation .menu .menu-item{display:inline-block;vertical-align:top;padding-right:8%;}
#menu-item-45{padding-right:0;}
.primary-navigation .menu .menu-item a{display:block;box-sizing: border-box;height:40px;padding:10px 0;font-size:16px;font-weight:400;text-decoration:none;border-bottom:2px solid transparent;color:#fff!important;cursor:pointer;}
.primary-navigation .menu .menu-item a:hover{color:#FFDABA!important;}
.sub-menu{
	position:absolute;
	top:65px;
	display:none;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	background-color:rgba(0,0,0,0.65)!important;
	padding:10px 20px;
	margin:0;
	border:1px solid #010101;
	border-radius:10px;
	width:240px;
	z-index:100;
	backdrop-filter: blur(5px);
}
.sub-menu-open{display:block;}
.open-sub-menu .sub-menu{display:block;}
.sub-menu .menu-item{display:block!important;padding:0!important;}
.sub-menu .menu-item a{display:block!important;padding:10px 0!important;margin:0!important;color:#000!important;}
.menu-item a.anim-start{animation: 0.3s ease-out 1 forwards menu-start;}
.menu-item a.anim-revers{animation: 0.3s ease-in 1 forwards menu-revers;}

/*МЕНЮ мобильное*/
.handheld-navigation{position: fixed;width: 100%;height: 100vh;top:0;left: 0;background-color:#391703;z-index: 100;padding-top:30px;}
.handheld-navigation .menu {padding:20px 0 0 0;margin:0;list-style:none;}
.handheld-navigation .menu .menu-item{display:block;padding:10px 0;}
.handheld-navigation .menu .menu-item a{display:block;padding:5px 20px;font-size:16px;font-weight:400;text-decoration:none;color:#fff!important;cursor:pointer;}



/*ФОРМА*/
.form-page{width:550px;margin:auto;}
.form-items-line{display:flex;gap:10px;align-items:flex-start;}
.form-item {position:relative;box-sizing:border-box;margin:20px 0 0 0;width:100%;}
.form-item input{box-sizing:border-box;height:40px;border:1px solid #D9D9D9;border-radius:5px;padding:10px;background-color:#f9f9f9;width:100%;font-size:16px!Important;color:#000!important;}
.form-item textarea{box-sizing:border-box;height:90px;border:1px solid #D9D9D9;border-radius:5px;padding:10px;background-color:#f9f9f9;width:100%;font-size:16px!Important;color:#000!important;}
.form-item  p{margin:0!important;padding:0!important;}
.wpcf7-spinner{display:none;}
.submit-item{text-align: center;position:relative;box-sizing:border-box;width:200px;}
.submit-item button:hover{color:#fff!important;}
.submit-item  p{margin:0!important;padding:0!important;}
.area-item {margin:20px 0 -5px 0!important;}
.req{margin:5px 0 20px 0;font-size:14px;font-weight:300;}
.accept-label{font-size:12px;font-weight:300;line-height:1.2em;margin:5px 25px 0 0;}
.accept{margin:0!important;width: 20px;}
.accept input{box-sizing:border-box;height:16px;border:1px solid #D9D9D9;border-radius:1px;padding:10px;width:16px;}
.accept .wpcf7-list-item{margin:0;}
.wpcf7-not-valid-tip{display:none;}


/*ГЛАВНАЯ-------------------------------------------------------------------------------------------------------------*/
.front-background{box-sizing:border-box;background: scroll #391703 url(images/back.webp) center top no-repeat;}
#front-first-screen{height:890px;}
#front-first-screen h1{padding-top:290px!important;}
.front-subtitle{font-weight:900;font-size:40px;color:#fff!important;line-height:1.4em;text-align:center;margin: 0;
	text-shadow: -1px 0 1px #522003, 0 -1px 1px #522003, 0 1px 1px #522003, 1px 0 1px #522003, 0 0 8px #522003, 0 0 1px #522003, 0 0 1px #522003, 2px 2px 10px #000;
}
.white-block{position:relative;box-sizing:border-box;background-color:#fff;border-radius:5px;padding:60px 20px 60px 20px;margin-bottom:80px;}
.white-block-ex{position:relative;box-sizing:border-box;background-color:#fff;border-radius:5px;padding:60px 0 0 0;overflow:hidden;margin-bottom:80px;}
.white-block-ex2{position:relative;box-sizing:border-box;background-color:#fff;border-radius:5px;padding:0;overflow:hidden;margin-bottom:80px;}

/*О нас*/
.about-block{margin:0!important;}
.about-img{flex-basis:490px;background: scroll transparent url(images/about.webp) center top no-repeat;background-size:cover;}
.about-text{box-sizing:border-box;flex-basis:600px;padding:60px 20px 60px 20px;}
.about-text h2{text-align:left;}
.razvernut-hide{display:none;}
.razvernut-show{display:block;}
.dalee{color:#371603!important;cursor:pointer;}
.dalee-hide{display:none;}

/*Преимущества на главной*/
.premtext-group>.wp-block-group__inner-container{display:flex;gap:10%;row-gap:30px;flex-wrap:wrap;justify-content:center;}
.premtext {flex-basis:40%;margin:0!important;padding:80px 0 0 0;}
.premtext h3{text-align:center;font-size:18px!important;padding:0 0 20px 0!important;}
.premtext ul{margin:0!important;}
.premtext p{margin:0!important;}
.premtext-1{background: scroll transparent url(images/premtext-1.svg) center top no-repeat;background-size:60px;}
.premtext-2{background: scroll transparent url(images/premtext-2.svg) center top no-repeat;background-size:60px;}
.premtext-3{background: scroll transparent url(images/premtext-3.svg) center top no-repeat;background-size:60px;}
.premtext-4{background: scroll transparent url(images/premtext-4.svg) center top no-repeat;background-size:60px;}
.premtext-5{background: scroll transparent url(images/premtext-5.svg) center top no-repeat;background-size:60px;}
.premtext-6{background: scroll transparent url(images/premtext-6.svg) center top no-repeat;background-size:60px;}
.premtext-7{background: scroll transparent url(images/premtext-7.svg) center top no-repeat;background-size:60px;}
.premtext-8{background: scroll transparent url(images/premtext-8.svg) center top no-repeat;background-size:60px;}
.premtext-9{background: scroll transparent url(images/premtext-9.svg) center top no-repeat;background-size:60px;}
.premtext-10{background: scroll transparent url(images/premtext-10.svg) center top no-repeat;background-size:60px;}


/*Сотрудничая с нами вы получаете*/
.prem-block{display:flex;flex-wrap:wrap;}
.prem-item {box-sizing:border-box;flex-basis:285px;height:285px;}
.prem-item-text{padding:120px 20px;font-weight:700;color:#444444;}
.prem-item-img{border-radius:5px;}
.prem-item-img-1{background: scroll transparent url(images/prem1.webp) center center no-repeat;background-size:cover;}
.prem-item-img-2{background: scroll transparent url(images/prem2.webp) center center no-repeat;background-size:cover;}
.prem-item-img-3{background: scroll transparent url(images/prem3.webp) center center no-repeat;background-size:cover;}
.prem-item-img-4{background: scroll transparent url(images/prem4.webp) center center no-repeat;background-size:cover;}
.prem-item:hover{background-color:#FFDABA;}


/*Карта контакты*/
#map-wrapper{position:relative;}
.map-block{position: absolute;top: 0;left: 50%;margin-left: -570px;}
.map-contacts{position:absolute;box-sizing:border-box;width:210px;height:240px;top:80px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.25);padding:110px 20px 20px 20px;background: scroll #fff url(images/logo.svg) center top 20px no-repeat;background-size:170px 68px;font-size:14px;color:#444;}
.map-contacts .map-tel{color:#000;font-weight:700;}

/*ВНУТРЕННИЕ СТРАНИЦЫ-----------------------------------------------------------------------------------------------*/
#page-wrapper{background-color:##391703;}
.inner-page{position:relative;box-sizing:border-box;background-color:#fff;border-radius:5px;padding:60px 20px 60px 20px;margin:30px 0 80px 0;min-height:720px;}

.product-group{box-sizing:border-box;gap:50px!important;padding:0 10px;justify-content:center;}
.product{box-sizing:border-box;flex-basis:360px!important;flex-grow: 0!important;border:1px solid #f5f5f5;}
.product:hover{box-shadow:0 0 15px rgba(0,0,0,0.15);}
.product img{border-radius:5px;}
.product-price-table{box-sizing:border-box;margin:20px;}
.product-prise-line{display:flex;align-items:strech;}
.product-prise-line .product-title{flex-basis:46%;padding:5px;font-size:16px;border:1px solid #ebebeb;}
.product-price-1{flex-basis:27%;padding:7px;font-size:14px;color:#333;text-align:center;border:1px solid #ebebeb;}
.product-price-2{flex-basis:27%;padding:7px;font-size:14px;color:#333;text-align:center;border:1px solid #ebebeb;}
.fline .product-price-1{font-size:12px;color:#666666;}
.fline .product-price-2{font-size:12px;color:#666666;}

/*НАШИ РАБОТЫ*/
.works-gal{box-sizing:border-box;gap:50px!important;padding:0 10px;justify-content:center;}
.works-gal .wp-block-image{border-radius:5px;overflow:hidden;width:360px!important;height:360px!important;flex-grow: 0!important;}
.works-gal .wp-block-image.anim-start{animation: 0.3s ease-out 1 forwards gal-start;}
.works-gal .wp-block-image.anim-revers{animation: 0.3s ease-in 1 forwards gal-revers;}
.works-gal .wp-element-caption{font-size: 18px!important;}

/*ПАРТНЕРАМ*/
/*Для дилеров и оптовиков*/
.diller-text{font-size:18px;font-weight:700;color:#522003;}
.diller-tel{font-size:24px;font-weight:700;color:#522003;}


/*МАСЛО*/
/*Продукция*/
.foto-maslo img{border-radius:5px;}
#product-wrapper{margin-bottom:80px;}
.product-item{position:relative;box-sizing:border-box;background-color:#fff;border-radius:5px;overflow:hidden;text-align:center;}
.product-item p{margin:0!important;display:block;box-sizing:border-box;line-height:1;}
.product-title{padding:15px 0 0 0;color:#522003;font-weight:900;font-size:20px;}
.product-vol{padding:5px 0 10px 0;color:#522003;font-size:18px;}
.product-prise{border-top:1px solid #D9D9D9;padding:10px 0 0 0;color:#000;font-weight:900;font-size:20px;}
.product-roznica{border-bottom:1px solid #D9D9D9;padding:5px 0 10px 0;color:#444;font-weight:300;font-size:14px;}
.product-zakaz{margin:0!important;padding:15px 0 15px 0;margin:auto;}
.product-zakaz a{display:block;box-sizing:border-box;padding:10px 0 0 0;color:#000;font-weight:300;font-size:14px;}
/*Выбираете масло */
.subtitle{font-weight:400;font-size:18px;color:#444444;letter-spacing:5px;text-align:center;text-transform:uppercase;margin:0!important;padding:0 0 30px 0;}
.icon-new{box-sizing:border-box;text-align:center;padding:80px 0 20px 0;}
.icon-new-1{background: scroll transparent url(images/icon-new-1.svg) center top no-repeat;background-size:60px;}
.icon-new-2{background: scroll transparent url(images/icon-new-2.svg) center top no-repeat;background-size:60px;}
.icon-new-3{background: scroll transparent url(images/icon-new-3.svg) center top no-repeat;background-size:60px;}
.icon-new-4{background: scroll transparent url(images/icon-new-4.svg) center top no-repeat;background-size:60px;}
.ok-li-ul{box-sizing:border-box;width:400px;margin:auto;padding:10px 0 10px 0;}
.ok-li-ul li{list-style:none;box-sizing:border-box;padding:5px 0 5px 35px;background: scroll transparent url(images/li-ok.svg) left center no-repeat;background-size:60px;background-size:24px;}
/*Масло для древесины*/
.icon-prod{box-sizing:border-box;text-align:center;padding:110px 0 0 0;font-weight:500;}
.icon-prod-1{background: scroll transparent url(images/icon-prod-1.svg) center top 30px no-repeat;background-size:60px;}
.icon-prod-2{background: scroll transparent url(images/icon-prod-2.svg) center top 30px no-repeat;background-size:60px;}
.icon-prod-3{background: scroll transparent url(images/icon-prod-3.svg) center top 30px no-repeat;background-size:60px;}
.icon-prod-4{background: scroll transparent url(images/icon-prod-4.svg) center top 30px no-repeat;background-size:60px;}
.icon-prod-5{background: scroll transparent url(images/icon-prod-5.svg) center top 30px no-repeat;background-size:60px;}
.maslo-img{background: scroll transparent url(images/maslo.webp) center center no-repeat;background-size:cover;border-radius:5px;flex-basis:550px!important;}
.maslo-block-table{flex-basis:520px!important;}
.maslo-tabel{margin:10px 0 0 0!important;padding:0;}
.mt-row{box-sizing:border-box;width:520px;background-color:#FCF7EB;}
.mt-name{box-sizing:border-box; display:inline-block;width:190px;height:40px;background-color:#F2EAD9;padding:10px 10px 10px 20px;font-weight:500;font-size:16px;color:#522003;}
.mt-text{box-sizing:border-box; display:inline-block;width:320px;height:40px;padding:10px 10px 10px 20px;font-weight:300;}
.mt-bigtext{box-sizing:border-box; display:inline-block; width:100%;height:40px;padding:10px 10px 10px 20px;font-weight:500;font-size:16px;color:#522003;}
.mt-name-gr{background-color:#ECECEC;}
.mt-row-gr{background-color:#F2F2F2;}
/*Инструкция по применению*/
.instrukt p{margin:0!important;}
.instrukt ul{margin:0!important;}
.instrukt{padding:230px 0 0 0;}
.instrukt-1{background: scroll transparent url(images/instrukt1.webp) center top no-repeat;background-size:contain;}
.instrukt-2{background: scroll transparent url(images/instrukt2.webp) center top no-repeat;background-size:contain;}
.instrukt-3{background: scroll transparent url(images/instrukt3.webp) center top no-repeat;background-size:contain;}
.vajno-border{box-sizing:border-box;display:block;margin:auto!important;width:900px;border:1px solid #D60000;border-radius:5px;padding:20px 20px 20px 100px;font-weight:700;background: scroll transparent url(images/vnimanie.svg) left 20px center no-repeat;background-size:60px;}
.vajno-border strong{color:#D60000;text-transform:uppercase;}



/*ФУТЕР-------------------------------------------------------------------------------------------------------------*/
#footer{background-color:#200D02!important;}
.site-footer{background-color:#200D02!important;box-sizing:border-box;color:#fff!important;font-size:14px;font-weight:300;padding:60px 0 20px 0;}
.site-footer a{font-size:14px;color:#FFDABA!important;}
.footer-flex{display:flex;flex-wrap:wrap;gap:100px;}
.footer-text{flex-basis:500px;}
.footer-links{flex-basis:540px;}
.footer-links-about{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;margin:0!important;padding:0!important;}
.footer-bottom{margin-top:20px;padding-top:20px;}
.footer-copiright-block{width:40%;padding-top:10px;line-height:1.1;}
.footer-mir-block{width:40%;text-align:right;line-height:1.1;}
.footer-mir-block a{font-size:14px;color:#fff!important;}



/* Большие устройств (большие компьютеры, 1200px) */  
@media only screen and (max-width: 1199px){
	.w1140{width:960px;box-sizing:border-box;}
	#front-first-screen {height: 530px;}
	#front-first-screen h1 {padding-top: 200px !important;}
	.product-title {font-size: 18px;}
	.maslo-img{flex-basis:450px!important;}
	.maslo-block-table{flex-basis:450px!important;}
	.mt-row{width:450px;}
	.mt-name{width:165px;font-size: 14px;}
	.mt-text{width:280px;font-size: 14px;}
	.mt-bigtext{font-size: 14px;}
	.prem-item {flex-basis: 240px;height: 240px;}
	.prem-item-text {padding: 85px 20px;}
	.works-gal .wp-block-image {width: 280px !important;height: 280px !important;}
	.map-block {margin-left: -480px;}
	.footer-flex {gap: 20px;}
	.footer-links {flex-basis: 440px;}
}

/* Средние устройства (настольные компьютеры, 990px) */  
@media only screen and (max-width: 990px){
	.white-block {padding: 40px 20px 40px 20px;margin-bottom: 60px;}
	.w1140{width:740px;box-sizing:border-box;}
	h2 {font-size: 24px;}
	#header-logo {width: 260px;padding-top: 5px;}
	#header-logo a {width:190px;height: 75px;background: scroll transparent url(images/logo.svg) center center no-repeat;background-size: 190px 76px;}
	#header-messengrs {width: 240px;padding-top: 65px;}
	#header-tel {width: 240px;padding-top: 65px;}
	.primary-navigation .menu .menu-item {padding-right: 6%;}
	#front-first-screen h1 {padding-top: 150px !important;}
	.product-zakaz{padding: 15px 10px 15px 10px;}
	.button-k {width: 100%;}
	.product-title {font-size: 16px;}
	.tabel-flex-wrapper{flex-wrap:wrap!important;}
	.maslo-block-table{order:2;width:100%;}
	.maslo-img{order:1;width:100%;height:320px;}
	.mt-row{width:100%;}
	.mt-name{width:25%;}
	.mt-text{width:70%;}
	.prem-item {flex-basis: 185px;height: 185px;}
	.prem-item-text {padding:60px 10px;font-size:14px;}
	.works-gal .wp-block-image {width: 200px !important;height: 200px !important;}
	.accept-label{width: 355px;}
	.submit-item {width: auto;}
	.vajno-border {width: 100%;}
	.map-block {margin-left: -370px;}
	.footer-text {flex-basis: 100%;}
	.footer-links {flex-basis: 100%;justify-content: left; gap:20px;}
	
}
/* Небольшие устройства (планшеты, 768px) */  
@media only screen and (max-width: 768px){
	.inner-page h1 {padding-bottom:20px !important;font-size:24px;}
	.inner-page {padding:30px 10px 30px 10px;margin: 10px 0 40px 0;}
	#breadcrumbs{display:none;}
	.w1140{width:100%;padding:0 10px;box-sizing:border-box;}
	.white-block {padding: 30px 10px 30px 10px;margin-bottom:40px;}
	.white-block-ex{padding: 30px 10px 30px 10px;margin-bottom:40px;}
	.white-block-ex2{padding: 30px 10px 30px 10px;margin-bottom:40px;}
	.front-background {background: fixed #391703 url(images/back.webp) center top no-repeat;background-size:540px 720px;}
	#header-menu{width:0;padding-top:10px;position:static;}
	#header-menu .menu-toggle{z-index:1010;cursor:pointer;display:block;position:absolute;top:10px;right:10px;border:none;height:36px; width:36px;background: scroll transparent url(images/hamburger-w.svg) center center no-repeat; background-size:30px;text-indent:-9999px;}
	#header-menu .toggled .menu-toggle{position:fixed;}
	
	#header-menu .toggled .menu-toggle{background: scroll transparent url(images/close-w.svg) center center no-repeat; background-size:30px;}
	#header-menu .primary-navigation{display:none;}
	#header-menu .toggled .handheld-navigation{display:block;}
	.site-header {height:130px;}
	#header-messengrs{order:2;width:55%;padding-top:15px;}
	#header-logo{order:1;width:100%;}
	#header-tel{order:3;width:45%;padding-top:15px;}
	#header-logo a {margin:auto;width:160px;height: 64px;background: scroll transparent url(images/logo.svg) center center no-repeat;background-size: 160px 64px;}
	.messenger { margin: 0 5px;}
	#header-tel a {background: none;padding: 5px 0 5px 0;font-size: 16px;}
	#front-first-screen {height: 510px;}
	#front-first-screen h1 {padding-top: 150px !important;font-size:36px;}
	.front-subtitle {font-size:24px;}
	#product-wrapper {margin-bottom: 0;}
	.product-list {margin:0!important;}
	.product-item {text-align:left;display:flex;gap:0;}
	.product-item .wp-block-image {width:47%;aspect-ratio: 1 / 1;}
	.product-item-info {box-sizing:border-box;margin:0!important;width: 53%;padding:0 10px;}
	.product-title{font-size:14px;padding: 10px 0 0 0;}
	.product-vol{font-size:14px;}
	.product-prise{font-size:16px;}
	.product-roznica{font-size:12px;padding: 5px 0 5px 0;}
	.product-zakaz{padding: 10px 0 5px 0;}
	.product-zakaz a{display:none;}
	#vibor-wrapper .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {flex-basis: 45% !important;}
	.ok-li-ul{width: auto;}
	.premtext {flex-basis: 100%;}
	.prem-flex-wrapper:not(.is-not-stacked-on-mobile)>.wp-block-column {flex-basis: 45% !important;}
	.prem-item {flex-basis: 50%;height: 180px;}
	.prem-item-text-1{order:1;}
	.prem-item-img-1{order:2;}
	.prem-item-text-3{order:4;}
	.prem-item-img-3{order:3;}
	.prem-item-text-2{order:5;}
	.prem-item-img-2{order:6;}
	.prem-item-text-4{order:8;}
	.prem-item-img-4{order:7;}
	.about-img{height:300px;}
	.about-text {flex-basis: 1005;padding: 20px 10px 20px 10px;}
	.form-page{width:100%;}
	.form-items-line {width: 100%;flex-wrap: wrap;gap: 0px;}
	.accept {width: 30px;}
	.accept-label {width: 280px;margin: 0;}
	.vajno-border {background: scroll transparent url(images/vnimanie.svg) left 20px top 20px no-repeat;background-size: 60px;}
	
	.map-block {bottom: 0;left: 0;margin-left: 0;padding:0;}
	.map-contacts {width: 100%;height: auto;top: auto;bottom:0;border-radius: 0;box-shadow: none;padding: 10px 10px 10px 150px;
	background: scroll #fff url(images/logo.svg) left 20px center no-repeat;background-size:120px 50px;}
	.map-contacts p{margin:0!important;padding:0!important;line-height:1.1;}
	
	.site-footer {padding: 20px 0 20px 0;}
	.footer-text {text-align:center;}
	.footer-links-about li{text-align:center;width: 100%;}
	.footer-bottom {margin-top: 0;padding-top: 30px;}
}

/*ANIMATION*/
@media only screen and (min-width: 768px){
	
	@keyframes buttonk1-start {
	  from {box-shadow: 0px 0px 0px 0px #FF7919;}
	  to {box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.5);transform:translate(0,-5px)}
	}
	@keyframes buttonk1-revers {
	  from {box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.5);transform:translate(0,-5px)}
	  to {box-shadow: 0px 0px 0px 0px #FF7919;}
	}
	
	@keyframes buttoni-start {
	  from {box-shadow: 0px 0px 0px 0px #FF7919;}
	  to {box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.5);transform:translate(0,-5px)}
	}
	@keyframes buttoni-revers {
	  from {box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.5);transform:translate(0,-5px)}
	  to {box-shadow: 0px 0px 0px 0px #FF7919;}
	}
	
	@keyframes messenger-start {
	  from {transform:scale(1)}
	  to {transform:scale(1.3)}
	}
	@keyframes messenger-revers {
	  from {transform:scale(1.3)}
	  to {transform:scale(1)}
	}	
	
	@keyframes menu-start {
	  from {transform:translate(0,0);border-bottom:2px solid transparent;}
	  to {transform:translate(0,-5px);border-bottom:2px solid #FFDABA;}
	}
	@keyframes menu-revers {
	  from {transform:translate(0,-5px);border-bottom:2px solid #FFDABA;}
	  to {transform:translate(0,0);border-bottom:2px solid transparent;}
	}
	
	@keyframes gal-start {
	  from {transform:scale(1)}
	  to {transform:scale(1.1)}
	}
	@keyframes gal-revers {
	  from {transform:scale(1.1)}
	  to {transform:scale(1)}
	}
}