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


body {
    font-family: 'Roboto', sans-serif;
    color: #242424;
    background: #F4F5F8;
}
.lazy:not([src]) {
 visibility: hidden;
}
.hidden-block {
    display: none !important;
}
.hidden-el {
    visibility: hidden !important;
    height: 1px !important;
}
.lazy {
    opacity: 0;
}
.lazy.loaded,.lazy.error,.lazy.initial {
    opacity: 1;
    transition: opacity .3s;
}
.lazyload > div {
    display: none;
    opacity: 0;
    transition: opacity 1s;
}
.lazyload--loaded > div {
    display: flex;
    opacity: 1;
    transition: opacity .3s;
}


.tooltip .tooltip-inner {
    width: auto;
    max-width: 260px;
    padding: 8px;
}
.tooltip .tooltip-inner p {
    color: #fff;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    padding: 0;
    margin: 0;
    color: #242424;
    font-size: 33px;
}
p {
     color: #242424;
     padding: 0;
     margin: 0;
     font-size: 14px;
     line-height: 1.5;
 }
.alert-frame {
    margin-top: 30px;
}
.alert {
    border: 0;
    border-radius: 4px;
    padding: 18px;
    font-weight: 700;
    font-size: 17px;
}
.alert img {
    height: 35px;
    margin-right: 20px;
}
.alert.alert-success {color: #fff; background: #00C67A;}
.alert.alert-danger {color: #fff; background: #FF2E3E;}
.color-green {color: #00C67A !important;}
.color-yellow {color: #FEE000 !important;}

.p0 {padding: 0 !important;}
.pl0 {padding-left: 0 !important;}
.pr0 {padding-right: 0 !important;}
.m0 {margin: 0 !important;}

.border-r-6 {border-radius: 6px !important;}

.bg-grey {background: #EFEFEF !important;}

.line-grey {width: 100%;height: 1px; background: #EFEFEF !important;margin: 15px 0}
.line-grey.dark-line {background: #BABABA !important}

a,a:visited {color: #006025; text-decoration: underline}
a:hover {color: #4D9809; text-decoration: underline}

.container {
    max-width: 1300px;
}
.no-shrink {flex-shrink: 0;}

.btn:focus,.btn:active,.btn:active:focus {
    outline: none !important;
    box-shadow: none !important;
}
.btn-secondary {
    color: #006025;
    background: #E6F5B2;
    border: 0;
    border-radius: 6px;
    padding: 9px 33px;
    font-size: 15px;
}
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active,.btn-secondary:active:focus  {
    background: #C7E366;
    color: #fff;
}

.btn-primary {
    color: #fff !important;
    font-size: 15px;
    background: #FEC106;
    border: 0;
    border-radius: 6px;
    padding: 9px 33px;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary:active:focus {
    background: #F29E00 !important;
    color: #fff !important;
}

.btn-action {
    color: #fff !important;
    font-size: 15px;
    background: #FF003B;
    border: 0;
    border-radius: 6px;
    padding: 14px 20px;
    text-decoration: none;
    position: relative;
    vertical-align: middle;
    display: inline-block;
    line-height: 49px;

}
.btn-action:hover,.btn-action:focus,.btn-action:active,.btn-action:active:focus, .btn-action:active:visited {
    background: #FF003B !important;
    color: #fff !important;
    box-shadow: 0 1px 10px #FF003B80;
    text-decoration: none;
}
.btn-offer {
    color: #006025 !important;
    font-size: 15px;
    background: #fff;
    border: 0;
    border-radius: 6px;
    padding: 14px 20px;
    text-decoration: none;
    position: relative;
    vertical-align: middle;
    line-height: 49px;
    display: inline-block;

}
.btn-offer:hover,.btn-offer:focus,.btn-offer:active,.btn-offer:active:focus, .btn-offer:active:visited {
    background: #fff !important;
    color: #006025 !important;
    box-shadow: 0 1px 3px #4D9809;
    text-decoration: none;
}
.btn-label {position: relative;
    margin-left: 30px;display: inline-block;
    height: 29px;
    width: 34px;
    border-radius:2px;
    background: #FD465B;
    background-image:  url('../img/icons/arrow-right.png');
    background-size: 9px 8px;
    background-repeat: no-repeat;
    background-position: center center;
    top: 10px;
}
.btn-offer .btn-label {position: relative;
    margin-left: 30px;display: inline-block;
    height: 41px;
    width: 49px;
    border-radius:2px;
    background: #E6F5B2;
    background-image:  url('../img/icons/arrow-bottom.png');
    background-size: 12px 6px;
    background-repeat: no-repeat;
    background-position: center center;
    top: 10px;
}
.btn-labeled {padding: 0 10px 0 20px;}


.btn-dark {
    color: #FEE000 !important;
    font-size: 15px;
    background: #242424;
    border: 0;
    border-radius: 6px;
    padding: 9px 33px;
}
.btn-dark:hover {
    background: #EFEFEF !important;
    color: #242424 !important;
}

.btn-add {
    color: #fff !important;
    font-size: 15px;
    background-color: #FEC106;
    background-image:  url('../img/icons/basket-add.png');
    background-size: 22px auto;
    background-repeat: no-repeat;
    background-position: center center;
    border: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.btn-add:hover,.btn-add:focus,.btn-add:active,.btn-add:active:focus {
    background-color: #F29E00 !important;
    color: #fff !important;
}

.btn-add-lg {
    color: #fff !important;
    font-size: 15px;
    background-color: #FEC106;
    background-image:  url('../img/icons/basket-add.png');
    background-size: 22px auto;
    background-repeat: no-repeat;
    background-position: right 20px center;
    border: 0;
    border-radius: 6px;
    padding: 15px 70px 15px 20px;
    display: block;
    font-weight: 700;
}
.btn-add-lg:hover,.btn-add-lg:focus,.btn-add-lg:active,.btn-add-lg:active:focus {
    background-color: #F29E00 !important;
    color: #fff !important;
}

.badge {
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 9px 11px;
    vertical-align: middle;
    z-index: 1;
}
.badge.badge-success {
    background: #FF2E3E;
}
.badge.badge-primary {
    background: #00C67A;
}

.badge.badge-sale {
    /*background: #00A0C6;*/
    background: #FF2E3E;
    color: #fff;
}
.badge.badge-prepare {
    background: #00A0C6;
    color: #fff;
}
.badge.badge-yellow {
    background: #FEE000;
    color: #fff;
}
.badge.badge-prepare.prepare-image {
    background: transparent;
    position: absolute;
    color: #FEE000;
    font-size: 40px;
    top: 40%;
    left: 0;
    width: 100%;
    opacity: 0.8;
    -ms-transform: rotate(-20deg); /* IE 9 */
    transform: rotate(-20deg); /* Standard syntax */
    text-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

/*
HEADER
 */
.up-header {
    padding: 22px 0 13px 0;
    background: #F4F5F8;
}
.up-header .right-frame {
    display: inline-block;
    width: 100%;
}
.up-header .right-frame .main-logo-frame {
    display: inline-block;
    padding-right: 81px;
    float: left;
    margin-top: -11px;
}
.up-header .search-box {
    width: 368px;
    border-radius: 6px;
    padding: 0 6px 0 0;
    background: #fff;
    display: inline-block;
}
.up-header .search-box #search-input {
    border: none;
    background: #fff;
    border: 0;
    padding: 16px 15px 16px 20px;
    font-size: 15px;
    color: #242424;
    width: 303px;
    display: inline-block;
}
.up-header .search-box #findValue {
    width: 49px;
    height: 42px;
    padding: 0;
    display: inline-block;
    margin-top: -4px;
}

.up-header .search-box #search-input:focus {
    outline: none !important;
    box-shadow: none !important;
}

.up-header .search-box #search-input::-webkit-input-placeholder {
    color: #7B7B7B !important;
    opacity: 1;
}

.up-header .search-box #search-input::-moz-placeholder {
    color: #7B7B7B !important;
    opacity: 1;
}

.up-header .search-box #search-input::-ms-placeholder {
    color: #7B7B7B !important;
    opacity: 1;
}

.up-header .search-box #search-input::placeholder {
    color: #7B7B7B !important;
    opacity: 1;
}

.picker-date {
    display: inline-block;
}
.picker-date  .dropdown-menu {
    padding: 10px 10px;
    right: 0;
}
.picker-date  .dropdown-menu a {
    color: #7B7B7B;
    font-size: 15px;
    padding: 3px 15px;
    text-decoration: none;
    background: #fff;
    border-radius: 14px;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.picker-date .dropdown-menu a:hover {
    color: #7B7B7B;
    background: #F0F0F0;
    text-decoration: none;
}

..picker-date .dropdown-menu  a.active {
    color: #006025;
    background: #E6F5B2;
}

.picker-date .btn-offer .date {
    font-size: 20px;
    font-weight: 700;
    color: #006025;
    line-height: 1.2;
    position: relative;
}
.picker-date .btn-offer.dropdown-toggle::after {
    content: '';
    margin: 0;
    border: 0;
}
.picker-date .btn-offer .date small {
    min-width: 100%;
    position: absolute;
    left: 0;
    top: -11px;
    text-align: left;
    color: #7B7B7B;
    font-size: 13px;
}
.picker-date .btn-offer img {
    margin-top:-15px;
    margin-right: 15px;
}
.up-header .basket-info {
    padding-left: 120px;
    display: inline-block;
}

.up-header .basket-info a  {
    font-size: 15px;
    color: #006025;
}
.up-header .basket-info a:hover  {
    color: #4D9809
}
.up-header .basket-info .btn-primary {
    text-decoration: none !important;
    font-size: 16px;
    padding: 26px 16px;
    margin-left: 30px;
    font-weight: 700;
    min-width: 150px;
}
.up-header .basket-info .btn-primary:hover {
    text-decoration: none;
}
.up-header .basket-info .btn-primary img {
    width: 22px;
    height: auto;
    margin-left: 12px;
}

/*
MENU
 */

header .navbar-toggler {
    display: none
}
header .navbar-default {
    width: 100%;
    background: #AEDE2D;
    height: 63px;
    padding: 0;
}
header #navbar-menu {
    height: 63px;
}
header #navbar-menu > .container {
    height: 100%;
}
header .navbar-default > .navbar-collapse > .navbar-nav {
    height: 100%;

}
header .navbar-default > .navbar-collapse > .navbar-nav > li.nav-item {
    padding: 0;
    margin: 0;
    height: 100%;
}

header .navbar-default .navbar-nav > .nav-item  {
    height: 63px;
    width: 100%;
}
header .navbar-default .navbar-nav > .nav-item > a {
    width: 100%;
    text-align: center;
    color: #006025;
    text-decoration: none;
    font-size:15px;
    height: 100%;
    display: block;
    vertical-align: middle;
    padding: 22px 10px 0 10px;
    border-bottom: #AEDE2D solid 4px;
}
header .navbar-default .navbar-nav > .nav-item:hover > a, header .navbar-default .navbar-nav > .nav-item.active > a {
    color: #006025;
    border-bottom: #FEC106 solid 4px;
}

header .navbar-default .navbar-nav > .nav-item > a img  {
    margin-right: 10px;
    margin-top: -3px;
}

header .navbar-default .navbar-nav > .nav-item > a.disabled {
    color: #599039;
    border-bottom: #AEDE2D solid 4px;
    cursor: default;
    padding-top: 20px;
}
header .navbar-default .navbar-nav > .nav-item > a.disabled .badge-action {
    border-radius: 14px;
    font-weight: 400;
    text-transform: none;
    vertical-align: middle;
    background: #FF003B;
    color: #fff;
    position: relative;
    z-index: 9;
    display: inline-block;
    top: -2px;
    left: 0;
    font-size: 14px;
    padding: 4px 11px;
    margin-left: 10px;
}
header .navbar-default .navbar-nav > .nav-item > a.disabled img {
    opacity: 0.6;
}

.breadcrumb-up {
    padding: 0 0 0 10px;
}
.breadcrumb-up .breadcrumb {
    padding: 18px 0 0 0;
    margin: 0;
    background: transparent;
    font-size: 15px;
    color: #7B7B7B;
    height: 100%;
}
.breadcrumb-up .breadcrumb a {
    font-size:15px;
    color: #7B7B7B;
    text-decoration: underline;
    vertical-align: middle;
}
.breadcrumb-up .breadcrumb a:hover  {
    text-decoration: none;
}
.breadcrumb-up .breadcrumb .breadcrumb-item {
    padding-right: 12px;
}
.breadcrumb-up .breadcrumb .breadcrumb-item.active {
    font-size: 15px;
    color: #7B7B7B;
    text-decoration: none;
    margin-top: 1px;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #7B7B7B;
    content: '';
    position: relative;
    padding: 0 5px 0 10px;
    background-image: url('../img/icons/arrow-right-gray.svg');
    background-position: left center;
    background-repeat: no-repeat;
}
.breadcrumb-item+.breadcrumb-item{
    color: #7B7B7B;
    background-image: url('../img/icons/arrow-right-gray.svg');
    background-position: left center;
    background-repeat: no-repeat;
}



/*
BENEFIT
 */

.benefit {
    padding: 50px 0 75px 0;
    background: #fff;
}
.benefit .title {
    font-size: 30px;
}
.benefit .title small {
    color: #7B7B7B;
    display: block;
    font-size: 18px;
    margin-top: 5px;
}
.benefit .benefit-row {
    padding: 65px 0 0 0;
}

.benefit .benefit-row .benefit-detail p {
    font-size: 18px;
    margin-top: 22px;
}

/*
REGION
 */
.region {
    background: #fff;
    border-radius: 6px;
    padding: 25px 35px;
}
.region .title {
    font-weight: 700;
    color: #242424;
    text-align: left;
    padding: 0;
    margin: 0;
    font-size: 30px;
}
.region .img-map {
    width: 100%;
    margin-top: 0;
}

/*
Bannery
 */

.banner-frame .banner-detail {
    padding: 25px 35px;
    border-radius: 6px;
    text-align: left;
}
.banner-frame .banner-detail.banner-grill {
    background-color: #242424;
    background-image: url('../img/banner/grill.png');
    background-position: right center;
    background-repeat: no-repeat;
    background-size:  auto 100%;
}
.banner-frame .banner-detail.banner-grill .lead {
    font-size: 15px;
    color: #fff;
}
.banner-frame .banner-detail.banner-grill .title {
    font-size: 33px;
    color: #fff;
    font-weight: 700;
}
.banner-frame .banner-detail.banner-grill .info {
    font-size: 14px;
    color: #fff;
    width: 50%;
}

.banner-frame .banner-detail .btn-action {
    padding: 0 15px;
    line-height: 40px !important;
    margin-top: 18px;
}
.banner-frame .banner-detail .btn-action  .btn-label {
    top:7px;
    height: 27px;
    width: 32px;
}
.banner-frame .banner-detail.banner-action {
    background-color: #242424;
    background-image: url('../img/banner/action-count.png');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.banner-frame .banner-detail.banner-action .lead {
    font-size: 15px;
    color: #006025;
}
.banner-frame .banner-detail.banner-action .title {
    font-size: 33px;
    color: #006025;
    font-weight: 700;
    line-height: 1.1;
}
.banner-frame .banner-detail.banner-action .info {
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    padding: 10px 0 9px 0;
    width: 50%;
    max-width: 260px;
}
.banner-frame .banner-detail.banner-action .info small {
    color: #006025;
    font-size: 15px;
    font-weight: 400;
}
.banner-frame .banner-detail.banner-action .img-food {
    position: absolute;
    right: 40px;
    width: 280px;
    bottom: -30px;
}
.banner-frame .banner-detail.banner-action .btn-action {
    padding: 0 15px;
    line-height: 40px !important;
    margin-top: 0;
}
/*
ABOUT us
 */
.about-us {
    background: #fff;
    padding: 40px 0 55px 0;
}
.about-us .about-row {
    padding-top: 46px;
}
.about-us .about-row .text-about .about-logo {
    width: 190px;
    margin-left: 30px;
    margin-bottom: 20px;
}
.about-us .about-row .text-about {
    text-align: left;
}
.about-us .about-row .text-about p {
    text-align: left;
    font-size: 14px;
    color: #7B7B7B;
}
.about-us .about-row .iframe-video {
    text-align: right;
    padding-top: 30px;
}
.about-us .about-row .iframe-video iframe {
    width: 95%;

}
.about-us .about-row .text-about p.title {
    text-align: left;
    font-size: 19px;
    color: #242424;
    font-weight: 700;
    margin-top: 30px;
}
.about-us .about-row .logos {
    margin-top: 30px;
}
.about-us .about-row .logos img {
    width: 45%;
    display: inline-block;
    margin: 0 2%;
}

/*
RECIPES
 */
.recipes {
    background-image: url('../img/bg-recipes.png');
    background-position: top center;
    background-repeat: repeat-x;
    background-size:  auto 280px;
    padding: 55px 0 75px 0;
}


.recipes .recipes-head .btn-action {
    padding: 0 15px;
    line-height: 40px !important;
    margin-top: 0;
}
.recipes .recipes-head .btn-action  .btn-label {
    top:7px;
    height: 27px;
    width: 32px;
}
.recipes .recipes-head h5 {
    color: #006025;
    font-size: 30px;
    background: #E6F5B2;
}
.recipes .recipes-head p {
    font-size:18px;
    color: #006025;
    background: #E6F5B2;
}
.recipes .recipes-row {
    padding-top: 100px;
}
.recipes .recipe-detail {
    background: #fff;
    text-align: center;
    border-radius: 6px;
    position: relative;
    padding: 0 20px 20px 20px;
}
.recipes .recipe-detail .recipe-img {
    width: 60%;
    margin: 0 auto;
}
.recipes .recipe-detail .recipe-img img {
    width: 100%;
    border-radius: 50%;
    border: 7px solid white;
    margin-top: -60px;
}
.recipes .recipe-detail .recipe-info h6 {
    color: #242424;
    font-size: 19px;
    margin-top: 17px;
}

.recipes .recipe-detail .recipe-info p {
    color: #7B7B7B;
    font-size: 14px;
    margin-top: 10px;
}
.recipes .recipe-detail .btn-action {
    margin-top: 25px;
    width: 100%;
}
.recipes .recipe-detail .btn-label {
    float: right;
}

/*
FOOTER
 */
footer {
    width: 100%;
}
footer .fast-contact-frame {
    background: #AEDE2D;
}
footer .fast-contact {
    padding: 30px 0;
}
footer .fast-contact .title p {
    color: #006025;
    font-size: 30px;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
footer .fast-contact .title p.white {
    color: #fff;
    margin-top: -5px;
}

footer .fast-contact .contact {
    margin-top: 20px;
    text-align: center;
}
footer .fast-contact .contact .contact-el {
    width: 48%;
    display: inline-block;
    font-size: 19px;
    color: #006025;
    font-weight: 700;
}
footer .fast-contact .contact .contact-el img {
    margin-right: 17px;

}

footer .navbar {
    width: 75%;
    margin: 0 auto;
    padding-top: 20px;
}
footer .navbar.navbar-default .navbar-nav > .nav-item > a {
    text-decoration: none;
}
footer .navbar.navbar-default .navbar-nav > .nav-item > a img  {
    margin-right: 10px;
    margin-top: -3px;
}

footer .footer-info {
    padding-top: 50px;
}
footer .footer-info .bottom-logo {
    width: 230px;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
}

footer .footer-info .text-muted {
    margin-top: 22px;
    color: #7B7B7B;
    padding-bottom: 25px;
}
/*
STATUS DELIVERY
 */


#status-delivery {
    background: #fff;
    border-radius: 6px;
    padding: 23px 25px;
}

#status-delivery p {
    font-size: 17px;
    color: #006025;
    padding: 0;
    margin: 0;
    width: 100%;
}
#status-delivery .progress {
    margin-top: 20px;
    height: 30px;
    border-radius: 12px;
}
#status-delivery .bg-success {
    background: #AEDE2D !important;
    color: #006025;
    font-weight: 700;
}

#status-delivery .bg-info {
    background: #EDEDED !important;
    color: #C1C1C1;
    font-weight: 700;
}
/*
MODAL LOCATION
 */
#locationModal .region {
    padding-top: 0;
}
#locationModal .title {
    padding: 0;
    margin: 0;
    font-size: 20px;
}
#locationModal .select2 {
    min-width: 250px;
    margin: 10px 0 30px 0;
}
#locationModal .select2-selection:focus {
    border-color: #232323;
    outline: none !important;
    box-shadow: none !important;
}
#locationModal .select2-selection__rendered:focus {
    border-color: #232323;
    outline: none !important;
    box-shadow: none !important;
}
#locationModal .select2-selection__rendered {
    line-height: 53px !important;
    border-color: #D8D8D8;

}
#locationModal  .select2-container .select2-selection--single {
    height: 53px !important;
    border-color: #D8D8D8;
}
#locationModal .select2-search__field:focus {
    border-color: #232323;
    outline: none !important;
    box-shadow: none !important;
}
#locationModal .select2-selection__arrow {
    height: 53px !important;
}