
/*first line header*/


.hdiv1::before {
content: url('/css/images/tel_header22.svg');
    position: relative;
    top: 3px;
    left: -5px;
    padding-left: 5px;
}
.hdiv1 a{
	color:#000000;
    text-decoration: none;
	
}
.hdiv2::before {
content: url('/css/images/email-22.svg');
    position: relative;
    top: 3px;
    left: -5px;
    padding-left: 5px;
}
.hdiv2 a{
	color:#000000;
    text-decoration: none;
	
}
/*first line header end*/

.main_header {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 5px;
	height: 50px;
	place-items: center;
}
.main_m_menu {
 display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 2px;
	font-size:20px;
	font-family:arial;
	font-weight:500;
	place-items: center;
	margin-top:10px;
	}
	
	.serch_m {
 display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 2px;
	font-size:20px;
	font-family:arial;
	font-weight:500;
	place-items: center;
	margin-top:10px;
	}
    
.mdiv2 { grid-column: span 2 / span 2; }
.mdiv3 {
    grid-column: span 2 / span 2;
    grid-column-start: 4;
	justify-self: end;
  
}
.subparent {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 1px;
	justify-content: stretch;
	width:130px;
	height:30px;
}

.header-mobile .mobile-menu a {
    color: #ffffff;
    transition: none;
    display: flex;
    margin-top: 2px;
}

.merchant-svg-icon {
	display: inline-flex;
    background: linear-gradient(to right, #ef5f5f, #d31818);
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
}
.merchant-svg-icon svg {
    vertical-align: -0.125em;
    display: inline-block;
}



 .line_h1{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 8px;
	font-size:28px;
	place-items: center;
	margin-top:20px;
	Height:40px;
}

 .line_h1::before{
  content: url('/css/images/txt.png');
  padding-right: 8px;
  position: relative;
    
}

.h1div1 {}

.header_center2 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    height: 50px;
    gap: 5px;
	font-size:24px;
	font-family:arial;
	font-weight:500;
	place-items: center;
	margin-top:15px;
}
.hdiv12::before {
content: url('/css/images/txt.png');
    position: relative;
    top: 3px;
    left: -5px;
    padding-left: 5px;
}
.hdiv12_h1 h1 {
font-size:20px;


}
.header_center_txt {
    display: grid;
    grid-template-columns: repeat(1, 1fr);

    gap: 5px;
	font-size:20px;
	font-family:arial;
	font-weight:500;
	place-items: left;
	margin-top:15px;
}
.hdiv12_txt {

    position: relative;
    top: 3px;
    left: -5px;
    padding-left: 5px;

}
.left {margin-left: 45px;}
.hdiv12_h1 h1::before {
content: url('/css/images/txt.png');
    position: relative;
    top: 3px;
    left: -5px;
    padding-left: 5px;

}
.header_center3 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
	gap:8px;
	
}
.hdiv122 {

   
	overflow:hidden;
	
	background-color:#f9f9f9;
}
.some_items_by_pre_text {    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
	gap:8px;
	width:85%;
	margin-left: 40px; padding-bottom:12px; padding-top:10px;}
	.pre_text {

   font-size: 14px;
    line-height: 16px;
	overflow:hidden;
	
	background-color:#f9f9f9;
}
.content_inside {width:90%; margin-left:9%;}
@media only screen and (max-width: 371px) {
.content_inside {
    width: 87%;
    margin-left: 11%;
}
}

/* для слайдера начало*/
@media only screen and (max-width: 767px) {
    .btn_menu {
        width: 33px;
        float: left;
        height: 70vw;
        position: relative;
        background-color:#d51212;
        cursor: pointer;
		border-radius: 0px 8px 8px 0;
		background-image: url(/css/images/dot2.png);
		background-repeat:no-repeat;
        background-size: 40%;
        background-position-x: 16px;
        background-position-y: 3px;
		margin-top: 10px;

    }
	    .btn_menu_cat {
        width: 33px;
        float: left;
        height: 70vw;
        position: relative;
        background-color:#d51212;
        cursor: pointer;
		border-radius: 0px 8px 8px 0;
		background-image: url(/css/images/dot2.png);
		background-repeat:no-repeat;
        background-size: 40%;
        background-position-x: 16px;
        background-position-y: 3px;
		margin-top: 10px;

    }
}

								  .lab_cat {width: 87px; float: left; color: green; font-size:16px; text-align: center;  font-weight: 500;}
								  .lab_cat span{color: #949191;}
								  .str {text-align:left; width:53px; float: left;}
								  .sbros {clear:both;}
								  .i2n_24 del{color: #949191;
    font-weight: 600;
    font-size: 14px;}

@media only screen and (max-width: 767px) {
    #sidebar-toggle-sticky-wrapper {
        z-index: 999;
    }
}
@media only screen and (max-width: 767px) {
    .sticky-wrapper {
        position: fixed;
        z-index: 50;
    }
}
.btn_menu>p {
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
        position: absolute;
        top: 50%;
        color: #FFF;
        font-size: 17px;
        font-weight: bold;
        margin: 0;
        left: -58px;
        white-space: nowrap;
        cursor: pointer;
        text-transform: uppercase;
    }
	
	.btn_menu>p::before {
	
	content: "";
       width: 30px;
       height: 30px;
       position: absolute;
       top: 10px;
       z-index: 102;
       left:-25px
       -webkit-transition: all .3s ease .2s;
       transition: all .3s ease .2s;



}
.btn_menu_cat>p {
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
        position: absolute;
        top: 50%;
        color: #FFF;
        font-size: 17px;
        font-weight: bold;
        margin: 0;
        left: -58px;
        white-space: nowrap;
        cursor: pointer;
        text-transform: uppercase;
    }
	
	.btn_menu_cat>p::before {
	
	content: "";
       width: 30px;
       height: 30px;
       position: absolute;
       top: 10px;
       z-index: 102;
       left:-25px
       -webkit-transition: all .3s ease .2s;
       transition: all .3s ease .2s;



}

	.offcanvas-start {background-color:#ffffff; color:#000000; }
	.btn-close {--bs-btn-close-color: #ffffff; opacity:1; background-color:white;}
/**/
.mobile-menu-toggle::marker {
  content: '';
}

/* This is the main trick */
:not(.mobile-menu-toggle[open]) ~ .main_m_menu {
  display: none;
}

/* Not important just styling */
summary {

 cursor:pointer;
}
/* This is the main trick */
:not(.collapse_s[open]) ~ .serch_m {
  display: none;
}
/* блок линия все выпадающего*/
.line_grid {  display: grid; gap: 9px; height: 100px; margin-top:8px;}

/* блок линия 1 выпадающего*/
.parent_offcanvas {

    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
 	
}
.div1_offcanvas {background-color:#f5f5f5;  font-weight: 700; 
    padding: 6px; border-radius: 5px; font-size: 12px; color: #555454;     background-position-x: right;
    background-repeat: no-repeat;
	cursor:pointer;}
.div2_offcanvas {background-color:#f5f5f5;  border-radius: 5px; font-weight: 700; 
    padding: 6px; font-size: 12px; color: #555454;     background-position-x: right;
    background-repeat: no-repeat;
	cursor:pointer;}
.div1_offcanvas span {}	
.div2_offcanvas span {font-size: 18px; color: red;}	
.zagolovok span{font-size: 18px; color: red; font-weight: 700; }
.avia {background-image: url(/css/images/avia.png); background-position-x: right; background-repeat: no-repeat; background-size:110%; background-position-y:bottom;}
.pro {background-image: url(/css/images/r_pro.png); background-position-x: right; background-repeat: no-repeat;}
.keis {background-image: url(/css/images/keis.png);}
.bloki {background-image: url(/css/images/bp.png);}
.port_dig {background-image: url(/css/images/lubit-cifra.png);}
.prof_port_digit { background-image: url(/css/images/lub_port_digit2.png);}
.port-prof-cifra {background-image: url(/css/images/port-prof-cifra.png);}
.avto-raciya-lub {background-image: url(/css/images/avto-raciya-lub.png);}
.tranciver_lybit {background-image: url(/css/images/tranciver_lybit.png);}
.avto-rac-prof {background-image: url(/css/images/avto-rac-prof2.png);}
.portativ-all { background-image: url(/css/images/7.png);}
.retransl { background-image: url(/css/images/retransl.png);}
.cb-radio { background-image: url(/css/images/cb-radio.png);}
.sfe-poc { background-image: url(/css/images/sfe-poc2.png);}
.codan-ico { background-image: url(/css/images/codan-ico.png);}
.ant-avto { background-image: url(/css/images/ant-avto2.png);}
.base_ant { background-image: url(/css/images/base_ant.png);}
.port-ant { background-image: url(/css/images/port-ant.png);}
.povorot { background-image: url(/css/images/povorot.png);}
.krep { background-image: url(/css/images/krep.png);}
.duplex { background-image: url(/css/images/duplex.png);}
.razemi { background-image: url(/css/images/razemi.png);}
.kabeli { background-image: url(/css/images/kabeli.png);}
.groza { background-image: url(/css/images/groza.png);}
.pribori { background-image: url(/css/images/pribori.png);}
.akb { background-image: url(/css/images/akb.png);}
.tangenta { background-image: url(/css/images/tangenta.png);}
.nau_avia { background-image: url(/css/images/nau_avia.png);}
.zu { background-image: url(/css/images/zu.png);}
.progr { background-image: url(/css/images/progr.png);}
.dinamic { background-image: url(/css/images/dinamic.png);}

/* блок линия 2 выпадающего*/
.parent_offcanvas2 {

    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr);

}
.div1_offcanvas2 {

background-color:#f5f5f5;
background-position-x: right;
background-repeat: no-repeat;
font-weight: 700; 
    padding: 6px; border-radius: 5px; font-size: 12px; color: #555454;   cursor:pointer;  }

.div1_offcanvas2 span {font-size: 18px; color: red;}	

/* блок линия 3 выпадающего*/
.parent_offcanvas3 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);

	
}
.div1_offcanvas3 {background-color:#f5f5f5;  font-weight: 700; 
    padding: 6px; border-radius: 5px; font-size: 12px; color: #555454;     background-position-x: right;
    background-repeat: no-repeat; cursor:pointer;}
.div2_offcanvas3 {background-color:#f5f5f5;  border-radius: 5px; font-weight: 700; 
    padding: 6px; font-size: 12px; color: #555454;     background-position-x: right;
    background-repeat: no-repeat; cursor:pointer;}
.div1_offcanvas3 span {font-size: 16px; color: red; line-height: 22px;}	
.div2_offcanvas3 span {font-size: 16px; color: red; line-height: 22px;}

/* блок линия 4 выпадающего*/
.parent_offcanvas4 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);

	
}
.div1_offcanvas4 {background-color:#f5f5f5;  font-weight: 700; 
    padding: 6px; border-radius: 5px; font-size: 12px; color: #555454; background-position-x: right; background-repeat: no-repeat; cursor:pointer;}
.div2_offcanvas4 {background-color:#f5f5f5; background-position-x: right; background-repeat: no-repeat; border-radius: 5px; font-weight: 700; 
    padding: 6px; font-size: 12px; color: #555454;     background-position-x: right; cursor:pointer; 
    background-repeat: no-repeat;}
.div1_offcanvas4 span {font-size: 16px; color: red; line-height: 22px;}	
.div2_offcanvas4 span {font-size: 16px; color: red; line-height: 22px;}	
/* блок линия 5 выпадающего*/
.parent_offcanvas5 {

    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);

}
.div1_offcanvas5 {
	grid-column: span 2 / span 2;
	background-color:#f5f5f5;
	background-image: url(/css/images/avto.png);
	font-weight: 700; 
    padding: 6px; border-radius: 5px; font-size: 12px; color: #555454;   background-position-x: right;
    background-repeat: no-repeat; cursor:pointer;}
.div1_offcanvas5 span {font-size: 18px; color: red;}	
/* блок линия 6 выпадающего*/
.parent_offcanvas6 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
	}
.div1_offcanvas6 {background-color:#f5f5f5; background-position-x: right; background-repeat: no-repeat; font-weight: 700; 
    padding: 6px; border-radius: 5px; font-size: 12px; color: #555454;     background-position-x: right;
    background-repeat: no-repeat; cursor:pointer;}
.div2_offcanvas6 {background-color:#f5f5f5; background-position-x: right; background-repeat: no-repeat; border-radius: 5px; font-weight: 700; 
    padding: 6px; font-size: 12px; color: #555454; cursor:pointer;}
.div1_offcanvas6 span {font-size: 16px; color: red; line-height: 22px;}	
.div2_offcanvas6 span {font-size: 16px; color: red; line-height: 22px;}	
.offcanvas-body a{color:#555454;}
.p100p {width:100%; height:100%;}
/* для слайдера конец*/



.vi3_24.v4i_24 {
    width: 100%;
}
.n1i_24 {
    display: flex
;
    flex-direction: column;
    padding-bottom: 16px;
    position: relative;
}
.ni2_24 {
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 5;
}
.ea5_3_12-a {
    display: inline-flex
;
}
.n1i_24 .in2_24 {
    flex-shrink: 0;
    position: relative;
}
a, a:hover {
    text-decoration: none;
}

.i0n_24 {
    background-color: #ffffff;
    box-sizing: border-box;
    display: block;
    line-height: 0;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 3;
}
.i0n_24.ni0_24:before {
    padding-top: 133.24%;
}
.i0n_24:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.i0n_24 {

    line-height: 0;

}

.in1_24 {
    align-content: center;
    align-items: center;
    bottom: 0;
    display: flex
;
    justify-content: center;
    overflow: hidden;
    right: 0;
}
.in1_24, .n0i_24.i0n_24:after {
    border-radius: 10px;
    left: 0;
    position: absolute;
    top: 0;
}
.in1_24.i1n_24 img {
    -o-object-fit: contain;;
    object-fit: contain;;
}
.in1_24 img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
.b95_3_4-a {
    max-height: 100%;
    max-width: 100%;
}
img {
    border: none;
    outline: none;
}
.b25_5_1-b8 {
    background-color: var(--bgAccentPrimary);
    color: var(--textLightKey);
}
.b25_5_1-a5 {
    width: 100%;
}

.mdiv1m a{
    color: #000;
    text-decoration: none;}
.b25_5_1-a0 {
    -webkit-touch-callout: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #d73a3a;
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font-family: var(--mainFont);
    font-size: inherit;
    font-weight: inherit;
    justify-content: center;
    margin: 0;
    overflow: hidden;
    padding: 10px 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
}
.b25_5_1-a2 {
    align-items: center;
    display: flex;
    height: 20px;
    justify-content: center;
    white-space: nowrap;
    width: 100%;
}
.b25_5_1-b8 .b25_5_1-a {
    background-color:red;
	color:#ffffff
}
.b25_5_1-a {
    border-radius: inherit;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
button {
    appearance: auto;
    font-style: ;
    font-variant-ligatures: ;
    font-variant-caps: ;
    font-variant-numeric: ;
    font-variant-east-asian: ;
    font-variant-alternates: ;
    font-variant-position: ;
    font-variant-emoji: ;
    font-weight: ;
    font-stretch: ;
    font-size: ;
    font-family: ;
    font-optical-sizing: ;
    font-size-adjust: ;
    font-kerning: ;
    font-feature-settings: ;
    font-variation-settings: ;
    text-rendering: auto;
    color: buttontext;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    cursor: default;
    box-sizing: border-box;
    background-color: buttonface;
    margin: 0em;
    padding-block: 1px;
    padding-inline: 6px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonborder;
    border-image: initial;
}
.q4b1_3_0-a {color:#000000;}




