@font-face {
    font-family: Lato-light;
    src: url(fonts/Lato-Light.ttf);
}
@font-face {
    font-family: Lato-Medium;
    src: url(fonts/Lato-Medium.ttf);
}
@font-face {
  font-family: 'Lator';
  /* src: url('fonts/lato.eot'); */
  src: url('fonts/lato.woff2') format('woff2'),
       url('fonts/lato.woff') format('woff'),
       url('fonts/lato.ttf') format('truetype'),
       url('fonts/lato.svg#lato') format('svg'),
       url('fonts/lato.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

/* reset */
a:focus {
    outline: none;
    outline: none;
    outline-offset: none;
}
a:focus, a:hover { text-decoration: none }


body {
	font-family: 'Lator';
	color: #666;
	font-size: 12px;
	background-color: #f5f5f7;
}
h1, h2, h3, h4, h5, h6 {
	color: #232323;
}
/* default font size */
.fa {
	font-size: 14px; 
}
/* Override the bootstrap defaults */
h1 {
	font-size: clamp(30px, 4vw, 60px);
	color: #1d1d1f;
	font-weight: 900;
}
h2 {
	font-size: 27px;
}
h3 {
	/* font-size: 21px; */
	font-size: clamp(24px, 4vw, 40px);
	margin-bottom: 18px;
	font-weight: 900;
	letter-spacing: 1.1px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10.2px;
}
a {
	/* color: #23a1d1; */
}
button#button-cart:focus {outline: none}
.pred_h3 {
    /*border-top:1px solid rgba(247, 76, 40, 0.39);*/
    width: 105px;
    margin-left: 17px;
}
.dv_menu {
    padding:0px;
}
.title_h3 {
    font-size: 36px;
    margin-left: 15px;
    font-weight: bold;
    margin-bottom:70px;
    margin-top:10px;
    color: #1d1d1f;
}
a:hover {
	text-decoration: none;
}
.header {
    background-image: url(../image/img1.jpg);
    min-height: 180px;
}
.container {
	/* width: clamp(80%, 104.11% - 10.96vw, 100%); */
	/* min-width: fit-content; */
	max-width: 2200px;
	margin: 0 auto;
}
.container_no_padding {
    padding-left: 0px;
    padding-right: 0px;
    padding: 0;
}
.head {
    padding-top:31px;
    padding-left: 0px;
    padding-right: 0px;
}
#logo {
    padding-top:15px
}
#logo img {
    max-width: 100%;
}
.navbar-nav {
    margin-top: 37px;
}
.navbar-nav li {
    margin-right: 5px;
}

.nav>li>a:focus, .nav>li>a:hover{
    border-radius: 50px;
    background: linear-gradient(270deg, #812a3a,#c50407 );
}
.navbar-nav a {
    color: #ffffff;
    font-family: 'Lato';
    font-size: 14px;
}
.navbar-nav>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
}
.contact {
    color:#ffffff;
    text-align: right;
      
}
.mail {
    font-size:13px;
    color: rgba(255, 255, 255, 0.341);
    line-height: 1.6;
      -moz-transform: matrix( 0.99930490713669,0,0,1,0,0);
  -webkit-transform: matrix( 0.99930490713669,0,0,1,0,0);
  -ms-transform: matrix( 0.99930490713669,0,0,1,0,0);
}

 .address {
	font-size: 13px;
	line-height: 1.6;
  -moz-transform: matrix( 0.99930490713669,0,0,1,0,0);
  -webkit-transform: matrix( 0.99930490713669,0,0,1,0,0);
  -ms-transform: matrix( 0.99930490713669,0,0,1,0,0);
}

.phone {
    font-size:24px;
    font-weight: bold;
    line-height: 1.5;
    margin-right: -3px;
      -moz-transform: matrix( 0.99930490713669,0,0,1,0,0);
  -webkit-transform: matrix( 0.99930490713669,0,0,1,0,0);
  -ms-transform: matrix( 0.99930490713669,0,0,1,0,0);
}

.callback {
    font-size: 14px;
    font-style: normal;
    text-align: right;
    margin-top: 5px;
}
.blk {
  margin-right: -8px;
  padding-top:8px;
  border-radius: 25px;
  vertical-align: middle;
  text-align: center;
  float: right;
  width: 138px;
  height: 36px;
  border-left: 1px solid #f74728;
  border-right: 1px solid #f2a032;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-position: 0 0, 0 100% ;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 1px;
  -moz-background-size: 100% 1px;
  background-size: 100% 1px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(left, #f74728 0%, #f2a032 100%), -webkit-linear-gradient(left, #f74728 0%, #f2a032 100%);
  background-image: -moz-linear-gradient(left, #f74728 0%, #f2a032 100%), -moz-linear-gradient(left, #f74728 0%, #f2a032 100%);
  background-image: -o-linear-gradient(left, #f74728 0%, #f2a032 100%), -o-linear-gradient(left, #f74728 0%, #f2a032 100%);
  background-image: linear-gradient(to right, #f74728 0%, #f2a032 100%), linear-gradient(to right, #f74728 0%, #f2a032 100%);
}
.blk a {
    color: #ffffff;
}
.title_mod_category {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding-top:20px;
}
.blk_cat {
  padding-top:5px;
  border-radius: 25px;
  text-align: center;
  margin:22px auto 30px auto;
  width: 135px;
  height: 35px;
  border-left: 1px solid #c50407;
  border-right: 1px solid #c50407;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-position: 0 0, 0 100% ;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 1px;
  -moz-background-size: 100% 1px;
  background-size: 100% 1px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(left,  #c50407 0%,  #c50407 100%), -webkit-linear-gradient(left,  #c50407 0%,  #c50407 100%);
  background-image: -moz-linear-gradient(left, #c50407 0%,  #c50407 100%), -moz-linear-gradient(left,  #c50407 0%,  #c50407 100%);
  background-image: -o-linear-gradient(left,  #c50407 0%,  #c50407 100%), -o-linear-gradient(left,  #c50407 0%,  #c50407 100%);
  background-image: linear-gradient(to right,  #c50407 0%,  #c50407 100%), linear-gradient(to left,  #c50407 0%,  #c50407 100%);
}
.blk_cat a{
    color: #c50407;
    font-size:17px;
    display: block;
    height: 100%;
}
.category-layout {
    display: flex;
    flex-wrap: wrap;
}
.category-layout_mod {
    padding-left:42px;
    margin-bottom: 20px;
}
.category-thumb:hover .blk_cat a{
    color: #ffffff;
}
.category-thumb:hover .blk_cat
{
    background: linear-gradient(270deg, #812a3a,#c50407 );

}
.title_mod_category a {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    
}

.htmltxt {
    font-size: 14px;
    color: rgb(78, 78, 78);
    line-height: 1.286;
  text-align: justify;
}
.htmltxt p {
    margin-bottom: 25px;
}
.category-thumb {
    padding-top:25px;
    overflow: hidden;
    max-height: 420px;
}
.category-thumb img {
    transition: width 2s;
}
.category-thumb:hover
{
    box-shadow: 0px 0px 10px #6f6f6f;
    z-index: 2;
    -webkit-transition: width 2s;
    -webkit-transform: scale(1.5);
    -ms-transition: width 2s;
    -ms-transform: scale(1.5);   
    -moz-transition: width 2s;
    -moz-transform: scale(1.5);
    transition: width 2s;
    transform: scale(1);
    border-radius: 15px;
}
.brc {
   /* background: #ffffff; */
   /* height: 35px; */
   margin-bottom: 20px;
}
.brc li {
    display: inline;
}
.breadcrumb a{color:#909090; font-size:13px;}
.breadcrumb span {color:#c50407; font-size:13px;}



/* Отключаем влияние псевдоэлементов на Grid-сетку */
.row.category_layout::before,
.row.category_layout::after {
    display: none !important;
}

.category_layout, .grid-products {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    width: 100%;
    box-sizing: border-box;
}
.category_article {
   border: 1px solid rgba(128, 128, 128, 0.22);
    border-radius: 10px; 
    padding-right: 20px;
    padding-left: 20px;
	width: 100%;
}
.article-thumb {
    margin-top:25px;
}
.article-thumb .image {
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.article-title {
    margin: 22px 0 12px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    font-size: 16px;
    color: #000;
    display: block;
}

.article-title:hover {
    color: #000;
}

.article-description {
    margin: 12px 0 22px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: #666;
    font-size: 14px;
}

.article-btn {
    margin: 22px 0 25px;
    height: 45px;
    border-radius: 25px;
    text-align: center;
    border-left: 1px solid #c50407;
    border-right: 1px solid#812a3a;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 1px;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: linear-gradient(to right, #812a3a 0%, #c50407 100%), linear-gradient(to right,  #812a3a 0%, #c50407 100%);
    display: block;
}
.article-btn span {
    background: none;
    border: none;
    font-size: 20px;
    font-weight: bold;
    color: #c50407;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.category_article:hover .article-btn span {
    background: linear-gradient(270deg, #812a3a, #c50407);
    border-radius: 25px;
    color: #fff;
}

.product-thumb {
    margin: 0;
}
.product-thumb .image { text-align: center }
.img-responsive { margin: 0 auto }
.capition { margin-top: 20px }

.j-product-thumb .caption>div:first-child {
    font-size: 12px;
    margin: 7px auto;
}

.caption a { color: #000000; }
.caption .price {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color:#c50407;
    margin: 0;
}
.caption .title {
	margin: 0 auto 12px;
	text-align: center;
	font-size: 20px;
	font-family: inherit;
	font-weight: 100;
	/* line-height: 1.1; */
}
.credit-price {
    color: #0e0e0e;
    font-size: 16px;
    font-family: monospace;
    text-align: center;
    font-weight: 900;
}
.credit-price span {font-size: 10px}
.price_product {
    font-size: 20px;
    font-weight: bold;
    color:#c50407;
}
#content .credit_price_product {
    font-size: 14px;
    margin-bottom: 20px;
}
.button-group {
    /* text-align: center; */
}
.j-product-thumb .title {
	color: #000028;
	font-size: 16px;
	padding-top: 12px;
	margin-bottom: auto;
}
.j-product-thumb, .product-thumb {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.j-product-thumb > div:first-child {
	margin: 20px 20px 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
.j-btn-group {
	display:flex;
	gap: 2px;
	/* margin-top: auto; */
	background-color: #ffffff;
}

	.j-btn {
		/* border: 1px red solid; */
		border-radius: 0;
		/* line-height: normal; */
		letter-spacing: 1.7px;
		font-size: 18px;
		font-weight: 100;
		padding: 12px;
		color: black;
		background-color: #f5f5f7;
	}
	.j-btn:hover {
		background-color: white;
	}

.grid {display:grid;}
.ja-sa {justify-content: space-around;}
.ai-c {align-items: center;}
.grid-column {grid-auto-flow: column;grid-template-columns: 45% auto 45%;}
.flex {display: grid;grid-template-columns: 49% 10% 45%;grid-auto-flow: column;align-content: space-around;justify-content: space-between;}
.gap-20 {gap:20px;}
.gtc-1-1 {grid-template-columns: min-content auto;}
.gtc-1-1>div:last-child {width:100%}

.txt-c {text-align: center}

.mb-60 {margin-bottom: 60px}

.row::before, 
.row::after {
    display: none !important;
}


.blk_catalog {
  /* max-width: 226px; */
  /* height: 45px; */
  /* border-radius: 25px; */
  /* vertical-align: middle; */
  /* text-align: center; */
  /* border-left: 1px solid #c50407; */
  /* border-right: 1px solid#812a3a; */
  /* -webkit-box-sizing: border-box; */
  -moz-box-sizing: border-box;
  /* box-sizing: border-box; */
  /* background-position: 0 0, 0 100%; */
  /* background-repeat: no-repeat; */
  /* -webkit-background-size: 100% 1px; */
  -moz-background-size: 100% 1px;
  /* background-size: 100% 1px; */
  /* background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=); */
  /* background-image: -webkit-linear-gradient(left,  #812a3a 0%, #c50407 100%), -webkit-linear-gradient(left,  #812a3a 0%, #c50407 100%); */
  background-image: -moz-linear-gradient(left,  #812a3a 0%, #c50407 100%), -moz-linear-gradient(left,  #812a3a 0%, #c50407 100%);
  background-image: -o-linear-gradient(left,  #812a3a 0%, #c50407 100%), -o-linear-gradient(left,  #812a3a 0%, #c50407 100%);
  /* background-image: linear-gradient(to right, #812a3a 0%, #c50407 100%), linear-gradient(to right,  #812a3a 0%, #c50407 100%); */
}
.j-catalog {
	gap: 20px;
}
.buy_category {
    background: none;
    border: none;
    /* font-size: 20px; */
    /* font-weight: bold; */
    /* color:#c50407; */
    width: 100%;
    /* height: 100%; */
    display: flex;
    align-items: center;
    justify-content: center;
    /* text-align: center; */
    /* overflow: hidden; */
}
.j-btn { transition: all 0.2s ease }

/* Animation  */
/* right to left */ 
.j-btn:first-child {
    background: linear-gradient(90deg, #f5f5f7 50%, #b30000 50%);
    background-size: 201% 110%;
    background-position: left bottom;
}
.j-btn:first-child:hover { background-position: right bottom; color: #fff }

/* left to right */
.j-btn:last-child {
    background: linear-gradient(90deg, #b30000 50%, #f5f5f7 50%);
    background-size: 201% 110%;
    background-position: right bottom;
}
.j-btn:last-child:hover { background-position: left bottom; color: #fff }

/* bottom to top */
.j-btn.anim-b-to-t {
    background: linear-gradient(0deg, #b30000 50%, #f5f5f7 50%);
    background-size: 100% 200%; background-position: left top;
}
.j-btn.anim-b-to-t:hover {background-position: left bottom;color: #fff}


.buy_product {
    background: none;
    border: none;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: linear-gradient(270deg, #812a3a,#c50407 );
    border-radius: 25px;
    width: 225px;
    height: 40px
}
.footer {
    
    background: #111111;
    color: #ffffff;
}
.cp_footer {
    padding: 12px 0 50px 0;
}
.footer_logo {
    padding-left: 5px;
}
.menu_footer {
    margin-left: 77px;
    margin-top:17px;
}
.menu_footer a{
    font-size: 14px;
    color: rgb(255, 255, 255);
    line-height: 2.429;
}
.footer_block {
    margin-top:25px
}
.footer_h5 {
    font-size: 18px;
    font-weight: bold;
      color: rgb(255, 255, 255);
}
.contat_footer {
    font-size: 15px;
    
}
.main_footer {background: url(../image/icon/mail.png) no-repeat;padding-left:26px; margin-top: 14px; background-position: 0px 4px;}
.address_footer {background: url(../image/icon/address.png) no-repeat;padding-left:28px;margin-top:25px;}
.telephone_footer {
    font-size: 18px;
    font-weight: 700;
    background: url(../image/icon/phone.png) no-repeat;
    padding-left:25px;
    margin-top: 12px;
    background-position: 2px 2px;
        
}
.main_footer a,
.telephone_footer a {
    color: #fff;
}
.main_footer a:hover,
.telephone_footer a:hover {
    color: #cb3743;
}
.social_link {
    padding-left:  37px;
}
.social_link a {
    color: #ffffff;
    border: 1px solid #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    float: left;
    text-align: center;
    border-radius: 6px;
    margin-top: 9px;
    
}
.social_link a:not(:last-child) {
    margin-right: 10px;
}
.social_link a:hover {
    background: linear-gradient(270deg, #812a3a,#c50407 );
    border:1px solid rgb(0, 0, 0);
}
.social_link i {
    vertical-align: -webkit-baseline-middle;
    font-size:17px;   
}
.prdlin {
    border : 1px solid #c50407;
    width: 35px;
}
.powered {
    text-align: center;
    background: #000000;
    font-size: 10px;
    padding: 5px 5px;
}

.name_catalog {
  display: none;
  font-size: 30px;
  font-family: 'Lator';
  color: rgb(0, 0, 0);
  font-weight: bold;
  text-align: left;
  letter-spacing: 1.2px;
}
.pred_h3_cat {
    display: none;
    border-top:2px solid #c50407;
    width: 106px;
    margin-bottom:3px;
}

.list-group {
    display: flex;
    flex-flow: column;
    gap: 6px;
}
.text_category {
    font-size: 14px;
    text-align: justify;
    color: #4e4e4e;
    line-height: 1.286;
    margin-top: 45px;
    margin-bottom:35px;
}
.page_top_cotagory {
    /* padding-left:30px; */
    /* margin-top:3px; */
    width: auto;
}
.category_product {
	box-shadow: rgba(0, 0, 0, 0.08) 2px 4px 12px;
   /* border: 1px solid rgba(128, 128, 128, 0.22); */
   border-radius: 18px;
   /* padding-right: 20px; */
   /* padding-left: 20px; */
}
.category_product:hover {
    box-shadow: rgba(0, 0, 0, 0.16) 2px 4px 16px;
    transform: scale3d(1.01, 1.01, 1.01);
}
.category_product:hover .buy_category {
    /* background: linear-gradient(270deg, #812a3a,#c50407 ); */
    /* border-radius: 0; */
    /* color:#fff; */
    /* overflow: hidden; */
}
.category_article:hover {
    box-shadow: 0px 0px 10px #6f6f6f;
}
.category_article:hover .buy_category {
    background: linear-gradient(270deg, #812a3a,#c50407 );
    border-radius: 25px;
    color:#fff;
}
a.list-group-item .active {color:#fff}
.category_product {width: 100%;/* margin-left:20px; *//* margin-bottom:20px; */background-color: rgb(255, 255, 255);transition: 0.3s cubic-bezier(0, 0, 0.5, 1);overflow: hidden;}
.category_article {width: calc(33.33333% - 20px);margin-left:20px;margin-bottom:20px;width: 100%;}
.price-old {font-size: 12px; color:#7e7e7e;text-decoration: line-through;margin-right: 23px;}
.price-new {font-size: 15px}
.stock_cat {font-family: Lato-Medium;font-size:14px; color: #c50407; background: url(../image/icon/ok.png) no-repeat;padding-left:25px;margin-bottom:20px; margin-top:10px;}
.inform_description {font-size:14px; font-family: Lato-Medium; color:#5f5f5f;line-height:1.3}
.title_product {font-family: Lato-Medium; font-size:28px; color:#000000}
.thumbnail {max-width: 300px;}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {border-color: #ddd;}
.thumbnail img {padding: 10px;}
.tab-content li {list-style-type: none;}
.tab-content li:before {
    color: #f74a28;
    content: "•";
    margin-right: 3px;
    font-size: 20px;
    line-height: 1;
}
.tab-content p {color: #4e4e4e; font-size:14px;}
.tab-content li {color: #4e4e4e; font-size:14px;}
.skidka {position: absolute;top: 1%; right: 16%}
.skidka_cat {position: absolute;top: 1%; right: 4%}
.garant_cat {position: absolute;top: 33%;}
.txt20 {font-size:20px; color:#4e4e4e; font-weight: 600;line-height: 1;}
.txt18 {font-size:18px; color:#4e4e4e; margin-bottom: 20px;}
.otvets {font-size: 20px;font-style:italic; margin-top:20px; color:#4e4e4e;}
.otvets span{font-size: 16px;font-style:normal; color:#929292;}
.inf1 {margin-top:35px; background: url(../image/comp1.png) no-repeat;padding-left: 60px;}
.inf2 {margin-top:35px; background: url(../image/comp2.png) no-repeat;padding-left: 60px;}
.inf3 {margin-top:35px; background: url(../image/comp3.png) no-repeat;padding-left: 60px;}
.inf4 {margin-top:35px; background: url(../image/comp4.png) no-repeat;padding-left: 60px;}
.txt_niz_18 {font-size:18px; font-weight: 600; margin-top: 35px;}
.txt_tel_18 {font-size:20px; font-family: Lato-Medium; background: url(../image/tel_bel.png) no-repeat; margin-top:10px; line-height: 1; padding-left: 25px}
.inf_name {color: #4e4e4e; font-size:18px; font-family: Lato-Medium;}
.txt_inf  {color: #4e4e4e; font-size:16px}
.call_back_button {background: linear-gradient(270deg, #812a3a,#c50407 );max-width: 200px; text-align: center; height: 40px; border-radius: 25px; margin-top:10px; margin-bottom: 35px;}
.call_back_button a {display: block; font-size: 17px; height: 100%; padding-top:8px; color:#fff };
.call_back_button a:hover {color:#fff};
.bonus_txt {font-size:19px; color:#000000;}
.gar1 {font-size:20px; font-weight: 600; color: #4e4e4e; margin-bottom: 20px;}
.gar2 {font-size:18px; color: #4e4e4e;}
#my_cart {
position: absolute;
right: 9px;

}
.carts {
    border-radius: 25px;
    color:#fff;
    background: linear-gradient(270deg, #812a3a,#c50407 );
}
.carts:hover {
   color:#fff; 
}
.carts:focus {
    color:#fff; 
}
.carts:active {
   background: linear-gradient(270deg, #f2a032,#f74728 ); 
}
.open>.dropdown-menu {
    width:350px;
}
.cart-info table {
    width:100%;
    margin-bottom:5px;
}
.header_home {
    min-width: 180px;
    position: relative;
    z-index: 999;
    background:#000000
}

.top-line-info {
    background: #cb3743;
    padding: 14px 0;
}
.tli-box {
    font-size: 0;
}
.tli-img {
    display: inline-block;
    vertical-align: middle;
    width: 64px;
    height: 52px;
    text-align: center;
}
.tli-img img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    display: block;
}
.tli-info {
    display: inline-block;
    vertical-align: middle;
  	margin-left: 12px;
  	width: calc(100% - 64px - 12px);
}
.tli-name {
    font-size: 18px;
    color: #fff;
}
.tli-text {
    font-size: 15px;
    line-height: 18px;
    color: #000;
}
.new-header {
    padding: 0 0 20px;
}
.new-header>.container {
    padding: 0;
}
.nh-logo {
    padding-top: 36px;
}
.nh-allow {
    font-size: 15px;
    width: 90%;
    margin: 15px auto 0;
    text-align: center;
}
.nh-credit {
    width: 90%;
    margin: 15px auto 0;
}
.nh-credit a {
    width: 260px;
    height: 50px;
    background: linear-gradient(270deg, #812a3a,#c50407 );
    border-radius: 50px;
    color: #fff;
    font-size: 19px;
    display: block;
    text-align: center;
    line-height: 50px;
    margin: 0 auto;
}
.nh-center {
    position: relative;
  	padding-top: 20px;
}
.nh-center:after {
    display: block;
    width: 1px;
    height: 61px;
    background: #dbdbdb;
    content: '';
    right: 12px;
    top: 22px;
    position: absolute;
}
.nh-phone {
    font-size: 25px;
    line-height: 32px;
    padding-left: 45px;
    background: url(../image/nh-phone.png)no-repeat left center;
  	color: #000;
}
.nh-phone a {
    color: #000;
}
.nh-phone a:hover {
    color: #cb3743;
}
.nh-soc {
    font-size: 0;
    margin-top: 2px;
}
.nh-soc a {
    margin-left: 28px;
}
.nh-soc a:nth-child(1) {
    margin-left: 7px;
}
.nh-soc a.vk {
    padding-left: 38px;
    background: url(../image/nh-vk.png)no-repeat left center;
    line-height: 27px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #6b8db0;
    text-decoration: underline;
}
.nh-soc a.inst {
    display:none;
    padding-left: 35px;
    background: url(../image/nh-inst.png)no-repeat left center;
    line-height: 27px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #d26392;
    text-decoration: underline;
}
.nh-soc a:hover{
	text-decoration:none;
}
.nh-right {
    padding-left: 15px;
  	padding-top: 10px;
}
.nh-shop {
    background: url(../image/nh-shop.png)no-repeat left center;
    padding-left: 45px;
    font-size: 15px;
}
.nh-email a {
    color: #666;
}
.nh-email a:hover {
    color: #cb3743;
}
.nh-time {
    color: #939393;
}
.nh-cart {
    /*background: url(../image/nh-cart.png)no-repeat left center;
    padding-left: 45px;*/
    margin-top: 20px;
}
.nh-cart>span {
    width: 260px;
    height: 50px;
    background: linear-gradient(270deg, #812a3a,#c50407 );
    border-radius: 50px;
    padding: 0;
    color: #fff;
    font-size: 19px;
    display: block;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    position: relative;
}
.nh-cart>span:after {
    border-radius: 50px;
    z-index: 2;
    position: absolute;
    content: 'Перезвоните мне!';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 1s;
    opacity: 0;
    background: linear-gradient(270deg, #c50407,#812a3a );
}
.nh-cart>span:hover:after {
    opacity: 1;
}
.nh-btn {
    width: 214px;
    height: 40px;
    background: #000;
    border-radius: 50px;
    padding: 0;
    color: #fff;
}
.nh-btn .count {
    display: none;
}
.nh-btn:hover,.nh-btn:focus{
	color:#fff;
}
.new-menu {
    background: #303030;
    padding: 12px 0;
}
.mn-menu>ul {
    padding: 0;
    list-style: none;
    font-size: 0;
    text-align: center;
    margin: 0;
}
.mn-menu>ul>li {
    display: inline-block;
    vertical-align: middle;
  	position: relative;
}
.mn-menu>ul>li:after {
    content: '';
    width: 7px;
    height: 7px;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 50%;
    vertical-align: middle;
    margin: 0 20px;
}
.mn-menu>ul>li:last-child:after{
	display:none;
}
.mn-menu>ul>li>a {
    color: #fff;
    font-size: 18px;
    line-height: 25px;
    display: inline-block;
    vertical-align: middle;
  cursor:pointer;
}
.mn-menu>ul>li>a:hover {
    color: #ca3440;
}
.mn-menu>ul>li.drop>a:before {
    display: block;
    content: " ";
    float: right;
    width: 10px;
    height: 10px;
    border: 2px solid transparent;
    border-right-color: #fff;
    border-bottom-color: #fff;
    margin-top: 4px;
    margin-left: 10px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: all .3s;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.mn-menu>ul>li>a:hover:before {
  	border-right-color: #ca3440;
    border-bottom-color: #ca3440;
}
.mn-menu>ul>li>ul {
    position: absolute;
    padding: 7px 20px 18px;
    margin: 0;
    top: 50px;
    left: -120px;
    width: 585px;
    display: none;
    background: rgba(0,0,0,0.8);
    text-align: left;
    z-index: 4;
}
.mn-menu>ul>li>ul:before {
    content: '';
    width: 100%;
    height: 31px;
    display: block;
    position: absolute;
    top: -31px;
}
.mn-menu>ul>li>ul:after {
    background: url(../image/nm-sub.png)no-repeat;
    content: '';
    width: 26px;
    height: 13px;
    display: block;
    left: 128px;
    top: -13px;
    position: absolute;
}
.mn-menu>ul>li:hover>ul {
	display:block;
}
.mn-menu>ul>li>ul>li {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    margin-right: 40px;
    border-bottom: 1px solid #454545;
    width: 154px;
    text-align: left;
}
.mn-menu>ul>li>ul>li:nth-child(3n) {
    margin-right: 0;
}
.mn-menu>ul>li>ul>li>a {
    color: #fff;
    line-height: 35px;
    font-weight: 300;
    display: block;
}
.mn-menu>ul>li>ul>li>a:hover {
    color: #ca3440;
}
.mn-menu>ul>li>ul>li.dropdown-item-big {
    width: 190px;
}
.mn-menu>ul>li>ul.dropdown-right-side {
    left: auto;
    right: -120px;
}
.mn-menu>ul>li>ul.dropdown-small {
    width: 424px;
}
.mn-menu>ul>li>ul.dropdown-small>li:nth-child(3n) {
    margin-right: 40px;
}
.mn-menu>ul>li>ul.dropdown-small>li:nth-child(2n) {
    margin-right: 0;
}
.mn-menu>ul>li>ul.dropdown-right-side::before {
    left: 0;
}
.mn-menu>ul>li>ul.dropdown-right-side:after {
    left: auto;
    right: 182px;
}
.burger-menu {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    cursor: pointer;
    z-index: 2;
    width: 100%;
    background: rgba(203, 55, 67,0.7);
    padding: 10px;
}
.bm-menu {
    display: table;
    margin: 0 0 0 auto;
    float: right;
}
.bm-name {
    display: table;
    color: #fff;
    line-height: 23px;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 auto;
}
.burger-menu span {
    width: 40px;
    display: block;
    height: 3px;
    background: #fff;
    margin-top: 7px;
}
.burger-menu span:nth-child(1) {
    margin-top: 0;
}
.nm-close{
	display:none;
}
.nm-logo{
	display:none;
}
body.open-menu {
    overflow: hidden;
}
#callback-modal .modal-body .head{
	font-size: 1.2em;
    font-weight: 400;
    background: linear-gradient(to bottom, #eee 0%, #ddd 100%);
    color: #666;
    margin: -15px -15px 7px;
    padding: 15px !important;
    border-bottom: solid 1px #d2d2d2;
    text-shadow: 1px 1px 0 #f8f8f8;
    border-radius: 8px 8px 0 0;
  	text-align:center;
}
#thank-modal .modal-body .head{
	font-size: 1.7em;
    font-weight: 400;
    background: linear-gradient(to bottom, #eee 0%, #ddd 100%);
    color: #666;
    margin: -15px;
    padding: 40px 15px !important;
    border-bottom: solid 1px #d2d2d2;
    text-shadow: 1px 1px 0 #f8f8f8;
    border-radius: 4px;
    text-align: center;
    border: 2px solid #cb3743;
}
#callback-modal .modal-body .head img,#thank-modal .modal-body .head img{
	opacity: 1.0;
    float: right;
    cursor: pointer;
    padding: 5px;
    margin: 2px -2px 0 0;
    border-radius: 4px;
}
#callback-modal .modal-body .head img:hover{
	background: #dedede;
    box-shadow: inset 0 1px 1px #777, inset 0 -1px 1px #fff;
}
#callback-modal .pop-callback input {
    text-align: center;
    width: 75%;
    height: 40px;
    padding: 1px 0px 0px !important;
    border: solid 1px #d2d2d2;
    border-radius: 6px;
    box-shadow: inset 1px 1px 1px #ddd;
    background: #fff;
    color: #555;
    line-height: normal !important;
    font-size: 13px;
    box-sizing: border-box;
    display: block;
    margin: 0 auto 15px;
}
#callback-modal .pop-callback .checkbox-item {
    width: 75%;
    margin: 0 auto 15px;
}
#callback-modal .popupcart_buttons input {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    font-size: 14px;
    line-height: 1em;
    display: block;
    margin: 0 auto;
}
.buy-btns {
    font-size: 0;
}
.new-buy-btn {
    width: 49%;
    display: inline-block;
    vertical-align: middle;
}
.new-buy-btn>span {
    border: none;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: linear-gradient(270deg, #812a3a,#c50407 );
    border-radius: 25px;
    width: 225px;
    height: 40px;
    display: block;
    text-align: center;
    line-height: 40px;
  cursor:pointer;
  max-width: 100%;
}
.buy-credit {
    width: 49%;
    margin-left: 2%;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 15px;
}
.buy-credit input {
    outline: 0;
    font-size: 20px;
    font-weight: bold;
    color: #a31721;
    background: transparent;
    border-radius: 25px;
    width: 225px;
    height: 40px;
    display: block;
    text-align: center;
    line-height: 36px;
    border: 2px solid #a31721;
    max-width: 100%;
}
.trade-request {
    padding: 0 0 15px;
}

.h3 {
	font-size: clamp(24px, 4vw, 42px);
    font-weight: 900;
    margin-bottom: 22px;
	color: #333;
}

.trade-request .h3 {
    font: 700 20px/40px Lator;
    color: #23b549;
    max-width: 415px;
    margin: 10px auto;
    text-align: center;
    max-width: 250px;
}
.trade-request .h3 img {
    max-width: 100%;
}
.trade-request .close{
	opacity: 1.0;
    float: right;
    cursor: pointer;
    padding: 5px;
    margin: 0;
    border-radius: 4px;
    position: absolute;
    right: 5px;
    top: 5px;
    box-shadow: inset 0 1px 1px #777, inset 0 -1px 1px #fff;
}
.trade-request .close:hover{
	background: #dedede;
}
.trade-request table {
    width: 100%;
    border-bottom: 2px solid #cb3743;
    background: #f5d7da;
}
.trade-request th {
    color: #fff;
    background: #cb3743;
    font: 16px/40px Lator;
    position: relative;
  	padding-left: 20px;
    padding-right: 10px;
}
.trade-request td {
    border-bottom: 1px solid #25ad51;
    padding-top: 12px;
    padding-bottom: 12px;
    position: relative;
    color: #242424;
    font: 18px Lator;
  	padding-left: 20px;
    padding-right: 10px;
}
.trade-request td:first-child, .trade-request th:first-child {
    padding-left: 35px;
}
.trade-request table td:first-child {
    width: 60%;
}
.trade-request td:last-child {
    font-weight: 700;
}
#adress_dostavki {
    margin-top: 20px;
}
.trade-request input[type="radio"] {
    display: none;
}
.trade-request input[type="radio"] + label {
    display: block;
    font: 12px/20px Lator;
    color: #585858;
    position: relative;
    padding: 0 0 12px 30px;
    margin-left: 25px;
}
.trade-request input[type="radio"] + label::before {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    border: 1px solid #787878;
    background: #f5f5f5;
    content: '';
    left: 0;
    top: 0;
  	content: '';
}
.trade-request input[type="radio"] + label::after {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: transparent;
    content: '';
    left: 6px;
    top: 6px;
    transition: all .3s;
  	content: '';
}
.trade-request input[type="radio"]:checked + label{
	color:#cb3743;
}
.trade-request input[type="radio"]:checked + label::after {
    background: #cb3743;
}
.trade-request input[type="radio"] + label span {
    text-transform: uppercase;
    font-weight: 700;
}
.trade-request input[type="radio"] + label div p:first-child {
  	margin: 0;
}
.trade-request input[type="radio"] + label div p:last-child {
    padding-right: 60px;
  	margin: 0;
}
.trade-request input[type="radio"] + label div input {
    width: 100%;
    border: none;
    background: transparent;
    border-bottom: 1px solid #cb3743;
}
#adress {
    width: 98.5%;
}
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}
.adress_dostavki .help-block {
    margin-left: 30px;
}
.trade-request .form-control {
    height: 45px;
    max-width: 246px;
    margin: 0 auto 5px;
    color: #737172;
    font: 300 15px Lator;
    border-radius: 0;
    background: #f3f2f4;
    border-color: #737172;
}
.help-block {
    margin-left: 15px;
}
.trade-request .checkbox-item {
    margin: 0 25px 20px;
}
.trade-request .payment {
    display: block;
    padding: 20px;
  text-align:center;
    max-width: 515px;
    margin: 0 auto 20px;
    color: #242424;
    font: 300 15px Lator;
    border-bottom: 1px solid #bebebe;
    border-top: 1px solid #bebebe;
}
.trade-request input[type='submit'] {
    background: #cb3743;
    border: none;
    display: block;
    width: 277px;
    margin: 20px auto 0;
    color: #fff;
    text-transform: uppercase;
    font: 700 18px/50px Lator;
    transition: all .3s;
    text-align: center;
}
.trade-request input[type='submit']:hover {
    background-color: #821111;
}
.img_bon img {
    border-radius: 20px;
}
.footer-menu {
    margin: 30px 0 0;
}
.footer-menu li:not(:last-child) {
    margin-bottom: 17px;
}
.footer-menu a {
    font-size: 14px;
    color: rgb(255, 255, 255);
}
@media (max-width:1240px) {
  .header_home {
  }
  .navbar-nav{
    width: 90%;
    float:right;
  }
  
  .head{
    padding-top:0px!important
  }
  
}
@media (max-width:1199px) {
  	.tli-name {
    	font-size: 16px;
	}
  	.tli-text {
    	font-size: 14px;
    	line-height: 14px;
	}
  .nh-logo img{
  max-width:100%;
  }
  .nh-allow{
    font-size: 12px;
  }
  .nh-credit a{
  width:100%;
  }
  .nh-phone{
  	font-size:20px;
  }
  .nh-soc a {
    margin-left: 12px;
}
  .nh-shop{
  	font-size:12px;
  }
  .nh-btn{
  	width:100%;
  }
  .nh-cart>span{
    width:100%;
  }
  .mn-menu>ul>li:after {
    margin: 0 35px;
}
}

@media (max-width:991px) {
	.tli-box {
        margin: 10px 0;
    }
  .nh-logo{
  	text-align:center;
  }
  .nh-allow,.nh-credit a{
    width:280px;
  }
  .nh-center{
  	display:table;
    margin:0 auto;
  }
  .nh-right{
  	padding: 0;
    width: 280px;
    margin: 10px auto 0;
  }
  .mn-menu>ul>li:after {
    margin: 0 20px;
}
  .nh-center:after{
  	display:none;
  }
  .new-buy-btn>span{
  font-size:15px;
  }
  .buy-credit input{
  font-size:15px;
  }
  .category_article {
    width: calc(33.33333% - 20px);
  }
}

@media (max-width: 850px) {
    body {
      min-width:300px!important
  }
    .head {
        padding-top:0px!important;
        background-color: #171717;
    }
    .slider_rev {
        display:none;
    }
    #logo {
        text-align: center;
    }
    .dv_menu {
        text-align: center;
        border-top: 1px solid;
    }
    .navbar-toggle {
        float: none;
        font-size: 20px;
        padding: 0px;
        margin-right: 0px;
        width:100%;
        color: #fff;
    }
    .navbar-toggle:active {
        color: #fff;
    }
    .btn.focus, .btn:focus, .btn:hover {
        color: #fff;
    }
    .navbar-toggle i {
        font-size:20px;
        
    }
    .menu_txt {margin-left: 3px;}
    .contact {
        text-align: center;
    }
    button.btn.btn-navbar.navbar-toggle:focus {
        outline: none;
    }
    .btn.active, .btn:active {
        box-shadow: none;
    }
    .navbar {
        margin-bottom:10px;
    }
    .navbar-nav {
        margin-top:10px;
    }
    .row {
        margin-right: 0px;
        margin-left: 0px;
    }

	.row.grid { gap: 0 }
	.row.category_layout { grid-template-columns: 1fr }
	
    #my_cart {
        position: initial;
        margin-bottom:5px;
    }
    .pred_h3 {border-top:none;}
    .title_h3 { margin-bottom: 10px;font-size:30px;margin-left:0px; text-align: center;}
    .footer_menus {display: none}
    .footer_block  {text-align: center}
    .contacts_footers {display:none}
    .prdlin {display: inline-block}
    .social_A {display: inline-block}
    .category-layout_mod {padding-left:0px}
    .social_link {padding-left:0px}
    .page_top_cotagory {padding-left: 15px;padding-right: 15px;/* margin: 0 auto; */}
    .category_product {width: 100%; margin-left:0px; margin-bottom:10px; }
    .category_article {width: 100%; margin-left:0px; margin-bottom:10px; }
    .text_category  {display: none;}
    .blk_catalog {max-width: 100%}
    .brc {margin-bottom:25px;}
    .title_product {font-size:20px; text-align:center}
    .buy_ms {text-align: center}
    .footer-menu {
        display: none;
    }
}
@media (max-width: 767px) {
  .top-line-info{
    padding-top: 43px;
  }
  .burger-menu{
  	display:block;
  }
	.new-menu {
      position: fixed;
      right: -100%;
      top: 0;
      bottom: 0;
      width: 280px;
      border-bottom: none;
      padding: 10px 0 0;
      overflow: auto;
      z-index: 10000;
      padding-top: 0px;
      text-align: left;
      transition: all .4s;
  }
  .open-menu .new-menu{
  	right: 0;
    background: #303030;
  }
.nm-close {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    background: url(../image/nm-close.png)no-repeat;
    width: 17px;
    height: 17px;
    cursor: pointer;
}
.nm-logo {
    display: block;
    padding: 40px 0 0;
}
  .nm-logo img{max-width:100%;}
  .mn-menu{
  	margin: 30px -15px 0;
  }
  .mn-menu>ul>li{
  	display: block;
    text-align: left;
  }
  .mn-menu>ul>li:after{
  	display:none;
  }
  .mn-menu>ul>li>a{
  	display: block;
    padding-left: 25px;
    padding: 5px 0 5px 25px;
  }
  .mn-menu>ul>li>a:hover {
    color: #fff;
    background: #ca3440;
}
  .mn-menu>ul>li.drop>a:before{
  	display:none;
  }
  .mn-menu>ul>li>ul{
  	position: relative;
    top: auto;
    left: auto;
    width: auto;
    padding: 0;
  }
  .mn-menu>ul>li>ul>li{
  	display: block;
    width: auto;
    margin: 0;
  }
  .mn-menu>ul>li>ul:before{display:none;}
  .mn-menu>ul>li>ul:after{display:none;}
  .mn-menu>ul>li>ul>li>a{
  	padding-left:25px;
  }
  .mn-menu>ul>li>ul>li:last-child{
  	border-bottom:0;
  }
    .mn-menu>ul>li>ul.dropdown-right-side {
        right: auto;
    }
    .mn-menu>ul>li>ul.dropdown-small {
        width: auto;
    }
    .mn-menu>ul>li>ul>li.dropdown-item-big {
        width: auto;
    }
  #callback-modal .modal-body .head{
  	padding: 25px 15px 15px !important;
    text-align: center;
  }
  #thank-modal .modal-body .head{
  	padding: 25px 15px 15px !important;
    text-align: center;
  }
  #callback-modal .modal-body .head img, #thank-modal .modal-body .head img{
  	position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -8.5px;
  }
  .new-buy-btn>span{
  margin:0 auto;
  }
  .buy-credit input{
  margin:0 auto;
  }
}
@media (max-width: 576px) {
	.trade-request .h3 {
      padding: 0 10px;
      font-size: 15px;
      margin-bottom: 5px;
  }
  .trade-request td, .trade-request.ord th {
    padding-left: 15px !important;
}
  .trade-request th {
    font: 16px/31px Lato;
}
  .trade-request td {
    padding-top: 8px;
    padding-bottom: 8px;
}
  .trade-request td {
    font: 16px Lato;
}
  #adress_dostavki {
    margin-top: 10px;
}
  .trade-request input[type="radio"] + label {
    padding: 0 0 5px 30px;
}
  .trade-request .row > div {
    width: auto;
    float: none;
}
  .trade-request .form-control {
    height: 36px;
    margin: 0 auto 8px;
}
  .trade-request .payment {
    padding: 10px;
    margin: 0 auto 10px;
} 
}
#content p{
    font-size:16px;
}
#content li{
    font-size:16px;
}

.gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.gallery__item {
    width: calc(25% - 30px);
    margin: 0 15px 30px;
    position: relative;
}

.gallery__item--auto-width {
    width: auto;
}

.gallery__item::before {
    content: '';
    position: absolute;
    bottom: -7px;
    left: 0;
    height: calc(100% - 14px);
    width: 100%;
    display: block;
    background: linear-gradient(90deg, #812a3a,#c50407 );
    border-radius: 15px;
    z-index: -1;
}

.gallery__item-img {
    max-width: 100%;
    border-radius: 15px;
}

.gallery-btn {
    background: linear-gradient(270deg, #812a3a,#c50407 );
    border-radius: 50px;
    color: #fff;
    font-size: 19px;
    display: block;
    text-align: center;
    margin: 10px auto 40px;
    border: none;
    padding: 0;
    width: 255px;
    height: 50px;
    line-height: 50px;
}

.gallery-btn.disabled {
    opacity: .3;
    cursor: default;
}

@media (max-width: 767px) {
    .gallery__item {
        width: calc(33.33333% - 30px);
    }

    .gallery__item--auto-width {
        width: auto;
    }
}

@media (max-width: 576px) {
    .gallery__item {
        width: calc(50% - 20px);
        margin: 0 10px 30px;
    }

    .gallery__item--auto-width {
        width: auto;
    }
}
.checkboxes {
    display: flex;
    align-items: center;
    gap: 10px 20px;
    margin-bottom: 10px;
}

.checkbox-item {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    line-height: normal;
    cursor: pointer;
    margin: 0;
}

.checkbox-item__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
}

.checkbox-item__mark {
    position: relative;
}

.checkbox-item__custom {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    border: 1px solid #787878;
    background: #f5f5f5;
    display: block;
    position: relative;
}

.checkbox-item__custom::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #cb3743;
    left: 5px;
    top: 5px;
    transition: all .3s;
    opacity: 0;
    visibility: hidden;
}

.checkbox-item__input:checked + .checkbox-item__custom::before {
    opacity: 1;
    visibility: visible;
}

.checkbox-item__text a {
    color: #c50407;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    transition: .3s;
}

.checkbox-item__text a:hover {
    text-decoration-color: transparent;
}

.checkbox-item__input[type=checkbox] + .checkbox-item__custom {
    border-radius: 4px;
}

.checkbox-item__input[type=checkbox] + .checkbox-item__custom::before {
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: 3px;
}

.checkbox-item__input.error + .checkbox-item__custom {
    background: #ef4c4c;
    border-color: #ef4c4c;
    box-shadow: none;
}

.tradein {
    margin: 60px 0;
}

.tradein__title {
    margin: 0 0 40px;
    text-align: center;
}

.tradein__main {
    background: rgb(255 255 255 / .9);
    box-shadow: 10px 10px 24px rgba(26, 27, 30, 0.05);
    border-radius: 20px;
    padding: 36px 56px;
}

.tradein__form {
    display: flex;
    gap: 20px;
}

.tradein__form > * {
    width: 0;
    flex: 1 0 0;
}

.tradein__select {
    border: 1px solid #E7ECEF;
    border-radius: 25px;
    height: 50px;
    padding: 0 42px 0 21px;
    appearance: none;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' class='nav__link-icon'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.5303 8.96967C16.8232 9.26256 16.8232 9.73744 16.5303 10.0303L12.5303 14.0303C12.2374 14.3232 11.7626 14.3232 11.4697 14.0303L7.46967 10.0303C7.17678 9.73744 7.17678 9.26256 7.46967 8.96967C7.76256 8.67678 8.23744 8.67678 8.53033 8.96967L12 12.4393L15.4697 8.96967C15.7626 8.67678 16.2374 8.67678 16.5303 8.96967Z' fill='%23cb3743'%3E%3C/path%3E%3C/svg%3E") no-repeat center right 12px / 26px 26px;
    font-size: 16px;
}

.tradein__select[disabled] {
    opacity: .7;
    cursor: default;
    pointer-events: none;
    user-select: none;
}

.tradein__btn {
    height: 50px;
    background: linear-gradient(270deg, #812a3a, #c50407);
    border-radius: 50px;
    border: none;
    padding: 0;
    color: #fff;
    font-size: 18px;
    display: block;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    position: relative;
    transition: .3s;
}

.tradein__btn[disabled] {
    opacity: .5;
}

.tradein__btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #812a3a, #c50407);
    border-radius: inherit;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

.tradein__btn span {
    position: relative;
    z-index: 2;
}

.tradein__btn:hover::before {
    opacity: 1;
    visibility: visible;
}

.tradein__product {
    margin: 30px auto 0;
    width: 780px;
    max-width: 100%;
    display: flex;
    align-items: center;
    gap: 30px;
}

.tradein__product-img-container {
    width: 200px;
    aspect-ratio: 1;
    flex-shrink: 0;
}

.tradein__product-img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.tradein__product-info p {
    margin: 0;
}

@media (max-width:1240px) {
    .calculator {
        padding: 36px;
    }
}

@media (max-width: 768px) {
    .tradein {
        margin: 40px 0;
    }

    .tradein__title {
        margin-bottom: 20px;
    }

    .tradein__main {
        background: none;
        box-shadow: none;
        border-radius: 0;
        padding: 0;
    }

    .tradein__form {
        flex-wrap: wrap;
    }

    .tradein__form > * {
        flex-basis: calc(50% - 10px);
    }

    .tradein__select {
        font-size: 14px;
    }

    .tradein__btn {
        font-size: 14px;
    }

    .tradein__product {
        flex-direction: column;
        gap: 20px;
    }

	/* jackdev.ru */
	.gtc-1-1 { grid-template-columns: auto }
}

@media (max-width: 480px) {
    .tradein__product-img-container {
        width: 150px;
    }
}

.attribute-items {
    margin-bottom: -12px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.attribute-item {
    position: relative;
    margin-right: 12px;
    margin-bottom: 12px;
}

.attribute-item input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
}

.attribute-item__box {
    border: 1px solid #E7ECEF;
    padding: 4px;
    border-radius: 8px;
    display: block;
    cursor: pointer;
    min-width: 80px;
    height: 40px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
}

.attribute-item input[data-checked="1"] + .attribute-item__box {
    background: #E7ECEF;
    cursor: default;
}

.cookie {
    position: fixed;
    left: 20px;
    bottom: 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgb(203 55 67 / .32);
    max-width: calc(100vw - 48px);
    width: 680px;
    padding: 16px 16px 16px 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #4e4e4e;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 9999;
}

.cookie::before {
    content: '';
    width: 4px;
    height: 100%;
    background: #c50407;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.cookie.active {
    opacity: 1;
    visibility: visible;
}

.cookie__btn {
    border-radius: 25px;
    background: linear-gradient(to right,  #c50407 0%,  #c50407 100%);
    border: none;
    position: relative;
    color: #c50407;
    padding: 5px 20px;
    transition: .3s;
}

.cookie__btn::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background: #fff;
    border-radius: 24px;
    transition: .3s;
}

.cookie__btn:hover {
    color: #fff;
}

.cookie__btn:hover::before {
    opacity: 0;
    visibility: hidden;
}

.cookie__btn-text {
    position: relative;
    z-index: 2;
}

.cookie__text a {
    color: #c50407;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    transition: .3s;
}

.cookie__text a:hover {
    text-decoration-color: transparent;
}

@media (max-width: 768px) {
    .cookie {
        flex-direction: column;
        align-items: flex-start;
        left: 15px;
        bottom: 15px;
        max-width: calc(100% - 30px);
    }
}

.error {
    background: #ef4c4c !important;
    border-color: #ef4c4c !important;
    box-shadow: none !important;
}




/* Общий контейнер меню */
.list-group {
    border: 1px solid #e5e5e7;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    width: max-content;
}



/* меню слева */
.list-group-item {
    padding: 12px 20px;          
	color: #333333;
    font-size: 14px;
    border: none;
	border-bottom: 1px solid #f5f5f7;
	border-radius: 0 !important;
	transition: all 0.2s ease;
	width: 100%;
}

.list-group-item:last-child {border-bottom: none}

.list-group-item:hover {
    background-color: #f5f5f7 !important; 
	color: #b30000 !important;
	padding-left: 24px
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    background: #b30000 !important;
	color: #ffffff !important;
	font-weight: 600;
    padding-left: 20px;
	border-color: #b30000 !important;
}


#column-left {
	width: min-content;
}


.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 0px;
    list-style: none;
    background-color: #f5f5f7;
    border-radius: 0;
}