.container-fluid {max-width: 1140px;}
.color-primary {color:var(--color-primary)}
.accordion-body {color:#6E6E6E; padding-top:0; padding-bottom:0.1rem;}
.accordion-item {background:#F5F5F7; border-radius:6px; border:none;margin-bottom: 3px;}
.accordion-button::after, .accordion-button:not(.collapsed)::after {color: #E0801F; content:'\f107'; background:#fff; font-family:var(--font-awesome); font-size: 16px;
	height:21px; width:21px; text-align:center; border-radius:6px;box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.07); margin-right:-5px; margin-top:-5px;
}
.accordion-button {background:none!important; box-shadow:none!important;font-size: 16px;color:var(--color-text)!important; padding-top:15px; padding-bottom: 10px;}
.accordion-body ul {padding:0;}
.accordion-body li { list-style: none; margin:0; padding-left: 24px; background: url(../images/icons/li.svg) left 2px no-repeat;
}
.lh-0 {line-height:0;}
.form-control:focus {box-shadow: none;}
.col-logo {text-align: center;}
.logo {display: inline-block;}
.dropdown-toggle {display:inline-flex; align-items:center;}
.dropdown-toggle::after {border:none; content: "\f107"; font-family: var(--font-awesome); vertical-align:bottom; margin-left: 8px;}
.columns2 {columns: 2;}
.footer-line {background: url(../images/bg/footer-line.png) center repeat-y;}
.g-new {--bs-gutter-y: 2.5rem; --bs-gutter-x: 2.5rem;}

form div label {background: #fff; position: absolute; margin-left:15px; margin-top: -9px; padding: 0 6px; color: #444; font-weight: 700;}
form .checkbox label {margin-left:10px!important; margin-right: 10px; font-weight:normal;}
form .checkbox label a{color:var(--color-primary)!important;}
.checkbox label {padding-left: 10px!important;}
form div:not([class*=checkbox]) .form-control {padding-left:20px;}

span.a{cursor: pointer; color:var(--color-primary);}

.b-grid {display:grid; 
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	gap:1.5rem;
	grid-template-areas: 
	"a c b"
	"d c e"
}
.b-grid img {width:100%; height:100%; object-fit: cover;}
.b-grid div:nth-child(1) {grid-area: a;}
.b-grid div:nth-child(2) {grid-area: b;}
.b-grid div:nth-child(3) {grid-area: c;}
.b-grid div:nth-child(4) {grid-area: d;}
.b-grid div:nth-child(5) {grid-area: e;}

.index-catalog-menu {height:360px; display:flex; padding:0; flex-direction: column; border-right:solid 1px #E9E9E9; border-left:solid 1px #E9E9E9; 
	justify-content: space-between; font-size: 16px; font-weight:600; margin:0; list-style:none;
}
.index-catalog-menu li {display:flex; margin:0; border-bottom: solid 1px #E9E9E9; flex: 1 1 auto!important; position:relative;align-items:center;}
.index-catalog-menu li a {display:flex; margin:0; flex: 1 1 auto!important; color:#474747; align-items:center; padding-right: 45px; position:relative; height:100%;}
.index-catalog-menu li a span {width: 40px; text-align:center;min-width:40px;}
.index-catalog-menu li:hover a {color:#fff; background:var(--color-info); border-color:var(--color-info);}
.index-catalog-menu li:hover span img {filter: invert(100%)}
.index-catalog-menu li:hover:after {color:#fff;}
.index-catalog-menu li:after {display:block; color:#5E1D4E; content:'\f054'; font-family:var(--font-awesome); position:absolute; right: 17px; font-size: 11px;}

.account-menu {padding:0; font-size: 16px; font-weight:400; margin:0; list-style:none; border-radius:0 0 6px 6px; overflow:hidden;}
.account-menu li {margin:0; color:#474747; align-items:center; position:relative;}
.account-menu li span {background:#F8F8F8; display:block; width: 35px; text-align:center; height:35px; line-height:37px; border-radius:50%; margin-right: 10px;}
.account-menu li span i {color:#414141;}
.account-menu li a { display: flex; text-decoration: none; padding: 15px 12px; align-items:center;}
.account-menu li a:hover, .account-menu li.active a {color:#fff; background:var(--color-info); border-color:var(--color-info);}
.account-menu li a:hover span i {color:#414141;}
.account-fio {border-bottom:solid 1px #eee;padding-top: 15px; padding-bottom: 15px; background:#f5f5f5;}
.account-fio b {font-size: 16px;}

.card-border {border:solid 1px #EDEDED!important; border-radius:5px!important; height: auto!important;}
.card {border:none; border-radius:0; height: 100%; transition: all 0.3s;}
.card-catalog-menu {border:solid 1px #EDEDED; height: auto; border-radius:5px;}
.card-title {color:#000; font-size: 20px; font-weight: bold; line-height:1.2;}
.card-date {color:#A5A5A5; font-weight: bold; }
.card-days {position:absolute; margin: 15px 0 0 15px; background:#E0801F;padding: 10px; color:#fff; font-size: 12px; font-weight:bold; text-align:center; line-height:1.1;}
.card-days .digits {font-size: 32px;}
.block-new .card:hover {box-shadow: 0px 4px 31px 0px rgba(0, 0, 0, 0.75);}
.title-2 {font-size: 18px; font-weight:bold;}

.block-main-categories .card {background:url(../images/bg/card-category.svg) left bottom no-repeat #EDEDED; border-radius: 5px; font-size: 16px; 
	text-transform: uppercase; min-height:195px;}
.block-main-categories .card:hover {background-color:#fff; box-shadow: 0px 12px 13px 0px rgba(0, 0, 0, 0.13); border: solid 1px var(--color-primary);}
.block-main-categories .card-body {display:flex;}
.block-main-categories img {position:absolute; z-index:0; right:10px; top:10px; height:calc(100% - 20px);}
.block-main-categories .card-title {display:flex; z-index:1; position:relative; align-items:end; font-size: 16px; font-weight: normal; text-transform: uppercase; margin-bottom:0; max-width:40%;
	line-height:1.6;
}

.title {font-size: 36px; margin-bottom: 1rem; font-weight: 700; text-transform:uppercase;}
.mb-block {margin-bottom: 4rem;}
.p-block {padding-top: 4rem;padding-bottom: 4rem;}

div.menu {background:var(--color-info); }
div.menu [class^=btn] {height: 47px;font-size: 13px; line-height:0; padding: 0 10px; font-weight: 800; text-transform:uppercase; color:#fff; display:inline-flex; align-items:center;}
div.menu .btn-catalog {background:var(--color-lightdark);display:flex;}
div.menu .btn-catalog img {margin-right: 15px;}

.toppest {background:#EDEDED; height: 40px; display:flex; align-items:center; font-size:12px; color:#212529;}
.toppest [class*=fa-]{font-size:18px; color:var(--color-primary);}
.dropdown-city .dropdown-toggle::after {color: var(--color-primary);}
.dropdown-menu {border:none; box-shadow: 0px -11px 21px 0px rgba(0, 0, 0, 0.1); border-radius:10px; margin-top:10px!important;}
.dropdown-menu:before {content: '';position: absolute; top: -6px; left: 20px;
  width: 17px; height: 12px; background-color: #fff; border-radius: 17px 17px 0 0;}
.dropdown-menu-end:before {left: auto; right: 20px;}

.input-group .btn {border-radius: 0 var(--bs-border-radius) var(--bs-border-radius) 0;}
.btn-default {color: var(--color-primary); background-color: transparent; border-color: var(--color-primary);}
.btn-default:hover {color: var(--color-primary); border-color: var(--color-primary);}
.btn-primary {background:var(--color-primary); border: none;}
.btn-primary:hover {background:var(--color-primary-hover); border: none; color:#fff;}
.btn.btn-primary:active {background:#fff; border: solid 1px; color:var(--color-primary);}
.btn-info {background-color: #EDEDED; border:none;}
.btn-info:hover {background-color: #ccc; border:none;}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {background-color: #ccc; border:none;}

.block-new {background:var(--color-info); }
.block-new .btn-default {color: #ffffff; background-color: transparent; border-color: #fff;}

.modal { text-align: center;}
.modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }
.modal-content {border-radius:8px;}
.modal-header {border:none;}

.carousel2 {height: 440px; background: #fff;}
.carousel2 .carousel-inner, .carousel2 .carousel-inner .carousel-item {height: 440px;}
.carousel2 .carousel-control-prev {right: auto; left: 10%;}
.carousel2 .carousel-control-next {right: 10%;}
.carousel2 [class^=carousel-control] {border: none; background: transparent; font-size: 3rem; color: #999; top: 50%; }
.carousel-item-inner {width: 100%; height: 100%; text-align: center;}
.carousel-item-inner p {font-size: 1.7rem; max-width: 50%; margin: 0 auto; text-align: center;}
.carousel-item-inner img {width: 80px; margin: 0 auto; margin-bottom: 20px;}

caption {color: #000;}
caption big {font-size: 30px;}
caption.caption-bottom {caption-side: bottom; }
.in-progress {color: #ccc;}

.bg-white {display: flex;}

tr.th th {background: #ddd;}

.change-promo {color: #999; margin-left: 10px; border-bottom: dashed 1px; cursor: pointer;}

#subscribe-ok {display: none;}

/*.required {border: solid 1px #ff6666 !important; box-shadow: 0 0 3px #fbb !important;}*/

.toclipboard {color: #fad018; cursor: pointer; transition: all 0.5s;}
.blinking{ animation:blinking 0.3s; }
@keyframes blinking{
    0%{opacity: 1;}
    50%{opacity: 0;}
    100%{opacity: 1;}
}

@media screen and (max-width: 992px) {
	.title {font-size: 24px;}
	.subscribe p:not([class*=title]) {font-size: 14px;}
	.subscribe a i {font-size: 18px;}
	.index-catalog-menu li {line-height:1.2; font-size: 12px;}
	.index-catalog-menu li span {width: 30px; text-align:center;min-width:30px;}
}
@media screen and (max-width: 768px) {
	#send_order_button {width: 100%;}
	.top-phone span{display:none;}
	.footer-line {background:none; border-bottom: solid 1px rgba(0, 0, 0, 0.15); height: 1px; margin-top: 2rem; margin-bottom: 1.5rem;}
	.b-grid {gap:0.5rem;grid-template-columns:1fr 1fr;grid-template-areas:
        "a b"
        "c c"
        "d e";
	}
}    
@media screen and (max-width: 576px) {
	.btn {padding-left: 15px; padding-right:15px;}
	.block-main-categories .card-body {flex-direction:column;justify-content:space-between;}
	.block-main-categories img {position:relative;height: auto; width: 100%; left:auto; right: auto;}
	.block-main-categories .card-title {font-size: 12px; max-width:100%;}
	.card-title {font-size: 16px;}
	div.menu .btn-menu {font-size:11px;}
	div.menu .btn-catalog img{width:15px; }
	header .top-phone {margin: 0 10px; font-size: 20px;}
	header .top-icon i {font-size: 20px;}
	header .top-icon > * {height: auto; min-width: auto; margin:0 10px; padding:0; border:none;}
}