:root {
    --q-size-xs: 0;
    --q-size-sm: 600px;
    --q-size-md: 1024px;
    --q-size-lg: 1440px;
    --q-size-xl: 1920px;
    --color-blue: #003D91;
    --color-text: #252525;
    --color-orange: #F15904;
    --color-yellow: #F3E500;
    --color-grey: #6F6F6F;
    --color-main-bg: #f6f6f6;
    --color-light-blue: #92C1E9;
    --mb: 40px;
}
/*@font-face {
    font-family: 'Open Sans';
    src: url('/site/fonts/OpenSans-Light.woff2') format('woff2'), url('/site/fonts/OpenSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('/site/fonts/OpenSans-Regular.woff2') format('woff2'), url('/site/fonts/OpenSans-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('/site/fonts/OpenSans-SemiBold.woff2') format('woff2'), url('/site/fonts/OpenSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}*/
@font-face {
    font-family: 'Open Sans Condensed';
    src: url('/site/fonts/OpenSansCondensed-Light.woff2') format('woff2'), url('/site/fonts/OpenSansCondensed-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans Condensed';
    src: url('/site/fonts/OpenSansCondensed-Regular.woff2') format('woff2'), url('/site/fonts/OpenSansCondensed-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans Condensed';
    src: url('/site/fonts/OpenSansCondensed-SemiBold.woff2') format('woff2'), url('/site/fonts/OpenSansCondensed-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PTRootUI';
    src: url('/site/fonts/PTRootUI-Regular.woff2') format('woff2'), url('/site/fonts/PTRootUI-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PTRootUI-Medium';
    src: url('/site/fonts/PTRootUI-Medium.woff2') format('woff2'), url('/site/fonts/PTRootUI-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PTRootUI-Bold';
    src: url('/site/fonts/PTRootUI-Bold.woff2') format('woff2'), url('/site/fonts/PTRootUI-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
html, body {scrollbar-width: thin;scrollbar-gutter: stable;margin: 0;padding: 0;font-size: 15px;width: 100%;height: 100%;min-height: 100%;font-family: "PTRootUI",-apple-system,BlinkMacSystemFont,sans-serif;;-webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;color: var(--color-text);background-color: #F4F4F8}
ul {list-style: none;margin: 0;padding: 0}
a {color: var(--color-text);text-decoration: none}
a:hover{color: var(--color-blue);text-decoration: underline}
.container {min-height: 100%;display: grid;grid-template-rows: auto 1fr auto;grid-template-columns: 100%;z-index: 2; position:relative; /*overflow: hidden;*/}
.full-container {width: 100%;display: grid;position: relative}
.header {display: grid;width: 100%;height: 135px;font-size: 16px}
.layout {width: 100%; display: grid}
.main-layout {
    display: flex;
    flex-direction: column;
    align-items: center;}
.footer {height: auto;width: 100%;background: rgb(79,144,200);background: linear-gradient(180deg, rgba(79,144,200,1) 0%, rgba(1,16,104,1) 100%)}
.inner-container {justify-self: center;width: 100%;max-width: var(--q-size-lg)}
.transition-bg {-webkit-transition: background-color 300ms linear;-moz-transition: background-color 300ms linear;-o-transition: background-color 300ms linear;transition: background-color 300ms linear}
.btn {cursor: pointer}
.flex-start{display: flex;justify-content: start}
.flex-center{display: flex;justify-content: center}
.flex-center-column-bottom{display: flex;flex-direction: column;align-items: center}
.flex-v-top{display: flex;align-items: flex-start}
.flex-v-center{display: flex;align-items: center}
.flex-v-bottom{display: flex;align-items: flex-end}
.flex-end{display: flex;justify-content: flex-end}
.f-light{font-weight: 300}
h1 {margin-top: 0;font-size: 21px}
.white-bg {background-color: #fff}
.p-20 {padding: 20px}
.input {border: none;outline: none;width: 100%;height: 38px;padding-left: 10px;background-color: var(--color-main-bg)}
.input:focus, .input:active {background-color: #fff}
.bg-light-blue {display: grid;height: 160px;margin-bottom: var(--mb);background: url('/site/img/blue-bg.webp');background-position: center center;background-size: cover;background-repeat: no-repeat;background-color: var(--color-light-blue)}
.bg-light-blue .title {color: #fff;text-align: center;font-size: 26px}
.bg-light-blue .title h3 {margin: 16px 0 20px 0}
.bg-light-blue .inpt {display: grid;justify-content: center;grid-template-columns: 360px 120px}
.bg-light-blue .inpt input {width: 360px;display: flex;height: 46px;border: 0;background-color: var(--color-main-bg);font-size: 15px;letter-spacing: 0.8px;font-weight: 300;padding-left: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px}
.bg-light-blue .inpt input:focus, .bg-light-blue .inpt input:active {background-color: #fff;border: 0;outline: 0}
.bg-light-blue .inpt .o-btn {height: 46px;width: 120px;display: flex;cursor: pointer;font-weight: 400;font-size: 15px;border-top-left-radius: 0;border-bottom-left-radius: 0}
.empty-o-btn {background-color: transparent !important;outline: 2px solid var(--color-blue);color: var(--color-text) !important}
.empty-o-btn:hover {background-color: #003d91 !important;color: #fff !important}
.relative {position: relative}
.head-block {background-color: #fff;padding: 20px}
.head-block h1 {display: inline;margin: 0 0 0 15px;font-size: 21px}
.head-block .count-products {display: inline; margin-left: 30px; color: var(--color-grey)}
.inline-block{display: inline-block}
.m-0 {margin:0}
.mt-40{margin-top:40px}
.mt-20{margin-top:20px}
.mr-10{margin-right:10px}
.ml-10{margin-left:10px}
.ml-5{margin-left:5px}
.mb-40{margin-bottom:40px}
.mb-2{margin-bottom:20px}
.ml-14{margin-left:14px}
.fs-14{font-size:14px}
.fs-18{font-size:18px}
.opacity-5 {opacity:.5}
.normal-color {color: var(--color-text) !important}
.text-grey {color:var(--color-grey)}
.text-sm{font-size:13px}
.blue-menu{transition: all 0.1s ease-in-out}
.scrolled-down {position: fixed;top:0;width:100%;z-index:2000}
.col-grid-2{display:grid;grid-template-columns:1fr 1fr}
.col-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr}
.col-grid-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}
.gap-10{gap:10px}
.gap-20{gap:20px}
.gap-30{gap:30px}
.gap-40{gap:40px}
.p-10{padding:10px}
#hider {position:fixed;justify-content:center;align-items:center;z-index:1000;top:0;left:0;width:100%;height:100%;background-color: rgba(255, 255, 255, 0.42);display:none;align-content:center;overflow:hidden;transition: all .3s linear}
.dark {background-color: rgba(0, 0, 0, 0.33) !important}
.box-prod-info .delivery-type {font-size: 15px}
.product-info-wrap h3 {font-size:21px}
.item-category h3 a {font-size: 20px}
.item-category ul li {font-size: 17px}
.wrap-icon-bank span{position:absolute;bottom:-4px;right:0;background-color:#fff;border-radius:50%;font-weight:600;font-size:11px;padding:2px;min-width:12px;text-align:center}
.bg-white {background-color: #fff}
.glide__bullets {z-index: 1 !important}
.product-icon{cursor:pointer;margin-right: 8px;padding: 5px}
.product-icon.active{background: rgb(245 235 0);border-radius: 50%}
.swiper-free-mode>.swiper-wrapper {margin: 1px auto !important}
#glide{margin-top:30px}
.btn-disable {opacity: .4}
.btn-disable.empty-o-btn:hover {background-color: transparent !important;color: var(--color-text) !important}
.text-by-order{text-align: left; font-size: 13px; font-weight: 600; min-height: 16px}