@font-face {
    font-family: 'Roboto';
    src: url('/fonts/roboto/Roboto-Black.woff2') format('woff2'),
    url('/fonts/roboto/Roboto-Black.woff') format('woff'),
    url('/fonts/roboto/Roboto-Black.ttf') format('truetype'),
    url('/fonts/roboto/Roboto-Black.svg#Roboto-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/roboto/Roboto-Medium.woff2') format('woff2'),
    url('/fonts/roboto/Roboto-Medium.woff') format('woff'),
    url('/fonts/roboto/Roboto-Medium.ttf') format('truetype'),
    url('/fonts/roboto/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/roboto/Roboto-Light.woff2') format('woff2'),
    url('/fonts/roboto/Roboto-Light.woff') format('woff'),
    url('/fonts/roboto/Roboto-Light.ttf') format('truetype'),
    url('/fonts/roboto/Roboto-Light.svg#Roboto-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/roboto/Roboto-Thin.woff2') format('woff2'),
    url('/fonts/roboto/Roboto-Thin.woff') format('woff'),
    url('/fonts/roboto/Roboto-Thin.ttf') format('truetype'),
    url('/fonts/roboto/Roboto-Thin.svg#Roboto-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/roboto/Roboto-Bold.woff2') format('woff2'),
    url('/fonts/roboto/Roboto-Bold.woff') format('woff'),
    url('/fonts/roboto/Roboto-Bold.ttf') format('truetype'),
    url('/fonts/roboto/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'Roboto';
    src: url('/fonts/roboto/Roboto-Regular.woff2') format('woff2'),
    url('/fonts/roboto/Roboto-Regular.woff') format('woff'),
    url('/fonts/roboto/Roboto-Regular.ttf') format('truetype'),
    url('/fonts/roboto/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/roboto/Roboto-Regular.woff2') format('woff2'),
    url('/fonts/roboto/Roboto-Regular.woff') format('woff'),
    url('/fonts/roboto/Roboto-Regular.ttf') format('truetype'),
    url('/fonts/roboto/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Narbut';
    src: url('/fonts/narbut-extra-wide/NarbutExtraWide.woff2') format('woff2'),
    url('/fonts/narbut-extra-wide/NarbutExtraWide.woff') format('woff'),
    url('/fonts/narbut-extra-wide/NarbutExtraWide.ttf') format('truetype'),
    url('/fonts/narbut-extra-wide/NarbutExtraWide.svg#NarbutExtraWide') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas';
    src: url('/fonts/bebas/BebasNeueCyrillic.woff2') format('woff2'),
    url('/fonts/bebas/BebasNeueCyrillic.woff') format('woff'),
    url('/fonts/bebas/BebasNeueCyrillic.ttf') format('truetype'),
    url('/fonts/bebas/BebasNeueCyrillic.svg#BebasNeueCyrillic') format('svg');
    font-weight: normal;
    font-style: normal;
}


* {
    font-family: 'Roboto',sans-serif;
    font-weight: normal;
}

.dump {
    background-color: #0402ac;
    border: 0;
    border-radius: 0;
    color: #54fefc;
    font-size: 14px;
    top: 0;
    width: 100%;
    position: absolute;
    z-index: 9999;
}

#cart-add-main-alert {
    background: #f2e8de;
    color: #190b00;
    display: none;
    padding-top: 5px;
    padding-bottom: 5px;
}

#cart-add-main-alert a {
    color: #dbb575;
    transition: .3s;
}

#cart-add-main-alert a:hover {
    text-decoration: none;
    color:#ffc056;
}


.menu-active {
    display: block!important;
}

p {
    color: #6f6f6f;
    margin-bottom: 0;
    padding-bottom: 2rem;
}

.menu-active-link {
    color: #e91010!important;
}

html {
    font-size: 62.5%;/* 10px*/
    height: 100%;
    overflow-x: hidden;
}

body {
    font-size: 1.6rem;
    height: 100%;
    overflow-x: hidden;
    background: #f2e8de;;
}

.wrap {
    background: #f2e8de;
    margin-top: 91px;
    min-height: 74vh;
}

p {
    color: #000000;
}

h1 {
    text-transform: uppercase;
    font-size: 2.8rem;
    font-weight: 900;
    text-align: center;
    font-family: 'Narbut',sans-serif;
}

ul li {
    list-style: none;
    padding-left: 10px;
    position: relative;
    margin-bottom: 1.5rem;
    font-size: 1.4rem;
    font-weight: 500;
}

h2 {
    font-family: 'Bebas',sans-serif;
    font-weight: normal;
    font-style: normal;
}

.not-availability-block {
    opacity: .5;
}

.not-available-btn {
    display: none!important;
}

.btn-main {
    color: #ffffff;
    text-transform: uppercase;
    padding: 10px 25px;
    display: inline-block;
    position: relative;
    z-index: 1;
    font-size: 1.2rem;
    font-weight: 700;
    transition: .3s;
    letter-spacing: 1px;
    line-height: 22px;
    background: #000000;
}

.btn-main a, .btn-main span {
    font-weight: 700;
}

.btn-main:hover {
    cursor: pointer;
    text-decoration: none;
    color: #ffffff;
    background: #dbb575;
}

.shopping-cart-icons > strong {
    font-weight: 400;
    color: #000000;
    padding-right: 9px;
}

.shopping-cart-icons > strong > span {
    color: #000000;
    font-weight: 600;
}

.shopping-cart-icons img {
    filter: none!important;
}

.breadcrumb {
    padding: 2rem 0 .5rem 0;
    margin-bottom: 10px;
    background: 0;
    border-radius: 0;
}

.breadcrumb li a {
    color:#000000;
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 0;
}

.breadcrumb-item.active {
    color: #dbb575;
    margin-top: 0;
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: 500;
    padding-left:20px;
    line-height: 25px;
    display: inline-block;
}

.breadcrumb-item+.breadcrumb-item {
    position: relative;
    padding-left: 20px;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    content: '';
    width:7px;
    height: 7px;
    position: absolute;
    top: 9px;
    left: 6px;
    background: #dbb575;
    border-radius: 50%;
}
.header-xs {
    background: #040404;
    padding-top:1rem;
    padding-bottom: 1rem;
}
.social {
    text-align: center;
    padding-bottom: 0;
}

.social a, .social > span {
    display: inline-block;
    color: #dbb575;
    vertical-align: middle;

    padding: 2px ;
    font-weight: 500;
    letter-spacing: 1px;
    transition: .3s;
}

.social a:first-child img {
    display: inline-block;
    width: 26px;
    padding-right: 8px;
}

.social a:first-child span,.social span {
    font-weight: 500;
    display: inline-block;
    font-size: 1.5rem;

}

.social a:hover {
    text-decoration: none;
}

.social > div > span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2rem;
}

.social a img ,.social img {
    display: inline-block;
    width: 18px;
    transition: .3s;
}

.social a:hover {
    color: #e91010;
}

.social a:hover img {
    opacity: .4;
}

.shopping-cart-icons {
    background: url(/img/design/icons/shoping-csrt-splash.svg) 95% center no-repeat;
    min-width: 130px;
    padding: 1rem .5rem;
    font-size: 1.5rem;
    border-radius: 20px;
    background-size: cover;
    display: block;
}

.shopping-cart-img {
    width: 15px;
    height: 15px;display: inline-block;
    vertical-align: middle;
    margin-top: -6px;
    padding-right: 0!important;
    margin-right: -5px;
}



.shopping-cart-icons:hover {
    text-decoration: none;
    filter: hue-rotate(-20deg);
}

.logo {
    transition: .3s;
    display: block;
    text-align: center;
    padding-bottom: 0;
    max-width: 115px;
    margin: 0 auto;
}

.menu-active {
    display: block;!important;
}

.logo:hover {
    filter: invert(40%) hue-rotate(-18deg);
}

.nav-menu {
    position: relative;
    z-index: 1;
}

.toggle-btn {
    background: #dbb575;!important;
}

.nav-menu .nav-toggler {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    width: 50px;
    position: relative;
    transition: .3s;
}

.nav-menu .nav-menu-btn:hover {
    cursor: pointer;
}

.nav-menu .nav-toggler .toggler-icon {
    height: 2px;
    width: 24px;
    background: #ffffff;
    position: absolute;
}

.nav-toggler .toggler-icon:nth-child(2) {
    background: #dbb575;
    top: 18px;
    left: 13px;
    height: 2px;
    width: 24px;
}

.nav-menu .nav-toggler .toggler-icon:first-child {
    top: 12px;
    left: 50%;
    margin-left: -12px;
    transition: .3s;
    background: #dbb575;
}

.nav-menu .nav-toggler .toggler-icon:last-child {
    bottom: 14px;
    left: 50%;
    margin-left: -12px;
    transition: .3s;
    background: #dbb575;
}

#menu {
    text-transform: uppercase;
    font-weight: 500;
    padding-left: 0;
    text-align: center;
    margin-bottom: 1rem;
    padding-top: 1.5rem;
}

#menu ul {
    padding-left: 0;
}

#menu ul li {
    list-style: none;
}

#menu ul li a, #menu ul li span {
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    font-size: 1.4rem;
    color: #dbb575;
    position: relative;
    display: inline-block;
    padding: .5rem;
    transition: .3s;
}

#menu ul li .active-menu-link {
    font-weight: 900;
    border:1px solid #dbb575;
    border-radius: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

#menu ul li a:hover, #menu ul li span:hover {
    text-decoration: none;
    color: #dbb575;
    cursor: pointer;
}

.xl-header {
    background: #020202;
    padding-top: 0;
    padding-bottom: 2rem;
    position: relative;
}

.logo-xl {
    position: absolute;
    bottom: -49px;
    width: 100px;
    height: 100px;
    left: 48%;
    transform: translate(-50%,0);
    transition: .3s;
    margin-left: -8px;
}

.logo-xl:hover {
   filter: invert(15%);
}

.xl-header .social span {
    display: inline-block;
    padding-right: 5px;
    border-right: 1px solid #dbb575;
    padding-top:0;
    font-size: 1.3rem;
}

.xl-header .social span:first-child {
    padding-right: 5px;
    border-right: 0;
    padding-top:0;
}

.xl-header .social  span:last-child {
    border-right: 0;
}

.menu-xl ul {
    padding-left: 0;
    padding-top: 7px;
    vertical-align: middle;
    margin-bottom: 0;
}

.menu-xl ul li {
    list-style: none;
    position: relative;
    padding-left:0;
    vertical-align: middle;
    margin-bottom: 0;
}

.menu-xl ul li:before {
   content: '';
    width: 0;
    height: 0;
}

.menu-xl ul li a, .menu-xl ul li span {
    text-decoration: none;
    color: #ffffff;
    padding: .5rem;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.2rem;
    transition: .3s;
    position: relative;
    vertical-align: middle;
}


.menu-xl ul li a:hover, .active-menu-link, .menu-xl ul li span:hover {
    color: #dbb575!important;
    cursor: pointer;
    transition: .3s;
}
/*
.menu-xl ul li a:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background: url('/img/design/icons/chicken-brown.svg') no-repeat;
    top:-30px;
    opacity: 0;
    left: 0;
    margin-left:-15px;
    transition: .3s;
    transform: scale(1, 1);
}

.menu-xl ul li a:hover:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background: url('/img/design/icons/chicken-brown.svg') no-repeat;
    left: 50%;
    transition: .3s;
    opacity: 1;
    transform: scale(-1, 1);
    animation: chiken-move linear 1s infinite;
}
 */

.active-menu-link{
}
/*
.menu-xl ul li .active-menu-link:after{
    content: '';
    position: absolute!important;
    width: 30px!important;
    height: 30px!important;
    background: url('/img/design/icons/chicken-brown.svg') no-repeat !important;
    left: 50%!important;
    opacity: 1!important;
    animation: chiken-move linear 1s infinite!important;

}
*/

@keyframes chiken-move {

    0% {
        transform: perspective(1px) translateZ(0) translate(0,0);
    }

    50% {
        transform: perspective(1px) translateZ(0) translate(0,-3px);
    }

    100% {
        transform: perspective(1px) translateZ(0) translate(0,0);
    }
}

.slider {
    min-height: 500px;
    background: url('/img/design/bg/slider-bg.jpg') center no-repeat;
    background-size: cover;
    margin-top: -5px;
}

.slider h1 {
   color: #dbb575;
    font-weight: 900;
    font-size: 3rem;
    text-transform: uppercase;
}

.slider strong {
    color: #ffffff;
    font-family: 'Bebas',sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 1.8rem;
    text-transform: uppercase;
    display: block;
    letter-spacing: 1px;
    text-align: center;
}

.advantages {
    /*padding-bottom: 5rem;*/
    position: relative;
}

.advantages .row > div > img {
    max-width: 50px;
    margin: 0 auto;
    display: block;
}

.advantages-block {
    position: relative;
}

.advantages-block p {
    text-align: justify;
    color: #9b6d2c;
    padding-top: 5px;
    font-size: 1.4rem;
}

.advantages-block-xs p {
    text-align: justify;
    color: #9b6d2c;
    font-size: 1.2rem;
    padding-top: 10px;
    line-height: 16px;
}

.info-about-social {
    margin-top: 4rem;
}

.info-about-social a {
    display: block;
    text-align: center;
    margin-left:-4px;
    transition: .3s;
}

.info-about-social a img {
    display: block;
    margin: 0 auto;
    max-width: 30px;
}

.info-about-social a:hover {
    margin-top: -10px;
   transform: translateY(-10px);
}

.wrap-bg {
    /*background: url('/img/design/bg/bg-land-xl-light.png') #f3e9df center 450px no-repeat;*/
}

.info-about {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
}

.info-about > div > h2 {
    text-align: center;
    color: #5d411a;
    font-size: 2.3rem;
    letter-spacing: 1px;
    padding-bottom: 2rem;
}

.info-about-text img {
    margin-right: 15px;
}

.info-about > div > div> p {
    color: #9b6d2c;
}

.info-about > div > div p {
   line-height: 30px;
}

.info-about > div > div > a  {
    display: block;
    color: #5d411a;
    transition: .3s;
    letter-spacing: 2px;
    font-family: 'Bebas',sans-serif;
    font-size: 1.8rem;
    text-transform: uppercase;
}

.info-about > div > div > a:hover  {
    text-decoration: none;
    color:#5c3f00;
}

.decorate-block {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background: #eabf82;
    position: relative;
    margin-top: 38px;
    margin-bottom: 12rem;
}

.decorate-block > div {
    overflow-x: hidden;
}

.decorate-block:before {
    content: '';
    background: url(/img/design/bg/bg-top-xl.png) repeat-x;
    position: absolute;
    width: 100%;
    height: 105px;
    top: -100px;
    left: 0;
}

.decorate-block:after {
    content: '';
    position: absolute;
    bottom:-120px;
    left: 0;
    width: 100%;
    height: 120px;
    background: #f3e9df url(/img/design/bg/bg-down-xl.png) 100% repeat-x;
}

.try {
    position: relative;
}

#try-chicken {
    display: none;
    z-index: 2;
}

.try h2 {
    font-family: 'Narbut',sans-serif;
    padding-top: 3rem;
    padding-bottom: 4rem;
    font-size: 2.4rem;
    color: #ffffff;
}

.decorate-block-info {
    margin-bottom: 3rem;
}

.decorate-block-info h3 {
    color: #4a3518;
    font-family: "Bebas", sans-serif;
    font-size: 1.8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 1rem;
}

.decorate-block-info p {
    color: #4a3518;
}

.decorate-block-info p strong {
    color: #4a3518;
}

.favorite-dishes {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background: url('/img/design/bg/bg-kitchen-1920.png') 290% 40% no-repeat;
}

.favorite-dishes h2 {
    font-family: 'Narbut',sans-serif;
    padding-top: 1rem;
    padding-bottom: 2rem;
    font-size: 2.4rem;
    color: #4f3e24;
    text-align: center;
}

.product-block {
    margin-bottom: 5rem;
}

.product-block > a {
    display: block;
}

.product-block > a:hover {
    text-decoration: none;
}

.product-block > a > img {
    display: block;
    margin: 0 auto;
    border-radius: 20px;
    transition: .3s;
}

.product-block > a:hover > img {
    border-radius: 5px;
    opacity: .8;
}

.product-block > a:hover .product-block-info {
    border-radius: 5px;
}

.product-block > a:hover .btn-product {
    background: #4f3e24;
}

.product-block > a:hover > .product-block-info > strong {
    padding-left:15px;
}

.product-block > a > img:hover {
    border-radius: 5px;
}

.product-block-info {
    background: #ffffff;
    margin-top: 3rem;
    padding:2rem 2rem 0 2rem;
    border-radius: 25px;
    transition: .3s;
    min-height: 175px;
}

.product-block-info > strong {
    color: #8a632b;
    font-family: "Bebas", sans-serif;
    font-size: 18px;
    display: block;
    font-weight: normal;
    transition: .3s;
    text-align: center;
}

.product-block-price span {
    color: #8a632b;
    display: block;
    padding-top:1rem;
    padding-bottom: 1rem;
}

.product-block-price {
    /*border-bottom: 2px solid rgba(74, 19, 23, .2);
    margin-bottom: 1rem;*/
}

.availability {
    color: #00b700;
    position: relative;
    display:block;
    padding-left:15px;
}

.not-availability {
    color: #cac9c9;
    position: relative;
    display: block;
    padding-left: 15px;
}

.availability:before {
    content: '';
    position: absolute;
    top:50%;
    left: 0;
    background: #00b700;
    border-radius: 50px;
    width: 6px;
    height: 6px;
    margin-top: -2px;
}

.not-availability:before {
    content: '';
    position: absolute;
    top:50%;
    left: 0;
    background: #cac9c9;
    border-radius: 50px;
    width: 6px;
    height: 6px;
    margin-top: -2px;
}

.btn-product-block {
    position: relative;
    top:7px;
    left: 20px;
}

.btn-product {
    padding: 10px 40px;
    background: #c99141;
    color: #ffffff;
    font-size:1.8rem;
    letter-spacing: 1px;
    font-family: "Bebas", sans-serif;
    display: inline-block;
    transition: .3s;
}

.btn-product:hover {
    background: #4a3518;
}

.catalog-production {
    padding-top: 4rem;
    padding-bottom: 1rem;
}

.catalog-production h2 {
    color: #4f3e24;
    font-family: "Narbut", sans-serif;
    font-size: 2.4rem;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 2rem;
}

.catalog-production p {
    color: #4f3e24;
    text-align: justify;
    width: 80%;
    margin:  0 auto;
}

.catalog-production .btn-more {
    color: #4f3e24;
    display:inline-block;
    padding-right: 25px;
    position: relative;
    font-size: 1.8rem;
    font-family: "Bebas", sans-serif;
    padding-top: 1rem;
    padding-bottom: 1rem;
    transition: .3s;
}

.catalog-production .btn-more:hover {
    color: #c99141;
    text-decoration: none;
}

.catalog-production .btn-more:after {
    content: '';
    width: 15px;
    height: 15px;
    background: url('/img/design/icons/arrow.svg') no-repeat;
    background-size: contain;
    position: absolute;
    top:50%;
    right: 0;
    margin-top: -8px;
}

.product-type {
    padding-top: 1rem;
}

.product-type-block {
    margin-bottom: 3rem;
}

.product-type-block a {
    display: block;
    background: #f8e0bc;
    border-radius: 25px;
    min-height: 120px;
    padding: .3rem;
    transition: .3s;
    border: 4px dashed #f8e0bc;
    max-width: 155px;
}

.product-type-block a:hover {
    text-decoration: none;
    background: rgba(255,255,255,1);
}

.product-type-block a img {
    display: block;
    margin: 0 auto;
    max-height: 35px;
    min-width: 35px;
    min-height: 35px;
    max-width: 35px;
    transition: .3s;
}

.product-type-block a:hover img {
   filter:hue-rotate(-20deg);
}

.product-type-block a strong {
    color: #7b5827;
    padding-top:1.0rem;
    font-size: 1.2rem;
    text-transform: uppercase;
    display: block;
    font-weight: 800;
    text-align: center;
    transition: .3s;
}

.product-type-block a:hover strong {
    color: #4a3518;
}

.reviews-main {
    margin-top: 2rem;
}

.reviews-main h2 {
    color: #f3e9df;
    font-family: "Narbut",sans-serif;
    font-size: 2.4rem;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 3rem;
    padding-top: 1rem;
}

.reviews-main > div > div {
    position: relative;
}

.reviews-main .arrow-left {
    position: absolute;
    top:50%;
    left: 0;
    background: url('/img/design/icons/arrow.svg') no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    transform: rotate(180deg);
    transition: .3s;
    padding: 1rem;
}

.reviews-main .arrow-left:hover {
    margin-left: -10px;
    cursor: pointer;
}

.reviews-main .arrow-right {
    position: absolute;
    top:50%;
    right: 0;
    background: url('/img/design/icons/arrow.svg') no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    transition: .3s;
}

.reviews-main > div > div:after {
    position: relative;
}

.reviews-main .arrow-right:hover {
    margin-right: -10px;
    cursor: pointer;
}

.review-block .review-name {
    text-align: center;
}

.review-block .review-name img {
    display: block;
    margin: 0 auto;
    padding-bottom: 1rem;
}

.review-block .review-name strong {
    color: #4f3e24;
    font-family: "Bebas",sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.review-block .review-name span {
    color: #4f3e24;
    font-size: 1.4rem;
    display: block;
}

.review-message {
    padding-top: 1rem;
 }

.review-message p {
    padding-bottom: 1rem;
    color: #4f3e24;
    font-weight: 400;
    text-align: justify;
}

footer {
    background: #f3e9df;
    padding-top: 0;
    padding-bottom: 1rem;
}

.footer-info {
    border-bottom: 2px solid #d1beb7;
    padding-bottom: 1rem;
    padding-top:1rem;
}

.logo-footer a {
    display: block;
    transition: .3s;
}

.logo-footer a:hover {
    opacity: .5;
}

.logo-footer a img {
    display: block;
    min-width: 70px;
    max-width: 70px;
    margin: 0 auto;
}

.footer-nav ul {
    padding-left:0;
    padding-top: 1.2rem;
}

.footer-nav ul li {
    list-style: none;
    display: inline-block;
    padding-left: 0;
    width: 32%;
    margin-bottom: 0.1rem;
}

.footer-nav ul li a {
    color: #c99141;
    font-family: "Bebas",sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 1rem;
    vertical-align: middle;
    transition: .3s;
    letter-spacing: 1px;
}

.footer-nav ul li a:hover {
    color: #dbb575;
    text-decoration: none;
}

.footer-social {
    text-align: center;
}

.footer-social a {
    display: inline-block;
    margin-right: 10px;
}

.footer-social a:hover {
    text-decoration: none;
}

.footer-social a img {
    min-width: 25px;
    max-width: 25px;
    transition:.2s;
}

.footer-social a:hover img {
   margin-top: -10px;
}

.footer-author {
    padding-top: 1rem;
    color:#a67939;
    text-align: center;
}

.footer-author span {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 1.2rem;
    color:#a67939;
}

.footer-author a {
    display: block;
}

.footer-author a:hover {
    text-decoration: none;
}

.footer-author a img {
    width: 100px;
    margin-top: -3px;
    transition: .3s;
}

.footer-author a:hover img {
    opacity: .6;
}

.footer-location {
    margin-top: -5px;
    text-align: center;
}

.footer-location span {
    display: inline-block;
    color: #c99141;
    font-family: "Bebas",sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
}

@media (min-width: 768px) {

    .logo {
        margin: 0 0;
        padding-bottom: 1.5rem;
    }

    .shopping-cart-icons {
        background: url(/img/design/icons/shoping-csrt-splash.svg) center center no-repeat;
        min-width: 150px;
        padding: 1rem 2rem;
        font-size: 1.5rem;
        background-size: contain;
        text-align: center;
    }

    .shopping-cart-img {
        width: 15px;
        height: 15px;
        margin-top: -3px;
    }

    .shopping-cart-icons > strong > span {
        padding-left: 5px;
    }

    .shopping-cart-icons > strong:first-child {
        padding: 2rem 3rem;
    }

    #menu {
        margin-top: 2rem;
        margin-bottom: 1rem;
    }

    .slider > div > div {
        width: 50%;
    }

    .slider h1 {
        font-size: 4rem;
        padding-bottom: 2rem;
    }

    .info-about-social a img {
        max-width: 40px;
    }

    .wrap-bg {
        /*background: url('/img/design/bg/bg-land-xl-light-long-1.png') #f3e9df right 200px repeat-x;
        animation: bg-move-scale 500s infinite linear;*/
    }

    .favorite-dishes {
        padding-top: 3rem;
    }

    .animate-top-block:before {
        /*animation: bg-move-scale 550s infinite linear;*/
    }

     @keyframes bg-move-scale {

         0% {
             background-position-x:0;
         }

         100% {

             background-position-x: -200%;
         }

     }

    .product-type-block a strong {
        font-size: .9rem;
    }

    .footer-nav ul {
        margin-bottom: 5px;
    }

    .footer-nav ul li {
        display: inline-block;
        width: auto;
    }

    .footer-author a {
        display: inline-block;
    }

}

@media (min-width: 992px) {

    .shopping-cart-icons {
        min-width: 150px;
        padding: 1.5rem 3rem;
        font-size: 1.5rem;
        background-size: contain;
        text-align: center;
    }

    .xl-header .social span:first-child {
        display: inline-block;
        padding-right: 5px;
        /*border-right: 1px solid #dbb575;*/
        padding-top:0;
    }

    .logo-advantages img {
        top: 86px;
    }

    .product-type-block a {
        min-height: 150px;
        padding: 1rem;
    }

    .product-type-block a:hover {
        text-decoration: none;
    }

    .product-type-block a img {
        max-height: 55px;
        max-width: 55px;
        min-height: 55px;
        min-width: 55px;
    }

    .product-type-block a strong {
        font-size: 1.0rem;
    }

    .footer-nav ul li a {
        padding: 0 3rem;
    }

}

@media (min-width: 1024px) {

    .slider {
        min-height: 700px;
    }

    .slider > div > div {
        width: 50%;
        padding-bottom: 120px;
    }

}

@media (min-width: 1200px) {
    .favorite-dishes {
        padding-top: 3rem;
    }

    .catalog+.favorite-dishes {
        padding-bottom:2rem;
    }

    .product-type-block a strong {
        font-size: 1.1rem;
    }

    .logo-xl {
        bottom:-20px;
        left: 50%;
    }

    .advantages {
        padding-bottom: 17rem;
    }

    .advantages-block-xl {
        padding-left: 70px;
    }

    .logo-advantages img {
        width: 140px;
        display: block;
        max-width: 140px!important;
        position: relative;
        top: 80px;
        margin: 0 auto;
        z-index: 2;
        background: #f3e8db;
        border-radius: 50%;
    }

    .try {
        position: relative;
        margin-top: -30px;
    }

    .advantages-block:after {
        content: '';
        position: absolute;
        width: 16px;
        height: 103px;
        background: url('/img/design/icons/wheat-arrow-line.svg')no-repeat;
        background-size: contain;
        transform: rotate(0);
    }

    #adv-block-1:after {
        content:'';
        bottom:-97px;
        left: 50%;
        margin-left: -10px;
    }

    #adv-block-2:after {
        content: '';
        top: 64px;
        right: -47px;
        transform: rotate(-60deg);
    }

    #adv-block-3:after {
        content: '';
        top: 64px;
        left: -47px;
        transform: rotate(58deg);
    }

    #adv-block-4:after {
        content: '';
        bottom: 44px;
        right: -55px;
        transform: rotate(-130deg);
    }

    #adv-block-5:after {
        content: '';
        bottom: 57px;
        left: -52px;
        transform: rotate(123deg);
    }

    #adv-block-6:after {
        content: '';
        left: 50%;
        top: -106px;
        transform: rotate(180deg);
        margin-left: -13px;
    }

    .info-about > div > h2 {
        margin-left: -60px;
    }


    .review-block .review-name {
        text-align: left;
    }

    .review-block .review-name > div {
       display: inline-block;
       vertical-align: middle;
        padding: 0 40px 0 0;
    }



}

@media (min-width: 1920px) {

    .logo-xl {
        bottom:-20px;
        left: 50%;
    }

    #try-chicken {
        display: block;
        position: absolute;
        top:-100px;
        right: -200px;
        width: 650px;
        height: 600px;
        transform: rotate(90deg);
    }

    .reviews-main {
        margin-top: -100px;
    }
}

@media (min-width: 2500px) {

    .favorite-dishes {
        background: url(/img/design/bg/bg-kitchen-2500.png) -2000% 5% no-repeat;
    }
}

/*Catalog page*/
.wrap-bg.catalog {
    background-position-y: 600px ;
    background: none;
    padding-bottom: 1rem;
}

.catalog {
    padding-bottom: 8rem;
    position: relative;
    padding-top: .5rem;
}
/*----------------*/
.animate-top-block {
    position: relative;
}

.animate-top-block:before {
    content: '';
    position: absolute;
    background: url('/img/design/bg/bg-top-main-xl-1.png') top center;
    height: 130px;
    width: 100%;
    padding-bottom: 2rem;
    top:-128px;
    left: 0;
    /*animation: bg-move-scale 550s infinite linear;*/
}
/*----------------*/
.catalog > div h2, .category > div h2, .another-categories h2, .catalog2 > div h2 {
    color: #4f3e24;
    font-family: "Narbut",sans-serif;
    font-size: 2.4rem;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 3rem;
    padding-top: 2rem;
}

.catalog > div > div > div {
    margin-bottom: 4rem;
}

.catalog > div > div > div > strong {
    color: #4a3518;
    font-family: "Bebas",sans-serif;
    font-size: 2rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-left: 10px;
}

#catalog-chicken {
    display: none;
}

.bg-grey {
    background: #ddb894;
}

.bg-dark-brown {
    background: #dbc4b2;
}

.catalog > div > .row>div:nth-child(2n+2) a {
    background: #f2e0c5;
    border: 4px dashed  #f2e0c5;
}

.catalog > div > .row > div:nth-child(2n+2) a:hover {
    border: 4px dashed   #dbc4b2;
    background: #ffffff;
}

.catalog > div > .row > div:nth-child(2n) a {
    background: #ddb894;
    border: 4px dashed  #ddb894;
 }

.catalog > div > .row > div:nth-child(2n) a:hover {
    border: 4px dashed  #e8ddd2;
    background: #ffffff;
}

.catalog > div > .row > div:nth-child(3n) a {
    background:  #dbc4b2;
    border: 4px dashed   #dbc4b2;
}

.catalog > div > .row > div:nth-child(3n) a:hover {
    border: 4px dashed   #dbc4b2;
    background: #ffffff;
}

@media (min-width: 1920px) {

    #catalog-chicken {
        transform: rotate(0);
        display: block;
        position: absolute;
        top: -50px;
        right: -105px;
        width: 557px;
        height: 459px;
        z-index: 1;
    }

}


/*Category page*/

.wrap-bg.category {
    background: url('/img/design/bg/bg-kitchen-2500.png') #f3e9df center 600px repeat-x;
    animation: none;
}

.another-categories {
    position: relative;
    padding-top:0;
    padding-bottom: 0;
    background: #eabf82;
    margin-top: 8rem;
    margin-bottom: 12rem;
}


@media (min-width: 768px) {

    .category {
        padding-top: 3rem;
    }

    .another-categories .product-block {
        margin-bottom:1rem;
    }
}

.text-images-center img {
    display: block;
    margin: 15px auto;
    max-width: 100%;
    height: auto;
}

/*About page*/
.about {
    padding-top: 1rem;
}
.about-info {
    padding-top: 0;
    padding-bottom: 3rem;
}

.about.animate-top-block {
    background-position-y: 35%;
}

.about-info h2 {
    font-family: 'Narbut',sans-serif;
    padding-top: 0;
    padding-bottom: 2rem;
    font-size: 2.4rem;
    color: #4f3e24;
    text-align: center;
}

.about-info p {
    color: #9b6d2c;
    font-size: 1.6rem;
    font-weight: 400;
    margin-bottom: 15px;
    padding-bottom: 0!important;
    text-align: justify;
}

.about-info > div {
    margin-bottom: 3rem;
}

.about-info > div img {
    display: block;
    margin: 15px auto;
    max-width: 100%;
    height: auto;
}

.about-info h3 {
    color: #4f3e24;
    font-family: "Bebas",sans-serif;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
}

.after-order h2 {
    font-family: 'Narbut',sans-serif;
    padding-top: 1rem;
    padding-bottom: 2rem;
    font-size: 2.4rem;
    color: #ffffff;
    text-align: center;
}

.after-order img {
    max-width: 40px;
    max-height: 40px;
    display: block;
    margin: 0 auto 10px auto;
}

.after-order .decorate-block-info {
    position: relative;
    margin-bottom: 1rem;
}

.after-order .decorate-block-info p {
    font-size: 1.3rem;
    text-align: justify;
}

.after-order .decorate-block-info:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    background: url(/img/design/icons/arrow.svg) no-repeat;
    background-size: contain;
    width: 10px;
    height: 20px;
    margin-top: -10px;
    filter: invert(100%);
}

.after-order .decorate-block-info:last-child:after {
    content: '';
    width: 0;
    height: 0;
}

.advantages h2 {
    font-family: 'Narbut',sans-serif;
    padding-bottom: 2rem;
    font-size: 2.4rem;
    color: #4f3e24;
    text-align: center;
    padding-top: 3rem;
}

.about-advantages {
    padding-top: 4rem;
}

@media (min-width: 768px) {

    .about-info h3 {
        margin-top: 3rem;
    }

    .after-order .decorate-block-info:after {
        content: '';
        position: absolute;
        right: -5px;
        top:50%;
        background: url('/img/design/icons/arrow.svg') no-repeat;
        background-size: contain;
        width: 10px;
        height: 20px;
        margin-top: -10px;
    }
}

/*Contacts page*/

#call-back-form input::-webkit-input-placeholder,
#call-back-form textarea::-webkit-input-placeholder
{
    color: rgba(74, 19, 23, .7);
    font-size: 1.4rem;
    font-weight: 500;
    font-style: italic;
}

#call-back-form input::-moz-placeholder ,
#call-back-form textarea::-moz-placeholder
{
    color: rgba(74, 19, 23, .7);
    font-size: 1.4rem;
    font-weight: 500;
    font-style: italic;
}

#call-back-form input:-moz-placeholder,
#call-back-form textarea:-moz-placeholder
{
    color:rgba(74, 19, 23, .7);
    font-size: 1.4rem;
    font-weight: 500;
    font-style: italic;
}

#call-back-form input:-ms-input-placeholder,
#call-back-form textarea:-moz-placeholder
{
    color:rgba(74, 19, 23, .7);
    font-size: 1.4rem;
    font-weight: 500;
    font-style: italic;
}

.form-styles {
    margin-bottom: 0;
    padding-top: 2rem;
    outline: none;
}

.form-styles .form-control {
    margin: 0 auto 15px auto;
    width: 100%;
    background: transparent;
    color: #8a632b;
    font-size: 1.5rem;
    padding: 2rem 2rem 2rem 2rem;
    resize: none;
    border-radius: 20px;
    border: 2px solid rgba(74, 19, 23, .3);
    font-weight: 500;
    outline: none;
}

.form-control:focus {
    color: #495057;
    background: rgba(255,255,255,.6);
    border-color: rgba(74, 19, 23, .3);
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgba(74, 19, 23, .3);
}

.form-styles textarea.form-control {
    padding: 1rem 2rem 1.8rem 2rem;
}

#btn-call-back-form {
    color: #ffffff;
    background: #c99141;
    padding: 1.3rem 7rem;
    margin-top: 2rem;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 50px;
    transition: .3s;
    font-size: 1.2rem;
}

#btn-call-back-form:hover {
    cursor: pointer;
    background: rgba(74, 19, 23, .7);
    color: #ffffff;
}

.contacts-social h2 {
    color: #4f3e24;
    font-family: "Bebas",sans-serif;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 4rem;
    margin-top: 3rem;
}

.contacts-social a {
    display: block;
    transition: .3s;
}

.contacts-social a img {
    display: block;
    margin:  0 auto 3rem auto;
    max-width: 40px;
    transition: .3s;
}

.contacts-social a:hover {
    text-decoration: none;
    margin-top: -5px;
}

.contacts-social a:hover img {
    margin-top: -5px;
}


@media (min-width: 768px) {

    .about-info h3 {
        margin-top: 3rem;
    }

    .after-order .decorate-block-info:after {
        content: '';
        position: absolute;
        right: -5px;
        top:50%;
        background: url('/img/design/icons/arrow.svg') no-repeat;
        background-size: contain;
        width: 10px;
        height: 20px;
        margin-top: -10px;
    }
}

/*Product page*/


.scrolling-product {
    margin-bottom: 1rem;
}

.scrolling-product a {
    display: block;
    position:relative;
    padding-left: 25px;
    padding-right: 25px;
    color: #c99141;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 700;
    transition: .3s;
}

.scrolling-product a:hover {
   cursor: pointer;
    text-decoration: none;
    color: #8a632b;
}

.scrolling-product a:first-child:before {
    content: '';
    position: absolute;
    top:50%;
    left: 0;
    background: url('/img/design/icons/arrow.svg')no-repeat;
    background-size: contain;
    transform: rotate(180deg);
    width: 15px;
    height: 15px;
    margin-top: -8px;
    filter: invert(41%);
}

.scrolling-product a:last-child:after {
    content: '';
    position: absolute;
    top:50%;
    right: 0;
    background: url('/img/design/icons/arrow.svg')no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    margin-top: -8px;
    filter: invert(41%);
}

.product-page {
    padding-top: 3rem;
    padding-bottom: 0;
    /*background: url('/img/design/bg/bg-kitchen-2500.png') 50% -4% no-repeat;*/
}

.product {
    padding-bottom: 4rem;
}

.product-desc h1 {
    color: #4f3e24;
    font-family: "Narbut",sans-serif;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.product-desc strong {
    color: #8a632b;
    font-size: 14px;
    font-weight: 800;
    padding-top:1.5rem;
    padding-bottom: 1.5rem;
    display: block;
}

.product-desc p {
    color: #8a632b;
    font-weight: 500;
}

.product-desc .btn-product {
    margin-left: 10px;
}

.product-block-img div {
    margin-bottom: 3rem;
    text-align: center;
}

.product-block-img div img {
   border-radius: 25px;
}

.product-price .btn-product-block {
    left: 0;
    top:0;
}

.product-price-number {
    width: 100%;
}

.product-price .btn-product-block .btn-product {
    padding: 10px 24px;
}

.product-price .btn-product-block .btn-product:hover {
    cursor: pointer;
}

.cooking-method {
    background: #ffffff;
    padding: 3rem 2rem;
    border-radius: 25px;
    margin-top: 4rem;
}

.cooking-method h2  {
    color: #8a632b;
    font-family: "Bebas", sans-serif;
    font-size: 2rem;
    font-weight: 400;
    text-align: center;
    margin-bottom: 3rem;
}
.cooking-method ol {
    padding-left: 2.5rem;
}
.cooking-method ol li {
    margin-bottom: 2rem;
    color: #8a632b;
    font-size: 1.6rem;
    font-weight: 500;
    padding-left:20px;
}

.more-recipes {
    color: #8a632b;
    font-family: "Bebas",sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    text-align: right;
    display: inline-block;
    border-bottom: 2px solid #8a632b;
    position: relative;
    transition: .3s;
    padding: 1rem 2rem 0 0;
}

.more-recipes:after {
    content: '';
    position: absolute;
    top:50%;
    right: -4px;
    background: url('/img/design/icons/arrow.svg')no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    margin-top: -3px;
    transition: .3s;
}

.more-recipes:hover:after {
    content: '';
    right: -7px;
}

.more-recipes:hover {
   text-decoration: none;
    color: #4f3e24;
    border-bottom: 2px solid #4f3e24;
}

.reviews-product {
    padding-top: 4rem;
}

@media (min-width: 768px) {

    .product-price-number {
        width: 75%!important;
    }
}

@media (min-width: 992px) {

    .product-page {
        padding-bottom: 3rem;
    }

    .product-price-number {
        width: 60%!important;
    }
}

@media (min-width: 1024px) {

}

@media (min-width: 1200px) {
    .reviews-product {
        padding-top: 8rem;
    }
    .product-price-number {
        width: 65%!important;
    }
}

@media (min-width: 1920px) {

}


/*Recipes page*/
.recipes-type {
    padding-top: 4rem;
    padding-bottom: 9rem;
    background: url('/img/design/bg/bg-kitchen-2500.png') 50% -25% no-repeat;
}

.recipes-type h1 {
    color: #c99141;
    font-family: "Narbut",sans-serif;
    font-size: 2.6rem;
    font-weight: 400;
    margin-bottom: 3rem;
}

.recipes-type > div > div > div > strong {
    color: #4f3e24;
    font-family: "Bebas",sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    text-transform: uppercase;
}

.recipes-type > div > div > div:first-child a {
    background:  rgba(222, 189, 144, .8);
}

.recipes-type > div > div > div a:hover {
     background: #ffffff;
 }

.recipes-type > div > div > div:nth-child(2) a {
    background: rgba(214, 203, 190, .9);
}

.recipes-type > div > div > div:nth-child(2) a:hover {
    background:#ffffff;
}

.recipes-type .product-type-block a {
    border: 4px dashed #bc9d70;
}

.sort-by-product a {
    display: inline-block;
    padding: 1rem;
    border: 1px solid #8a632b;
    color: #8a632b;
    font-family: "Bebas",sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    margin-bottom: 1rem;
    border-radius: 25px;
    transition: .3s;
}

.sort-by-product a:hover {
 text-decoration: none;
}

.about-chicken-info p {
    color: #9b6d2c;
    font-size: 1.6rem;
    font-weight: 400;
    text-align: justify;
}

.recipes-dishes {
    padding-top: 0;
}

.recipes-dishes h2 {
    color: #4f3e24;
    font-family: "Narbut",sans-serif;
    font-size: 2.4rem;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 3rem;
}

.recipes-dishes > div > div > div {
    margin-bottom: 3rem;
}

.recipes-dishes > div > div > div a {
    display: block;
    background: #ffffff;
    border-radius: 25px;
    border: 4px dashed #e3c79f;
    transition: .3s;
}

.recipes-dishes > div > div > div a:hover {
    text-decoration: none;
    border: 4px dashed #8b6d3f;
}

.recipes-dishes a > strong {
    display: block;
    color: #ffffff;
    font-family: "Bebas", sans-serif;
    font-size: 2rem;
    font-weight: 400;
    text-transform: uppercase;
    background:#c99141;
    padding: 3rem 2rem 1.5rem 2rem;
    margin-top: -17px;
    border-radius: 0 0 20px 20px;
    text-align: center;
    letter-spacing: 1px;
    transition: .3s;
}

.recipes-dishes a > img {
    display: block;
    margin: 0 auto;
    border-radius: 25px;
    background: #f3e9df;
}

.recipes-dishes-info {
    padding: 1rem 2rem;
}

.recipes-dishes-info ul {
    padding-left: 0;
}

.recipes-dishes-info ul li {
    display: inline-block;
    color: #8a632b;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    padding-right: 10px;
}

.recipes-dishes-info ul li:after {
   content: '';
    position: absolute;
    right: -5px;
    top:50%;
    background: #c99141;
    border-radius: 50px;
    width: 8px;
    height: 8px;
    margin-top: -3px;
}

.recipes-dishes-info ul li:last-child:after {
    content: '';
    width: 0;
    height: 0;
}

.recipes-dishes a .row img {
    width: 50px;
    height: 50px;
    display: block;
    margin:  0 auto .5rem auto;
}

.recipes-dishes a .row strong {
    display: block;
    margin: 0 auto 1rem auto;
    color: #8a632b;
    font-family: "Bebas",sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    text-align: center;
    letter-spacing: 1px;
}

.recipes-dishes a:hover > strong {
    background: #8b6d3f;
}

.recipe-special {
    margin-top: 8rem;
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {

}

@media (min-width: 1024px) {

}

@media (min-width: 1200px) {
}

@media (min-width: 1920px) {

}

.recipe-icons img {
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 auto;
}

.recipe-icons strong {
    color: #8a632b;
    font-family: "Bebas",sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    display: block;
    text-align: center;
    letter-spacing: 1px;
    padding-top:1rem;
}


/*Recipe-one*/

.recipe-one {
    background: url('/img/design/bg/bg-kitchen-1920.png') 50% bottom no-repeat;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.recipe-one {
    padding-bottom: 9rem;
}

.recipe-one-page .recipes-dishes {
    padding-top: 0;
}

.recipe-one-info {
    padding-top: 3rem;
}

.recipe-one-info h1 {
    color: #4f3e24;
    font-family: "Narbut",sans-serif;
    font-size: 2.4rem;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 3rem;
}

.recipe-one-info ol {
    padding-left:1rem;
}

.recipe-one-info ol li {
    padding-left: 1rem;
    margin-bottom:3rem;
    color: #4f3e24;
    font-size: 1.6rem;
    font-weight: 500;
    text-align: justify;
}

.recipe-one-img img {
    border-radius: 25px;
    margin-bottom: 3rem;
}

.composition-dish {
    background: rgba(255,255,255,1);
    padding: 4rem 3rem;
    border-radius: 25px;
    border: 2px dashed #a98d63;
    margin-top: 3rem;
}

.composition-dish ul  {
    padding-left:0;
}

.composition-dish ul li {
    border-bottom: 2px dotted #a98d63;
    padding-left:0;
    margin-bottom:25px;
}

.composition-dish ul li span {
    color: #8a632b;
    font-size: 1.4rem;
    font-weight: 500;
    display: inline-block;
    background: #ffffff;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom:-10px;
}

.recipe-advice {
    padding: 3rem 4rem;
    border: 2px dashed #a98d63;
    border-radius: 25px;
    margin-top: 4rem;
}

.recipe-advice h2 {
    color: #8a632b;
    font-family: "Bebas",sans-serif;
    font-size: 2rem;
    font-weight: 400;
    text-align: center;
    margin-bottom: 2rem;
}

.recipe-advice p {
    color: #8a632b;
    font-size: 1.6rem;
    font-weight: 500;
    padding-bottom:0;
    text-align: center;
}

.recipes-category {
    padding-top: 2rem;
}

.map {
    margin-top: 5rem;
    text-align: center;
    color:  #8a632b;
    margin-bottom: 5rem;
}

.map h2 {
    color: #4f3e24;
    font-family: "Narbut",sans-serif;
    font-size: 2.4rem;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 3rem;
}

.map h3 {
    color: #8a632b;
    font-family: "Bebas",sans-serif;
    font-size: 2rem;
    font-weight: 400;
    text-align: center;
    margin-bottom: 2rem;
}

#map {
    display: block;
    border: 2px dashed #a98d63;
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {

}

@media (min-width: 1024px) {

}

@media (min-width: 1200px) {
}

@media (min-width: 1920px) {

}

/*reviews-page*/
.reviews-page {
    margin-top: 1rem;
}

.reviews-page h2 {
    color: #4f3e24;
    font-family: "Narbut",sans-serif;
    font-size: 2.4rem;
    font-weight: 400;
    text-transform: uppercase;
}

.reviews-page .review-block {
    margin-bottom: 3rem;
}

#reviews-form {
    margin: 0 auto 5rem auto;
}

@media (min-width: 768px) {

    #reviews-form {
       width: 70%;
    }
}

/*shopping-cart-page*/

.shopping-cart h1 {
    color: #4f3e24;
    font-family: "Narbut",sans-serif;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 3rem;
}

.shopping-cart > .row  {
    margin-bottom: 3rem;
    background: #ffffff;
    padding: 2rem 2rem 1rem 2rem;
    border-radius: 25px;
    border: 2px dashed #e3d3bb;
}

.shopping-cart > div > div {
    text-align: center;
    padding-bottom:  1.5rem;
}

.shopping-cart > div > div a {
   display: block;
}

.shopping-cart > div > div a:hover {
    text-decoration: none;
}

.shopping-cart > div > div > a > strong {
    color: #8a632b;
    font-family: "Bebas",sans-serif;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    transition: .3s;
}

.shopping-cart > div > div > a > strong:hover {
    color: #c99141;
}

.icon-delete img {
    min-height: 100%;
    border: 2px dashed #c0003638;
    display: inline-block;
    padding: 1rem;
    border-radius: 50px;
    transform: rotate(0);
    transition: .3s;
}

.icon-delete img:hover {
    cursor: pointer;
    transform: rotate(180deg);
}

.shopping-cart > div > div a img {
    display: block;
    max-height: 300px;
    margin: 0 auto;
    transition: .3s;
}

.shopping-cart > div > div a:hover img {
    opacity: .7;
}

.shopping-cart strong {
    color: #8a632b;
    font-family: "Bebas", sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 0;
}


.shopping-cart .row span {
    color: #c99141;
    font-size: 1.6rem;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
}

.product-price-block span{
    display: block;
}

.quantity-product {
    border: 2px dashed #a98d63;
    text-align: center;
    max-width: 150px;
    margin: 0 auto;
}

.quantity-product img {
    display: inline-block;
    padding: .3rem;
    margin-left: .2rem;
    margin-right: .2rem;
    transition: .3s;
}

.quantity-product img:hover {
    cursor: pointer;
    opacity: .7;
    filter: hue-rotate(-71deg) contrast(275%);
}

.quantity-product .qty-value {
    display: inline-block!important;
    min-width: 40px;
    min-height: 30px;
    line-height: 28px;
    text-align: center;
}

.total-price {
    padding-bottom: 3rem;
}

.total-price strong {
    color: #8a632b;
    font-family: "Bebas",sans-serif;
    font-size: 2.0rem;
    font-weight: 400;
    text-transform: uppercase;
}

.total-price strong span {
    color: #c99141;
    font-family: "Bebas", sans-serif;
    font-size: 2.2rem;
    font-weight: 400;
    text-transform: uppercase;
}

.total-price p span {
    color: #c99141;
    font-weight: 800;
}

#cart-delivery {
    color: #8a632b;
    font-family: "Bebas",sans-serif;
    font-size: 2.0rem;
    font-weight: 400;
    text-transform: uppercase;
}

#cart-delivery span {
    color: #c99141;
    font-family: "Bebas", sans-serif;
    font-size: 2.2rem;
    font-weight: 400;
    text-transform: uppercase;
}

.btn-total {
    background: #c99141;
    display: block;
    padding: 1rem 3rem;
    color: #ffffff;
    font-size: 1.8rem;
    letter-spacing: 1px;
    font-family: "Bebas", sans-serif;
    transition: .3s;
}

.btn-inactive {
    background: #eeeeee;
    text-align: center;
}

.btn-inactive:hover {
    background: #eeeeee!important;
    cursor: wait!important;
}

.btn-total:hover {
    background: #4f3e24;
    text-decoration: none;
    color:#ffffff;
    cursor: pointer;
}

.cart-available {
    color: red;
    margin-top: 10px;
}

@media (min-width: 768px) {

    .total-price strong {
        text-align: right;
    }

    .total-price div {
        width: 60%;
        margin: 0 0 0 auto;
    }

    .total-price p {
        width: 60%;
        margin: 0 0 0 auto;
        text-align: right;
    }

    #cart-delivery {
        text-align: right;
    }

}

@media (min-width: 992px) {

    .shopping-cart > div > div {
        padding-bottom:  0;
    }

    .shopping-cart strong {
        display: block;
        vertical-align: top;
    }
}


/*Checkout page*/

.checkout {
    padding-bottom: 1rem;
}

.checkout h1 {
    margin-bottom: 4rem;
    color: #4f3e24;
    font-family: "Narbut", sans-serif;
    font-size: 2.4rem;
    font-weight: 400;
    text-transform: uppercase;
}

.form-order .form-group {
    margin-bottom: 15px;
}

.form-order input , .form-order textarea, .form-order select {
    background: rgba(255,255,255,.3);
    padding: 20px 15px;
    border-radius: 23px;
    outline: none;
    border: 2px dashed transparent;
    color: #876244;
    font-size: 1.6rem;
    text-transform: none;
    font-family: 'Raleway',sans-serif;
    resize: none;
}

.form-order select {
    padding: 1rem;
    width: 100%;
}

.form-order textarea {
    padding: 1rem;
}

.form-order input:-moz-placeholder {
    font-family: 'Bebas',sans-serif;
    font-size: 1.8rem;
    text-transform: uppercase;
}

.form-order input:-webkit-placeholder {
    font-family: 'Bebas',sans-serif;
    font-size: 1.8rem;
    text-transform: uppercase;
}

.form-order .form-control:focus, .form-order select:focus {
    color: #876244;
    background: rgba(255,255,255,.5);
    border: 2px dashed #e08456;
    outline: 0;
    box-shadow: none;
}

.form-order .form-group label {
    color: #876244;
}

.form-order input:-moz-placeholder, .form-order textarea:-moz-placeholder {
    color: #876244;
}

.form-order input:-ms-input-placeholder, .form-order textarea:-ms-input-placeholder  {
    color: #876244;
}

.form-order input::-webkit-input-placeholder, .form-order textarea::-webkit-input-placeholder {
    color: #876244;
}

.form-order input::placeholder, .form-order textarea::placeholder {
    color: #876244;
}

.btn-back-to-product {
    background: #f9e4d5;
    border: 3px solid #d19563;
    padding: 10px 20px;
}

.btn-back-to-product:hover {
    border: 3px dashed rgba(255,255,255,.4);
}

.btn-back-to-product img {
    display: inline-block;
    padding-right: 10px;
}

.form-order h2 {
    margin-bottom: 3rem;
    text-transform: uppercase;
    font-size: 2.0rem;
    font-weight: 400;
    margin-top:7rem;
    color: #8a632b;
}

.form-order h2:first-child {
    margin-top:0;
}

.form-order .custom-radio .custom-control-input:checked~.custom-control-label::after {
    background: url(/img/design/icons/icon-confirm.png) no-repeat;
    border: 0;
    top: 50%;
    left: -0.8rem;
    margin-top: -5px;
}

.form-order .custom-control {
    min-height: 4rem;
    margin-bottom: 3rem;
    position: relative;
}

.form-order .custom-control-label {
    padding-left: 24px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 1.6rem;
}

.form-order .custom-control-label::before {
    position: absolute;
    top: 50%;
    left: -1.5rem;
    display: block;
    width: 0;
    height: 0;
    padding: 15px;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: rgba(255,255,255,.4);
    margin-top: -15px;

}

.form-order .custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: rgba(255,255,255,.4);
    border: 0;
    box-shadow: none;
    outline: none;
}

.form-order .custom-control-label::after {
    position: absolute;
    top: 0;
    left: -1.8rem;
    width: 3rem;
    height: 3rem;
}

.form-order .custom-control-label:focus {
    border: 0;
    box-shadow: none;
    outline: 0;
}

.custom-control-label strong {
    font-weight: 900;
    display: block;
    text-transform: uppercase;
    color: #876244;
}

.custom-control-label span {
    font-weight: 400;
    display: block;
    text-transform: uppercase;
    color: #482f1b;
    font-size: 1.4rem;
}


.steps-text-left {
    margin-top:3rem;
    margin-bottom: 3rem;
}

.steps-total-price-list {
    background: #f7d9c3
}

.steps-total-price-list ul {
    margin-bottom:0;
    padding: 2rem;
    border: 2px dashed #884f31;
}

.steps-total-price-list ul li {
    margin-bottom: 2rem;
    text-transform: uppercase;
    font-size: 1.6rem;
}

.steps-total-price-list ul li strong {
    font-size: 1.8rem;
    font-weight: 900;
}

.steps-text-left {
    padding: 3rem 2rem;
}

.steps-text-left ul {
    margin-bottom:0;
    padding-left:0;
}

.steps-text-left ul li {
    list-style: none;
    margin-bottom: 3rem;
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 400;
    color: #e79654;
}

.steps-text-left ul li strong {
    color: #764822;
    font-size: 1.6rem;
    font-weight: 900;
    padding-bottom: 1rem;
}

.steps-text-left ul li p {
    margin-bottom: .5rem;
    font-size: 1.6rem;
    font-weight: 400;
}

.form-delivery  {
    padding-left:1rem;
    margin-left: 15px;
}

.form-delivery li {
    list-style: disc;
    color: #8a632b;
    font-weight: 500;
}

.form-delivery li span{
   color:#c99141;
    font-weight: 800;
}

.price strong {
    display: block;
    color: #8a632b;
    font-family: "Bebas",sans-serif;
    font-size: 2rem;
    font-weight: 400;
    text-transform: uppercase;
}

.price strong span {
    color:#c99141;
    font-family: "Bebas",sans-serif;
    font-size: 2.4rem;
    font-weight: 400;
    text-transform: uppercase;
}

.price .btn-total {
    margin-top: 2rem;
}

@media (min-width: 768px) {

    .price {
        padding: 3rem ;
    }
}

@media (min-width: 992px) {

    .form-steps .custom-control-label {
        padding-left: 50px;
    }

    .form-steps .custom-control-label::before {
        position: absolute;
        left: -2rem;
        margin-top: -25px;
        padding: 25px;
    }

    .form-steps .custom-radio .custom-control-input:checked~.custom-control-label::after {
        top:50%;
        left: -0.3rem;
    }

    .choose-carts-payment .custom-control-label {
        padding-left: 20px;
    }

    .choose-carts-payment  .custom-control-label::before {
        position: absolute;
        left: -2rem;
        margin-top: -16px;
        padding: 18px
    }

    .choose-carts-payment .custom-radio .custom-control-input:checked~.custom-control-label::after {
        top: 50%;
        left: -0.9rem;
    }

    .col-form-label {
        margin-top: 12px;
        text-align: right;
        padding: 0;
    }

}

@media (min-width: 992px) {
    .col-form-label {
        margin-top: 12px;
        margin-bottom: 5px;
        margin-left: 25px;
        text-align:left;
        padding: 0;
    }
}
/*Total checkout*/
.total-checkout h1 {
    color: #4f3e24;
    font-family: "Narbut",sans-serif;
    font-size: 2.4rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 3rem;
    padding-top: 3rem;
}

.total-order-info {
    padding-left: 1rem;
}

.total-order-info li {
    margin-bottom: 3rem ;
}

.total-order-info li strong {
    color: #8a632b;
    font-family: "Bebas",sans-serif;
    font-size: 2.2rem;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
}

.total-order-info li span {
    font-size: 1.6rem;
    font-weight: 500;
    color: #c99141;
}

.total-order-products h2{
    color: #c99141;
    font-family: "Bebas",sans-serif;
    font-size: 2.5rem;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
}

.total-order-products ul {
   padding-left: 1rem;
}

.total-order-products ul li {
    list-style: disc;
    color: #8a632b;
    font-size: 1.8rem;
    font-weight: 500;
}

.total-order-products ul li span {
    list-style: disc;
    color: #c99141;
    font-size: 1.8rem;
    font-weight: 600;
}

.order-sent-content {
    min-height: calc(100% - 136px);
}

.none {
    display: none;
}

.modal-title {
    color: #4f3e24;
    display: block;
    font-size: 22px;
    text-align: center;
    margin: 0 auto;
}

.modal-body {
    padding: 15px 30px 15px 30px;
}

.modal-body input {
    background: #f2e8de;
    padding: 10px;
    border-radius: 23px;
    outline: none;
    border: 2px dashed transparent;
    color: #876244;
    font-size: 1.6rem;
    text-transform: none;
    font-family: 'Raleway',sans-serif;
    resize: none;
    margin-bottom: 15px;
    width: 100%;
}

.modal-body input:-moz-placeholder {
    font-family: 'Bebas',sans-serif;
    font-size: 1.8rem;
    text-transform: uppercase;
}

.modal-body input:-webkit-placeholder {
    font-family: 'Bebas',sans-serif;
    font-size: 1.8rem;
    text-transform: uppercase;
}

.modal-body input:focus {
    color: #876244;
    background: rgba(255,255,255,.5);
    border: 2px dashed #e08456;
    outline: 0;
    box-shadow: none;
}

.form-order .form-group label {
    color: #876244;
}

.modal-body input:-moz-placeholder {
    color: #876244;
}

.modal-body input:-ms-input-placeholder {
    color: #876244;
}

.modal-body input::-webkit-input-placeholder {
    color: #876244;
}

.modal-body input::placeholder {
    color: #876244;
}

.btn-login {
    background: #c99141;
    border-radius: 23px;
    display: block;
    padding: 1rem 3rem;
    color: #ffffff;
    font-size: 1.8rem;
    letter-spacing: 1px;
    font-family: "Bebas", sans-serif;
    transition: .3s;
    text-align: center;
    width: 100%;
}

.btn-login:hover {
    background: #4f3e24;
    text-decoration: none;
    color:#ffffff;
    cursor: pointer;
}

.modal-footer {
    text-align: center;
}

.modal-footer a {
    color: #c99141;
    display: block;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

#auth-form-forget, #checkout-auth-form-forget {
    display: none;
}

.modal-footer a:hover, #auth-form-forget-btn:hover, #auth-form-forget-close:hover,
#checkout-auth-form-forget-btn:hover, #checkout-auth-form-forget-close:hover {
    color: #4f3e24;
    cursor: pointer;
    text-decoration: underline;
}

#auth-form-forget-btn {
    color: #c99141;
    display: none;
    margin-top: 20px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

#auth-form-forget-close, #checkout-auth-form-forget-close {
    color: #c99141;
    display: block;
    margin-top: 20px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

#reg-form-send, #reg-code-form-send, #checkout-reg-form-send {
    border-radius: 23px;
    text-align: center;
}

#checkout-auth-form-forget-btn {
    color: #c99141;
    display: none;
    margin: 20px 0;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

.reg-btn-inactive {
    background: #eeeeee;
    text-align: center;
}

.reg-btn-inactive:hover {
    background: #eeeeee!important;
    cursor: wait!important;
}

#reg-code {
    display: none;
}

#reg-code-form-code {
    background: rgba(255,255,255,.3);
    padding: 20px 15px;
    border-radius: 23px;
    outline: none;
    border: 2px dashed transparent;
    color: #876244;
    font-size: 1.6rem;
    text-transform: none;
    font-family: 'Raleway',sans-serif;
    resize: none;
}

.form-error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    display: none;
    padding: 10px 15px;
    border-radius: 23px;
    margin-top: 20px;
}

.auth-form-error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    display: none;
    padding: 10px 15px;
    border-radius: 23px;
    margin-bottom: 15px;
}

#checkout-auth-form input, #checkout-auth-form-forget input, #checkout-auth-form-forget-code input {
    background: rgba(255,255,255,.3);
    padding: 10px;
    border-radius: 23px;
    outline: none;
    border: 2px dashed transparent;
    color: #876244;
    font-size: 1.6rem;
    text-transform: none;
    font-family: 'Raleway',sans-serif;
    resize: none;
    margin-bottom: 15px;
    width: 100%;
}

#checkout-auth-form input:-moz-placeholder {
    font-family: 'Bebas',sans-serif;
    font-size: 1.8rem;
    text-transform: uppercase;
}

#checkout-auth-form input:-webkit-placeholder {
    font-family: 'Bebas',sans-serif;
    font-size: 1.8rem;
    text-transform: uppercase;
}

#checkout-auth-form input:focus, #checkout-auth-form-forget input:focus, #checkout-auth-form-forget-code input:focus {
    color: #876244;
    background: rgba(255,255,255,.5);
    border: 2px dashed #e08456;
    outline: 0;
    box-shadow: none;
}

#checkout-auth-form label, #checkout-auth-form-forget label {
    color: #876244;
}

#checkout-auth-form input:-moz-placeholder {
    color: #876244;
}

#checkout-auth-form input:-ms-input-placeholder {
    color: #876244;
}

#checkout-auth-form input::-webkit-input-placeholder {
    color: #876244;
}

#checkout-auth-form input::placeholder, #checkout-auth-form-forget input::placeholder, #checkout-auth-form-forget-code input::placeholder {
    color: #876244;
}

#checkout-reg {
    color: #c99141;
    margin-top: 25px;
    text-align: center;
    text-decoration: underline;
}

#checkout-login {
    color: #c99141;
    text-align: center;
    text-decoration: underline;
}

#checkout-reg:hover, #checkout-login:hover {
    color: #dbb575;
    cursor: pointer;
    text-decoration: none;
}



/*My page*/
.my{
    padding-top: 2rem;
}

.my h1{
    padding-bottom: 3rem;
    font-weight: 700;
    font-size: 2.4rem;
}

.my-nav {
    padding-left:0;
}

.my-nav li {
    list-style: none;
    margin-bottom: 2rem;
}

.my-nav li a img {
   width: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
}

.my-nav li {
    text-decoration: none;
    color: #000000;
    padding-left:0;
    display: inline-block;
    width: 49%;
    vertical-align: middle;
    border-radius: 20px;
}

.my-nav li a {
    text-decoration: none;
    color: #000000;
    display: block;
    padding: 7px 10px;
    font-size: 1.5rem;
    transition:.3s;
    border: 1px solid #9a8972;
}

.my-nav li a:hover {
    text-decoration: none;
    color:  #000000;
    display: block;
    border: 1px solid #9a8972;
    background: #e8d5c1;
}

.my-active-link {
    text-decoration: none;
    color:  #000000!important;
    display: block;
    border: 1px solid #9a8972;
    background: #e8d5c1;!important;
}

.my-info h2 {
    font-size: 2.3rem;
    background: #e8d5c1;
    padding: 8px 10px;
    margin-bottom: 30px;
}

@media (min-width: 768px) {

    .my-nav li {
        display: inline-block;
        width:32%;
        vertical-align: middle;
    }
}

@media (min-width: 992px) {

    .my-nav li {
        display: block;
        width:100%;
        vertical-align: middle;
    }
}

#my-info p strong {
    color: #876244;
    display: block;
    font-weight: normal;
    margin-bottom: 10px;
}

#my-info p span {
    display: block;
}

#my-info-edit-btn {
    margin-bottom: 30px;
    text-align: center;
}

#my-info-pass-edit-btn {
    margin-bottom: 30px;
    text-align: center;
}

#my-info-form, #my-info-pass-form {
    display: none;
}

#my-info-form .col-form-label {
    margin-top: 0;
}

#my-info-form-cancel-btn, #my-info-pass-form-cancel-btn {
    background: #444444;
    margin-bottom: 30px;
    text-align: center;
}

#my-info-form-cancel-btn:hover, #my-info-pass-form-cancel-btn:hover {
    background: #4f3e24;
}

#my-info-form-btn, #my-info-pass-form-btn {
    margin-bottom: 30px;
    text-align: center;
}

.my-order {
    background-color: #ffffff;
    margin-bottom: 30px;
    padding: 15px;
}

.my-order h4 {
    color: #876244;
    font-weight: normal;
    margin-bottom: 10px;
}

.my-order h4 span {
    font-weight: bold;
}

.my-order table th:nth-child(1), .my-order table td:nth-child(1){
    text-align: center;
    width: 20px;
}

.my-order table th:nth-child(3), .my-order table th:nth-child(4), .my-order table th:nth-child(5),
.my-order table td:nth-child(3), .my-order table td:nth-child(4), .my-order table td:nth-child(5){
    text-align: center;
    width: 100px;
}

.my-orders-total, .my-orders-delivery {
    display: block;
}

.my-orders-total span, .my-orders-delivery span {
    font-weight: bold;
}

.social a:first-child img {
    filter: invert(47%) sepia(75%) saturate(4729%) hue-rotate(384deg) brightness(134%) contrast(51%);
}

.nav-menu .nav-toggler .toggler-icon {
    height: 2px;
    width: 24px;
    background: #ffffff;
    position: absolute;
}

.nav-toggler .toggler-icon:nth-child(2) {
    background: #cc9f52;
}

.nav-menu .nav-toggler .toggler-icon:first-child {
    background: #cc9f52;
}

.nav-menu .nav-toggler .toggler-icon:last-child {
    background:#cc9f52;
}

#menu ul li a, #menu ul li span {
    color: #dea94f;
}
.product-block a {
    background: #ffffff;
    min-height: 100%;
    position: relative;
    padding-bottom: 2rem;
    border: 2px dashed #e2c9a7;
    border-radius: 10px;
}

.btn-product-block {
    position: relative;
    top: 0;
    left: 0;
    /*margin-top: 1rem;*/
    text-align: center;
}

.btn-product {
    border-radius: 0;
    font-size: 1.7rem;
    padding: 7px 40px;
    margin-top: 0;
    margin-bottom: 0;
}

.product-block-info {
    padding: 0 2rem;
    margin-top: 2rem;
    margin-bottom: 0;
    border-radius: 0;
    min-height:0;
}

.product-block > a > img {
    border-radius: 10px 10px 5px 5px;
}

.product-block:hover > a > img {
    border-radius: 10px 10px 5px 5px;
    filter: contrast(100%) saturate(180%);
}

.product-block:hover > a  {
    border: 2px dashed #c7af8f;
}

.product-type-block a {
    max-width: 100%;
}
.product-type-block {
    margin-bottom: 2rem;
    padding-left: 10px;
    padding-right: 10px;
}

.catalog > div > div > div {
    margin-bottom: 2rem;
}

.wrap {
    background: #f2e8de;
    margin-top: 95px;
    min-height: 74vh;
}

.catalog > div h2, .category > div h2, .another-categories h2 {
    color: #4f3e24;
    padding-top: 0rem;
}

@media (min-width: 768px) {

    .product-block a {
        padding: 0 0 2rem 0;
    }

    .product-block-info {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .product-block-info .text-md-right {
        text-align: center!important;
    }

    .btn-product-block {
        position: relative;
        top: 0;
        left: 0;
        text-align: center;
    }

    .btn-product {
        border-radius: 4px;
        margin-top: 1rem;
        margin-bottom: 0;

    }
}

@media (min-width: 992px) {

    .product-block a {
        padding: 0 0 2rem 0;
    }


    .btn-product-block {
        position:relative ;
        bottom: 20px;
        right: 0;
        text-align: right;
    }

}

/* -------- 2020-04-06 -------- */
.social a:first-child img {
    filter: invert(47%) sepia(75%) saturate(4729%) hue-rotate(384deg) brightness(134%) contrast(51%);
}

.nav-menu .nav-toggler .toggler-icon {
    height: 2px;
    width: 24px;
    background: #ffffff;
    position: absolute;
}

.nav-toggler .toggler-icon:nth-child(2) {
    background: #cc9f52;
}

.nav-menu .nav-toggler .toggler-icon:first-child {
    background: #cc9f52;
}

.nav-menu .nav-toggler .toggler-icon:last-child {
    background:#cc9f52;
}

#menu ul li a, #menu ul li span {
    color: #dea94f;
}
.product-block a {
    background: #ffffff;
    min-height: 100%;
    position: relative;
    padding-bottom: 2rem;
    border: 2px dashed #e2c9a7;
    border-radius: 10px;
}

.btn-product-block {
    position: relative;
    top: 0;
    left: 0;
    /*margin-top: 1rem;*/
    text-align: center;
}

.btn-product {
    border-radius: 4px 4px 4px 4px;
    font-size: 1.7rem;
    /* padding: 7px 40px; */
    padding: 7px 20px;
    margin-top: 0;
    margin-bottom: 0;
}

.product-block-info {
    padding: 0 2rem;
    margin-top: 2rem;
    margin-bottom: 0;
    border-radius: 0;
    min-height:0;
}

.product-block > a > img {
    border-radius: 10px 10px 5px 5px;
}

.product-block:hover > a > img {
    border-radius: 10px 10px 5px 5px;
    filter: contrast(100%) saturate(180%);
}

.product-block:hover > a  {
    border: 2px dashed #c7af8f;
}

.product-type-block a {
    max-width: 100%;
}
.product-type-block {
    margin-bottom: 2rem;
    padding-left: 10px;
    padding-right: 10px;
}

.catalog > div > div > div {
    margin-bottom: 2rem;
}

.wrap {
    background: #f2e8de;
    margin-top: 95px;
    min-height: 74vh;
}

.catalog > div h2, .category > div h2, .another-categories h2 {
    color: #4f3e24;
    padding-top: 0;
}

@media (min-width: 768px) {

    .product-block a {
        padding: 0 0 2rem 0;
    }

    .product-block-info {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .product-block-info .text-md-right {
        text-align: center!important;
    }

    .btn-product-block {
        position: relative;
        top: 0;
        left: 0;
        text-align: center;
    }

    .btn-product {
        border-radius: 0;
        /*margin-top: 1rem;*/
        margin-bottom: 0;

    }
}

@media (min-width: 992px) {

    .product-block a {
        padding: 0 0 2rem 0;
    }


    .btn-product-block {
        position:relative ;
        bottom: 20px;
        right: 0;
        text-align: right;
    }
}

.product-available {
    background-color: rgba(252, 213, 208, 0.7);
    color: #876244;
    margin-top: 30px;
    padding: 10px;
}

@media (max-width: 576px) {
    .product-block-price span {
        margin: 0 auto;
    }

    .catalog2-block {
        padding: 0 10px 10px 10px;
    }

    .product-catalog-block {
        padding: 0;
        margin-bottom: 10px;
    }

    .product-catalog-block:nth-child(n){
        padding-left: 5px;
        padding-right: 0;
    }

    .product-catalog-block:nth-child(2n){
        padding-right: 5px;
        padding-left: 0;
    }

    .catalog2-block h2 {
        margin-bottom: 15px;
        margin-top: 15px;
        padding: 0!important;
    }

    .product-catalog-block .product-block-info {
        padding: 0 10px;
        margin-top: 10px;
    }

    .product-block a {
        padding-bottom: 1rem;
    }

    .product-block-info > strong {
        font-size: 16px;
    }

    .product-block-info {
        margin-top: 1rem;
    }
}

@media (min-width: 1200px) {
    .menu-break {
        margin-left: 4rem!important;
    }
}

.catalog-link-anchors {
    text-align: center;
}

.catalog-link-anchors a {
    color: #8a632b;
    font-family: "Bebas", sans-serif;
    font-size: 18px;
    display: inline-block;
    background: #ffffff;
    padding: 15px;
    border: 2px dashed #e2c9a7;
    border-radius: 10px;
    margin: 5px;
    transition: .3s;
}

.catalog-link-anchors a:hover {
    border: 2px dashed #8a632b;
    text-decoration: none;
    transform: translateY(-4px);
}

@media (max-width: 576px) {
    .catalog-link-anchors a {
        font-size: 16px;
    }
}


.slider > div > div {
    margin-top: 30px;
    padding-bottom: 90px;
}

.slider > .container {
    position: relative;
}

#donations {
    background-color: #f2e8de;
    border-radius: 4px;
    position: absolute;
    top: -120px;
    left: 10px;
    z-index: 2;
    padding: 10px 20px;
    max-width: 350px!important;
    text-align: center;
    margin: 0;
}

#donations span {
    font-size: 18px;
    font-weight: bold;
}

#donations p {
    padding: 0;
}

#donations p a {
    background-color: #ffc107;
    display: inline-block;
    padding: 0 5px;
    color: #000;
}

.progress {
    background-color: #dbdbdb;
    height: 24px;
    font-size: 16px;
    margin: 10px 0;
}

.progress-bar > span {
    color: #000;
    font-size: 15px!important;
    font-weight: normal!important;
    display: inline-block;
    padding: 0 10px;
}

@media (max-width: 767px) {
    .slider > div > div {
        margin-top: 20px;
        padding-bottom: 0;
    }

    #donations {
        margin: 0 auto;
        left: 50%;
        transform: translate(-50%, 0);
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .slider > div > div {
        margin-top: 20px;
        padding-bottom: 0;
        width: 100%;
    }

    #donations {
        margin: 0 auto;
        left: 50%;
        transform: translate(-50%, 0);
        width: 100%;
    }
}

@media (min-width: 1024px) {
    .slider > div > div {
        margin-top: 0;
    }

    #donations {
        right: 10px;
        left: auto;
        top: 10px;
        padding: 15px;
    }

    .progress {
        margin: 15px 0;
    }
}

#cart-donations {
    background: #ffffff;
    padding: 2rem 2rem 1rem 2rem;
    border-radius: 25px;
    border: 2px dashed #e3d3bb;

    max-width: 420px!important;
    text-align: center;
    margin: 0 auto 30px auto;
}

#cart-donations p a {
    background-color: #ffc107;
    display: inline-block;
    padding: 0 5px;
    color: #000;
}

@media (max-width: 991px) {
    #cart-donations .progress {
        padding: 15px 0;
    }
}

.np-available {
    position: absolute;
    top: 10px;
    left: 25px;
}

@media (max-width: 767px) {
    .np-available {
        width: 32px;
        height: 32px;
    }
}

.checkout-block {
    background-color: rgba(255,255,255,.5);
    padding: 20px 20px 15px 20px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.checkout-block h2 {
    border-bottom: 2px dashed #e3d3bb;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

/* Уніфікуємо стандартні інпути */
#order-name, #order-phone1, #order-phone-2, #order-street, #order-number, #order-address-other, #np-city-search {
    border-radius: 8px !important;
    background-color: #f2e8de;
    border: 1px solid #e3d3bb; /* Додаємо легкий бордер */
    box-shadow: none !important;
    padding: 22px 15px;
}

#order-msg {
    border-radius: 8px !important;
    background-color: #f2e8de;
    border: 1px solid #e3d3bb; /* Додаємо легкий бордер */
    box-shadow: none !important;
    padding: 10px 15px;
}

/* --- Кастомізація Select2 (Випадаючий список) --- */
.select2-container--default .select2-selection--single {
    background-color: #f2e8de !important; /* Фон як у інпутів */
    border: 1px solid #e3d3bb !important; /* Бордер як у інпутів */
    border-radius: 10px !important;
    height: 46px !important;
    padding: 0 !important;
    outline: none;
}

.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default .select2-selection--single:focus {
    background-color: #fbf6f0 !important;
    border: 1px solid #e08456 !important; /* Виділення при кліку */
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #876244 !important;
    font-size: 1.6rem !important;
    font-family: 'Raleway', sans-serif !important;
    line-height: 44px !important; /* Центруємо текст по вертикалі */
    padding-left: 15px !important; /* Відступ тексту від лівого краю */
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 46px !important; /* Центруємо стрілочку по вертикалі */
    right: 15px !important;
}

/* Сам випадаючий блок */
.select2-dropdown {
    border: 2px dashed #e08456 !important;
    border-radius: 10px !important;
    background-color: #fbf6f0 !important;
    padding-bottom: 5px;
    margin-top: 2px;
}

/* Поле пошуку всередині списку відділень */
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #e08456 !important;
    border-radius: 10px !important;
    background-color: rgba(255,255,255,0.7) !important;
    color: #876244 !important;
    padding: 6px 12px !important;
    outline: none;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border: 1px solid #c99141 !important;
}

/* Елементи списку (відділення) */
.select2-container--default .select2-results__option {
    color: #876244;
    font-size: 1.4rem;
    padding: 8px 15px;
    transition: 0.2s;
}

/* Прибираємо синій колір Select2 */
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: rgba(224, 132, 86, 0.2) !important;
    color: #4f3e24 !important;
}

/* Вже обраний елемент */
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: rgba(201, 145, 65, 0.3) !important;
    color: #4f3e24 !important;
    font-weight: bold;
}

/* --- Стилізація блоків методів доставки (Радіокнопки) --- */
/* 1. Обгортка більше не має власних відступів */
.checkout-block .custom-control {
    background-color: #f2e8de;
    border: 1px solid #e3d3bb;
    border-radius: 10px;
    padding: 0; /* Прибрали padding */
    margin-bottom: 15px;
    transition: 0.3s ease;
    min-height: 54px;
}

.checkout-block .custom-control:hover {
    border-color: #e08456;
    background-color: #fbf6f0;
    cursor: pointer;
}

/* 2. LABEL тепер розтягнутий на всю картку і забирає відступи на себе */
.checkout-block .custom-control-label {
    width: 100%;
    min-height: 52px; /* Висота батька мінус бордери */
    padding: 15px 15px 15px 55px; /* Перенесли відступи сюди */
    margin-bottom: 0;
    cursor: pointer;
    display: flex;
    align-items: center; /* Центруємо текст по вертикалі */
}

/* 3. Коригуємо позицію кружечків, бо тепер лівий край label співпадає з краєм картки */
.checkout-block .custom-control-label::before,
.checkout-block .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-top: 0 !important;
    left: 15px !important; /* Ставимо кружечок на 15px від лівого краю */
    border: 1px solid #e3d3bb;
}

.checkout-block .custom-radio .custom-control-input:checked~.custom-control-label::after {
    background: url(/img/design/icons/icon-confirm.png) no-repeat center;
    border: 0!important;
}

.checkout-block .custom-control-label strong {
    font-weight: 400!important;
    text-transform: none!important;
}

.checkout-block .custom-control-label span {
    color: #c99141;
    margin-left: 10px;
}

.np-dropdown {
    position: absolute !important;
    top: 100%;
    left: 15px;  /* Відступ на ширину padding колонки Bootstrap */
    right: 15px; /* Ширина рівно по колонці */
    z-index: 1050 !important;
    background-color: #fbf6f0 !important;
    border-radius: 10px !important;
    max-height: 250px;
    overflow-y: auto;
    margin-top: 5px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    padding: 5px !important;
}

/* Стилі для кожного міста у списку */
.np-dropdown li {
    padding: 10px 15px;
    color: #876244;
    font-size: 1.5rem;
    cursor: pointer;
    border-bottom: 1px dashed rgba(227, 211, 187, 0.5); /* Легка роздільна лінія */
    border-radius: 8px;
    transition: 0.2s;
    margin-bottom: 2px;
}

/* Прибираємо лінію в останнього елемента */
.np-dropdown li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Ефект при наведенні на місто */
.np-dropdown li:hover {
    background-color: rgba(224, 132, 86, 0.2);
    color: #4f3e24;
}

.select2-dropdown {
    border-radius: 15px !important;
    background-color: #fbf6f0 !important;
    padding: 5px !important; /* Додали відступ всередині рамки */
    margin-top: 2px;
}

/* Елементи списку (міста / відділення) */
.select2-container--default .select2-results__option {
    padding: 10px 15px !important;
    color: #876244 !important;
    font-size: 1.5rem !important; /* Трохи збільшили шрифт */
    border-bottom: 1px dashed rgba(227, 211, 187, 0.5) !important; /* Роздільна лінія */
    border-radius: 10px !important; /* Заокруглюємо кожен пункт */
    margin-bottom: 2px !important;
    transition: 0.2s ease !important;
}

/* Прибираємо лінію в останнього елемента */
.select2-container--default .select2-results__option:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

/* Прибираємо синій колір Select2, робимо наш hover-ефект */
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: rgba(224, 132, 86, 0.2) !important;
    color: #4f3e24 !important;
}

/* Вже обраний елемент (Харків, наприклад) */
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: rgba(201, 145, 65, 0.3) !important;
    color: #4f3e24 !important;
    font-weight: bold !important;
}

.checkout-total-price {
    background: rgba(255,255,255,.6);
    border: 2px dashed #e3d3bb;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.02);
}

.checkout-total-price h2 {
    border-bottom: 2px dashed #e3d3bb;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.checkout-total-price ul li {
    padding-left: 0;
}

/* Робимо так, щоб при наведенні на шапку картки вона ледь-ледь темнішала, показуючи клікабельність */
.order-card .card-header:hover {
    background-color: #fbfbfb !important;
}

/* Плавна анімація стрілочки */
.order-card .toggle-icon {
    display: inline-block;
    transition: transform 0.3s ease;
}

/* Коли блок ВІДКРИТИЙ (не має класу collapsed), стрілочка дивиться вгору */
.order-card .card-header:not(.collapsed) .toggle-icon {
    transform: rotate(180deg);
}

/* Коли блок ВІДКРИТИЙ, робимо шапку злегка сірою для візуального відокремлення */
.order-card .card-header:not(.collapsed) {
    background-color: #f8f9fa !important;
}

/* --- КАРТКА ЗАМОВЛЕННЯ (Фікс мікроскопічних шрифтів) --- */

/* Заголовок і дата */
.order-card .order-title {
    font-size: 18px !important; /* Нормальний великий заголовок */
}
.order-card .order-date {
    font-size: 14px !important;
}

/* Стрілочка розгортання */
.order-card .toggle-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px !important;
    line-height: 1;
    margin-top: 3px;
    transition: transform 0.3s ease;
}

/* Статус (Бейдж) */
.order-card .badge {
    font-size: 12px !important;
    padding: 6px 12px !important;
}

/* Анімація стрілочки та ховер шапки */
.order-card .card-header:not(.collapsed) .toggle-icon {
    transform: rotate(180deg);
}
.order-card .card-header:hover {
    background-color: #fbfbfb !important;
}
.order-card .card-header:not(.collapsed) {
    background-color: #f8f9fa !important;
}

/* --- ТАБЛИЦЯ --- */
.order-card .table th {
    font-size: 13px !important;
    text-transform: uppercase;
    color: #6c757d;
    letter-spacing: 0.5px;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    border-bottom: 2px solid #f0f0f0 !important;
}

.order-card .table td {
    font-size: 15px !important; /* Нормально читабельний текст товарів */
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

/* --- ЛОГІСТИКА ТА ФІНАНСИ --- */
.order-card .card-footer h6 {
    font-size: 13px !important;
    letter-spacing: 1px;
    margin-bottom: 10px !important; /* Підтягуємо текст ближче до заголовка "ЛОГІСТИКА..." */
}

.order-card .card-footer p {
    font-size: 15px !important;
    line-height: 1.3 !important; /* Зменшуємо висоту рядка (було 1.6) */
    margin-bottom: 4px !important; /* Мінімальний відступ між рядками "Тип доставки", "Адреса" тощо */
    padding-bottom: 0!important;
}

/* Окремо стискаємо блок фінансів */
.order-card .card-footer p.border-bottom {
    padding-bottom: 8px !important; /* Менше місця над лінією */
    margin-bottom: 8px !important;  /* Менше місця під лінією */
}

.order-card .card-footer h5 {
    font-size: 20px !important;
    margin-top: 0 !important; /* Максимально підтягуємо фінальну суму "До сплати" вгору */
}