/* MANROPE 800 — EXTRA BOLD */
@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope/Manrope-ExtraBold.woff2') format('woff2'),
         url('../fonts/Manrope/Manrope-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* MANROPE 700 — BOLD */
@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope/Manrope-Bold.woff2') format('woff2'),
         url('../fonts/Manrope/Manrope-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* MANROPE 600 — SEMIBOLD */
@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope/Manrope-Semibold.woff2') format('woff2'),
         url('../fonts/Manrope/Manrope-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* MANROPE 500 — MEDIUM */
@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope/Manrope-Medium.woff2') format('woff2'),
         url('../fonts/Manrope/Manrope-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* MANROPE 400 — REGULAR */
@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope/Manrope-Regular.woff2') format('woff2'),
         url('../fonts/Manrope/Manrope-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* MANROPE 300 — LIGHT */
@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope/Manrope-Light.woff2') format('woff2'),
         url('../fonts/Manrope/Manrope-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* MANROPE 100 — THIN */
@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope/Manrope-Thin.woff2') format('woff2'),
         url('../fonts/Manrope/Manrope-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
html, body {
    font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif !important;
}
@media (min-width: 300px) {
  .sub{font-size: 12px;}
	#sp-preim{margin: 40px 0px;}
	.bigword {font-size: 40px;}
	.norpad{padding:20px 4%; position:relative;overflow: clip;}
	.h1title{font-size:20px;}
	.avtk-table{font-size:70%}
	#myTab{margin-bottom:30px;}
.b2b{font-size: 12px;}
	.ba-forms-lightbox-row {
  right: 0px !important;
}
.tezprice{font-size: 15px;}
	 .ar img {
    margin-left: auto;
    transition: filter .2s ease-in;
    width: 2rem;
  }
	.ittbl h2 a {font-size: 14px;}
	
	#video-bg > video {
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: none;
}
.shapkatel{margin-top:20px;}
    .shkont .col-lg-6 {
    text-align: center;
	}
  .wh .stit{margin-top:20px;}
  .jbprice-tmpl-teaser .jbprice-buttons{right: 15px;}
  .shapka-content{padding: 120px 30px;}
   .bigword{ font-size: 60px;}
   .footform{padding: 20px;}
   .breadcrumb{font-size:60%; margin-bottom: 0;}
   #offcanvasTop #jbfilter-id-itemname{width:200px;}
  
    .jbcat img{height: 130px;
  width: auto;}
  .jbcategory-image{margin-top: 0px;}

	.jbcategory-image{position: relative;display: flex;justify-content: flex-end; margin-bottom:0px;}
.count{font-size: 70px;font-weight: 900;}
#sp-form h3{font-size:16px;}
#sp-form .shapka-content{padding:20px; min-height: auto;}
 .prdig {
    font-size:60px;
  }
.breadcrumb{font-size:50%}
.jbcategory-titles h3{color: #091324;
  font-size:15px;}
.nadtitle{font-size:12px;}
#sp-main-body{overflow:hidden;}
.shtip span {font-size: 14px;}
 .slider-image img{max-height: 300px;width: auto;}
 .flex-cont h2{font-size:28px}
 #jbmodule-slider-181 .slick-dots {bottom: 0px;}
 .h1title:before{height: 30px;}
 .radicalmart-search-wrapper {width: 250px;
  margin: 0 auto;}
  .item-title, .item-title a{font-size: 14px;}
  .knopka2 {font-size: 10px;}
  #radicalmartCartModule.offcanvas{max-width:350px; }
  .mcarttitle{font-size: 14px; max-width: 90%;}
  .cartit .col-9.position-realtive{padding-right: 30px;}
  .cartfoot{padding-right: 30px !important;}
  .knopka,.knopka5{font-size: 11px;}
  .prcont{font-size:60%}
  .prcont h4{font-size:80%}
  .col .sorti{max-width: 160px;height: 50px;}
  #productsFilters.offcanvas{max-width: 330px;z-index: 9999;padding-top: 40px;}
  #productsFilters.offcanvas .offcanvas-header {background: transparent;padding: 0; }
  .sbox{ font-size: 13px;}
  .full-item-image{margin-top:30px}
  #sp-about p{font-size: 14px;}
}

@media (min-width: 768px) {
	  #sp-about p{font-size: 16px;}
	.sbox{ font-size: 16px;}
#productsFilters.offcanvas{max-width: 400px;z-index: 9999;}
.col .sorti{max-width: 260px;}	
 .prcont{font-size:100%}
  .prcont h4{font-size:100%}
.knopka,.knopka5{font-size: 13px;}
.mcarttitle{font-size: 16px; max-width: 90%;}
 #radicalmartCartModule.offcanvas{max-width:400px;}
  .sub{font-size: 14px;}
  .knopka2 {font-size: 12px;}
	.h1title{font-size:26px;}
	.avtk-table{font-size:80%}
	.slider-cont{text-align:left}
	.fucont::before {
content: "";
  background: #f7f8f9;
  position: absolute;
  width: 240px;
  height: 200px;
  top: -300px;
  z-index: 0;
  right: -10px;
}
	.nadtitle{font-size:14px;}
	.breadcrumb{font-size:60%}
	#sp-form h3{font-size:18px;}
.partn{display: flex;}
	
  .shapka-content{padding: 30px;}
   .bigword{ font-size: 70px;}
   .breadcrumb{font-size:80%}
   #offcanvasTop #jbfilter-id-itemname{width:400px;}
   
  .jbcat img{height: 150px;width: auto;}
	.jbcategory-image{position: relative;display: flex;justify-content: flex-end; margin-bottom:0px;}
.count{font-size: 70px;font-weight: 900;}
#sp-form .shapka-content{padding:40px; min-height: auto;}
 .prdig {
    font-size: 70px;
  }
.ittbl h2 a {font-size: 16px;}
.shtip span {font-size: 16px;}
 .slider-image img{max-height: 400px;width: auto;}
 .flex-cont h2{font-size:30px}
  #jbmodule-slider-181 .slick-dots {bottom: 45px;}
  .radicalmart-search-wrapper {width: 500px;
  margin: 0 auto;}
  .bigword {font-size: 50px;}
  .item-title, .item-title a{font-size: 16px;}
}

@media (min-width: 992px) {
	.full-item-image{margin-top:0px}
  .sub{font-size: 16px;}
	#sp-preim{margin: 0px 0px;}
	.akcialink {
 position: relative;
  display: inline-block;
  color: #fff !important;
  background: linear-gradient(120deg, #e75e1c, #ff7a3e, #e75e1c);
    background-size: auto;
  background-size: 220% 220%;
  animation: akcialink-fill 4s ease infinite;
  transition: transform .2s ease;
  line-height: 25px !important;
}

/* лёгкое увеличение при наведении (опционально) */
.akcialink:hover {
    transform: scale(1.05);
}
	.norpad{padding:30px 4%; position:relative;overflow: clip;}
	.h1title{font-size:26px;}
	.avtk-table{font-size:90%}
	.slider-text{font-size:16px;}
	 .slider-image img{max-height: 500px;width: auto;}
	.nbtn{display: flex;
  position: relative;
  z-index: 9;
  align-items: center;
  justify-content: space-between;}
	.ba-forms-lightbox-row {
  right: -25px !important;
}
#sp-main-body{overflow:inherit;}
	.nadtitle{font-size:16px;}
	.shapkatel{margin-left:0px; margin-top:20px;}
	  .shkont .col-lg-6 {
    text-align: left;
  }
	.partn{display: flex;}
	 .wh .stit{margin-top:20px;}
	 .prdig {
    font-size: 100px;
  }
	#sp-form h3{font-size:20px;}
	.breadcrumb{font-size:100%; margin-bottom: 10px;}
	.footform{padding: 40px;}

	 
    .borright {
    border-right: 1px solid #dbdada;
  }
    .padleft {
    padding-left: 50px;
    padding-bottom: 15px;
  }
  .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {font-size: 9px;   padding: 0 6px;}
  .shapka-content{padding: 40px;}
   .bigword{ font-size: 80px;}
   
  .jbcat img{height: 150px;width: auto;}
	.jbcategory-image{position: relative;display: flex;justify-content: flex-end; margin-bottom:0px;}
	.top_geo {margin-left: 10px;font-size: 11px;}
.count{font-size: 50px;font-weight: 900;}
.breadcrumb{font-size:70%}
  .jbcategory-titles h3{color: #091324;
  font-size:15px;}
  .ittbl h2 a {font-size: 18px;}
    .opisanie {
    border-left: 20px solid #f7f8f9;
    padding-left: 20px;
    border-top: 20px solid #f7f8f9;
    padding-top: 20px;
    border-bottom: 20px solid #f7f8f9;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .ar img {
    margin-left: auto;
    transition: filter .2s ease-in;
    width: 2rem;
  }

  .fucont{display: flex;
  align-items: center;
  justify-content: space-between;}
  .flex-cont h2{font-size:35px}
   #jbmodule-slider-181 .slick-dots {bottom: 55px;}
   .h1title:before{height: 40px;}
   .radicalmart-search-wrapper {width: 600px;
  margin: 0 auto;}
  .norpad{padding:40px 4%; position:relative;overflow: clip;}
  .bigword {font-size: 60px;}
  .item-title, .item-title a{font-size: 17px;}
	}

@media (min-width: 1200px) {
	.tezprice{font-size: 16px;}
	.item-title, .item-title a{font-size: 16px;}
	.norpad{padding:60px 4%; position:relative;overflow: clip;}
	.radicalmart-search-wrapper {width: 800px;
  margin: 0 auto;}
	.h1title:before{height: 50px;}
.h1title{font-size:28px;}	
.avtk-table{font-size:100%}
#myTab{margin-bottom:0px;}
.flex-cont h2{font-size:40px}
	#video-bg > video {
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#sp-form .shapka-content{padding:60px; min-height: auto;}
#sp-form h3{font-size:24px;}
 
  .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {font-size: 9px;  padding: 0 6px;}
  .shapka-content{padding: 70px;}
   .bigword{ font-size: 100px;}
.jbcat img{height: 150px;width: auto;}
	.jbcategory-image{position: relative;display: flex;justify-content: flex-end; margin-bottom:0px;}

.count{font-size: 60px;font-weight: 900;}
.breadcrumb{font-size:80%}
  .jbcategory-titles h3{color: #091324;
  font-size: 16px;}
   .ittbl h2 a {font-size: 20px;}
     .opisanie {
    border-left: 40px solid #f7f8f9;
    padding-left: 30px;
    border-top: 30px solid #f7f8f9;
    padding-top: 30px;
    border-bottom: 30px solid #f7f8f9;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
    .ar img {
    margin-left: auto;
    transition: filter .2s ease-in;
    width: 4rem;
  }
  .slogan{font-size: 10px; max-width: 150px;}
  #jbmodule-slider-181 .slick-dots {bottom: 65px;}
  .bigword {font-size: 70px;}
}

@media (min-width: 1400px) {
.bigword {font-size: 80px;}
.h1title{font-size:30px;}	
.b2b{font-size: 14px;}
#jbmodule-slider-181 .slick-dots {bottom: 65px;}
.slogan{font-size: 11px; max-width: 150px;}
.ar img { 
    margin-left: auto;
    transition: filter .2s ease-in;
    width: 8rem;
  }
  .opisanie {
    border-left: 40px solid ##f7f8f9;
    padding-left: 40px;
    border-top: 40px solid #f7f8f9;
    padding-top: 40px;
    border-bottom: 40px solid #f7f8f9;
    padding-bottom: 40px;
    margin-bottom: 30px;
  }
.single-page-fixed-row-link {
 display: flex;
  margin-left: 20px;
  text-align: left;
  text-transform: uppercase;
  align-items: center;

}
.shapkatel{margin-left:20px; margin-top:0px;}
 .shapkabtn {
    display: flex;
    align-items: center;
    margin-top: 20px;
  }
.breadcrumb{font-size:80%}
#sp-form .shapka-content{padding:80px; min-height: auto;}
#sp-form h3{font-size:26px;}
#sp-shapka h1{font-size:50px;}
 .bigword{ font-size: 80px;}
.titles h2{font-size: 40px;}
.shapka-content{padding: 80px;}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {font-size: 10px;  padding: 0 6px;}

  .jbcategory-image{position: relative;display: flex;justify-content: flex-end;margin-top:0px; margin-bottom: 40px;}

.count{font-size: 70px;font-weight: 900;}
  .jbcategory-titles h3{color: #091324;
  font-size: 18px;}
}
@media (min-width: 1600px) { 
.tezprice{font-size: 18px;}
	.slogan{font-size: 11px; max-width: 160px;}
.item-title, .item-title a{font-size: 18px;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {font-size: 12px;  padding: 0 12px;}
	.jbcat img{height: 150px;width: auto;}
	.jbcategory-image{position: relative;display: flex;justify-content: flex-end; margin-bottom:0px;}

}
@media (min-width: 1800px) {
	.slogan{font-size: 12px; max-width: 250px;}
}

 
  
  .shapka-content .row{z-index:9; width: 100%;}
  .mt-30{margin-top:30px;}
.shapka-content h1, .shapka-content sub{position:relative; z-index:99}
.mainpage #sp-shapka{position: relative;
  margin-top: -80px;
  background-image: url(/images/bg.png);
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;overflow: hidden;}

h1{text-transform:uppercase; font-weight:900; }
#sp-shapka h1{color:#454545;font-weight: 900}
.main-circle img{
z-index: 12;}
.shapka-content{display: flex;
  position: relative;
  min-height: calc(80vh - 160px);
  margin-top: 80px;
  margin-bottom: 80px;
  flex-direction: column;
  justify-content: center;
align-items: flex-start;
  }
  .shkn{}
#sp-header{padding: 0 4%;}
.bts {height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  text-align: center;}

.headbtn a{margin:0 3px;}
.bts img{height: 20px;
width: auto; transition:all .4s ease;}
.bts:hover img{height: 25px;
width: auto;}

#sp-header {
  z-index: 102;
}
.containerr{padding:0 4%;}
#sp-header {background: transparent;box-shadow: none;}
#sp-header.header-sticky{background: #fff;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);}
#sp-logo{display: flex;
align-items: center;}
.toptel{display: block;
  text-align: right;
  font-size: 17px;
  line-height: 1;
  color: #2b2a29;
  font-weight: bold;}
.topcont{margin-left: 20px;margin-right: 20px;}
.topcont span a{color: #4b4b4b;
  font-size: 15px;
  text-align: right;
  display: block;}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  display: inline-block;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.sp-megamenu-parent > li:last-child > a {
  padding: 0 15px;
}

.sub{color: #626161;
  position: relative;
  z-index: 99;
  max-width: 1000px;}

.knopka {
  position: relative;
  display: inline-block;
  padding: 12px 35px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  background: #ed7a18;
  border: 1px solid #ed7a18;
  border-radius: 30px;
  overflow: hidden;
  transition: all .3s ease;
}

.knopka:hover,
.knopka:focus,
.knopka:active {
  background: transparent;
  color: #ed7a18;
}

/* Эффект блика */
.knopka::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
  background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
  opacity: 0.5;
  transform: translate(-100%, -25%) rotate(10deg);
  animation: blick 4s infinite;
  pointer-events: none;
}

/* Анимация блика */
@keyframes blick {
  0% {
    transform: translate(-100%, -25%) rotate(10deg);
  }
  20% {
    transform: translate(100%, -25%) rotate(10deg);
  }
  100% {
    transform: translate(100%, -25%) rotate(10deg);
  }
}
.fle{display: flex;
  flex-direction: column;
  justify-content: center;}
  .shapkont{position: absolute;
  bottom: 35px;left: 4%;
  color: #646464;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 12px; z-index:99;}
  
h1 span{}
.burger-icon > span {
  display: block;
  height: 1px;
  background-color: #383737;
  margin: 6px 0;
  transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
}

.body-innerwrapper {
overflow-x: clip;
}
#sp-main-body {
padding: 0px;
}
.mb-40{margin-bottom:40px;}
.jbcat{background: #f7f8f9; padding:40px;z-index: 9;
  display: block;margin-bottom:25px; position:relative;}

  .jbcategory-title{color: #091324; max-width: 250px; font-size:23px;}

.nohid{overflow: visible;}

  .catrm span svg{height: 30px;
  fill: #091324;}
  .catrm span{ border:1px solid #091324;
  width: 50px; margin-right:10px;
  height: 50px; transition:all .4s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;}
  .catrm{color: #091324;transition:all .4s ease;
  display: flex;margin-top: -50px;
  align-items: center;
  text-transform: uppercase;
  font-weight: 500;}
  .jbcat:hover .catrm span{background:transparent; border:1px solid #091324;}
  .jbcat:hover .catrm span svg{fill:#091324}
  .jbcat:hover .catrm{margin-left:5px;}
 .jbcat:before,
 .jbcat:after {
  box-sizing:inherit;
  content:'';
  position:absolute;
  border:6px solid transparent;
  width:0;
  height:0;
  top:0;
  left:0
}
 .jbcat:before {
  -webkit-transition:height .25s ease-out,width .25s ease-out .25s,border .25s ease-out .345s;
  -o-transition:height .25s ease-out,width .25s ease-out .25s,border .25s ease-out .345s;
  transition:height .25s ease-out,width .25s ease-out .25s,border .25s ease-out .345s
}
 .jbcat:after {
  -webkit-transition:width .25s ease-out,height .25s ease-out .25s,border .25s ease-out .345s;
  -o-transition:width .25s ease-out,height .25s ease-out .25s,border .25s ease-out .345s;
  transition:width .25s ease-out,height .25s ease-out .25s,border .25s ease-out .345s
}
 .jbcat:hover::before,
 .jbcat:hover::after {
  width:100%;
  height:100%
}
 .jbcat:hover::before {
  border-top-color:#e75c1c;
  border-right-color:#e75c1c;
  -webkit-transition:width .25s ease-out,height .25s ease-out .25s,border .25s ease-out;
  -o-transition:width .25s ease-out,height .25s ease-out .25s,border .25s ease-out;
  transition:width .25s ease-out,height .25s ease-out .25s,border .25s ease-out
}
 .jbcat:hover::after {
  border-bottom-color:#e75c1c;
  border-left-color:#e75c1c;
  -webkit-transition:height .25s ease-out,width .25s ease-out .25s,border .25s ease-out;
  -o-transition:height .25s ease-out,width .25s ease-out .25s,border .25s ease-out;
  transition:height .25s ease-out,width .25s ease-out .25s,border .25s ease-out
}
.jbcategory-title h3{font-size:23px;}

#sp-category .catbl{border:0;}
 #sp-category{background: #f8f9fa;}
 .z9{position:relative; z-index:9;}
 .redline{background: #d4212f;
  width: 300px;
  height: 10px;
 margin-bottom: 30px;}
 #sp-about h3{font-weight: 600;
  text-transform: uppercase;}
  .prbl{border: 1px solid #e3e3e3;z-index: 9;
  position: relative;
  background: #fff;margin-bottom: 25px;
  padding: 20px;}
  .prbl img{margin-bottom:20px;}
  .prbl2{background: #091324;
  color: #fff;}
  .abimg{position:relative;}
  .let{transform: rotate(-90deg);
  right: -30px;
  top: 28%;
  position: absolute;
  font-size: 50px;
  text-transform: uppercase;
  font-weight: bold;}
  .let span{color:#d4212f}
  .mb-30{margin-bottom:30px;}
  #sp-foot {
  position: relative;
 
  background-size: cover;
  background-position: center;
}
#sp-foot .shapka-content {
  display: block;
  position: relative;
  min-height: auto;
  background: rgba(0,0,0,.4);
  margin-top: 0px;
  margin-bottom: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.com-baforms-wrapper .ba-input-wrapper input{height: 60px !important; padding-left: 20px !important;}

  .ba-field-container textarea {
  min-height: 70px!important;
  resize: vertical;
}

  .footphone{font-size: 20px;
  font-weight: bold;color: #fff !important;
  margin-top: 30px;
  display: block;}
.polit{color: #fff;
  margin-top: 20px;
  display: block;
text-decoration: underline dashed;}
.foott{color: #fff;}
.footform .ba-form-acceptance-html p{color:#fff !important;}
 .rkont .copymail{margin-bottom:20px;}
 .catshap{ position: relative;margin-top: -80px;
  background: url(/images/bg3.jpg);
  background-size: cover; 
  background-position: center;}
.catshap .shapka-content {
  display: block;
  position: relative;
  min-height: auto;
  background: rgba(0,0,0,.4);
  margin-top: 0px;
  margin-bottom: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.breadcrumb {
padding: 0 !important;
  background-color: transparent;
  border-radius: 0.25rem;
  margin-bottom: 0;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "-");
}
.float-start span{color: #ff3a18;
  font-size: 14px;
margin-right: 10px;}
.catshap h1{color:#fff;}
.catshap #particles-js{height:0}
.subcategory-box .catrm{margin-top: 0px;}
.norblock{background: rgba(0,0,0,.3);
padding: 40px;}
.norblock .footphone{margin-top:0px;}
.item-box{background: #fff;display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 9;padding: 30px; border-radius:0px;
  position: relative;
border: 1px solid #ccc;}
.item-title a{color: #091324;}
.item-price{display: flex;
  align-items: center;
justify-content: space-between;}
.knopka4{border: 1px solid #091324;
  width: 50px;
  height: 50px;background:#fff;
  display: flex; cursor:pointer;
  border-radius: 100%;
  align-items: center;
justify-content: center;}
.knopka4:focus, .knopka4:hover, .knopka4:active{background:#ed7a18; border:1px solid #ed7a18;}
.knopka4:focus i, .knopka4:hover i, .knopka4:active i{color:#fff;}
.item-box .catrm{bottom: 21px;
  position: absolute;
  right: 25px;}
.item-box .catrm:hover{color:#0170bc}
.item-box .catrm:hover span{border:1px solid #0170bc;}
.item-box .catrm:hover span svg{fill:#0170bc; }
.jbzoo .jbprice > div, .jbzoo .jbprice-tmpl-full > div, .jbzoo .jbprice-tmpl-teaser > div {
  margin-bottom: 0px !important;
}
.item-box:before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: -1;
  display: block;
  content: '';
  border: 3px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.item-box:hover::before, .item-box:focus:before {
  border-color: #5e5e5e;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.item-box:hover .catrm{margin-right:5px;}
.catrow{padding:0 15px;}
.catrow .col-xxl-3{padding:0; display: grid;}
.item-image img{margin:0 auto; height: auto;
  width: auto;}

.item-title{color: #091324;
  margin-top: 5px;
  display: block;
  text-transform: uppercase;
  font-weight: 500;}

.styck{position:sticky; top:110px;}
ul.zoo-cats-list ul li a:hover{text-decoration:underline;}
.nolast .breadcrumb li:last-child{display:none;}
.h80{height:80px;}
.nolast{padding:20px 0; margin-top:-50px;}
.nolast .pathway{color:#0f1e3d}


  .responsive{overflow:auto;}

  .fpr{text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 20px;}
  .ftel{font-size: 20px;
  font-weight: bold; color:#10203f;}
  .hmail a{color:#515150; }
  .fucont{margin-top: 20px;}
  .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #f9f9f9;
  background-color: #ed7a18;
  border-color: #ed7a18;
}
.nav-tabs .nav-link {font-size: 14px;
 margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  background: 0 0;
    background-color: rgba(0, 0, 0, 0);
  background-color: #f7f7f7;
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  color: #091324;
}
.nav-link {
  display: block;
  padding: 12px 30px;
  text-align: center;
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
  text-transform: uppercase;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
  background: #ccc;
}
#myTabContent{padding: 40px;
  background: #fff;
  z-index: 9;
  position: relative;
  border: 2px solid #f7f8f9;
  
  border-top: 0px;}
  .nav-tabs {
  --bs-nav-tabs-border-width: 2px;
  --bs-nav-tabs-border-color: #f0f2f9;
  --bs-nav-tabs-border-radius: 0.375rem;
  --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
  --bs-nav-tabs-link-active-color: #495057;
  --bs-nav-tabs-link-active-bg: #fff;
  --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.table{width: 100% !important;}
.minusmar50{margin-top:-150px;}
.minusmar{margin-top:-70px;}


.fulltab{padding-top: 0;
margin-top: 20px; padding-bottom: 0px; letter-spacing:1px;}
.jbprice-value-emptytext{font-size: 20px !important;

}
.domtab{overflow:auto;}
.fucont {
  position: relative;
}
.fullqu{max-width: 40px; height:45px; margin: 0 3px !important;
  border: 0;}
.minuss i, .pluss i {
   cursor: pointer;
  height: 45px;
  line-height: 45px;
  width: 45px;
  text-align: center;
  font-size: 12px;
  color: #d8d8d9;
  border: 1px solid #d8d8d9;
  border-radius: 100%;
}

.fuing{max-width:200px;}
.minuss i:hover, .minuss i:focus, .minuss i:active, .pluss i:hover, .pluss i:focus, .pluss i:active {
    color: #585858;
    border: 1px solid #585858;
}
.fclo img {
  height: 50px;
  width: auto;
  margin-bottom: 20px;
}
.full-price{border: 2px solid #f0f2f9;
padding: 20px;}
.knopka5{border: 1px solid #091324;
  border-radius: 30px;
  padding: 12px 30px;
  display: flex;
  cursor: pointer;
  display: inline-block;

  text-transform: uppercase;
  font-weight: 500;
  }
  
  .knopka5:hover, .knopka5:focus,.knopka5:active{background: #ed7a18;
  border: 1px solid #ed7a18; color:#fff;}
.module-items .items .item-box{margin-bottom:25px !important;}
.module-items .item-column{display:grid;}
.catdescr{position: relative;
  z-index: 9;
  background: #f9fafb;}
.item-properties li, #profile li{display: flex;
  justify-content: space-between;
  max-width: 600px;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 10px;
  margin-bottom: 10px;}
  .norfilter .jbfilter-col .jbfilter-element-itemname{height: 50px!important;
  border-radius: 0px !important;
  padding: 0 20px !important;}
  .norfilter .jbfilter-buttons{margin-top:20px;}
.norfilter {border: 1px solid #ccc;
  margin-bottom: 20px;
  padding: 20px;}
.norfilter .knopka{display: block;
  width: 100%;
  }
  .jbzoo .norfilter .jbfilter-label {
  padding: 8px 0px !important;
  font-weight: bold;
  color: #091324 !important;
  vertical-align: baseline;
  white-space: wrap!important;
  text-shadow: none !important;
  background: transparent !important;
  display: block;
  cursor: pointer;
  margin-bottom: 1em;
  border-radius: 0px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}
.jbfilter-row input[type="checkbox"]:not(:disabled) {
  cursor: pointer;
  height: 20px !important;
  border-radius: 0px !important;
  width: 20px; margin-right:6px;
}
.jbzoo .norfilter .jbfilter .checkbox-lbl {
  font-weight: normal;
  margin-bottom: 0.5em;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.category-wrapper{display:grid;}
.pagination-box li a{padding: 10px;
  display: block;}
  .pagination-box li  span{padding: 10px;
  display: block;}
  .pagination-box li a:hover{background:#e4e5ed}
  .pagination-box{position: relative;
  z-index: 9;
  margin-top: 20px;
  display: flex;
  justify-content: center;}
  .norfilter .jbfilter-checkbox .jbfilter-element{max-height: 300px;
  overflow: auto;}
  #jbmodule-popular-124 .jbzoo .items .item-box {
  margin-bottom: 25px;
}
.mf{position:relative;  padding:0 4%; display:none;}
.mf-gruzopodemnye-elektromagnity.mf{display:block;}
.mainf{position: relative;
  z-index: 9;
  margin-top: 30px;
  margin-bottom: -60px;
  background: #fff; }
  
  #jbmodule-mainfilter-129 .jbfilter-element-itemname,
  #jbmodule-mainfilter-129 .jbfilter-element-tmpl-select, #jbmodule-mainfilter-129 #jbfilter-id-itemcategory{
  height: 50px !important;
  border-radius: 0px !important;
  padding: 0 20px !important;
}
.jbslider{min-height: 50px;}
 #jbmodule-mainfilter-129 #jbfilter-id-itemcategory{margin-top: 20px;}
  #jbmodule-mainfilter-129 .knopka{height:50px;}
    #offcanvasTop{height: 100px;
  display: flex;
  align-items: center;}
  .btn-close.text-reset{position: absolute;
  right: 25px;
  top: 25px;
  cursor: pointer;}
  .tsbt {
  background: url(/images/ico/searchbl.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  border: 0px;
  height: 20px;
  transition: all .5s ease;
  width: 20px;
  position: absolute;
  right: 20px;
  top: 40px;
}
#offcanvasTop .jbzoo.jbfilter-wrapper{position: relative;
  height: 100px;
  display: flex;
  align-items: center;}
#offcanvasTop #jbfilter-id-itemname{height:50px !important; border-radius:0px!important}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
font-size: 15px;
  display: block;
  padding: 5px 0;
  cursor: pointer;
  font-weight: 300;
  line-height: 1.2;
}
.socvert {position: relative;
  top: 0;
  flex-direction: initial;
  justify-content: flex-start;
  margin-top: 15px;}
.socvert a{transform: none;font-size: 18px;
	margin-bottom: 0; margin-right:10px;}
.catitem  h3{color: #091324;
  margin-top: 10px;
  margin-bottom: 70px;}
  .fcon{background: #f7f8f9;
  padding: 40px;position: sticky;
  top: 100px;}
  .fcon img{height: auto;
  width: 200px;}
  .fcon .tphon{color: #091324;
  font-size: 20px;
  font-weight: bold;
  display: block;
  margin: 10px 0px;}
  .fcon span{display: block;
  margin-top: -10px;
  margin-bottom: 20px;}
.fcon span a{color: #091324;
  text-decoration: underline dotted;}
  .catitem{display:flex; flex-direction: column;
  justify-content: space-between;}
  .kontrow .kline {
  color: #091324;
  margin-top: 20px;
}
.kontrow  .copyr{color: #091324;}
.kontrow .footphone{color: #091324;
  font-size: 22px;}
.kontrow .copymail {color: #091324;
  font-size: 18px;
  margin-bottom: 30px;
  display: block;}
  .ba-forms-lightbox-row{position: absolute; z-index:999999 !important; width: 96% !important;}
.ba-form-icons.ba-icon-close::before {
  content: "\f136";
  color: #ed7a18;
}

  .sbt{background: #0175c4;
  border: 0px;
  color: #fff;
  width: 50px;}
  .jbzoo .jbcurrency-value {
  font-size: 20px !important;
  font-weight: bold;
}
#sp-foot {overflow: clip;
background-color: #f7f8f9;
padding:80px 4%;
background-image: url(/images/bgf.png);
  background-repeat: no-repeat;
}
.padb {
  padding-bottom: 20px;
}
.borbot {
  border-bottom: 1px solid #dbdada;
}
.footmenu {
  padding: 0;
  list-style: none;
}
.footmenu a {
  padding: 8px 0px;
  display: block;
  font-size: 15px;
}
.footimg {
  height: 60px;
  width: auto;
  margin-top: 20px;
}

#sp-foot h3{
  text-transform: uppercase;}
.footp{color: #5b5b5b;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 1px;}
.kline span {
 color: #787878;
  display: block;
  font-weight: 500;
  margin-bottom: 5px;
}
.kline {
 margin-bottom: 10px;
  font-size: 15px;
  letter-spacing: 1px;
}
.copyr{margin-top: 20px;
  color: #5b5b5b;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 1px;}
.z9{position:relative; z-index:9;}
.social {
  margin-top: 20px;
}

.social {
  margin-top: 20px;
  position: relative;
}

.social a {
  position: relative;
  overflow: hidden;
  border: 1px solid #5b5b5b;
  padding: 10px 20px;
  margin-top: 10px;
  margin-right: 10px;
  transition: transform 0.2s ease;
  color: #5b5b5b;
  display: inline-block;
  text-decoration: none;
}

.social a i {
  margin-right: 5px;
}

.social a:hover {
  transform: scale(1.05);
}
.social a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
  background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
  opacity: 0.5;
  transform: translate(-100%, -25%) rotate(10deg);
  animation: blick 5s infinite;
  pointer-events: none;
}
.tgbt{background:  	#24A1DE;
  color: #fff !important;
border: 1px solid #27a7e7!important;}
.vkbt{background:  	#4d7198;
  color: #fff!important;
border: 1px solid #4d7198!important;}
.footmenu a:hover{text-decoration:underline;}
h3 span{color:#ff3a18}
.rkont a{color: #2b2a29;
  font-size: 20px;
  font-weight: bold;}
  .rkont a.footmail{color: #2b2a29;
  font-size: 16px;
  font-weight: normal;
  text-decoration: underline;}
.prov{text-transform: uppercase;
  font-weight: 900;
margin-top: 20px;}
.prov span{font-weight:300;}
.abtitle {
  font-size: 20px;
  color: #4c4c4c;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: 900;
}
.absub {
  color: #444;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
#sp-form{
  position: relative;

  background: #e4e5ed;

  background-size: 80%;
  background-position: left;
  background-repeat: no-repeat;
}
#sp-form.norpad{padding:0 4%}
#sp-form h3{font-weight:800; text-transform:uppercase;}
#sp-form h3 span{color:#0070bc; font-weight:normal}
.pros{display: flex; margin:30px 0;}
.prostext a{display:block;font-size: 18px; color: #444;
font-weight: bold;}
.prostext a:hover, .prostext a:focus, .prostext a:active{color:#0070bc}
.prosico i{height: 50px;
width: 50px;
background: #fff;
border-radius: 100%;
line-height: 50px;
text-align: center;
border: 1px solid #0070bc;
color: #0070bc;
margin-right: 15px;}
.prostext span{font-size: 14px;
font-weight: 300;
color: #616161;
line-height: 15px;
position: relative;
top: -3px;}
.ili{color: #444;
font-size: 16px;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 800;}
.ba-forms-lightbox-row{position: absolute;
right: 0px; z-index:999999}
.ba-form-lightbox-layout{z-index:999999 !important;}
.ba-input-label-wrapper{text-transform: uppercase !important;
font-weight: 800 !important;}
.ba-form-acceptance-html p{font-size: 16px !important;}


#sp-form .com-baforms-wrapper{width: 100%;
}
  .ba-form-submit-btn-wrapper {
  display: block !important;
  width: 100% !important;
}
 .partn img{height: 20px;
width: auto; margin-right:8px;}

.partn{text-transform: uppercase;
  align-items: center;
  margin-bottom: 15px;
  justify-content: flex-start;
  text-align: left;
  margin-right: auto;}
#sp-form .ba-form-page {
    padding: 0px !important;
    width: 100% !important;
  }
  .rowpart .col-xl-3 {
    padding: 0px; position: relative;background: #fff;
}
.parit {
    border: 1px solid #eee;
}
.rowpart img {
    height: 120px;
    width: auto;
    margin: 0 auto;
}
.parit .dig {
    position: relative;
    left: 80px;
}
.dig {
    color: #434242;
    font-weight: 900;
    font-size: 50px;
}
.digrow:before {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    background: #434242;
    position: absolute;
    top: 30px;
    left: 30px;
}
.digrow:after {
    content: "";
    width: 60px;
    height: 1px;
    background: #ccc;
    display: block;
    position: absolute;
    top: 33px;
    left: -30px;
}
.partmore {
  text-align: right;
  margin-right: 30px;
  top: -15px;
  position: relative;
  text-decoration: underline dotted;
}
h2 span {
  color: #0070bc;
  font-weight: normal;
}
h2 {
  text-transform: uppercase;
  font-weight: bold;
}
#sp-partners {

  position: relative;
}
#sp-bc{padding: 0 4%;
background: #e4e5ed;}
.h1title {
  text-transform: uppercase;
  margin-bottom: 0px;
  font-weight: 900;
  color: #585858;
}
.mod-breadcrumbs__wrapper{margin-top:10px;}
.h1title:before {
  content: "";
  background:  #f18817;
  display: inline-block;
  width: 30px;
  
  margin-right: 15px;
}

#sp-zag{padding-top: 60px;
  padding-left: 4%;margin-bottom: -50px;
  padding-right: 4%;position: relative;}
  .katal #sp-category{padding-top:90px;}
  .katal .titles h2{text-transform: inherit;}
#sp-cattext {
  background: #f9fafb;
}
  .dbl{background: #fff;
  padding: 20px; margin-bottom:20px;}
  .prblock{flex-shrink: 1;align-items: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: auto;
  max-width: 100%;
  margin-top: 40px;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
display: flex;}

.prdig{width: auto;margin-right:30px;
  display: inline-flex;
  
  line-height: normal;
  vertical-align: top;
  position: relative;
  margin-left: 0px;
  font-weight: 900;
  transform: rotateX(0deg) rotateY(0deg) rotateZ(270deg);
  color: #f0f1f1;
  text-align: center;}
  .prcont{margin-left:30px;}
  .prcont h4{text-transform: uppercase;
  font-weight: bold;}
  .prcont{color: #7c7878;
  letter-spacing: 1px;
  line-height: 1.2;position: relative;
  margin-bottom: 0px;}
  #sp-preim{position: relative;overflow: clip; 
  padding: 0 4%;margin-top: -70px;}

.accordion-button:not(.collapsed) {
 color: #56575a;
  background-color: #f7f8f9;
  box-shadow: none;height: 42px;
}
.accordion-button{height: 42px;}
.filt{border: 1px solid #e8e8e8;}
.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: none;
}
.accordion-button:focus {
  z-index: 3;
  border-color: #efefef;
  outline: 0;
  box-shadow: none;
}
.fbt .btn{border-radius:0px !important;}
.filter-field ul{margin-bottom:0px;}
.accordion-button i{margin-right:8px;}
.accordion-button:hover{cursor:pointer; color:#333;}
.accordion-item:last-of-type .accordion-button.collapsed {
  border: 1px solid #ccc;
  margin-bottom: 20px;
}
.full-item-image {
  border: 2px solid #f0f2f9;
  position: relative;
  padding: 20px;
  display: flex;
  justify-content: center;
  background: #fff;
}
.full-item-image::before {
  content: "";
  background: #f7f8f9;
  width: 200px;
  height: 30px;
  position: absolute;
  bottom: -10px;
  left: -10px;
}
.full-item-image img {
  z-index: 9;
  position: relative;height: 350px;object-fit: contain;
}
.fulvar .control-label{display:none;}
.fulvar .btn-check:checked + .btn, .fulvar .btn-outline-primary:hover, .fulvar .btn.active, .btn.show, .fulvar .btn:first-child:active, :not(.btn-check) + .btn:active {
  color: var(--bs-btn-active-color);
  background-color: #f18817;
  border-color: #f18817;
}
.allhar{text-decoration: underline;
color: #2b2a29;}
.nolastt .breadcrumb li:last-child{display:none;}
.fulvar .btn-outline-primary {
  --bs-btn-color: #585858;
  --bs-btn-border-color: #585858;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #585858;
  --bs-btn-hover-border-color: #585858;
  --bs-btn-focus-shadow-rgb: 13,110,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #585858;
  --bs-btn-active-border-color: #585858;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #585858;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #585858;
  --bs-gradient: none;
  border-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  margin-right: 3px;
}

.discoun{color:#585858}
.fixed-top.fixed-bottom .text-info {
  --bs-text-opacity: 1;
  color: #f18817!important;
}
.prodfas{padding: .375rem 2.25rem .375rem .75rem;
  -moz-padding-start: calc(0.75rem - 3px); padding-left:0px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529 !important;}
.accordion {

 /* стрелка закрытого состояния */
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23585858'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;

  /* стрелка активного состояния */
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23585858'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: #0c63e4;
  --bs-accordion-active-bg: #e7f1ff;
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.jbzoo-app-katalog-obshhepromyshlennoj-armatury .nerzhap{display:none;}
.jbzoo-app-katalog .obshap{display:none;}
.jbcategory-titles{display: flex;
  align-items: center;
  height: 100%;
  text-align: center;
  justify-content: center;}
  .jbzoo .row, .jbzoo .row-fluid {
  margin-bottom: 0px !important;
}
.jbcat20{padding:20px;}
.pagsear{position:relative;}
.harbl {position:relative; z-index:9;
  display: flex;
  margin-bottom: 10px;
  justify-content: space-between;
  overflow: hidden;
  white-space: nowrap;
}
.hdot {
  border-bottom: 1px dotted #b3b1b1;
  width: 100%;
  position: relative;
  top: -7px;
  margin: 0 10px;
}
.mb-20{margin-bottom:20px;}
.disc {
  font-weight: 300;
  font-size: 13px;
  line-height: 16px;
  color: #bbb;
  text-align: justify;
  margin-top: 20px;
}
.wh{background: #fff;
  position: relative;
z-index: 9;}
.relbl{position: relative;
  border: 2px solid #f0f2f9; background:#fff;
padding: 20px;}
.relpr .catrm{position: absolute;
right: 30px;}
#myTabContent{max-height: 858px;
  overflow: auto;}


.modal-content {
  background-color: #fff;
  margin: auto;
    margin-top: auto;
  border: none;
  margin-top: 5%;
  padding: 40px !important;
  width: 80%;
  max-width: 600px;
  animation: slideDown 0.5s;
  box-shadow: 5px 15px 60px -3px #ced0d1!important;
}

.rbll{position: sticky !important;position: -webkit-sticky;
  top: 120px;}
.preimush img {height:60px; margin:0 auto; margin-top:20px;}
.preimush h5{text-transform: uppercase;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.4px;
text-align: center;
margin-top: 10px;}
.preimush p{text-align: center;
font-weight: 300;
font-size: 14px;
line-height: 16px;
color: #727272;}
.blogitem img{height: auto;
  width: auto;}
.footphonek{color: #333;
  font-size: 20px;
  font-weight: bold;}
  .klinek{margin-bottom: 10px;}
  .article-details .copyr {
  color: #545050;
  margin-top: 18px;
  font-weight: 300;
  font-size: 12px;
  margin-bottom: 20px;
}
.rekv .knopka{font-size: 12px;
  padding: 8px 35px;
  }
  #map{border: 20px solid #e4e5ed;}
#map .ymaps-2-1-79-map{
  margin-top: -25px !important;}
  .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  padding: 40px;
  border-bottom: 4px solid #ef8217;
  border-top: 4px solid #e4e5ed;
}

 .sp-megamenu-parent .sp-mega-group > li > a {
 display: flex;
  text-transform: inherit;
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 3px;
  padding-top: 3px;
  margin: 0px;
  align-items: center;
  position: relative;
}
.sp-megamenu-parent .sp-mega-group > li > a:hover{text-decoration:underline; color:#ed7a18;}
.sp-menu-heading{text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 10px;
  display: block;
  font-size: 13px;}
.item-image{height: 250px;
  display: flex;overflow: hidden;
  align-items: center;
  justify-content: center;}
  .pagination > .active > a, .pagination > .active > span {
  border-color: #0070bc;
  background-color: #0070bc;
  color: #fff;
}

.nav-button {
width: 28px;
  height: 50px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  margin-top: 30px;
  margin-right: 40px;
}
.nav-button span {
  width: 100%;
  float: left;
  margin-bottom: 6px;
  height: 2px;
 background: #ed7818;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.nav-button .ncs {
  width: 70%;
}
.nav-button .nbs, .nav-button.cmenu:hover .nbs {
  width: 0;
}
.menu-button-text {
 position: absolute;
  left: 0;
  width: 100%;
  bottom: 15px;
  color: #5b5b5b;
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.nav-button:hover .ncs, .nav-button:hover .nbs {
  width: 100%;
}

#modal-menu-toggler.active > span:nth-child(1) {transform: translate(0, 8px) rotate(-45deg);}
#modal-menu-toggler.active > span:nth-child(2) {transform: translate(0, 0px) rotate(45deg); width: 100%;}
#modal-menu-toggler.active > span:nth-child(3) {opacity: 0;}

body.ltr .sp-megamenu-parent > li.sp-has-child > a::after, body.ltr .sp-megamenu-parent > li.sp-has-child > span::after {
  font-family: "Font Awesome 6 Free";
  content: "";
  float: right;
  margin-left: 4px;
  font-weight: 900;
  font-size: 8px;
}

.knopka2 {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 16px 38px;
  
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fffcfc;
  background: #ed7a18;
  border-radius: 30px;
  box-shadow: rgba(231,94,28,.11) 0px 0px 0px 8px;
  transition: all .5s ease;
  overflow: hidden;
}

.knopka2 img {
  margin-left: 5px;
  height: 15px;
  transition: all 0.2s ease-in-out;
}

.knopka2:hover,
.knopka2:focus,
.knopka2:active {
  background: #f18917;
  color: #fff;
  box-shadow: rgba(241,137,23, 0.18) 0px 0px 0px 8px;
  transform: scale(1.05);
}

.knopka2:hover img {
  margin-left: 10px;
}

/* Эффект блика */
.knopka2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
  background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
  opacity: 0.5;
  transform: translate(-100%, -25%) rotate(10deg);
  animation: blick 4s infinite;
  pointer-events: none;
}

/* Анимация блика */
@keyframes blick {
  0% {
    transform: translate(-100%, -25%) rotate(10deg);
  }
  20% {
    transform: translate(100%, -25%) rotate(10deg);
  }
  100% {
    transform: translate(100%, -25%) rotate(10deg);
  }
}

#video-bg {
	display: flex;
align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    min-height: calc(80vh - 160px);
	max-height:100%;
  
    background-size: cover;
}

#video-bg > video {
    position: absolute;
    min-width: 100%;
    min-height: 100%;

}
#video-bg::before {
content: "";
  background: rgba(255, 255, 255, 0.1);
  width: 100%;
  height: 100%;
  display: block;
  z-index: 9;
  position: absolute;
  mix-blend-mode: plus-lighter;
}
.nadtitle{color: #7f7573;
text-transform: uppercase;
margin-bottom: 20px;z-index: 9;
position: relative;}
.nadtitle:before{content: "";
background: #e75c1c;
width: 20px;
height: 20px;
display: inline-block;
margin-right: 10px;}
.podzag{text-transform: uppercase;
font-weight: 300;
margin-top: 10px;}

.knopka3{background: #e75c1c;
color: #fff;  font-size: 14px;
text-transform: uppercase;
padding: 12px 30px;
border: 2px solid #e75c1c;
display: inline-block;
font-weight: 600;}
.knopka3:hover, .knopka3:focus, .knopka3:active{background:transparent; color:#e75c1c}
.shapkatel a{color: #2d2d2d;
font-size: 20px; display: block;
font-weight: bold;}

.icophone{width: 50px;
height: 50px;
background: #5b5b5b;
display: flex;
align-items: center; margin-right:15px;
justify-content: center;
border-radius: 100%;
}
.shapkatel{display:flex;align-items: center;}
.shapkatel a.shmail{color: #5b5b5b;
  display: block;
  font-weight: 300;
  font-size: 14px;
  text-align: right;
text-decoration: underline;}
.shapkabtn{z-index:9;margin-top: 20px;}
.headbtn{display:flex; align-items:center;}
.h2title::before {
  content: "";
  background: #ed7a18;
  display: inline-block;
  width: 30px;
  height: 50px;
  margin-right: 15px;
}
.h2title {
  text-transform: uppercase;
  margin-bottom: 30px;
}
.cosli {
  display: flex;
  margin-top: 20px;
  align-items: flex-end;
  justify-content: flex-end;
  flex-shrink: 0;
}
.countsSlides {
  font-size: 20px;
  margin-right: 20px;
}
.btn-juliet{background: #ed7a18;
  border-radius: 0px;
  width: 50px;
  height: 50px;
  color: #fff;
  }
  .btn-juliet:hover, .btn-juliet:focus{background:#1d2027; color:#fff}
  #sp-news{background:#f8f9fa; margin-bottom: 120px; }
.slick-slide {
  margin-right: 20px;
}
.msdat{background: #ed7a18;
  position: absolute;
  top: 20px;
  left: 20px;
  color: #fff;
padding: 0 10px;}
.ubl h3{color: #5b5b5b;
  letter-spacing: 1px;
  margin-top: 10px;
}
.sp-mega-group img, .sp-dropdown-items img{filter: invert(1);
  height: 15px; margin-right:5px;}
  .catshapp{display: flex;
  min-height: 300px;
  justify-content: center;}
  .blsh{position: relative;
   min-height: calc(300px + 160px);
  margin-top: -80px;
  background-image: url(/images/bg.png);
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
  overflow: hidden;}
  .catshapp:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #2c3345 0%, rgba(44, 51, 69, 0.11) 100%);
  pointer-events: none;
}
.catshapp h1{color: #fff;
  z-index: 9;
position: relative;}
.sbbtn{position:relative; z-index:9}
.podz{text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 2px;
  color: #f9f9f9;
  z-index: 9;
  max-width: 900px;
}
.np {
  padding: 15px 4%;
}
.float-start{display:none;}
.catpad{padding: 0px 4%;overflow: inherit;}
.ittbl h2 a{color: #535353;
  font-weight: 400;
  display: block;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.4;
  border-left: 8px solid #f08817;
  padding-left: 20px;}
  .ittbl .article-intro-image_cat{min-height: 200px;}
 .ittbl:before {
  content: "";
  background:#f3f3f3;
  width: 300px;
  height: 20px;
  position: absolute;
  bottom: -10px;
  right: -10px;
}
.ittbl {
  border: 1px solid #f2f2f2;
 background-image: url(/images/bg.png);
  background-size: cover;
  position: relative;
  box-shadow: 0 2px 4px rgba(176, 173, 173, 0.1);
  transition: all ease .2s;
  margin-bottom: 25px !important;padding: 40px;
  display: grid;
}
  .catlink span{width: 42px;
  height: 42px;
  background-color: #f3f3f3;
  border-radius: 50%;
  margin-left: 0.5rem;
  -webkit-transform: translateY(1.675rem);
  -ms-transform: translateY(1.675rem);
  transform: translateY(1.675rem);
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
transition: 0.5s;}
.catlink span:before{content: "";
  position: absolute;
  right: 18px;
  top: 21px;
  width: 4rem;
  height: 1px;
  background-color: #ef8117;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;}
 .catlink span:after{content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  left: 15px;
  top: 17px;
  border-right: 1px solid #ef8117;
  border-top: 1px solid #ef8117;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;}
  .catlink{display: -webkit-box;
  display: -ms-flexbox;
  display: flex;color: #1d2027;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0rem 3rem; position: relative;
  z-index: 20;
  margin-top: 2rem; color: #5b5b5b;
  font-size: 12px;
  letter-spacing: 2px;}
  .ubl:hover .catlink div {
  -webkit-transform: translateX(-4rem);
  -ms-transform: translateX(-4rem);
  transform: translateX(-4rem);
}
.ubl:hover .catlink span {
  -webkit-transform: translateX(-1rem);
  -ms-transform: translateX(-1rem);
  transform: translateX(-1rem);
}
.catlink div{transition: all 0.5s ease;text-transform: uppercase;}
.ubl:hover .catlink div{-webkit-transform: translateX(-4rem);
  -ms-transform: translateX(-4rem);
  transform: translateX(-4rem);}
  .ubl h3{color: #1d2027;

  display: block;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px; line-height: 1.3;}
  .uimg{margin-top:20px; overflow:hidden;}
.uimg img {
 transition: all 0.7s ease;
}
.ubl:hover img{transform: scale(1.1);}
.ittbl:hover {
  border-color: #fff;
  box-shadow: 0 0 20px 0 rgba(0,0,0,.18);
}
.bidat{color: #979797; margin-top:10px;
  margin-bottom: 12px;
  font-size: 14px;
letter-spacing: 1px;}
.com-content-category-blog__pagination{display: flex;
  justify-content: center;
  margin-top: 30px;}
  .pagination > .active > span {
  border-color: #f08717;
  background-color: #f08717;
  color: #fff;
}
.page-link {
  position: relative;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 4px;
    margin-left: 4px;
}
.page-item:last-child .page-link {
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
}
.page-item:first-child .page-link {
  border-top-left-radius: 100%;
  border-bottom-left-radius: 100%;
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: rgba(208, 99, 33, 0.25) 0px 0px 0px 4px;
}
.com-content-category-blog__navigation{display: flex;
  justify-content: center;
  margin-top: -30px;}
  .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
  color: #fff;
}
.fcon p{letter-spacing: 2px;
  color: #5b5b5b;
  font-size: 10px;
text-transform: uppercase;}
.shbl{box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
background: #fff;
display: block;
position: relative;
overflow: hidden;
padding: 40px;
transition: all .5s ease;
margin-bottom: 25px;}
.shbl h3{text-transform: uppercase;
font-weight: 800;position: relative;
font-size: 18px;}
.shbl p{font-weight: 300;
line-height: 1.4;position: relative;
margin-top: 10px;}
.shbl:before {
  content: "";
  background: #f8f8f8;
  width: 400px;
  height: 300px;
  display: block;
  position: absolute;
  right: -140px;
  top: 0;
  z-index: 0;
  transform: rotate(28deg);
}
.bti{font-weight:800; text-transform:uppercase;}
.etdig{width: 100px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 0px;
height: 100px;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
box-shadow: rgb(237, 124, 24) 2px 2px 0px 0px;
border-top-left-radius: 500px;
border-top-right-radius: 500px;
border-bottom-right-radius: 500px;
border-bottom-left-radius: 500px;
background-color: rgba(var(--color-iqrnb6p8a), 0);
border-top-style: dashed;
border-right-style: dashed;
border-bottom-style: dashed;
border-left-style: dashed;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-color: rgba(0, 0, 0, 0.54);
border-right-color: rgba(0, 0, 0, 0.54);
border-bottom-color: rgba(0, 0, 0, 0.54);
border-left-color: rgba(0, 0, 0, 0.54);
font-size: 24px;
font-weight: 800; margin-right:20px;
flex-shrink: 0;}
.etbl{display: flex; margin-top:30px;
align-items: center;}
.etbl h5{font-weight: bold; font-size:20px;}
.etapi{margin-bottom:30px;}
.etapi h2{margin-top:20px;}
.thumb-wrap {
  position: relative;
  padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  height: 0;
  overflow: hidden;
}
.thumb-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}
.opisanie li::before {
content: "";
  background-image: url(/images/ico/drop.png);
  background-repeat: no-repeat;
  width: auto;
  background-size: contain;
  padding-right: 15px;
  background-position: center;
  margin-right: 10px;
}
.opisanie li{list-style:none;margin-bottom: 10px;}
.kph {
  color: #4c4c4c;
  font-weight: 700;
  font-size:20px;
}
.kma{font-size: 18px;
  text-transform: lowercase;
  margin-top: 10px;
display: block;}
.fcon .social a i {
  margin-right: 0px;
  position: relative;
  top: -10px;
  left: -7px;
}
.dopbl {
  background: #e75c1c
}
.shtorka {
    position: relative;
    overflow: hidden;
    min-height: 20vh;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: left;
    padding: 80px 50px;
}
.ar{position:absolute;right:6%; transition:right 0.5s;z-index:9;}
.shtorka:hover .ar{right:5%;}
.shtorka p{color:#fff}
.shtorka h2{color:#fff;}
.inner-shtorka{position:absolute;width:100%;height:100%;background:#292828;z-index:1;left:-100%;top:0;transition:left 0.5s;}
.shtorka:hover .inner-shtorka {left:0;}

.shtorka .container{display:flex;}
.usl-text{position:relative; z-index:9;}
.shtorka img {filter: brightness(0) invert(1);}
.ccr{display: flex;
align-items: center;}
.jbprice-option-select select{
  border-radius: 0px !important;
  margin-top: 5px;
}
.jbprice-option-select select:focus{
  color: #495057;
  background-color: #fff;
  border-color: #2b2a29!important;
  outline: 0;
}
#sp-shtor{overflow:hidden;}
.category-desc, .opisanie{letter-spacing:1px;}
.fcon .social a{color:#fff; border:0px;}
.dig{width: 150px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 150px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
border:10px solid;
border-top-color: #e75c1c;
border-right-color: #e75c1c;
border-bottom-color: #e75c1c;
border-left-color: #2c2b2a;
border-top-left-radius: 250px;
border-top-right-radius: 250px;
border-bottom-right-radius: 250px;
border-bottom-left-radius: 250px;}
.digblock{
background: #2c2b2a; position: relative;
z-index: 2;
padding: 40px; flex-direction: column;
display: flex;
justify-content: center;
align-items: center;}
.dig span{font-weight: 900;
color: #fff;
font-size: 30px;
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
border: 2px solid #fff;
border-radius: 100%;}
.digblock{margin-bottom:20px;}
.digblock h5{color: #fff;
text-align: center;
margin-top: 20px;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;}
.dg2{background: #cbcbcb;

border-top-left-radius: 0px;}
.dg2 .dig{border-left-color: #cbcbcb;}
.dg2 span{color:#e75c1c;}
.rdost h5 {
  margin-top: 10px;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-weight: 600;
}
.dostext {
  background: #f5f5f5;
  padding: 30px;
  text-align: center;
  margin: 20px 0px;
  font-size: 20px;
}
.mabimg{position:relative; }

.mabimg img{position:relative; z-index:2; }
#sp-about{  background: #fff;overflow: initial;}
#sp-about .sp-module {margin-top: -80px;}
#sp-about p{letter-spacing: 1px;}
.mabimg{height: 100%; min-height:200px; margin-bottom:20px;
  background: url(/images/ab.jpg);
    background-size: auto;
background-size: cover; background-position:center;}

.sp-menu-full.container{max-width:100%;}
.sp-menu-item.sp-has-child img{position: absolute;top: 15px;display: none !important;
}

.sp-mega-group li a{justify-content: flex-start!important}
.sp-menu-item.sp-has-child a{display: flex !important;
  align-items: center;
  justify-content: space-between;}
  .sp-menu-item.sp-has-child a span{}
  body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
  left: 0;
  right: 0;
  top: 72px;
  position: fixed;
  margin: 0 auto;
}
.z9{z-index:9;}
.catzag{padding-top: 30px;z-index: 9;
  padding-left: 4%;
  margin-bottom: -30px;
  padding-right: 4%;
  position: relative;
  background: #f7f8f9;
padding-bottom: 20px;}
.cat-wrapper  {display:inline-block;}
.sbox{color: #2b2a29;font-weight: 500;
 
  display: inline-block;
  background: #f7f8f9;
  margin-right: 5px;
  padding: 6px 16px;
  margin-bottom: 5px;}
  
.sbox:hover, .sbox:focus{background:#f18817; color:#fff}
.subcategories{margin-bottom:20px}
.jbprice-tmpl-full .jbprice-buttons {position: absolute;
  right: 20px;
  bottom: 18px;}
  .cat-children{margin-bottom:20px;}

  .knopkase:hover{background:#e75c1c}
  .offcanvas-menu .offcanvas-inner ul.menu li.active a {
  color: #e75c1c;
}
.offcanvas-menu {
  background-color: #ffffff;
  color: #5b5b5b;
  background-image: url(/images/bg.png);
  background-size: cover;
}
.mt-70{margin-top:70px;}


.emptval{font-size: 18px !important;
font-weight: normal !important;}
.jbcart-title.jbcart-title-main{display:none;}
.dsc{margin-top: -20px;}

}


.jbcart-table  .jbcart-row{border-bottom: 1px solid #eaeaea !important;}
#catmen {list-style:none; padding:0px;}
  #catmen li a{display: block;
  transition: all .4s ease;text-align: left;
  color: #283450 !important;
  font-weight: 600;
  padding: 3px 0px;
  font-size: 16px;}
  #catmen li a:hover, #catmen li.current.active a, #catmen .cat-menu-child li.current.active a{color:#e75c1c !important}
 #catmen .cat-menu-child{list-style:none;}
#catmen li a:hover, #catmen li.current.active .menu-child li a{color:#e75c1c !important}
#catmen li a img{display:none;}
  #catmen .cat-menu-child li a{text-transform: inherit; font-weight:normal; position:relative; font-size:14px;padding:2px 0px}
   #catmen .cat-menu-child li a:before{content: "";
  background: #283450;
  width: 12px;
  display: inline-block;
  height: 1px; transition:all .4s ease;
  vertical-align: middle;
  margin-right: 8px;}
   #catmen .cat-menu-child li a:hover:before{width:20px;}
   #modal-menu .modules-wrapper {
  border-left: 1px solid #e4e5ed;
}
.modal-menu-inner .col-sm-5{background: #e4e5ed;}
#catmen li a:hover{margin-left:5px;}
.vnmenu{max-height:100%; 
}
#catmen {
    -webkit-column-count:2;
    -moz-column-count: 2;
    column-count: 2; 
}
#catmen.manu{ column-count:1;}
.ba-form-page{background-image: url(/images/bg.png)!important;
background-size: cover;}
.avsmal{color: #afafaf;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 1.3;
  margin-top: 10px !important;}
.ba-form-field-item.ba-form-input-field .ba-field-container, .ba-input-wrapper .ba-field-container{
  position: relative;
  margin: 0!important;
}
.shtip span::before {
  content: "";
  background: #ed7a18;
  width: 8px;
  height: 8px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  top: -2px;
  position: relative;
}
.grid{display:grid;}
.shtip span {
 
  white-space: nowrap;
  position: relative;
  margin-right: 10px;
}
.shtip {position:relative; margin-bottom:15px;}
.jbzoo-item-related .catrm{display: none;}
.nbtn h4{color: #2b2a29;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 0px;}
.nbtn{margin-top:20px;}
.nbtn .knopka{flex-shrink:0}

.b2b{color: #474747;
margin-bottom: 20px !important;}
.b2bbl{border: 2px solid #f0f2f9;
  padding: 10px;
  text-align: center;
  margin-bottom: 10px;
background: #f7f8f9;}
#myTab{margin-top: 20px;}
.cline{border: 2px solid #f0f2f9;
  margin-bottom: 15px;
  padding: 24px 20px;
  display: flex;
align-items: center;}
.climg{margin-right: 15px;flex-shrink: 0;}
.cline h5{font-weight: 400;
margin-bottom: 0;}
.climg img{height: 40px;
  width: auto;
}
.slogan{
  display: block;
  margin-left: 20px;
  line-height: 1;
  color: #878585;
  text-transform: uppercase;
  
  border-left: 1px solid #d1d1d1;
padding-left: 20px;}
.kn4{background: #e75c1c;
  border: 1px solid #e75c1c !important;
color: #fff!important;}

 #faqAccordion .accordion-item:last-of-type {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
 #faqAccordion .accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: 0px;
}
#faqAccordion .accordion-item:last-of-type .accordion-button.collapsed {
  border: 0px solid #ccc;
  margin-bottom: 0px;
}
#faqAccordion .accordion-button{text-transform: uppercase;
  font-weight: 600;
  background: #f7f8f9;
  border-bottom: 1px solid #e4e4e4;}
  #faqAccordion .accordion-button::after{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230ed7a18'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}
 
 #faqAccordion .accordion-button:hover:not(.collapsed){color: #56575a;
  background-color: #f7f8f9;
  box-shadow: none;
  border: 1px;
}
 #faqAccordion .accordion-button:hover{background: #ed7a18 !important; color:#fff!important; }
  #faqAccordion .accordion-button:not(.collapsed){border:0px;}
  
.oil-selector-btn {
  position: fixed;
  top: 70%;
  right: 0;
  writing-mode: vertical-rl;
  transform: rotate(180deg) scale(1); /* начальный поворот + масштаб */
  background: #ed7a18;
  color: #fff;
  padding: 35px 12px;
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
  text-align: center;
  border: none;
  cursor: pointer;letter-spacing:1px;
  z-index: 9999;
  overflow: hidden;
  transition: transform 0.2s ease;
  text-decoration: none;
}

/* Блик */
.oil-selector-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
  background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
  opacity: 0.5;
  transform: translate(-100%, -25%) rotate(10deg);
  animation: blick 5s infinite;
  pointer-events: none;
}


/* Hover — сохраняем поворот и добавляем scale */
.oil-selector-btn:hover {
  transform: rotate(180deg) scale(1.05); color:#fff;
}
.ppbg{background: url(/images/ppbg.jpg);
  height: 100%;
  background-size: cover;
background-position: center;}
.ppcont{padding: 30px;}
.ppcont h3{text-transform: uppercase;
  font-weight: bold;}
  .nshp{padding: 0;min-height: auto; }

  .flex-cont{display: flex;
  flex-direction: column;
  justify-content: center;
  }
  
  .aplash{background: #e9681b;
  display: inline-block;
  font-size: 16px;
  padding: 15px 20px;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 10px;}
.sorti{height: 40px;
  border-radius: 0px !important;
}
.sorti:focus{color: #495057;
  background-color: #fff; box-shadow: 0 0 0 .25rem rgba(182, 182, 182, 0.18)!important;
  border-color: #585858!important;
outline: 0;}
.btnn{padding: 3px;
cursor: pointer;}
.btnn:hover span, .btn-primaryy span{color:#f18817;}
.rm-img-skeleton {
  position: relative;
  overflow: hidden;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: rm-skeleton-pulse 1.5s ease-in-out infinite;
}
.rm-img-skeleton img {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.rm-img-skeleton.rm-img-loaded {
  background: none;
  animation: none;
}
.rm-img-skeleton.rm-img-loaded img {
  opacity: 1;
}
@keyframes rm-skeleton-pulse {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
.tezprice{font-weight:bold;}
.lcfoo{background: top;
border: 0;margin-top: -20px;}
.listimg{max-height:150px; width:auto;}
 .badge{background: #f18817;
  border: 1px solid #f18817;}
 .badge:hover{background:#fff; color:#f18817}
  .filelink{background: #f7f8f9;
  color: #585858;
  padding: 8px 10px;
  display: inline-block;
  border: 1px solid #f7f8f9;
  border-radius: 4px;}
  .filelink:hover, .filelink:focus, .filelink:active{background:transparent;}
  
  joomla-tab[view="tabs"] > div[role="tablist"] {
  white-space: nowrap;
  background-color: transparent;
  border: 0px;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  border-bottom: 0;
  -o-border-image: ;
  border-image: ;
  border-radius: .25rem .25rem 0 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  overflow: auto hidden;
  box-shadow: none;border-radius: 0;
}
joomla-tab button[role="tab"][aria-expanded="true"], joomla-tab button[role="tab"][aria-selected="true"] {
  background-color: #ed7a18;
  background-image: none;
  border-left: 0;
  border-right: 0;
  box-shadow: none;
  border-radius: 0 !important;
  color: #fff;
}
joomla-tab button[aria-expanded="true"]::after, joomla-tab button[aria-selected="true"]::after {
  height: 0px;
}
joomla-tab button[role="tab"] {
  color: #0d1321;
  border: unset;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #f7f8f9;
  padding: .75em 1em;
  text-decoration: none;
  display: block;
  position: relative;
  box-shadow: 1px 0 #0000000d;
  margin: 0 2px;
}
joomla-tab button[role="tab"]:hover{background:#f18817; color:#fff;}
joomla-tab > joomla-tab-element {
  background-color: #fefefe;
  border: 1px solid #ccc;
  border-radius: 0 0 .25rem .25rem;
  padding: 15px;
  display: none;
  position: relative;
  box-shadow: none;
  padding: 30px;
}
#myTab ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#myTab ul li {
    position: relative;
    padding-left: 22px; /* отступ под иконку */
    margin-bottom: 6px;
}

#myTab ul li::before {
    content: "\f111"; /* любая FA иконка — здесь точка (fa-circle) */
    font-family: "Font Awesome 6 Free";
    font-weight: 900; /* важно! иначе иконка не покажется */
    position: absolute;
    left: 0;
    top: 9px;
    font-size: 5px;
    color: #ed7a18;
}
joomla-tab[view="accordion"] > button[aria-expanded="true"], joomla-tab[view="accordion"] > button:focus {
  background-color: #f7f8f9;
  background-image: none;
}
joomla-tab button[aria-expanded="true"]::after, joomla-tab button[aria-selected="true"]::after {
  content: "";
  opacity: .8;
  background-color: #ed7a18;
  height: 5px;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
}
.notovar{background: #f7f8f9;
padding: 40px;}
a, button, a:focus, button:focus{outline:none !important;}
#offcanvasSearch{max-height:100px;}
#offcanvasSearch .offcanvas-body {
display: flex;
  align-items: center;
  justify-content: center;overflow: visible;
}
.radicalmart-search-wrapper input{height: 50px;
  border-radius: 0px !important;}
  .rmf-toggle-more{cursor:pointer; text-decoration:underline;}
.catbl {
  margin-bottom: 25px;
  padding: 20px;
  transition: all ease .5s;
  border-radius: 4px;
  border: 1px solid #e8e8e8;
  background:#fff;
  background-size: cover;
  display: block;
}
.catbl:hover {
  box-shadow: 0 .6rem 1.1rem rgba(0,0,0,.15);
}
.price-min{color: #585858;}
.grebg{background:#f7f8f9}
.fulltext{max-height:600px; overflow:auto;}
.cartico{background: #f18817;
  color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  top: 5px;
  font-size: 13px;
  right: 3px;}
  .offcanvas-header {
  background: #f5f6f8;
}
.cart-group{padding-left:0px;}
.cartcat{font-size: 10px;
  display: block;
  line-height: 1;
  font-weight: 300;}
  .cartit{margin-bottom: 20px;position: relative;
  list-style: none;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 20px;}
  .mcarttitle {color: #2e2e2d;
  display: block;}
  .carttr{color: #5a5757;margin-right: 20px;
  margin-bottom: 10px;
  font-size: 12px;}
  .cartfoot .knopka5{
  padding: 8px 30px;
  color: #091324;}
   .cartfoot .knopka5:hover,  .cartfoot .knopka5:focus{color:#fff;}
  .cartfoot .knopka{padding: 8px 30px;}
  #radicalmartCartModule{z-index: 9999;}
  .cart-products .item-box{padding:10px;}
  .fw-black{color:#2c2b2a;}
  .checkoutbox .control-group input.form-control {border-radius:0px; height:50px;}
  .form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #ed7a18;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}
#checkout_shipping .row.row-cols-md-3{display:none;}
#checkout_shipping textarea{height:100px; border-radius:0px;}
.checkline{border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
margin-bottom: 10px !important;}
.radicalmart-items .swiper { width: 100%; overflow: hidden; padding: 0 0 14px; }
.radicalmart-items .norpad { position: relative; overflow: hidden; }
/* Слайд занимает рассчитанную ширину, контент растягивается на всю ширину слота */
.radicalmart-items .swiper-wrapper { align-items: stretch; }
.radicalmart-items .swiper-slide { height: auto; display: flex; align-items: stretch; box-sizing: border-box; }
.radicalmart-items .swiper-slide > * { width: 100%; }
/* Растягиваем контент карточки по высоте, чтобы не обрезалась нижняя рамка/тень */
.radicalmart-items .swiper-slide > * { height: 100%; }
/* Если внутри карточек есть margin-bottom, сведём его на малых брейкпоинтах */
@media (max-width: 992px) {
  .radicalmart-items .swiper-slide > * { margin-bottom: 0 !important; }
}
/* Сброс bootstrap-колонок внутри слайда */
.radicalmart-items .swiper-slide [class^="col-"],
.radicalmart-items .swiper-slide [class*=" col-"] {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
/* Сброс отрицательных отступов .row внутри слайда, чтобы не срезало края */
.radicalmart-items .swiper-slide .row { margin-left: 0 !important; margin-right: 0 !important; }
/* Адаптив изображений на всякий случай */
.radicalmart-items .swiper-slide img { max-width: 100%; height: auto; display: block; }
/* Стрелки: левая внутри контейнера, правая визуально правее контейнера */
.radicalmart-items .swiper-button-prev,
.radicalmart-items .swiper-button-next { color: #333; z-index: 3; position: absolute; top: 50%; transform: translateY(-50%); }
.radicalmart-items .swiper-button-prev { left: 8px; }
.radicalmart-items .swiper-button-next { right: 8px; }
@media (max-width: 576px) {
  .radicalmart-items .swiper-button-prev { left: 4px; }
  .radicalmart-items .swiper-button-next { right: 4px; }
}
/* Пагинация под слайдером */
.radicalmart-items .swiper-pagination { display: none; }
.card-title div .small{font-size: 12px;
  line-height: 1.2;
  display: block;}


@keyframes akcialink-fill {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
.titles {
  position: relative;
  margin-bottom: 40px;
  z-index: 9;
}
.bigword {
  position: absolute;
  left: -6px;
  color: #ffffff;
  font-weight: 900;
  line-height: 1;
  max-width: 100%;
  white-space: nowrap;
  -webkit-text-stroke: 1px rgba(111, 111, 111, 0.11);
  -webkit-user-select: none;
  bottom: -15px;
  z-index: -1;
  text-transform: uppercase;
}
.gbw{-webkit-text-stroke: 1px rgba(255, 255, 255, 0.2);}
.mac-img{height:300px;padding: 30px;
  display: flex;
  align-items: flex-end;}
  .newst{color: #fff;
font-size: 18px;
padding: 10px 16px;
border-radius: 2px;
background: rgba(255, 255, 255, 0.15); /* лёгкое свечение */
backdrop-filter: blur(12px) saturate(140%);
-webkit-backdrop-filter: blur(12px) saturate(140%);
box-shadow: 0 4px 20px rgba(0,0,0,0.35); /* глубина */
border: 1px solid rgba(255, 255, 255, 0.25); /* стеклянный кант */}
.mac-img {
    position: relative;
    overflow: hidden;
    border-radius: 2px; /* опционально, но красиво */
}

/* Полупрозрачная мягкая дымка над картинкой */
.mac-img::after {
    content: "";
  position: absolute;
  inset: 0;
  background: rgba(143, 143, 143, 0.18);
}

.categories .norpad{margin-top:40px;}
.company-card .knopka3{font-size: 12px;
  padding: 8px 30px;}
  .tezbage a{margin-right:4px;}
.sp-dropdown .sp-dropdown-inner .katlink{color: #2c2928;
  text-transform: uppercase;
  position: relative;
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 10px;
  padding-top: 10px;}

.sp-dropdown .sp-dropdown-inner .katlink:before{content: "";
background: url(/images/ico/10.png);
width: 30px;
height: 30px; margin-right:10px;
background-repeat: no-repeat;
border: 1px solid #000;
border-radius: 100%;
background-size: 30%;
background-position: center;
display: block;flex-shrink: 0;
}
.sp-dropdown .sp-dropdown-inner .katlink:hover, .sp-dropdown .sp-dropdown-inner .katlink:focus, .sp-dropdown .sp-dropdown-inner .katlink, ..sp-dropdown .sp-dropdown-inner .katlink[aria-current=page],
.sp-megamenu-parent .sp-mega-group > li > a:hover, .sp-megamenu-parent .sp-mega-group > li > a:focus,
.sp-megamenu-parent .sp-mega-group > li > a[aria-current=page]{color:#0080cb!important;}
.sp-mega-group-child a:hover{text-decoration:underline;}
.katlink img{display:none;}
.burger-icon {
  margin-right: 20px;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  font-size: 15px;
  padding: 4px 0px;
  line-height: 18px;
  font-weight: 400;
  margin-bottom: 10px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  color: #2c2928;
}

#RadicalMart .limit.float-end{display:none;}
.active > .page-link, .page-link.active {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: #ed7a18;
  border-color: #ed7a18;
}
.page-link {
  position: relative;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: #707980;
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 4px;
    margin-left: 4px;
  margin-left: 4px;
}
#modal-menu.modal-menu{overflow: auto;}
.product-page__params dt{float:left;margin-right: 10px;}
#sp-akcia, #sp-popular{overflow: hidden;}
.mod_radicalmart3_filter .form-check-label{font-size:14px; word-break: break-all;
  line-height: 1.1;}
.mod_radicalmart3_filter ul li{margin-bottom: 5px;}
/* Адаптивная пагинация */
.pagination-list {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 4px;
}

.pagination-list li {
    margin: 2px;
}
body:not(.offcanvas-open) {
    overflow: visible !important;
    padding-right: 0 !important;
}
/* На мобильных устройствах */
@media (max-width: 576px) {
    /* Уменьшаем размер кнопок */
    .pagination-list li a,
    .pagination-list li span {
        padding: 0.25rem 0.5rem !important;
        font-size: 0.875rem;
    }
    
    /* Скрываем лишние страницы, оставляем только ближайшие */
    .pagination-list li:not(.active):not(:has(a[title*="Start"])):not(:has(a[title*="Prev"])):not(:has(a[title*="Next"])):not(:has(a[title*="End"])) {
        display: none;
    }
    
    /* Показываем активную и соседние */
    .pagination-list li.active,
    .pagination-list li.active + li,
    .pagination-list li:has(+ li.active) {
        display: block !important;
    }
}
.card-footer .sorti{max-width: 150px;}
.item-box .card-img-top img{height:100%; width:auto;}