/*
Theme Name: Bono Child2
Theme URI: https://wpshop.ru/themes/bono
Author: WPShop.ru
Author URI: http://wpshop.ru/
Template: bono
Version: 2.0.0
*/



/* github.com/paulradzkov/bettertext.css */
body {
    font-family: sans-serif;
    font-size: 1em;
    line-height: 1.5;
}
/* body:not([class]),
article:not([class]),
section:not([class]) {
    margin: calc(0px + 4vh) calc(10px + 4vw);
} */
body:not([class]) article:not([class]),
article:not([class]) article:not([class]),
section:not([class]) article:not([class]),
body:not([class]) section:not([class]),
article:not([class]) section:not([class]),
section:not([class]) section:not([class]) {
    margin-left: 0;
    margin-right: 0;
}
p {
    margin: 0 0 1.5em;
    max-width: 50rem;
}
/* minimum paragraph width when floating http://css-tricks.com/minimum-paragraph-widths/ */
p:before,
ol:not([class]):before,
ul:not([class]):before {
    content: '';
    display: block;
    width: 10em;
    overflow: hidden;
}
li p:before {
    content: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: sans-serif;
    font-weight: bolder;
}
h1 {
    font-size: 1.625em;
    line-height: 1.1;
    margin: 1em 0 0.92307692em;
}
h2 {
    font-size: 1.4375em;
    line-height: 1.2;
    margin: 1em 0 1.04347826em;
}
h3 {
    font-size: 1.25em;
    line-height: 1.3;
    margin: 1em 0 1.2em;
}
h4 {
    font-size: 1.125em;
    line-height: 1.4;
    margin: 1em 0 1.33333333em;
}
h5 {
    font-size: 1em;
    line-height: 1.5;
    margin: 1em 0 1em;
}
h6 {
    font-size: 0.75em;
    line-height: 2;
    margin: 1em 0 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
@media (min-width: 768px) {
    h1 {
        font-size: 2.4375em;
        margin-top: 1em;
        margin-bottom: 0.61538462em;
    }
    h2 {
        font-size: 1.9375em;
        margin-top: 1em;
        margin-bottom: 0.77419355em;
    }
    h3 {
        font-size: 1.5625em;
        margin-top: 1em;
        margin-bottom: 0.96em;
    }
    h4 {
        font-size: 1.25em;
        margin-top: 1em;
        margin-bottom: 1.2em;
    }
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0;
}
/* double headers */
h1 + h2 {
    margin-top: 1.2em;
}
h2 + h3 {
    margin-top: 1.3em;
}
h3 + h4 {
    margin-top: 1.4em;
}
h4 + h5 {
    margin-top: 1.5em;
}
h5 + h6 {
    margin-top: 2em;
}
/* ШРИФТЫ ЛОКАЛЬНЫЕ */
@font-face {
    font-family: 'PT Sans Local';
    src: url(../../../../../../../themes/bono_child2/assets/fonts/PTSans-Regular.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PT Sans Local';
    src: url(../../../../../../../themes/bono_child2/assets/fonts/PTSans-Bold.woff2) format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Local';
    src: url(../../../../../../../themes/bono_child2/assets/fonts/Montserrat-Regular.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Local';
    src: url(../../../../../../../themes/bono_child2/assets/fonts/Montserrat-Medium.woff2) format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Local';
    src: url(../../../../../../../themes/bono_child2/assets/fonts/Montserrat-SemiBold.woff2) format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Local';
    src: url(../../../../../../../themes/bono_child2/assets/fonts/Montserrat-Bold.woff2) format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

html,
body,
p,
a,
li,
span,
div,
button,
input,
select,
textarea {
    font-family: 'PT Sans Local', Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.entry-title,
.page-title,
.product_title,
.related-posts__header,
.related-products__header,
.section-block__title,
.comment-reply-title,
.comments-title {
    font-family: 'Montserrat Local', 'PT Sans Local', Arial, sans-serif !important;
}

/* lists */
/* lists without classes */
ul:not([class]),
ol:not([class]) {
    margin: 0 0 1.5em;
    max-width: calc(47.5rem);
    padding-left: 0;
    padding-right: 2.5em;
}
ul:not([class]) ul,
ol:not([class]) ul,
ul:not([class]) ol,
ol:not([class]) ol {
    margin-bottom: 0;
}
ul:not([class]) li,
ol:not([class]) li {
    transform: translateX(2.5em);
    animation: fixlists 1s;
}
@keyframes fixlists {
    0% {
        text-indent: -0.001em;
    }
    100% {
        text-indent: 0;
    }
}
/* images */
img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}
p img:not(:only-child) {
    vertical-align: baseline;
}
figure:not([class]) {
    margin: 3em 0;
}
figure:not([class]) > p {
    max-width: 37.5rem;
    font-size: 0.75em;
    margin: 0.5em 0 0;
}
figcaption {
    max-width: 37.5rem;
    font-size: 0.75em;
    margin: 0.5em 0 3em;
}
figcaption > p {
    margin: 0.5em 0 0;
}
/* blockquotes */
blockquote {
    max-width: calc(45rem);
    margin: 0 0 1.5em;
    padding: 1.5em 2.5em;
}
blockquote > p:last-child {
    margin-bottom: 0;
}
blockquote > footer,
blockquote > cite {
    display: block;
    font-size: 0.75em;
}
/* code */
pre {
    margin: 1.5em 0;
    white-space: pre-wrap;
}
p code {
    line-break: loose;
    overflow-wrap: break-word;
}
/* tables */
table:not([class]) {
    margin-top: 3em;
    margin-bottom: 3em;
    border-collapse: separate;
    border-spacing: 0;
}
table:not([class]) caption {
    text-align: left;
    font-size: 0.75em;
    margin-bottom: 0.625em;
}
table:not([class]) td,
table:not([class]) th {
    padding: 0.5em 1em;
    text-align: left;
    vertical-align: top;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.1);
    border-width: 0 0 1px;
}
table:not([class]) thead td,
table:not([class]) thead th {
    vertical-align: bottom;
    border-bottom-width: 2px;
}
/* definition lists */
dl:not([class]) {
    max-width: 50rem;
    margin: 0 0 1.5em;
}
dl:not([class]) dt:not([class]) {
    font-weight: bolder;
}
dl:not([class]) dd:not([class]) {
    margin: 0 0 1.5em;
}
/* other tags */
hr:not([class]) {
    border: 0;
    border-bottom: 1px solid;
    margin: 1.5em 0;
    max-width: 50rem;
    opacity: .1;
}
abbr {
    letter-spacing: .05em;
    margin-right: -0.05em;
}
strong,
b,
dt {
    font-weight: bolder;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Свои стили */

/* ===== Макет из боно ===== */

.site-content,
.site-footer-inner,
.site-header-inner,
.super-header-inner {
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 576px) {
    .block-after-site,
    .main-navigation-inner,
    .related-posts,
    .section-block,
    .section-html,
    .site-content,
    .site-footer-inner,
    .site-header-inner,
    .super-header-inner {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 768px) {
    .block-after-site,
    .main-navigation-inner,
    .related-posts,
    .section-block,
    .section-html,
    .site-content,
    .site-footer-inner,
    .site-header-inner,
    .super-header-inner {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.container,
.fixed.block-after-site,
.fixed.main-navigation-inner,
.fixed.related-posts,
.fixed.section-block,
.fixed.section-html,
.fixed.site-content,
.fixed.site-footer-inner,
.fixed.site-header-inner,
.footer-navigation.fixed,
.main-navigation.fixed,
.site-footer.fixed,
.site-header.fixed,
.super-header-inner.fixed,
.super-header.fixed {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px) {
    .container,
    .fixed.block-after-site,
    .fixed.main-navigation-inner,
    .fixed.related-posts,
    .fixed.section-block,
    .fixed.section-html,
    .fixed.site-content,
    .fixed.site-footer-inner,
    .fixed.site-header-inner,
    .footer-navigation.fixed,
    .main-navigation.fixed,
    .site-footer.fixed,
    .site-header.fixed,
    .super-header-inner.fixed,
    .super-header.fixed {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container,
    .fixed.block-after-site,
    .fixed.main-navigation-inner,
    .fixed.related-posts,
    .fixed.section-block,
    .fixed.section-html,
    .fixed.site-content,
    .fixed.site-footer-inner,
    .fixed.site-header-inner,
    .footer-navigation.fixed,
    .main-navigation.fixed,
    .site-footer.fixed,
    .site-header.fixed,
    .super-header-inner.fixed,
    .super-header.fixed {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container,
    .fixed.block-after-site,
    .fixed.main-navigation-inner,
    .fixed.related-posts,
    .fixed.section-block,
    .fixed.section-html,
    .fixed.site-content,
    .fixed.site-footer-inner,
    .fixed.site-header-inner,
    .footer-navigation.fixed,
    .main-navigation.fixed,
    .site-footer.fixed,
    .site-header.fixed,
    .super-header-inner.fixed,
    .super-header.fixed {
        max-width: 1190px;
    }
}

@media (min-width: 1440px) {
    .container,
    .fixed.block-after-site,
    .fixed.main-navigation-inner,
    .fixed.related-posts,
    .fixed.section-block,
    .fixed.section-html,
    .fixed.site-content,
    .fixed.site-footer-inner,
    .fixed.site-header-inner,
    .footer-navigation.fixed,
    .main-navigation.fixed,
    .site-footer.fixed,
    .site-header.fixed,
    .super-header-inner.fixed,
    .super-header.fixed {
        max-width: 1390px;
    }
}

.site-content-inner {
    display: flex;
    flex-wrap: wrap;
}

.content-area {
    position: relative;
    width: 100%;
    flex-basis: auto;
    flex-grow: 1;
    min-height: 1px;
    order: 2;
}

@media (min-width: 992px) {
    .content-area {
        max-width: calc(100% - 300px);
        flex: 0 0 calc(100% - 300px);
        padding-right: 30px;
    }
}

@media (min-width: 1200px) {
    .content-area {
        padding-right: 70px;
    }
}

.error404 .content-area,
.sidebar-none .content-area,
.woocommerce-account .content-area,
.woocommerce-cart .content-area,
.woocommerce-checkout .content-area {
    max-width: none;
    flex: auto;
    padding-right: 0;
}

@media (min-width: 992px) {
    .sidebar-left .content-area {
        padding-left: 30px;
        padding-right: 0;
        order: 2;
    }
}

@media (min-width: 1200px) {
    .sidebar-left .content-area {
        padding-left: 70px;
    }
}

.widget-area {
    display: none;
    position: relative;
    width: 100%;
    max-width: 300px;
    flex: 0 0 300px;
    flex-grow: 1;
    min-height: 1px;
    order: 3;
}

@media (min-width: 992px) {
    .widget-area {
        display: block;
        padding-bottom: 30px;
    }
}

.sidebar-left .widget-area {
    order: 1;
}

.widget-area.widget-area--mobile {
    display: block;
    order: 1;
}


body {
	font-weight: 400;
	font-size: 1em;
	line-height: 1.5;
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
	font-display: swap;
	color: black;
    background-color: #f2f2f2 !important;
}

.entry-title, .page-title {
    text-align: left;
}

.h5, h5 {
    font-size: 1rem;
}

a {
    color: black;
	text-decoration: none;
}

/* Липкая шапка */
.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}

#masthead .header-html-1 {
	display:flex;
	align-items:center;
	padding-left:0px;
}

/*Верхняя полоска шапки  */
.super-header {
    border: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #CED4DA;
}

.super-header .super-header__item {
	display:flex;
	justify-content:space-between;
	align-items:center;

}

/*нижняя полоска шапки  */
.header-html-1 .d-md-block .navbar-nav {
	flex-direction:row;
	justify-content:space-between;
}

.dropdown-menu {
	width: 100%;
}

.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
    position: static !important;
}

.super-header {
    padding: 5px 0;
}

.textwidget.custom-html-widget {
    width: 100%;
}

/* Иконка аккаунт */
.bi.bi-person-circle {
    font-size: 21px;
    margin-top: 0px;
    margin-right: 0px;
}

/* Запрет смещения иконок в левом углу */
.bi::before, [class^="bi-"]::before, [class*=" bi-"]::before {
    margin-top: 0px;
    margin-right: 0px;
}

.custom-html-widget .navbar .flex-grow-1 > .navbar-nav .nav-item {
	font-size:18px;
}

@media (min-width: 1024px) {
    .d-md-block {
        display: block !important;
    }
}

@media (min-width: 992px) {
    .header-html-1, .header-html-2 {
        padding: 0 5px;
        text-align: right;
    }
}

@media (max-width: 767px) {
    #masthead .header-html-1 {
        display: flex;
        align-items: center;
        padding-left: 0px;
        justify-content: center;
    }

	#masthead .navbar .header-favorite--vis {
		padding-top:7px !important;
	}
}

@media (max-width:575px) {
	#page #content .site-content-inners section .container .row dd {
		width: 100% !important;
	}
}

/* Подзаголовки меню */
.menu_subtitle_top {
	display: block;
	font-weight: 700 !important;
	font-size: 14px;
	line-height: 1.4;
	margin: 1.5em 0 0.2em;
	letter-spacing: normal;
	color: black;
}

img.menu_subtitle_top {
	max-height: 12rem;
}

/* Подзаголовки меню */
.menu_subtitle_bottom {
    display: block;
    font-family: 'Montserrat', 'PT Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1em;
    line-height: 1.4;
    margin: 0 0 0.5em;
    letter-spacing: normal;
    color: black;
}

.list-unstyled {
    /* font-size: 14px; */
    text-transform: none;
}

/* Пункт без раскрытия в меню */
.menu_simple_element {
    font-family: 'Montserrat', 'PT Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 1em;
    color: #212529;
}

/* Иконка в меню */
.menu_icons {
    font-size: 22px;
	max-height: 2em;
}

.header_menu_icons {
	font-size: 20px;
}

.yamm-content {
    padding: 1rem;
}

.site-header {
    padding-top: 5px;
    padding-bottom: 5px;
	background-color: #ffffff !important;
	border-radius: 0px 0px 16px 16px;
}

.site-header-inner > .bg-light .navbar {
	border-bottom-width:0px !important;
}

/* Пункты меню */
.nav-link {
    color: black;
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.sidebar li{ position: relative; }
	.sidebar li .submenu{
		display: none;
		position: absolute;
		left:100%; top:-7px;
		min-width: 240px;
	}
	.sidebar li:hover > .submenu{ display: block; }
}

/* ============ small devices ============ */
@media (max-width: 1200px) {
	.sidebar .submenu, .sidebar .dropdown-menu{
		position: static!important;
		margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
	}
}

@media (min-width: 768px) {
    .site-header-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: stretch;
        flex-direction: column;
    }
}

/* Моб шапка иконки */
@media (max-width:767px) {
	#masthead{
		padding-top:0px;
		padding-bottom:0px;
	}

	.navbar .col-6 .flex-grow-1 .nav .nav-item {
		display:flex;
		align-items:center;
		justify-content:flex-end;
		align-self:center;
	}

    .header-mobile-items-container {
		display: none;
    }

	.navbar .col-6 .flex-grow-1 .nav .nav-item {
		padding-left:15px;
		padding-right:0px;
		padding-top:0px;
		padding-bottom:0px;
		font-size:14px;
	}

	.site-header-inner .nav .header-favorite {
		font-size:14px;
	}

	.site-header-inner .nav .header-favorite {
		margin-top:-3px;
	}
}

/* END Header */
/* Body и остальное */
.jumbotron {
    background-color: #F5F2EF;
    padding-top: 2rem;
    padding-right: 2rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
    border-radius: 0.3rem;
}

.jumbotron_mini {
    background-color: #F5F2EF;
    padding-top: 1rem;
    padding-right: 2rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
    border-radius: 1rem;
}

.jumbotron input[type=number]:focus, .tab-content .tab-pane input[type=number]:focus {
	border-color: #0D6EFD;
}

.jumbotron_mini input[type=number]:focus {
	border-color: #0D6EFD;
}

.jumbotron_mini .btn-outline-primary:hover {
	color: #0D6EFD !important;

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

.shop-sorting {
    margin-top: 10px;
}
}


/* Карта */
#map {
    width: 100%;
    height: 700px;
}

@media (min-width: 1200px) {
    .sidebar-left .content-area {
        padding-left: 30px !important;
    }
}

/* Footer */
footer {
    background-color: white;
}

footer#colophon ul {
    padding-left: 0 !important;
    list-style: none !important;
}

.footer_messengers {
    background-color: #49AD47;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.site-footer {
    background: #fff;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.5;
}

.footer-widgets.footer-widgets-5 {
    border: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #E5E5E5;
}

.footer_messengers a.btn-light {
	background-color: #f8f9fa;
	color: #000;
}

.menu_subtitle_bottom {
    display: block;
    font-weight: 700 !important;
    font-size: 1em;
    line-height: 1.4;
    margin: 0 0 0.5em;
    letter-spacing: normal;
    color: black;
}

.footer_messengers a:hover:not(:disabled):not(.disabled) {
	color: #000;
	text-decoration: underline;
	background-color: #d3d4d5;
    border-color: #c6c7c8;
}

.footer_messengers a {
	background-color: #f8f9fa;
    color: #000;
	padding: .3rem .7rem;
    font-size: .9em;
	border-radius: 4px;
	font-weight: 400;
}

a.shadow:hover {
	color: #fff!important;
	text-decoration: underline;
	background-color: #0b5ed7;
}

.breadcrumbs {
	list-style-type: none;
    padding: 0;
    display: flex;
	column-gap: 7px;
}

.site-footer-inner.fixed {
    max-width: 100%;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.site-footer {
    padding-top: 0px;
    padding-bottom: 0px;
}

@media (min-width: 768px) {
    .main-background {
        background-size: 39%;
    }

	.footer-widgets {
        flex-direction: column;
    }

    .footer-widgets {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
}

@media (max-width:575px) {
	.overflow-hidden .h-100 .d-flex {
		font-size:16px;
		flex-direction:column;
		align-items:flex-start !important;
	}

	.overflow-hidden .h-100 a {
		margin-left:0px !important;
		margin-bottom:5px;
		margin-top:5px;
	}

	.site-footer-container #colophon .site-footer-inner .footer-widgets .footer-widget .widget .custom-html-widget .overflow-hidden .container-fluid .h-100 .container .row .d-flex a {
		width:100% !important;
	}
}

/* Footer END*/

/* Кнопки */
.btn-outline-primary {
    color: #007bff !important;
}

.pseudo-link:active, a:active, a:focus {
    color: #007bff !important;
}

.d-lg-block .nav .btn-outline-secondary {
	background-color:rgba(0,108,250,0);
	color:#6c757d;
}


a.btn.btn-primary.btn-lg.shadow.mb-2:active {
    color: #fff !important;
}

a.btn.btn-primary.btn-lg.shadow.mb-2:focus {
    color: #fff !important;
}

.btn-group-lg>.btn, .btn-lg {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: 0.5rem;
}

.btn-up-line:before {
    right: 100%;
    margin-right: calc(5px + 0.3em);
    content: "";
    position: absolute;
    top: calc(50% - (calc(0.2px + 0.05em) / 2));
    width: 2000px;
    border-bottom: calc(0.2px + 0.05em) solid #e5e5e5;
}

.btn-up-line:after {
    left: 100%;
    margin-left: calc(5px + 0.3em);
    content: "";
    position: absolute;
    top: calc(50% - (calc(0.2px + 0.05em) / 2));
    width: 2000px;
    border-bottom: calc(0.2px + 0.05em) solid #e5e5e5;
}

/* button#btnTop {
    color: #fff;
}

button#btnTop:hover {
    color: #333;
} */

@media (max-width: 767.99px) {
    .whatsapp_button {
        width: 100%;
        order: 20;
    }
}

.lead a.btn.btn-telegram {
	color: #0D6EFD;
	border-color: #0D6EFD;
	background-color: #fff
}
.lead a.btn.btn-telegram:hover {
	background-color: #0D6EFD;
	color: #fff;
	box-shadow: none !important;
}

.print-doc.btn.btn-outline-secondary.btn-lg.mb-5.d-print-none.d-none.d-sm-block {
    --bs-btn-border-color: #0D6EFD;
	color: #0D6EFD;
}
.print-doc.btn.btn-outline-secondary.btn-lg.mb-5.d-print-none.d-none.d-sm-block:hover {
    --bs-btn-border-color: #0D6EFD;
	color: #0D6EFD;
	border-color: #0D6EFD !important;
}

.fixed-bottom {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    padding-left: 45px;
    padding-right: 45px;
    background-color: #fff;
    height: fit-content;
    border-bottom: 1px solid #ced4da;
    border-radius: 0px 0px 16px 16px;
}

@media (max-width: 1400px) {
	.fixed-bottom {
		padding-left: 45px;
		padding-right: 45px;
	}
}

@media (max-width: 576px) {
    .fixed-bottom {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* Линия вдоль кнопки Наверх */
.btn-up-line {
    display: inline-block;
    position: relative;
}
.btn-up-line:before {
    right: 100%;
    margin-right: calc(5px + 0.3em);
    content: "";
    position: absolute;
    top: calc(50% - (calc(0.2px + 0.05em)/ 2));
    width: 2000px;
    border-bottom: calc(0.2px + 0.05em) solid #e5e5e5;
}
.btn-up-line:after {
    left: 100%;
    margin-left: calc(5px + 0.3em);
    content: "";
    position: absolute;
    top: calc(50% - (calc(0.2px + 0.05em)/ 2));
    width: 2000px;
    border-bottom: calc(0.2px + 0.05em) solid #e5e5e5;
}

/* MAX Мессенджер */
.max-messanger {
	width: 16px;
	height: 16px;
	margin-right: 3px;
}

/* QR код изображение */
.qr-code {
	max-width: 10rem;
	max-height: 10rem;
}

.prd-panels { margin-top: 24px; display: grid; gap: 24px; }
.panel { background: #F2F2F2; border-radius: 16px; padding: 24px; box-shadow: 0 1px 0 rgba(0,0,0,.04); }
.panel--xl { padding: 28px; }
.panels-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
@media (max-width: 980px) { .panels-2col { grid-template-columns: 1fr; } }

.panel__row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; align-items: start; }
.panel__col { display: grid; gap: 6px; }
.panel__more { align-self: center; }
@media (max-width: 980px) {
    .panel__row { grid-template-columns: 1fr 1fr; }
}

.mini-h { font-weight: 600; }
.mini-v { font-size: 18px; line-height: 1.2; }
.mini-p { color: #666; }

.panel__title { margin: 0 0 14px; font-size: 28px; font-weight: 700; letter-spacing: .2px; }

.attrs { display: grid; border: 1px solid #eee; border-radius: 12px; overflow: hidden; }
.attr { display: grid; grid-template-columns: 42% 58%; }
.attr:nth-child(odd){ background:#fafafa; }
.attr__name, .attr__val { padding: 12px 14px; }
.attr__name { color:#333; font-weight:600; border-right:1px solid #eee; }
.attr__val { color:#111; }

.link-more { white-space: nowrap; text-decoration: none; font-weight: 600; }
.link-more:hover { text-decoration: underline; }

.panel__head{
    display:flex; justify-content:space-between; gap:16px; align-items:center; margin-bottom:12px;
}
.panel__title{ margin:0; font-size:22px; font-weight:800; letter-spacing:.2px; }
.link-more{ font-weight:700; text-decoration:none; color:var(--accent,#0D6EFD); }
.link-more:hover{ text-decoration:underline; }

.panel__row{
    display:grid; grid-template-columns:repeat(4,1fr); gap:24px; align-items:start;
}
.panel__col{
    padding:12px 0; border-top:1px solid #fff;
}

.mini-h{ font-weight:700; margin-bottom:8px; }

.kv{ display:grid; grid-template-columns: 1fr auto; row-gap:8px; column-gap:16px; }
.k{ color:#777; text-transform:lowercase; }
.v{ font-weight:600; }

@media (max-width: 1200px){
    .panel__row{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 640px){
    .panel__head{ flex-direction:column; align-items:flex-start; gap:6px; }
    .panel__title{ font-size:20px; }
    .panel__row{ grid-template-columns:1fr; gap:0; }
    .panel__col{ padding:16px 0; border-top:1px solid #fff; }
    .panel__col:last-child{ border-bottom:1px solid #fff; }
    .kv{ row-gap:6px; }
}

/* Заголовки меню */
ul.navbar-nav.lead {
    text-transform: uppercase;
    /* font-size: 14px; */
    font-weight: 500;
}

@media (min-width: 768px) {
    .tab-content .col-md-8 {
        width: 72%;
    }
}

@media (min-width: 768px) {
    .tab-content .col-md-1 {
        width: 3%;
    }
}

@media (min-width: 768px) {
    .tab-content .col-md-3 {
        width: 25%;
    }
}

.site-header--style-1 {
    border-bottom: 0;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-right: 0px;
    padding-left: 0px;
}

.mt-5 {
    margin-top: 20px !important;
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1190px;
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1390px;
    }
}

.site-footer-container {
    margin-top: 40px;
}

.overflow-hidden section .container .row .col-sm-6 .list-unstyled li a {
	color:#000000;
}

.overflow-hidden section .container > .row {
	flex-wrap:nowrap;
}

.h-100 .d-flex .btn-sm {
	color:#000000 !important;
}

@media (max-width:980px) {
	.overflow-hidden section .container > .row {
		flex-wrap:wrap;
	}
}

@media (max-width:767px) {
	.site-footer-container #colophon .site-footer-inner .footer-widgets .footer-widget .widget .custom-html-widget .overflow-hidden section .container .row .col-md-8 {
		width:100% !important;
	}
}

@media (max-width:640px) {
	.footer-widget .widget section {
		padding-left:20px;
		padding-right:20px;
	}
}

@media (max-width:575px) {
	.h-100 .row {
		flex-wrap:wrap;
	}

	.h-100 .d-flex {
		flex-wrap:wrap;
	}
}

@media (min-width:768px){
	.site-footer-container #colophon .site-footer-inner .footer-widgets .footer-widget .widget .custom-html-widget .overflow-hidden section .container .row .d-md-block {
		width:15% !important;
	}

	.site-footer-container #colophon .site-footer-inner .footer-widgets .footer-widget .widget .custom-html-widget .overflow-hidden section .container .row .pb-sm-4 {
		width:14% !important;
	}

	.site-footer-container #colophon .site-footer-inner .footer-widgets .footer-widget .widget .custom-html-widget .overflow-hidden section .container .row .col-sm-6 {
		width:15% !important;
	}

	.site-footer-container #colophon .site-footer-inner .footer-widgets .footer-widget .widget .custom-html-widget .overflow-hidden section .container .row .col-md-8 {
		width:100% !important;
	}

	.footer-widgets .footer-widget .widget {
		margin-top:0px;
	}
}

/* Новый стиль главной страницы */
.home .main-background {
    background-image: var(--wpr-bg-81c990f8-c1d4-4c1d-b5d1-55dd222531b6);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
    background-size: contain;
}

.home #page section .main-background {
	padding: 80px 40px;
}

@media (max-width: 1024px) {
    .home #page section .main-background {
        padding: 30px 30px;
    }
}


.home .container .row .col-sm-6 a img {
	height: 240px !important;
	margin-bottom: 10px;
	border-radius: 16px !important;
}

.home .col-sm-12 > .d-inline-block .d-inline-block {
	border-radius: 16px;
}

.home #box-search .d-inline-block .d-inline-block {
	border-radius: 16px;
}

.home section .container .row .col-sm-6 p {
	text-align: left;
}

.home .container > .row > .col-sm-4 .img-fluid {
	border-style: none !important;
	border-radius: 16px !important;
}


.home #page section .lead:nth-child(1) {
	text-align: left;
}

.home #page section dd {
	transform: translatex(0px) translatey(0px);
}

.home #page .mt-sm-0 ul {
	border: 0px;
	margin-bottom: 10px;
}

.home #bag-search .d-inline-block .d-inline-block {
	border-radius: 16px;
}

.home #page section .col-sm-8 {
	margin-top: 10px;
}

.home #masthead {
	margin-bottom: 20px;
}


@media (max-width:1200px) {

	.home .main-background {
		background-size: contain !important;
		background-position-y: 43%;
	}

    .home #content {
		padding-right: 0px;
        padding-left: 0px;
	}

}


@media (max-width:960px) {
	.home #page #content .site-content-inners section .container .row dd a {
		width: 120% !important;
	}
}

@media (max-width:767px) {
	.home #page #content .site-content-inners section .container .row .lead {
		width: 67% !important;
	}

	.home #page #content .site-content-inners section .container .row dd p {
		width: 158% !important;
	}

	.home #page #content .site-content-inners section .container .row dd {
		width: 100% !important;
	}

	.home #page section dd {
		transform: translatex(0px) translatey(0px);
	}

	.home #page #content .site-content-inners section .container .row dd a {
		width: 337px !important;
	}
}



@media (max-width:575px) {
	.home .container .row .col-sm-6 a img {
		height: 187px !important;
	}

	.home #page #content .site-content-inners section .container {
		padding-top: 20px !important;
	}


	.home section .container .row .text-center span {
		margin-bottom: 0px;
	}

	.home #page section .text-center {
		margin-bottom: 0px !important;
		margin-top: 0px !important;
	}
}


@media (max-width: 767px) {
    .home #page #content .site-content-inners section .container .row dd a {
        width: 200px !important;
    }

	.home .lead {
        font-size: 1rem;
        font-weight: 300;
    }
}

/* Новый стиль главной страницы END */
/* иконки соц на странице контакты */
#page section .container .row .mb-sm-0 p a .img-fluid {
	height:35px !important;
	width:35px !important;
}

.mb-sm-0 p .img-fluid {
	padding:3px;
	margin:3px;
}


/* Новый стиль шапки */
@media (max-width:1200px) {
	.site-header-inner > .bg-light .navbar {
		border-bottom-width:0px !important;
	}
}

@media (max-width:575px) {
	.site-header-inner .nav .navbar-toggler-right {
		transform:translatex(0px) translatey(0px);
		display:flex;
		justify-content:center;
		align-items:center;
		font-size:14px;
	}

	.site-header-inner .navbar-toggler-right span {
		margin-right:4px;
	}

	.site-header-inner .bg-light .border-bottom {
		border-bottom-width:0px !important;
	}

	.site-header-inner .ps-0 .nav-item {
		padding: 4px;
		align-self:center;
		font-size:17px;
		padding-bottom:0px;
		padding-top:0px;
	}

	.site-header-inner .nav .bi-person-circle {
		font-size:19px;
		display:inline-block;
		height:24px;
		line-height:1em;
	}

    .header-favorite {
        font-size: 19px !important;
    }

	@media (min-width: 992px) {
        .navbar-expand-lg .navbar-nav .nav-link {
            padding-bottom: 5px !important;
        }
    }

	.accordion-body {
		padding: 0px;
		/* background-color: #f7f7f7; */
		margin-top: 10px;
	}

	#accordionMobile .accordion-item {
		padding-top:5px ;
		padding-bottom:5px ;
	}

	#page #masthead .site-header-inner .bg-light .border-bottom .d-block #TogglerMainMenu #accordionMobile .accordion-item .accordion-header .accordion-button {
		transform:translatex(0px) translatey(0px) !important;
		padding: 5px 0px 5px 0px;
	}

	#accordionMobile .accordion-header .accordion-body {
		font-size:16px;
	}

	#flush-collapsePrices .accordion-body .row {
		flex-direction:column;
	}

	#page #masthead .site-header-inner .bg-light .border-bottom .d-block #TogglerMainMenu #accordionMobile .accordion-item #flush-collapsePrices .accordion-body .row .col-sm-4 {
		width:100% !important;
		transform:translatex(0px) translatey(0px) !important;
	}

	#flush-collapsePrices .accordion-body a.menu_subtitle_top {
		margin-top:0px;
	}

	#flush-collapsePrices .accordion-body {
		padding-left:0px;
		padding-right:0px;
		padding-top:0px;
	}

	#flush-collapsePrices .accordion-body span.menu_subtitle_top {
		margin-top:0px !important;
	}

	#flush-collapsePrices .accordion-body li {
		border-bottom-style:solid;
		border-bottom-width:1px;
		border-bottom-color:#e0e0e0;
		padding: 5px 0px 5px 0px;
	}
}

/* сердце */
.header-favorite:before {
    display: inline-block;
    font-family: "bootstrap-icons" !important;
    content: "\F417"; /* bi-heart */
    font-size: 20px;
    line-height: 1;
}

i.bi.bi-person {
    font-size: 24px;
}


@media (max-width:1200px) {
	.navbar .col-6 .flex-grow-1 .nav .nav-item {
		align-self:center;
		padding-right:5px;
		padding-left:5px;
	}

	#search-booster i {
		font-size:20px;
	}

	.site-header-inner .nav .header-favorite {
		line-height:1em;
	}

	.site-header-inner .nav .bi-person {
		font-size:25px;
	}

	.site-header-inner .bg-light .border-bottom {
		border-bottom-width:0px !important;
	}

	.site-header-inner .nav .navbar-toggler-right {
		color:#000000;
		text-transform:uppercase;
		font-size:16px;
		font-weight:400 !important;
	}

	#masthead .border-bottom {
		border-width:0px !important;
	}
}

.header-mobile-items-container {
    display: none;
}

#search-booster{
	color: #007bff;
    border: 1px solid #007bff;
    background-color: transparent;
    padding: .6rem 1.5rem;
    border-radius: 4px;
}

#search-booster:hover{
    background-color: #007bff;
	color: #fff;
}

@media (max-width:1200px){
    #search-booster {
        color: #1C3650;
        border: 0;
        padding: 0px;
        border-radius: 0px;
    }
}

/* Новый стиль шапки  END*/


/* Новые классы */
.white-sec {
	background-color: #fff;
	padding: 20px;
    border-radius: 16px;
}

.row.white-sec {
    margin-left: 5px;
    margin-right: 5px;
}

.img-filter {
	filter: invert(0.05);
	border-radius: 10px;
	height: 150px;
	width: 100%;
	object-fit: contain;
	background: #fff;
    border: 0px !important;
}

.list-unstyled a {
    color: #333 !important;
}

.del-icon {
    width: 50px;
}

iframe {
    border-radius: 20px;
}

p#breadcrumbs {
    margin: 0px !important;
}

a.badge.text-bg-secondary {
    color: #fff !important;
}

.site-header {
    margin-bottom: 20px;
}

.site-content {
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

.prefooter {
    padding-bottom: 0px;
}

/* ПЕЧАТЬ */
@media print {
    .col-lg-8 {
        width: 100%;
    }

    section.site-content.fixed {
    padding: 0px;
    }


    .white-sec {
        padding: 0px;
    }

    body:not([class]), article:not([class]), section:not([class]) {
    margin: 0;
    }

    pf-widget {
        display: none;
    }
}


/*Крошки*/
.pl3-breadcrumbs {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.pl3-breadcrumbs .breadcrumbs,
.pl3-breadcrumbs .dimox-breadcrumbs {
    width: 100%;
    max-width: 100%;
    display: block;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    box-sizing: border-box;
}

.pl3-breadcrumbs a,
.pl3-breadcrumbs span {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.product-layout-3col {
    max-width: 100%;
    overflow-x: hidden;
}
