/*!* 	Theme Variables* ----------------------------------------------- */
:root {--body-font-family: 'Poppins', sans-serif; --body-font-size: 16px; --body-font-weight: 400; --body-font-color: #424242; --body-line-height: 1.55; --heading-font-family: 'Poppins', sans-serif; --heading-font-color: #000; --heading-font-weight: 700; --link-font-color: #AC0900; --link-hover-font-color: #000; }
/*!* 	Reset Styles* ----------------------------------------------- */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline; }
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section, img {display: block; }
body { line-height: 1; }
ol, ul {list-style: none; }
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: "";content: none; }
table {border-collapse: collapse;border-spacing: 0; }
* {outline: none !important;padding: 0px;margin: 0px; }
*, ::after, ::before {box-sizing: border-box;}
::-moz-selection {color: #fff;background:var(--link-hover-font-color);}
::selection {color: #fff;background: var(--link-hover-font-color);}
/*!*	Common* ----------------------------------------------- */
body {font-family: var(--body-font-family);font-size: var(--body-font-size);color: var(--body-font-color);line-height: var(--body-line-height);font-weight: var(--body-font-weight);background-color: #fff; overflow-x: hidden}
img {max-width: 100%; height: auto}
svg {display: block}
a {color: var(--link-font-color);text-decoration: none;/*-webkit-transition: all .5s;transition: all .5s;*/-webkit-transition: background-color 0.3s ease;-moz-transition: background-color 0.3s ease;transition: background-color 0.3s ease;}
a:hover {color: var(--link-hover-font-color);}
strong, b { font-weight: bold;}
em {font-style: italic}
p {margin-bottom: 24px;}
p:last-child, :last-child {margin-bottom: 0;}
#wrapper {overflow: hidden;position: relative;}
h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6 {font-family: var(--body-font-family); color: var(--heading-font-color);margin-bottom: 24px;line-height: 1.3;}
h1, .h1 {font-size: 48px;font-weight:bold;line-height: 1.1;}
h2, .h2 {font-size: 42px;}
h3, .h3 {font-size: 32px;}
h4, .h4 {font-size: 24px;}
h5, .h5 {font-size: 22px;}
h6, .h6 {font-size: 18px;}
blockquote {font-weight:normal;font-style: italic;margin: 0;overflow: hidden;padding: 0;margin-bottom: 24px;}
.screen-reader-text, .screen-reader-text:focus {border: 0;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute !important;width: 1px;word-wrap: normal !important;word-break: normal;}
.skip-link {left: -9999rem;top: 2.5rem;z-index: 999999999;text-decoration: underline;}
.skip-link:focus {display: block;left: 6px;top: 7px;font-size: 14px;font-weight: 600;text-decoration: none;line-height: normal;padding: 15px 23px 14px;z-index: 100000;right: auto;}
/*!*	Typo* ----------------------------------------------- */
.text-uppercase {text-transform: uppercase !important;}
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.text-center {text-align: center !important;}
.font-xl {font-size: 6rem;font-weight: bold;line-height: 1.1;}
.font-lg {font-size: 1.4rem;}
.font-md {font-size: 1.2rem;}
.font-sm {font-size: 0.8rem;}
.text-underline {text-decoration: underline;}
.text-light {font-weight: 300;}
.text-500 {font-weight: 500;}
.text-white {color: #ffffff !important}
.text-red {color: #DA0B13 !important}

/*!*	Spacer* ----------------------------------------------- */
.mr-auto, .mx-auto {margin-right: auto !important;}
.ml-auto, .mx-auto {margin-left: auto !important;}
.mt-10 {margin-top: 10px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-40 {margin-top: 40px !important;}
.mt-50 {margin-top: 50px !important;}
.mt-80 {margin-top: 80px !important;}
.mb-0 {margin-bottom: 0 !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-40 {margin-bottom: 40px !important;}
.mb-50 {margin-bottom: 50px !important;}
.mb-80 {margin-bottom: 80px !important;}
.mb-150{margin-bottom: 150px !important;}
.pt-0 {padding-top: 0 !important;}
.pt-80 {padding-top: 80px !important;}
.px-0, .pr-0 {padding-right: 0 !important;}
.px-0, .pl-0 {padding-left: 0 !important;}
.pb-0 {padding-bottom: 0 !important;}
.pb-80 {padding-bottom: 80px !important;}
/*Main center wrap*/
.wrap, .wrap-fuild {width: 100%;padding-left: 15px;padding-right: 15px;}
.wrap *, .wrap-fuild * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.wrap {max-width: 1170px;margin-left: auto;margin-right: auto;}

/*============= BUTTONS =============*/
.btn {padding:12px 32px;background-color: #DA0B13;color: #fff;font-weight: bold; text-align: center;text-transform: capitalize;letter-spacing: 0.5px;border-radius: 50px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;display: inline-block;border: none;cursor: pointer;font-size:16px}
.btn:hover {background-color: #00aa4b;color: #fff;}
.btn + .btn {margin-right: 10px;}
.btn--lg {padding:16px 48px;font-size: 22px;font-weight: bold;}
.btn--sm {padding:8px 16px; font-size:14px}
.btn--border{color:#AC0900;background-color:#fff;border:2px #AC0900 solid;}
.btn--border:hover{background:#AC0900;color:#fff;}
.btn--border-white{ color:#fff; border:2px solid #fff;}
.btn--border-white:hover{ background-color:#AC0900; color:#fff; border-color: #AC0900}
.btn--blue{color:#fff;background-color:#4353ff;}
.btn--blue:hover{color:#fff; background-color: #3545ee;}
.btn--white{color:#fff;background-color:transparent;border:1px #fff solid;}
.btn--white:hover{color:#fff;background:#AC0900;border:1px #AC0900 solid;}
.btn--red{background-color: #AC0900;color: #fff;border:1px #AC0900 solid;}
.btn--red:hover{color:#AC0900; background-color: #fff;}
.btn--black{ color:#fff; background-color: #000;}
.btn--black:hover{color:#000; background-color: #fff;}

.btn-link-arrow {}
.btn-link-arrow img{width: 22px;display: inline-block;margin-right: 5px;transform-style: preserve-3d;transition: transform 200ms ease 0s;transform: translateX(0px) translateY(0px) translateZ(0px);}
.btn-link-arrow:hover img {transform-style: preserve-3d;transition: transform 300ms ease 0s;transform: translateX(8px) translateY(0px) translateZ(0px);}
.btn--link {}
.btn--link:hover {}
/*Form Input*/
.form-group {margin-bottom: 20px;position: relative;}
.form-control-label {display: block; margin-bottom: 4px;}
.form-control {-webkit-appearance: none;-moz-appearance: none;width: 100%;border: none;border: 1px solid #dacecf;padding:12px 16px;background-color: #fff;font-family: var(--body-font-family);font-size: 15px;color: var(--body-font-color);font-weight: 500; border-radius: 5px;}
.form-control:focus {border-color: #333}
textarea.form-control {height: 110px;}
.form-control option{color: #000;}
/*Bullet List*/
.bullet-circle li { position:relative; padding-left:25px;}
.bullet-circle li:before { content:""; border:2px solid #262626; position:absolute; left:0; top:8px; width:12px; height:12px;-webkit-border-radius:50%;border-radius:50%;}
/*Grid*/
.row {margin-left: -15px;margin-right: -15px;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;}
[class*='col-'] {min-height: 1px; padding-left: 15px;padding-right: 15px;}
.col-1 {max-width: 8.33333333%;flex: 0 0 8.33333333%;}
.col-2 { max-width: 16.66666667%;flex: 0 0 16.66666667%;}
.col-3 {max-width: 25%;flex: 0 0 25%;}
.col-4 {max-width: 33.33333333%; flex: 0 0 33.33333333%;}
.col-5 {max-width: 41.66666667%;flex: 0 0 41.66666667%;}
.col-6 {max-width: 50%;flex: 0 0 50%;}
.col-7 {max-width: 58.33333333%;flex: 0 0 58.33333333%;}
.col-8 {max-width: 66.66666667%; flex: 0 0 66.66666667%;}
.col-9 { max-width: 75%;flex: 0 0 75%;}
.col-10 {max-width: 83.33333333%;flex: 0 0 83.33333333%;}
.col-11 {max-width: 91.66666667%; flex: 0 0 91.66666667%;}
.col-12 {max-width: 100%;flex: 0 0 100%;}
.no-guttor {margin-right: 0;margin-left: 0;}
.no-guttor > [class*='col-'] {padding-right: 0;padding-left: 0;}
.row--reverse {-webkit-flex-direction: row-reverse;-moz-flex-direction: row-reverse;-ms-flex-direction: row-reverse;-o-flex-direction: row-reverse;flex-direction: row-reverse;}
.row--space-between {justify-content: space-between;}
.row--items-center {-ms-align-items: center;align-items: center;}

/*============= Section =============*/
.section{padding-bottom: 100px; padding-top: 100px;position: relative;}
.section__heading {text-align: center;max-width: 660px;margin: 0 auto;margin-bottom: 50px;}
.section__heading h2 {position: relative;z-index: 10;}
.section__heading h2:after, .section h2:before {content: ""; position: absolute;width: 100px;height: 5px;left: 50%;transform: translateX(-50%); bottom: -12px;} 
.section__heading h2:after {background-color: #DA0B13;}
.section__heading h2:before {background-color: #fff; width: 10px;height: 5px;border-left: 10px solid #fff;border-right: 10px solid #fff; animation: titleanimi 5s linear infinite;-webkit-animation: titleanimi 5s linear infinite;z-index: 10;}
@keyframes titleanimi {0% { -webkit-transform: translateX(-40px);transform: translateX(-40px); }
50% { -webkit-transform: translateX(30px);transform: translateX(30px);}
100% {-webkit-transform: translateX(-40px); transform: translateX(-40px); }}
.section__heading.text-left h2:after, .section__heading.text-left h2:before {left: 0;transform: translateX(0);}
.section__heading.text-left h2:before {animation: titleanimileft 5s linear infinite;-webkit-animation: titleanimileft 5s linear infinite;}
@keyframes titleanimileft {0% { -webkit-transform: translateX(0px);transform: translateX(0px); }
50% { -webkit-transform: translateX(80px);transform: translateX(80px);}
100% {-webkit-transform: translateX(0px); transform: translateX(0px); }}

.menu-toggle {
	background: none;
	border: none;
	width: 32px;
	height: 20px;
	border-top: 2px solid #000;
	cursor: pointer;
	z-index: 99;
	position: relative;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	display: none;
	
}
.menu-toggle:before,
.menu-toggle:after {
	content: "";
	position: absolute;
	left: 0;
	width: 32px;
	height: 2px;
	background-color: #000;
}
.menu-toggle:before {
	top: 50%;
	margin-top: -2px;
}
.menu-toggle:after {
	bottom: 0;
}
.nav-on .menu-toggle {
	width: 32px;
	height: 32px;
	border: none;
}
.sub-menu-toggle {
	display: none;

}
.nav-on .menu-toggle .label-close {
	display: block;
}

.nav-on .menu-toggle:hover {
	opacity: 1;
}
.nav-on .menu-toggle:before,
.nav-on .menu-toggle:after {
	position: absolute;
	left: 15px;
	content: " ";
	height: 32px;
	width: 2px;
	background-color: #000;
}
.nav-on .menu-toggle:before {
	transform: rotate(45deg);
	top: 0;
	margin-top: 0;
}
.nav-on .menu-toggle:after {
	transform: rotate(-45deg);
}

/* Header */
#site-header {padding-top: 16px;padding-bottom: 16px;background-color: #FFC1C1;}
.header__wrap { display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-ms-align-items: center;align-items: center;justify-content: space-between;}
.navbar ul{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;-ms-align-items: center;align-items: center;}
.navbar > ul > li {margin-left: 40px; position: relative;}
.navbar > ul > li:first-child {margin-left: 0}
.navbar > ul > li > a {color:#fff; font-size: 16px; text-transform: uppercase; font-weight: 600; display:block;letter-spacing: 1px; padding-top: 5px; padding-bottom: 5px; position: relative;text-decoration: none;}
.navbar > ul > li:hover > a {color:#DA0B13;}
.navbar > ul > li > a:after {content: '';display: block; width: 0;height: 2px;background:#DA0B13;transition: width .3s; opacity: 0; position: absolute; left: 0; bottom:-4px}
.navbar > ul > li > a:hover:after{width: 100%; opacity: 1;}

/* Main */
.we__list li {position: relative;padding-left: 24px;font-weight: 600;}
.we__list li + li,.we__disc li + li {margin-top: 8px;}
.we__list li:after {content: "\2713";position: absolute;left: 0;color: #DA0B13;font-weight: bold;}
.we__disc {margin-left: 20px;}
.we__disc li {list-style: disc;}

.circle-ring:after,.circle-ring:before {content: ""; position: absolute;width: 100px;height: 100px;border-radius: 50%;border: 20px solid #956666;opacity: .3;l}
.circle-ring:after {bottom: -130px; left: 130px;}
.circle-ring:before {top: -130px;border: 20px solid #EC6B6B;right: 130px;}

.circle:after, .circle:before {content: "";position: absolute;width: 150px;height: 150px;background-color: #68CBC4;opacity: .5;border-radius: 50%;z-index: 5;}
.circle:after {top: 150px;left: 300px;}
.circle:before {bottom: 30px;right: 300px;}


/* Banner */

.banner__slider .owl-dots {
	position: absolute;
    left: 50%;
    transform: translateY(-50%);
    bottom: 24px;
    width: 100%;
}
.banner__slider .owl-dots .owl-dot span{
	width: 12px;
    height: 12px;
    margin: 0 7px;
    background: #fff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    z-index: 999;
}
.banner__slider .owl-dots .owl-dot.active span {
	background: #fff;
    width: 48px;
    transition: width .2s;
}
.section--banner h1 {font-size: 42px;line-height: 1.5;}
.button__images {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;align-items: center;position: absolute;bottom: 140px;
left: 15%;transform: translateX(0);bottom: 250px;}
.button__images img {margin-right: 24px;}
.button__url.active {border: 1px solid #000;}
.chocolate:after,.chocolate:before {content: ""; position: absolute; width: 560px;height: 600px;background-repeat: no-repeat;}
.chocolate:after {background-image: url(../images/chocolate.png);top: -180px;right: -180px;}
.chocolate:before {background-image: url(../images/chocolate2.png);bottom: -180px;left: -260px;}

/* About */
.section--about .wrap {position: relative;}
.section--popular img,.section--delivery img {margin: 0 auto;}
.section--about .circle:before {bottom: -150px;}
.section--about .circle:after {left: 50px;background-color: #000;opacity: .3}
 

/* Popular */
.section--popular .circle:after {width: 200px;height: 200px;}

.section--popular .we__list .circle:before ,.section--popular .circle:after {width: 80px;height: 80px;background-color: #FE9F9F;right: 600px;bottom: 150px;}
.section--popular .we__list .circle:after {top: auto;bottom: 300px;left: auto;right: 500px;background-color: #BEE6DB;}


/* Product */
.section--product .circle:before {width: 200px;height: 200px;bottom: 0;right: 260px;}
.section--product .circle:after {top: 0;left: -80px;}
.product_image {background-color: #F6F1EE;height: 100%;padding: 24px;border-radius: 5px;position: relative;z-index: 10;overflow: hidden;}
.product_image img {margin: 0 auto;transition: transform .5s;}
.product_image img:hover {transform: scale(1.1);}

/* Quality */
.section--quality .section__heading {max-width: 1170px;}
.quality__logo { display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-ms-align-items: center;align-items: center;justify-content: center;}
.quality__logo img + img {margin-left: 48px;}


/* Delicious */
.section--delicious {background-color: #FFEFEF;}
.section--delicious .row .col-2 {max-width: 20%;flex: 0 0 20%;}
.delicious__block {text-align: center;border-radius: 30px;transition: all .3s;z-index: 10;position: relative;}
.delicious__block:hover {transform: translateY(-16px);}
.delicious__block .info {background-color: #fff;padding: 24px;}
.delicious__block:hover .info {background-color: #DA0B13;color: #fff;transition: all .5s;}
.delicious__block .info h4 {font-weight: bold;}
.delicious__block:hover .info h4 {color: #fff;}
.delicious__image {background: linear-gradient(to top, #01af3a, #bcd700);padding: 24px;}
.delicious__image img {margin: 0 auto;}

/* Delivery */
.section--delivery {background-color: #E6E6E6;}
.section--delivery h3 {font-weight: bold;}

/* Footer */
.site-footer {font-size: 14px; background-color: #4A4A4A;padding-top: 64px;padding-bottom: 64px;color: #fff;position: relative;}
.footer__top {border-bottom: 1px solid #908a8a;padding-bottom: 40px;margin-bottom: 40px;}
.site-footer a {color: #fff;position: relative;}
.site-footer:after,.site-footer:before {content: "";position: absolute;background-repeat: no-repeat;z-index: 999;}
.site-footer:after {background-image: url(../images/footer1.png);left: 0;bottom: 0;width: 210px;height: 290px;}
.site-footer:before {background-image: url(../images/footer2.png);right: 0;bottom: 0;width: 150px;height: 245px;}
.footer__top h5 {color: #fff;font-weight: 600;}
.footer__link li + li {margin-top: 12px;}
.footer__link li a:after {content: '';display: block; width: 0;height: 2px;background:#DA0B13;transition: width .3s; opacity: 0; position: absolute; left: 0; bottom:-4px;}
.footer__link li a:hover:after{width: 100%; opacity: 1;}
.footer__info img{max-width: 30px;margin-right: 16px;}
.footer__info > li ,.footer__info .info ul {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-ms-align-items: center;align-items: flex-start;}
.footer__info .info ul {justify-content: space-between;}
.footer__info > li + li {margin-top: 32px;}
.footer__info .info ul li + li {margin-left: 40px;}
.footer__bottom,.social__link {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-ms-align-items: center;justify-content: space-between;align-items: center;}
.footer__bottom p {margin-bottom: 0;}
.footer__bottom p a:hover,.footer__info li a:hover {text-decoration: underline;}
.social__link li + li {margin-left: 16px;}
.social__link li {width: 30px;height: 30px;background-color: #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.social__link li:hover {opacity: .7}
.social__link a {color: #DA0B13;}
.social__link svg {max-width: 16px;}


/* Inner Banner */
.inner--banner {background: url(../images/inner-banner.jpg);position: relative;}
.inner--banner:before {content: "";position: absolute; background-color: #000;opacity: .8;width: 100%;height: 100%;top: 0;left: 0;}
.inner__content {position: relative;z-index: 10;}
.section--delight .section__heading{max-width: none;}
.section--delight .col-8 {position: relative;}
.section--delight .delight__row {position: absolute;bottom: 0;}
.breadcrumbs li {display: inline-block;color: #fff;}
.breadcrumbs li a:hover {color: #fff;}

.section--deliciousness ul {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: space-between;}
.section--deliciousness ul li img {max-width: 70px;height: 70px;}
.section--deliciousness ul.text-right .icon {padding-left: 40px;}
.section--deliciousness ul.text-left .icon {padding-right: 40px;}

/* Contact Us */
.contact__info .info {text-align: center;height: 100%;position: relative;}
.contact__info .info:before {content: "";position: absolute;border-right: 1px dotted #AC0900;width: 1px;height: 180px;right: -16px;}
.contact__info .col-4:nth-child(3n + 3) .info:before{border-right: 0;}
.contact__info .info img {max-width: 40px;height: 40px;margin: 0 auto;margin-bottom: 16px;}
.contact__info .info a {color: #000;}
.contact__info .info a:hover {text-decoration: underline;}
.contact__wrap {max-width: 680px;}
.section--map iframe {display: block;}

/* Product */
.prodduct__gallery .filters {text-align: center;}
.prodduct__gallery .filters ul li {display: inline-block;text-transform: capitalize;color: #000;padding: 12px 24px;cursor: pointer;}
.prodduct__gallery .filters ul li.active {background-color: #dd2a1b;border-radius: 5px;color: #fff;}
.gallery__filters {margin-top: 50px;}
.gallery__filters .content {/*padding: 24px;*/background-color: #E6E6E6;position: relative;height: 100%;}
.gallery__filters .content:hover .overlay:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height:100%;background-color: #000;opacity: .7;transition: all .5s;z-index: -10;}
.gallery__filters .content .overlay {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0;width: 100%;height: 100%;color: #fff; padding: 24px;}
.gallery__filters .content:hover .overlay{opacity: 1;transition: all .5s;text-align: center;}
.gallery__filters .content img{max-width:100%;/*min-height: 150px;margin: 0 auto;*/}
.gallery__filters .content .price {position: absolute;top: 12px;right: 12px;color: #dd2a1b;font-weight: bold;font-size: 20px;}
.gallery__filters .grid .all {position: initial !important;margin-bottom: 30px;}
.gallery__filters .overlay p {position: absolute;bottom: 48px;left: 50%;transform: translateX(-50%);}

/* Quality */
.quality__cutting {overflow: hidden;}
.quality__cutting img {transition: transform .5s;}
.quality__cutting img:hover {transform: scale(1.1);}

/* Product Detail Pages */
table {
	border-left: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
}
th {
	font-weight: bold;
	text-transform: capitalize;
	min-width: 140px;
	background-color:#f9f1f1;
}
th,td {
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding: 12px 16px;
	text-align: left;
}
.product__image {
	overflow: hidden;
	/*background-color: #eee;*/
}
.product__image img {
	transition: transform 0.5s; 
}
.product__image img:hover {
	transform: scale(1.02);
}
.section--productdetail h2 {
	margin-bottom: 32px;
}
 


/* Responsive Start */
@media screen and (max-width: 1169px) {
.section--banner {overflow: hidden;}
.section--banner h1 {z-index: 10;position: relative;}
.chocolate:after {top: -270px; right: -240px;} 
.section--delicious .row .col-2 {max-width: 33.33333333%; flex: 0 0 33.33333333%;margin-bottom: 32px;}
.site-footer:after, .site-footer:before {z-index: 1;}
.footer__top,.footer__bottom {position: relative;z-index: 10;}
.section--popular .col-7 p,.section--popular .col-7 li,.section--popular img, .section--delivery img{position: relative;z-index: 10;}
.site-footer:after, .site-footer:before {opacity: .4;}

.section--delight .row{align-items: flex-end;}
.section--delight .delight__row {position: initial;}

}


@media screen and (max-width: 1023px) {
	
	.menu-toggle {display: block;}
		.navbar {
		    display: none;
		    position: absolute;
		    top: 92px;
		    right: 0;
		    background-color: var(--gray-bg-color);
		    width: 100%;
		    max-width: 500px;
		    z-index: 999;
			}

	.navbar ul{
		display: block;
		background-color: #dd2a1b;
	}
	.navbar > ul > li {
		margin-left: 0;
	}
	.navbar > ul > li > a{
		color: #fff;
		padding: 8px 16px;
	}
	.navbar > ul > li + li > a{
		border-top: 1px solid #fff;
	}
	.navbar > ul > li > a:after {
		bottom: 0;
	}
	.button__images img {
		width: 100%;
		max-width: 110px;
	}

	.section--deliciousness ul .icon {z-index: 10;}

	.prodduct__gallery .gallery__filters .col-3 {max-width: 33.33333333%;flex: 0 0 33.33333333%;}

	.contact__info .row {justify-content: center;}
	.contact__info .info:before {height: 160px;}
	.contact__info .col-4:nth-child(3n + 2) .info:before{border-right: 0;}

}

@media screen and (max-width: 767px) {
	h1, .h1 {font-size: 36px;}
	h2, .h2 {font-size: 32px;}
	h3, .h3 {font-size: 26px;}
	h4, .h4 {font-size: 20px;}
	.row .col-md-12 {max-width: 100%;flex: 0 0 100%;}
	.row .col-md-6 {max-width: 50%;flex: 0 0 50%;}
	.row .col-md-4 {max-width: 33.33333333%;flex: 0 0 33.33333333%;}
	.row .col-md-8 {max-width: 66.66666667%; flex: 0 0 66.66666667%;}
	.mb-md-32 {margin-bottom: 32px !important;}
	.mb-md-20 {margin-bottom: 20px !important;}
	.section {padding-top: 64px;padding-bottom: 64px;}
	.section--banner {padding-top: 0;}
	.section--banner h1 {font-size: 36px;}
	.chocolate:after {top: -320px;right: -340px;}
	.chocolate:before {left: -400px;}
	.button__images {bottom: 170px;}
	.section--about {padding-top: 0;}
	.section--about .col-6 img {margin: 0 auto;}
	.section--delivery h3 {z-index: 10;position: relative;}
	.section--delight img {margin: 0 auto;}
	.section--deliciousness {overflow: hidden;}
	.section--deliciousness .row {position: relative;z-index: 10;}


	.gallery__filters .content img {max-width: 150px;}



}

@media screen and (max-width: 639px) {
	.row .col-sm-12 {max-width: 100%;flex: 0 0 100%;}
	.row .col-sm-6 {max-width: 50%;flex: 0 0 50%;}
	.mb-sm-32 {margin-bottom: 32px !important;}
	.section--banner h1 {font-size: 24px;}
	.banner__slider .item img {
		max-width: initial;
		min-height: 260px;
		object-fit: cover;
	}
	.button__images img {max-width: 80px;}
	.section--delicious .row .col-2 {max-width: 50%;flex: 0 0 50%;}
	.footer__bottom {display: block;text-align: center;}
	.social__link {justify-content: center;}

	.prodduct__gallery .gallery__filters .col-3 {max-width: 50%;flex: 0 0 50%;}
	.contact__info .info:before {border-right: none;}
	.section--map iframe {height: 100%;min-height: 300px;}
}

@media screen and (max-width: 479px) {
	h1, .h1 {font-size: 32px;}
	h2, .h2 {font-size: 28px;}
	h3, .h3 {font-size: 22px;}
	h4, .h4 {font-size: 18px;}
	.row .col-xs-12,.section--delicious .row .col-2 {max-width: 100%;flex: 0 0 100%;}
	.row .col-xs-6 {max-width: 50%;flex: 0 0 50%;}
	.mb-xs-32 {margin-bottom: 32px !important;}
	.section--delicious {overflow: hidden;}
	.banner__slider .item img {
		min-height: 220px;
	}
	.button__images img {max-width: 60px;margin-right: 12px;}
	.quality__logo img {width: 100%; max-width: 110px;}
	.section--delivery .col-3 img {width: 100%;max-width: 150px;}
	.site-footer:before {top: 30%;}
	.footer__info .info ul li + li {margin-left: 16px;}
	.section--deliciousness ul.text-right .icon {padding-left: 16px;}
	.section--deliciousness ul.text-left .icon {padding-right: 16px;}
	.section--deliciousness ul li img {max-width: 50px;height: 50px;}
	.prodduct__gallery .gallery__filters .col-3 {max-width: 100%;flex: 0 0 100%;}
}

@media screen and (max-width: 359px) {
	.section--banner h1 {font-size: 20px;}
}