html {overflow-y: scroll;}
body{background-color:#ECEFF1;font-family:'Fira Sans',sans-serif;font-weight: 300;}
.js-cartMinus.disabled,
.js-cartPlus.disabled {
    opacity: 0.5;
    cursor: default;}
.js-cartMinus.disabled .fa,
.js-cartPlus.disabled .fa {
    color: #999 !important;}
.modal-lg {max-width: 900px !important;}
.menu-icon1 {width: 28px;text-align: center;margin-right: 20px;}
.clear {clear:both !important;}
.rr {border-radius:0px;}
.rt {border-radius:10px 10px 0px 0px;}
.rb {border-radius:0px 0px 10px 10px;}
.w-100{max-width:100%!important}
.btn-menu {background-color:#ECEFF1;color:#000 !important;}
.btn-menu.active {background-color:#0277BD;color:#FFF !important;}
.btn-menu:hover {background-color:#0277BD;color:#FFF !important;}
.inputError {border: 2px solid #fb7070 !important;background-color: #fff0f0;}
.product h1 {font-size:32px;font-weight:500;}
.product h2 {font-size:24px;font-weight:500;}
.product h3 {font-size:20px;font-weight:500;}
.product h4 {font-size:18px;font-weight:500;}
.product p {font-size:18px;font-weight:300;line-height:1.2;width:100%;}
.product ul {width:100%;}
.product ul li {font-size:18px;font-weight:300;line-height:1.2}
.product small {font-size:15px;font-weight:300;line-height:1.2}
.product a {color:#1976D2;text-decoration: none;border-bottom:1px solid #B0BEC5;display:inline;}
.product a:hover {color:#0D47A1; border-bottom:1px solid #0D47A1;display:inline;}
.product img {max-width:100%;}
.product iframe {max-width:100%;}
.product blockquote {border-radius:7px;background-color: #ECEFF1;line-height:1.2; padding:7px 15px 7px 15px;}
.product blockquote p {padding:0;margin:0;}

.pointer {cursor:pointer;}

.wiper {box-shadow: 0 .02rem .1rem rgba(0,0,0,.2)!important}
.wiper:hover {box-shadow: 0 .02rem .3rem rgba(0,0,0,.3)!important}
.wiper p {line-height:1.2;}
.wiper p small {line-height:1.2 !important;color:#607D8B;display:block;font-size:12px;}
.wiperlink a {color:#0D47A1;text-decoration: none;border-bottom:1px solid #B0BEC5;display:inline;}
.wiperlink a:hover {color:#000; border-bottom:1px solid #000;display:inline;text-decoration:none;}
.wiperimg {max-height:50px;}

.item {color:#000;line-height:1.1;}
.item:hover {background-color:#CFD8DC;cursor:pointer;box-shadow: 0 .15rem .25rem rgba(0,0,0,.075)!important;line-height:1.1;}
.item.active {background-color:#CFD8DC;cursor:pointer;box-shadow: 0 .15rem .25rem rgba(0,0,0,.075)!important;line-height:1.1;}
.item a:hover {color:#37474F;text-decoration:none;}
.item a, .item a:link {color:#37474F;text-decoration:none;font-size:14px;font-weight:500;}
.icon-soft-glow {transition: filter 0.3s ease, transform 0.2s ease;display: inline-block;}
.icon-soft-glow:hover {filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.4));transform: scale(1.02);}
a {color:#1976D2;}
a:hover {color:#0D47A1;}
.navbar-mbottom {
    background: linear-gradient(
        to top,
        rgb(248, 249, 250) 0%,
        rgb(248, 249, 250) 50%,
        rgba(248, 249, 250, 1) 60%,
        rgba(248, 249, 250, 0.8) 75%,
        rgba(248, 249, 250, 0.4) 90%,
        rgba(248, 249, 250, 0) 100%
    ) !important;
    color: #263238;
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
}
.navbar-mbottom a {
    color: #263238;
    text-decoration: none;
    font-weight: 600;
    font-size: 10px;
}
.navbar-mbottom i {
    font-size: 22px;
    padding-bottom: 3px;}
.breadcrumb {padding:2px 0px;font-weight:300;font-size:14px; color:#607D8B; margin-bottom:0.3rem;}
.breadcrumb a {color:#1976D2;text-decoration: none;border-bottom:1px solid #B0BEC5;display:inline;}
.breadcrumb a:hover {color:#0D47A1; border-bottom:1px solid #0D47A1;display:inline;text-decoration:none;}
.breadcrumb-item+.breadcrumb-item::before{content:"→";padding-right: 0.3rem;}
.breadcrumb-item+.breadcrumb-item{padding-left: 0.3rem;}

.label {position: absolute;top: 10px;left: 0px;font-weight: 300;padding: 5px 10px;font-size: 14px;border-radius: 0px 7px 7px 0px;opacity: 0.7;}
.labelprice {position: absolute;top: 40px;left: 0px;font-weight: 400;padding: 5px 10px;font-size: 18px;border-radius: 0px 7px 7px 0px;opacity: 0.7;}
.out {opacity:0.7;}
.out:hover {opacity:1;}

b, strong {font-weight:500 !important;}

.fw-300 {font-weight:300 !important;}
.fw-400 {font-weight:400 !important;}
.fw-500 {font-weight:500 !important;}
.fs-32 {font-size:32px !important;}
.fs-30 {font-size:30px !important;}
.fs-28 {font-size:28px !important;}
.fs-26 {font-size:26px !important;}
.fs-24 {font-size:24px !important;}
.fs-22 {font-size:22px !important;}
.fs-20 {font-size:20px !important;}
.fs-18 {font-size:18px !important;}
.fs-16 {font-size:16px !important;}
.fs-14 {font-size:14px !important;}
.fs-12 {font-size:12px !important;}

.pmedia img {max-width:100%;max-height:300px;}
.pmedia .tab-pane {height:300px;}
.plmedia .active img {border: solid 1px #0288D1}
.plmedia i {font-size:16px;top:-5px;left:10px;color:#ECEFF1}
.plmedia img {border: solid 1px #ECEFF1; margin:4px 2px;width:60px;height:50px;vertical-align: middle;}
.plmedia img:hover {border: solid 1px #0288D1;}
.plmedia .list-group-item {background-color: #FFF;border:0;}
.plmedia .list-group-item .active {background-color: #FFF;border:0;}


.seo h2 {font-size:22px;font-weight:500;line-height:1.2;}
.seo h3 {font-size:20px;font-weight:500;line-height:1.2;}
.seo h4 {font-size:18px;font-weight:500;line-height:1.2;}
.seo h5 {font-size:13px;font-weight:500;line-height:3;color:#0277BD;}
.seo {font-size:18px;font-weight:300;line-height:1.2;color:#4B636E;}
.seo a {color:#1976D2;text-decoration: none;border-bottom:1px solid #B0BEC5;display:inline;}
.seo a:hover {color:#0D47A1; border-bottom:1px solid #0D47A1;display:inline;;}
.card-img-top{
  width:100%;
  height:auto;
}
.card-img-top25 {
  width: 100%;
  max-width: 296px;
  height: 196px;
  object-fit: contain;
}
@media (max-width: 767px) {
    body {background-color:#FFF;}
    .logo {max-height:65px;}
    .shadow-sm {box-shadow: none !important;}
    .border {border:1px}
    .bb1w {border-bottom:2px solid #FFF;}
    .product h1 {font-size:22px;font-weight:500;}
    .product p {font-size:16px;font-weight:300;line-height:1.2}
    .product ul {font-size:16px;font-weight:300;line-height:1.2}
    .product ul li {font-size:16px;font-weight:300;line-height:1.2}
    .item a, .item a:link {font-size:18px;}
    .item span {font-size:16px;}
    .modal-body img {max-width:150px;}
    .label {position: absolute;top: 7px;left: 0px;font-weight: 300;padding: 5px 10px;font-size: 12px;border-radius: 0px 5px 5px 0px;opacity: 0.7;}
    .labelprice {position: absolute;top: 32px;left: 0px;font-weight: 400;padding: 5px 10px;font-size: 16px;border-radius: 0px 5px 5px 0px;opacity: 0.7;}
    .minipic {max-width:100px !important;}
    .fs-18 {font-size:16px !important;}
    .squares {font-size:14px;}
    .squares span {font-size:12px;}
 }

@media (min-width: 1200px) {
    .container{
        max-width: 1230px;
    }
 }
.bg-light-danger.inputError {
    background-color: rgba(251, 112, 112, 0.2) !important;
    box-shadow: inset 0 0 0 1px rgba(251, 112, 112, 0.5);
}
.form-check-input.inputError {
    outline: 2px solid #fb7070;
}
.bg-danger-light {
    background-color: #fff0f0; /* Как у .inputError */
}
label.inputError {
    background: #fff0f0; 
    border: none !important; 
}
.fa-minus:hover {
    color: red;
}
.fa-minus {
    color: #6c757d;
}
.fa-plus:hover {
    color: red;
}
.fa-plus {
    color: #6c757d;
}
.form-control24 {
  width: 70%;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: padding-box;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  outline: none;
  width: 270px;
  margin-bottom: 10px;
}
.ss23 {
        width:10%;
        padding-right: 6px !important;
        padding-left:  6px !important;
        font-size: 18px;
        vertical-align: middle !important;
    }
.ss24 {
        width:12%;
        text-align:center; 
        padding-top: 0.3rem !important;
        padding-bottom: 0.3rem !important; 
        vertical-align: middle !important;
    }
.ss25 {
        width:18%;
        text-align:center;
        padding: 1rem;
        font-size: 18px;
        vertical-align: middle !important; 
    }
.ss26 {
        vertical-align: middle !important;
    }

.ss40 {
        width:10%;
        text-align: left; 
    }
.ss41 {
        width:12%;
        text-align: center; 
    }
.ss42 {
        width:12%;
        text-align: right; 
    }
a.text241:active, /* активная/посещенная ссылка */
a.text241:hover {color: #212529; font-weight: bolder;
                 text-decoration: none;}
a.text241 {
  text-decoration: none;
  color: #212529;
  font-size: 18px;
}
.table td1 {
  padding: 0.75rem;
  vertical-align: middle;
  border-top: 1px solid #dee2e6;
}

@media (max-width: 600px) {
.ss21 { margin-left: -25px !important;
        width: 116%;
      }
.ss23 {
        width:45px !important;
        text-align: center; 
        padding-left: 0.05rem !important;
        padding-right: 0.05rem !important;
        font-size: 16px;
      }
.ss24 {
        width:38px !important;
        padding-left: 0.0rem !important;
        padding-right: 0.0rem !important;
        text-align: left;
      }
.ss25 {
        width:50px !important;
        word-wrap: break-word;
        padding-left: 4px !important;
        padding-right: 0.0rem !important;
        text-align: center;
        font-size: 16px;
    }
.ss26 {
    hyphens: auto;
    -webkit-hyphens: auto;
    width: 80px !important;
    word-wrap: break-word;
    }

.ss40 {
        width:65px !important;
        text-align: center; 
      }
.ss41 {
        width:65px !important;
        text-align: center; 
      }
.ss42 {
        width:65px !important;
        text-align: center;
        padding-left:  1px
      }
a.text241:active, /* активная/посещенная ссылка */
a.text241:hover {color: #212529; font-weight: bolder;
                 text-decoration: none;}
a.text241 {
  text-decoration: none;
  color: #212529;
  font-size: 1rem;
          }
}
.btnfloatright {
	float: right;
        margin-bottom: 5px; 
}
a.text24:active, /* активная/посещенная ссылка */
a.text24:hover,  /* при наведении */
a.text24 {
  text-decoration: none;
  border-bottom: none;
  color: #607D8B;
}

img.fotos {
  text-decoration: none;
  border-radius: .2rem;
  border: 1px solid #c0c4c7;
}
.policy-reveal {
  opacity: 0;
  transform: translateY(500px);
  will-change: opacity, transform;
  animation: policyFadeUp 1.5s cubic-bezier(.77,0,.175,1) 0.1s forwards;
}
@keyframes policyFadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 767px) {
    .modal-body.product img.mx-auto.d-block.mb-3 {
        max-width: 80% !important;
        width: auto !important;
        height: auto !important;
    }
}
/* Fira Sans */
/* 300 */

/* cyrillic-ext */
@font-face{
font-family:'Fira Sans';
font-style:normal;
font-weight:300;
font-display:swap;
src:url('/public/fonts/fira/va9B4kDNxMZdWfMOD5VnPKreSxf6TF0.woff2') format('woff2');
unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* cyrillic */
@font-face{
font-family:'Fira Sans';
font-style:normal;
font-weight:300;
font-display:swap;
src:url('/public/fonts/fira/va9B4kDNxMZdWfMOD5VnPKreQhf6TF0.woff2') format('woff2');
unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* greek-ext */
@font-face{
font-family:'Fira Sans';
font-style:normal;
font-weight:300;
font-display:swap;
src:url('/public/fonts/fira/va9B4kDNxMZdWfMOD5VnPKreShf6TF0.woff2') format('woff2');
unicode-range:U+1F00-1FFF;
}

/* greek */
@font-face{
font-family:'Fira Sans';
font-style:normal;
font-weight:300;
font-display:swap;
src:url('/public/fonts/fira/va9B4kDNxMZdWfMOD5VnPKreRRf6TF0.woff2') format('woff2');
unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* vietnamese */
@font-face{
font-family:'Fira Sans';
font-style:normal;
font-weight:300;
font-display:swap;
src:url('/public/fonts/fira/va9B4kDNxMZdWfMOD5VnPKreSRf6TF0.woff2') format('woff2');
unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
}

/* latin-ext */
@font-face{
font-family:'Fira Sans';
font-style:normal;
font-weight:300;
font-display:swap;
src:url('/public/fonts/fira/va9B4kDNxMZdWfMOD5VnPKreSBf6TF0.woff2') format('woff2');
unicode-range:U+0100-02BA,U+1E00-1EFF;
}

/* latin */
@font-face{
font-family:'Fira Sans';
font-style:normal;
font-weight:300;
font-display:swap;
src:url('/public/fonts/fira/va9B4kDNxMZdWfMOD5VnPKreRhf6.woff2') format('woff2');
unicode-range:U+0000-00FF;
}


/* 400 */

/* cyrillic-ext */
@font-face{
font-family:'Fira Sans';
font-style:normal;
font-weight:400;
font-display:swap;
src:url('/public/fonts/fira/va9E4kDNxMZdWfMOD5VvmojLeTY.woff2') format('woff2');
unicode-range:U+0460-052F,U+1C80-1C8A,U+2DE0-2DFF,U+A640-A69F;
}

/* cyrillic */
@font-face{
font-family:'Fira Sans';
font-style:normal;
font-weight:400;
font-display:swap;
src:url('/public/fonts/fira/va9E4kDNxMZdWfMOD5Vvk4jLeTY.woff2') format('woff2');
unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1;
}

/* greek-ext */
@font-face{
font-family:'Fira Sans';
font-style:normal;
font-weight:400;
font-display:swap;
src:url('/public/fonts/fira/va9E4kDNxMZdWfMOD5Vvm4jLeTY.woff2') format('woff2');
unicode-range:U+1F00-1FFF;
}

/* greek */
@font-face{
font-family:'Fira Sans';
font-style:normal;
font-weight:400;
font-display:swap;
src:url('/public/fonts/fira/va9E4kDNxMZdWfMOD5VvlIjLeTY.woff2') format('woff2');
unicode-range:U+0370-03FF;
}

/* vietnamese */
@font-face{
font-family:'Fira Sans';
font-style:normal;
font-weight:400;
font-display:swap;
src:url('/public/fonts/fira/va9E4kDNxMZdWfMOD5VvmIjLeTY.woff2') format('woff2');
unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB;
}

/* latin-ext */
@font-face{
font-family:'Fira Sans';
font-style:normal;
font-weight:400;
font-display:swap;
src:url('/public/fonts/fira/va9E4kDNxMZdWfMOD5VvmYjLeTY.woff2') format('woff2');
unicode-range:U+0100-02BA,U+1E00-1EFF;
}

/* latin */
@font-face{
font-family:'Fira Sans';
font-style:normal;
font-weight:400;
font-display:swap;
src:url('/public/fonts/fira/va9E4kDNxMZdWfMOD5Vvl4jL.woff2') format('woff2');
unicode-range:U+0000-00FF;
}


/* 500 */

/* cyrillic-ext */
@font-face{
font-family:'Fira Sans';
font-style:normal;
font-weight:500;
font-display:swap;
src:url('/public/fonts/fira/va9B4kDNxMZdWfMOD5VnZKveSxf6TF0.woff2') format('woff2');
unicode-range:U+0460-052F,U+1C80-1C8A,U+A640-A69F;
}

/* cyrillic */
@font-face{
font-family:'Fira Sans';
font-style:normal;
font-weight:500;
font-display:swap;
src:url('/public/fonts/fira/va9B4kDNxMZdWfMOD5VnZKveQhf6TF0.woff2') format('woff2');
unicode-range:U+0400-045F,U+0490-0491;
}

/* greek-ext */
@font-face{
font-family:'Fira Sans';
font-style:normal;
font-weight:500;
font-display:swap;
src:url('/public/fonts/fira/va9B4kDNxMZdWfMOD5VnZKveShf6TF0.woff2') format('woff2');
unicode-range:U+1F00-1FFF;
}

/* greek */
@font-face{
font-family:'Fira Sans';
font-style:normal;
font-weight:500;
font-display:swap;
src:url('/public/fonts/fira/va9B4kDNxMZdWfMOD5VnZKveRRf6TF0.woff2') format('woff2');
unicode-range:U+0370-03FF;
}

/* vietnamese */
@font-face{
font-family:'Fira Sans';
font-style:normal;
font-weight:500;
font-display:swap;
src:url('/public/fonts/fira/va9B4kDNxMZdWfMOD5VnZKveSRf6TF0.woff2') format('woff2');
unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB;
}

/* latin-ext */
@font-face{
font-family:'Fira Sans';
font-style:normal;
font-weight:500;
font-display:swap;
src:url('/public/fonts/fira/va9B4kDNxMZdWfMOD5VnZKveSBf6TF0.woff2') format('woff2');
unicode-range:U+0100-02BA,U+1E00-1EFF;
}

/* latin */
@font-face{
font-family:'Fira Sans';
font-style:normal;
font-weight:500;
font-display:swap;
src:url('/public/fonts/fira/va9B4kDNxMZdWfMOD5VnZKveRhf6.woff2') format('woff2');
unicode-range:U+0000-00FF;
}
body.js .card img {
    opacity: 0;
}
body.js .card img.show {
    opacity: 1;
    transition: opacity .25s ease;
}