@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-VariableFont_wdth,wght.ttf');
    font-weight: 100 1000;
    font-stretch: 25% 151%;
    font-display: swap;
}

html {
    --white:                           #fff;
    --black:                           #000;
    --gray:                            #808080;
    --gray1:                           #333;
    --gray2:                           #4f4f4f;
    --gray3:                           #828282;
    --gray4:                           #bdbdbd;
    --gray5:                           #e0e0e0;
    --gray6:                           #f2f2f2;
    --gray7:                           #fafafa;
    --gray20:                          #cccccc;

    --red:                             #f43434;
    --blue:                            #2f80ed;
    --green:                           #14b00e;
    --orange:                          #f2994a;
    --yellow:                          #ffcc00;
    --purple:                          #9b51e0;
    --purple-light:                    #bb6bd9;

    --gap:                             0px;

    --font-size:                       14px;
    /* --font-family:                     "Helvetica Neue", sans-serif; */

    --h1-size:                         2.2857rem;
    --h2-size:                         2rem;
    --h3-size:                         1.7142rem;
    --h4-size:                         1.4285rem;
    --h5-size:                         1.1428rem;
    --h6-size:                         1rem;

    --bg-color:                        var(--white);

    --header-cart-total-bg-color:      var(--red);

    --header-search-input-bg-color:    var(--gray5);
    --header-search-input-color:       var(--gray);

    --header-menu-bg-color:            var(--white);
    --header-menu-pages-link-color:    var(--gray1);

    --input-color:                     var(--gray1);
    --input-placeholder-color:         var(--gray);
    --input-bg-color:                  var(--white);
    --input-disabled-bg-color:         var(--gray6);
    --input-disabled-color:            var(--gray4);
    --input-border-color:              var(--gray5);

    --footer-bg-color:                 var(--white);
    --footer-color:                    var(--black);
    --footer-link-color:               var(--gray3);
    --footer-link-hover-color:         var(--link-hover-color);
    --footer-notice-color:             var(--gray4);
    --footer-divider-color:            var(--gray6);
    --footer-app-color:                var(--gray);
    --footer-subscribe-link-color:     var(--link-color);

    --shadow:                          0 5px 30px rgba(0, 0, 0, 0.06);
    --shadow1:                         0 10px 60px rgba(0, 0, 0, 0.1);
        
    --font-family: -apple-system,"Roboto","Helvetica Neue",BlinkMacSystemFont,"Segoe UI",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-size: 15px;
    --text-color: #1b1e1f;
    --hint-color: #a3c1d1;
    --link-color: #00a2fe;
    --link-hover-color: #0056b3;
    --link-visited-color: #00a2fe;
    --header-bg-color:                  #f2f8fc;
    --header-link-color:               var(--gray1);
    --header-link-hover-color:         var(--black);
    --header-apps-link-color:          var(--gray3);
    --header-apps-link-selected-color: var(--black);

    --btn-hover-bg: rgb(0, 162, 254, .75);

}

/* Reset
-------- */
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, credentials, 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%; }
*, ::after, ::before { box-sizing: border-box;}
.hint, .breadcrumbs, .breadcrumbs a, .breadcrumbs span.rarr, table.features tr.divider td, .bestsellers .bestsellers-header, ul.thumbs li span.summary, .review .summary, .review .summary .date, ul.albums li .count, .album-note, .credentials .username, .credentials .username a { color: var(--hint-color); }
/* Common HTML elements, fonts, and colors
------------------------------------------ */
html { height: 100vh; }
body { display: flex; flex-direction: column; min-height: 100vh; }
html,
body { font-family: var(--font-family); font-size: var(--font-size); background: var(--bg-color); line-height: 100%; color: var(--text-color); }

html.overflow-hidden { overflow: hidden !important; }

a { color: var(--link-color); outline: 0 none; text-decoration: none; transition: all .25s ease-in-out; }
a:focus { outline: none; outline-offset: -4px; }
a:visited { color: var(--link-color); }
a.not-visited:visited { color: var(--link-color); }
a:hover { color: var(--link-hover-color) !important; }
input[type="button"]::-moz-focus-inner { border: 0; }
input[type="submit"]::-moz-focus-inner { border: 0; }
a img { border: 0; }
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, blockquote, figure { margin-bottom: 20px; }
h1, .h1 { font-size: var(--h1-size); font-weight: 600;
  font-size: 60px;
  line-height: 60px;
  letter-spacing: -.05em;
  /* margin-bottom: 60px; */
}
h2, .h2 { font-size: var(--h2-size)}
h3 { font-size: var(--h3-size) }
h4 { font-size: var(--h4-size) }
h5 { font-size: var(--h5-size) }
h6 { font-size: var(--h6-size) }
h1, h2, h3, h4 { line-height: 120%; font-weight: 400; }
ul, ol { padding-top: 0; line-height: 1.4em; }
ol { list-style: decimal; }
input, textarea, select { margin: 0; }
.form-field input[type="text"],
.bfq-question-value input[type="text"],
.wa-field .wa-value input[type="text"],
.wa-field .wa-value input[type="password"],
.wa-field .wa-value select {
	background-color: #fcfcfc;
	border: 1px solid #ddd;
	padding: 14px;
	border-radius: 30px;
	transition: all .3s ease-in-out;
	min-width: 415px;
    font-size: 15px;
}
.top-h .search-wrapper #search:focus,
.form-field input[type="text"]:focus,
.bfq-question-value input[type="text"]:focus,
.wa-field .wa-value input[type="text"]:focus,
.wa-field .wa-value input[type="password"]:focus {
    border-color: var(--link-color);
}
input, textarea { font-size: 1em; color: var(--gray1); outline: none; }
select { max-width: 100%; }
input[type="button"]:focus { outline: none; outline-offset: -2px; }
fieldset { border: 1px solid var(--gray); padding: 10px; position: relative; background: var(--gray5); margin-bottom: 10px; }
fieldset p label { width: 98%; }
fieldset p input[type="text"] { width: 98%; }
fieldset p select { width: 99%; }
pre {margin-top: 16px; font-size: 90%; line-height: 24px; color: rgba(0, 0, 0, .75); background: rgba(0, 0, 0, .03); padding: 16px 20px;word-wrap: normal;}
blockquote { color: rgba(0, 0, 0, .6); font-size: 0.9em; font-style: italic; border-left: 1px solid rgba(0, 0, 0, .1);padding-left: 24px; background: var(--gray5); }
blockquote cite { font-size: 0.9em; }
hr { background-color: rgba(0, 0, 0, 0.15); height: 1px; border: 0; }
p { line-height: 1.4em; }
p a { text-decoration: underline; }
input::-webkit-input-placeholder { color: var(--input-placeholder-color); }
input:-moz-placeholder,
input::-moz-placeholder { color: var(--input-placeholder-color); }
label, button { cursor: pointer; }

.is-hidden { display: none !important; }

#cookie-wrp { position: fixed; bottom: 15px; left: 0; right: 0; z-index: 999;}
#cookie-wrp .container { padding: 15px; border-radius: 12px; background: #FFF; color: #000; border: 1px solid var(--link-color); font-size: 14px; line-height: 1.25em; position: relative; z-index: 5; box-shadow: 0px 10px 15px rgba(15,23,0,.05); }
.cookie-btn { margin-top: 15px; text-align: center;}
.cookie-btn #cookie-accept { min-width: 100px; text-align: center; padding: 10px;}

/* Container */
.container {
  min-width: 650px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0;
}

#up, .contact-widget {
    position: fixed;
    bottom: 30px;
    background: #FFF;
    border-radius: 15px;
    box-shadow: 0px 10px 15px rgba(15,23,0,.05);
    z-index: 5;
}
#up {
    left: 30px;
    width: 50px;
	height: 50px;
	background: rgba(255,255,255,1);
	cursor: pointer;
    border: 0 none;
}
#up svg {
    color: var(--link-color);
    width: 30px;
    height: 30px;
    transition: all .3s ease-in-out;
}
#up:hover svg {
    color: var(--link-hover-color);
}
.contact-widget {
    right: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12px;
    transition: all .3s ease-in-out;
    border-radius: 50%;
}
.contact-widget.active {
    border-radius: 15px;
}
.contact-widget button.callback,
.contact-widget a {
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    border-radius: 50%;
    border: 1px solid rgba(224,224,224,.3);
    background: #FFF;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    transition: all .3s ease-in-out;
    position: relative;
}
.contact-widget.active button.callback,
.contact-widget.active a {
    width: 40px;
    height: 40px;
    opacity: 1;
    visibility: visible;
    margin-bottom: 15px;
}
.contact-widget button.callback .widget-hint,
.contact-widget a .widget-hint {
	visibility: hidden;
	opacity: 0;
	transition: all .3s ease-in-out;
	position: absolute;
	right: calc(100% + 10px);
	font-size: 12px;
	font-weight: 300;
	color: var(--text-color);
	white-space: nowrap;
	top: 0;
	z-index: 2;
	display: block;
	padding: 5px 10px;
	border-radius: 6px;
	background: #FFF;
    box-shadow: 0px 10px 15px rgba(15,23,0,.05);
}
.contact-widget button.callback:hover,
.contact-widget a:hover {
    border-color: var(--link-color);
}
.contact-widget button.callback:hover .widget-hint, .contact-widget a:hover .widget-hint {
    opacity: 1;
    visibility: visible;
}
.contact-widget button.callback {
    color: var(--link-color);
}
.contact-widget button.callback svg,
.contact-widget a svg {
    width: 20px;
    height: 20px;
}
.contact-widget .contact-widget-close {
	padding: 0;
    margin-bottom: 0;
	border: 0 none;
	color: #828282;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0;
    height: 0;
	box-sizing: border-box;
	background: #F6F6F6;
    opacity: 0;
    visibility: hidden;
	transition: all .3s ease-in-out;
}
.contact-widget.active .contact-widget-close {
    opacity: 1;
    visibility: visible;
    width: 30px;
	height: 30px;
}
.contact-widget.active .contact-widget-open {
    opacity: 0;
    visibility: hidden;
    width: 0px;
	height: 0px;
    margin-top: 0;
}
.contact-widget .contact-widget-open {
    opacity: 1;
    visibility: visible;
    margin-top: -6px;
    border: 0 none;
    margin-bottom: 0;
    padding: 0;
    background: #FFF;
    width: 50px;
    height: 50px;
    color: var(--link-color);
	transition: all .3s ease-in-out;
}

.wa-flex { display: flex !important; }
.wa-flex-wrap { flex-wrap: wrap !important; }
.wa-flex-nowrap { flex-wrap: nowrap !important; }
.wa-flex-row { flex-direction: row !important; }
.wa-flex-column { flex-direction: column !important; }
.wa-flex-fill { flex: 1 1 auto !important; }
.justify-content-start { justify-content: flex-start !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around { justify-content: space-around !important; }
.justify-content-evenly { justify-content: space-evenly !important; }
.align-content-start { align-content: flex-start !important; }
.align-content-end { align-content: flex-end !important; }
.align-content-center { align-content: center !important; }
.align-content-between { align-content: space-between !important; }
.align-content-around { align-content: space-around !important; }
.align-content-stretch { align-content: stretch !important; }
.align-items-start { align-items: flex-start !important; }
.align-items-end { align-items: flex-end !important; }
.align-items-center { align-items: center !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch { align-items: stretch !important; }
.wa-flex.space-025 > *:not(:last-child) { margin-right: 0.25rem; }
.wa-flex.space-05 > *:not(:last-child) { margin-right: 0.5rem; }
.wa-flex.space-075 > *:not(:last-child) { margin-right: 0.75rem; }
.wa-flex.space-1 > *:not(:last-child) { margin-right: 1rem; }
.wa-flex.space-2 > *:not(:last-child) { margin-right: 2rem; }
.wa-flex.space-3 > *:not(:last-child) { margin-right: 3rem; }
.wa-flex.space-4 > *:not(:last-child) { margin-right: 4rem; }
.wa-flex.space-5 > *:not(:last-child) { margin-right: 5rem; }


/* Header */
header#header {
    height: 170px;
    background: var(--white);
    box-shadow: 0px 10px 15px rgba(15,23,0,.05);
    z-index: 6;
    /* z-index: 100; */
    position: fixed;
    width: 100vw;
    left: 0;
    right: 0;
    top: 0;
    transition: all .3s ease;
}
section {
    padding: 70px 0;
}
section#js-order-cart,
section#js-order-form {
    padding-top: 0;
    padding-bottom: 0;
}
#page-content > :last-child {
    padding-bottom: 0;
}
.top-h {
    height: 60px;
    background: var(--header-bg-color);
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}
.top-h .search {
    max-width: 300px;
    width: 100%;
    position: relative;
}
.top-h .header-right {
    /* flex: 1 0 100%; */
    column-gap: 45px;
}
.top-h .search-wrapper,
#mobile-search-wrp .search-wrapper {
    width: 100%;
    position: relative;
}
.top-h .search-wrapper #search,
#mobile-search-wrp .search #search {
    background-color: #FFF;
    border-radius: 30px;
    padding: 10px 20px;
    border: 0 none;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #FFF;
    transition: all .3s ease-in-out;
}
.top-h .search-wrapper button,
#mobile-search-wrp .search button {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 5px 10px;
	margin: auto 0;
	border: 0 none;
	background: none;
}
.top-h .search-wrapper button svg,
#mobile-search-wrp .search button svg {
    color: var(--link-color);
}
.top-h .schedule,
.top-h .header-email a {
    color: var(--hint-color);
    font-weight: 500;
}
.top-h .header-phone a,
.footer-contact a {
	font-weight: 500;
	font-size: 19px;
	color: var(--text-color);
    letter-spacing: -0.02em;
}
.header-account {
    margin-right: 5px;
}
.header-account a {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.top-h .schedule .schedule-row {
    color: var(--link-color);
}

.top-b {
	/* padding: 24px 0; */
	height: calc(100% - 60px);
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
    align-items: center;
	width: 100%;
    position: relative;
    transform: translateY(0) rotateX(0deg);
    transition: all .3s ease;
}
header#header.out {
    height: 60px;
}
header#header.out .top-b {
    transform: translateY(-100%) rotateX(90deg);
}
.top-b > div {
    width: 100%;
    
}
.header-logo img {
    max-width: 100%;
}
.top-b .header-menu {
    flex: 1 1 auto;
    /* padding-left: 10%; */
}
.top-b .header-menu ul,
#suggestions-wrp ul,
#search-wrp ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.top-b .header-menu .catalog-dropdown {
    position: relative;
}

.top-b .header-menu #catalog {
    background-color: var(--link-color);
    color: var(--white);
    padding: 0;
    border: 0 none;
    border-radius: 30px;
    padding: 10px 20px;
    font-size: 17px;
    font-weight: 500;
    transition: all .3s ease-in-out;
    display: flex;
    align-items: center;
}
.top-b .header-menu #catalog > svg {
    margin-left: 10px;
    margin-right: -5px;
    /* position: relative; */
    /* top: 1px; */
}
.top-b .header-menu svg.chevron-down {
    margin-left: 5px;
    position: relative;
    top: 1px;
    transform: rotateX(0);
    transition: all .3s ease-in-out .1s;
}

.top-b .header-menu #catalog.active,
.top-b .header-menu #catalog:hover {
    background-color: var(--btn-hover-bg);
}
.top-b .header-menu > ul > li {
    display: inline-block;
    margin-left: 4%;
}
.top-b .header-menu > ul > li:first-child {
    margin-left: 0;
}

.top-b .header-menu > ul > li a,
#suggestions-wrp a {
    padding: 10px 0;
    font-size: 17px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    height: 40px;
    line-height: 40px;
    white-space: normal;
}
.top-b .header-menu li.dropdown,
.wa-city-wrapper {
    position: relative;
}
.top-b .header-menu li.dropdown > ul.collapsible,
#suggestions-wrp,
#search-wrp {
    opacity:0;
    visibility: hidden;    
    position: absolute;
    padding: 15px;
    float: unset;
    min-width: 16rem;
    z-index: 101;
    background: var(--white);
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 20px;
    top: calc(100% + 5px);
    box-shadow: 0px 0 0 rgba(15,23,0,.05);
    transform: translateY(40px);
    transition: all .3s ease-in-out .2s;
    width: 320px;
}
.top-b .header-menu li.dropdown.right0 > ul.collapsible {
    right: 0;
}
.drop-toggle {
	min-width: 24px;
	display: inline-flex;
	transform-origin: center;
	transition: all .3s ease-in-out;
}
.top-b .header-menu li.dropdown ul.collapsible li .drop-toggle {
	transform: rotateZ(-90deg);
    cursor: pointer;
    position: relative;
    top: 2px;
}
/* .drop-toggle.active {
    transform: rotateX(-180deg);
} */
.top-b .header-menu li.dropdown ul.collapsible li:not(:last-child),
#suggestions-wrp li:not(:last-child),
#search-wrp li:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,.15);
    /* margin-bottom: 5px; */
}
.top-b .header-menu li.dropdown ul.collapsible a,
#suggestions-wrp a,
#search-wrp a {
    padding: 5px 0;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    height: auto;
    flex: 1 0 auto;
}
.top-b .header-menu li.dropdown ul.collapsible li.subchilds > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* .top-b .header-menu li.dropdown ul.collapsible li.subchilds > ul {
    display: none;
    margin-left: 10px;
} */
.top-b .header-menu li.dropdown ul.collapsible li.subchilds {
    position: relative;
}
.top-b .header-menu li.dropdown ul.collapsible li.subchilds > ul {
    opacity: 0;
    visibility: hidden;
	position: absolute;
	left: 100%;
	background: #FFF;
	width: 100%;
	z-index: 12;
	border-radius: 0 20px 20px 20px;
	box-shadow: 0px 0 0 rgba(15,23,0,.05);
    transform: translateX(40px);
    transition: all .3s ease-in-out .2s;
	top: -1px;
	padding: 15px;
    border: 1px solid rgba(0,0,0,.15);
}
.top-b .header-menu li.dropdown ul.collapsible li.subchilds:last-child > ul {
    top: initial;
    bottom: -16px;
    border-radius: 20px 20px 20px 0;
}
.top-b .header-menu li.dropdown ul.collapsible li.subchilds:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
    box-shadow: 0px 10px 15px rgba(15,23,0,.05);
}
/* .top-b .header-menu li.dropdown ul.collapsible li.subchilds ul > li:first-child {
    border-top: 1px solid rgba(0,0,0,.15);
} */
.top-b .header-menu li.dropdown:hover > button .chevron-down,
.top-b .header-menu li.dropdown:hover > a .chevron-down {
    transform: rotateX(180deg);
}
.top-b .header-menu li.dropdown:hover > ul.collapsible,
#suggestions-wrp,
#search-wrp {
    visibility: visible;
    opacity: 1;
    transform:translateY(0);
    box-shadow: 0px 10px 15px rgba(15,23,0,.05);
}
.top-b .header-menu a,
#suggestions-wrp a {
    color: var(--text-color);
    text-decoration: none;
    white-space: nowrap;
}
#search-wrp {
	max-height: calc(100vh - 200px);
	overflow-y: auto;
}
#search-wrp a {
	color: var(--text-color);
	text-decoration: none;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	white-space: normal;
	justify-content: space-between;
}
#search-wrp a.all {
    color: var(--link-color);
    padding: 6px;
    text-align: center;
    display: block;
}
#search-wrp a img {
    max-width: 40px;
    flex: 0 0 40px;
}
#search-wrp a span.search-item-name {
	padding-left: 10px;
	flex: 1 1 auto;
	white-space: normal;
	font-size: 14px;
	line-height: 16px;
    opacity: 0.75;
}
#search-wrp a span.search-item-price {
	padding-left: 10px;
	flex: 1 1 auto;
	white-space: nowrap;
	font-size: 14px;
	font-weight: 500;
    text-align: right;
}
.top-h .cart-summary {
    background-color: var(--link-color);
    color: #FFF !important;
    position: relative;
    height: 60px;
}
.top-h .cart-summary:hover {
    background-color: var(--btn-hover-bg);
}
.top-h .empty .cart-summary .cart-count {
    opacity: 0;
}
.top-h .cart-summary .cart-count {
	position: absolute;
	width: 24px;
	height: 24px;
	bottom: 5px;
	right: 5px;
	border-radius: 50%;
	color: var(--text-color);
	background: var(--white);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	font-weight: 600;
	opacity: .8;
    transition: all .3s ease-in-out;
}
.h-logo-text {
	display: inline-flex;
	max-width: 110px;
	line-height: 22px;
}

main.maincontent {
	padding-top: 170px;
}

.catalog {
    padding-bottom: 0;
}
.catalog-grid {
	display: grid;
	grid-template-columns: repeat(5,1fr);
	background-color: var(--white);
}
.catalog-item-wrp  {
	padding: 70px 10px 40px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	border: 1px solid #e5eff5;
	transition: .3s ease;
    margin-bottom: -1px;
    margin-right: -1px;
    position: relative;
    transition: box-shadow .3s ease-in-out;
	text-decoration: none;
    box-shadow: 0 0 0 0 rgba(58,96,117,0);
    color: var(--link-color) !important;
}
.catalog-item-wrp:hover {
    z-index: 1;
	box-shadow: 0 0 30px 0 rgba(58,96,117,.2);
}
.catalog-item-img {
	height: 70px;
	display: flex;
	align-items: center;
	margin-bottom: 24px;
}
.catalog-item-img .icon {
	max-height: 60px;
    max-width: 110px;
    margin: 0 auto;
    color: var(--link-color) !important;
}
.catalog-item-name {
	text-align: center;
	font-size: 19px;
	line-height: 1.05em;
    font-weight: 300;
	color: var(--text-color);
	margin-bottom: 10px;
}
.catalog-item-count {
	text-align: center;
	font-size: 15px;
    font-weight: 300;
	line-height: 1.3em;
	color: #a3c1d1;
}
/* Footer */
footer {
	margin-top: auto;
	padding: 75px 0;
	background: #FFF;
    position: relative;
    border-top: 1px solid #f4fbff;
}
footer::before {

}
footer .container {
    /* border-top: 1px solid var(--text-color); */
}
.subtitle {
	font-size: 17px;
	font-weight: 500;
    margin-bottom: 20px;
}
.f-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-weight: 300;
}
.f-list li,
.footer-contact,
.footer-info  {
    margin-bottom: 16px;
}
.f-list a {
    color: var(--text-color);
}
.footer-info,
.footer-info a {
    font-weight: 300;
    color: var(--text-color);
    line-height: 18px;
}
.footer-info:last-child {
    text-transform: capitalize;
}
.footer-copyright {
    font-size: 12px;
    font-weight: 300;
    color: var(--text-color);
    opacity: .5;
    margin-top: 25px;
}

.main-slider.owl-carousel .owl-prev, .main-slider.owl-carousel .owl-next {
	position: absolute;
	top: 50%;
	background-image: url("data:image/svg+xml,%3Csvg width=\'47\' height=\'47\' viewBox=\'0 0 47 47\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M23.5 1L1 23.5M1 23.5L23.5 46M1 23.5H46\' stroke=\'%23D9E4EA\' stroke-linecap=\'round\'/%3E%3C/svg%3E%0A") !important;
	width: 47px;
	height: 47px;
}
.main-slider.owl-carousel .owl-prev {
	left: 90px;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.main-slider.owl-carousel .owl-next {
	right: 90px;
	-ms-transform: translateY(-50%) scale(-1,1);
	-webkit-transform: translateY(-50%) scale(-1,1);
	transform: translateY(-50%) scale(-1,1);
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.main-slider.owl-carousel .owl-item .container {
	position: absolute;
	top: 0;
	z-index: 2;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
    padding-bottom: 100px;
}
.main-slider-title {
	font-size: 75px;
	line-height: 87%;
	letter-spacing: -.04em;
	margin-bottom: 40px;
	max-width: 920px;
	font-weight: 400;
}
.main-slider-title span {
	font-weight: 700;
	color: #000;
}
.main-slider-description {
	display: flex;
	font-size: 16px;
	-webkit-column-gap: 42px;
	-moz-column-gap: 42px;
	column-gap: 42px;
	margin-bottom: 68px;
}
.main-slider-description span {
	position: relative;
}
.main-slider-description span:not(:last-child)::after {
	position: absolute;
	right: -27px;
	background-image: url("data:image/svg+xml,%3Csvg width=\'12\' height=\'11\' viewBox=\'0 0 12 11\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M6 0.5L11 5.5M11 5.5L6 10.5M11 5.5H1\' stroke=\'%2300A2FE\' stroke-linecap=\'round\'/%3E%3C/svg%3E%0A");
	width: 12px;
	height: 11px;
	content: "";
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.main-slider .button.button-primary {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    font-size: 19px;
    padding-left: 30px;
    padding-right: 30px;
}
.main-slider .button.button-primary span {
    margin-left: 15px;
}
.main-slider .owl-dots {
	position: absolute;
	max-width: 1409px;
	width: 100%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	bottom: 40px;
    padding: 20px 0;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.main-slider .owl-dot {
	width: 25%;
	padding: 20px 0;
}
.main-slider .owl-dot span {
	height: 1px;
	background-color: #fff;
	display: block;
    transition: all .3s ease-in-out;
}
.main-slider .owl-dot.active span {
	background-color: var(--link-color);
}
.main-slider .owl-dots:hover {
    padding-top: 16px;
}
.main-slider .owl-dots:hover .owl-dot span {
    height: 4px;
}


.advantages {
	padding-top: 150px;
}
.advantages .wa-flex {
    margin: 0 -20px;
}
.advantage-item {
	padding: 0 20px;
	box-sizing: border-box;
}
.advantage-icon {
	margin-bottom: 40px;
}
.advantage-title {
	font-size: 25px;
    line-height: 25px;
	color: var(--link-color);
	margin-bottom: 40px;
    font-weight: 300;
}
.advantage-body {
	font-size: 16px;
    line-height: 26px;
}

.homepage-breezer-form {
    background-color: #f4fbff;
    padding: 100px 0 50px;
    overflow: hidden;
}
#bfq-form {
	display: flex;
    transition: all .3s ease-in-out;
}
.bfq-item {
    /* display: none; */
    flex: 0 0 100%;
    opacity: 0;
    visibility: hidden;
    position: relative;
    transition: all .3s ease-in-out;
}
.bfq-item.active + .bfq-item {
}
.bfq-item.active {
    visibility: visible;
    opacity: 1;
}

.bfq-header {
    margin-bottom: 120px;
}
.bfq-hint {
    max-width: 345px;
    line-height: 25px;
}
.bfq-counter {
	background: #e4f0f7;
	padding: 10px;
	font-weight: 500;
	font-size: 20px;
	display: inline-flex;
	width: 62px;
	height: 62px;
	align-items: center;
	box-sizing: border-box;
	justify-content: center;
    border-radius: 20px;
}
.bfq-question-title {
    font-size: 25px;
    margin-bottom: 70px;
}
.bfq-item[data-step="5"] .bfq-question-title {
    font-size: 17px;
    margin-bottom: 30px;
}
.bfq-questions {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 80px;
    row-gap: 20px;
    width: auto;
    margin-bottom: -20px;
    padding-bottom: 20px;
    max-width: 1000px;
}
.bfq-question-label {

}
.bfq-question-label label {
    display: inline-flex;
    align-items: center;
    height: 26px;
    color: #3e444f;
    margin-bottom: 20px;
}
.bfq-question-label label > input {
    display: none;
}
.bfq-question-label label > input + span.checkbox {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 26px;
    height: 26px;
    order: -1;
    border: 1px solid #c4c4c4;
    margin-right: 10px;
    border-radius: 8px;
    flex: 0 0 26px;
}
.bfq-question-label label > input:checked + span.checkbox {}

.bfq-question-label label > input + span.checkbox::after {
    content:'';
    min-width: 10px;
    min-height: 8px;
    background-color: rgba(0,0,0,0);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45.701 45.7' %3E%3Cpath fill='%23171725' d='M20.687,38.332c-2.072,2.072-5.434,2.072-7.505,0L1.554,26.704c-2.072-2.071-2.072-5.433,0-7.504 c2.071-2.072,5.433-2.072,7.505,0l6.928,6.927c0.523,0.522,1.372,0.522,1.896,0L36.642,7.368c2.071-2.072,5.433-2.072,7.505,0 c0.995,0.995,1.554,2.345,1.554,3.752c0,1.407-0.559,2.757-1.554,3.752L20.687,38.332z'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-size: 100%;
    opacity: 0;
    transition: .2s ease-out;
}
.bfq-question-label label > input:checked + span.checkbox::after {
    opacity: 1;
}

.bfq-actions {
    display: flex;
    justify-content: end;
    margin-top: 40px;
}
.bfq-actions > div {
    flex: 0 0 50%;
    display: flex;
}
.bfq-actions-block {
    justify-content: end;
}
.bfq-action-back,
.bfq-action-next {
    position: relative;
    background: none;
    border: 0 none;
    padding: 0 0 40px;
    border-bottom: 1px solid rgba(0,0,0,0);
    font-weight: 600;
    font-size: 17px;
    opacity: 1;
    width: 135px;
    text-align: center;
    box-sizing: border-box;
    visibility: visible;
    transition: all .3s ease-in-out;
}
.bfq-action-next {
    margin-left: 40px;
}
.bfq-action-back svg,
.bfq-action-next svg {
	content: "";
    /* background-image: url("data:image/svg+xml,%3Csvg width=\'22\' height=\'22\' viewBox=\'0 0 22 22\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M10.5 1L20.5 11M20.5 11L10.5 21M20.5 11H0.5\' stroke=\'currentColor\' stroke-linecap=\'round\' /%3E%3C/svg%3E%0A"); */
	width: 22px;
	height: 22px;
	position: absolute;
	/* right: 80px; */
	top: 0;
	-webkit-transition: .3s ease;
	transition: .3s ease;
}
.bfq-action-back svg {
    transform: scale(-1,1);
    left: 0px;
}
.bfq-action-next svg {
	right: 0px;
}
.bfq-action-back:hover,
.bfq-action-next:hover,
.bfq-action-back:hover svg,
.bfq-action-next:hover svg {
    color: var(--btn-hover-bg);
    stroke: var(--btn-hover-bg) !important;
}
.bfq-action-back.disabled {
    opacity: 0;
    visibility: hidden;
}
.message-block {
    margin-top: 10px;
}
.message-block,
.bfq-message-block {
    position: relative;
    align-items: center;
}
.message-block .message {
    transition: all .3s ease-in-out;
    font-size: 16px;
	line-height: 18px;
	font-weight: 500;
	text-align: center;
    width: 100%;
}
.bfq-message {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    transition: all .3s ease-in-out;
    font-size: 16px;
	line-height: 18px;
	font-weight: 500;
	text-align: center;
    width: 100%;
}
.message-block .message.visible,
.bfq-message.visible {
    opacity: 1;
}
.message-block .message.error,
.bfq-message.bfq-error {
    color: indianred;
    text-align: left;
}
.message-block .message.success,
.bfq-message.bfq-success {
	color: forestgreen;
	
}
form .form-field-name,
.bfq-question-name {
    font-size: 25px;
    margin-bottom: 20px;
}
form .form-field.form-field-submit {
    margin-bottom: 0;
}
form .form-field,
.bfq-question-row {
    margin-bottom: 40px;
    line-height: 1.25em;
}
.bfq-question-row-aggree {
    text-align: right;
}
.fancybox__container .fancybox__content {
    border-radius: 20px;
}
.set-breezer {
    /* display: flex; */
    position: relative;
    /* padding: 240px 0 140px; */
}
.get-consultation-breezer {
    position: relative;
}
.why-we {
    padding-top: 90px;
}
.hbfl-image-wrp {
    position: relative;
    /* z-index: -1; */
    display: flex;
    justify-content: end;
    align-items: center;
}
.hbfl-image {
    flex: 0 0 50%;
}
.hbfl-body-wrp {
	position: absolute;
	top: 18%;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 1;
}
/* .get-consultation-breezer .hbfl-body-wrp,
.why-we .hbfl-body-wrp {
    top: 20%;
} */
.hbfl-body {
    width: 50%;
    max-width: 530px;
}
.hbfl-header,
.sbs-title,
section h2,
section .h2 {
	font-weight: 600;
	font-size: 60px;
    line-height: 0.9em;
	letter-spacing: -.05em;
	margin-bottom: 60px;
}
#page h2 {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 40px;
}
#page h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
}
#page p,
#page ul,
#page ol {
    line-height: 1.75em;
}

#page section {
    padding: 20px 0;
}
#page .wa-signup-form-wrapper section {
    padding: 0;
}
#page .contact-block .phone-link {
    display: inline-flex;
    margin-bottom: 15px;
}
.hbfl-text,
.sbs-description-text {
	font-size: 17px;
	line-height: 1.5em;
    font-weight: 300;
}
.sbs-header {
    margin-bottom: 150px;
}
.sbs-title {
    padding-right:7.5%;
}
.sbs-description {
    flex: 0 0 50%;
    max-width: 50%;
}
.sbs-description-title {
	font-size: 25px;
	line-height: 1em;
	color: var(--link-color);
	margin-bottom: 30px;
}
.sbs-item-wrp {
    flex: 0 0 25%;
    max-width: 25%;
}
.sbs-item {
	position: relative;
	padding: 90px 40px 60px;
	height: 100%;
    box-sizing: border-box;
}
.sbs-item-img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
    overflow: hidden;
}
.sbs-item-img img {
	object-fit: cover;
	height: 100%;
}
.sbs-item-n {
	width: 60px;
	height: 60px;
	background-color: #fff;
	border: 1px solid var(--link-color);
	color: var(--link-color);
	border-radius: 50%;
	position: absolute;
	left: 40px;
	top: -30px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 25px;
    z-index: 2;
}
.sbs-item-title {
	font-size: 25px;
	line-height: 108%;
	color: #fff;
	margin-bottom: 40px;
    position: relative;
    z-index: 2;
}
.sbs-item-description {
	font-size: 15px;
	line-height: 1.65em;
	color: #fff;
    position: relative;
    z-index: 2;
}
.faq-item-btn {
    width: 100%;
    background: none;
    text-align: left;
    font-weight: 400;
	font-size: 25px;
	line-height: 1.2em;
	letter-spacing: -.04em;
	padding: 20px 0;
	color: var(--text-color);
    border: 0 none;
	border-bottom: 1px solid #e3f0f7;
	position: relative;
	display: block;
}
.faq-item-btn::after {
	position: absolute;
	content: "";
	right: 0;
	width: 20px;
	height: 20px;
	top: 50%;
    -ms-transform: translateY(-50%) scale(1,-1);
	-webkit-transform: translateY(-50%) scale(1,-1);
	transform: translateY(-50%) scale(1,-1);
	-webkit-transition: .3s ease;
	transition: .3s ease;
	background-image: url("data:image/svg+xml,%3Csvg width=\'22\' height=\'22\' viewBox=\'0 0 22 22\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M1 11L11 0.999999M11 0.999999L21 11M11 0.999999L11 21\' stroke=\'%2300A2FE\' stroke-linecap=\'round\' /%3E%3C/svg%3E");
}
.faq-item-btn.active::after {
    -ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.faq-item-body {
    padding: 60px;
    display: none;
}
.get-consultation-breezer .hbfl-image-wrp {
    justify-content: start;
}
.get-consultation-breezer-flex-wrp {
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: auto;
    padding-left: 8%;
    flex-direction: column;
}
.get-consultation-breezer-flex-wrp .hbfl-text > p {
    font-size: 19px;
    line-height: 1.5em;
    margin-bottom: 60px;
    font-weight: 300;
}
form .form-field.form-field-politica {
    font-size: 15px;
    line-height: 1.2em;
}
.button.button-primary,
.wa-button, .wa-login-submit,
.wa-signup-form-wrapper input[type="submit"],
.wa-field .wa-value input[type="submit"],
body .wa-order-form-wrapper .wa-step-confirm-section .wa-section-body .wa-actions-section .wa-button,
body .s-order-page .s-order-section > .s-section-body .wa-form-body .wa-submit-button {
	padding: 14px 10px 16px;
	font-size: 17px;
	background: var(--link-color);
	color: #FFF;
    font-weight: 400;
	border: 0 none;
	border-radius: 30px;
    opacity: 1;
    text-decoration: none;
    cursor: pointer;
}
.button.button-primary.button-sm, .wa-login-submit, .wa-signup-form-wrapper input[type="submit"] {
    padding: 10px 15px;
    font-size: 15px;
}
.wa-login-submit, .wa-signup-form-wrapper input[type="submit"] {
    min-width: 125px;
}
.wa-field .wa-value input[type="submit"] {
    height: 48px;
    padding-left: 20px;
    padding-right: 20px;
}
.button.button-primary:hover,
.wa-field .wa-value input[type="submit"]:hover,
.wa-signup-form-wrapper input[type="submit"]:hover,
.wa-login-submit:hover,
.wa-button:hover {
    color: var(--white) !important;
    opacity: 0.75;
}
.wa-button {
    padding: 10px 15px;
}
body .wa-order-dialog .wa-dialog-body {
    border-radius: 20px;
}
body .wa-order-dialog .wa-dialog-body .wa-dialog-footer {
    border-radius: 0 0 20px 20px;
    padding-bottom: 20px;
}
body .wa-order-dialog .wa-dialog-body .wa-dialog-header {
    padding: 20px;
}
body .wa-order-dialog .wa-dialog-body .wa-dialog-header .wa-header {
    font-weight: 400;
}
.wa-close-wrapper .wa-icon.delete {
    width: 14px;
    height: 14px;
}
#consiltation .form-field input[type="text"] {
    width: 100%;
}
#consiltation .button.button-primary {
    width: 100%;
}
.partners-block {
    padding-top: 0;
}
.partners .owl-stage {
    display: flex;
    align-items: center;
}

.partners-block .partners .owl-nav button.owl-prev,
.partners-block .partners .owl-nav button.owl-next {
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 47px;
	height: 47px;
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width=\'47\' height=\'47\' viewBox=\'0 0 47 47\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M23.5 1L1 23.5M1 23.5L23.5 46M1 23.5H46\' stroke=\'%23D9E4EA\' stroke-linecap=\'round\' /%3E%3C/svg%3E");
}
.partners-block .partners .owl-nav button.owl-prev {
	left: -125px;
}
.partners-block .partners .owl-nav button.owl-next {
	right: -125px;
	-ms-transform: translateY(-50%) scale(-1,1);
	-webkit-transform: translateY(-50%) scale(-1,1);
	transform: translateY(-50%) scale(-1,1);
}

.reviews-slider-inner {
    position: relative;
    padding: 150px 0;
}
.reviews-inline-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.reviews-bg-left {
	width: 55%;
	height: 100%;
	background-color: var(--text-color);
}
.reviews-bg-right {
	width: 45%;
	height: 100%;
	background-color: var(--link-color);
}
.reviews-container .reviews-body-wrp {
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.reviews-container .reviews-items-slider-wrp {
    flex: 0 0 50%;
    overflow: hidden;
}
.reviews-body {
    font-size: 19px;
    font-weight: 300;
    line-height: 1.3em;
    color: var(--white);
    opacity: 0.75;
}
.reviews-body-wrp h2 {
    color: var(--white);
    position: relative;
}
.show-yamaps-reviews {
	font-weight: 400;
	font-size: 20px;
    line-height: 25px;
	color: var(--link-color);
	position: relative;
    display: inline-flex;
    align-items: center;
}
.show-yamaps-reviews::after {
	content: "";
	width: 24px;
	height: 25px;
	position: absolute;
	right: -40px;
	background-image: url("data:image/svg+xml,%3Csvg width=\'24\' height=\'25\' viewBox=\'0 0 24 25\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M12 2.5L22 12.5M22 12.5L12 22.5M22 12.5H2\' stroke=\'%2300A2FE\' stroke-linecap=\'round\' /%3E%3C/svg%3E");
}
.reviews-items-slider {
    margin-bottom: 70px;
}
.reviews-item {
	background-color: #fff;
	padding: 80px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
}
.reviews-item-name {
	font-size: 19px;
	font-weight: 600;
}
.reviews-item-date {
	font-size: 15px;
	opacity: .5;
	margin-bottom: 20px;
}
.reviews-item-name-rate {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 8px;
}
.reviews-items-slider-wrp .owl-stage {
    display: flex;
}
.reviews-items-slider-wrp .owl-item {
    flex: 1;
    margin-left: 3px;
}
.reviews-slider .reviews-items-slider-wrp .owl-nav {
	position: absolute;
	right: 0;
	bottom: -60px;
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.reviews-slider .reviews-items-slider-wrp .owl-nav button.owl-prev,
.reviews-slider .reviews-items-slider-wrp .owl-nav button.owl-next {
	background-image: url("data:image/svg+xml,%3Csvg width=\'40\' height=\'40\' viewBox=\'0 0 40 40\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M20 0.99707L0.997071 20M0.997071 20L20 39.0029M0.997071 20H39.0029\' stroke=\'white\' stroke-linecap=\'round\' /%3E%3C/svg%3E");
	width: 40px;
	height: 40px;
    opacity: 1;
    transition: all .3s ease-in-out;
}
.reviews-slider .reviews-items-slider-wrp .owl-nav button.owl-next {
	-ms-transform: scale(-1,1);
	-webkit-transform: scale(-1,1);
	transform: scale(-1,1);
}
.reviews-slider .reviews-items-slider-wrp .owl-nav button.owl-prev.disabled,
.reviews-slider .reviews-items-slider-wrp .owl-nav button.owl-next.disabled {
	opacity: .2;
}
.reviews-items-actions {
	position: relative;
	z-index: 2;
}
.reviews-items-actions-dots {
	color: #fff;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
	-ms-flex-align: center;
	align-items: center;
}
.reviews-counter-item {
	font-weight: 400;
	font-size: 19px;
}
.reviews-counter-line {
	height: 1px;
	width: 240px;
	background-color: #fff;
	display: block;
}
.reviews-item-rate {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-column-gap: 8px;
	-moz-column-gap: 8px;
	column-gap: 8px;
}
.reviews-item-star {
	background-image: url("data:image/svg+xml,%3Csvg width=\'24\' height=\'24\' viewBox=\'0 0 24 24\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cg clip-path=\'url(%23clip0_1_74)\'%3E%3Cpath d=\'M8.315 7.83475L8.57522 7.79702L8.69161 7.56123L11.5446 1.78123L11.5448 1.78094C11.586 1.69721 11.6499 1.6267 11.7292 1.57739C11.8084 1.52808 11.8999 1.50195 11.9933 1.50195C12.0866 1.50195 12.1781 1.52808 12.2573 1.57739C12.3366 1.6267 12.4005 1.69721 12.4418 1.78094L12.4419 1.78117L15.2939 7.56117L15.4102 7.79697L15.6704 7.83474L22.0504 8.76074L22.0506 8.76076C22.1381 8.77343 22.2206 8.80906 22.2898 8.86402C22.3591 8.91898 22.4125 8.9913 22.4446 9.07363C22.4768 9.15595 22.4866 9.24533 22.4729 9.33266C22.46 9.41586 22.4262 9.49436 22.3749 9.56094L22.3184 9.62245L17.7045 14.1126L17.5159 14.2961L17.5605 14.5555L18.6515 20.9105L18.6515 20.9107C18.6665 20.9981 18.6581 21.088 18.6269 21.171C18.5958 21.2541 18.5431 21.3274 18.4743 21.3833C18.4055 21.4393 18.323 21.476 18.2354 21.4896C18.1515 21.5026 18.0658 21.494 17.9863 21.4648L17.9134 21.4313L12.2324 18.4376L11.9995 18.3149L11.7666 18.4374L6.06057 21.4374L6.06038 21.4375C5.98196 21.4787 5.89398 21.4984 5.80546 21.4945C5.71692 21.4906 5.63102 21.4632 5.55655 21.4152C5.48207 21.3672 5.4217 21.3002 5.38161 21.2212C5.34334 21.1458 5.32487 21.062 5.32781 20.9776L5.33727 20.8976L6.42506 14.5554L6.46953 14.2961L6.28101 14.1126L1.65901 9.61363L1.65854 9.61318C1.59505 9.55154 1.54906 9.47415 1.52526 9.38892C1.50146 9.30369 1.50071 9.21367 1.52308 9.12805C1.54545 9.04243 1.59014 8.96428 1.65259 8.90158C1.71218 8.84176 1.7859 8.79805 1.86683 8.77445L1.94905 8.75771L8.315 7.83475Z\' fill=\'white\' stroke=\'%2300A2FE\' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'clip0_1_74\'%3E%3Crect width=\'24\' height=\'24\' fill=\'white\' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	width: 24px;
	height: 24px;
}
.reviews-item-star.fill {
	background-image: url("data:image/svg+xml,%3Csvg width=\'24\' height=\'24\' viewBox=\'0 0 24 24\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cg clip-path=\'url(%23clip0_1_70)\'%3E%3Cpath d=\'M8.24325 7.33992L1.86325 8.26492L1.75025 8.28792C1.57919 8.33333 1.42325 8.42333 1.29835 8.54872C1.17344 8.67412 1.08406 8.83041 1.03932 9.00165C0.994575 9.17289 0.996081 9.35293 1.04368 9.5234C1.09128 9.69386 1.18327 9.84864 1.31025 9.97192L5.93225 14.4709L4.84225 20.8259L4.82925 20.9359C4.81878 21.1128 4.85552 21.2894 4.9357 21.4474C5.01589 21.6055 5.13664 21.7394 5.28559 21.8354C5.43454 21.9315 5.60634 21.9862 5.7834 21.994C5.96046 22.0018 6.13642 21.9625 6.29325 21.8799L11.9993 18.8799L17.6923 21.8799L17.7923 21.9259C17.9573 21.9909 18.1367 22.0109 18.312 21.9837C18.4873 21.9565 18.6522 21.8832 18.7898 21.7712C18.9275 21.6592 19.0328 21.5127 19.0951 21.3466C19.1574 21.1804 19.1743 21.0008 19.1443 20.8259L18.0533 14.4709L22.6773 9.97092L22.7553 9.88592C22.8667 9.74869 22.9397 9.58438 22.967 9.40972C22.9942 9.23506 22.9747 9.0563 22.9103 8.89165C22.846 8.72701 22.7392 8.58235 22.6007 8.47244C22.4623 8.36252 22.2972 8.29126 22.1223 8.26592L15.7423 7.33992L12.8903 1.55992C12.8077 1.39246 12.68 1.25144 12.5214 1.15283C12.3629 1.05422 12.1799 1.00195 11.9933 1.00195C11.8066 1.00195 11.6236 1.05422 11.4651 1.15283C11.3065 1.25144 11.1788 1.39246 11.0963 1.55992L8.24325 7.33992Z\' fill=\'%2300A2FE\' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'clip0_1_70\'%3E%3Crect width=\'24\' height=\'24\' fill=\'white\' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

img[src*="loader"] {
	position: relative;
	transform-origin: center;
	-webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

.breadcrumbs {
    padding: 40px 0;
}
.breadcrumbs a,
.breadcrumbs .current-bread {
    color: var(--text-color);
    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
    opacity: 0.2;
}
.breadcrumbs a:hover {
    color: var(--text-color) !important;
    opacity: .5;
}
.breadcrumbs .current-bread {
    opacity: 1;
    color: var(--link-color);
}
.breadcrumbs .bread-space {
	display: inline-block;
	margin: 0 20px;
	padding-right: 0;
	vertical-align: middle;
	width: 20px;
	height: 1px;
	opacity: 1;
	background: var(--link-color);
}

.paging-nav .menu-h {
    padding: 0;
    margin: 0 0 40px;
    list-style: none;
    display: flex;
    justify-content: center;
}
.paging-nav .menu-h a {
    /* color: var(--text-color); */
    color: var(--white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 15px;
    line-height: 20px;
    text-decoration: none;
    background-color: var(--link-color);
    border: 1px solid #e5eff5 !important;
    box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0),inset 0 -2px 3px 0 rgba(255,255,255,0);
}
.paging-nav .menu-h li.selected a,
.paging-nav .menu-h a:hover {
    background-color: var(--white);
    color: var(--text-color) !important;
    box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.2),inset 0 -2px 3px 0 rgba(255,255,255,0.5);
}
.paging-nav .menu-h li.selected a:hover {
    cursor: default !important;
}
.paging-nav .menu-h li {
    margin-left: -1px;
}
.paging-nav .menu-h li:first-child {
    margin-left: 0;
}
.paging-nav .menu-h li:first-child a {
    border-radius: 16px 0 0 16px;
    padding-left: 4px;
}
.paging-nav .menu-h li:last-child a {
    border-radius: 0 16px 16px 0;
    padding-right: 4px;
}
.paging-nav .menu-h a:hover {
    border-color: var(--link-color);
    color: var(--link-color);
}

.paging-nav .menu-h span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    width: 40px;
    height: 40px;
    border: 1px solid #e5eff5;
    color: var(--white);
    background-color: var(--link-color);
}

/* Border-radius Trend */
.reviews-item,
.sbs-item-img img {
    border-radius: 30px;
}
.hbfl-image img {
    border-radius: 60px 0 0 60px;
    max-width: 100%;
}
.get-consultation-breezer .hbfl-image img {
    border-radius: 0 60px 60px 0;
}
/* END Border-radius Trend */

#overview {
    display: flex;
}
.tabs-body-wrp {
    flex: 0 0 60%;
    max-width: 60%;
    padding-right: 60px;
    margin-bottom: 60px;
}
/* .tabs-body-wrp > .tabs {

} */
.tabs {
    display: flex;
    justify-content: space-between;
}
.tabs > button {
	display: flex;
	background: none;
	/* border: 1px solid #00a2fe; */
	border: 1px solid #FFF;
	border-radius: 16px 16px 0 0;
	border-bottom: 1px solid var(--text-color);
	font-size: 19px;
	font-weight: 400;
	line-height: 1em;
	margin-right: 10px;
	padding: 5px 25px;
	width: auto;
	flex: 0 1 100%;
	transition: all .3s ease-in-out;
	justify-content: center;
	align-items: center;
    min-height: 50px;
}
.tabs > button:last-child {
    margin-right: 0;
}
.tabs > button:hover {
    border: 1px solid #e9ecef;
}
.tabs > button.active {
    background: var(--link-color);
    color: var(--white);
    border-color: var(--link-color);
}
.tabs-body {}
.tabs-body > div {
    display: none;
    padding-top: 50px;
}
.tabs-body > div.active {
    display: block;
}

.contant-page {
    padding-bottom: 60px;
}

.service-card {
    margin-bottom: 25px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0,0,0,.075);
}

.contacts-top {
    justify-content: space-between;
    margin-bottom: 40px;
}
.contacts-top .contacts-item {
    flex: 0 0 32%;
    background: #FFF;
    box-shadow: 0px 10px 15px rgba(15,23,0,.05);
    border-radius: 20px;
    padding: 20px;
}
.contacts-item h5 {
    font-weight: 400;
    font-size: 19px;
}
.contacts-item .contacts-body p {
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 1.5em !important;
}
.contacts-item .contacts-body p:last-child {
    margin-bottom: 0;
}
.contacts-item .contacts-body p strong {
    font-weight: 500;
}
.contacts-map {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 10px 15px rgba(15,23,0,.05);
}
.contacts-messangers a {
    height: 24px;
    margin-left: 10px;
}
#callback-form-wrp {
    max-width: 500px;
}
#callback-form-wrp .form-field input[type="text"] {
    min-width: 100%;
}
#callback-form-wrp form .form-field.form-field-submit {
    text-align: center;
}
.wa-field,
.wa-field .wa-value > p .field {
    display: flex;
    align-items: center;
    font-size: 15px !important;
    opacity: 0.75;
    margin-bottom: 15px;
}
.wa-field .wa-value > p {
    flex-wrap: wrap;
    flex-direction: column;
}
.wa-field .wa-name {
    margin-bottom: 0 !important;
}
.wa-field .wa-name,
.wa-field .wa-value .field > span {
    font-weight: 400;
    margin-right: 5px;
    min-width: 175px;
    font-size: inherit !important;
    color: var(--text-color) !important;
}
.wa-field .wa-value {
    font-weight: 300;
}
.wa-field .wa-value .field > span {
    display: flex;
    min-width: 175px;
}
.wa-field .button.button-primary.button-sm {
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 15px;
}
.sub-links.sub-links-profile {
    margin-top: 40px;
}
.sub-links.sub-links-profile li.selected a {
    cursor: default;
    opacity: .5;
}
#mobile-bar {
    display: none;
}
#mobile-menu-wrp,
#mobile-search-wrp {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 100vh;
	z-index: 4;
    transition: all .25s ease-in-out;
}
#mobile-menu-wrp {
    top: 0;
    left: -100vw;
}
.mobile-menu-backdrop {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease-in-out .2s;
}
.mobile-menu-backdrop svg {
    color: var(--white);
    position: absolute;
    right: 15px;
    top: 15px;
}
.active .mobile-menu-backdrop {
    opacity: 1;
    visibility: visible;
    z-index: 2;
    transition: all .2s ease-in-out;
}
#mobile-menu-wrp.active {
    top: 0;
    opacity: 1;
    visibility: visible;
    left: 0;
    transition: all .2s ease-in-out;
}
.mobile-menu-body {
	background: var(--white);
	border-radius: 0;
	width: 320px;
	position: absolute;
	z-index: 3;
	left: 0;
	top: 0;
	bottom: 50px;
	padding: 0;
}
.mobile-menu-inner {
    overflow-y: auto;
    max-height: 100%;
    padding: 20px;
}
.mobile-menu-body ul { 
    margin: 0;
    padding: 0;
    list-style: none;
}
#mobile-search-wrp {
    bottom: -70px;
}
#mobile-search-wrp.active {
	bottom: 50px;
	opacity: 1;
	visibility: visible;
	width: 100vw;
	top: 0;
}
#mobile-search-wrp .search {
	z-index: 3;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
#mobile-search-wrp .search-wrapper {
	background: #FFF;
    z-index: 2;
	padding: 5px 10px;
	box-shadow: 0px -10px 15px rgba(15,23,0,.05);
}
#mobile-search-wrp .search #search {
    background-color: #EEE;
}
#mobile-search-wrp .search button {
    right: 10px;
}
#mobile-search-wrp #search-wrp {
	bottom: 50px;
	left: 0;
	right: 0;
	width: 100%;
	top: initial;
	z-index: 1;
	border-radius: 20px 20px 0 0;
    border-bottom: 0 none;
}
#mobile-search-wrp #search-wrp a.all {
    padding: 10px;
}
.mobile-list {}
.mobile-menu-body ul.mobile-list {
    margin-bottom: 25px;
}
.mobile-list a {
    padding: 10px 0;
    position: relative;
    font-size: 15px;
    font-weight: 400;
}
.mobile-list li {
    border-bottom: 1px solid var(--f-button-bg);
}
.mobile-list li:last-child {
    border-bottom: 0 none;
}
.mobile-list .drop-toggle {
    transform-origin: center;
    padding: 0;
    border: 0 none;
    background: #FFF;
    align-items: center;
    justify-content: center;
    transform: rotateX(0deg);
}
.mobile-list .drop-toggle.active {
    transform: rotateX(-180deg);
}
.mobile-list li > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mobile-list li.subchilds > ul {
    display: none;
    padding-left: 10px;
}
.mobile-contacts .phone {
    font-size: 19px;
    font-weight: 400;
    margin-bottom: 15px;
}
.mobile-contacts .email {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 15px;
}
.mobile-contacts .schedule {
    margin-bottom: 15px;
}
.mobile-contacts .address {
    line-height: 1.25em;
    margin-bottom: 15px;
}
.mobile-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 15px 5px 0;
    box-sizing: border-box;
    height: 100%;
}
.mobile-header .schedule {
    display: none;
}
.mobile-header img {
    max-width: 100%;
    max-height: 50px;
}
#m-filters-toggle {
	border: 0 none;
	background: var(--link-color);
	padding: 0;
	color: var(--white);
	border-radius: 20px;
	display: none;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 40px;
}
#close-filter {
    display: none;
}
@media screen and (max-width: 1600px) {
    .container {
        max-width: 1410px;
    }
    .partners-block .partners .owl-nav {
        display: none;
    }
    .hbfl-body-wrp {
        top: 12%;
    }
    .hbfl-header {
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 1499px) {
    .container {
        max-width: 1200px;
    }
    h1, .h1, .hbfl-header, .sbs-title, section h2, section .h2 { font-size: 40px; line-height: 40px; }
    .hbfl-header, .sbs-title, section h2, section .h2 {
        margin-bottom: 40px;
    }
    .top-h .schedule .schedule-row { display: block; white-space: nowrap; }
    .top-h .header-email { display: none; }
    .top-h .header-right { column-gap: 30px; }
    section { padding: 50px 0; }
    .reviews-container .reviews-body-wrp { flex: 0 0 48%; }
    .sbs-item-wrp { flex: 0 0 24%; max-width: 24%; }
    .sbs-item { padding: 50px 20px; }
    .sbs-item .sbs-item-img { border-radius: 30px;  }
}
@media screen and (max-width: 1299px) {
    .container {
        max-width: 1100px;
    }
    .container .category-products .sidebar {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .container .category-products #product-list-wrp {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .category-products #product-list .product-list .p-item {
    	width: 33.3333%;
    }
    .product-list .p-item {
        width: 25%;
    }
    .tabs-body-wrp {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0;
    }
}
@media screen and (max-width: 1100px) {
    .container {
        max-width: 960px;
    }
    section { padding: 30px 0; }
    .product-list .p-item { padding: 15px; }
    .top-h .schedule, .h-logo-text, .main-slider-description, .main-slider .owl-nav, .hbfl-header br { display: none;}
    .main-slider-title {
        font-size: 45px;
        line-height: 1em;
    }
    .catalog-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    .advantages {
        padding-top: 60px;
    }
    .advantages .wa-flex {
        flex-wrap: wrap;
    }
    .advantage-item {
        flex: 0 0 50%;
        max-width: 50%;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 40px;
    }
    .advantage-icon {
        flex: 0 0 auto;
        margin-bottom: 0;
    }
    .advantage-title {
    	flex: 0 0 70%;
    	max-width: 70%;
    	margin-bottom: 0;
    	padding-left: 20px;
    	display: inline-flex;
    	align-items: center;
        font-size: 19px;
        line-height: 1.25em;
    }
    .advantage-body {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 15px;
    }
    .product-list .p-item {
        width: 25%;
    }
    .hbfl-body-wrp {
        top: 30px;
    }
    h1, .h1, .hbfl-header, .sbs-title, section h2, section .h2 {
        font-size: 32px;
        line-height: 1em;
    }
    .hbfl-header, .sbs-title, section h2, section .h2,
    .get-consultation-breezer-flex-wrp .hbfl-text > p,
    form .form-field, .bfq-question-row {
    	margin-bottom: 25px;
    }
    .hbfl-text, .sbs-description-text {
        font-size: 15px;
        line-height: 1.25em;
    }
    .get-consultation-breezer-flex-wrp .hbfl-text > p {
        font-size: 17px;
        line-height: 1.25em;
    }
    .sbs-item-title {
        font-size: 19px;
        line-height: 1.25em;
    }
    .sbs-item-description {
        line-height: 1.25em;
    }
    .faq-item-body {
        padding: 25px;
    }
    .why-we .hbfl-body-wrp {
        top: 20%;
        padding-right: 30px;
    }
    .advantages, .set-breezer-steps {
        overflow: hidden;
    }
    footer {
        padding: 40px 0;
    }
    footer .container.footer-columns {
        flex-wrap: wrap;
    }
    footer .container.footer-columns .footer-col:first-child {
        flex: 0 0 100%;
        margin-bottom: 40px;
        max-width: 100%;
    }
    .partners-block .partners .owl-nav {
        display: none;
    }
}
@media screen and (max-width: 991px) {
    html, body {
        overflow-x: hidden;
    }
    .container {
        max-width: 768px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .top-h .header-phone,
    .top-b .header-menu > ul > li:not(.catalog-dropdown) {
    	display: none;
    }
    .top-b .header-menu li.dropdown > ul.collapsible {
        right: 0;
    }
    .header-logo img {
        max-width: 125px;
    }
    header#header {
        height: 130px;
    }
    main.maincontent {
        padding-top: 130px;
    }
    .main-slider-title {
    	font-size: 32px;
    	max-width: 60vw;
    	padding-top: 50px;
    }
    .main-slider .button.button-primary {
        font-size: 17px;
    }
    .main-slider .owl-dots {
        bottom: 10px;
    }
    .catalog-grid {
    	grid-template-columns: repeat(3, 1fr);
    }
    .product-list .p-item {
    	width: 33.33333%;
    }
    .homepage-breezer-form {
        padding: 50px 0;
    }
    .bfq-header,
    .sbs-header {
        flex-wrap: wrap;
        margin-bottom: 40px;
    }
    .sbs-header {
        margin-bottom: 60px;
    }
    .bfq-header h1,
    .sbs-header h2 {
        flex: 0 0 100%;
        margin-bottom: 30px;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .bfq-questions {
    	grid-template-columns: repeat(2, 1fr);
    }
    .set-breezer {
        display: flex;
        flex-direction: column-reverse;
    }
    .set-breezer > div {
        position: relative;
        top: initial;
        left: initial;
        right: initial;
        left: initial;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .hbfl-image,
    .sbs-description {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .hbfl-image img {
        border-radius: 0 !important;
    }
    .hbfl-body {
        width: 100%;
        max-width: 100%;
    }
    .sbs-item {
    	padding: 40px 10px 20px;
    }
    .sbs-item-title {
    	font-size: 17px;
        margin-bottom: 20px;
    }
    .sbs-item-description {
        font-size: 14px;
    }
    .sbs-item-n {
        width: 40px;
        height: 40px;
        top: -20px;
        left: 0;
        font-size: 19px;
    }
    .faq-item-btn {
        font-size: 19px;
    }
    .faq-item-body {
        padding: 20px;
    }
    .get-consultation-breezer .hbfl-body-wrp {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0;
        display: flex;
        align-items: center;
    }
    .get-consultation-breezer-flex-wrp {
        padding-left: 0;
        max-width: 400px;
        margin: 30px auto;
    }
    .get-consultation-breezer .hbfl-image-wrp {
        overflow: hidden;
    }
    .get-consultation-breezer .hbfl-image-wrp .hbfl-image {
    	-moz-filter: blur(2px);
    	-webkit-filter: blur(2px);
    	filter: blur(2px);
    }
    .why-we,
    .reviews-slider-inner {
        padding: 30px 0;
    }
    .reviews-container .wa-flex {
        flex-wrap: wrap;
    }
    .reviews-container .wa-flex > div {
        flex: 0 0 100%;
        margin-bottom: 40px;
        max-width: 100%;
    }
    footer .container.footer-columns .footer-col:not(:first-child) {
        flex: 0 0 33%;
        max-width: 33%;
    }
    .products-category-row {
        flex-wrap: wrap;
    }
    .products-category-row > div {
        flex: 0 0 100%;
        margin-bottom: 30px;
        padding-left: 0;
        max-width: 100%;
    }
    .products-category-row > div.sorting-list-wrp {
        text-align: right;
        display: flex;
    }
    .container .category-products #product-list-wrp {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
    }
    .container .category-products .sidebar {
        /* display: none; */
        position: fixed;
        z-index: 3;
        left: -100vw;
        top: 130px;
        bottom: 0px;
        visibility: hidden;
        opacity: 0;
        transition: all .2s ease-in-out;
    }
    header#header.out + main .container .category-products .sidebar {
        top: 60px;
    }
    .container .category-products .sidebar .categories {
        display: none;
    }
    .container .category-products .sidebar.active {
        visibility: visible;
        opacity: 1;
        left: 0;
        transition: all .2s ease-in-out .2s;
    }
    .container .category-products .sidebar .filters-wrp {
        background: var(--white);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        z-index: 3;
        width: 320px;
        border-radius: 0;
        overflow-y: auto;
    }
    .filters-wrp .filters-form-wrapper {
        margin-bottom: 0;
    }
    #m-filters-toggle {
        display: inline-flex;
    }
    .product-media-purchase #product-core-gallery {
        border-radius: 16px;
    }
    .product-media-purchase .product-media,
    .product-media-purchase .product-purchase {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .product-media-purchase .product-media {
        flex-direction: column-reverse;
        padding-right: 25px;
    }
    .product-media-purchase .img-main {
        margin-bottom: 15px;
        padding: 0;
        flex: 0 0 auto;
    }
    .product-media-purchase .img-thumbs {
        flex: 1 1 100%;
        max-width: 100%;
        margin-bottom: 25px;
    }
    .product-media-purchase #product-gallery.owl-carousel {
        transform: none;
        position: relative;
        top: initial;
        left: initial;
        width: auto !important;
    }
    .product-media-purchase #product-gallery.owl-carousel .image {
        transform: none;
    }
    .product-media-purchase #product-gallery.owl-carousel .image > div {
        padding: 0;
        overflow: hidden;
    }
    .product-media-purchase #product-gallery.owl-carousel .image > div img {
        max-width: 100%;
    }
}
@media screen and (max-width: 767px) {
    html, body {
        overflow-x: hidden;
    }
    .container {
        max-width: 680px;
        min-width: 320px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .form-field input[type="text"], .bfq-question-value input[type="text"], .wa-field .wa-value input[type="text"], .wa-field .wa-value input[type="password"], .wa-field .wa-value select {
        min-width: 100%;
    }
    main.maincontent {
        padding-top: 50px;
    }
    section,
    .catalog,
    .advantages,
    .homepage-breezer-form,
    .set-breezer,
    .reviews-slider-inner {
        padding: 40px 0 40px;
    }
    header .top-h,
    header .top-b {
        display: none;
    }
    footer {
        padding: 30px 0 120px;
    }
    h1, .h1, #js-order-page.s-order-page .s-order-section > .s-section-header > .s-header {
        font-size: 24px;
        line-height: 28px;
    }
    #js-product-page #cart-flyer .product-name, #js-order-page.s-order-page .s-order-section > .s-section-body .wa-form-body .wa-header {
        font-size: 19px;
        line-height: 1.25em;
        margin-bottom: 0;
    }
    #js-product-page #cart-flyer .sku-name, #page p, #page ul, #page ol {
        font-size: 15px;
    }
    #page p, #page ul, #page ol {
        line-height: 1.25em;
    }
    h2, .h2, .hbfl-header, .sbs-title, section h2, section .h2, .sbs-description-title, #page h2 {
    	font-size: 22px;
        line-height: 1.25em;
    }
    .hbfl-header, .sbs-title, section h2, section .h2,
    form .form-field, .bfq-question-row {
        margin-bottom: 30px;
    }
    .hbfl-header br,
    .globalfooter .footer-columns .footer-col:nth-child(2),
    .globalfooter .footer-columns .footer-col:nth-child(3),
    .reviews-slider .reviews-items-slider-wrp .owl-nav {
        display: none;
    }
    header#header,
    header#header.out {
        height: 50px;
    }
    header#header.out {
        top: -50px;
    }
    header#header + main .mobile-float {
    	position: fixed;
    	top: 50px;
    	left: 0;
    	right: 0;
    	z-index: 2;
    	background: var(--white);
        transition: all .3s ease;
        box-shadow: 0px 10px 15px rgba(15,23,0,.05);
        width: auto;
        padding: 5px 15px;
    }
    header#header.out + main .mobile-float {
        top: 0;
    }
    .breadcrumbs .bread-space {
        margin: 0 5px;
        width: 15px;
    }
    .mobile-header .schedule {
        display: none;
    }
    .mobile-header .m-header-phones a {
        font-weight: 500;
        font-size: 15px;
        line-height: 1.25em;
        white-space: nowrap;
        color: var(--text-color);
    }
    .main-slider.owl-carousel .owl-item img {
        width: auto;
        max-height: 390px;
    }
    .main-slider-title {
        font-size: 35px;
        margin-bottom: 20px;
    }
    .main-slider-description,
    .main-slider .owl-nav,
    .partners-block .owl-nav {
        display: none;
    }
    .main-slider.owl-carousel .owl-item .container,
    .get-consultation-breezer {
        padding-bottom: 0;
    }
    .main-slider .button.button-primary,
    .button.button-primary {
        font-size: 14px;
        padding: 12px 15px;
    }
    #close-filter {
    	position: absolute;
    	right: 5px;
    	top: 5px;
    	border: 0 none;
    	padding: 0;
    	background: none;
    	width: 40px;
    	height: 40px;
        display: block;
    }
    #mobile-bar {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 5;
        background: #FFF;
        padding: 0 10px;
        box-shadow: 0px -10px 15px rgba(15,23,0,.05);
    }
    #mobile-bar.active a#cart {
        top: 0;
    }
    #mobile-bar > a,
    #mobile-bar > button {
        display: inline-flex;
        width: 50px;
        height: 50px;
        align-items: center;
        justify-content: center;
        background: none;
        border: 0 none;
        padding: 0;
    }
    #mobile-bar > a svg,
    #mobile-bar > button svg {
        width: 30px;
        height: 30px;
        color: #a3c1d1;
        transition: all .25s ease-in-out;
    }
    #mobile-bar > a.active svg,
    #mobile-bar > button.active svg {
        color: var(--link-color);
    }
    #mobile-bar > a#cart {
        width: 50px;
        height: 50px;
        position: relative;
        top: -5px;
        background: var(--link-color);
        color: var(--white);
        border-radius: 30px;
        box-shadow: 0px 0 15px rgba(15,23,0,.05);
    }
    #mobile-bar.is-product > a#cart {
        top: 0 !important;
    }
    #mobile-bar > a#cart.empty .cart-count {
        display: none;
    }
    #mobile-bar > a#cart .cart-count {
    	font-size: 12px;
    	color: var(--text-color);
    	background: var(--white);
    	width: 20px;
    	height: 20px;
    	border-radius: 20px;
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	position: absolute;
    	bottom: 5px;
    	right: 5px;
    }
    #mobile-bar > a#cart svg {
        width: 50px;
        height: 50px;
        color:  var(--white);
    }
    #mobile-bar > button#menu span {
        position: relative;
        display: inline-block;
        width: 24px;
        height: 2px;
        background: #a3c1d1;
        transition: all .2s ease-in-out .2s;
    }
    #mobile-bar > button#menu span::after,
    #mobile-bar > button#menu span::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        right: 0;
        background: #a3c1d1;
        transform-origin: center;
        transition: transform .2s ease-in-out, top .2s ease-in-out .2s;
    }
    #mobile-bar > button#menu span::before {
        top: -8px;
    }
    #mobile-bar > button#menu span::after {
        top: 8px;
    }
    #mobile-bar > button#menu.active span {
        background: rgba(0,0,0,0);
        transition: all .2s ease-in-out;
    }
    #mobile-bar > button#menu.active span::before,
    #mobile-bar > button#menu.active span::after {
        transition: top .2s ease-in-out, transform .2s ease-in-out .2s;
        transform: rotate(45deg);
        background: var(--link-color);
        top: 0;
    }
    #mobile-bar > button#menu.active span::after {
        transform: rotate(-45deg);
    }
    .contact-widget {
        opacity: 0;
        visibility: hidden;
        display: flex;
        left: 0;
        right: 0;
        top: initial;
        height: auto;
        bottom: -70px;
        z-index: 2;
        flex-direction: row;
        justify-content: space-around;
        border-radius: 20px 20px 0 0;
        padding-bottom: 20px;
        box-shadow: 0px 0 15px rgba(15,23,0,.15);
    }
    .contact-widget.active {
        opacity: 1;
        visibility: visible;
        bottom: 50px;
        border-radius: 20px 20px 0 0;
    }
    .contact-widget-close,
    .contact-widget-open {
        display: none !important;
    }
    .contact-widget.active button.callback, .contact-widget.active a {
        margin-bottom: 0;
        width: 50px;
        height: 50px;
    }
    .contact-widget button.callback svg {
        width: 24px;
        height: 24px;
    }
    .contact-widget a svg {
        width: 30px;
        height: 30px;
    }
    .catalog-grid {
        grid-template-columns: repeat(2, 1fr);
        margin: 0 -15px;
    }
    .catalog-item-wrp {
        padding: 20px 5px;
    }
    .catalog-item-img,
    .advantage-icon,
    .product-list .p-item h5,
    .product-list .p-item .pricing,
    #page h2 {
        margin-bottom: 15px;
    }
    .product-list .p-item .image-p {
        margin-bottom: 0;
    }
    .advantage-item,
    .get-consultation-breezer .hbfl-image,
    .get-consultation-breezer-flex-wrp .hbfl-text > p,
    .container .category-name {
        margin-bottom: 25px;
    }
    .advantage-item,
    .globalfooter .footer-columns {
        display: flex;
        flex-wrap: wrap;
    }
    .globalfooter .footer-columns .footer-col {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .globalfooter .footer-columns .footer-col.f-contacts {
        margin-top: 15px;
    }
    .globalfooter .footer-columns .footer-col .f-body {
        text-align: center;
    }
    .advantage-item:last-child {
        margin-bottom: 0;
    }
    .advantage-icon {
        flex: 0 0 auto;
    }
    .advantage-title {
    	flex: 0 0 70%;
    	max-width: 70%;
    	margin-bottom: 0;
    	padding-left: 20px;
    	display: inline-flex;
    	align-items: center;
    }
    .advantage-body,
    .globalfooter .footer-columns .footer-col,
    footer .container.footer-columns .footer-col:last-child,
    .tabs-body-wrp {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .catalog-item-name,
    .advantage-title,
    .product-list .p-item .price,
    .reviews-body,
    .show-yamaps-reviews,
    .reviews-item-name,
    form .form-field-name, .bfq-question-name {
        font-size: 17px;
        line-height: 1.25em;
    }
    .product-list .p-item h5,
    .product-list .p-item .purchase a {
        font-size: 15px;
    }
    .tabs-body-wrp {
        padding-right: 0;
        margin-bottom: 0;
    }
    .tabs > button {
    	padding: 5px 10px;
    	line-height: 1.25em;
    	margin-right: 3px;
    	font-size: 12px;
    	align-items: center;
    }
    .tabs-body > div {
        padding: 20px 0;
    }
    .catalog-item-count,
    .advantage-body,
    .product-list .p-item .badge-wrapper,
    .reviews-item-body {
        font-size: 13px;
        line-height: 1.25em;
    }
    .advantages .wa-flex {
        flex-wrap: wrap;
    }
    .advantages + .promo-products {
        padding-bottom: 0;
    }
    .product-list {
        margin: 0 -17px 0 -15px;
    }
    .container #product-list .product-list .p-item,
    .product-list .p-item {
        width: 50%;
        padding: 10px;
    }
    .product-list .p-item img {
        max-width: 100%;
    }
    .product-list .p-item .badge-wrapper {
        right: -5px;
        top: -5px;
        z-index: 3;
    }
    .product-list .p-item .addtocart-btn {
        width: 48px;
        height: 48px;        
    }
    .bfq-header {
        flex-wrap: wrap;
        margin-bottom: 40px;
    }   
    .bfq-header > .h1 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 25px;
    }
    .bfq-header > .bfq-hint {
        flex: 1 0 calc(100% - 62px);
        line-height: 1.25em;
    }
    .bfq-header > .bfq-counter {
        flex: 0 0 50px;
        width: 50px;
        height: 50px;
        font-size: 17px;
        border-radius: 10px;
    }
    .bfq-questions {
        grid-template-columns: repeat(2,1fr);
        column-gap: 20px;
    }
    .bfq-question-title {
        font-size: 20px;
        line-height: 1.25em;
        margin-bottom: 30px;
    }
    .bfq-actions {
        margin-top: 0;
        flex-direction: row;
    }
    .bfq-action-back, .bfq-action-next {
        padding-bottom: 20px;
    }
    .set-breezer {
        display: flex;
        flex-direction: column-reverse;
    }
    .hbfl-body-wrp {
        position: relative;
        top: initial;
        bottom: initial;
        left: initial;
        right: initial;
    }
    .hbfl-body {
        width: 100%;
        max-width: initial;
    }
    .hbfl-text, .sbs-description-text,
    .faq-item-btn, .get-consultation-breezer-flex-wrp .hbfl-text > p {
        font-size: 15px;
        line-height: 1.25em;
    }
    .hbfl-image {
        flex: 0 0 100%;
    }
    .hbfl-image img,
    .get-consultation-breezer .hbfl-image img {
        max-width: 100%;
        border-radius: 0px;
    }
    .sbs-header {
        display: flex;
        flex-direction: column;
        margin-bottom: 70px;
    }
    .sbs-title {
        padding-right: 0;
    }
    .sbs-body,
    .reviews-container .wa-flex,
    .bfq-actions {
        flex-wrap: wrap;
    }
    .sbs-description,
    .sbs-item-wrp,
    .reviews-container .wa-flex .reviews-body-wrp,
    .reviews-container .wa-flex .reviews-items-slider-wrp,
    .bfq-actions .bfq-message-block,
    .bfq-actions .bfq-actions-block {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .bfq-message-block {
        min-height: 40px;
    }
    .bfq-message-block .bfq-message {
        text-align: center !important;
    }
    .sbs-item-wrp,
    .reviews-items-slider {
        margin-bottom: 60px;
    }
    .sbs-item-wrp:last-child {
        margin-bottom: 0;
    }
    .sbs-item {
        text-align: center;
        padding: 60px 45px 60px;
    }
    .sbs-item-n {
        width: 50px;
        height: 50px;
        left: 50px;
        font-size: 22px;
    }
    .sbs-item-title, #page-content .product-info .related h3 {
        font-size: 22px;
        margin-bottom: 25px;
    }
    .sbs-item-description {
        line-height: 1.5em;
    }
    .sbs-item-img img {
        min-width: 320px;
        border-radius: 20px;
    }
    .faq-item-btn {
        font-weight: 500;
    }
    .faq-item-body {
        padding: 20px;
        font-size: 14px;
    }
    .hbfl-body {
        padding-left: 0;
    }
    .show-yamaps-reviews {
        -moz-filter: brightness(0) invert(100);
        filter: brightness(0) invert(100);
        margin-bottom: 30px;
    }
    .reviews-body {
        opacity: 0.95;
    }
    .reviews-item {
        padding: 20px;
    }
    .reviews-items-actions-dots {
        justify-content: center;
    }
    .breadcrumbs {
        padding: 20px 0;
    }
    .products-category-row {
        flex-direction: column;
    }
    .container .category-products #product-list-wrp {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
    }
    .container .category-products .sidebar {
        /* display: none; */
        position: fixed;
        z-index: 3;
        left: -100vw;
        top: 0;
        bottom: 50px;
        visibility: hidden;
        opacity: 0;
        transition: all .2s ease-in-out;
    }
    .container .category-products .sidebar.active {
        visibility: visible;
        opacity: 1;
        left: 0;
        transition: all .2s ease-in-out .2s;
    }
    .container .category-products .sidebar .filters-wrp {
        background: var(--white);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        z-index: 3;
        width: 320px;
        border-radius: 0;
        overflow-y: auto;
    }
    .filters-wrp .filters-form-wrapper {
        margin-bottom: 0;
    }
    .container .sub-links a {
    	padding: 10px 5px 9px;
    	font-size: 12px;
    	margin-bottom: 10px;
    	border-radius: 20px;
    }
    .sorting-list-wrp {
        margin: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #m-filters-toggle {
        display: inline-flex;
    }
    .image-wrapper-main.owl-carousel .image-wrapper.active ~ .image-wrapper {
        display: none;
    }
    .image-wrapper-main.owl-carousel .image-wrapper {
        opacity: 1;
        visibility: visible;
        position: relative;
        top: initial;
        left: initial;
    }
    .product-list .p-item .image-wrapper-box, .product-list .p-item .image-wrapper {
        position: relative;
        top: initial;
        left: initial;
    }
    .product-list .p-item .image-p {
        margin-bottom: 25px;
    }
    .product-list .p-item .image-p .image {
        height: auto;
        padding-top: initial !important;
    }
    #js-product-page .product-media-purchase {
        flex-wrap: wrap;
        margin-bottom: 0px;
    }
    .product-media-purchase #product-core-gallery {
        border-radius: 16px;
    }
    .product-media-purchase .product-media,
    .product-media-purchase .product-purchase {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .product-media-purchase .product-media {
        flex-direction: column-reverse;
        padding-right: 0;
        margin: 0 -15px 15px;
        flex: 0 0 auto;
        max-width: calc(100% + 30px);
    }
    .product-media-purchase .img-main {
        margin-bottom: 15px;
        padding: 0;
        flex: 0 0 auto;
    }
    .product-media-purchase .img-thumbs {
        flex: 1 1 100%;
        max-width: 100%;
        margin-bottom: 25px;
    }
    .product-media-purchase #product-gallery.owl-carousel {
        transform: none;
        position: relative;
        top: initial;
        left: initial;
        width: auto;
    }
    .product-media-purchase #product-gallery.owl-carousel .image {
        transform: none;
    }
    .product-media-purchase #product-gallery.owl-carousel .image > div {
        padding: 0;
        overflow: hidden;
    }
    .product-media-purchase #product-gallery.owl-carousel .image > div img {
        max-width: 100%;
    }
    .product-purchase #cart-flyer #cart-form {
        margin-top: 0;
    }
    /* .product-purchase #cart-flyer #cart-form .quantity-wrapper, */
    .product-purchase .product-help-info,
    .product-purchase div[itemprop="offers"] {
        display: none;
    }
    #cart-form {
        position: fixed;
        bottom: 50px;
        left: 0;
        right: 0;
        z-index: 2;
        padding: 5px 15px;
        background: var(--white);
        box-shadow: 0px -10px 15px rgba(15,23,0,.05);
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    #cart-flyer .add2cart.offer-prices-wrp {
        margin-bottom: 0;
        flex-direction: column-reverse;
        align-items: start !important;
    }
    #cart-flyer .add2cart .s-price .price-wrapper {
        font-size: 15px;
        line-height: 1.25em;
        font-weight: 500;
        white-space: nowrap;
    }
    #cart-flyer .add2cart .s-compare-price .price-wrapper {
        font-size: 14px;
        line-height: 1.25em;
        font-weight: 400;
        margin-left: 0;
        white-space: nowrap;
    }
    #cart-flyer .purchase .add2cart .button[type="submit"] {
        min-width: initial;
    	height: 40px;
    	line-height: 40px;
    	width: 75px;
    	font-size: 15px;
        margin-left: 15px;
    }
    #cart-flyer .purchase .add2cart .js-quantity-field {
        line-height: 40px;
        font-size: 15px;
        width: 45px;
    }
    #cart-flyer .purchase .add2cart .volume-buttons button.increase-volume {
        width: 40px;
        height: 40px;
    }
    #overview .features-flex {
        font-size: 12px;
        margin-bottom: 15px;
    }
    #page-content .s-cart-empty-wrapper {
        flex-wrap: wrap;
    }
    #page-content .s-cart-empty-wrapper > div {
    	flex: 0 0 100%;
    	max-width: 100%;
    	margin-bottom: 25px;
    	padding-right: 0;
    	justify-content: center;
    	display: flex;
    	flex-direction: column;
    	align-items: center;
    }
    .s-cart-empty-wrapper .s-image-wrapper img {
        max-width: 150px;
    }
    .wa-login-form-wrapper  .wa-field,
    .wa-signup-form-wrapper .wa-field,
    .wa-forgotpassword-form-wrapper .wa-field {
        flex-wrap: wrap;
        margin-top: 0 !important;
    }
    .wa-login-form-wrapper  .wa-field .wa-name,
    .wa-signup-form-wrapper .wa-field .wa-name,
    .wa-forgotpassword-form-wrapper .wa-field .wa-name {
        margin-bottom: 10px !important;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .wa-login-form-wrapper  .wa-field .wa-value,
    .wa-signup-form-wrapper .wa-field .wa-value,
    .wa-forgotpassword-form-wrapper .wa-field .wa-value {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px !important;
    }
    .wa-login-form-wrapper .wa-login-form-fields .wa-login-forgotpassword-url,
    .wa-forgotpassword-form-wrapper .wa-field .wa-forgotpassword-button {
        margin-top: 15px;
        font-weight: 400;
    }
    .wa-forgotpassword-form-wrapper .wa-forgotpassword-form-fields,
    .wa-forgotpassword-form-wrapper .wa-forgotpassword-form-actions,
    .wa-signup-form-wrapper .wa-signup-form-fields,
    .wa-signup-form-wrapper .wa-signup-form-actions {
        padding: 0;
    }
    #page-content .orders-wrp-my > div {
        flex-wrap: wrap;
    }
    #page-content .orders-wrp-my .order-id {
    	flex: 0 0 25%;
    	max-width: 25%;
    	margin-bottom: auto;
    	margin-top: 15px;
    }
    #page-content .orders-wrp-my .order-items {
        flex: 0 0 75%;
        max-width: 75%;
        padding-right: 0;
    }
    #page-content .orders-wrp-my .order-delivery-payment-wrp {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 15px;
    }
    #page-content .order-information-wrp {
        flex-wrap: wrap;
    }
    #page-content .order-information-wrp > div {
        padding: 10px;
        border-radius: 10px;
        flex: 0 0 49%;
        max-width: 49%;
    }
    #page-content .order-information-wrp > div.order-information,
    #page-content .order-items-wrp .order-items,
    #page-content .order-items-wrp .order-total-info,
    #page-content .order-items .order-items-item > div:first-child {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #page-content .order-items .order-items-item > div:first-child {
        margin-bottom: 10px;
    }
    #page-content .order-items-wrp .order-total-info {
        margin-left: 0;
        margin-top: 15px;
    }
    #page-content .order-items .order-items-item > div.align-right {
        white-space: nowrap;
        flex: 0 0 auto;
        max-width: initial;
        padding-left: 0;
    }
    #page-content h4 {
        font-size: 17px;
        margin-bottom: 10px;
    }
    .order-information-wrp > div p.wa-flex,
    .order-items-wrp,
    .order-items > div,
    .wa-field .wa-value > p .field {
        flex-wrap: wrap;
    }
    #wa-my-info-edit-wrapper .wa-field {
        display: block;
    }
    .wa-field .wa-value > p {
        margin-top: 10px;
    }
    #wa-my-info-edit-wrapper .wa-field .wa-name,
    .wa-field .wa-value .field > span {
    	display: block;
    	margin-bottom: 10px !important;
    }
    .order-delivery-payment-item span, .order-information-wrp p > span:first-child, .order-total-info .wa-flex .align-left {
        display: block;
        margin-bottom: 3px;
    }

}