@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
/* === РЕКОМЕНДАЦИИ ПО ИЗМЕНЕНИЮ ДИЗАЙНА ===
   ГЛОБАЛЬНОЕ (все страницы): #container, #header, #content, #footer, .header_scroll
   ФОН: заменён на #fff (ранее images/container.png — header, content, slider-wrap, shadow-line, top-content, share)
   ТОЛЬКО ГЛАВНАЯ: #slider-wrap, #slider, .main-sections, .main-popular
   ФИКСИРОВАННЫЕ ШИРИНЫ: .header_scroll (на всю ширину), #top-content .image.contacts .arrow (1180px)
   При расширении #container — обновить эти значения пропорционально!
   Менять по шагам, проверяя каждую страницу. === */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}
:focus{outline:0}
html{min-height:100%; position:relative; overflow-x:hidden}
body{min-height:100vh; display:flex; flex-direction:column; background-color:#fff; line-height:1; font-family:Arial, sans-serif; color:#000; font-size:14px; overflow-x:hidden}
table{border-collapse:collapse}
label{display:block}
a{color:#c40000}
a:hover, a:active{color:#a00000}
h1, h2, h3, h4, h5, h6{font-weight:bold; line-height:1.3}
h1{padding:0 20px; font-size:20px; line-height:31px; margin-top:3px}
h2{font-size:16px; line-height:31px; margin-top:20px}
h3, h4, h5, h6{font-size:15px; margin-top:15px}

p{margin:10px 0}

.clear{clear:both}
.text-secondary{color:#656565}
.ymaps-controls-lefttop{top:7px !important}
.ymaps-controls-righttop{top:7px !important}
#fade{display:none; background:#000; position:fixed; left:0; top:0; width:100%; height:100%; opacity:0.5; z-index:9999}

#container {flex:1; display:flex; flex-direction:column; max-width:1200px; margin:0 auto}

#container .menu_mobi {
    display: none;
    position: fixed;
    top: 55px;
    right: 10px;
    z-index: 999;
    color: #000;
    padding: 6px 10px;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    background: rgba(132, 155, 169,.65);
}


.menu_mobi span {
	font-size: 25px;
	padding: 0;
    margin: 0;
}

/* The Overlay (background) */
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 999999; /* Sit on top */
    left: 0;
    box-shadow: 0 0 20px rgba(0,0,0,.8);
    top: 0;
    background-color: rgb(255, 255, 255); /* Black fallback color */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 2%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: left; /* Centered text/links */
	margin: 0; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
    text-decoration: none;
    font-size: 36px;
    
    display: block; 
    transition: 0.2s; 
}

.overlay a:active, .overlay a:hover {
    background-color: #c40000;
    color: #fff;
}

/* Выбранный пункт меню на мобиле — красный фон, белый текст */
.overlay a.active,
.overlay-content a.active {
    background-color: #c40000;
    color: #fff;
}



.overlay-content a {
	padding: 15px;
    border-bottom: 2px solid white;
    color: #444444;
    height: 100%;
    line-height: 25px;
}

/* When you mouse over the navigation links, change their color */


/* Position the close button (top right corner) */
.overlay .closebtn {
    display: none;
}


/* Dropdown Button-2*/


.dropbtn-2 {
    background-color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    transition: 0.2s;
}

/* Dropdown button on hover & focus */
.dropbtn-2:active, .dropbtn-2:focus {
    background-color: #c40000;
    color: white;
    transition: 0.3s;
}

.dropbtn-2 .fa-caret-down {
    padding-left: 145px;
  }


/* Dropdown Content (Hidden by Default) */
.dropdown-content-2 {
    display: none;
    background-color: white;
    min-width: 160px;
    transition: 0.3s;
}

/* Links inside the dropdown */
.dropdown-content-2 a {
    color: #2b2b2b;
    padding: 20px 45px;
    text-decoration: none;
    display: block;
    transition: 0.3s;
}

/* Change color of dropdown links on hover */
.dropdown-content-2 a:hover {background-color: white;}




.dropbtn {
    background-color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    transition: 0.2s;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    background-color: #c40000;
    color: white;
    transition: 0.3s;
}

.mains:hover, .mains:focus {
    background-color: #c40000;
    color: white;
}

.fa-caret-down {
    padding-left: 150px;
  }


/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    background-color: white;
    min-width: 160px;
    transition: 0.3s;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: #2b2b2b;
    padding: 20px 45px;
    text-decoration: none;
    display: block;
    transition: 0.3s;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: white;}











/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}


#header{width:100vw; margin-left:calc(50% - 50vw); box-sizing:border-box}
#header .top{max-width:1200px; margin-left:auto; margin-right:auto; background:#fff}
#header .menu{background:#e8e8e8; padding:9px 8px 9px; text-align:center; font-size:90%; font-family:Roboto,sans-serif; color:#444444; margin-bottom: 6px;}
#header .menu table{max-width:1200px; margin-left:auto; margin-right:auto}
#header .menu table{width:100%; margin:0 auto}
#header .menu table td{background:transparent; padding:0 5px; vertical-align:middle}
#header .menu table td:first-child{padding-left:0}
#header .menu table td:last-child{padding-right:0; background:0}
#header .menu table td a{color:#444444; text-decoration:none; line-height:19px}
#header .menu table td.active a, #header .menu table td a:hover{color:#c40000}
#header .top{position:relative; padding:0 8px}
#header .top .logo{width:271px}
#header .top .call{width:220px}
#header .top .call a .tel{display:inline-block; font-size:22px; padding-right:8px; color:#000}
#header .top .call a .arrow{display:inline-block; width:8px; height:5px; margin-bottom:5px; background:url('images/tel.png') no-repeat 0 0}
#header .top .call a:hover .arrow{background-position:0 bottom}
#header .top .call a:hover .tel{color:#333}
#header .top .short{width:calc(100% - 271px - 220px); padding-left:21px; padding-right:21px; font-size:13px; line-height:1.3; color:#656565}
#header .top .short-inner{max-width:320px}
#header .top .button{    
    position: absolute;
    bottom: -12px;
    right: 78px;
    z-index: 80;
}
.button-request{display:block; margin:auto; min-width:156px; height:34px; padding:0 20px; line-height:34px; background:#c40000; color:#fff; text-align:center; border-radius:4px; text-decoration:none; font-family:Roboto,sans-serif; font-size:14px; box-sizing:border-box}
.button-request::after{content:"Оставить заявку"}
.button-request:hover{background:#a00000; color:#fff}

.popup_block{
    display:none; 
    background:#fff; 
    line-height:1.3;
	max-width:490px;
	width:100%;
	box-sizing:border-box;
	transform:translateX(-50%);
    padding:15px 20px;
    font-size:14px; 
    position:absolute; 
    top:150px;
	left:50%;
    z-index:99999; 
    box-shadow:0px 0px 8px #000; 
    border-radius:4px;
}
.popup-contacts .email .mail a{font-size:16px; font-weight:bold; text-decoration:none}
.popup_block .btn_close{position:absolute; top:5px; right:7px}
.popup-contacts .mini-logo img{width:215px; display:block; margin:0 auto}
.popup-contacts .bold{font-size:16px; font-weight:bold; background:url('images/popup-icons.png') no-repeat 0 0}
.popup-contacts .phones .bold{padding-left:30px; background-position:0 0; line-height:33px; height:33px}
.popup-contacts .phones{border-bottom:1px solid #c3c3c3; margin-top:15px}
.popup-contacts .phones .marginleft{margin-left:120px; font-size:23px}
.popup-contacts .address{border-bottom:1px solid #c3c3c3; padding-bottom:10px; margin-bottom:20px}
.popup-contacts .address .bold{padding-left:70px; background-position:0 -33px; line-height:48px; height:40px}
.popup-contacts .email .mail{text-align:center}
.popup-form .buy{color:#050504; font-size:20px; text-align:center}
.popup-form form{margin-left:50px; margin-right: 50px;}
.popup-form .errors{width:340px; font-size:13px; color:#d83131}
.popup-form .errors strong{color:#000}
.popup-form label p{color:#0a0909; margin:20px 0 1px}
.popup-form label input[type="text"], .popup-form label input[type="tel"], .popup-form label input[type="email"]{box-sizing:border-box; border:1px solid #dcdcdc; padding:0 5px; line-height:27px; height:27px; width:327px}
.popup-form label textarea{box-sizing:border-box; border:1px solid #dcdcdc; padding:0 5px; line-height:18px; height:137px; width:327px; resize:none; font-family:Arial}
.popup-form input[type="submit"]{width:129px; height:41px; font-size:0; border:0; padding:0; margin:8px 0 0 105px; cursor:pointer; background:url('images/call.png') no-repeat 0 -68px}
.popup-form input[type="submit"]:hover{background-position:0 -109px}

.b-top {
		padding:5px 20px 20px 20px;
        justify-content: space-between;
        display: flex;
        align-items: center;
    }

#slider-wrap{padding:0 8px; position:relative; background:#fff}
#slider{height:330px; position:relative; background:url('images/slider-wrap.jpg') no-repeat 0 0; background-size:cover}
.slide{padding-top:45px}
.slide .image{width:395px; position:absolute; left:30px; top:45px}
.slide .text-block{margin:0 20px 0 425px}
.slide .text-block h2{margin-top:0; font-weight:normal; font-size:35px; line-height:33.5px; color:#fff}
.slide .text-block .text{color:#fff; line-height:1.4; margin-top:10px; height:155px; overflow:hidden}
#slider-wrap .control{position:absolute; bottom:10px; left:0; width:100%; font-size:0; text-align:center}
#slider-wrap .control .control-slide{width:10px; height:10px; display:inline-block; margin:0 4px; cursor:pointer; background:url('images/slider-control.png') no-repeat 0 0}
#slider-wrap .control .control-slide.active{background-position:0 bottom}

#shadow-line{height:1px; position:relative; padding:0 8px; background:#fff}
#shadow-line .shadow{width:100%; height:12px; position:absolute; top:0; left:0; background:url('images/shadow-line.png') no-repeat center 0}
#shadow-line .shadow .line{height:1px; margin:0 8px; background-color:#d7d7d7}

#top-content{padding:10px 8px 0; background:#fff}
#top-content .breadcrumbs{padding:0 20px; color:#656565; font-size:11px; max-width:720px; line-height:1.3}
#top-content .breadcrumbs a{color:#656565}
#top-content .image{height:132px}
#top-content .image.cabel{background:url('images/cabel.jpg') no-repeat 0 0}
#top-content .image.arma{background:url('images/arma.jpg') no-repeat 0 0}
#top-content .image.contacts{height:240px; position:relative}
#top-content .image.contacts .arrow{width:1180px; height:8px; position:absolute; top:0; left:0; z-index:5; background:url('images/contacts.png') no-repeat 0 0}
#top-content .image.prices{background:url('images/prices.jpg') no-repeat 0 }

#content{padding:20px 20px 43px; background:#fff}
#content.full{padding:0 8px}
#content.full .docs{min-height:91px; background:url('images/docs-repeat.png') repeat-y 0 0}
#content.full .docs .docs-top{height:100%; background:url('images/docs-top.png') no-repeat 0 0}
#content.full .docs .docs-top .docs-bottom{height:100%; background:url('images/docs-bottom.png') no-repeat 0 bottom}
#content.full .docs .docs-top .docs-bottom .text{float:left; padding:30px 25px 20px 20px; width:235px; line-height:1.3}
#content.full .docs .docs-top .docs-bottom .docs-list{margin-left:280px; padding:14px 0 20px; font-size:0}
#content.full .docs .docs-top .docs-bottom .docs-list .price{display:inline-block; vertical-align:top; height:180px; padding:0 17px; margin-top:8px; width:192px; border-left:1px solid #a5adb2}
#content.full .docs .docs-top .docs-bottom .docs-list .price.third{border-right:1px solid #a5adb2}
#content.full .docs .docs-top .docs-bottom .docs-list .price .link{width:auto}
#content .sidebar{float:right}
#content .sidebar.certificate{position:relative; width:189px; padding:34px 0 23px 7px; margin:-45px -10px 0 0; border:7px solid #ffd200}
#content .sidebar.certificate .image{width:97px; padding:0 13px 16px; margin-left:23px; background:url('images/cert-shadow.png') no-repeat center bottom}
#content .sidebar.certificate .image img{width:97px}
#content .sidebar.certificate .name{font-size:13px; padding-left:2px; margin:0; font-style:italic; line-height:1.2}
#content .sidebar.certificate .about{font-size:13px; font-style:italic; color:#fff; background-color:#4b565c; padding:3px 7px; line-height:1.2; width:184px}
#content .sidebar.certificate .shadow{width:210px; height:10px; position:absolute; left:-7px; bottom:-17px; background:url('images/cert-sidebar.png') no-repeat center bottom}
#content .sidebar.arma{margin-top:47px}
#content .sidebar.arma .price a{width:135px}
#content .sidebar.about{width:207px}
#content .sidebar.about img{display:block; margin:0 auto}
#content .sidebar.about p{font-size:12px; line-height:1.3; margin:20px 0}
#content .sidebar.main{margin-right:50px}
#content .price{width:170px; text-align:center}
#content .price .name{display:block; font-size:15px}
#content .price .update{display:block; font-size:12px; color:#656565; margin:10px 0 15px}
#content .price a{display:inline-block; font-size:12px}
#content .price a .image{display:block; width:65px; height:95px; margin:0 auto; background:url('images/price.png') no-repeat}
#content .price.excel a .image{background-position:0 0}
#content .price.pdf a .image{background-position:-130px 0}
#content .price.word a .image{background-position:-65px 0}
#content .price.file a .image{background:url('images/file.png') no-repeat 0 0}
#content .price.type2 a{text-decoration:none}
#content .price.type2 a .image{height:91px}
#content .price.type2 a .info{color:#656565}
#content .price.type2 a .link{display:block; font-size:14px; text-align:left; text-decoration:underline; line-height:1.2; width:150px; margin-top:13px}
#content{color:#656565}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{color:#1b1b25}
#content .text{line-height:1.45; position:relative; z-index:10}
#content .text ul, #content .text ol{margin: 10px 0 15px 15px}
#content .text li{margin: 0 0 5px 15px}
#content .text.main{max-width:720px; padding:13px 0 0 15px}
#content .text.main h1{font-size:26px; margin-bottom:15px; font-weight:normal}
#content .text.default{max-width: 1200px; margin-top:-15px}
#content .text.prices{width:750px}
#content .text.prices .prices-all{font-size:0}
#content .text.prices .prices-all .price{display:inline-block; margin:20px 120px 10px 0; vertical-align:top}
#content .text.prices .prices-all .price.third{margin-right:0}
#content .text.prices .prices-all .price .update{margin:3px 0 13px}
#content .text.mans{padding:0 20px 43px; font-size:0}
#content .text.mans .price{display:inline-block; vertical-align:top; width:313px; margin:20px 0 10px}
#content .text.mans .price .link{width:90%; margin:13px auto 0}
#content .text.contacts{max-width:520px; min-height:220px}
#content .feedback{width:381px; position:absolute; top:-200px; right:45px; z-index:8; padding-top:11px; background:url('images/feedback.png') no-repeat 0 0}
#content .feedback .thankyou{padding:1px 15px; background:url('images/feedback.png') repeat-y -381px 0}
#content .feedback .errors{margin-top:15px; font-size:13px; color:#d83131}
#content .feedback .errors strong{color:#000}
#content .feedback form{padding:1px 21px; width:339px; background:url('images/feedback.png') repeat-y -381px 0}
#content .feedback label p{color:#0a0909; margin:18px 0 2px}
#content .feedback label input[type="text"], #content .feedback label input[type="tel"], #content .feedback label input[type="email"]{border:1px solid #dcdcdc; padding:0 5px; line-height:27px; height:27px; width:327px}
#content .feedback label textarea{border:1px solid #dcdcdc; padding:0 5px; line-height:18px; height:137px; width:327px; overflow:hidden; resize:none; font-family:Arial}
#content .feedback input[type="submit"]{width:129px; height:41px; font-size:0; border:0; padding:0; margin-top:8px; cursor:pointer; background:url('images/call.png') no-repeat 0 -68px}
#content .feedback input[type="submit"]:hover{background-position:0 -109px}
#content .feedback .bottom{margin-bottom:-11px; height:11px; background:url('images/feedback.png') no-repeat -762px 0}

#footer{margin-top:auto; font-family:Trebuchet MS; padding:16px 8px 12px; height:51px; font-size:13px; color:#95a6b0; position:relative}
#footer::before{content:''; position:absolute; left:50%; margin-left:-50vw; width:100vw; background:#1B1B25; z-index:-1; top:0; bottom:0}
#footer a{color:#fff}
#footer a:hover{color:#f7cc05}
#footer .company{float:left; margin-left:13px; line-height:1.3; font-size:12px}
#footer .developer{display:none}
#footer .contacts{width:235px; margin-left:300px; font-size:12px; line-height:1.3}

.main-sections{display:flex; flex-wrap:wrap; justify-content:space-between; gap:24px; width:100%; margin:2em 0}
.main-section{text-align:center; display:flex; flex-direction:column; align-items:center; width:calc(25% - 18px); min-width:160px; padding:0; text-decoration:none; color:#1B1B25; transition:color .2s}
.main-section:hover{color:#c40000}
.main-section:hover .main-section-title{color:#c40000}
.main-section-img{background-position:center; display:block; margin:0 auto; background-size:cover; width:140px; height:140px; border-radius:8px; flex-shrink:0; object-fit:cover}
.main-section-title{margin-top:1em; font-size:14px; font-family:Roboto,sans-serif; font-weight:500; line-height:1.3; color:#1b1b25}


.catalog-img {
    float:left; 
    max-width:150px; 
    height:auto;
    margin-right:15px;
}
.catalog-text{max-width:1200px}
.catalog-text.full{float:none; width:100%}

.catalog-list{}
.catalog-list-item{margin:1em 0}
.catalog-list-item-title{}

.catalog-items{}
.catalog-items-table{width:100%}
.catalog-item td, .catalog-item th{vertical-align:middle!important}
.catalog-item-img{max-height:100px; width:auto; max-width:200px}
.catalog-item-img-cell{text-align:center}
.catalog-item-buy{background:#ff6700; display:inline-block; color:#fff!important; text-decoration:none; padding:8px 16px; border-radius:6px; box-shadow:0 0 1px rgba(0,0,0,.5)}
.catalog-item-buy-cell{text-align:center}

.table{margin-top:30px}
.table th{background:#cddde9}
.table th, .table td{vertical-align:top; padding:5px 10px; border:1px solid}
.table td p{margin:0}

.call-email{font-size:18px}
.call-email-link{display:inline-block; position:relative; padding-left:31px; color:#3083C9}
.call-email-link:before{content:''; width:20px; height:16px; position:absolute; left:0; top:50%; transform:translateY(-50%); background:url(/images/email.png) no-repeat center; background-size:contain}
.call-phones{font-size:18px; color:#656565}
.call-phones a{color:inherit; text-decoration:none}

.header_scroll{visibility:hidden; position:fixed; top:0; left:0; right:0; width:100%; z-index:999; padding:6px 20px; background:#fff; box-shadow:0 4px 4px rgba(0,0,0,.25)}
.header_scroll-row{justify-content:space-between; display:flex; align-items:center; max-width:1200px; margin:0 auto}
.header_scroll-logo{width:271px}
.header_scroll-email{padding:0 10px; width:190px}
.header_scroll-phones{padding:0 10px; width:170px}
.header_scroll-btn{min-width:156px}
#header .call-email-link, .header_scroll .call-email-link{color:#c40000}
#header .call-email-link:hover, .header_scroll .call-email-link:hover{color:#a00000; text-decoration:underline}
#header .call-email-link:before, .header_scroll .call-email-link:before{background-color:#c40000; background-image:none; -webkit-mask:url(/images/email.png) no-repeat center; mask:url(/images/email.png) no-repeat center; -webkit-mask-size:contain; mask-size:contain}
#header .call-email-link:hover:before, .header_scroll .call-email-link:hover:before{background-color:#a00000}

.share{background:#fff; padding:15px; text-align:center; color:#1b1b25}
.share-title{margin-bottom:1em; color:#1b1b25}

.slide_important{background:url(/images/slide.jpg) no-repeat center; background-size:cover; text-align:center; color:#fff; right:0; padding-top:39px; padding-bottom:35px; min-height:calc(100% - 39px - 35px); line-height:1.4}
.slide_important-title{font-size:24px; font-weight:700; margin-bottom:1em}
.slide_important-title-accient{color:#FFB912}
.slide_important-items{display:flex; flex-wrap:wrap; max-width:520px; margin:0 auto; font-size:18px; text-align:left; justify-content:center}
.slide_important-item{display:block; list-style-type:none; background:rgba(0,0,0,.5); border-left:5px solid #FFB912; padding:12px 10px; margin:15px; min-width:204px}
.slide_important-btn{margin-top:15px}
.slide_important-btn-self{display:inline-block; border:1px solid #616161; background:#333; color:#fff; border-radius:5px; font-size:16px; padding:2.5px 28px; text-decoration:none}

.metrika{display:none}

@media (min-width:1001px)
{
	.top_hide{visibility:hidden}
	.header_scroll_show{visibility:visible}

	#top-content .image.arma,
	#top-content .image.cabel {
		background-size: 100% auto;
		background-position: left top;
		height: 132px;
	}
}

.default ul li {
    margin-bottom: 20px;
}

.b-poplight {
    display: none;
    width: 30px;
}

.b-poplight img {
    width: 30px;
}

.b-panel__menuToggle {
    display: none;
}

.fas {
    font-size: 30px;
}

.block {
    display: none;
}

.address {
    display: none;
}

@media screen and (max-width: 1000px) {
	
	#shadow-line{display:none}
	
	.share{background:#fff}
	
	.metrika{display:none}

	#container {
		max-width: 100%;
		width: 100%;
		overflow-x: hidden;
		box-sizing: border-box;
	}
	#slider-wrap,
	#slider {
		width: 100%;
		max-width: 100%;
		overflow: hidden;
	}
	.slide {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: 45px 15px;
	}
	.slide .image {
		width: 100%;
		max-width: 200px;
		position: relative;
		left: auto;
		top: auto;
		margin: 0 auto 15px;
	}
	.slide .text-block {
		margin: 0;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}
	.slide .text-block .text {
		height: auto;
	}
	.main-sections {
		padding: 0;
		box-sizing: border-box;
	}
	.main-section {
		width: calc(50% - 12px);
		min-width: 0;
	}
	.main-section-img {
		width: 100px;
		height: 100px;
	}
	.slide_important {
		padding: 20px 15px;
	}
	.slide_important-items {
		max-width: 100%;
	}
	.slide_important-item {
		min-width: 0;
		flex: 1 1 140px;
	}
	.main-popular {
		padding: 0;
		box-sizing: border-box;
	}
	.main-popular .owl-carousel {
		width: 100% !important;
		padding: 0 40px;
		box-sizing: border-box;
	}
	#content .text.main,
	.main-sections + .text {
		padding-left: 15px;
		padding-right: 15px;
		box-sizing: border-box;
	}
	
	#header .top .button {
        right: 0;
        width: 100%;
		bottom:-17px;
		display:none
    }

    .b-panel__menuToggle {
        display: block;
        float: right;

    }

    .b-poplight_none {
        display: none;
    }

    .b-poplight {
        display: block;
    }
	
    #header .top .logo img {
        margin: auto;
        display: block;
		max-height:40px
    }

    #header .top .call {
        width: auto;
        margin: 0;
       /* margin-right: 260px; */
    }

    #header .top .call a .arrow {
        display:none; 
    }
  

    #content {
        background: none;
        background-color: #fff;
    }

 

    #header .menu {
        display: none;
    }
	
	.b-top{padding:10px 15px}

    #header .top {
        background:#fff;
        padding: 0;
		position:fixed;
		top:0;
		left:0;
		right:0;
		z-index:999;
		box-shadow:0 0 10px rgba(0,0,0,.1);
    }

    .short, .call-email, .call-phones {
        display: none;
    }

    #slider-wrap {
        padding: 0;
    }

    #top-content {
        background: none;
        background-color: #fff;
        padding-top: 30px;
        padding-left: 0;
        padding-right: 0;
    }

    #content.full {
        padding: 0;
    }
  

    #content.full .docs .docs-top .docs-bottom .text {
        padding: 30px 12px 20px 12px;
        width: auto;
        float: none;
    }

    #content.full .docs .docs-top .docs-bottom  {
        max-width: 1200px;
        display: flex;
        flex-wrap: wrap;
    }

    #content.full .docs .docs-top .docs-bottom .docs-list {
        margin-left: 0;
        margin: auto;
    }

    #content.full .docs .docs-top .docs-bottom .docs-list .price {
        border: none;
    }

    #content.full .docs .docs-top .docs-bottom .docs-list .price.third  {
        border: none;
    }
    
    #content.full .docs {
        max-width: 1200px;
    }

    #content .price.type2 a .link {
        text-align: center;
    }

    h1 {
        padding:0 15px;
}
    
    h2 {
        font-size: 16px;
        line-height: 31px;
        margin-top: 20px;

    }

    .mans-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    
    #content .text.mans .price  {
        display: block;
    }

    #top-content .image.contacts .arrow {
        width: 100%;
    }

    .b-content .image.contacts {
        padding: 0;
        height: 240px;
        width: 100%;
    }

    #top-content .breadcrumbs {
        padding: 0 10px
    }

    /* cover + чуть меньше: уменьшаем высоту контейнера — cover покажет больше изображения */
    #top-content .image.arma,
    #top-content .image.cabel {
        background-position: left top;
        background-size: cover;
        height: 95px;
    }

}

@media screen and (max-width: 835px) {



    #footer {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        justify-content: space-between;
    }

    #footer {
        padding: 16px 10px 12px; 
        background: #1B1B25;
        height: fit-content;
        font-size:13px; 
        color:#95a6b0
    }

    #footer .contacts {
        margin: 0;
    }

    #content .text.main {
        padding: 13px 0 0 0px;
    }

    .main-sections {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-content: space-between;
        max-width: 1200px;
        height: auto;
    }

    .main-section {
        width: 100px;
        margin-bottom: 40px;
    }

    #content {
        padding: 20px 15px 5px 15px;
        max-width: 1200px;
    }


    .b-content {
        margin: auto;
        max-width: 1200px;
        display: flex;
        /* flex-direction: column-reverse; */
        flex-direction: column;
        align-items: center;
    }

    .b-content .image.contacts {
        margin-bottom: 30px;
    }

    #content .text.contacts {
        max-width: 350px;
        margin: auto;
        text-align: center;
        margin-bottom: 20px;
    }

    #content .feedback {
        position: inherit;
        margin-bottom: 20px;
        padding-right: 10px;
    }

    #content .feedback label input[type="text"], #content .feedback label input[type="tel"], #content .feedback label input[type="email"] {
        width: auto;
        width: 100%;
    }

    #content .feedback label textarea  {
        width: auto;
        width: 100%;
    } 

    .b-price {
        overflow-x: auto
    }

    .b_catalog-text {
        
    }

    .catalog-items {
        overflow-x: auto
    }

    .b-popup_block {
        overflow: auto;
    }

    .none {
        display: none;
    }

    .block {
        display: block;
    }

    .address {
        display: block;
    }

}

@media screen and (max-width: 812px) {

    /* .overlay-content {
        position: relative;
        top: 45px;
        width: 100%; 
        text-align: left; 
        margin: 0; 
    } */

    .overlay .closebtn {
        top: 20px;
        right: 35px;
    }

}



@media screen and (max-width: 768px) {

    /* .overlay-content {
        position: relative;
        top: 70px; 
        width: 100%;
        text-align: left; 
        margin: 0; 
    } */

    .overlay a {
        font-size: 18px;
    }

}

@media screen and (max-width: 736px) {

    /* .overlay-content {
        position: relative;
        top: 10%; 
        width: 100%;
        text-align: left; 
        margin: 0; 
    } */
}

@media screen and (max-width: 720px) {

    .b_catalog-text table {
        display: none;
    }



}

@media screen and (max-width: 695px) {

    #content.full .docs .docs-top .docs-bottom .docs-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

}

@media screen and (max-width: 670px) {

    .slide .image {
        display: none;
    }

    .slide .text-block  {
        text-align: center;
    }

    .slide .text-block  {
        margin: 0;
    }

    .slide {
        padding-left: 15px;
        padding-right: 15px;
    }






}

@media screen and (max-width: 645px) {

    /* #header .top .call {
        width: 0;
        margin: 0;
       margin-left: 100px;
    } */
	
	.slide_important-title{font-size:18px}
	.slide_important-items{font-size:16px}
	.slide_important-btn{margin-top:5px}

}

@media screen and (max-width: 580px) {



    /* #header .top .logo {
        margin-left: 80px; 
    } */
    
    .overlay a {
        font-size: 25px;
    }
/* 
    .overlay-content {
        position: relative;
        top: 15%; 
        width: 100%;
        text-align: left; 
        margin: 0; 
    } */

}

@media screen and (max-width: 552px) {
    /* #header .top .logo {
        margin-left: 125px;
    } */

    .logo img {
        width: 80%;
    }

    /* #header .top .call {
        width: 0;
        margin: 0;
       margin-left: 30px;
    } */
}

@media screen and (max-width: 530px) {

    .popup-form .buy {
        color:#050504; 
        font-size:20px;
        margin-bottom: 5px;
    }

.popup-form form {
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-left: 0px;
    margin-right:0
}

.popup-form .errors {
    max-width:340px; 
    font-size:13px; 
    color:#d83131;
}

.popup-form .errors strong {
    color:#000;
}

.popup-form label p {
    color:#0a0909; 
    margin:5px 0 1px;
}

.popup-form label input[type="text"], .popup-form label input[type="tel"], .popup-form label input[type="email"] {
    border:1px solid #dcdcdc; 
    padding:0 5px; 
    line-height:27px; 
    height:27px; 
    width:100%;
}

.popup-form label textarea {
    height:80px; 
    width:100%; 
}

.popup-form input[type="submit"] {
    max-width:350px; 
    height:41px; 
    font-size:0; 
    border:0; 
    margin: 8px 0 0 0px;
    padding:0; 
    cursor:pointer; 
    background:url('images/call.png') no-repeat 0 -68px;
}

.popup-form input[type="submit"]:hover {
    background-position:0 -109px;
}




.popup-contacts .phones {
    padding-left: 15px;
    padding-right: 15px;
}



.popup-contacts .address{
    border-bottom:1px solid #c3c3c3; 
    padding-bottom:10px;
     margin-bottom:20px;
     padding-right: 15px;
     padding-left: 15px;
}

.email {
    padding-left: 15px;
    padding-right: 15px;
}

}

.item{}
.item-section{padding-bottom:40px}
.item-top{display:flex; flex-wrap:wrap; margin-left:-1%; margin-right:-1%}
.item-img{padding:0 1%; flex: 0 0 auto; width:auto; margin-bottom:20px}
.item-img-inner{border:1px solid #d9d9d9; width:330px; max-width:40vw}
.item-img-self{max-width:100%; height:auto; display:block; margin:0 auto}
.item-action{padding:0 1%; flex-basis:0; flex-grow:1; max-width:100%}
.item-action-info{margin-bottom:20px}
.item-price{font-weight:700; font-size:150%; margin-bottom:20px}
.item-order{margin-bottom:20px}
.item-order-btn{background:#ff6700; display:inline-block; color:#fff!important; text-decoration:none; padding:.75em 2em; font-size:125%; border-radius:.5em; font-weight:700}
.item-available{margin-bottom:20px; color:#390; font-size:86%}
.item-available:before{content:''; margin-right:6px; width:14px; height:12px; display:inline-block; vertical-align:middle; background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNy4wOTggMTcuMDk4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNy4wOTggMTcuMDk4Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMzMzk5MDAiIGQ9Im0xNS43OSwxLjcxNmwtMTAuNzA0LDExLjk2Ni0zLjcyNS01LjI0OGMtMC4yMzctMC4zMzgtMC43MDgtMC40MTgtMS4wNDUtMC4xNzgtMC4zMzgsMC4yNC0wLjQxOCwwLjcwOC0wLjE3OCwxLjA0Nmw0LjI2OSw2LjAxNWMwLjEzMiwwLjE4NiAwLjM0MiwwLjMwMiAwLjU2OSwwLjMxNSAwLjAxNCwwIDAuMDI4LDAuMDAxIDAuMDQyLDAuMDAxIDAuMjEzLDAgMC40MTYtMC4wOSAwLjU1OS0wLjI1bDExLjMzLTEyLjY2N2MwLjI3Ni0wLjMwOSAwLjI1LTAuNzgzLTAuMDU5LTEuMDU5LTAuMzA5LTAuMjc2LTAuNzgzLTAuMjUxLTEuMDU4LDAuMDU5eiIvPjwvc3ZnPg==) 50%/contain no-repeat}
.item-tabs-list{display:flex; flex-wrap:wrap; margin:-2px}
.item-tabs-list-item{display:block; padding:0 2px; margin:2px 0}
.item-tabs-list-item-link{display:block; color:#ff6700; padding:.75em 1.5em; border-radius:.33em; border:1px solid; position:relative}
.item-tabs-list-item-link:hover, .item-tabs-list-item-link.show{text-decoration:none}
.item-tabs-list-item-link.show{font-weight:700; color:#fff; background:#ff6700; border-color:#ff6700}
.item-tabs-list-item-link.show:after{content:''; position:absolute; left:50%; transform:translate(-50%, 1px); top:100%; border:.4em solid #ff6700; border-bottom:none; border-left-color:transparent; border-right-color:transparent}
.item-tabs-content{padding-top:20px}
.item-tab{display:none}
.item-tab.show{display:block}
.item-similar{}
.item-similar-title{text-align:center; font-size:150%; font-weight:700; margin-bottom:15px}
.item-similar-inner{display:flex; flex-wrap:wrap; margin-left:-1%; margin-right:-1%}
.item-similar-item{width:23%; margin:1%; padding:1%; text-align:center; border:1px solid #d9d9d9; box-sizing:border-box}
.item-similar-item-img{margin-bottom:10px; position:relative; padding-bottom:100%}
.item-similar-item-img-link{position:absolute; top:0; left:0; height:100%; width:100%; display:flex; align-items:center; justify-content:center}
.item-similar-item-img-self{max-width:100%; height:auto; display:block}
.item-similar-item-title{font-weight:700; margin-bottom:10px}
.item-similar-item-price{font-size:86%}

.main-popular{margin:3em 0}
.main-popular-title{margin-bottom:1em; font-family:Roboto,sans-serif}
.main-popular-item{text-align:center; display:flex; flex-direction:column; align-items:center; padding:0; color:#1B1B25; transition:color .2s}
.main-popular-item:hover .main-popular-item-title a{color:#c40000}
.main-popular-item-img{position:relative; width:140px; height:140px; overflow:hidden; border-radius:8px}
.main-popular-item-img-link{position:absolute; top:0; left:0; height:100%; width:100%; display:flex; align-items:center; justify-content:center}
.main-popular-item-img-self{width:140px; height:140px; object-fit:cover; display:block}
.main-popular-item-title{font-size:14px; margin-top:1em; font-family:Roboto,sans-serif; font-weight:500; line-height:1.3}
.main-popular-item-title a{color:#1b1b25; text-decoration:none; transition:color .2s}
.owl-carousel.owl-loaded.owl-drag{width:100%; box-sizing:border-box}
.main-popular .owl-carousel{padding:0 30px; width:100%; box-sizing:border-box}
.main-popular .owl-item.active{background-color:transparent; color:inherit}
.main-popular .owl-carousel .owl-nav button.owl-next, .main-popular .owl-carousel .owl-nav button.owl-prev{width:29px; height:29px; position:absolute; top:50%; margin-top:-15px; background:url(/images/arrows.svg) 0 0 no-repeat}
.main-popular .owl-carousel .owl-nav button.owl-next span, .main-popular .owl-carousel .owl-nav button.owl-prev span{display:none}
.main-popular .owl-carousel .owl-nav button.owl-prev{background-position:3px -20px; left:0}
.main-popular .owl-carousel .owl-nav button.owl-next{background-position:-72px -20px; right:0}
.main-popular .owl-carousel .owl-nav button.owl-prev:hover{background-position:3px 4px; filter:invert(12%) sepia(98%) saturate(7000%) hue-rotate(350deg) brightness(0.82)}
.main-popular .owl-carousel .owl-nav button.owl-next:hover{background-position:-71px 4px; filter:invert(12%) sepia(98%) saturate(7000%) hue-rotate(350deg) brightness(0.82)}

.jot-controls textarea, .jot-controls input{max-width:calc(100% - 8px)}
.jot-form-wrap{max-width:100%}
.jot-input-prepend{margin-bottom:6px}

@media (max-width:575px)
{
	.item-similar-item{width:48%}
}

@media screen and (max-width: 552px) {

    /* #header .top .logo {
        margin-left: 100px;
    } */

    .logo img {
        width: 200px;
    }

    /* #header .top .call {
        width: 0;
        margin: 0;
       margin-left: 70px;
    } */


    /* .overlay-content {
        position: relative;
        top: 45px;
        width: 100%;
        text-align: left;
        margin: 0;
    } */

}

@media screen and (max-width: 505px) {

    .overlay a {
        font-size: 15px;
    }

    .popup-contacts .phones .marginleft {
        margin-left: 30px;
    }
}

@media screen and (max-width: 470px) {

    /* #header .top .logo {
        margin-left: 100px;
    } */

    /*.logo img {
        width: 200px;
    }*/

    /* #header .top .call {
        width: 0;
        margin: 0;
       margin-left: 50px;
    } */
	
	.popup_block{width:95%}

}

@media screen and (max-width: 450px) {

    /* #header .top .logo {
        margin-left: 75px;
    } */

    /* #header .top .call {
        width: 0;
        margin: 0;
       margin-left: 40px;
    } */



}

@media screen and (max-height: 900px) {
    .overlay a {
        font-size: 15px;
    }
    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }

}

@media screen and (max-width: 430px) {

    /* #header .top .logo {
        margin-left: 60px;
    } */

    /* #header .top .call {
        width: 0;
        margin: 0;
       margin-left: 30px;
    } */

}



@media screen and (max-width: 420px) {

    #content .sidebar {
        float: none;
    }

    #content .text ul, #content .text ol {
        margin: 10px 0 15px 0px;
    }



}

@media screen and (max-width: 400px) {

    #content .feedback {
       width: 100%;
       background: none;
       -webkit-box-shadow: 0px 0px 4px 3px rgba(48, 50, 50, 0.25);
       -moz-box-shadow:    0px 0px 4px 3px rgba(48, 50, 50, 0.25);
       box-shadow:         0px 0px 4px 3px rgba(48, 50, 50, 0.25);
       padding-bottom: 20px;
    }

    #content .feedback .bottom {
        background: none;
    }

     #content .feedback form {
       width: auto;
       background: none;
    }

    #content .feedback label input[type="text"], #content .feedback label input[type="tel"], #content .feedback label input[type="email"] {
    
        width: 100%;
    }

    #content .feedback label textarea  {
    
        width: 100%;
    } 



}

@media screen and (max-width: 380px) {



    /* #header .top .logo {
        margin-left: 30px;
    }

    #header .top .call {
        width: 0;
        margin: 0;
       margin-left: 20px;
    } */


}

@media screen and (max-width: 360px) {

    #slider {
        height: 360px;
    }

    .overlay a {
        font-size: 15px;
    }

}

@media screen and (max-width: 380px) {

    /* #header .top .logo {
        margin-left: 20px;
    }

    #header .top .call {
        width: 0;
        margin: 0;
       margin-left: 10px;
    } */

}

@media screen and (max-width: 330px) {




    /* #header .top .logo {
        margin-left: 10px;
    }

    #header .top .call {
        width: 0;
        margin: 0;
       margin-left: 0px;
    } */
    /* #header .top .logo img {
        padding-right: 20px;
    } */
}

/* === Виджет Venyoo (чат) — leadia_widget ===
   Элемент создаётся скриптом api.venyoo.ru, inline-стили переопределяем через !important
   Градиенты убираем через background-image: none */
#leadia-widget,
.leadia_widget {
    background-color: #c40000 !important;
    background-image: none !important;
}
#leadia-widget::before,
#leadia-widget::after,
.leadia_widget::before,
.leadia_widget::after {
    background: #c40000 !important;
    background-image: none !important;
}
#leadia-widget:hover,
.leadia_widget:hover,
.leadia_widget_hover {
    background-color: #a00000 !important;
    background-image: none !important;
}
#leadia-widget:hover::before,
#leadia-widget:hover::after,
.leadia_widget:hover::before,
.leadia_widget:hover::after {
    background: #a00000 !important;
    background-image: none !important;
}
.leadia_widget_send {
    background-color: #c40000 !important;
    background-image: none !important;
    border-color: #c40000 !important;
    color: #fff !important;
}
.leadia_widget_send::before,
.leadia_widget_send::after {
    background: #c40000 !important;
    background-image: none !important;
}
.leadia_widget_send:hover {
    background-color: #a00000 !important;
    background-image: none !important;
    border-color: #a00000 !important;
}
.leadia_widget_send:hover::before,
.leadia_widget_send:hover::after {
    background: #a00000 !important;
    background-image: none !important;
}
.leadia_widget_order_btn,
#leadia_widget_callform_sendrequest {
    background-color: #c40000 !important;
    background-image: none !important;
    border-color: #c40000 !important;
    color: #fff !important;
}
.leadia_widget_order_btn::before,
.leadia_widget_order_btn::after,
#leadia_widget_callform_sendrequest::before,
#leadia_widget_callform_sendrequest::after {
    background: #c40000 !important;
    background-image: none !important;
}
.leadia_widget_order_btn:hover,
#leadia_widget_callform_sendrequest:hover {
    background-color: #a00000 !important;
    background-image: none !important;
    border-color: #a00000 !important;
}
.leadia_widget_order_btn:hover::before,
.leadia_widget_order_btn:hover::after,
#leadia_widget_callform_sendrequest:hover::before,
#leadia_widget_callform_sendrequest:hover::after {
    background: #a00000 !important;
    background-image: none !important;
}