/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer,
header, hgroup, nav, section, summary {display: block;}
/* Corrects `inline-block` display not defined in IE 8/9. */
audio, canvas, video {display: inline-block;}
/* Prevents modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) {display: none; height: 0;}
/* Addresses styling for `hidden` attribute not present in IE 8/9. */
[hidden] {display: none;}
/* ==================   Base   ===================== */
html {font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body { margin: 0;}
a:focus {outline: 0;}
a:active, a:hover {outline: 0;}
/* ================  Typography  =================== */
h1 {font-size: 2em;}
/* * Addresses styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
/* Addresses styling not present in Safari 5 and Chrome.*/
dfn {font-style: italic;}
/* Addresses styling not present in IE 8/9. */
mark {background: #ff0; color: #000;}
/* Corrects font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp {font-family: monospace, serif; font-size: 1em;}
/* Improves readability of pre-formatted text in all browsers. */
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
/*Sets consistent quote types.*/
q {quotes: "\201C" "\201D" "\2018" "\2019";}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
/* ================== Embedded content ================= */
/*Removes border when inside `a` element in IE 8/9. */
img {border: 0;}
/*Corrects overflow displayed oddly in IE 9. */
svg:not(:root) {overflow: hidden;}
/* Addresses margin not present in IE 8/9 and Safari 5. */
figure {margin: 0;}
/* ==================   Forms   ======================= */
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0; }
button,input,select,textarea {font-family: inherit; font-size: 100%; margin: 0;}
button,input {line-height: normal;}
button, html input[type="button"],
input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled], input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="search"] {
  -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;}
textarea {overflow: auto; vertical-align: top;}
/* ==================   Tables   ========================= */
table {border-collapse: collapse; border-spacing: 0;}
/* =================== * * Reset * ======================= */
*, *:before, *:after {
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
  box-sizing: border-box; margin: 0; padding: 0;
}
html {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%;}
body {background: #FFFFFF; color: #000000; line-height: 1;}
html, body, img, fieldset, abbr, acronym {border: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: bold;}
th, code, cite, caption {font-weight: normal; font-style: normal; text-align: left;}
address {font-style: normal;}
fieldset {margin: 0; padding: 0; border: 0;}
img {display: block;}
ol, ul {list-style: none;}
q:before, q:after {content: '';}
input::-webkit-input-placeholder {color:#58595b; line-height: 28px;}
input::-moz-placeholder          {color:#58595b; line-height: 28px;}/* Firefox 19+ */
input:-moz-placeholder           {color:#58595b; line-height: 28px;}/* Firefox 18- */
input:-ms-input-placeholder      {color:#58595b; line-height: 28px;}
input:focus, input[type="search"]:focus {outline: none;/* outline-offset: -2px;*/}
input:focus::-webkit-input-placeholder {color: transparent}
input:focus::-moz-placeholder          {color: transparent}
input:focus:-moz-placeholder           {color: transparent}
input:focus:-ms-input-placeholder      {color: transparent}
input[type="search"] {
  -webkit-appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
textarea:focus, button:focus {outline: none; border: 0;}


/* ==================== * ============= * ===================== */
/* ==================== * Тема Sindaiwa * ===================== */
/* ==================== * ============= * ===================== */
html, body, .page {width: 100%; min-height: 100vh;}
body {
  font-size: var(--fontSzbs); font-family: 'Open Sans', arial, helvetica, sans-serif;
  color: var(--clrBlack); line-height: 1.42;
}
a {color: var(--clrBlack);}
a, a:hover {text-decoration: none;}
sup {font-size: 60%;}
img, iframe {max-width: 100%;}
iframe {border: 0}
/* -- -- */
:root {
  --clrGoldBs: #fab407; /* rgb 250,180,7 */
  --clrWhite:  #ffffff;
  --clrBlack:  #000000;
  --clrRedBs:  #bf0000;
  --clrTealBs: #037389; /* 3,115,137 */
  --bgGreyLt:  #e6e6e6;
  --bgGreyLtst: #f5f5f5;
  --bgYellowLt: #fffacd;
  --brRdsBs: 4px; /* border-radius */
  --contnrWd: 360px;
  --contPdX: 16px;
  --sectnMt: 30px;
  --tiBs: .5rem;
  --fontSzbs: 13px;
  --myBs: 28px;
  --hdH2Sz: 1.6em;
}
/* -- дополнение к bootstrap -- */
.text-gold  {color: var(--clrGoldBs)!important}
.text-black {color: var(--clrBlack)!important}
.text-white {color: var(--clrWhite)!important}
.text-redbs {color: var(--clrRedBs)!important}
.text-teal  {color: var(--clrTealBs)!important}
.text-small {font-size: 85%}
.text-smaller {font-size: 80%}
.text-sz18 {font-size: 1.15em!important}
.text-xl-sz18 {/* увеличение размера с 1200 - полный размер с 1600 */}
.text-sz20, .text-sz24 {font-size: 1.2em!important}
.text-sz30, .text-xl-sz30 {font-size: 1.3em!important}
.text-sz36 {font-size: var(--hdH2Sz)!important}
.text-param-mbl-0 {/* to max-width 992 */}
.ti-0 {text-indent: 0!important}
.ti-bs {text-indent: var(--tiBs)!important}
.lh-1 {line-height: 1.1!important}
.lh-bs {line-height: 1.25!important}
/* --- заголовкм --- */
h1, h2, h3, h4, h5, h6, .hd, .h2 {line-height: 1.1}
.hd {font-size: 1.1em;}
.h2 {font-size: var(--hdH2Sz);}
.h3,.mk-h3 > li::marker {font-size: 1.3em}
/* -- for content links -- */
.text-link {text-decoration: underline;}
.text-link:hover {text-decoration: none;}
/* -- -- */
.w-md-85 {/*  */}
.col-210 {max-width: 210px; flex: 0 0 210px;}
.overflowX-auto {overflow-x: auto;}
/* ----  ---- */
.bg-white  {background-color: var(--clrWhite)!important}
.bg-gold   {background-color: var(--clrGoldBs)!important}
.bg-teal   {background-color: var(--clrTealBs)!important}
.bg-greylt {background-color: var(--bgGreyLt)!important}
.bg-greyltst {background-color: var(--bgGreyLtst)!important}
.bg-black  {background-color: var(--clrBlack)!important}
.bg-black *, .bg-teal * {color: var(--clrWhite)}
/**/
.bg-fullscrn {--mX: -20vw; margin-left: var(--mX); margin-right: var(--mX)}
.bg-fullscrn .container {width: 100vw; margin-left: auto; margin-right: auto;}

/* -- -- */
.page {position: relative; overflow-x: hidden; overflow-y: auto;}
.main, .container {width: 100%; max-width: var(--contnrWd); margin-left: auto; margin-right: auto;}
/* -- для иконок  -- */
.ic-mobile-alt::before {content: '📞';}
/* - - */
.obj-hidden, a.pg-anchor {/* для скрытых объектов */
    position: absolute; overflow: hidden;
    width: 1px; height: 1px; margin: -1px; border: 0; padding: 0;
    white-space: nowrap; clip-path: inset(100%); clip: rect(0 0 0 0);
}
/* -- для выравнивания по вертикали  -- */
.valign {display: flex!important;}
.valign .inner, .valign > * {margin-top: auto; margin-bottom: auto;}
/* -------------------------------- */
/* -- для раскрывающихся блоков --- */
.skip-link, .bttn-ico {display: inline-block;}
.skip-link, .skip-link.skip-active,
.skip-link:hover, .skip-link:focus {text-decoration: none;}
.skip-content {display: none;}
.skip-content.skip-active, .skip-content.active {
  display: block; position: absolute; z-index: 25; 
}
/* -- раскрывающиеся блоки на основе .skip-link -- */
/* -- всплывающее фото типа light-box -- 
 * .popup.skip-link > .popup-box.skip-content + img (small) > .img-box > .icon- + img  --*/
.popup {}
.popup .popup-box .img-box {position: relative; display: none;}
.popup .popup-box .img-box img {max-height: 100%}
.popup .popup-box .icon, .popup .popup-box .icon- {
  position: absolute; right: 0; top: 0; text-align: center;
  display: inline-block; width: 24px; height: 24px; line-height: 24px; background-color: var(--clrGoldBs);
}
.popup .popup-box .icon::before, .popup .popup-box .icon-::before {content: '\2716'; color: var(--clrBlack);}
.popup .popup-box.skip-active {
  position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000;
  display: flex!important; flex-direction: column; justify-content: center; align-items: center;
  background-color: rgba(0, 0, 0, .6);
}
.popup .popup-box.skip-active .img-box {display: block; max-width: 95%; max-height: 95%}
.popup.no-prev .popup-box, .popup.no-prev .popup-box .img-box {display: block;}
.popup.no-prev .popup-box .icon {display: none;}
.popup.no-prev .popup-box.skip-active .icon {display: inline-block;}
/* -- блок типа drop-down - */
.drpdwn {position: position: relative;}
.drpdwn-lbl.skip-link:after, .drpdwn-lbl > .skip-link {position: absolute; right: 0; font-size: inherit;}
.drpdwn .skip-link::after {content: '\e832'; padding-left: 10px}
.drpdwn .skip-link.skip-active::after {content: '\2716'; font-size: inherit;}
.drpdwn-box.skip-active {padding: 10px} /*bg по доп классу*/
/* -- стили ссылок -- */
a.link {text-decoration: none!important;}
a.pg-anchor {transform: translateY(-24px);} /* якорю */
a.text-link {text-decoration: underline;}
a.text-link:hover {text-decoration: none;}
/* -- hover styles -- */
.hvr-shadow:hover {box-shadow: 2px 2px 5px rgba(154, 147, 140, 0.5), 1px 1px 5px rgba(255, 255, 255, 1);}
/* ============== * ========== * ============== */
/* ============== * Стили форм * ============== */
form {display: block;}
input, textarea, textarea:focus, select, select {border: 1px solid #bcbec0;}
select:focus, select:hover {border-color: #bcbec0}
.input-box input, .input-box textarea, 
.input-box select {width: 100%; padding: 3px 5px; color: var(--clrBlack); border-radius: 4px}
form:not(.form-short) label {margin-bottom: .25rem}
form .required {position: relative;}
form .required::before {
  content: '\2739'; color: var(--clrGoldBs); font-size: 12px; line-height: 1; 
  padding-right: 8px; position: relative; transform: translateY(-4px);
}
form .required-note {color: var(--clrRedBs);}
form .field:not(.buttons-set) {margin-bottom: 1rem}
form .bttn {font-size: 110%;}
form .std p {margin-bottom: 0}
.validation-advice {
  padding: 3px 7px; border-radius: 3px; line-height: 1;
  background: rgba(178,24,30,.05); color: var(--clrRedBs); font-size: 12px;
}
.validation-advice:before {content: '\2191'; padding-right: 5px}
/* -- кнопки -- */
button, .bttn {
  --bttnHt: 32px; display: inline-block; min-height: var(--bttnHt);
  padding: 0 12px; text-align: center; border: none; border-radius: var(--brRdsBs);
  background-color: var(--clrGoldBs);
}
.bttn.valign > * {margin: auto;}
.bttn:not(.valign) > * {line-height: var(--bttnHt);}
.bttn:hover, .button:hover {opacity: .8; text-decoration: none!important;}
.bttn:hover span, .button:hover span {text-decoration: none!important;}
.bttn-drk {
  background-color: var(--clrBlack); color: var(--clrGoldBs);  border: 1px solid var(--clrGoldBs);
}
.bttn-wht {background-color: var(--clrWhite); border: 1px solid grey;}
.btn-remove {padding: 0; border-radius: 50%}
/* -- кнопка-якорь * использовать с .bttn -- */
.anch-bttn {line-height: 1; padding-top: 6px; padding-bottom: 6px}
.anch-bttn > * {margin: auto;}
.anchors-grid {justify-content: space-between;}
.anchors-grid .bttn {width: 49%; margin-top: 2px; margin-bottom: 2px}
.anchors-grid.cinque {/* last bttn to 575px */}
.anchors-grid.row {margin-left: -6px; margin-right: -6px}
.anchors-grid.row [class="col-"] {padding-left: 6px; padding-right: 6px}
/* -- scroll button -- */
#bttnToTop {--bttnHt: 40px; position: fixed; right: 0; bottom: 30vh}
/* --- * ========================= * -- */
/* --- * индивидуальные стили форм * -- */
#search_mini_form {--bttnW: 36px; border-radius: var(--brRdsBs);}
#search_mini_form .input-box {width: 100%}
#search_mini_form input {width: calc(100% - var(--bttnW));}
#search_mini_form .bttn {
  width: var(--bttnW); height: 100%; border-radius: var(--brRdsBs) 0 0 var(--brRdsBs); padding: 0; margin-top: 0
}
#search_mini_form .bttn::before {font-size: 17px}
/* -- ------------------------ -- */
.bisinquiry-form {/* Business Inquiry Form - стр Контакты */}
.bisinquiry-form .field:not(.buttons-set) {margin-bottom: .75em}
/* -- блок с контактной формой -- */
.blk-contacts {}
.blk-contacts-form {align-items: center; justify-content: center;}
.blk-contacts-form form {--lblWd: 92px;}
.blk-contacts-form .field {width: 100%}
.blk-contacts-form label {width: var(--lblWd); padding-right: 16px; text-align: right;}
.blk-contacts-form .input-box {width: calc(100% - var(--lblWd));}
.blk-contacts-form .bttn {width: calc(100% - var(--lblWd)); margin-left: auto; margin-right: 0}
/* .blk-contacts c цветным bg - доп. классы .h-bg, и классу, задающий цвет bg */
.blk-contacts.h-bg {} /* класс .h-bg следует добавить и к .blk-contacts-form */
.blk-contacts-form.h-bg {--pdX: 24px; --pdY: 12px}
.blk-contacts-form.h-bg {padding: var(--pdY) var(--pdX);}
/* если есть фоновое изображение - см главная */
.blk-contacts-slogan.h-bgimg, .blk-contacts-slogan img {position: relative;}
.blk-contacts-slogan.h-bgimg .text {padding: 6px 24px; position: absolute; left: 0; right: 0; bottom: 12px;}
.blk-contacts-slogan.h-bgimg .text {/* цвет bg., цвет и размер шрифта задаются доп. классами */}
.bg-teal .blk-contacts-form label {color: var(--clrWhite);}
/**/
.account-login {max-width: 320px}
/* newsletter subscribe form */
.subscribe-form-box {
    display: block; width: 80%;  max-width: 320px;
    padding: 55px 55px 30px; border: 1px solid grey;
    background-color: #fff; text-align: center
}
.subscribe-form-box .form-head {position: relative; margin-bottom: 2rem}
.subscribe-form-box .form-head-brand {
    text-transform: uppercase; font-size: 15px; font-weight: bold; letter-spacing: .01rem;
}
.subscribe-form-box .form-head-brand::after{
    content: ''; display: block; width: 50%; margin: 1rem auto; border-bottom: 1px solid #ddd;
}
.subscribe-form-box .form-head-text {font-size: 14px;}
.subscribe-form-box .form-head .h2 {font-size: 23px; font-weight: 700}
.subscribe-form-box .input-box, .subscribe-form-box .bttn {margin-top: 1.5rem}
.subscribe-form-box input.input-text {
    display: block; width: 100%; padding: 8px 0;
    text-indent: 2%; font-size: 16px; background-color: #f2f4f3;  -webkit-appearance: none
}
.subscribe-form-box .bttn {
    width: 100%; height: 32px; line-height: 32px;
    padding: 0 22px; line-height: 32px; text-decoration: none;
}
.subscribe-form-box button {
    text-shadow: 1px 0px 1px #000;
    box-shadow: 0 1px 3px rgb(104 104 104 / 60%); border: none;
    background-image: linear-gradient(0deg,rgba(254,205,4,1) 0%,rgba(254,244,46,1) 100%);
}
.subscribe-form-box .bttn-close {color: #555; cursor: pointer}


/* ========== * =============== * ========== */
/* ========== * Header & Footer * ========== */
.header-main .logo, .footer-logo .logo {margin-left: auto; margin-right: auto; height: 28px}
.header-main, .footer-main {max-width: var(--contnrWd); margin-left: auto; margin-right: auto;}
/* ========== *  Ytader * ========== */
.header .bttn-ico.skip-active .ic {position: relative;}
.header .bttn-ico.skip-active .ic::after {content: '\2716'; position: absolute; right: -4px}
.header .bttn-ico.skip-active .ic.ic-menu::after {
  font-size: 13px; padding: 0 2px; background-color: var(--clrGoldBs);
  bottom: 0;
}
.header .bttn-ico.skip-active .ic.ic-search::after {
  --icSz:18px; display: inline-block; 
  width: var(--icSz); height: var(--icSz); line-height: var(--icSz);
  bottom: calc(-1 * var(--icSz)); padding: 0 2px; 
  background-color: var(--clrBlack); color: var(--clrWhite);
}
.header.bs {border-bottom: 4px solid var(--clrGoldBs); box-shadow: 0 4px 4px 4px rgba(0, 0, 0, .1);}
.header-top {padding-top: 6px; padding-bottom: 6px}
.header-top .inner {margin-left: auto; margin-right: auto;}
.header-top-text {letter-spacing: .01em; text-transform: uppercase;}
/**/
.header-right {position: absolute; top: 0; right: 0;}
.header-right .bttn-ico {--bttSz:28px; width: var(--bttSz); height: var(--bttSz);}
.header-right .ic:before {font-size: 20px; line-height: var(--bttSz)}
.header-right .skip-content:not(.has-count) {background-color: var(--clrBlack);}
.header-right .skip-content.skip-active {right: 0; left: auto;}
.header-right .account-links {min-width: 152px}
.header-account-box .account-name {position: absolute; display: none;}
.header-account-box.isLogged .skip-link::before {
  content: '\263b'; color: #00FA9A; position: absolute; top: 0; left:-2px;
}
/* header mini-cart */
.header-right .cart .count {
  background-color: var(--clrGoldBs); color: var(--clrBlack); font-size: 12px;
  position: absolute; bottom: 0; right: 28px;
}
.header-cart {
  --bttnClsSz: 28px; --mY: 12px;
  min-width: 200px; padding: 16px var(--mY) 18px; max-width: 700px;
  border: 1px solid var(--clrGoldBs); border-top: 1px solid transparent;
  box-shadow: 4px 4px 8px 6px rgb(0 0 0 / 10%);
}
.header-cart .messages {border-radius: 6px}
.header-cart .messages {padding: 0 6px;}
.header-cart .bttn-close {
  width: var(--bttnClsSz); height: var(--bttnClsSz); top: 0; right: 0;
  line-height: var(--bttnClsSz); font-size: 19px;
}
.header-cart .bttn-close::before {content: '\2716'; color: var(--clrWhite);}
.header-cart.has-count {width: 98vw; background-color: var(--bgYellowLt);z-index: 1000}
.header-cart.has-count * {color: var(--clrBlack); text-align: left;}
.header-cart.has-count.skip-active {right: 0}
#minicart-error-message {color: var(--clrRedBs); background-color: #FFDAB9;}
#minicart-success-message {background-color: var(--clrGoldBs);}
.minicart-title {font-size: 16px; margin-bottom: var(--mY)}
.minicart-wrapper {
  --imgSz: 60px; --bttnHt: 28px; --pX: 12px; 
}
.minicart-list .item {padding: 6px 4px}
.minicart-list .item:nth-child(odd) {background-color: rgba(255,255,255, .9);}
.minicart-list .bttn {--bttnHt: 28px;}
.minicart-list .product-image {width: var(--imgSz);}
.minicart-list .product-name, .minicart-list .product-extra-info {padding-left: var(--pX);}
.minicart-list .product-name .label {padding-right: 4px}
.minicart-list .info-wrapper td {border: none; padding-top: 0; padding-bottom: 0}
.minicart-list .price {display: block; text-align: center;}
.minicart-list .price, .minicart-list .qty {font-size: 16px}
.minicart-list .qty {width: 40px; height: var(--bttnHt);}
.minicart-list .qty-bttn {margin-left: 6px; padding: 0; width: 32px}
.minicart-wrapper .minicart-products {
  font-size: 14px; padding-top: 6px; padding-bottom: 6px;
  border-top: 1px solid grey; border-bottom: 1px solid grey
}
.minicart-products .product-image {border: 1px solid var(--bgGreyLt);} {}
.minicart-subtotal {padding: 8px 4px var(--mY); font-size: 16px}
.minicart-subtotal .price-wrapper {width: 100%;}
.minicart-subtotal .price {font-size: 18px}
.minicart-actions {font-size: 1.1em; padding-top: 6px}
.minicart-actions .bttn {font-size: 16px}
.minicart-actions .checkout-bttn {max-width: 160px;}
.minicart-actions .cart-link {max-width: 188px}
/*  */
.header-main {padding: var(--contPdX) var(--contPdX) 12px; justify-content: space-between; align-items: center;}
.header-main .ic:before {font-size: 22px}
.header-main .search .ic:before {font-size: 20px}
.header-main .logo {margin-left: auto; margin-right: auto; height: 28px}
.header-menu .bttn-ico.menu .desc {display: none;}
.header-main .skip-content.skip-active, 
.header-main .skip-content.active {background-color: var(--clrWhite);}
#header-search {width: 300%; max-width: 400px; right: 0}
.header .bttn-ico.skip-active .ic:.ic-menu
.header-extra {z-index: 2}
.header-extra > *:not(:first-child) {margin-left: 12px}
.header-phone .phone {padding-left: 6px}
.header-phone .ic {margin-top: -2px}
.header-phone .phone, .nav-primary a.level0 {font-size: 18px}
.header.bs #header-search {bottom: -51px}
.header.home #header-search {bottom: -47px}
/* header navigation */
.nav-primary-box {min-width: 182px}
.nav-primary .parent {position: relative;}
.nav-primary a.level0, .header-right a.level0 {padding: 6px 16px; font-weight: bold;}
.nav-primary a.level1 {padding: 6px 16px 6px 24px; font-size: 16px; text-align: left; line-height: 1.1}
.nav-primary a.level1:hover {font-weight: bold;}
.nav-primary a.level0.cat-link {padding-right: 8px}
.nav-primary .active a.level0, 
.nav-primary .menu-active a.level0, 
.nav-primary a.level0:hover {background-color: var(--clrGoldBs);}
.nav-primary .skip-switch.level0 {width: 24px; padding-left: 4px; padding-right: 4px; text-align: center;}
.nav-primary .menu-active a.skip-switch {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .03), rgba(0, 0, 0, .03))
}
.nav-primary .skip-link::after {content: '\25be';}
.nav-primary .skip-anch::after {padding-left: 8px}
.nav-primary .skip-link.skip-active::after {content: '\25b4'}
.nav-primary .skip-content.skip-active {width: auto; min-width: 100%; left: 0; right: 0}
/*  */
.slide {--hdFntSz: 1.6em; position: relative; background: var(--clrBlack);}
.slide-img {position: relative; z-index: 1; }
.slide-content {width: auto!important; bottom: 16px; left: 12px; right: 12px; z-index: 5}
.slider-head {font-weight: bold; font-size: var(--hdFntSz); margin-bottom: 12px; line-height: 1.1}
.slide nav .row {margin-left: -6px; margin-right: -6px}
.slide nav .row [class*="col-"] {padding-left: 6px; padding-right: 6px}
.slide nav [class*="col-"] .bttn {height: 100%}
.slide-bttn {min-width: 252px} /*  */

/* ========== * end header * ========== */
/* ========== *  Footer * ========== */
.footer {padding: var(--contPdX);}
.footer-slogan {font-size: 13px; margin-top: .5rem}
.footer-logo .subscribe-bttn {width: 100%}
.footer-main {padding: 24px 0; justify-content: space-between; align-items: flex-start;}
.footer-nav .skip-link::after {content: '\25bc'; font-size: 85%; padding-top: 4px; padding-left: 6px}
.footer-nav .skip-link.skip-active::after {content: '\2716'}
.footer-nav .skip-content.skip-active {
  width: 100%; left: 0; background-color: var(--clrBlack); padding: 12px; 
  border: 1px solid var(--clrGoldBs);
}
.footer-hd {font-weight: bold; margin-bottom: .5rem}
.footer-nav-list li a {display: block; padding-bottom: .25rem}
.footer-nav-list.cat li:nth-child(3) {margin-top: .75rem}
.footer-phone .phone {border-left: 1px solid var(--clrGoldBs);}
.footer-copyright {font-size: 11px; padding-top: 24px; opacity: .8}

@media only screen and (max-width: 991px) {
  .header-menu .bttn-ico.menu {position: relative;}
  .header-menu .bttn-ico.menu.active .ic-menu::after {
    content: '\2716'; font-size: 13px; padding: 0 2px; background-color: var(--clrGoldBs);
    position: absolute; right: 0; bottom: 0;
  }
  .nav-primary .nav-primary-lvl1.skip-active {position: static;}
  .nav-primary li.level1:last-child {position: relative;}
  .nav-primary li.level1:last-child::after {
    content: ''; display: block; width: 100px; border-bottom: 1px solid var(--clrGoldBs);
    position: absolute; left: 16px; bottom: 2px;
  }
  .nav-primary-box.active {
    border-radius: 0 0 8px 8px; box-shadow: 4px 4px 8px 6px rgb(0 0 0 / 10%);
  }
  .slide .bttn {--bttnHt: 28px;}
  .slide .slide-img {height: var(--slImgHt);}
  .slide.h-nav {background: transparent;}
  .slide.h-nav .slide-img {position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
  .slide.h-nav .slide-content {
    position: relative!important; left: initial; right: initial; bottom: initial;  padding-top: 92px;
  }
}
@media only screen and (max-width: 767px){
  .slide nav .bttn {background-color: var(--clrGoldBs); color: var(--clrBlack);}
}
@media only screen and (max-width: 575px) {
  iframe {min-height: 200px}
  .text-param-mbl-0 {letter-spacing: 0; word-spacing: 0;line-height: 1.1}
  .anchors-grid.cinque .bttn:last-child {width: 100%}
  .blk-contacts-slogan:not(.h-bgimg) {margin-bottom: 1rem}
  .header-top-text {font-size: 90%}
  .header-logo, .footer-logo {margin-bottom: 1rem}
  .header-cart.has-count {max-width: 342px;}
  .minicart-products .product-name {margin-bottom: 6px}
  .minicart-products .product-name, 
  .minicart-products .product-extra-info {width: calc(100% - var(--imgSz));}
  .minicart-list .bttn.remove span:before {content: '\2716'}
  .minicart-subtotal .product-name {width: 70%}
  .minicart-subtotal .product-extra-info {width: 30%}
  .header-main {max-width: 360px}
  .header-main .logo {height: 32px; margin-left: auto; margin-right: auto;}
  .header-menu .skip-content.skip-active, .header-menu .skip-content.active {right: var(--contPdX);}
  .header-phone {margin-left: -6px}
  #header-search {max-width: calc(100VW - 28px);}
  .slide {--slImgHt: 168px; display: flex; justify-content: flex-end;}
  .slide-img {display: inline-block; width: auto; max-width: none;}
  .slider-head {font-size: 20px; letter-spacing: .01em; word-spacing: -.04em; line-height: 1.1}
  .slide-bttn { min-width: 152px}
  .slide.h-nav .slide-content.hd-3li {padding-top: 70px}
  .footer-main {position: relative; padding-bottom: 70px; justify-content: center; max-width: 296px;}
  .footer-logo .footer-extra {
    position: absolute; z-index: 50; left:50%; bottom: -6px; 
    transform: translateX(-50%); width: 210px;
  }
  .footer-address {width: 236px}
}
@media only screen and (max-width: 374px) {
  .header-right {width: 40px; background-color: black;}
  .header-top > .inner {padding-left: 50px; padding-right: 50px}
  .header-cart-box {margin-top: 8px}
  .slide-content {left: 16px; right: 16px}
  .slide-content.contuct-us {margin-bottom: -10px}
  .slide.h-nav .slide-content {padding-left: 16px; padding-right: 16px}
  .bg-fullscrn {--mX: -24px;}
  .blk-contacts-form.h-bg {margin-left: -12px; margin-right: -12px}
}
@media only screen and (min-width: 375px) {
  .header-top > .inner {min-height: 28px; padding-left: 90px; padding-right: 90px; align-items: center;}
  .header-right {display: flex;}
  .header-right > * {padding-left: 6px; padding-right: 6px}
  .header-right .bttn-ico {--bttSz:32px;}
  .header-right #hdrAccountLinks.skip-active {right: 40px}
}
@media only screen and (min-width: 576px) {
  :root {--contnrWd: 540px;}
  .h2 {font-size: 24px}
  .text-sz36 {font-size: 24px!important}
  .bisinquiry-form,.blk-bisinquiry-img {--lblHt: 18px; --bttnHt: 32px; --mY: .75em;}
  .bisinquiry-form .fields.d-sm-flex .comment {height: calc(100% - var(--bttnHt) - var(--lblHt) - (var(--mY) * 2) - .25rem);}
  .bisinquiry-form .fields.d-sm-flex .comment .input-box {height: calc(100% - var(--lblHt) - .25rem);}
  .minicart-list {--prcWrpWd: 96px}
  .minicart-list .product-name {width: calc(100% - var(--imgSz) - var(--extrInSz));}
  .minicart-list .product-extra-info {width: var(--extrInSz);}
  .minicart-list .price-wrapper {width: var(--prcWrpWd);}
  .minicart-header * {font-size: 16px}
  .minicart-header .qty-wrapper {padding-left: 20px}
  .minicart-subtotal .product-name {padding-right: 8px; text-align: right;}
  .minicart-subtotal .price-wrapper {padding-left: 0;}
  .minicart-actions {max-width: 368px; margin-left: auto; margin-right: 0}
  .header-main {padding-top: 24px; padding-bottom: 24px}
  .footer-logo .subscribe-bttn {margin-top: 1rem}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .text-param-mbl-0 {letter-spacing: 0; word-spacing: 0;line-height: 1.1}
  .blk-contacts .blk-contacts-slogan {width: 45%}
  .blk-contacts .blk-contacts-form {width: 55%}
  .blk-contacts-slogan.h-bgimg .text {right: -40px}
  .bg-fullscrn {--mX: -30vw;}
  .minicart-list {--extrInSz: 248px}
  .minicart-list .qty-wrapper {padding-right: var(--pX);}
  .minicart-list .bttn.remove span:before {content: '\2716'}
  .header-main, .footer-main {--contnrWd: 640px;}
  .header.bs #header-search {bottom: -63px}
  .header.home #header-search {bottom: -57px}
  .slide {--slImgHt: 192px}
  .slider-head {max-width: 360px}
  .slide.h-nav.high .slide-content {padding-top: 120px}
  .footer-logo .logo {width: 180px}
  .footer-nav {width: 140px;}
  .footer-address {width: 212px}
  .blk-contacts-slogan.h-bgimg .text {right: -20px}
}
@media only screen and (min-width: 768px) {
  :root { --contnrWd: 700px;  --fontSzbs: 15px;  --myBs: 40px;}
  .w-md-85 {width: 85%}
  .text-sz20 {font-size: 19px!important}
  .text-sz24 {font-size: 22px!important} 
  .text-sz30, .text-xl-sz30 {font-size: 24px!important}
  .text-sz36 {font-size: 30px!important}
  .h2 {font-size: 30px}
  .h3, .mk-h3 > li::marker {font-size: 24px}
  form .required-note {font-size: 14px}
  #search_mini_form {--bttnW: 44px;}
  #search_mini_form input {font-size: 18px; line-height: 28px; padding: 6px 16px}
  #search_mini_form .bttn {--bttnHt: 42px; height: var(--bttnHt); line-height: var(--bttnHt);}
  .minicart-wrapper .bttn.remove span:before {content: 'Remove'}
  .blk-contacts-form form {--lblWd: 120px;}
  .blk-contacts-form label {padding-right: 20px}
  .bisinquiry-form, .blk-bisinquiry-img {--lblHt: 20.5px; --bttnHt: 34px}
  .minicart-list  {--extrInSz: 320px; --prcWrpWd: 116px}
  .minicart-list .qty-wrapper {padding-right: calc(var(--pX) * 2);}
  .header-top > .inner {width: var(--contnrWd); padding-left: 120px; padding-right: 120px}
  .header-top .minicart-wrapper {font-size: 14px}
  .header-top-text {font-size: 14px; font-weight: bold;}
  .header-main .ic:before {font-size: 26px}
  .header-main .search .ic:before {font-size: 23px}
  #header-search {right: 90px}
  .header-phone .phone {font-size: 20px; letter-spacing: .01em}
  .slide {--hdFntSz: 2em;}
  .slide-content {bottom: 24px}
  .slider-head {max-width: 65%; margin-bottom: 1em}
  .footer-main {--fontSzbs: 15px;}
  .footer-slogan {font-size: 14px}
  .footer-address {width: 272px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .text-param-mbl-0 {letter-spacing: 0; word-spacing: 0; line-height: -8%}
  .col2-layout .blk-contacts-slogan.h-bgimg img, .blk-contacts-slogan img {width: 80%}
  .header-main, .footer-main, .header-top > .inner {--contnrWd: 740px}
  .header.bs #header-search {bottom: -70px}
  .header.home #header-search {bottom: -66px}
  .slide {--slImgHt: 248px}
  .slide.h-nav .slide-content.hd-3li {padding-top: 70px}
  .slide.h-nav.high .bttn {background-color: var(--clrGoldBs); color: var(--clrBlack);}
  .footer-nav {width: 152px}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .col1-layout .blk-contacts .blk-contacts-slogan {width: 45%}
  .col1-layout .blk-contacts .blk-contacts-form {width: 55%}
  .col1-layout .blk-contacts-slogan.h-bgimg .text {right: -40px}
}
@media only screen and (min-width: 920px) and (max-width: 991px) {
  :root {
    --contnrWd: 820px;
  }
  .header-main, .footer-main, .header-top > .inner {--contnrWd: 860px}
}
@media only screen and (min-width: 992px) {
  :root {
    --contnrWd: 904px;
    --fontSzbs: calc(14px * 1.1);
  }
  .text-sz20 {font-size: 20px!important}
  .text-sz24 {font-size: 24px!important} 
  .text-sz30, .text-xl-sz30 {font-size: 30px!important}
  .text-sz36 {font-size: 32px!important}
  .account-login {max-width: 400px}
  .h2 {font-size: 32px}
  .h3, .mk-h3 > li::ma {font-size: 28px}
  .anchors-grid .bttn {width: auto;}
  .anchors-grid.quaudro .bttn {width: 24%}
  .anchors-grid.cinque .bttn {width: 21%;}
  .anchors-grid.cinque .short {width: 15%}
  /**/
  .col1-layout .blk-contacts-form.h-bg {padding-left: 64px; padding-right: 40px}
  .header-main {height: 92px; padding: 36px 0 0; align-items: flex-start;}
  .header-main .header-phone, .header-main .header-extra {padding-top: 6px}
  .header-menu {position: relative; z-index: 200; height: 56px;}
  .header-menu .bttn-ico.menu {position: absolute; right: 0; top: 0; bottom: 0; padding-top: 8px}
  .header-menu .bttn-ico.menu .mbl {display: none;}
  .header-menu .bttn-ico.menu .desc {display: inline-block;}
  .header-menu .bttn-ico.menu.active .ic-down {transform: rotate(182deg);}
  .header.bs #header-search {bottom: -68px}
  .header.home #header-search {bottom: -54px}
  .slider-head.brands-ttl {max-width: 580px}
  .nav-primary-box, .nav-primary-box.active {display: block; position: static;}
  .nav-primary-box, .nav-primary {height: 100%}
  .nav-primary {display: block;}
  .nav-primary .level0:not(.nav-primary-lvl1) {height: 100%;}
  .nav-primary .skip-anch::after {margin-right: -4px}
  .nav-primary > li.level0 {display: inline-block;}
  .nav-primary a.level0 {padding-top: 8px;}
  .nav-primary a.level1 {padding-top: 8px; padding-bottom: 8px}
  .nav-primary .nav-primary-lvl1.skip-active {
    width: 160%; max-width: 172px; padding-top: 6px; padding-bottom: 8px;
    border-radius: 0 0 8px 8px; border: 1px solid var(--clrGoldBs);
    border-top-color: var(--clrWhite); box-shadow: 4px 4px 8px 6px rgba(0,0,0,0.1)
  }
  .nav-primary li.level0:not(.nav-1) .nav-primary-lvl1.skip-active {width: 120%}
  .nav-primary li.level0:not(.nav-1) .nav-primary-lvl1#nav-primary-brands.skip-active {width: 210%; max-width: unset;}
  .header.bs .nav-primary .nav-primary-lvl1.skip-active {margin-top: 4px;}
  .slider-head {font-size: 2.4em}
  .slide-bttn {font-size: 18px}
  .slide .anchors-grid.cinque .col-6 {max-width: 21%; flex-basis: 21%}
  .slide .anchors-grid.cinque .col-6.short {max-width: 15%; flex-basis: 15%}
  .blk-bisinquiry-img img {margin-top: calc(var(--lblHt) + .25rem); max-height: calc(100% - var(--lblHt) - .25rem);}
}
@media only screen and (min-width: 992px) and (max-width: 1151px) {
  .header-main, .footer-main, .header-top > .inner {--contnrWd: 940px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .col2-layout .blk-contacts .blk-contacts-slogan {width: 40%}
  .col2-layout .blk-contacts .blk-contacts-form {width: 60%;}
  .col2-layout .blk-contacts .blk-contacts-form {padding-left: 0}
  .header-menu {width: 384px;}
  .header-menu .bttn-ico.menu {right: -12px}
  .nav-primary > li.level0:nth-child(n+4) {display: none;}
  .nav-primary-box.active .nav-primary > li.level0:nth-child(n+4) {
    display: block; max-width: 160px; height: auto;
    border-left: 1px solid var(--clrGoldBs); border-right: 1px solid var(--clrGoldBs);
    margin-left: auto; margin-right: 0px; background-color: var(--clrWhite); text-align: right;
  }
  .nav-primary-box.active .nav-primary > li.level0:last-child {
    border-radius: 0 0 8px 8px; border-bottom: 1px solid var(--clrGoldBs)
  }
  .header:not(.home) .nav-primary > li.level0:nth-child(4) {margin-top: 4px}
  .footer-nav {width: 360px}
}
@media only screen and (min-width: 1152px) and (max-width: 1199px) {
  :root {--contnrWd: 1002px;  }
  .header-main, .footer-main, .header-top > .inner {--contnrWd: 1044px}
}
@media only screen and (min-width: 1200px) {
  :root {--contnrWd: 1080px;}
  .text-xl-sz18 {font-size: calc(var(--fontSzbs) * 1.05)!important}
  .text-xl-sz30 {font-size: 30px!important}
  .text-sz36 {font-size: 35px!important}
  form .field {margin-bottom: 2rem}
  .col1-layout .blk-contacts {--imgWd: 344px;}
  .col1-layout .blk-contacts .blk-contacts-slogan {width: var(--imgWd);}
  .col1-layout .blk-contacts .blk-contacts-form {width: calc(100% - var(--imgWd));}
  .col1-layout .blk-contacts-form .form-list {--lblWd: 124px; justify-content: space-between;}
  .col1-layout .blk-contacts-form .field {width: 49%; font-size: 18px}
  .col1-layout .blk-contacts-form .field:not(.phone,.buttons-set) {margin-bottom: 1.25rem}
  .col1-layout .blk-contacts-form .field.phone {margin-bottom: 0}
  .col1-layout .blk-contacts-form .email, .blk-contacts-form .buttons-set {margin-bottom: 0}
  .col1-layout .blk-contacts-slogan.h-bgimg .text {bottom: 24px; right: -36px; padding-left: 36px; padding-right: 44px}
  .col1-layout .blk-contacts-form.h-bg {padding-left: 60px; padding-right: 32px}
  /**/
  .header-top-text, .header-top .minicart-wrapper {font-size: 15px;}
  .minicart-items {--extrInSz: 320px; --costWd: 140px}
  .minicart-items .qty-box {min-width: 104px; display: flex; justify-content: space-between;}
  .minicart-items .qty {width: 48px;}
  .minicart-items .qty-bttn {width: 36px}
  .minicart-items-body, .minicart-items-body .bttn {--bttnHt: 32px;}
  .footer-nav {width: 50%}
  .footer-hd {margin-bottom: 1rem}
  .footer-hd.skip-link, .footer-hd .skip-link {cursor: default;}
  .footer-nav-list.cat li:nth-child(3) {margin-top: 1.25rem}
  .footer-main .skip-link::after {display: none;}
  .footer-main .skip-content.skip-active {position: static; border: none; padding: 0}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header-main, .footer-main, .header-top > .inner {--contnrWd: 1124px}
  .header-phone .phone {font-size: 18px}
  .header-menu {width: 520px;}
  .header-menu .bttn-ico.menu {right: -12px}
  .header-menu .nav-primary li.level0:nth-child(n+5) {display: none;}
  .nav-primary-box.active .nav-primary > li.level0:nth-child(n+5) {
    display: block; max-width: 160px; height: auto;
    border-left: 1px solid var(--clrGoldBs); border-right: 1px solid var(--clrGoldBs);
    margin-left: auto; margin-right: 0px; background-color: var(--clrWhite); text-align: right;
  }
  .nav-primary-box.active .nav-primary > li.level0:last-child {
    border-radius: 0 0 8px 8px; border-bottom: 1px solid var(--clrGoldBs)
  }
  .header:not(.home) .nav-primary > li.level0:nth-child(5) {margin-top: 4px}
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .footer-nav .footer-nav-col:nth-child(-n+2) {flex: 0 0 28%; max-width: 28%;}
  .footer-nav .footer-nav-col:nth-child(n+3):nth-child(-n+5) {flex: 0 0 22%; max-width: 22%;}
  .footer-nav .footer-nav-col:last-child {flex: 0 0 100%; max-width: 100%; margin-top: 24px}
  .footer-nav .footer-nav-col:last-child .footer-nav-list {display: flex!important;}
  .footer-nav .footer-nav-col:last-child .footer-nav-list li:not(:first-child) {padding-left: 24px}
}
@media only screen and (min-width: 1400px) {
  :root {
    --contnrWd: 1260px;
    --fontSzbs: 16px;
    --myBs: 52px;
  }
  .text-sz18 {font-size: 18px}
  .blk-contacts:not(.h-bg) .blk-contacts-slogan {width: 30%; padding-right: 24px}
  .blk-contacts:not(.h-bg) .blk-contacts-form {width: 70%;}
  .col2-layout .blk-contacts-form {padding-left: var(--pdX);}
  .col2-layout .blk-contacts .blk-contacts-slogan {width: 30%}
  .col2-layout .blk-contacts .blk-contacts-form {width: 70%;}
  .col2-layout .blk-contacts-form .field {width: 50%}
  .col2-layout .blk-contacts-form .field.phone {margin-bottom: 0}
  .col2-layout .blk-contacts-form.h-bg {--pdY:20px}
  .header-top {font-size: 18px; padding-top: 8px; padding-bottom: 8px}
  .header-main {height: 100px}
  .header-main .logo, .footer-logo .logo {height: 36px}
  .header-extra > *:not(:first-child) {margin-left: 24px}
  .nav-primary {height: 64px;}
  .nav-primary a.level0 {padding-left: 24px; padding-right: 24px; font-size: 20px}
  .nav-primary a.level0, .header-menu .bttn-ico.menu,
  .header-main .header-phone, .header-main .header-extra {padding-top: 14px}
  .slide-content {bottom: 60px}
  .slider-head {font-size: 3em; margin-bottom: 40px}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
  .col2-layout .blk-contacts-slogan.h-bgimg .text {right: -20px; bottom: 6px}
  .nav-primary-box.active .nav-primary > li.level0:nth-child(n+5) {
    display: block; max-width: 220px; height: auto;
    border-left: 1px solid var(--clrGoldBs); border-right: 1px solid var(--clrGoldBs);
    margin-left: auto; margin-right: 0px; background-color: var(--clrWhite); text-align: right;
  }
  .nav-primary-box.active .nav-primary > li.level0:last-child {
    border-radius: 0 0 8px 8px; border-bottom: 1px solid var(--clrGoldBs)
  }
  .nav-primary-box.active .nav-primary > li.level0:nth-child(5) a.level0 {padding-top: 8px}
  .header:not(.home) .nav-primary-box.active > li.level0:nth-child(5) {margin-top: 4px}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .col2-layout .blk-contacts-form.h-bg {--pdX: 32px; --pdY:24px}
  .header-main, .footer-main, .header-top > .inner {--contnrWd: 1360px}
  .header-menu {width: 620px;}
  .header-menu .nav-primary li.level0:nth-child(n+5) {display: none;} 
}
@media only screen and (min-width: 1600px) {
  :root {
    --contnrWd: 1380px;
  }
  .text-xl-sz18 {font-size: 18px}
  .bisinquiry-form,.bisinquiry-form .bttn, .blk-bisinquiry-img {--lblHt: 21px; --bttnHt: 38px; --mY: 1em}
  .bisinquiry-form .field:not(.buttons-set) {margin-bottom: var(--mY);}
  .bisinquiry-form .input-box input, .bisinquiry-form .input-box textarea,
  .bisinquiry-form .input-box select, .bisinquiry-form .bttn {font-size: 18px}
  .bisinquiry-form .input-box input, .bisinquiry-form .input-box textarea,
  .bisinquiry-form .input-box select {padding: 6px}
  .slider-head {max-width: 60%}
  .footer-nav .footer-nav-col:nth-child(-n+2) {flex: 0 0 22%; max-width: 22%;}
  .footer-nav .footer-nav-col:nth-child(n+3):nth-child(-n+5) {flex: 0 0 16%; max-width: 16%;}
  .footer-nav .footer-nav-col:last-child {flex: 0 0 24%; max-width: 24%;}
}
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  .header-menu {width: 620px;}
  .header-main, .footer-main, .header-top > .inner {--contnrWd: 1440px}
  .header-menu .nav-primary li.level0:nth-child(n+5) {display: none;}
  .footer-nav {width: 60%}
}
@media only screen and (min-width: 1920px) {
  :root {
    --contnrWd: 1688px;
  }
  .blk-bisinquiry-img img {max-height: calc(100% - (var(--mY) * 2));}
  .bisinquiry-form,.bisinquiry-form .bttn, .blk-bisinquiry-img {--lblHt: 21px; --bttnHt: 42px; --mY: 1.01em}
  .bisinquiry-form label {font-size: 18px}
  .bisinquiry-form .input-box input, .bisinquiry-form .input-box textarea, 
  .bisinquiry-form .input-box select {padding: 8px 6px}
  .col2-layout .blk-contacts-slogan.h-bgimg .text {right: -32px; bottom: 24px}
  .header-main, .footer-main, .header-top > .inner {--contnrWd: 1780px;}
  .header-menu {width: auto;}
  .header-menu .bttn-ico.menu {display: none;}
  .slide-img {margin-left: auto; margin-right: auto;}
  .slider-head {font-size: 40px; max-width: 40%; margin-bottom: 60px}
}

/* ========== * ==== * ========== */
/* ========== * Main * ========== */
.main {min-height: calc(100vh - 510px); margin-bottom: var(--myBs)}
.main.no-crumbs {padding-top: 2rem}
/* ---- *  * ---- */
.breadcrumbs {margin-top: 12px; margin-bottom: 12px}
.breadcrumbs li {display: inline; font-size: 12px}
.breadcrumbs li a, .breadcrumbs li strong {color: #bbb; line-height: 1;}
.breadcrumbs li a::after {content: '\21e2'; padding-left: 6px; padding-right: 6px}
/* --- сервисные сообщения --- */
.messages {margin-bottom: 10px; border-radius: 8px; background-color: rgba(255,255,255,0.5);}
.messages, .messages ul {margin-left: 0!important}
.messages ul {
  margin-bottom: 0!important; padding: 10px; text-align: center; border-radius: 8px; 
  font-family: arial; font-size: 13px; font-weight: bold;
}
.notice-msg, .success-msg {border: 1px solid var(--clrGoldBs); background-color: var(--bgYellowLt);}
.error-msg {border: 1px solid var(--clrMaroon); background-color: #ebe1e1; /*rgba(136,36,29,0.15)*/}
/**/
.col2-layout .breadcrumbs {padding-left: 15px; padding-right: 15px}

/* ========== * ======= * ========== */
/* ========== * Catalog * ========== */
.category-top {margin-bottom: 1rem}
.category-title {margin-bottom: 12px}
/**/
.toolbar {background-color: var(--bgGreyLtst); margin-bottom: 1.5rem; padding: 4px 8px;}
.toolbar .sorter {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.toolbar .view-mode {display: none;}
.pages li {--itemSz:24px; display: inline-block; height: var(--itemSz); padding: 0 2px}
.pages li > * {
  display: block; float: left; width: var(--itemSz); height: var(--itemSz);
  background-color: var(--bgGreyLt); border: 1px solid var(--bgGreyLt); line-height: var(--itemSz);
}
.pages li.current > * {background-color: var(--clrWhite); border-color: var(--bgGreyLt);}
/* -- ------- -- */
/* -- sidebar -- */
/*.sidebar .block:not(:first-child) {margin-top: 6px}*/
.sidebar .block-title {padding: 4px 12px; background-color: var(--bgGreyLt); font-weight: bold;}
.sidebar .skip-content {background-color: var(--clrWhite);}
.sidebar .ftr-name {width: 100%; background-color: var(--clrGoldBs);}
.sidebar .ftr-content li {padding-top: 2px; padding-bottom: 2px}
.sidebar .ftr-content .price::before {display: none;}
.sidebar .ftr-content .price::after {
  content: '$'; color: var(--clrBlack); font-weight: normal; font-size: 80%; padding-left: 4px
}
.sidebar .ftr-currently {font-size: 85%; padding-bottom: 8px}
.sidebar .ftr-currently .label {padding-right: 4px}
.sidebar .ftr-currently .value {font-weight: bold; display: inline-block; padding-right: 4px}
.sidebar .ftr-currently .bttn {--bttnHt: 20px;}
.sidebar .ftr-currently .btn-remove {width: var(--bttnHt); font-size: 85%; float: right;}
.sidebar .block-account {max-width: 280px}
.sidebar .block-account .block-content {padding-top: 6px; padding-bottom: 6px}
.sidebar .block-account ul li {padding: 2px 12px}
/* -- end sidebar styles -- */
/* -- ------------------ -- */
.price {font-weight: bold}
.price::before {content: '$'; color: var(--clrBlack); font-weight: normal; font-size: 80%;}
.regular-price .price {color: var(--clrTealBs);}
.sideacco, .accordion li {float: none!important;}
/* -- для товаров -- верт: фото + название + краткое описание -- */
.items-grid .item {margin-bottom: 1rem}
.items-grid .item-link {max-width: 320px; margin-left: auto; margin-right: auto;}
.items-grid .img-box {margin-bottom: .5rem}
.items-grid .item-name {color: var(--clrTealBs); font-size: 1.15em; line-height: 1.1; margin-bottom: .5rem}
.items-grid .item-descr {font-size: 85%;}
.category-products .items-grid .item {margin-bottom: 1.5rem}
.category-products .items-grid .price-box {padding-left: 12px}
.category-products .items-grid .price {font-size: 18px}
.category-products .items-grid .item-descr {margin-bottom: .75rem}
.items-grid.popular .item-descr {height: 7.5em; overflow: hidden;}
/* ========== * ======= * ========== */
/* ========== * Product * ========== */
.product-name-box .product-name {margin-bottom: 12px}
.product-media .image-main, .product-media .image-main img {width: 100%}
.product-thumbs {--trmbSz: 23.5%; margin-top: .75rem}
.product-thumbs .item {width: var(--trmbSz);}
.product-thumbs .item:not(:last-child) {margin-right: 1.5%}
.product-row {margin-top: .75rem}
.product-atrbuts .price {font-size: 22px}
.product-atrbuts .label::after {content: ':'; padding-right: 6px}
.product-atrbuts .brand .value > b:not(:first-child)::before {
  content: '|'; padding-left: 6px; padding-right: 6px;
}
.price-row {align-items: center;}
.price-row > * {padding-left: 15px; padding-right: 15px}
.price-row .price-box::before {content: 'Price'; padding-right: 12px}
.price-row .qty-wrapper {padding-left: 30px}
.price-row input.qty {width: 52px; height: 36px; line-height: 36px; font-size: 18px}
.product-buttons .bttn, .item-buttons .bttn {font-weight: bold;}
.product-raiting .stars {color: var(--clrGoldBs); padding-right: 8px}
.product-anchors {margin-top: 1.5rem}
.product-anchors .bttn {min-width: 86px; margin-bottom: 4px; line-height: var(--bttnHt);}
/* - product grouped styles - */
.grouped-items {--imgSz:80px; margin-top: .75rem}
.grouped-items .item {font-size: 12px; line-height: 1.2; padding-top: 16px; padding-bottom: 16px;}
.grouped-items .item-image {width: var(--imgSz); border: 1px solid var(--bgGreyLtst);}
.grouped-items .item-body {width: calc(100% - var(--imgSz)); padding-left: 12px;}
.grouped-items .label {padding-right: 6px}
.grouped-items .base-info .li {margin-bottom: 4px}
.grouped-items .name, .grouped-items .price, .grouped-items .qty {font-size: 14px}
.grouped-items .option b {display: inline-block; padding-bottom: 2px}
.grouped-items .cost {padding-right: 24px}
.grouped-items .price-box::before {content: 'Price:'; display: inline-block; padding-right: 4px; font-size: .9em}
.grouped-items .qty {width: 40px;}
.grouped-items .qty input {height: 24px; line-height: 24px;}
/* - end grouped styles - */
/* - product detailes styles - */
.product-details {}
.product-details .product-dtl-row {width: 100%; margin-top: 2rem}
.product-details .product-dtl-title {
  padding: 6px 12px 4px; background-color: var(--clrGoldBs);
  border-radius: var(--brRdsBs) var(--brRdsBs) 0 0; margin-bottom: 1rem;
}
.product-details .product-dtl-title.h-suf::after {content: '?'}
.product-details .title {font-size: 1.1em}
.product-details .warranty {margin-top: 2rem}
.product-details .specf-col {position: static; margin-top: 1rem}
.product-details .title.skip-link::after {
  content:'\25be'; padding-top: 4px; padding-left: 6px; color: var(--clrBlack);
}
.product-details .specf-col .skip-content.skip-active {
  margin-top: 4px; padding: 6px 12px 12px; background-color: #f5f5f5
}
.product-details .specf-col:nth-child(even) .skip-content.skip-active {right: 15px; left: auto;}
.product-details .title.skip-link.skip-active::after {content: '\2716'; font-size: 12px}
.product-details .faq-row:not(:first-child) {margin-top: 1rem}
.product-details .items-grid .item-link {max-width: 386px}

@media only screen and (max-width: 1399px){
  .grouped-items .option.multi b {padding-right: 4px}
  .grouped-items .option.multi b:nth-child(even) {background: var(--bgGreyLtst);}
}
@media only screen and (max-width: 767px) {
  .main > .sidebar {margin-bottom: 18px} 
  .sidebar .skip-link::after {content: '\25be'; padding-left: 4px; float: right;}
  .sidebar .skip-link.skip-active::after {content: '\2716'; font-size: 11px}
  .sidebar .skip-content.skip-active {
    width: 100%; background-color: var(--clrWhite); padding: 6px 12px; z-index: 500;
    box-shadow: 4px 4px 8px 6px rgb(0 0 0 / 10%);
  }
  .sidebar .block-layered-nav {display: inline-block; width: 100%}
  .sidebar .ftr-box {
    float: left; position: relative; 
    width: calc((100% - 12px) / 2); margin-bottom: 10px;
  }
  .sidebar .ftr-box:nth-child(odd) {margin-right: 12px}
  .sidebar .ftr-box:nth-child(even) .skip-content.skip-active {right: 0; left: auto;}
  .sidebar .ftr-name {padding: 2px 10px; border-radius: 4px 4px 0 0; text-align: center;}
  .sidebar #Category.skip-content.skip-active,
  .sidebar #Manufacturer.skip-content.skip-active {min-width: 180px}
  .sidebar #Price.skip-content.skip-active {min-width: 196px}
  .sidebar .ftr-currently {
    display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end;
    max-width: 332px; margin-left: auto; margin-right: auto;
  }
  .sidebar .ftr-currently .ftr-subtitle {
    font-weight: bold; background-color: var(--bgGreyLtst); width: 100%; padding: 2px 8px;
  }
  .sidebar .ftr-currently .ftr-content {width: calc(100% - 80px); padding-top: 8px; padding-right: 8px}
  .sidebar .ftr-currently li {padding-left: 12px;}
  
  .product-media {--trmbSz: 72px; margin-bottom: 1rem}
}
@media only screen and (max-width: 575px) {
  .toolbar .amount, .toolbar .limiter .per-page {display: none;}
  .toolbar .pages {margin-top: 8px}
  .product-main .row:not(.price-row) {margin-left: -8px; margin-right: -8px;}
  .product-main .row .col {padding-left: 8px; padding-right: 8px}
  .product-row .stock {margin-top: .75rem;}
  .grouped-items .option {width: 100%;}
  .grouped-items .item-buttons {width: calc(100% + 16px); margin-top: 12px}
  .product-details .product-dtl-title {font-size: 1.4em}
  .product-dtl-body .items-grid .item {max-width: 300px; margin-left: auto; margin-right: auto;}
}
@media only screen and (max-width: 374px) {
  .col1-layout .main {padding-left: var(--contPdX); padding-right: var(--contPdX)}
  .product-info .col.add-to-cart {flex: 0 0 42%; max-width: 42%;}
  .product-info .col.get-pricing {flex: 0 0 58%; max-width: 58%;}
  .product-main .blk-trast-signals .col {height: 52px}
}
@media only screen and (min-width: 375px){
  .col2-layout .main {max-width: calc(var(--contnrWd) + 30px);}
}
@media only screen and (min-width: 576px) {
  .main {min-height: calc(100vh - 380px);}
  .toolbar {position: relative;}
  .toolbar .pager {position: absolute; left: 25%; top: 0; width: 50%; padding: 4px 8px}
  .grouped-items {--bttnsWds:160px;}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-media .image-main {flex: 0 0 390px max-width: 390px; margin-left: auto; margin-right: auto;}
  .grouped-items .item-body {width: calc(100% - var(--imgSz) - var(--bttnsWds)); padding-right: 24px}
  .grouped-items .item-buttons {width: var(--bttnsWds);}
  .product-anchors .bttn {min-width: 32%}
}
@media only screen and (min-width: 768px) {
  .col2-layout .breadcrumbs {width: 100%!important}
  .breadcrumbs li {font-size: 14px}
  .toolbar {font-size: 15px}
  .sidebar .block-title {height: 32.5px}
  .sidebar .ftr-box {padding-bottom: 6px}
  .sidebar .ftr-name {padding: 4px 12px}
  .sidebar .skip-content, .sidebar .skip-content.skip-active {
    position: static; display: block; padding: 4px 12px 8px;
  }
  .sidebar .ftr-currently {margin-bottom: 6px; padding-top: 4px; padding-left: 12px}
  .sidebar .ftr-currently .ftr-content {padding-top: 4px; padding-bottom: 4px}
  .category-products .items-grid .item {margin-bottom: 1.7rem}
  .product-media {justify-content: flex-start; align-items: flex-start;}
  .product-thumbs .item {width: 24.5%}
  .product-thumbs .item:not(:first-child) {margin-left: 1.5%}
  .grouped-items {--prcBoxSz: 100px}
  .grouped-items .option {width: calc(100% - var(--prcBoxSz) - 40px);}
  .grouped-items .cost {width: var(--prcBoxSz); text-align: center;}
  .grouped-items .price-box::before {padding-bottom: 2px}
  .product-details .title {font-size: 20px}
  .product-details .product-dtl-title {font-size: 1.5em; padding: 8px 24px 6px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-row .blk-trast-signals .col-12 {flex: 0 0 auto; max-width: none;}
  .product-anchors .bttn {min-width: 32%}
  .grouped-items .item-buttons {width: calc(100% + 30px); margin-top: 12px}
}
@media only screen and (min-width: 992px) {
  .product-row {margin-top: 1.2rem}
  .product-atrbuts, .product-buttons {max-width: 540px}
  .grouped-items .item {--bttnsWds: 132px; width: 100%;}
  .grouped-items .item-body {width: calc(100% - var(--imgSz) - var(--bttnsWds)); padding-right: 30px}
  .grouped-items .item-buttons {width: var(--bttnsWds); margin-left: 0; margin-right: 0;}
  .grouped-items .item-buttons .col {padding-left: 0; padding-right: 0}
  .grouped-items .qty {font-size: 16px}
  .grouped-items .qty input {height: 36px; line-height: 36px}
  .product-atrbuts .price {font-size: 26px}
  .product-buttons .bttn,.product-anchors .bttn {--bttnHt: 44px;}
  .product-anchors .bttn {float: left; min-width: 23.5%; margin-right: 1.5%; font-size: 18px}
  .product-anchors .bttn:nth-child(n+4) {margin-right: 0}
}
@media only screen and (min-width: 1200px) {
  .product-main .product-info {padding-left: 35px}
  .grouped-items {--prcBoxSz: 116px}
  .product-main .blk-trast-signals {width: calc(100% + 30px); flex-wrap: nowrap;}
  .product-main .blk-trast-signals .col {flex-basis: content; max-width: none;}
  .grouped-items .item {--bttnsWds: 160px; font-size: 14px}
  .grouped-items .name, .grouped-items .price {font-size: 16px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .col2-layout .col-left,  .col2-layout .col-right {max-width: 300px; flex-basis: 300px}
  .col2-layout .col-main {max-width: calc(100% - 300px); flex-basis: calc(100% - 300px)}
}
@media only screen and (min-width: 1400px) {
  .product-main .product-name-box {min-height: 80px;}
  .product-name-box .product-name {margin-top: auto; margin-bottom: auto;}
  .product-row .blk-trast-signals {justify-content: space-between;}
  .product-row .blk-trast-signals .ico-w-text {--icoWd: 56px;}
  .grouped-items {--infoWd: 280px;}
  .grouped-items .item-body {display: flex;}
  .grouped-items .base-info {width: var(--infoWd); padding-right: 12px}
  .grouped-items .extra-info {flex-wrap: wrap; width: calc(100% - var(--infoWd));}
  .grouped-items .option {width: calc(100% - 40px - 100px);}
  .grouped-items .cost {margin-left: 0}
  .grouped-items .price-box {text-align: center;}
  .grouped-items .price-box::before {display: block; margin-bottom: 2px; text-align: center;}
  .product-details .product-dtl-row.short {width: 48%}
}
@media only screen and (min-width: 1600px) {
  .col2-layout .items-grid .item {flex: 0 0 33.333333%; max-width: 33.333333%;}
  .product-view {--mYbg: 48px; --mYbs: 32px}
  .product-thumbs {margin-top: var(--mYbg);}
  .product-main .product-info {padding-left: 49px}
  .product-row {margin-top: var(--mYbs);}
  .product-row.price-row {margin-top: var(--mYbg);}
  .product-row .blk-trast-signals {margin-top: calc(var(--mYbg) - var(--mYbs));}
  .grouped-items {--infoWd: 320px; padding-left: 20px;}
  .grouped-items .cost {padding-right: 30px}
  .product-details .product-dtl-row {margin-top: var(--mYbg);}
  .product-details .product-dtl-row.short {width: 48%}
}
@media only screen and (min-width: 1920px) {
  .grouped-items .option {min-width: 164px; max-width: 200px; padding-right: 24px}
  .product-row .blk-trast-signals {max-width: 960px;}
  .product-row .blk-trast-signals .col-12 {height: 48px}
  .product-row .blk-trast-signals .col-12:nth-child(-n+2) {margin-bottom: 26px}
}


/* -- -------------------- -- */
.section {margin-top: var(--myBs);}
.std p {margin-bottom: .25rem}
/* == ==================== == */
/* -- маркированные списки -- */
.std ul > li {position: relative;} 
.std ul > li::before {
  display: inline-block; position: absolute; transform: translate(-18px, 0);
  font-family: "spr-icofont-240303-2"; font-size: inherit;
  line-height: inherit; text-transform: none;
}
/* --  -- */
.mk-bull > li {padding-left: 18px} /* -- маркер - булит -- */
.mk-bull > li::before {content: '\25cf'}
.mk-bull.text-sz24 > li {padding-left: 24px}
.mk-bull.text-sz24 > li::before {transform: translate(-24px, 0);}
.mk-check > li {padding-left: 24px} /* -- маркер - галочка -- */
.mk-check > li::before {content: '\2714'; transform: translate(-18px, 0)}
/**/
.std .mk-bull > li.h-bg::before {transform: none;}
/* -- для цветных маркеров -- */
.mk-gold > li::before {color: var(--clrGoldBs);}
.mk-teal > li::before {color: var(--clrTealBs);}
/* -- -------- ------ -- */
/* -- маркер - иконка - размер не менее 40px -- */
.mk-ico {--icoSz: 40px;}
.mk-ico > li {display: flex; align-items: center; padding-left: var(--icoSz); min-height: var(--icoSz)}
.mk-ico > li > * {padding-left: 8px}
.mk-ico > li::before {
  --icoSz: 40px; content: ''; transform: none!important; margin-left: calc(-1 * var(--icoSz));
  width: var(--icoSz); height: var(--icoSz);
  background-size: var(--icoSz); background-position: top left;
}
/* - иконка - галочка на щите */
.mk-ico.ico-check-shld > li::before {background-image: url(../images/icons/authorized-dealer.svg); top:-4px}
.mk-ico.mk-gold.ico-check-shld > li::before {background-image: url(../images/icons/authorized-dealer_gold.svg);}
/* - нумерованніе списки - */
.std ol > li {list-style-type: decimal; margin-left: 1.5rem}
.mk-h3 > li::marker {/* num size = .h3 */}
.mk-bold > li::marker {font-weight: bold;}
/* == ==================== == */
/* -- список - таблица -- */
.tbl {display: table;}
.tbl .tbl-row {display: table-row;}
.tbl .tbl-row:nth-child(odd) {background-color: var(--bgGreyLtst);}
.tbl .tbl-cell {display: table-cell; padding-top: 2px; padding-bottom: 2px}
.tbl .tbl-cell.name {padding-right: 8px}
/* == end marked lists == */
table td {padding: 2px 8px}
table tr:not(.bg-greylt) td {border-bottom: 1px solid var(--bgGreyLt)}
table td.double {padding-left: 0; padding-right: 0}
table td.double .cell {float: left; width: 50%; padding: 0 4px; text-align: center;}
table td .cell > * {padding: 0 4px}
table td .label {text-align: center; background-color: rgba(0, 0, 0, .05);}
/* ================ */
/* -- --------------------------- -- */
/* -- блок на фоновом изображении -- */
.blk-w-bgimg, .bgimg-w-lbl, .bgimg-w-lbl .bg-img {position: relative;}
/* -- блок в ширину контента -
 * изображение позиционировано с 768 до 1399px
 * затеи позиционуруется контент  -- */
.blk-w-bgimg .bg-img, .bgimg-w-lbl .bg-img  {z-index: 1}
.blk-w-bgimg .content {position: relative; z-index: 5;}
.blk-w-bgimg .content .logo-axdigital {/* ограничение размера лого для мобильной версии */}
.blk-w-bgimg.blk-w-bgimg_lgdsk {/*изображение позиционировано с 992 до 1919px*/}
/* -- надпись на фоновом фото -- */
.bgimg-w-lbl {/*родительский елемент*/}
.bgimg-w-lbl a:hover {opacity: .85;}
.bgimg-w-lbl a:hover .label, .bgimg-w-lbl a:hover .content,
a.bgimg-w-lbl:hover .label, a.bgimg-w-lbl:hover .content {color: var(--clrGoldBs)!important}
.bgimg-w-lbl .bg-img {z-index: 1}
.bgimg-w-lbl .label, .bgimg-w-lbl .content {position: absolute; z-index: 5;}
.bgimg-w-lbl .label {bottom: 12px; left: 0; right: 12px} /* надпись в 1 строку */
.bgimg-w-lbl .content {
  --pdX: 1rem; max-height: calc(100% - var(--pdX)); bottom: var(--pdX); overflow: hidden;
  padding: var(--pdX) var(--pdX) 0;
}
.bgimg-w-lbl.col .content {line-height: .95em; left: 15px;  right: 15px}
/* если содержит заголовок с тесктом */
.bgimg-w-lbl.h-text .label {/* отступ с низу увеличивам с 1200px */}
/* -- --------------------------- -- */
/* -- доп класс для блока с bg - задает отступы -- */
.h-bg.sm {padding: .5rem}
.h-bg.bs {padding: 1rem}
/* -- --------------------------- -- */
/* .ico-w-text - иконка (img) и надпись в 2-3 строки - 
 * - размер иконки по доп классу - по умолчанию 44px -
 * - use together .stiker.d-flex -- */
.ico-w-text {--icoWd:40px; align-items: center;}
.ico-w-text .ico {width: var(--icoWd);}
.ico-w-text .text {width: calc(100% - var(--icoWd)); margin-left: 10px}
.ico-w-text.ico-md-2x {/* 60px c 768px */}
.ico-w-text.ico-lg-2x {/* 60px c 992px */}
.ico.ico-opct-1 {opacity: .9}
/* -- --------------------------- -- */
.blk-trast-signals .text {line-height: 1.2}
.blk-trast-signals .col {height: 48px}
/* .blk-map-w-address - Карта-iframe и адресный блок */
.blk-map-w-address {}
.blk-map-w-address .address-row:not(:last-child) {margin-bottom: 1rem}
.blk-map-w-address .address-row * {vertical-align: top;}
.blk-map-w-address .label {min-width: 92px}
.blk-map-w-address .label::after {content: ':'; padding-right: 6px}
.blk-map-w-address .bis .value {padding-left: 80px}
/* -- --- */
.brands-grid {--logoH: 172px;}
.brands-grid .brand-item {max-width: 394px}
.brands-grid .img-box {
  height: var(--logoH); border: 1px solid #FDF5E6;
  justify-content: center; align-items: center;
}
.brands-grid .brand-descr {font-size: 14px}
.brands-grid.logo-low {--logoH: 144px;}

/* == ================= == */
/* ====== CMS Pages ====== */
/* -- --------------------------- -- */
.cms-no-route .main {max-width: 700px}
.cms-index-index .main {margin-top: 0; padding-top: 0!important}
.home-top .drpdwn-box.skip-active {
  margin-left: -2px; padding: 10px 10px 12px; border-radius: 0 0 8px 8px;
  border: 1px solid var(--clrBlack); border-top: transparent; 
}
.home-aboutus {--contPdX: 24px; padding: var(--contPdX);}

/* == =============================== == */
/* ====== Account & Checout Pages ====== */
.login-body {max-width: 324px}
.account-form-body {max-width: 400px}
.customer-account-index .main, 
.customer-address-index .main, 
.sales-order-history .main, .sales-order-view .main {max-width: 1290px!important}
.customer-account-edit .main, .newsletter-manage-index .main {max-width: 1100px!important}
/**/
.my-account .glc-title {height: 30px; display: flex; align-items: center; font-size: 13px;}
.my-account .glc-title .glc-number {margin-top: 0}
.my-account .bttn {--bttnHt: 24px; font-size: var(--fontSzbs);}
.my-account .bttn-wht {
  --bttnHt: 20px; font-size: 12px; width: 68px;
  background-color: var(--clrWhite); border: 1px solid grey; 
}
.my-account .bttn-wht.wide {width: auto; min-width: 68px}
.my-account .bttn.back-link {--bttnHt: 24px;}
.my-account thead tr {background-color: rgba(0,0,0,.6); color: var(--clrWhite);}
.my-account thead th {padding: 2px 8px; text-align: center; line-height: 1.25; font-size: 14px}
.my-account .data-table-box {overflow-x: auto;}
.my-account .data-table {width: 700px}
.my-account .data-table td {padding-top: 4px; padding-bottom: 2px}
.my-account .data-table .total {width: 120px}
.my-account .data-table .view {width: 180px}
.my-account .data-table .bttn-wht {width: auto; padding-left: 6px; padding-right: 6px;}
.my-account .box-content {padding-top: 10px; padding-left: 6px}
.my-account .pager {
  justify-content: space-between;
  margin-bottom: .5rem;  background-color: var(--bgGreyLtst); padding: 4px 8px;
}
.account-header {margin-bottom: 2rem}
.account-header .logo {height: 28px; position: absolute; right: 12px;}
.account-title {margin-bottom: .25rem}
.account-body {--btnWd:140px;}
.account-body .box-account:not(:last-child),
.account-body .box:not(:last-child) {margin-bottom: 1.5rem}
.account-body .box-head {margin-bottom: 1em; vertical-align: middle;}
.account-body  .box-info .acct-col {padding-bottom: 32px}
.account-body .box-content {display: flex; align-items: flex-end; }
.account-body .bttn.bg-teal, .account-body .box-content .bttns-set {width: var(--btnWd);}
.account-body .box-content .bttn {width: 100%}
.account-body .box-content .acct-col {width: calc(100% - var(--btnWd));}
.account-body .box-recent .h3 {margin-right: 1rem}
.addresses-list .item {margin-bottom: 1rem}

/* -- --- */
.checkout-cart-index .main {max-width: 1080px}
.chechout-success-body {max-width: 800px}
.cart .bttns-wrapper {padding-top: 6px; padding-bottom: 6px}
.glc-step.review .checkout-note {
  max-width: 320px; padding-left: 6px;
  font-style: italic; font-size: 12px; line-height: 1.1
}

@media only screen and (max-width: 575px) {
  .account-body .box-account:not(.box-recent) {position: relative; padding-bottom: 132px}
  .account-body .box-newsletter {position: absolute; left: 15px; bottom: 0; width: 100%; margin-bottom: 0}
  .account-body .col-12 {position: static;}
  .glc-step.review .checkout-note {margin-top: .5rem}
}
@media only screen and (max-width: 767px) {
  .mk-ico.ico-sm, .mk-ico.ico-sm > li::before {--icoSz: 28px;}
  .sidebar .block-account .current {display: none;}
  .account-header .logo {height: 18px; top: -32px;}
}
@media only screen and (max-width: 575px) {
  .blk-w-bgimg .content {padding-bottom: 24px}
  .blk-w-bgimg .content .logo-axdigital {max-width: 240px}
  .items-grid .item-link {max-width: 240px;}
  .home-top .drpdwn {max-width: 268px}
  .home-top .drpdwn-lbl {word-spacing: -.01em; letter-spacing: -.04em}
  .home-top .drpdwn-box.skip-active {word-spacing: -.04em; line-height: 1.1}
  .home-top .ico-w-text {--icoWd:36px;}
  .home-served-by .col-6 {padding-left: 10px; padding-right: 10px}
  .home-served-by .text-sz36 {font-size: 1.2em!important}
  .home-served-by .bgimg-w-lbl .label {right: 6px}
  .account-create {padding-left: 12px; padding-right: 12px}
}
@media only screen and (max-width: 375px) {
  .home-top {padding-left: 12px; padding-right: 24px}
}
@media only screen and (min-width: 576px) {
  .glc-step.review {padding-bottom: 32px}
  .glc-step.review .checkout-note {position: absolute; transform: translateY(-44px);}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
  .blk-w-bgimg .content .logo-axdigital {max-width: 320px}
  .home-top .drpdwn {max-width: 268px}
  .account-body .box-info .box-content {flex-wrap: wrap;}
  .account-body .box-info .acct-col, .account-body .box-info .bttns-set {width: 100%}
  .account-body .box-info .acct-col {padding-bottom: 8px}
  .account-body .box-info .bttn {width: auto;}
  .account-body .box-info .bttn.edit {width: 72px; float: right;}
}
@media only screen and (min-width: 768px) {
  table td {padding: 2px 12px}
  .items-grid .item-name {height: 41px; overflow: hidden;}
  .ico-w-text.ico-md-2x {--icoWd:60px}
  .bgimg-w-lbl .label {bottom: 20px}
  .h-bg.bs {padding: 1.5rem 2rem}
  .h-bg.sm {padding: .5rem 1rem}
  .account-body {--btnWd: 180px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blk-w-bgimg.blk-w-bgimg_lgdsk .content {
    margin-top: -40px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, .1), black 5%);
  }
  .account-header .logo {height: 18px; top: -8px;}
  .account-header .h3 {width: 100%}
}
@media only screen and (min-width: 768px) and (max-width: 1399px) {
  .blk-w-bgimg:not(.blk-w-bgimg_lgdsk) .bg-img {position: absolute; top: 0; left: 0}
  .blk-w-bgimg .content {
    padding: 24px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .1) 15%, rgba(0, 0, 0, .6) 45%, black 60%);
  }
  .blk-w-bgimg .content .logo-axdigital {width: 352px}
}
@media only screen and (min-width: 992px) {
  .ico-w-text.ico-lg-2x {--icoWd:60px}
  .bgimg-w-lbl .label {bottom: 38px}
  .blk-map-w-address .bis .value {padding-left: 92px}
  .home-aboutus {--contPdX: 32px;}
  .customer-account-index .main > .sidebar {max-width: 25%; flex-basis: 25%}
  .customer-account-index .main > .col-main {max-width: 75%; flex-basis: 75%}
  .my-account .h3 {font-size: 24px}
  .my-account .box-content {padding-top: 20px}
  .account-header {margin-bottom: 40px}
  .account-header .title-box .text-small {font-size: 12px; max-width: 680px; padding-top: 6px}
  .account-body .box-account:not(:last-child),
  .account-body .box:not(:last-child) {margin-bottom: 30px}
  .account-body .box-recent .h3 {margin-right: 36px}
}
@media only screen and (min-width: 992px) and (max-width: 1919px) {
  .blk-w-bgimg.blk-w-bgimg_lgdsk .bg-img {position: absolute; top: 0; left: 0}
  .blk-w-bgimg.blk-w-bgimg_lgdsk .content {
    position: relative; top: 0; transform: none;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .1) 15%, black 60%);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1599px) {
  .tbl.double {display: inline-block; width: calc(100% + 20px); margin-left: -10px; margin-right: -10px}
  .tbl.double .tbl-body {display: table; width: 50%; padding: 0 10px; float: left;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
  .home-usecases .blk-w-bgimg.blk-w-bgimg_lgdsk .content {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .1) 25%, black 60%);
  }
  .account-header .h3 {width: 100%}
  .account-body .box-info .box-content {flex-wrap: wrap;}
  .account-body .box-info .acct-col, .account-body .box-info .bttns-set {width: 100%}
  .account-body .box-info .acct-col {padding-bottom: 8px}
  .account-body .box-info .bttn {width: auto;}
  .account-body .box-info .bttn.edit {width: 120px; float: right;}
}
@media only screen and (min-width: 1200px) {
  .bgimg-w-lbl.h-text .label {bottom: 24px}
  .blk-map-w-address .text-xl-sz18 .label {min-width: 100px}
  .blk-map-w-address .text-xl-sz18 .bis .value {padding-left: 100px}
  .home-served-by .slogan {padding-left: 52px}
  .my-account .data-table {width: 100%}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .home-professional .blk-w-bgimg .bg-img {min-height: 282px}
  .home-usecases .blk-w-bgimg .bg-img {min-height: 404px}
  .home-served-by .slogan.text-sz36 {padding-left: 2rem; font-size: 30px!important}
}
@media only screen and (min-width: 1200px) and (max-width: 1919px){
  .home-usecases .blk-w-bgimg.blk-w-bgimg_lgdsk .content {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .1) 25%, black 70%);
  }
}
@media only screen and (min-width: 1400px) {
  .blk-w-bgimg {overflow: hidden;}
  .blk-w-bgimg .bg-img {position: relative;}
  .blk-w-bgimg .content {
    position: absolute; top: 50%; left:0; z-index: 5; width: 100%;
    transform: translateY(-50%); padding: 24px 40px;
  }
  .blk-w-bgimg .content .logo-axdigital {width: 450px}
  .bgimg-w-lbl .content {padding: 2rem}
  .media-and-content .media.col {max-width: calc(560px + 30px); flex-basis: calc(560px + 30px)}
  .brands-grid {justify-content: space-around;}
  .brands-grid .img-box {max-width: 320px; margin: auto;}
  .brands-grid .brand-descr {font-size: var(--fontSzbs); margin-top: 1rem}
  .home-aboutus {--contPdX: 40px;}
  .home-aboutus .home-aboutus-text {max-width: calc(100% - 210px); flex-basis: calc(100% - 210px)}
  .home-aboutus .col-210 {max-width: 210px; flex: 0 0 210px;}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .blk-w-bgimg-xl .bg-img {position: absolute; top: 0; left: 0}
  .blk-w-bgimg-xl .content {
    position: relative; transform: none;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .1) 15%, rgba(0, 0, 0, .6) 45%, black 60%);
  }
  .home-professional .blk-w-bgimg .bg-img {min-height: 282px}
}
@media only screen and (min-width: 1600px) {
  .blk-w-bgimg .content {padding-left: 52px; padding-right: 52px}
  .blk-w-bgimg .col-xl-bs {max-width: 480px; flex: 0 0 480px;}
  .bgimg-w-lbl .content {padding: 3rem; bottom: 8px}
  .account-create {max-width: 1290px; margin-left: auto; margin-right: auto;}
}
@media only screen and (min-width: 1920px) {
  .blk-w-bgimg .col-dt-480 {max-width: 480px; flex: 0 0 480px;}
  .blk-w-bgimg .col-dt-600 {max-width: 600px; flex: 0 0 600px;}
  .tbl.double {display: inline-block; width: calc(100% + 20px); margin-left: -10px; margin-right: -10px}
  .tbl.double .tbl-body {display: table; width: 50%; padding: 0 10px; float: left;}
  .home-professional .blk-w-bgimg .text-18 .text-small {font-size: 14px}
  .home-usecases .blk-w-bgimg.blk-w-bgimg_lgdsk .content {
    background-image: linear-gradient(to left, black, transparent , black);
  }
}






.cart .buttons-set .button,.cart-table .button {
  background: #dddddd; color: #636363; padding: 7px 15px;
}
.cart .buttons-set .button:hover,.cart-table .button:hover {
  background: #d0d0d0; cursor: pointer;
}
.cart .buttons-set .button:active,.cart-table .button:active {
  background: #c4c4c4; color: #636363;
}
.cart .buttons-set .button:focus,.cart-table .button:focus {
  color: #636363; background: #c4c4c4; outline: none;
}
.cart-table .product-cart-actions .button, {
  background: #3399cc; display: inline-block; padding: 7px 15px; border: 0;
  color: #FFFFFF; font-size: 13px; font-weight: normal;
  font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
  line-height: 19px; text-align: center; text-transform: uppercase;
  vertical-align: middle; white-space: nowrap;
}
.cart-table .product-cart-actions .button:hover {
  background: #2e8ab8; cursor: pointer;
}
.cart-table .product-cart-actions .button:active {
  background: #297aa3; color: #FFFFFF;
}
.cart-table .product-cart-actions .button:focus {
  background-color: #297aa3; outline: none; color: #FFFFFF;
}
.cart-menu .empty {
  padding: 20px; text-align: center;
}

/* -------------------------------------------- *
 * Mini Cart - Full */
.cart-menu .actions {overflow: hidden;  padding: 15px;}
.cart-menu .actions .button {float: left;  width: 48%;}
.cart-menu .actions .button + .button {margin-left: 4%;}
.cart-menu .subtotal {
  padding: 0 15px 15px; font-size: 24px;  line-height: 1.2;
}
/**/
.cart-table {float: left; width: 65%;}
.cart .button {white-space: normal;}

.cart-forms,.cart-totals-wrapper,.crosssell {
  float: right;  clear: right;  width: 35%;  padding-left: 32px;
}

.cart-totals,.cart-forms .discount,.cart-forms .giftcard,.cart-forms .shipping {
  padding: 10px;  background-color: #f4f4f4;  border: 1px solid #cccccc;
}

.cart-table,.cart-totals,.cart-forms .discount,
.cart-forms .giftcard,.cart-forms .shipping {margin-bottom: 20px;}

.checkout-cart-index #postcode {width: 100%;}

.display-both-prices .cart-table {  float: none;  width: 100%;}
.display-both-prices .cart-forms {
  float: left;  padding-right: 10px;  padding-left: 0;
}
.display-both-prices .cart-totals-wrapper,
.display-both-prices .crosssell {padding-left: 10px;}
.display-both-prices .cart-forms,
.display-both-prices .cart-totals-wrapper,
.display-both-prices .crosssell {width: 50%;}
.display-both-prices .crosssell {clear: right;  float: right;}
.display-single-price:after {
  content: ''; display: table; clear: both;
}
@media only screen and (max-width: 979px) {
  .display-single-price .cart-table {float: none; width: 100%;  }
  .display-single-price .cart-forms {
    float: left; padding-right: 10px; padding-left: 0;  }
  .display-single-price .cart-totals-wrapper,
  .display-single-price .crosssell {padding-left: 10px; }
  .display-single-price .cart-forms,
  .display-single-price .cart-totals-wrapper,
  .display-single-price .crosssell {width: 50%;}
  .display-single-price .crosssell {clear: right;    float: right;}
}
@media only screen and (max-width: 599px) {
  .display-both-prices .cart-forms,
  .display-both-prices .cart-totals-wrapper,
  .display-both-prices .crosssell,
  .display-single-price .cart-forms,
  .display-single-price .cart-totals-wrapper,
  .display-single-price .crosssell {
    padding-top: 0; padding-left: 0; padding-right: 0; float: none; width: 100%;
  }
}


/* ============================================ *
 * Checkout - Cart
 * ============================================ */

.cart-totals .checkout-types .btn-checkout {margin-bottom: 7px;}
.cart-table th {background-color: #f4f4f4; text-align: center;}
.cart-table td, .cart-table tbody td {
  border-bottom: none; vertical-align: top;
}
.cart-table h2 {color: #636363;  font-size: 14px;  font-weight: 600;  margin-bottom: 0;}
.cart-table thead th, .cart-table tbody td {padding: 10px 5px;}
.cart-table .product-cart-info,
.cart-table .product-cart-actions {padding-left: 15px;}
.cart-table tr {  border-bottom: 1px solid silver;}
.cart-table tfoot tr {  background: none;}
.cart-table tfoot tr > td:after {  content: '';  display: table;  clear: both;}
.cart-table span.or {
  font-size: 9px;  padding: 0 5px; text-transform: uppercase;
}
.cart-table .product-cart-image .cart-links,
.cart-table .product-cart-info .btn-remove,
.cart-table .product-cart-actions .button {display: none;}
.cart-table .product-cart-image {padding-left: 0; padding-right: 0;}
.cart-table .product-cart-image .product-image img {max-width: 100%; width: 100%;}
.cart-table .product-cart-image a.cart-edit {  display: none;}
.cart-table .product-cart-sku {
  font-style: italic;  font-size: 12px;  margin: 5px 0 12px;
}
.cart-table .product-cart-sku .label {  font-weight: 600;}
.cart-table .btn-empty {float: left; margin-right: }
.cart-table .product-cart-total,
.cart-table .product-cart-price {  text-align: center;}
.cart-table .cart-tax-total {  position: relative;  cursor: pointer;
}
.cart-table .cart-tax-total:after {
  content: '';  position: absolute;  width: 0;  height: 0;  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #3399cc;  border-left: none;
  position: absolute;  top: 3px;  right: -11px;
}
.cart-table .cart-tax-total.cart-tax-total-expanded:after {
  content: '';  position: absolute;  width: 0;  height: 0;  display: block;
  border-right: 6px solid transparent;  border-left: 6px solid transparent;
  border-top: 6px solid #3399cc;  border-bottom: none;  right: -15px;  top: 6px;
}
.cart-table .cart-links > li {
  white-space: nowrap;  line-height: 1.3;
  margin-bottom: 5px;  min-width: 65px;  font-size: 13px;
}
.cart-table .cart-links > li > a {  display: block;}
.cart-table .cart-links > li:last-child {  margin-bottom: 0;}
.cart-table .product-cart-actions {  min-width: 60px;  text-align: center;}
.cart-table .product-cart-actions .qty {
  height: 30px;  border-color: silver;  border-radius: 0;
  margin-bottom: 10px;  text-align: center;  width: 3.2em;
}
.cart-table .product-cart-actions .button {  margin-bottom: 5px;}
.cart-table .item-options {  padding-left: 15px;}

@media only screen and (max-width: 770px) {
  .cart-table th {    font-size: 12px;  }
  .cart-table th,  .cart-table td {    padding: 7px 6px;  }
  .cart-table .product-cart-actions > li {    white-space: inherit;  }
}
@media only screen and (max-width: 699px) {
  .display-both-prices .cart-table thead th.cart-total-head,
  .display-both-prices .cart-table td.product-cart-total {    display: none;  }
}
@media only screen and (max-width: 599px) {
  .cart-table colgroup, .cart-table thead {    display: none;  }
  .cart-table tr {
    display: block;  margin-bottom: 10px;  padding-bottom: 10px;
    position: relative;   width: 100%;
  }
  .cart-table tr:after {
    content: '';   display: table;   clear: both;
  }
  .cart-table tr:last-child {   margin-bottom: 0;  }
  .cart-table tfoot tr {    padding-bottom: 0;  }
  .cart-table td {    border: none;  display: block;  }
  .cart-table td[data-rwd-label] {
    padding-left: 15px;
    margin-bottom: 6px;
  }
  .cart-table td[data-rwd-label] .price {
    font-weight: normal;
  }
  .cart-table td[data-rwd-label]:before {
    content: attr(data-rwd-label) ":";
    font-size: 12px;
    font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    padding-right: 5px;
    text-transform: uppercase;
  }
  .cart-table td.product-cart-price {
    text-align: left;
  }
  .cart-table h2 {
    font-size: 12px;
  }
  .cart-table .cart-links {
    padding-top: 5px;
    padding-right: 5px;
  }
  .cart-table .cart-links > li {
    white-space: normal;
    text-align: center;
  }
  .cart-table .cart-links > li > a {
    padding: 2px 0px;
  }
  .cart-table .cart-tax-info {
    font-style: italic;
    padding-left: 15px;
    font-size: 13px;
  }
  .cart-table .cart-tax-info .price {
    font-size: 13px;
  }
  .cart-table .product-cart-image {
    width: 25%;
    float: left;
    padding-bottom: 0;
  }
  .cart-table .product-cart-image a.cart-edit {
    display: block;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
  }
  .cart-table .product-cart-info,
  .cart-table td[data-rwd-label] {
    float: right;
    width: 75%;
  }
  .cart-table .product-cart-actions,
  .cart-table .product-cart-price {
    padding-bottom: 0;
    padding-top: 0;
    float: right;
  }
  .cart-table .product-cart-remove,
  .cart-table .product-cart-total,
  .cart-table .product-cart-actions .cart-links {
    display: none;
  }
  .cart-table .product-cart-image .cart-links,
  .cart-table .product-cart-info .btn-remove {
    display: block;
  }
  .cart-table .product-cart-actions .button {
    display: none;
  }
  .cart-table .product-cart-info .btn-remove {
    float: right;
    margin: -4px 0px 2px 7px;
  }
  .cart-table .product-cart-info .product-cart-sku {
    margin-bottom: 5px;
  }
  .cart-table .product-cart-actions {
    text-align: left;
  }
  .cart-table .product-cart-actions .qty {
    margin-right: 7px;
    margin-bottom: 7px;
  }
  .cart-table .price,
  .cart-table .product-cart-price:before {
    font-weight: 500;
    font-size: 15px;
    font-family: "Helvetica Neue", Verdana, Arial, sans-serif;
  }
  .cart-table .cart-footer-actions {
    text-align: center;
    width: 100%;
  }
  .cart-table .cart-footer-actions #empty_cart_button {
    float: right;
  }
  .cart-table .cart-footer-actions .btn-continue {
    float: left;
  }
  .cart-table .cart-footer-actions .btn-update,
  .cart-table .cart-footer-actions span.or {
    display: none;
  }

  .display-both-prices .cart-table td[data-rwd-tax-label]:before {
    content: attr(data-rwd-tax-label) ":";
  }
}