/*
Theme Name: Fooddys Delivery
Theme URL: https://fooddys.ru
Author: Gennady Kohanovski
Author URL: https://kohanovski.com
Description: Fooddys Delivery
Template: dlvr
Icon Pack: Iconex

The file is being overwritten!
*/
/*
@import 'fonts/Cera/stylesheet.css';
*/

body {
	position:relative;
	font-family: 'Rubik', sans-serif;
	font-weight: var(--text_normal);
	font-size: 14px;
	color: var(--color);
	background: var(--background);
	line-height: 20px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-weight: var(--text_bold);color: var(--heading);}
a, a:hover, a:active, a:focus {text-decoration: none;}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill,
input:-internal-autofill-selected {
	background-color: #fff!important;
	background-image: none!important;
	color: #000!important;
	-webkit-box-shadow: inset 0 0 0 50px #fff!important;
}

.form-control {font-size: 14px;color: var(--color);background: var(--primary);border: 1px solid var(--secondary);border-radius: var(--global_border_radius_input);outline: none;padding: 10px;}
.form-control::placeholder {color: var(--description);}

select {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: var(--primary) url(../icons/new/select.svg) no-repeat right 10px center!important;background-size: 8px!important;border: 1px solid var(--secondary);cursor:pointer;}
select option {color: var(--color);}
select:focus {color: var(--description)!important;}

label {font-size: 14px;font-weight: var(--text_normal);color: var(--description);margin-bottom: 5px;}
svg:focus {outline: none!important;}

.thumbnail,
.img-thumbnail {position: relative;border: none;border-radius: var(--global_border_radius_element);}

.flex {display: flex;}
.flex-1-1 {flex: 1 1;}
.align-center {align-items: center;}
.width-50 {width: 50%;}

.sidebar {position: fixed;width: 100%;overflow-y: auto;bottom: -200%;height: 100%;padding-top: 105px;transition: all 0.3s ease 0s;visibility: hidden;z-index: 991;}
body[data-sidebar=true] .sidebar {bottom: 0px!important;visibility: visible;}
.sidebar .content {position: relative;height: 100%;background: var(--modal);border-radius: 20px 20px 0 0;padding: 35px 30px;}

.sidebar .switch_wrapp {display: flex;}
.sidebar .switch_wrapp .switch_theme {margin: 0;float: left;flex-direction: column;}
.sidebar .switch_wrapp .switch_theme .text {margin: 0;margin-top: 10px;}

.sidebar .telephone {margin-bottom: 20px;color: var(--description);font-size: 12px;}
.sidebar .telephone a {display: block;font-weight: var(--text_bold);color: var(--heading);font-size: 22px;line-height: 24px;}

.sidebar .city {display: table!important;padding: 0;padding-right:22px!important;background:none;font-size: 16px;line-height: 18px;}
.sidebar .city:after {content: '';position: absolute;width: 10px;height: 10px;background: var(--m_background);top: 5px;right: 0;border-radius: 50%;}

.mm-listview a {display: block;font-size: 18px;font-weight: var(--heading);color: var(--color);line-height: 24px;white-space: normal;}
.mm-listview a + a {margin-top: 15px;}

body[data-bs-overflow="hidden"]:before {content: '';position: absolute;background: rgba(0, 0, 0, 0.4);width: 100%;height: 100%;top: -15px;left: 0;z-index: 4000;}

.search {position: relative;margin-top: 7px;}
.search input {padding-left: 15px;border: none!important;border-radius: var(--global_border_radius_element);}
.search button {display: none;align-items: center;width: 40px;height: 40px;margin-left: 5px;line-height: 14px;background: var(--main);border-radius: var(--global_border_radius_button);border: none;}
.search button svg {width: 28px;height: 18px;fill: #fff;}

.top__info {margin-top: 15px;background: var(--a_background);border-radius: var(--global_border_radius_element);padding: 10px 15px;}
.top__info a {color: var(--a_color);text-decoration:none!important;margin-right: 10px;}
.top__info a:last-child {margin-right: 0;}
.top__info-city {position: relative;color: var(--main);cursor: pointer;}
.top__info-city svg {padding: 2px;background: var(--m_background);stroke: #fff;margin-left: 10px;border-radius: 50%;}

header {position: relative;z-index: 899;}
header .logo img {max-height: 50px;height: 100%;image-rendering: -webkit-optimize-contrast;}

.center-content {padding: 25px 0;}
.center-info-title {font-size: 24px;line-height: 30px;font-weight: var(--text_medium);color: var(--heading);}
.center-info-title a {color: var(--heading);text-decoration:none;}
.center-info-subtitle {font-weight: var(--text_normal);color: var(--description);line-height: 20px;}

.center-content .account + .switch_wrapp .switch_theme {margin-right: 15px;}

.switch_theme {display: flex;align-items: center;width: max-content;margin: 4px 0;float: right;}
.switch_theme .text {line-height: 1;max-width: 60px;margin-left: 10px;text-align: center;}

.switch_theme .switch {display: flex;align-items: center;position: relative;width: 60px;height: 30px;background: var(--secondary);border-radius: 25px;cursor: pointer;}
.switch_theme .switch:after {content: '';position: absolute;top: 2px;left: 3px;width: 25px;height: 25px;background: #fff;border-radius: 25px;}

.switch_theme .switch_active {background: var(--main);}
.switch_theme .switch_active:after {left: auto;right: 3px;}

.account {position: relative;display: flex;align-items: center;padding: 6px 12px;color: var(--color);background: var(--primary);border: 1px solid var(--secondary);border-radius: var(--global_border_radius_element);cursor: pointer;float: right;}
.account svg {margin-right: 10px;fill: var(--color);}

nav {position: sticky;top: 0;padding-top: 8px;padding-bottom: 8px;background: var(--sticky);-webkit-backdrop-filter: blur(30px);backdrop-filter: blur(30px);z-index: 899;}

@media (max-width: 767px) {
	.center-content {padding-top: 13px;padding-bottom: 5px;}
	
	nav {background: var(--sticky);padding-top: 10px;padding-bottom: 10px;}
	
	.search {margin-top: 5px;}
}

.nav-fixed {box-shadow: rgba(6, 5, 50, 0.1) 0px 4px 30px;}

.category-menu a {font-size: 14px;width: auto!important;height: 30px;color: var(--description);background: var(--primary);line-height: 30px;padding: 0 18px;border-radius: 12px;white-space: nowrap;}
.category-menu a.cm-active {background: var(--a_background);color: var(--main);}
.category-menu a:first-child {margin-left: 12px;}
.category-menu a:last-child {margin-right: 12px;}

.category-menu > .swiper-wrapper {scroll-snap-type: block!important;}

.menu {list-style-type: none;margin:0;padding: 0;width: calc(100% - 300px);height: 40px;overflow: hidden;}
.menu li {float: left;}
.menu li a {display: block;font-weight: var(--text_medium);font-size: 16px;padding: 10px 11px;color: var(--heading);transition: all 0.1s linear 0s;}
.menu li a:hover,
.menu li a:active,
.menu li a:focus,
.menu li .cm-active {color: var(--main);}

.menu li:first-child a {padding-left: 0;}
.menu li:last-child a {padding-right: 0;}

.menu li .gamburger {width: 40px;height: 40px;}
.menu li .gamburger,
.menu li .gamburger:hover,
.menu li .gamburger:active,
.menu li .gamburger:focus {background: url(../icons/new/menu/open.svg) center no-repeat;background-size: 20px;}

.menu .active .gamburger,
.menu .active .gamburger:hover,
.menu .active .gamburger:active,
.menu .active .gamburger:focus {background: url(../icons/new/menu/close.svg) center no-repeat;background-size: 20px;}

.menu-popup {top: 55px;left: 0;width: 100%;padding: 0;list-style-type: none;background: #ffffff;border-bottom: 1px solid #e5e5e5;box-shadow: 0 5px 30px 0 rgba(81, 92, 98, 0.2);-webkit-box-shadow: 0 5px 30px 0 rgba(81, 92, 98, 0.2);z-index: 200;}
.menu-popup li {padding: 0;height: auto;}
.menu-popup li a {font-size: 14px;line-height: 14px;display: block;color: #292f32;padding: 15px;text-decoration: none;}
.menu-popup li a:active,
.menu-popup li a:focus,
.menu-popup li a:hover {color: var(--main);text-decoration: none;}

.nav-fixed .menu li a {font-size: 14px;}

.cart {position: relative;display: flex;align-items: center;font-size: 14px;font-weight: var(--text_normal);padding: 0 10px;color: var(--m_color);background: var(--m_background);border-radius: 12px;cursor: pointer;}
.cart .count {display: none;}

nav .cart .icon {display: block;width: 25px;height: 25px;stroke: #fff;stroke-width: 2;}

@media (min-width: 768px) {
	.cart[data-count='0'] > * {display: none;}
	.cart .result {
		margin-left: 10px;
		/*border-left: 1px solid #f77b2b;*/
		padding-left: 10px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	header .logo img {max-height: 60px;}
	.center-info-title {font-size: 18px;line-height: 20px;}
}

.menu-wrapper {display: none;}

@media (max-width: 767px) {
	
	header .logo img {max-height: 40px;}
	
	.mobile-telephone {display: flex;width: 35px;height: 35px;padding: 5px;background: var(--primary);border: 1px solid var(--secondary);border-radius: var(--global_border_radius_element);float: right;}
    .mobile-telephone svg {fill: var(--svg);}
	
	.menu-wrapper {display: flex;position: fixed;left: 0;bottom: 0;width: 100%;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;background: var(--sticky);-webkit-backdrop-filter: blur(30px);backdrop-filter: blur(30px);z-index: 999;}
	
	.menu-wrapper .link {width: 50%;padding: 7px 15px;color: var(--heading);font-size: 12px;line-height: 20px;}
	.menu-wrapper .link:hover, .menu-wrapper .link:active, .menu-wrapper .link:focus {color: var(--heading);}
	
	.menu-wrapper .link .icon {display: block;height: 20px;width: 100%;stroke: var(--svg);}
	.menu-wrapper .link .entry {display: block;font-size: 12px;color: var(--heading);}
	
	.menu-wrapper .cart-link .icon {stroke-width: 1.5;}
	
	.cart {-ms-flex-direction: column;flex-direction: column;height: 54px;margin: 0;color: var(--heading);background: initial;}
	
	.cart[data-count='0'] > .sum, .cart[data-count='0'] > .count {display: none;}
	
}

.city_item svg {width: 18px;margin-right: 5px;vertical-align: bottom;}

.shipping_content_item + .shipping_content_item, .city_item + .city_select {margin-left: 5px;}

.alert {padding: 8px 14px;}
.clearfix, .clear {clear: both;}

.product_item {position: relative;display: flex;-ms-flex-direction: row;flex-direction: row;-ms-flex-pack: start;justify-content: flex-start;-ms-flex-align: start;align-items: flex-start;margin-bottom: 15px;border-radius: var(--global_border_radius_element);}
.product_item .image {position: relative;display: flex;align-items: center;width: 180px;height: 180px;min-width: 180px;min-height: 180px;background: #fff;border-radius: var(--global_border_radius_element);overflow: hidden;}
.product_item .product_body {padding-bottom: 15px;padding-left: 15px;width: 100%;}

.product_item .feature {font-size: 12px;color: var(--description);white-space: nowrap;margin-bottom: 15px;}
.product_item .feature span {margin-right: 20px;}

.product_item .price_body {margin-top: 15px;min-height: 34px;align-items: center;}
.product_item .price_body .price {font-size: 16px;flex: 1 1;}

@media (max-width: 767px) {
	.product_item .price_body .price {font-size: 14px;flex: 1 1;}
}

.product_item .button {padding: 8px 15px;color: var(--a_color);background: var(--a_background);line-height: 14px;border-radius: var(--global_border_radius_element);}
.product_item .button:hover,
.product_item .button:active,
.product_item .button:focus,
.item_hover:hover .button {color: var(--m_color);background: var(--m_background);}

.product_item .disable, .popup-quickview .disable {color: var(--description);background: var(--primary);cursor: default;}
.product_item .disable:hover, .product_item .disable:active, .product_item .disable:focus, .item_hover:hover .disable {color: var(--description);background: var(--primary);}

@media (min-width: 768px) {
	
	.product_item .product_body {padding: 15px;}
	
	.product_item .price_body {
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-align: center;
		align-items: center;
	}
	
	.item_column {
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		margin-bottom: 30px;
	}
	.item_hover:hover {background: var(--primary);}
	.item_column .image {width: 100%;height: 100%;min-width: 100%;min-height: 100%;}
	
	.item_active:before {
		content: '';position: absolute;display: block;width: 100%;height: 100%;z-index: 500;border-radius: var(--global_border_radius_element);
		background: rgba(0, 0, 0, 0.5) url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2260%22%20height%3D%2260%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMidYMid%22%20class%3D%22lds-rolling%22%20style%3D%22background%3A0%200%22%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2230%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20r%3D%2214%22%20stroke-dasharray%3D%2274%2030%22%20transform%3D%22rotate%28149.879%2050%2050%29%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20calcMode%3D%22linear%22%20values%3D%220%2030%2030%3B360%2030%2030%22%20keyTimes%3D%220%3B1%22%20dur%3D%221.4s%22%20begin%3D%220s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%3C%2Fsvg%3E) center no-repeat;
		background-size: 60px;
	}
}

.product-title {display: block;font-size: 18px;font-weight: var(--text_medium);color: var(--heading);margin-bottom: 15px;line-height: 22px;text-decoration: none;cursor: default;}
.product-title:hover,
.product-title:active,
.product-title:focus {color: var(--heading);text-decoration: none;}

.caption p, .modal-body p {font-size: 14px;line-height: 16px;color: var(--description);font-stretch: condensed;}
.special_price {font-size: 12px!important;line-height: 14px;color: red;text-decoration: line-through;}

.quickview {display: block;cursor: pointer;color: var(--main);}

.featured_title {margin: 25px 0;font-weight: var(--text_normal);}

.button {position: relative;display: block;padding: 10px 15px;font-size: 14px;font-weight: var(--text_normal);color: var(--m_color);background: var(--m_background);border-radius: var(--global_border_radius_button);border: none;text-align: center;outline: none;cursor: pointer;}
.button:hover,
.button:active,
.button:focus {color: var(--m_color);}

.product_box {position: relative;width: 100%;height: 100%;padding: 4px;font-size: 12px;line-height: 16px;color: var(--heading);background: var(--background);border: 1px solid var(--background);border-radius: var(--global_border_radius_element);text-align: center;cursor: pointer;}
.product_box .image {background: #fff;border-radius: var(--global_border_radius_element);}
.product_box .image img {display: block;margin: auto;margin-bottom: 10px;border-radius: var(--global_border_radius_element);}
.product_box .price {font-size: 14px;font-weight: var(--text_medium);padding: 7px 10px;margin-top: 15px;color: var(--description);background: var(--primary);border-radius: 10px;}

.form-horizontal .form-group {margin-right: 0px;margin-left: 0px;}

.breadcrumb {margin: 15px 0 0;font-size: 14px;color: var(--description);padding: 0;}
.breadcrumb > li + li:before {content: '/';}
.breadcrumb > li {display: inline-block;}
.breadcrumb li a span, .breadcrumb li span {font-size: 14px;color: var(--description);padding: 0 5px 0 6px;}
.breadcrumb li a {text-decoration: none!important;}
.breadcrumb li:first-child a span {padding-left: 0;}

@media (max-width: 767px) {
	.breadcrumb {display: none;}
}

.discount {position: absolute;bottom: 10px;left: 15px;color: #fff;background: #fc5230;border-radius: var(--global_border_radius_element);padding: 1px 6px;font-size: 13px;cursor: pointer;}

footer {position: relative;background: var(--footer_bg);color: var(--footer-co);font-size: 14px;padding: 30px 0;margin-top: 15px;}
footer a {color: #fff;}

.footer_logo {flex: 1 1;height: 45px;}
.footer_logo img {height: 45px;}

.footer_telephone {display: block;font-size: 19px;line-height: 22px;margin-bottom: 2px;}
.footer_telephone:hover,
.footer_telephone:active,
.footer_telephone:focus {color: var(--main);}

.author {width: 150px;height: 25px;background: url(../icons/copyrightFooddys.svg?ver=1b) center no-repeat;background-size: contain;}
.author:active, .author:focus, .author:hover {filter: grayscale(1);}

.a2a {height: 40px;width: 40px;display: inline-block;position: relative;border-radius: var(--global_border_radius_element);vertical-align: bottom;background: url(../icons/social.svg?last=whatsapp) 0 0 no-repeat;}
.a2a_vk {background-position: 0 0}
.a2a_ok {background-position: -41px -41px;}
.a2a_fb {background-position: -82px 0;}
.a2a_tw {background-position: -123px 0;}
.a2a_yt {background-position: 0 -41px;}
.a2a_in {background-position: -41px 0;}
.a2a_tg {background-position: -82px -41px;}
.a2a_tt {background-position: -123px -41px;}
.a2a_wa {background-position: 0px -82px;}

.footer_social a {display: inline-block;}
.footer_social a svg {border-radius: var(--global_border_radius_element);vertical-align: bottom;}

.section_navigation ul {flex: 1 1;list-style: none;padding: 0;margin: 0;}
.section_navigation ul li {margin-right: 20px;font-size: 16px;}
.section_navigation ul li a:hover,
.section_navigation ul li a:active,
.section_navigation ul li a:focus {color: var(--main);}

.section_legal ul {list-style: none;padding: 0;margin: 0;flex: 1;}
.section_legal ul li {margin-right: 20px;}
.section_legal ul li a {color: #9c9b9b}
.section_legal ul li a:hover,
.section_legal ul li a:active,
.section_legal ul li a:focus {color: inherit;text-decoration: underline;}

.section_margin {margin-bottom: 30px;}

.set_language {display: none;padding: 4px 8px;color: #fff;background: rgba(255, 255, 255, 0.03);border-radius: var(--global_border_radius_input);cursor: pointer;}
.set_language svg {fill: #fff;width: 20px;height: 20px;margin-right: 10px;}

@media (min-width: 768px) {
	.footer_contact + .footer_social {margin-left: 30px;}
	
	.a2a + .a2a {margin-left: 4px;}
}

@media (max-width: 767px) {
	.section_navigation ul li {margin-bottom: 5px;}
	.footer_logo {margin-bottom: 15px;}
	.set_language {margin-top: 10px;}
	.author {margin-top: 30px;}
	
	.footer_social {position: absolute;right: 15px;}
	.footer_social a {display: block;}
	
	.a2a {display: block;}
	.a2a + .a2a {margin-top: 4px;}
	
	.section_start_column {
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	
	footer {padding-bottom: 80px;}
	
	.toast-cart {bottom: 55px;width: 100%!important;}
}

.additionalModal.in {background: rgba(0,0,0, 0.3);}

.hidden {display: none!important;}

.visible-lg,
.visible-md,
.visible-sm,
.visible-xs {display: none!important;}

@media (max-width: 767px) {
	.visible-xs {display: block!important;}
	.hidden-xs {display: none!important;}
}

.toast-wrapper {top: 12px;right: 12px;z-index: 9999;min-width: 250px;max-width: 250px;}
.toast-wrapper .toast {color: #fff;background-color: rgba(55, 54, 54, 0.95);border-radius: var(--global_border_radius_element);width: 100%;}
.toast-wrapper .toast + .toast {margin-top: 5px;}

@media (max-width: 767px) {
	.toast-wrapper {top: auto;left: 12px;bottom: 60px;max-width: 100%;}
}

@-webkit-keyframes shake-bottom {
	0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}
	10%,90%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
	20%,40%,60%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}
	30%,50%,70%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}
	80%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}
}
@keyframes shake-bottom {
	0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}
	10%,90%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
	20%,40%,60%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}
	30%,50%,70%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}
	80%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}
}

@keyframes loading {
	0% {background-position: 100% 50%;}
	100% {background-position: 0 50%;}
}

.add-cart:before {
	-webkit-animation: shake-bottom .8s cubic-bezier(.455,.03,.515,.955) both;
    animation: shake-bottom .8s cubic-bezier(.455,.03,.515,.955) both;
}

.line {display: flex;flex-wrap: wrap;column-gap: 22px;height: 30px;overflow: hidden;margin-top: 5px;}
.line:before {content: '';position: absolute;top: -4px;left: -11px;width: 25px;height: 19px;border-bottom: solid #222 2px;border-radius: 30%;}

.line div {position: relative;width: 18px;height: 18px;top: 6px;background: #fff;border-radius: 50%;-webkit-border-radius:63px 63px 63px 63px / 108px 108px 72px 72px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;margin-bottom: 15px;}

.line div:before {content: '';position: absolute;top: -6px;left: 4px;width: 10px;height: 9px;background: #222;border-radius: 3px;}
.line div:after {content: '';position: absolute;top: -14px;left: 5px;width: 49px;height: 19px;border-bottom: solid #222 2px;border-radius: 30%;}

.line .red {background-color: #fb4545;animation: lightningRed 1s infinite;}

.line .green {background-color: #24D024;animation: lightningGreen 1s infinite;}
.line .yellow {background-color: #fff952;animation: lightningYellow 1s infinite;}
.line .blue {background-color: #0A53DE;animation: lightningBlue 1s infinite;}

@keyframes lightningRed {
	0% {background-color: #fb4545;}
	50% {background-color: #fff952;}
	100% {background-color: #fb4545;}
}

@keyframes lightningGreen {
	0% {background-color: #24D024;}
	50% {background-color: #0A53DE;}
	100% {background-color: #24D024;}
}

@keyframes lightningYellow {
	0% {background-color: #fff952;}
	50% {background-color: #fb4545;}
	100% {background-color: #fff952;}
}

@keyframes lightningBlue {
	0% {background-color: #0A53DE;}
	50% {background-color: #24D024;}
	100% {background-color: #0A53DE;}
}