@charset "UTF-8";
/** Conv_MyriadPro */
@font-face { font-family: 'MP'; src: url("fonts/MyriadPro-Light.eot"); src: local("☺"), url("fonts/MyriadPro-Light.woff") format("woff"), url("fonts/MyriadPro-Light.ttf") format("truetype"), url("fonts/MyriadPro-Light.svg") format("svg"); font-weight: 300; font-style: normal; }

@font-face { font-family: 'MP'; src: url("fonts/MyriadPro-Semibold.eot"); src: local("☺"), url("fonts/MyriadPro-Semibold.woff") format("woff"), url("fonts/MyriadPro-Semibold.ttf") format("truetype"), url("fonts/MyriadPro-Semibold.svg") format("svg"); font-weight: 600; font-style: normal; }

@font-face { font-family: 'MP'; src: url("fonts/MyriadPro-Regular.eot"); src: local("☺"), url("fonts/MyriadPro-Regular.woff") format("woff"), url("fonts/MyriadPro-Regular.ttf") format("truetype"), url("fonts/MyriadPro-Regular.svg") format("svg"); font-weight: normal; font-style: normal; }

/** END Conv_MyriadPro */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

* { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

p { margin-bottom: 1.4em; }

body { font-family: 'MP', sans-serif; font-size: 18px; line-height: 1.4; color: #181818; background: #fff; }

.wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; }

.container { width: 990px; padding-left: 15px; padding-right: 15px; max-width: 100%; margin: 0 auto; }

.header img { display: block; max-width: 100%; height: auto; }

.header__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-top: 6px; padding-bottom: 6px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.header__inner .slogan { position: relative; }

.header__inner .slogan img { margin: 9px 12px 13px 0; }

@media all and (max-width: 640px) { .header__inner .slogan img { margin-left: auto; margin-right: auto; width: 233px; } }

.header__inner .slogan:before, .header__inner .slogan:after { content: ''; display: block; border-bottom: 1px solid #B2151A; margin-left: 23px; margin-right: 6px; }

@media all and (max-width: 640px) { .header__inner .slogan:before, .header__inner .slogan:after { margin-left: auto; margin-right: auto; width: 300px; } }

@media all and (max-width: 640px) { .header__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .header__inner .logo { width: 170px; margin-bottom: 11px; } }

.banner-main { height: 585px; background-image: url(../img/marinado_banner.jpg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; }

@media all and (max-width: 767px) { .banner-main { height: 419px; background-image: url(../img/banner-mob.jpg); } }

.home-content { padding-top: 4em; margin-bottom: 5em; }

@media all and (max-width: 860px) { .home-content { margin-bottom: 1em; margin-top: 2em; } }

.products-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.products-delim { -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; position: relative; padding: 20px 0 60px; }

.products-delim:before { content: ''; display: block; width: 270px; margin: 0 auto; height: 1px; background: #7F6134; }

@media all and (max-width: 640px) { .products-delim { display: none; } }

.product-item { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; color: #7F6134; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; }

@media all and (min-width: 768px) { .product-item:after, .product-item:before { content: ''; display: block; position: absolute; background: #7F6134; width: 1px; height: 270px; top: 80px; visibility: visible; opacity: 1; } }

@media all and (min-width: 768px) and (max-width: 860px) { .product-item:after, .product-item:before { top: 60px; height: 210px; } }

@media all and (min-width: 768px) { .product-item:after { right: 0; }
  .product-item:before { left: 2px; }
  .product-item.even:before { display: none; } }

@media all and (max-width: 640px) { .product-item { -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; } }

.product-item__bg { background: url(../img/product-bg.png) no-repeat center 0; width: 400px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 80px; margin: 0 auto; }

@media all and (max-width: 860px) { .product-item__bg { width: 290px; -webkit-background-size: contain; background-size: contain; padding-top: 60px; } }

.product-item__top { min-height: 2.5em; font-size: 24px; text-transform: uppercase; padding: 0 1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media all and (max-width: 860px) { .product-item__top { font-size: 18px; line-height: 1.2; } }

.product-item__name { line-height: 1; }

.product-item__manufacturer { font-weight: 300; }

.product-item__img { margin-bottom: 15px; }

.product-item__img img, .product-item__img picture { height: 230px; width: auto; }

@media all and (max-width: 860px) { .product-item__img img, .product-item__img picture { height: 165px; } }

.product-item__description { position: relative; margin: auto; padding: 7px 10px; border-top: 1px solid #7F6134; width: 265px; max-width: 100%; text-align: center; }

@media all and (max-width: 860px) { .product-item__description { width: 205px; } }

.product-item__btn { font-size: 24px; font-weight: 300; display: inline-block; padding: 17px 20px; line-height: 1; color: #7F6134; min-width: 245px; border: 1px solid #7F6134; text-align: center; margin-top: auto; }

@media all and (max-width: 860px) { .product-item__btn { font-size: 18px; padding: 12px; min-width: 186px; } }

/** 404 */
.content-404 { text-align: center; }

.content-404 .title-404 { font-size: 155px; font-weight: bold; color: #1A472B; }

.content-404 .text-404 { font-size: 24px; margin-bottom: 3em; }

.content-404 .text-404 a { color: #1A472B; }

/** Footer */
.footer { margin-top: auto; background: #E4DCBC; padding: 70px 0 60px; }

@media all and (max-width: 640px) { .footer { padding-top: 50px; padding-bottom: 15px; } }

.footer__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media all and (max-width: 640px) { .footer__inner { display: block; width: 260px; margin-left: auto; margin-right: auto; } }

.footer .copy { color: #828282; font-weight: 300; font-size: 16px; margin-top: auto; }

@media all and (min-width: 641px) { .footer .copy-mobile { display: none; } }

.footer-left { -webkit-box-flex: 0; -webkit-flex: 0 0 215px; -ms-flex: 0 0 215px; flex: 0 0 215px; margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

@media all and (max-width: 860px) { .footer-left { -webkit-flex-basis: 165px; -ms-flex-preferred-size: 165px; flex-basis: 165px; } }

@media all and (max-width: 640px) { .footer-left { margin-bottom: 40px; } }

.footer-left .copy { color: #828282; font-weight: 300; font-size: 16px; margin-top: auto; }

@media all and (max-width: 640px) { .footer-left .copy { display: none; } }

.footer-contacts { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.footer-contacts-tbl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }

.footer-contacts-tbl p { margin: 0; }

.footer-contacts-tbl .widget-title { font-size: 24px; font-weight: 600; color: #1A472B; display: block; margin-bottom: 0.5em; }

.foot-contact-row { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0 30px; }

@media all and (max-width: 860px) { .foot-contact-row { padding: 0 10px; } }

@media all and (max-width: 640px) { .foot-contact-row { padding: 0; margin-bottom: 30px; } }

.foot-contact-row a { color: #1A472B; }

@media all and (max-width: 640px) { .foot-contact-row:first-of-type { -webkit-box-ordinal-group: -1; -webkit-order: -2; -ms-flex-order: -2; order: -2; margin-bottom: 10px; } }

.foot-contact-row:last-of-type { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; }

@media all and (max-width: 640px) { .foot-contact-row:last-of-type { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } }

.gotop { position: fixed; bottom: 50px; right: 5vw; }
/*# sourceMappingURL=style.css.map */

.horeca_block {
    width: 100%;
    display: inline-block;
    margin-bottom: 40px;
}

.horeca_item {
    width: 33%;
    float: left;
    display: inline-block;
}

.horeca_item img {
    max-width: 400px;
    display: block;
    margin: auto;
    padding: 20px;
}

.horeca_item h6 {
    color: #7F6134;
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
}

@media all and (max-width: 640px) { 
    .horeca_item {
        width: 100%;
    }
 }