@font-face {
font-family: 'PFBagueSansPro';
src: url(//margarin.by/wp-content/themes/margarin/fonts/PFBagueSansPro.woff) format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'PFBagueSansPro';
src: url(//margarin.by/wp-content/themes/margarin/fonts/PFBagueSansPro-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'PFBagueSansPro';
src: url(//margarin.by/wp-content/themes/margarin/fonts/PFBagueSansPro-Black.woff) format('woff');
font-weight: bolder;
font-style: normal;
}
@font-face {
font-family: 'PFBagueSansPro';
src: url(//margarin.by/wp-content/themes/margarin/fonts/PFBagueSansPro-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
}
html {
margin: 0;
padding: 0;
border: 0;
width: 100%;
}
input[type="text"],
textarea {
-webkit-appearance: none;
box-shadow: none;
-webkit-box-shadow: none;
border-radius: 0px;
-webkit-appearance: none;
}
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
margin: 0;
padding: 0;
border: 0;
font-weight: 300;
font-style: inherit;
font-family: 'PFBagueSansPro', sans-serif;
vertical-align: baseline;
}
ul {
list-style-position: inside;
}
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
p {
margin: 0;
}
p,
a,
span,
li,
td,
th {
font-size: 18px;
line-height: 23px;
font-weight: 300;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption,
th,
td {
text-align: left;
font-weight: normal;
float: none !important;
}
table,
th,
td {
vertical-align: middle;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
}
blockquote,
q {
quotes: "" "";
}
a img {
border: none;
}
img {
max-width: 100%;
}
button:focus,
button:active {
outline: none!important;
}
body {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: 'PFBagueSansPro', sans-serif;
font-size: 14px;
line-height: 16px;
color: #000;
}
* {
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
p {
margin: 0;
}
a {
color: #000;
}
a:hover,
a:active,
a:focus {
text-decoration: none;
outline: none;
color: #000;
}
button {
outline: none;
}
.container {
width: 100%;
margin: 0 auto;
padding: 0;
}
.container-fluid {
width: 100%;
}
.header {
background: url(//margarin.by/wp-content/themes/margarin/images/bg_header.png);
background-size: cover;
background-repeat: no-repeat;
padding-top: 6px;
padding-bottom: 7px;
position: relative;
z-index: 10;
}
.header .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header .block_logo_and_menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header .logo {
margin-right: 30px;
}
.header .logo a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 166px;
}
.header .logo img {
width: 100%;
}
.header .menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
width: 100%;
}
.header .menu_item-link,
.header .menu_item-child .menu_item-link span,
.menu_item-link a {
font-family: "PFBagueSansPro";
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
}
.header .menu_item {
margin-right: 27px;
position: relative;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.header .menu_item:nth-last-child(1) {
margin-right: 0;
}
.menu_item-parent .menu_item-child {
display: none;
position: absolute;
top: 100%;
left: -31px;
width: auto;
min-width: 288px;
padding: 1px 0 20px 30px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
z-index: 3;
background-color: #fff;
}
.menu .menu_item .menu_item-parent .menu_item-child {
display: none;
left: 100%;
top: -15px;
}
.menu_products.menu_item-parent .menu_item-child {
width: 1140px;
left: -300px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 12px 0 30px 0;
}
.menu_item .menu_item-parent {
position: relative;
}
.menu_item .menu_item-parent::after,
.mobile_menu_list .menu_item-parent::after {
content: url(//margarin.by/wp-content/themes/margarin/images/arrow_menu.svg);
width: 5px;
height: 9px;
position: absolute;
right: 5px;
}
.mobile_menu_list li {
line-height: 18px;
}
.mobile_menu_list .menu_item-parent li {
margin-bottom: 5px;
}
.mobile_menu_list .menu_item-parent {
overflow: hidden;
}
.mobile_menu_list .menu_item-parent::after {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
right: 10px;
top: 4px;
}
.mobile_menu_list .menu_item-link {
z-index: 3;
position: relative;
}
.mobile_menu_list .menu_item-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: unset;
min-width: unset;
width: auto;
background: inherit;
padding: 0;
padding-left: 10px;
opacity: 0;
max-height: 0;
-webkit-transition: max-height 0.35s ease-in-out, opacity 0.35s ease-in-out;
-o-transition: max-height 0.35s ease-in-out, opacity 0.35s ease-in-out;
transition: max-height 0.35s ease-in-out, opacity 0.35s ease-in-out;
overflow: hidden;
} .mobile_menu_list .menu_item-child.open {
max-height: 500px;
opacity: 1;
-webkit-transition: max-height 0.35s ease-in-out, opacity 0.35s ease-in-out;
-o-transition: max-height 0.35s ease-in-out, opacity 0.35s ease-in-out;
transition: max-height 0.35s ease-in-out, opacity 0.35s ease-in-out;
} .menu .menu_item.menu_item-parent:hover>.menu_item-child,
.menu .menu_item .menu_item-parent:hover .menu_item-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 15px;
}
.menu_products.menu_item-parent .menu_item-child li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 126px;
}
.menu_products.menu_item-parent .menu_item-child li .menu_item-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.menu_products.menu_item-parent .menu_item-child li .menu_item-link .menu_item-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 90px;
height: 90px;
border-radius: 50%;
background: #F7F8FA;
margin-bottom: 29px;
}
.menu_products.menu_item-parent .menu_item-child li .menu_item-link .menu_item-title {
width: 90%;
text-align: center;
line-height: 18px;
}
.menu.menu_item-parent:hover .menu_item-child .menu_item-link {
line-height: 28px;
}
.menu_products .red_button {
margin-top: 25px;
font-size: 14px;
} .mobile_menu {
display: none;
}
#mobile_menu_toggle {
opacity: 0;
display: none;
}
#mobile_menu_toggle:checked~.mobile_menu_btn>span {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#mobile_menu_toggle:checked~.mobile_menu_btn>span::before {
top: 0;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
background: unset;
}
#mobile_menu_toggle:checked~.mobile_menu_btn>span::after {
top: 0;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
#mobile_menu_toggle:checked~.mobile_menu_box {
visibility: visible!important;
left: 0!important;
width: 300px;
}
.mobile_menu_btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
left: 20px;
width: 26px;
height: 26px;
cursor: pointer;
z-index: 2;
}
.mobile_menu_btn>span,
.mobile_menu_btn>span::before,
.mobile_menu_btn>span::after {
display: block;
position: absolute;
width: 26px;
height: 2px;
background-color: #616161;
-webkit-transition-duration: .25s;
-o-transition-duration: .25s;
transition-duration: .25s;
}
.mobile_menu_btn>span::before {
content: '';
top: -8px;
}
.mobile_menu_btn>span::after {
content: '';
top: 8px;
}
.mobile_menu_box {
display: block;
position: fixed;
visibility: hidden;
top: 0;
left: 0; width: 0;
height: 100%;
margin: 0;
padding: 80px 0;
list-style: none;
background-color: #F6F5F4;
z-index: 1;
-webkit-transition-duration: .4s;
-o-transition-duration: .4s;
transition-duration: .4s;
overflow: hidden;
}
.mobile_menu .menu_item {
display: block;
padding: 0 0 12px 24px;
text-decoration: none;
margin-right: 0!important;
line-height: 20px;
height: auto;
}
.block_view_lang_mail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.block_view,
.block_mail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 36px;
width: 36px;
padding-left: 10px;
padding-right: 10px;
border-radius: 50%;
background-image: url(//margarin.by/wp-content/themes/margarin/images/ellipse.svg);
background-size: 100%;
background-repeat: no-repeat;
margin-right: 20px;
cursor: pointer;
}
.block_lang {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;	
}
.block_lang li{
height: 36px;
width: 36px;
padding: 7px 9px;
border-radius: 50%;
background-image: url(//margarin.by/wp-content/themes/margarin/images/ellipse.svg);
background-size: 100%;
background-repeat: no-repeat;
margin-right: 20px;
}
.block_lang li a{
font-size: 15px;
}
.lang-item-by{
padding: 7px 10px!important;	
}
.block_mail {
margin-right: 0;
cursor: pointer;
}
.slider .slide:hover,
.slider .slide:focus,
.slider .slide:active {
outline: none;
}
.block_main_slider {
height: calc(100vh - 70px);
}
.block_main_slider .slide {
position: relative;
width: 100%;  display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.block_main_slider .slide_bg {
position: absolute;
z-index: -2;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.slide_bg-dark {
background-color: rgba(0, 0, 0, 0.05);
height: 100%;
position: fixed;
width: 100%;
top: 0;
left: 0;
}
.block_main_slider .slide_bg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.block_main_slider .slick-list,
.block_main_slider .slick-track,
.block_main_slider .slide {
height: 100%;
}
.block_main_slider .slide_info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
text-align: right; }
.block_main_slider .slide_info {
padding-top: 20px;
padding-bottom: 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-right: 95px;
}
.block_main_slider .slide_info-comment,
.block_main_slider .slide_info-title {
width: 60%;
}
.block_main_slider .slide_info-comment,
.block_main_slider .slide_info-text {
font-family: "PFBagueSansPro";
font-size: 18px;
line-height: 21px;
color: #fff;
padding-bottom: 27px;
margin-bottom: 13px;
position: relative;
}
.block_main_slider .slide_info-comment::after {
position: absolute;
content: "";
width: 80px;
height: 1px;
background-color: #fff;
bottom: 0;
right: 0;
}
.block_main_slider .slide_info-title {
font-family: "PFBagueSansPro";
font-weight: bold;
font-size: 48px;
line-height: 56px;
color: #fff;
margin-bottom: 31px;
}
.block_main_slider .slide_info-text {
width: 38%;
line-height: 22px;
padding-bottom: 0;
margin-bottom: 34px;
}
.red_button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
height: 42px;
padding: 5px 39px;
background-color: #EB2629;
-webkit-box-shadow: 0px 5px 20px rgba(235, 38, 41, 0.3);
box-shadow: 0px 5px 20px rgba(235, 38, 41, 0.3);
border-radius: 5px;
font-family: "PFBagueSansPro";
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
line-height: 16px;
color: #fff;
-webkit-transition: background 0.5s ease-in-out;
-o-transition: background 0.5s ease-in-out;
transition: background 0.5s ease-in-out;
cursor: pointer;
}
.red_button:hover {
background: #D12225;
text-decoration: none;
color: #fff;
-webkit-transition: background 0.5s ease-in-out;
-o-transition: background 0.5s ease-in-out;
transition: background 0.5s ease-in-out;
}
.red_button:focus {
outline: none;
}
.block_main_slider .prev,
.block_main_slider .next {
position: absolute;
width: 60px;
height: 60px;
z-index: 2;
cursor: pointer;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.block_main_slider .prev {
left: 44px;
}
.block_main_slider .next {
right: 44px;
}
.block_main_slider .prev::after {
content: url(//margarin.by/wp-content/themes/margarin/images/arrow_prev.svg);
position: absolute;
width: 100%;
height: 100%;
}
.block_main_slider .next::after {
content: url(//margarin.by/wp-content/themes/margarin/images/arrow_next.svg);
position: absolute;
width: 100%;
height: 100%;
}
.block_main_slider .slider_indicators {
position: absolute;
bottom: 70px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.block_main_slider .slider_indicators li {
width: 12px;
height: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 20px;
}
.block_main_slider .slider_indicators li:nth-last-child(1) {
margin-right: 0;
}
.block_main_slider .slider_indicators li.slick-active {
border-radius: 50%;
background-color: #fff;
}
.block_main_slider .slider_indicators li button {
font-family: "PFBagueSansPro";
font-weight: bold;
width: 100%;
border: none;
background: none;
font-size: 13px;
line-height: 16px;
color: #fff;
}
.block_production {
padding-top: 70px;
padding-bottom: 113px;
height: 743.41px;
position: relative;
overflow: hidden;
}
.block_production::before,
.block_production::after,
.product_page .container::before,
.product_page .container::after {
position: absolute;
}
.block_production[data-attr-active="1"],
.product_page[data-attr="1"] {
background: #fdf9ce;
}
.block_production[data-attr-active="1"]::before,
.product_page[data-attr="1"] .container::before {
content: url(//margarin.by/wp-content/themes/margarin/images/produkciya/maonez_icon-1.png);
left: -46px;
top: 108px;
-webkit-transform: rotate(-8.25deg);
-ms-transform: rotate(-8.25deg);
transform: rotate(-8.25deg);
}
.block_production[data-attr-active="1"] .prod_item .container::after {
content: url(//margarin.by/wp-content/themes/margarin/images/produkciya/maonez_icon-3.png);
position: absolute;
right: -60px;
bottom: 148px;
-webkit-transform: rotate(-24.13deg);
-ms-transform: rotate(-24.13deg);
transform: rotate(-24.13deg);
}
.product_page[data-attr="1"] .container::after {
content: url(//margarin.by/wp-content/themes/margarin/images/produkciya/maslo_rast_icon-2.png);
right: -59px;
top: 111px;
-webkit-transform: rotate(32.87deg);
-ms-transform: rotate(32.87deg);
transform: rotate(32.87deg);
}
.product_page[data-attr="1"] .page_subtitle::after {
content: url(//margarin.by/wp-content/themes/margarin/images/produkciya/maonez_icon-3.png);
position: absolute;
right: -36px;
bottom: 126px;
-webkit-transform: rotate(-24.6deg);
-ms-transform: rotate(-24.6deg);
transform: rotate(-24.6deg);
}
.block_production[data-attr-active="2"],
.product_page[data-attr="2"] {
background: #ffecd1;
}
.block_production[data-attr-active="2"]::before,
.product_page[data-attr="2"] .container::before {
content: url(//margarin.by/wp-content/themes/margarin/images/produkciya/sous_icon-1.png);
left: 4px;
top: 99px;
-webkit-transform: rotate(-55.11deg);
-ms-transform: rotate(-55.11deg);
transform: rotate(-55.11deg);
}
.block_production[data-attr-active="2"]::after,
.product_page[data-attr="2"] .container::after {
content: url(//margarin.by/wp-content/themes/margarin/images/produkciya/sous_icon-2.png);
right: -36px;
top: 117px;
-webkit-transform: rotate(-23.64deg);
-ms-transform: rotate(-23.64deg);
transform: rotate(-23.64deg);
}
.block_production[data-attr-active="2"] .prod_item .container::after,
.product_page[data-attr="2"] .page_subtitle::after {
content: url(//margarin.by/wp-content/themes/margarin/images/produkciya/sous_icon-3.png);
position: absolute;
right: -30px; bottom: 143px;
}
.block_production[data-attr-active="3"],
.product_page[data-attr="3"] {
background: #fff9ee;
}
.block_production[data-attr-active="3"]::before,
.product_page[data-attr="3"] .container::before {
content: url(//margarin.by/wp-content/themes/margarin/images/produkciya/ketchup_icon-1.png);
left: -49px;
top: 91px;
-webkit-transform: rotate(22.59deg);
-ms-transform: rotate(22.59deg);
transform: rotate(22.59deg);
}
.block_production[data-attr-active="3"]::after,
.product_page[data-attr="3"] .container::after {
content: url(//margarin.by/wp-content/themes/margarin/images/produkciya/ketchup_icon-2.png);
right: -27px;
top: 97px;
-webkit-transform: rotate(35.56deg);
-ms-transform: rotate(35.56deg);
transform: rotate(35.56deg);
}
.block_production[data-attr-active="3"] .prod_item .container::after,
.product_page[data-attr="3"] .page_subtitle::after {
content: url(//margarin.by/wp-content/themes/margarin/images/produkciya/ketchup_icon-3.png);
position: absolute;
right: -36px; bottom: 126px;
-webkit-transform: rotate(-24.6deg);
-ms-transform: rotate(-24.6deg);
transform: rotate(-24.6deg);
}
.block_production[data-attr-active="4"],
.product_page[data-attr="4"] {
background: #e1e3b7;
}
.block_production[data-attr-active="4"]::before,
.product_page[data-attr="4"] .container::before {
content: url(//margarin.by/wp-content/themes/margarin/images/produkciya/hren_icon-1.png);
left: -57px;
top: 84px;
}
.block_production[data-attr-active="4"]::after,
.product_page[data-attr="4"] .container::after {
content: url(//margarin.by/wp-content/themes/margarin/images/produkciya/hren_icon-2.png);
right: -63px;
top: 109px;
-webkit-transform: rotate(-37.73deg);
-ms-transform: rotate(-37.73deg);
transform: rotate(-37.73deg);
}
.block_production[data-attr-active="4"] .prod_item .container::after,
.product_page[data-attr="4"] .page_subtitle::after {
content: url(//margarin.by/wp-content/themes/margarin/images/produkciya/hren_icon-3.png);
position: absolute;
right: -128px;
bottom: 104px;
}
.main.product_page[data-attr="4"] .page_subtitle::after {
right: -128px;
}
.block_production[data-attr-active="5"],
.product_page[data-attr="5"] {
background: #dfebe4;
}
.block_production[data-attr-active="5"]::before,
.product_page[data-attr="5"] .container::before {
content: url(//margarin.by/wp-content/themes/margarin/images/produkciya/gorchica_icon-1.png);
left: -111px;
top: 95px;
}
.block_production[data-attr-active="5"]::after,
.product_page[data-attr="5"] .container::after {
content: url(//margarin.by/wp-content/themes/margarin/images/produkciya/gorchica_icon-2.png);
right: -59px;
top: 111px;
}
.block_production[data-attr-active="5"] .prod_item .container::after,
.product_page[data-attr="5"] .page_subtitle::after {
content: url(//margarin.by/wp-content/themes/margarin/images/produkciya/gorchica_icon-3.png);
position: absolute;
right: -111px;
bottom: 119px;
-webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
-ms-transform: matrix(-1, 0, 0, 1, 0, 0);
transform: matrix(-1, 0, 0, 1, 0, 0);
}
.main.product_page[data-attr="5"] .page_subtitle::after {
right: -66px;
bottom: -117px;
}
.block_production[data-attr-active="6"],
.product_page[data-attr="6"] {
background: #f2e6f5;
}
.block_production[data-attr-active="6"]::before,
.product_page[data-attr="6"] .container::before {
content: url(//margarin.by/wp-content/themes/margarin/images/produkciya/margarin_icon-1.1.png);
left: -33px;
top: 50px;
}
.block_production[data-attr-active="6"]::after,
.product_page[data-attr="6"] .container::after {
content: url(//margarin.by/wp-content/themes/margarin/images/produkciya/margarin_icon-2.png);
right: -27px;
top: 21px;
}
.block_production[data-attr-active="6"] .prod_item .container::before,
.product_page[data-attr="6"] .page_title::before {
content: url(//margarin.by/wp-content/themes/margarin/images/produkciya/margarin_icon-1.2.png);
position: absolute;
left: -64px;
top: 40px;
-webkit-transform: rotate(102.37deg);
-ms-transform: rotate(102.37deg);
transform: rotate(102.37deg);
}
.block_production[data-attr-active="6"] .prod_item .container::after,
.product_page[data-attr="6"] .page_subtitle::after {
content: url(//margarin.by/wp-content/themes/margarin/images/produkciya/margarin_icon-3.png);
position: absolute;
right: -8px;
bottom: 208px;
}
.block_production[data-attr-active="7"],
.product_page[data-attr="7"] {
background: #fae7e1;
}
.block_production[data-attr-active="7"]::before,
.product_page[data-attr="7"] .container::before {
content: url(//margarin.by/wp-content/themes/margarin/images/produkciya/spred_icon-1.png);
left: -82px;
top: 129px;
-webkit-transform: rotate(-89.84deg);
-ms-transform: rotate(-89.84deg);
transform: rotate(-89.84deg);
}
.main.product_page[data-attr="7"] .container::before {
left: -144px;
}
.block_production[data-attr-active="7"]::after,
.product_page[data-attr="7"] .container::after {
content: url(//margarin.by/wp-content/themes/margarin/images/produkciya/spred_icon-2.png);
right: -62px;
top: 110px;
}
.block_production[data-attr-active="7"] .prod_item .container::after,
.product_page[data-attr="7"] .page_subtitle::after {
content: url(//margarin.by/wp-content/themes/margarin/images/produkciya/spred_icon-3.png);
position: absolute;
right: -107px;
bottom: 156px;
}
.block_production[data-attr-active="8"],
.product_page[data-attr="8"] {
background: #fdfdd3;
}
.block_production[data-attr-active="8"]::before,
.product_page[data-attr="8"] .container::before {
content: url(//margarin.by/wp-content/themes/margarin/images/produkciya/maslo_rast_icon-1.png);
left: -85px;
top: 117px;
-webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
-ms-transform: matrix(-1, 0, 0, 1, 0, 0);
transform: matrix(-1, 0, 0, 1, 0, 0);
}
.block_production[data-attr-active="8"]::after,
.product_page[data-attr="8"] .container::after {
content: url(//margarin.by/wp-content/themes/margarin/images/produkciya/maslo_rast_icon-2.png);
right: -64px;
top: 107px;
-webkit-transform: rotate(-130.38deg);
-ms-transform: rotate(-130.38deg);
transform: rotate(-130.38deg);
}
.block_production[data-attr-active="8"] .prod_item .container::after,
.product_page[data-attr="8"] .page_subtitle::after {
content: url(//margarin.by/wp-content/themes/margarin/images/produkciya/maslo_rast_icon-3.png);
position: absolute;
right: -37px;
bottom: 125px;
}
.block_production .prod_caregories {
margin-bottom: 71px;
}
.block_production .prod_caregories .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.block_production .prod_caregories .category_button {
font-family: "PFBagueSansPro";
font-weight: bold;
font-size: 15px;
line-height: 18px;
border: 1px solid #EB2629;
border-radius: 5px;
background-color: transparent;
color: #000;
padding: 5px 9px;
text-transform: uppercase;
cursor: pointer;
margin-right: 37px;
}
.block_production .prod_caregories .category_button[data-attr-prod="8"] {
margin-right: 15px;
}
.block_production .more_categories {
width: 61px;
height: 44px;
padding-left: 18px;
padding-right: 18px;
padding-top: 14px;
position: relative;
z-index: 1;
border-radius: 5px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
cursor: pointer;
}
.block_production .more_categories:hover {
background-color: #fff;
}
.block_production .prod_caregories .more_categories_dotes {
width: 25px;
border-bottom: 5px dotted #000;
}
.more_categories .another_production {
display: none;
position: absolute;
top: 100%;
right: 0;
background-color: #fff;
width: 268px;
padding: 27px 54px;
border-radius: 5px;
border-top-right-radius: 0;
}
.more_categories:hover .another_production {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.more_categories .another_production a {
font-family: "PFBagueSansPro";
font-weight: bold;
font-size: 15px;
line-height: 18px;
text-transform: uppercase;
text-align: center;
margin-bottom: 22px;
border-radius: 5px;
}
.more_categories .another_production a:hover {
color: #EB2629;
}
.more_categories .another_production a:nth-last-child(1) {
margin-bottom: 0;
}
.block_production .prod_caregories .category_button.active,
.block_production .prod_caregories .category_button:hover {
background: #EB2629;
color: #fff;
}
.block_production .prod_item {
display: none;
}
.block_production .prod_item.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.block_production .prod_item .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.block_production .prod_item .prod_item-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 169px;
width: 40%;
position: relative;
}
.prod_item-left::after {
content: url(//margarin.by/wp-content/themes/margarin/images/listik.png);
position: absolute;
right: 52px;
bottom: -110px;
-webkit-transform: rotate(66.49deg);
-ms-transform: rotate(66.49deg);
transform: rotate(66.49deg);
}
.block_production .prod_item .prod_item-left .prod_item_text {
font-size: 18px;
line-height: 23px;
margin-bottom: 66px;
text-align: center;
}
.block_production .prod_item .prod_item-left .red_button {
width: 218px;
font-size: 14px;
position: relative;
}
.block_production .prod_item .prod_item-left .red_button::before,
.product_page .page_subtitle::before,
.block_nagrady .red_button::before {
content: url(//margarin.by/wp-content/themes/margarin/images/button_lines.svg);
position: absolute;
left: -45px;
bottom: -49px;
-webkit-transform: none!important;
-ms-transform: none!important;
transform: none!important;
}
.block_production .prod_item .prod_item-left .red_button:hover::before {
-webkit-transform: none!important;
-ms-transform: none!important;
transform: none!important;
}
.block_production .prod_item .prod_item-left .red_button::after {
content: url(//margarin.by/wp-content/themes/margarin/images/button_lines.svg);
position: absolute;
right: -49px;
top: -45px;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.block_production .prod_item .prod_item-right {
width: 57.1%;
height: 707px;
padding-top: 115px;
}
.prod_item_slider {
position: relative;
top: 28.9%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.prod_item_slider .slick-slide {
-webkit-transform: scale(.52);
-ms-transform: scale(.52);
transform: scale(.52);
-webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
-o-transition: transform .3s cubic-bezier(.4, 0, .2, 1);
transition: transform .3s cubic-bezier(.4, 0, .2, 1);
transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
padding-left: 10px;
padding-right: 7px;
padding-bottom: 10px; padding-top: 10px;
opacity: 0.5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.prod_item_slider .slick-slide:active,
.prod_item_slider .slick-slide:hover,
.prod_item_slider .slick-slide:focus {
outline: none;
}
.prod_item_slider .slick-center {
-webkit-transform: scale(1.068);
-ms-transform: scale(1.068);
transform: scale(1.068);
padding-top: 16px;
opacity: 1;
}
.prod_item_slider .slick-active:not(.slick-center) {
margin-top: -42px;
}
.prod_item_slider .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.prod_item_slider .slider_item img,
.prod_item_slider .slide img {
width: auto;
height: auto;
}
.prod_item_slider .slide.slick-current img {
max-height: 400px;
max-width: 170px;
}
.prod_item_slider .slide.slick-current img {
max-height: 400px;
max-width: 280px;
}
.prod_item_slider .slick-slide .prod_item_title {
display: none;
font-family: "PFBagueSansPro";
font-weight: bold;
font-size: 24px;
line-height: 31px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
margin-top: 23px;
}
.prod_item_slider .slick-center .prod_item_title {
display: -webkit-box;
display: -ms-flexbox;
display: flex; width: 325px; }
.prod_item_slider .prev,
.prod_item_slider .next {
position: absolute;
width: 30px;
height: 30px;
cursor: pointer;
background: #EB2629;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
top: calc(50% - 26px);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 5;
}
.prod_item_slider .prev {
left: 0;
}
.prod_item_slider .next {
right: 0;
}
.prod_item_slider .prev::after,
.prod_item_slider .next::after {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 10px;
padding-bottom: 8px;
}
.prod_item_slider .prev::after {
content: url(//margarin.by/wp-content/themes/margarin/images/arrow_prod_prev.png);
padding-left: 9.89px;
padding-right: 11.89px;
}
.prod_item_slider .next::after {
content: url(//margarin.by/wp-content/themes/margarin/images/arrow_prod_next.png);
padding-left: 11.89px;
padding-right: 9.89px;
}
.block_we_have {
background-color: #F3F3F3;
padding-top: 24px;
padding-bottom: 75px;
position: relative;
}
.block_we_have::before {
content: url(//margarin.by/wp-content/themes/margarin/images/maslo.png);
position: absolute;
left: -17px;
top: 184px;
}
.block_we_have::after {
content: url(//margarin.by/wp-content/themes/margarin/images/maslo_olivkovoe1.png);
position: absolute;
right: 8px;
bottom: 29px;
}
.block_we_have_title {
position: absolute;
background-color: #F7F8FA;
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
top: -26px;
left: 0;
padding: 46px 0 40px 104px;
width: 56.2%;
text-align: center;
}
.block_we_have_title .block_subtitle {
font-family: "PFBagueSansPro";
font-weight: bold;
font-size: 18px;
line-height: 21px;
text-transform: uppercase;
color: #000;
margin-bottom: 17px;
}
.block_title {
font-family: "PFBagueSansPro";
font-weight: bold;
font-size: 40px;
line-height: 47px;
text-transform: uppercase;
color: #EB2629;
text-align: center;
}
.block_we_have_title .block_title {
text-align: unset;
font-size: 36px;
line-height: 42px;
}
.block_we_have_content .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.block_we_have_content-left {
width: 60%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 138px;
padding-right: 28px;
padding-left: 28px;
}
.block_we_have_content-left .advantage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 44%;
min-height: 149px;
margin-bottom: 19px;
padding-top: 47px;
position: relative; } .block_we_have_content-left .advantage::after {
content: url(//margarin.by/wp-content/themes/margarin/images/round.svg);
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0;
-webkit-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
.block_we_have_content-left .advantage-active::after {
content: url(//margarin.by/wp-content/themes/margarin/images/round.svg);
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 1;
-webkit-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
.block_we_have_content-left .advantage:nth-child(1),
.block_we_have_content-left .advantage:nth-child(3) {
margin-right: 44px;
}
.block_we_have_content-left .advantage:nth-child(3),
.block_we_have_content-left .advantage:nth-child(4) {
margin-bottom: 0;
}
.block_we_have_content-left .advantage .advantage_number {
font-family: "PFBagueSansPro";
font-weight: bold;
font-size: 24px;
line-height: 28px;
color: #000;
padding-bottom: 8px;
margin-bottom: 23px;
position: relative;
text-align: left;
padding-left: 72px;
}
.block_we_have_content-left .advantage .advantage_number::after {
content: "";
position: absolute;
width: 70px;
height: 1px;
background-color: #EB2629;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.block_we_have_content-left .advantage .advantage_number span {
font-family: "PFBagueSansPro";
font-weight: bold;
font-size: 48px;
line-height: 56px;
color: #EB2629;
margin-left: 3px;
}
.block_we_have_content-left .advantage .advantage_text {
font-size: 16px;
line-height: 18px;
text-align: center;
}
.block_we_have_content-right {
width: 40%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.block_we_have_slider {
width: 100%;
height: 289px;
position: relative;
margin-bottom: 35px;
}
.block_we_have_slider .slick-list,
.block_we_have_slider .slick-track {
height: 100%;
}
.block_we_have_slider .slide img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.block_we_have_slider .prev,
.block_we_have_slider .next {
position: absolute;
width: 49px;
height: 40px;
z-index: 2;
cursor: pointer;
bottom: 0;
background: rgba(255, 255, 255, 0.8);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.block_we_have_slider .prev {
right: 49px;
}
.block_we_have_slider .next {
right: 0;
}
.block_we_have_slider .prev::after {
content: url(//margarin.by/wp-content/themes/margarin/images/arrow_prev_small.svg);
width: 10.5px;
height: 21px;
}
.block_we_have_slider .next::after {
content: url(//margarin.by/wp-content/themes/margarin/images/arrow_next_small.svg);
width: 10.5px;
height: 21px;
}
.block_we_have_comment {
font-size: 18px;
line-height: 23px;
text-align: center;
margin-bottom: 34px;
}
.block_we_have_more {
position: relative;
}
.block_we_have_more::before {
content: url(//margarin.by/wp-content/themes/margarin/images/strelka1.svg);
position: absolute;
left: -111px;
bottom: 0;
}
.block_we_have_more .red_button {
font-size: 14px;
width: 266px;
}
.block_open {
padding-top: 82px;
position: relative;
overflow: hidden;
}
.block_open::before {
content: url(//margarin.by/wp-content/themes/margarin/images/fon_kaplya_v_obvodke.png);
position: absolute;
top: -7px;
left: -45px;
}
.block_open::after,
.partners_page .main_content::after {
content: url(//margarin.by/wp-content/themes/margarin/images/fon_chesnok.svg);
position: absolute;
top: 0;
right: -46px;
} .block_open .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
overflow: hidden;
}
.block_open .container::before,
.to_partners_buttons button:nth-child(1)::before {
content: url(//margarin.by/wp-content/themes/margarin/images/plane.png);
position: absolute;
top: 12px;
left: -67px;
z-index: 4;
}
.to_partners_buttons button:nth-child(1)::before {
content: url(//margarin.by/wp-content/themes/margarin/images/plane_partners_zar.png);
left: -103%;
top: 10px;
}
.to_partners_buttons button:nth-child(1)::before {
content: url(//margarin.by/wp-content/themes/margarin/images/plane_partners.png);
left: -103%;
top: 10px;
}
.to_partners_buttons .zarubezh_button.active::before {
content: url(//margarin.by/wp-content/themes/margarin/images/plane_partners_zar.png);
}
.block_open .block_title {
margin-bottom: 34px;
}
.block_open .block_subtitle {
width: 55%;
}
.block_open_content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.block_open_map {
width: 58.5%;
position: relative;
z-index: 9;
}
.block_open_map img {
width: 100%;
}
.block_open_towns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 40%;
height: 434px;
background: #F7F8FA;
-webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
padding: 19px 20px 20px 20px;
margin-top: 67px;
position: relative;
}
.block_open_towns_comment {
font-size: 18px;
line-height: 23px;
padding-bottom: 36px;
text-align: center;
width: 80%;
}
.towns_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.towns_list-left,
.towns_list-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.towns_list-left {
margin-right: 7px;
}
.town {
position: relative;
font-family: 'PFBagueSansPro';
font-weight: 500;
font-size: 16px;
line-height: 18px;
text-transform: uppercase;
padding-left: 27px;
width: auto;
margin-bottom: 19px;
}
.towns_list-left .town:nth-last-child(1),
.towns_list-right .town:nth-last-child(1) {
margin-bottom: 0;
}
.town::before {
content: url(//margarin.by/wp-content/themes/margarin/images/kaplya.png);
position: absolute;
left: 0;
width: 14px;
height: 18px;
}
.towns_button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
bottom: -17px;
}
.towns_button .red_button {
font-size: 14px;
z-index: 6;
}
.block_recipes,
.block_kachestvo { background: url(//margarin.by/wp-content/themes/margarin/images/fon_recepty.png);
background-size: cover;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
padding-top: 148px;
padding-bottom: 89px;
}
.block_recipes::before,
.block_kachestvo::before { content: "";
background: url(//margarin.by/wp-content/themes/margarin/images/line_recepty.png);
background-repeat: no-repeat;
background-size: 100%;
width: 100%;
height: 100px;
position: absolute;
top: -18px;
left: 0;
}
.block_recipes::after {
content: url(//margarin.by/wp-content/themes/margarin/images/fon_tarelka.png);
position: absolute;
bottom: -6px;
right: -44px;
}
.block_recipes .block_title {
position: relative;
margin-bottom: 46px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.block_recipes .block_title::before {
content: url(//margarin.by/wp-content/themes/margarin/images/fon_recepty_title-figma.svg);
position: absolute;
top: -48px;
}
.block_recipes_columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.block_recipes_column {
width: 33.333333%;
height: 560px;
z-index: 5;
}
.block_recipes_column .block_recipes_item {
height: 50%;
border: 1px solid #fff;
}
.block_recipes_column:nth-child(1) .block_recipes_item,
.block_recipes_column:nth-child(2) .block_recipes_item {
border-right: none;
}
.block_recipes_column:nth-child(1) .block_recipes_item:nth-child(1) {
border-bottom: none;
}
.block_recipes_column .block_recipes_item-last {
border: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 79px;
}
.block_recipes_column .block_recipes_item-full {
height: 100%;
}
.block_recipes_column .block_recipes_item-link {
display: block;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.block_recipes_column .block_recipes_item-link img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}
.block_recipes_column .block_recipes_item-link:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.block_recipes_column .block_recipes_item-title {
position: absolute;
font-family: "PFBagueSansPro";
font-weight: bold;
width: 100%;
height: 45px;
font-size: 18px;
line-height: 21px;
background: rgba(247, 248, 250, 0.7);
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
}
.block_recipes_item-text {
font-family: "PFBagueSansPro";
font-weight: bold;
font-size: 24px;
line-height: 28px;
text-align: center;
margin-bottom: 54px;
}
.block_recipes_column .block_recipes_item-last .red_button {
font-size: 14px;
position: relative;
}
.block_recipes_column .block_recipes_item-last .red_button::before {
content: url(//margarin.by/wp-content/themes/margarin/images/strelka1.svg);
position: absolute;
left: -99px;
bottom: 0;
-webkit-transform: none!important;
-ms-transform: none!important;
transform: none!important;
}
.block_recipes_column .block_recipes_item-last .red_button:hover::before {
-webkit-transform: none!important;
-ms-transform: none!important;
transform: none!important;
} .footer {
border-top: 3px solid #EB2629;
}
.footer .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.footer_top {
background: #EBEBED;
}
.footer_top .footer_column {
padding-top: 55px;
padding-bottom: 42px;
padding-left: 29px;
padding-right: 31px;
}
.footer_top .footer_column:nth-child(1) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 23%;
background: #F7F8FA;
padding-top: 41px;
padding-left: 47px;
padding-right: 47px;
}
.footer_top .footer_column:nth-child(2) {
width: 34.1%;
}
.footer_top .footer_column:nth-child(2) .menu_prod .menu_prod-items {
width: 50%;
}
.footer_top .footer_column:nth-child(3) {
width: 21.6%;
}
.footer_top .logo {
margin-bottom: 30px;
}
.footer_top .logo a {
display: block;
}
.footer_top .telephone {
margin-bottom: 21px;
}
.footer_top .telephone a,
.footer_top .email a {
font-family: "PFBagueSansPro";
font-weight: bold;
font-size: 16px;
line-height: 19px;
}
.footer_top .email {
margin-bottom: 20px;
}
.footer_top .copyright {
font-size: 14px;
line-height: 18px;
text-align: center;
}
.footer_top .menu_prod {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.footer_column .column_title {
font-family: "PFBagueSansPro";
font-weight: bold;
font-size: 16px;
line-height: 19px;
padding-left: 23px;
position: relative;
text-transform: uppercase;
margin-bottom: 28px;
}
.footer_column .column_title::after {
content: url(//margarin.by/wp-content/themes/margarin/images/kaplya_v_obvodke.png);
position: absolute;
left: 0;
width: 14px;
height: 18px;
}
.footer_column .menu_item {
margin-bottom: 12px;
}
.footer_column .menu_item-link {
font-family: "PFBagueSansPro";
font-size: 16px;
line-height: 18px;
}
.footer_column .social .menu_item {
padding-left: 46px;
position: relative;
}
.footer_column .social .instagram::before,
.footer_column .social .facebook::before,
.footer_column .social .vk::before,
.footer_column .social .odnoklassniki::before {
position: absolute;
left: 0;
top: 0;
height: 16px;
}
.footer_column .social .instagram::before {
content: url(//margarin.by/wp-content/themes/margarin/images/instagram.svg);
}
.footer_column .social .facebook::before {
content: url(//margarin.by/wp-content/themes/margarin/images/facebook.svg);
}
.footer_column .social .vk::before {
content: url(//margarin.by/wp-content/themes/margarin/images/vk.svg);
}
.footer_column .social .odnoklassniki::before {
content: url(//margarin.by/wp-content/themes/margarin/images/odnoklassniki.svg);
}
.footer_bottom {
padding-top: 15px;
padding-bottom: 12px;
background: #F7F8FA;
}
.footer_bottom .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer_name a {
font-size: 13px;
line-height: 15px;
}
.footer_bottom .footer_links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 50%;
margin-right: 0;
}
.footer_bottom .footer_links div:not(:nth-last-child(1)) {
margin-right: 29px;
}
.footer_bottom .red_button {
font-size: 12px;
height: 40px;
margin-right: 0px;
}
.penguin {
width: auto;
padding-right: 0x;
}
.footer_links a,
.penguin p,
.penguin a {
font-size: 13px;
line-height: 15px;
}
.hidden_form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 41.6%;
height: 100vh;
background: #F3F3F3;
padding: 29px 9.3% 29px 67px; position: fixed;
right: 0;
top: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
opacity: 0;
visibility: hidden;
overflow: hidden;
-webkit-transition: .55s opacity, .55s visibility;
-o-transition: .55s opacity, .55s visibility;
transition: .55s opacity, .55s visibility;
z-index: 20;
}
.hidden_form.active {
-webkit-animation: show 0.6s forwards ease-in-out;
animation: show 0.6s forwards ease-in-out;
}
.hidden_form.closed {
-webkit-animation: hide 0.6s backwards ease-in-out;
animation: hide 0.6s backwards ease-in-out;
}
.hidden_form::before {
content: url(//margarin.by/wp-content/themes/margarin/images/form_basilic.png);
position: absolute;
top: 0;
left: 23px;
z-index: -1;
}
.hidden_form::after {
content: url(//margarin.by/wp-content/themes/margarin/images/form_rosemary.png);
position: absolute;
bottom: -4px;
left: 12px;
z-index: -1;
}
.hidden_form::before,
.hidden_form::after,
.form_contact_us::after {
opacity: 0.5;
}
.hidden_form .close_button { text-align: right;
margin-bottom: 15px;
cursor: pointer;
position: absolute;
right: 22.3%;
top: 29px;
z-index: 1;
}
.hidden_form .close_button img {
cursor: pointer;
}
.hidden_form #close_contacts {
background: none;
border: none;
}
.hidden_form .contacts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;  padding-left: 16.5%; margin-bottom: 37px; }
.hidden_form .contacts a {
font-family: "PFBagueSansPro";
font-weight: bold;
font-size: 16px;
line-height: 16px; margin-bottom: 17px;
position: relative;
padding-left: 35px;
}
.hidden_form .contacts a:nth-child(2) { margin-bottom: 17px;
}
.hidden_form .contacts a:nth-last-child(1) {
margin-bottom: 0;
}
.hidden_form .form_title {
font-family: "PFBagueSansPro";
font-weight: bold;
font-size: 24px;
line-height: 27px;
text-align: center;
margin-bottom: 10px;
}
.hidden_form .form_subtitle {
font-size: 14px;
line-height: 16px;
text-align: center; margin-bottom: 6px;
}
.contacts_phone,
.contacts_mail {
position: relative;
padding-left: 34px;
margin-bottom: 16px;
margin-top: 2px;
margin-left: 24px;
line-height: 18px;
font-weight: 500;
display: inline-block;
}
.contacts_phone_semibold {
position: relative;
padding-left: 40px;
margin-bottom: 16px;
font-weight: 500;
margin-left: 24px;
display: inline-block;	
}
.contacts_phone::before,
.contacts_mail::before,
.contacts_phone_semibold::before {
position: absolute;
left: 0;
top: 36%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 21px;
}
.contacts_phone::before,
.contacts_phone_semibold::before {
content: url(//margarin.by/wp-content/themes/margarin/images/phone.svg);
width: 20px;
height: 20px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: 0; top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.contacts_mail::before {
content: url(//margarin.by/wp-content/themes/margarin/images/mail_red.svg);
width: 20px;
height: 16px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: 0; top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.hidden_form .form_contact_us {
width: 323px;
position: relative;
}
.hidden_form .form_contact_us::after {
content: url(//margarin.by/wp-content/themes/margarin/images/form_maslo.png);
position: absolute;
right: -55%;
top: 23%;
z-index: -1;
}
.hidden_form .form_contact_us form,
form {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.form_contact_us div {
width: 100%;
}
.hidden_form .form_item,
.form_item {  margin-bottom: 6px;
}
.hidden_form form .form_item:last-of-type,
form .form_left_part .form_item:last-of-type {
margin-bottom: 0;
}
.hidden_form .form_item_label,
.form_item_label,
form textarea {
font-weight: 300;
font-size: 14px;
line-height: 18px;
position: relative;
padding-right: 3px; margin-bottom: 4px;
}
.hidden_form .required .form_item_label::after,
.required .form_item_label::after {
content: "*";
color: #EB2629;
right: 0;
top: 0;
}
.hidden_form .form_item input,
.form_item input,
.form_item textarea,
.form_item .label_file {
width: 100%;
height: 42px;
background: #FDFDFE;
border: 1px solid #EB2629;
border-radius: 5px;
font-weight: 300;
font-size: 14px;
line-height: 18px;
padding-left: 20px;
}
.hidden_form .red_button {
font-size: 14px;
border: none;  margin-top: 10px;
width: 225px;
cursor: pointer;
}
.wpcf7 form .wpcf7-response-output {
margin: 10px 0 0 0!important;
}
.page_title {
font-family: "PFBagueSansPro";
font-weight: bold;
font-size: 48px;
line-height: 56px;
position: relative;
padding-bottom: 28px;
margin-top: 42px;
text-align: center;
margin-bottom: 38px;
}
.page_title::after,
.under_slider_year::after {
content: "";
position: absolute;
width: 165px;
height: 1px;
background-color: #EB2629;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.breadcrumbs {
text-align: center;
margin-bottom: 60px;
}
.partners_page .breadcrumbs {
margin-bottom: 45px;
}
.product_page .breadcrumbs {
margin-bottom: 61px;
}
.breadcrumbs a {
position: relative;
}
.breadcrumbs a:after,
.news_item-link a::after {
content: '';
position: absolute;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
border-bottom: 1px solid #000000;
}
.news_item-link a:hover::after {
border-bottom: 1px solid #EB2629;
}
.breadcrumbs a,
.breadcrumbs span {
font-size: 18px;
line-height: 21px;
margin-right: 18px;
}
.breadcrumbs span.active {
font-family: "PFBagueSansPro";
font-weight: bold;
margin-right: 0;
}
.block_to_partners {
margin-bottom: 66px;
overflow: hidden;
position: relative;
}
.block_to_partners .to_partners_buttons,
.block_obr .obr_buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
margin-bottom: 45px;
}
.to_partners_buttons {
padding-top: 15px;
}
.to_partners_buttons .red_button,
.obr_buttons .red_button {
font-size: 14px;
line-height: 18px;
border: 1px solid #EB2629;
cursor: pointer;
position: relative;
z-index: 5;
}
.to_partners_buttons .red_button:not(.active),
.obr_buttons .red_button:not(.active) {
background: #fff;
-webkit-box-shadow: none;
box-shadow: none;
color: #000000;
}
.to_partners_buttons .red_button:not(.active):hover,
.obr_buttons .red_button:not(.active):hover,
.white_button:hover {
background: #EB2629;
-webkit-transition: background 0.5s ease-in-out;
-o-transition: background 0.5s ease-in-out;
transition: background 0.5s ease-in-out;
}
.to_partners_buttons .red_button:nth-child(1),
.obr_buttons .red_button:nth-child(1) {
margin-right: 27px;
}
.block_subtitle {
font-size: 18px;
line-height: 23px;
text-align: center;
}
.block_to_partners .block_subtitle,
.block_obr .block_subtitle,
.page_subtitle {
padding-left: 22%;
padding-right: 22%;
margin-bottom: 43px;
position: relative;
z-index: 5;
}
.page_subtitle {
padding-left: 17%;
padding-right: 17%;
text-align: center;
}
.page_subtitle p:nth-last-child(1) {
margin-bottom: 0;
}
.to_partners_content-item,
.obr_content-item {
display: none;
}
.to_partners_content .block_open_map {
width: 51.4%;
}
.to_partners_content-item.active,
.obr_content-item.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.town_and_contacts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 40%;
padding-top: 5px;
}
.town_and_contacts .block_open_towns {
width: 100%;
padding-top: 22px;
padding-bottom: 51px;
margin-top: 0;
height: auto;
margin-bottom: 66px;
}
.town_and_contacts .towns_list {
padding-left: 45px;
z-index: 5;
}
.zarubezh_partners .town_and_contacts .towns_list {
padding-left: 0;
}
.town_and_contacts .block_open_towns_comment {
width: 77%;
z-index: 5;
min-height: 82px;
}
.town_and_contacts .towns_button {
bottom: -21px;
}
.town_contacts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
z-index: 5;
position: relative;
}
.town_contacts .town_contacts_text,
.town_contacts a {
font-size: 18px;
line-height: 23px;
margin-bottom: 14px;
}
.town_contacts a {
padding-left: 38px;
margin-bottom: 16px;
}
.town_contacts a:nth-last-child(1) {
margin-bottom: 0;
}
.town_contacts .contacts_phone::before {
content: url(//margarin.by/wp-content/themes/margarin/images/phone_partners.svg);
width: 19px;
height: 19px;
top: 50%;
}
.town_contacts .contacts_mail::before {
content: url(//margarin.by/wp-content/themes/margarin/images/mail_partners.svg);
width: 20px;
height: 15px;
top: 50%;
}
.page_text {
padding-left: 8.5%;
padding-right: 8.5%;
margin-bottom: 90px;
}
.page_text,
.page_text p,
.page_text a,
.page_text span,
.page_text div,
.page_text li {
font-size: 18px;
line-height: 23px;
}
.page_text a {
color: #EB2629;
}
.page_text p,
.page_subtitle p {
margin-bottom: 23px;
}
.page_text ul p {
margin-bottom: 0;
}
.page_text ul li {
padding-left: 23px;
position: relative;
}
.page_text ul li::before {
content: url(//margarin.by/wp-content/themes/margarin/images/circle.svg);
position: absolute;
left: 0;
}
.main_content {
position: relative;
overflow: hidden;
}
.page_image {
width: 100%;
height: 233px;
position: relative;
}
.page_image:after {
content: "";
position: absolute;
bottom: 3px;
left: 0px;
width: 100%;
height: 137px;
background: url(//margarin.by/wp-content/themes/margarin/images/plank_grey.png) 0 0 no-repeat;
background-size: 100% 100%;
}
.page-id-331 .page_image:after,
.page-id-384 .page_image:after,
.page-id-387 .page_image:after,
.page-id-390 .page_image:after,
.page-id-414 .page_image:after,
.page-id-424 .page_image:after,
.page-id-486 .page_image:after,
.page-id-508 .page_image:after,
.page-id-660 .page_image:after,
.parent-pageid-331 .page_image::after,
.single-post .page_image::after {
background-image: url(//margarin.by/wp-content/themes/margarin/images/plank_white.png);
}
.product_page[data-attr="1"] .page_image:after {
background-image: url(//margarin.by/wp-content/themes/margarin/images/plank_mayonnes.png);
}
.product_page[data-attr="2"] .page_image:after {
background-image: url(//margarin.by/wp-content/themes/margarin/images/plank_sous.png);
}
.product_page[data-attr="3"] .page_image:after {
background-image: url(//margarin.by/wp-content/themes/margarin/images/plank_ketchup.png);
}
.product_page[data-attr="4"] .page_image:after {
background-image: url(//margarin.by/wp-content/themes/margarin/images/plank_hren.png);
}
.product_page[data-attr="5"] .page_image:after {
background-image: url(//margarin.by/wp-content/themes/margarin/images/plank_gorchiza.png);
}
.product_page[data-attr="6"] .page_image:after {
background-image: url(//margarin.by/wp-content/themes/margarin/images/plank_margarin.png);
}
.product_page[data-attr="7"] .page_image:after {
background-image: url(//margarin.by/wp-content/themes/margarin/images/plank_spred.png);
}
.product_page[data-attr="8"] .page_image:after {
background-image: url(//margarin.by/wp-content/themes/margarin/images/plank_maslo.png);
}
.page_image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
div.small_block_title {
font-size: 36px;
line-height: 42px;
margin-top: 61px;
margin-bottom: 39px;
}
.main_contacts_block {
text-align: center;
}
.main_contacts_block p strong {
margin-bottom: 13px;
display: block;
}
.rukovodstvo_block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 18px;
}
.rukovodstvo_block div {
width: 262px;
height: auto;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 50px;
}
.rukovodstvo_block img {
width: 100%;
height: 200px;
-o-object-fit: cover;
object-fit: cover;
}
.rukovodstvo_name {
font-weight: bold;
padding: 11px 30px;
margin-top: 4px;
margin-bottom: 2px;
}
.rukovodstvo_post {
min-height: 70px;
margin-bottom: 16px;
}
.rukovodstvo_phone a {
margin-right: 10px;
}
.contacts_secondary_block {
background: #FFFFFF;
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
text-align: center;
padding: 43px 43px 28px;
margin-bottom: 50px;
}
.contacts_secondary_block p {
margin-bottom: 26px;
}
.contacts_secondary_block .contacts_phone_semibold {
margin-right: 10px;
margin-bottom: 20px;
}
.contacts_secondary_wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
left: 40%;
position: relative;
}
div.extrasmall_block_title {
font-size: 24px;
line-height: 130%;
padding-bottom: 17px;
text-transform: none;
}
.page_text {
padding-left: 15px;
padding-right: 15px;
}
.contacts_page {
background: #F7F8FA;
}
.contacts_files_block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
}
.contacts_files_block a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 262px;
height: 215px;
text-align: center;
background: #FFFFFF;
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
padding: 12px 30px 0;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
margin-bottom: 50px;
}
.contacts_files_block a:hover {
text-decoration: none;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.contacts_files_block a .red_button {
height: 0px;
opacity: 0;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
padding: 5px;
width: 90%;
margin: 0 auto;
}
.contacts_files_block a:hover .red_button {
height: 42px;
opacity: 1;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
margin-top: 25px;
margin-bottom: 16px;
}
.main_contacts_phones_block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 auto;
margin-bottom: 53px;
margin-top: 66px;
width: 60vw;
padding-right: 41px;
}
.contacts_map_block {
margin-bottom: 35px;
margin-top: 8px;
}
.breadcrumbs a,
.breadcrumbs span {
font-size: 16px;
line-height: 18px;
}
.recept_page,
.vacancy_page,
.error_page {
background: #F7F8FA;
}
.recept-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
position: relative;
background-color: #ffffff;
z-index: 3;
}
.recept-img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 66%;  position: relative;
}
.recept-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.recept-text {
width: 34%;
padding: 25px 30px;
}
.ingredients {
font-family: 'PFBagueSansPro', sans-serif;
font-weight: bold;
font-size: 24px;
line-height: 28px;
text-align: center;
margin-bottom: 20px;
}
.ingredient-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 11.5px;
position: relative;
}
.ingredient-title {
font-family: 'PFBagueSansPro', sans-serif;
font-size: 18px;
line-height: 24px;
display: block;
overflow: hidden;
position: relative;
width: 100%;
margin-right: 7px;
}
.ingredient-item .ingredient-title:after {
content: '';
position: absolute;
margin-left: .3em;
bottom: .35em;
width: 100%;
border-bottom: 2px dotted #000;
}
.ingredient-item.no_dots .ingredient-title:after {
display: none;
}
.ingredient-value {
font-family: 'PFBagueSansPro', sans-serif;
font-size: 18px;
line-height: 24px;
min-width: 78px;
float: right;
align-self: flex-end;
}
.ingredient-item a {
color: #EB2629;
text-decoration: underline;
}
.recept_page .main_content,
.vacancy_page .main_content,
.about_page .main_content,
.contacts_page .main_content,
.news_page .main_content,
.partners_page .main_content,
.obrascheniya_page .main_content {
position: relative;
}
.recept_page .main_content:before,
.vacancy_page .main_content:before,
.about_page .main_content:before,
.contacts_page .main_content:before,
.partners_page .main_content::before,
.news_page .main_content::before,
.obrascheniya_page .main_content::before {
content: '';
position: absolute;
left: -45px;
top: 194px;
background-image: url(//margarin.by/wp-content/themes/margarin/images/pepper.png);
width: 284px;
height: 216px;
background-repeat: no-repeat;
background-size: contain;
z-index: 2;
}
.recept_page .main_content:after,
.vacancy_page .main_content:after,
.about_page .main_content:after,
.contacts_page .main_content:after,
.partners_page .main_content::after,
.news_page .main_content::after,
.obrascheniya_page .main_content::after {
content: '';
position: absolute;
right: -45px;
left: auto;
top: 400px;
background-image: url(//margarin.by/wp-content/themes/margarin/images/fon_chesnok.png);
width: 290px;
height: 220px;
background-repeat: no-repeat;
background-size: contain;
z-index: 2;
}
.cooking-instruction {
font-family: 'PFBagueSansPro', sans-serif;
font-weight: bold;
font-size: 24px;
line-height: 28px;
text-align: center;
margin-bottom: 45px;
}
.cooking {
background-image: url(//margarin.by/wp-content/themes/margarin/images/cooking-bg.png);
background-repeat: no-repeat;
background-position: center 14px;
padding: 65px 7.3vw 20px;
}
.cooking p {
font-size: 18px;
line-height: 23px;
margin-bottom: 13px;
color: #000000;
}
.cooking p span {
font-weight: bold;
}
.similar {
margin-top: 32px;
margin-bottom: 45px;
}
.similar h2 {
color: #EB2629;
font-weight: bold;
font-size: 24px;
line-height: 28px;
text-align: center;
text-transform: uppercase;
}
.similar-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 49px;
}
.similar-item {
width: 33.3%;
position: relative;
height: 280px;
margin-bottom: 25px;
}
.similar-item p {
position: absolute;
bottom: 0;
width: 100%;
background: rgba(247, 248, 250, 0.7);
font-size: 18px;
line-height: 21px;
color: #000000;
background: rgba(247, 248, 250, 0.7);
text-align: center;
font-family: 'PFBagueSansPro', sans-serif;
font-weight: bold;
padding: 13px 5px;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
}
.similar-item:hover p,
.block_recipes_item-link:hover .block_recipes_item-title {
background-color: #ffffff;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
color: #EB2629;
}
.similar-item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.product_page .container,
.product_page .page_subtitle {
position: relative;
}
.main.product_page .container::before {
left: -129px;
top: -33px;
}
.main.product_page .container::after {
right: -116px;
top: -24px;
left: unset;
}
.main.product_page .page_subtitle::after {
right: -18px;
bottom: -85px;
}
.product_page .page_subtitle::before {
-webkit-transform: matrix(0.17, 0.99, -0.99, 0.16, 0, 0)!important;
-ms-transform: matrix(0.17, 0.99, -0.99, 0.16, 0, 0)!important;
transform: matrix(0.17, 0.99, -0.99, 0.16, 0, 0)!important;
left: 14%;
bottom: unset;
top: -34px;
}
.product_page .products {
margin-top: 65px;
}
.product {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding-top: 64px;
position: relative;
margin-bottom: 25px;
}
.product:nth-last-child(1) {
margin-bottom: 0;
}
.product::before {
content: "";
position: absolute;
width: 200px;
height: 1px;
background-color: #EB2629;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.product_info {
width: 66%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-right: 4%;
}
.product:nth-child(even) .product_info {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-left: 4%;
margin-right: 0;
}
.product_title {
font-family: "PFBagueSansPro";
font-weight: bold;
font-size: 24px;
line-height: 31px;
margin-bottom: 17px;
}
.product_text {
font-size: 18px;
line-height: 23px;
margin-bottom: 25px;
}
.product_img {
width: 30%;
padding-left: 26px;
padding-top: 4px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.product:nth-child(even) .product_img {
padding-right: 40px;
text-align: right;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.product_img img {
width: 244px; height: auto;
}
.main_content td {
text-align: center;
font-size: 16px;
line-height: 21px;
padding: 8px 14px;
width: auto;
font-weight: lighter;
margin-right: 2px;
background-color: rgba(255, 255, 255, 0.8);
}
.main_content .container {
position: relative;
z-index: 3;
}
.main_content tr:nth-child(even) td {
background: rgba(248, 248, 248, 0.8);
}
.product_table {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 39px;
}
.product_table-header,
.product_table-row,
.product_advantages {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.product_advantages {
margin-bottom: 39px;
}
.product_table-head,
.product_table-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
font-size: 16px;
line-height: 21px;
padding: 8px 14px; width: 193px;
margin-right: 2px;
background-color: rgba(255, 255, 255, 0.8);
}
.product_table-head:nth-child(1),
.product_table-head:nth-last-child(1),
.product_table-item:nth-child(1),
.product_table-item:nth-last-child(1) { width: 179px;
}
.product_table-head:nth-last-child(1),
.product_table-item:nth-last-child(1) {
margin-right: 0;
}
.product_table-head {
font-family: 'PFBagueSansPro';
font-weight: 500;
}
.product_table-row:nth-child(even) .product_table-item {
background: rgba(248, 248, 248, 0.8);
}
.product_advantage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 20%;
}
.product_advantage .advantage_icon,
.product_advantage .advantage_text {
text-align: center;
width: 100%;
font-family: "PFBagueSansPro";
font-weight: 500;
font-size: 16px;
line-height: 21px;
}
.product_advantage .advantage_icon {
margin-bottom: 18px;
}
.product_advantage .advantage_icon img {
width: 43px;
height: 43px;
} .vacancy-text p {
font-weight: 300;
font-size: 18px;
line-height: 23px;
text-align: center;
margin-bottom: 13px;
}
.vacancy-advantages {
background-image: url(//margarin.by/wp-content/themes/margarin/images/vacancy-bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: left top;
background-color: #ffffff;
margin-top: 65px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
position: relative;
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}
.vacancy-adv-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 66%;
position: relative;
right: 0;
padding: 0 20px;
}
.adv-item {
width: 30%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
margin-top: 69px;
}
.adv-buttons {
width: 66%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 47px;
padding-bottom: 50px;
position: relative;
}
.adv-buttons .red_button {
width: 222px;
height: 42px;
font-size: 14px;
line-height: 18px;
padding: 5px;
margin-right: 30px;
}
.adv-item p {
font-size: 16px;
line-height: 18px;
margin-top: 23px;
padding-top: 22px;
position: relative;
}
.adv-item p:before {
content: '';
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 70px;
height: 1px;
background: #EB2629;
}
.white_button {
width: 216px;
height: 42px;
border: 1px solid #EB2629;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 5px;
font-weight: bold;
font-size: 14px;
line-height: 18px;
background-color: #ffffff;
color: #000000;
padding: 5px;
font-family: "PFBagueSansPro";
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
-webkit-transition: background 0.5s ease-in-out;
-o-transition: background 0.5s ease-in-out;
transition: background 0.5s ease-in-out;
}
.adv-buttons .white_button:after {
content: '';
position: absolute;
width: 93px;
height: 67px;
right: -109px;
top: -27px;
background-image: url(//margarin.by/wp-content/themes/margarin/images/adv-arrow.png);
background-repeat: no-repeat;
background-size: contain;
}
.accordion {
margin-top: 39px;
}
.tab input,
.tab-content {
display: none;
}
.tab {
margin-bottom: 22px;
}
.tab-title {
margin-left: 25px;
display: block;
cursor: pointer;
font-size: 18px;
line-height: 21px;
color: #EB2629;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
position: relative;
}
.tab-title::before {
content: "";
position: absolute;
-webkit-transition: -webkit-transform .5s ease;
transition: -webkit-transform .5s ease;
-o-transition: transform .5s ease;
transition: transform .5s ease;
transition: transform .5s ease, -webkit-transform .5s ease;
right: 0;
bottom: 0;
width: 100%;
height: 1px;
background: url(//margarin.by/wp-content/themes/margarin/images/dotted-line-red.svg);
}
.tab-title::after {
content: '';
position: absolute;
background-image: url(//margarin.by/wp-content/themes/margarin/images/arrow-down.svg);
background-repeat: no-repeat;
background-size: contain;
width: 10px;
height: 10px;
left: -25px;
top: 4px;
}
.tab-content {
padding: 20px 25px 4px;
}
.tab-content p,
.tab-content ul {
margin-bottom: 13px;
}
.tab-content b {
font-weight: bold;
}
.tab-content li {
padding-left: 19px;
position: relative;
}
.tab-content li:before {
content: '\2014';
position: absolute;
left: 0;
}
.tab-content .red_button {
width: 222px;
height: 42px;
font-size: 14px;
line-height: 18px;
padding: 5px;
margin-top: 23px;
}
.tab :checked+.tab-title {}
.tab :checked+.tab-title::after {
background-image: url(//margarin.by/wp-content/themes/margarin/images/arrow-down.png);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.tab :checked~.tab-content {
display: block;
}
.vacancy-bottom {
padding-top: 62px;
padding-bottom: 65px;
}
.vacancy-bottom h2 {
font-weight: bold;
font-size: 36px;
line-height: 42px;
text-transform: uppercase;
color: #000000;
text-align: center;
}
.about_page {
background-color: #fbfbfc;
}
.about_page .page_image:after {
background: url(//margarin.by/wp-content/themes/margarin/images/plank_white.png) 0 0 no-repeat;
}
.about-text {
margin: -4px auto 0;
max-width: 90%;
padding-bottom: 91px;
}
.about-text p {
font-weight: 300;
font-size: 18px;
line-height: 23px;
text-align: center;
}
.history {
padding-top: 63px;
padding-bottom: 42px;
}
.history .small_block_title,
.block_kachestvo .small_block_title,
.block_nagrady .small_block_title {
margin-top: 0;
margin-bottom: 52px;
}
.block_nagrady .small_block_title {
margin-bottom: 62px;
}
.slider_history .slick-arrow {
position: absolute;
top: 0;
}
.history_text {
display: none;
}
.history_date {
font-weight: 500; font-size: 26px;
line-height: 30px;
text-align: center;
color: #EB2629;
cursor: pointer;
}
.under_slider_year {
font-family: 'PFBagueSansPro';
font-style: normal;
font-weight: bold;
font-size: 48px;
line-height: 56px;
text-align: center;
color: #000000;
text-shadow: 0px 4px 4px rgba(238, 238, 238, 0.25);
position: relative;
padding-bottom: 28px;
margin-bottom: 35px;
}
.under_slider_text {
font-family: 'PFBagueSansPro';
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 23px;
text-align: center;
min-height: 115px;
color: #000000;
margin-bottom: 54px;
padding-left: 9%;
padding-right: 9%;
}
.slider_history {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 134px;
position: relative;
}
.slider_history::before {
content: "";
position: absolute;
width: 92.5%;
height: 1px;
background: #FFED00;
top: 10px;
left: 7.5%;
}
.slider_history .slick-list,
.slider_history .slick-track {
height: 100%;
}
.slider_history .slide {
position: relative;
height: 100%;
padding-top: 72px; }
.slider_history .slide::before {
content: url(//margarin.by/wp-content/themes/margarin/images/kaplya_s_obv.png);
position: absolute;
width: 11px;
height: 18px;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.slider_history .slick-active[data-slick-index="0"] .history_date {
font-weight: bold;
}
.slider_history .prev,
.slider_history .next,
.slider_kachestvo .prev,
.slider_kachestvo .next,
.slider_nagrady .prev,
.slider_nagrady .next {
position: absolute;
width: 15px;
height: 30px;
z-index: 2;
cursor: pointer;
top: 70%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.slider_kachestvo .prev,
.slider_kachestvo .next,
.slider_nagrady .prev,
.slider_nagrady .next {
width: 25px;
height: 50px;
top: 50%;
}
.slider_history .prev,
.slider_kachestvo .prev,
.slider_nagrady .prev {
left: -45px;
}
.slider_history .next,
.slider_kachestvo .next,
.slider_nagrady .next {
right: -45px;
}
.slider_history .prev::after,
.slider_kachestvo .prev::after,
.slider_nagrady .prev::after {
content: url(//margarin.by/wp-content/themes/margarin/images/arrow_prev-history.png);
position: absolute;
width: 100%;
height: 100%;
}
.slider_kachestvo .prev::after,
.slider_nagrady .prev::after {
content: url(//margarin.by/wp-content/themes/margarin/images/arrow_prev_black.png);
}
.slider_history .next::after,
.slider_kachestvo .next::after,
.slider_nagrady .next::after {
content: url(//margarin.by/wp-content/themes/margarin/images/arrow_next-history.png);
position: absolute;
width: 100%;
height: 100%;
}
.slider_kachestvo .next::after,
.slider_nagrady .next::after {
content: url(//margarin.by/wp-content/themes/margarin/images/arrow_next_black.png);
}
.slider_kachestvo .slide img,
.slider_nagrady .slide img {
width: 90%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.block_kachestvo {
padding-top: 152px;
padding-bottom: 69px;
}
.block_kachestvo .small_block_title {
margin-bottom: 57px;
}
.block_kachestvo .block_subtitle {
padding-left: 9%;
padding-right: 9%;
margin-bottom: 64px;
}
.block_kachestvo .block_subtitle p:not(:nth-last-child(1)) {
margin-bottom: 23px;
}
.slider_kachestvo .slide,
.slider_nagrady .slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.block_nagrady {
padding-top: 64px;
padding-bottom: 69px;
}
.slider_nagrady {
margin-bottom: 46px;
}
.slider_nagrady .slide {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.nagrada_img {
margin-bottom: 15px;
}
.nagrada-year,
.nagrada-name,
.nagrada-text {
font-family: 'PFBagueSansPro';
font-weight: bold;
font-size: 18px;
line-height: 21px;
text-align: center;
}
.nagrada-year {
margin-bottom: 6px;
}
.nagrada-name {
margin-bottom: 11px;
}
.nagrada-text {
font-weight: 300;
width: 81%;
}
.block_nagrady .nagrady_button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.block_nagrady .red_button {
width: 174px;
height: 42px;
font-size: 14px;
position: relative;
display: none;
}
.block_nagrady .red_button::before {
left: -48px;
bottom: -47px;
}
.slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
width: 20px;
height: 50px;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-lightbox {
background: rgba(0, 0, 0, .95)!important;
}
.slick-lightbox .slick-prev {
left: 4.8%!important;
}
.slick-lightbox .slick-next {
right: 4.8%!important;
}
.slick-prev:before,
.slick-next:before {
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
}
.slick-next::before {
content: url(//margarin.by/wp-content/themes/margarin/images/arrow_next_white.png);
}
.slick-prev::before {
content: url(//margarin.by/wp-content/themes/margarin/images/arrow_prev_white.png);
}
.news_page,
.obrascheniya_page {
padding-bottom: 45px;
}
.news_page .page_image:after,
.obrascheniya_page .page_image::after {
background-image: url(//margarin.by/wp-content/themes/margarin/images/plank_white.png);
}
.news {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.news_item {
width: 25%;
padding-left: 7px;
padding-right: 7px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 50px;
}
.news_item-image {
margin-bottom: 15px;
width: 100%;
height: 180px;
}
.news_item-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.news_item-title,
.news_item-title a {
font-weight: bold;
font-size: 24px;
line-height: 31px;
margin-bottom: 7px;
}
.news_item-title {
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.news_item-title a {
position: relative;
}
.news_item-date {
font-size: 18px;
line-height: 23px;
margin-bottom: 15px;
}
.news_item-descr {
font-size: 18px;
line-height: 23px;
margin-bottom: 15px;
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.news_item-link {
font-size: 18px;
line-height: 23px;
}
.news_item-link a {
position: relative;
}
.news_item-link a:hover {
color: #EB2629;
}
.pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pagination_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.pagination_item {
width: 21px;
margin-left: 7px;
margin-right: 7px;
text-align: center;
}
.pagination_item a {
font-weight: 300;
font-size: 18px;
}
.pagination_item a:hover,
.pagination_item-active a {
font-weight: bold;
}
.pagination_item-begin a,
.pagination_item-end a {
position: relative;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pagination_item-begin a::before,
.pagination_item-end a::before {
content: url(//margarin.by/wp-content/themes/margarin/images/pagination_arrow.png);
position: absolute;
width: 15px;
height: 13px;
}
.pagination_item-begin a::before {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.obrascheniya_page .page_text {
margin-bottom: 0;
}
.block_obr .obr_content-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.block_obr form {
width: 100%;
margin-bottom: 45px;
}
.block_obr .form_parts {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 20px;
}
.block_obr .form_left_part,
.block_obr .form_right_part {
width: 50%;
}
.block_obr .form_left_part {
padding-right: 15px;
}
.block_obr .form_right_part {
padding-left: 15px;
}
.block_obr .form_item_files {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
}
.block_obr .form_item_files .form_item_label {
width: 40%;
}
.block_obr .form_item_files .form_item_input_files {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 60%;
}
.block_obr .form_item_files .form_item_input_files input {
border: none;
font-weight: 300;
}
.block_obr .form_item_files .form_item_input_files input:active,
.block_obr .form_item_files .form_item_input_files input:focus {
outline: none;
}
.block_obr .form_item_files .form_item_input_files input:nth-child(1) {
margin-bottom: 15px;
}
.block_obr .form_right_part .form_item {
height: 100%;
margin-bottom: 0;
padding-top: 22px;
}
.block_obr .form_item textarea {
height: 100%;
padding: 10px;
}
.block_obr form .red_button {
border: none;
}
.hidden_form .form_item+p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#fancybox-wrap {
width: 595px!important;
padding: 0px!important;
left: 50%!important;
-webkit-transform: translateX(-50%)!important;
-ms-transform: translateX(-50%)!important;
transform: translateX(-50%)!important;
}
#fancybox-outer {
width: 100%!important;
}
#fancybox-content {
padding: 20px!important;
width: 555px!important;
border: none!important;
}
#fancybox-close {
background-image: url(//margarin.by/wp-content/themes/margarin/images/fancybox_close.svg)!important;
top: 10px!important;
right: 10px!important;
width: 20px!important;
height: 20px!important;
}
.form_vacancy {
width: 100%;
}
.form_vacancy .form_header {
font-weight: bold;
font-size: 24px;
line-height: 28px;
text-align: center;
text-transform: uppercase;
}
.form_vacancy textarea {
height: 99px;
margin-bottom: 0;
padding-top: 10px;
}
#fancybox-content .red_button {
font-size: 14px!important;
border: none!important;
margin-top: 15px;
}
input[type="file"] {
border: none;
height: auto;
}
.form_item input.input_file {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.form_item label.label_file {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 191px;
height: 42px;
padding-left: 51px;
font-weight: bold;
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
background-image: url(//margarin.by/wp-content/themes/margarin/images/skrepka.svg);
background-repeat: no-repeat;
background-position: 20.19px 50%;
cursor: pointer;
}
.form_vacancy br {
display: none;
}
.lightbox-form .ajax-loader {
display: none!important;
}
.prod_item_slider,
.prod_item_slider .slick-list,
.prod_item_slider .slick-track,
.prod_item_slider .slide {
height: 100%;
}
.page-template-default .block_production {
padding-bottom: 0;
}
.error_page .main_content {
padding-bottom: 70px;
}
.error_page .big_number {
font-weight: bolder;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 200px;
line-height: 237px;
color: #F6E746;
padding-top: 3px;
}
.error_page .big_number img {
height: 142px;
margin-left: 19px;
margin-right: 19px;
}
.error_page_text,
.error_page_text span {
font-weight: 300;
font-size: 36px;
line-height: 41px;
text-align: center;
}
.error_page_text {
margin-bottom: 40px;
}
.error_page_text span {
color: #F6E746;
}
.error_page .link_to_main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.error_page .link_to_main .red_button {
font-size: 14px;
padding: 5px 23px;
}
@media (max-width: 1265px) {
.slider_history,
.slider_kachestvo,
.slider_nagrady {
padding-left: 5%;
padding-right: 5%;
}
.slider_history::before {
content: "";
position: absolute;
width: 84.5%;
height: 1px;
background: #FFED00;
top: 10px;
left: 11.5%;
}
.slider_history .prev,
.slider_kachestvo .prev,
.slider_nagrady .prev {
left: 0;
}
.slider_history .next,
.slider_kachestvo .next,
.slider_nagrady .next {
right: 0;
}
}
@media (max-width: 1200px) {
.header .logo {
margin-right: 20px;
}
.header .menu_item {
margin-right: 10px;
}
.block_main_slider {
height: 549px;
}
.block_main_slider .slide_info-comment,
.block_main_slider .slide_info-title {
width: 80%;
}
.block_main_slider .slide_info-text {
width: 50%;
}
.block_main_slider .slider_indicators {
bottom: 40px;
}
.block_production .prod_caregories .category_button {
margin-right: 20px;
}
.block_open .container::before,
.block_recipes_column .block_recipes_item-last .red_button::before,
.to_partners_buttons button:nth-child(1)::before {
display: none;
}
.block_recipes_column .block_recipes_item-title {
height: 55px;
line-height: 19px;
padding-left: 5px;
padding-right: 5px;
}
.footer_top .footer_column {
padding-left: 10px;
padding-right: 10px;
}
.footer_bottom .footer_links {
margin-right: 15px;
width: 50%;
}
.footer_bottom .footer_links a:nth-child(1) {
margin-right: 15px;
}
.footer_bottom .red_button {
margin-right: 15px;
}
.penguin {
padding-right: 0;
}
.block_production .more_categories {
height: 56px;
}
.hidden_form .close_button {
right: 45px;
}
.main.product_page .page_subtitle::after {
right: -35px;
}
.main.product_page[data-attr="4"] .page_subtitle::after {
right: -155px;
}
.main.product_page[data-attr="5"] .page_subtitle::after {
right: -85px;
}
.main .block_production .prod_item .container::after {
display: none;
}
.menu_products.menu_item-parent .menu_item-child {
width: 960px;
left: -283px;
}
.menu_products.menu_item-parent .menu_item-child li {
width: 20%;
margin-bottom: 16px;
}
.under_slider_text {
min-height: 140px;
}
.recept-img,
.recept-text {
width: 50%;
}
}
@media(max-width: 1199px) {
.container {
padding-left: 10px;
padding-right: 10px;
}
.adv-buttons {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-top: 35px;
padding-bottom: 35px;
}
.adv-buttons .red_button {
margin-left: 30px;
}
.adv-item {
margin-top: 30px;
}
.vacancy-bottom {
padding-left: 10px;
padding-right: 10px;
}
.main_contacts_phones_block {
width: auto;
}
}
@media (max-width: 1135px) {
.block_production::before,
.block_production::after,
.block_production .prod_item .container::before,
.block_production .prod_item .container::after,
.main.product_page .container::before,
.main.product_page .container::after,
.main.product_page .page_subtitle::after {
display: none;
}
.block_we_have::after {
display: none;
}
}
@media (max-width: 991px) {
.header {
padding: 0;
}
.header .menu,
.header .logo:not(.mobile_logo),
.header .block_view_lang_mail:not(.mobile_block_view_lang_mail) {
display: none!important;
}
.header .logo {
margin-right: 0;
}
.header .logo.mobile_logo a,
.footer .logo a {
width: 200px;
}
.mobile_menu {
width: 100%;
position: fixed;
background: #F3F3F3;
z-index: 11;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
left: 0;
top: 0;
padding: 20px 60px;
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}
.mobile_block_view_lang_mail {
margin-top: 20px;
padding: 12px 24px;
}
.hidden_form {
padding-left: 35px;
padding-right: 35px;
padding-bottom: 50px;
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}
.hidden_form .contacts {
padding-left: 0;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.hidden_form .form_contact_us {
width: 100%;
}
.hidden_form::before,
.hidden_form::after,
.form_contact_us::after {
opacity: 0.5;
}
.hidden_form .close_button {
right: 15px;
}
main {
padding-top: 108px;
}
.block_main_slider .slide_info {
padding-top: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.block_main_slider .slide_info-title {
font-size: 40px;
line-height: 46px;
}
.block_main_slider .slide_info-text {
width: 80%;
}
.block_production {
padding-bottom: 90px;
height: auto;
}
.block_production .prod_caregories {
margin-bottom: 15px;
}
.block_production .prod_caregories .container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.block_production .prod_caregories .category_button,
.block_production .prod_item .prod_item-left .prod_item_text {
margin-bottom: 36px;
}
.block_production .prod_item .prod_item-left {
padding-top: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
}
.prod_item-left::after {
right: 0;
bottom: 0;
}
.block_production .prod_item .prod_item-left .red_button::before {
left: -31px;
bottom: -32px;
}
.block_production .prod_item .prod_item-left .red_button::after {
right: -31px;
top: -32px;
}
.block_production .prod_item .prod_item-right {
padding-top: 0;
height: 500px;
}
.prod_item_slider {
top: unset;
-webkit-transform: unset;
-ms-transform: unset;
transform: unset;
}
.prod_item_slider,
.prod_item_slider .slick-list,
.prod_item_slider .slick-track,
.prod_item_slider .slide {
height: 100%;
}
.prod_item_slider .slider_item img,
.prod_item_slider .slide img,
.prod_item_slider .slide.slick-current img {
max-height: 80%;
max-width: 87%;
}
.prod_item_slider .slide,
.prod_item_slider .slick-center {
padding: 0;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.prod_item_slider .slick-slide .prod_item_title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 90%;
height: 20%;
margin-top: 10px;
}
.block_we_have_more::before {
display: none;
}
.block_we_have_title {
padding-left: 10px;
padding-right: 10px;
width: 100%;
top: 0px;
}
.block_we_have_content-left {
padding-top: 167px;
width: 55%;
padding-left: 0;
}
.block_we_have_content-left .advantage:nth-child(1),
.block_we_have_content-left .advantage:nth-child(3) {
margin-right: 20px;
}
.block_we_have_content-left .advantage .advantage_number {
padding-left: 0;
text-align: center;
}
.block_we_have_content-right {
width: 45%;
padding-top: 192px;
}
.block_we_have_slider {
height: 200px;
}
.block_open_content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.to_partners_content .block_open_map {
width: 80%;
}
.block_open_map {
width: 75%;
}
.block_open_towns,
.town_and_contacts {
width: 80%;
margin-top: 20px;
margin-bottom: 18px;
}
.block_recipes_columns {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.block_recipes_column {
width: 50%;
}
.block_recipes_column:nth-last-child(1) {
width: 100%;
height: 180px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.block_recipes_column:nth-last-child(1) .block_recipes_item {
width: 50%;
height: 100%;
}
.block_recipes_column .block_recipes_item-last {
padding-top: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.block_recipes_item-text {
margin-bottom: 15px;
}
.footer .container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer_top .footer_column:nth-child(1) {
padding: 15px;
width: 100%;
}
.footer_top .footer_column:nth-child(2) {
width: 40%;
}
.footer_top .footer_column:nth-child(3),
.footer_top .footer_column:nth-child(4) {
width: 30%;
}
.footer_bottom .footer_links {
width: 60%;
margin-right: 0;
}
.footer_bottom .footer_links a {
text-align: right;
}
.footer_bottom .red_button {
margin-top: 20px;
}
.penguin {
margin-top: 20px;
width: auto;
text-align: right;
}
.similar-item {
height: 250px;
}
.similar-item p {
min-height: 68px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.product {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.product_info,
.product:nth-child(even) .product_info {
-webkit-box-ordinal-group: 3!important;
-ms-flex-order: 2!important;
order: 2!important;
width: 100%;
margin-left: 0;
margin-right: 0;
}
.product_title,
.product_text {
text-align: center;
}
.product_img,
.product:nth-child(even) .product_img {
-webkit-box-ordinal-group: 2!important;
-ms-flex-order: 1!important;
order: 1!important;
width: 100%;
text-align: center;
padding: 0;
margin-bottom: 30px;
}
.product_page .page_subtitle::before {
left: 12%;
}
.vacancy-advantages:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgb(255 255 255 / 0.9);
}
.vacancy-adv-wrapper,
.adv-buttons {
width: 100%;
}
.contacts_secondary_wrapper {
left: 33%;
}
.news_item {
width: 33%;
}
.block_production .more_categories {
height: 42px;
}
.more_categories .another_production {
left: 0;
}
.wpcf7-not-valid-tip {
font-size: 16px!important;
line-height: 18px;
}
.under_slider_text {
min-height: 170px;
}
.recept-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.recept-img {
width: 100%;
height: 350px;
}
.recept-text {
width: 100%;
}
.ingredient-value {
min-width: 108px;
}
}
@media (max-width: 775px) {
.slider_kachestvo .slide img,
.slider_nagrady .slide img {
max-width: 270px;
width: auto;
height: auto;
}
}
@media (max-width: 767px) {
.hidden_form {
width: 50%;
}
.block_main_slider .slide_info {
padding-right: 29px;
padding-left: 29px;
}
.block_main_slider .slide_info-title {
width: 95%;
}
.block_main_slider .prev {
left: 14px;
}
.block_main_slider .next {
right: 14px;
}
.block_production .prod_item .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: unset;
flex-wrap: unset;
}
.block_production .prod_item .prod_item-left {
width: 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-top: 20px;
}
.block_production .prod_item .prod_item-right {
width: 100%;
height: auto;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.prod_item_slider .slider_item img,
.prod_item_slider .slide img,
.prod_item_slider .slide.slick-current img {
max-height: 90%;
}
.prod_item_slider .slide .prod_item_title {
font-size: 18px;
line-height: 21px;
height: 10%;
}
.block_we_have_content .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.block_we_have_content-left {
width: 100%;
padding-right: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.block_we_have_content-left .advantage .advantage_number span {
font-size: 36px;
line-height: 40px;
}
.block_we_have_content-right {
padding-top: 0;
margin-top: 30px;
width: 100%;
}
.block_we_have_slider {
width: 404px;
height: 289px;
}
.block_open .block_subtitle {
width: 90%;
}
.block_open::after {
display: none;
}
.block_title {
font-size: 36px;
line-height: 44px;
}
.block_recipes_column {
height: 360px;
}
.block_recipes_column .block_recipes_item-title {
font-size: 16px;
line-height: 18px;
}
.block_recipes_item-text {
font-size: 18px;
line-height: 21px;
}
.block_recipes_column .block_recipes_item-last .red_button {
font-size: 12px;
}
.red_button {
padding: 5px 25px;
height: 34px;
}
.footer_top .footer_column {
padding-top: 15px;
padding-bottom: 15px;
}
.footer_top .footer_column:nth-child(2) {
width: 85%;
}
.footer_top .footer_column:nth-child(3),
.footer_top .footer_column:nth-child(4) {
width: 41%;
}
.page_title {
font-size: 40px;
line-height: 46px;
margin-top: 30px;
margin-bottom: 30px;
padding-bottom: 30px;
}
.breadcrumbs {
margin-bottom: 40px;
}
.recept_page .main_content:before,
.vacancy_page .main_content:before {
width: 150px;
height: 150px;
left: 0;
top: 200px;
}
.recept_page .main_content:after,
.vacancy_page .main_content:after {
width: 150px;
height: 150px;
right: 0;
top: 300px;
}
.cooking {
background-size: contain;
}
.similar-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.similar-item {
width: 80%;
}
.similar-item p {
min-height: auto;
}
.product_advantages {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0;
}
.product_advantage {
width: 33%;
margin-bottom: 20px;
}
.adv-buttons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.adv-buttons .red_button {
margin: 0;
margin-bottom: 25px;
}
.rukovodstvo_block div {
width: 48%;
}
.contacts_secondary_wrapper {
left: 45%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.contacts_files_block a {
width: 48%;
margin-bottom: 20px;
}
.news_item {
width: 50%;
}
.block_production .more_categories {
height: 56px;
}
.more_categories .another_production {
left: unset;
}
.footer_top .footer_column:nth-child(2),
.footer_top .footer_column:nth-child(3),
.footer_top .footer_column:nth-child(4),
.footer_bottom .footer_links,
.footer_top .logo,
.footer_bottom .footer_name {
display: none;
}
.footer_bottom .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.penguin {
text-align: center;
}
.footer_bottom .red_button {
margin-top: 0;
margin-right: 0;
}
.error_page .big_number {
font-size: 100px;
line-height: 120px;
}
.error_page .big_number img {
height: 77px;
}
.error_page_text,
.error_page_text span {
font-size: 24px;
line-height: 32px;
}
.under_slider_year {
min-height: 140px;
}
.under_slider_text {
min-height: 220px;
padding-left: 10px;
padding-right: 10px;
}
.page_subtitle,
.block_to_partners .block_subtitle,
.block_obr .block_subtitle,
.page_subtitle {
padding-left: 10px;
padding-right: 10px;
}
.product_page {
padding-bottom: 25px;
}
.prod_item-left::after {
right: 0;
bottom: -69px;
}
}
@media (max-width: 610px) {
.hidden_form .red_button {
width: auto;
}
#fancybox-wrap {
width: 95%!important;
}
#fancybox-content {
width: 90%!important;
padding: 20px 5%!important;
}
.block_main_slider .slide_info {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.block_main_slider .slide_info-comment::after {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.block_main_slider .slide_info-comment,
.block_main_slider .slide_info-text,
.block_main_slider .slide_info-title {
width: 90%;
text-align: center;
}
.block_main_slider .prev,
.block_main_slider .next {
width: 30px;
height: 30px;
}
.block_main_slider .next::after {
content: url(//margarin.by/wp-content/themes/margarin/images/arrow_next-mini.png);
}
.block_main_slider .prev::after {
content: url(//margarin.by/wp-content/themes/margarin/images/arrow_prev-mini.png);
}
.prod_item-left::after {
right: 10px;
bottom: -66px;
}
.block_production .prod_item .prod_item-left .red_button::before {
left: -35px;
bottom: -39px;
}
.block_production .prod_item .prod_item-left .red_button::after {
right: -35px;
top: -39px;
}
.block_open_towns {
height: 410px;
margin-bottom: 39px;
}
.town_and_contacts {
margin-bottom: 39px;
}
}
@media (max-width: 575px) {
.hidden_form {
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 15px;
padding-right: 15px;
}
.wpcf7-not-valid-tip {
display: none!important; }
.prod_item_slider .slider_item img,
.prod_item_slider .slide img,
.prod_item_slider .slide.slick-current img {
max-height: 75%;
}
.prod_item_slider .slide .prod_item_title {
height: 23%;
}
#mobile_menu_toggle:checked+.mobile_menu_btn {
top: 20px;
}
#mobile_menu_toggle:checked~.mobile_menu_btn>span,
#mobile_menu_toggle:checked~.mobile_menu_btn>span::before,
#mobile_menu_toggle:checked~.mobile_menu_btn>span::after {
width: 18px;
}
.mobile_menu_box {
padding-top: 54px;
}
#mobile_menu_toggle:checked~.mobile_menu_box {
width: 100%!important;
overflow: scroll;
}
.mobile_menu_list {
padding-left: 50px;
}
.mobile_menu .menu_item {
padding-left: 0;
}
.hidden_form .contacts,
.hidden_form .form_contact_us {
width: 80%;
}
.block_production .prod_item .prod_item-left .prod_item_text {
margin-bottom: 35px;
}
.block_production .prod_item .prod_item-left .red_button::before {
left: -35px;
bottom: -35px;
}
.block_production .prod_item .prod_item-left .red_button::after {
right: -35px;
top: -35px;
}
.block_recipes,
.block_production {
padding-left: 10px;
padding-right: 10px;
}
.block_recipes_columns {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.block_recipes_column,
.block_recipes_column:nth-last-child(1) {
width: 80%;
}
.block_recipes_column:nth-child(2) {
height: 180px;
}
.block_recipes_column:nth-last-child(1) {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 360px;
}
.block_recipes_column:nth-last-child(1) .block_recipes_item {
width: 100%;
height: 50%;
}
.footer_bottom,
.footer_top .footer_column {
padding: 15px;
}
.recept-img {
height: 250px;
}
.product_text {
padding-left: 5px;
padding-right: 5px;
}
.adv-buttons .white_button:after {
width: 60px;
height: 60px;
right: -70px;
top: -10px;
}
.adv-item {
width: 48%;
padding-left: 10px;
padding-right: 10px;
}
.history,
.block_kachestvo,
.block_nagrady {
padding-left: 10px;
padding-right: 10px;
}
.main_contacts_phones_block {
padding-right: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.rukovodstvo_block {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rukovodstvo_block div {
width: 262px;
}
.rukovodstvo_post {
min-height: auto;
}
.contacts_secondary_block {
padding: 20px 15px;
}
.contacts_secondary_wrapper {
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.contacts_phone_semibold,
.contacts_phone,
.contacts_mail {
padding-left: 30px;
}
.contacts_secondary_block .contacts_phone_semibold {
margin-right: 0;
}
.contacts_files_block {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.contacts_files_block a {
width: 100%;
height: 180px;
}
.block_obr .form_parts {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.block_obr .form_left_part,
.block_obr .form_right_part {
width: 90%;
padding: 0;
}
.block_obr .form_left_part {
margin-bottom: 17px;
}
.block_obr .form_right_part .form_item {
padding: 0;
}
.block_obr .form_item textarea {
height: 105px;
}
.form_vacancy .form_header {
font-size: 18px;
line-height: 24px;
}
.hidden_form .form_item_label,
.form_item_label,
form textarea {
line-height: 16px;
}
.form_item .label_file {
font-size: 12px;
line-height: 14px;
}
.under_slider_text {
min-height: 280px;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 15px;
}
}
@media (max-width: 540px) {
.block_open_towns {
margin-top: 0;
height: auto;
padding-bottom: 39px;
}
.towns_list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 30px;
}
.towns_list-left {
margin-bottom: 17px;
margin-right: 0;
}
.town_and_contacts {
margin-top: 0;
}
.town {
font-size: 14px;
line-height: 16px;
}
.footer_bottom .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer_bottom .footer_links {
width: 90%;
margin-top: 15px;
}
.footer_bottom .footer_links a,
.penguin {
text-align: center;
}
.block_to_partners .to_partners_buttons,
.block_obr .obr_buttons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.to_partners_buttons .red_button,
.to_partners_buttons .red_button:nth-child(1),
.obr_buttons .red_button,
.obr_buttons .red_button:nth-child(1) {
margin-right: 0;
margin-bottom: 20px;
width: 250px;
}
.to_partners_buttons .red_button:nth-last-child(1),
.obr_buttons .red_button:nth-last-child(1) {
margin-bottom: 0;
}
.town_and_contacts .towns_list {
padding-left: 0;
}
.product_img img {
width: 200px;
}
.product_table-head,
.product_table-item {
font-size: 14px;
line-height: 18px;
padding: 5px 5px;
}
.product_advantage .advantage_text {
font-size: 14px;
line-height: 18px;
}
.product_page .page_subtitle::before {
display: none;
}
.slider_kachestvo .slide img,
.slider_nagrady .slide img {
max-width: 200px;
width: auto;
height: auto;
}
}
@media (max-width: 500px) {
main {
padding-top: 78px;
}
.news {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.news_item {
width: 80%;
}
.block_open_map,
.block_recipes_column,
.block_recipes_column:nth-last-child(1) {
width: 90%;
}
.mobile_menu {
padding: 15px 60px;
}
.header .logo.mobile_logo a,
.footer .logo a {
width: 140px;
height: 48px;
}
.error_page_text,
.error_page_text span {
font-size: 20px;
line-height: 24px;
}
}
@media (max-width: 415px) {
.hidden_form .contacts,
.hidden_form .form_contact_us {
width: 100%;
}
.block_main_slider .slide_info-title,
.block_title,
.block_we_have_title .block_title {
font-size: 30px;
line-height: 34px;
}
.block_production .prod_item .prod_item-right {
width: 80%;
}
.block_open {
padding-top: 50px;
}
.block_we_have {
padding-bottom: 50px;
}
.block_we_have_title {
padding: 25px 10px;
}
.block_we_have_content-left {
padding-top: 145px;
}
.block_we_have::before {
opacity: 0.5;
}
.block_we_have_slider {
width: 300px;
height: 190px;
}
.block_recipes {
padding-top: 125px;
padding-bottom: 50px;
}
.town {
margin-bottom: 12px;
}
.product_advantage {
width: 43%;
}
.adv-buttons .white_button:after {
width: 35px;
height: 25px;
right: -45px;
top: 0px;
}
.news_item {
width: 90%;
}
.footer_top .footer_column:nth-child(2),
.footer_top .footer_column:nth-child(3),
.footer_top .footer_column:nth-child(4) {
width: 100%;
}
.footer_bottom .footer_links {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
.footer_bottom .footer_links div:nth-child(1) {
margin-bottom: 15px;
}
.footer_bottom .footer_links a {
margin: 0;
}
.prod_item_slider .slider_item img,
.prod_item_slider .slide img {
max-height: 75%;
}
.prod_item_slider .slick-center .prod_item_title {
width: 100%;
margin-top: 10px;
}
.history .small_block_title {
margin-bottom: 25px;
}
.under_slider_year {
min-height: 100px;
font-size: 32px;
line-height: 36px;
}
.under_slider_text {
line-height: 18px;
font-size: 16px;
min-height: 230px;
}
.slider_history .slide {
padding-top: 32px;
}
.history_date {
font-size: 22px;
line-height: 24px;
}
.slider_history .prev,
.slider_history .next {
top: 34%;
}
.prod_item-left::after {
display: none;
}
}
@media (max-width: 396px) {
.block_production .more_categories {
height: 42px;
}
.more_categories .another_production {
left: 0;
}
.towns_list {
padding-left: 15px;
}
.hidden_form .form_item input,
.form_item input,
.form_item label.label_file {
height: 36px;
}
.form_item textarea {
height: 88px;
}
}
@media (max-width: 345px) {
.more_categories .another_production {
left: unset;
}
.under_slider_year {
min-height: 85px;
padding-bottom: 13px;
margin-bottom: 21px;
}
.under_slider_text {
min-height: 290px;
}
}
@media (max-width: 306px) {
.more_categories .another_production {
left: 0;
}
}
@-webkit-keyframes show {
from {
opacity: 0;
visibility: hidden;
}
to {
opacity: 1;
visibility: visible;
}
}
@keyframes show {
from {
opacity: 0;
visibility: hidden;
}
to {
opacity: 1;
visibility: visible;
}
}
@-webkit-keyframes hide {
from {
opacity: 1;
visibility: visible;
}
to {
opacity: 0;
visibility: hidden;
}
}
@keyframes hide {
from {
opacity: 1;
visibility: visible;
}
to {
opacity: 0;
visibility: hidden;
}
}
.block_lang .lang-item {
display: block;
}
.block_lang .lang-item.current-lang {
display: none;	
} .rukovodstvo_block>div>img {
display: none;
}
.block_view a.bvi-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.block_view a.bvi-link img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.param {
line-height: 1.4;
}
.param__prop {
position: relative;
display: block;
overflow: hidden;
}
.param__prop:after {
content: '';
position: absolute;
margin-left: .3em;
bottom: .35em;
width: 100%;
border-bottom: .1em dotted;
}
.param__value {
float: right;
padding-left: .2em;
}