ul, ol { padding: 0;  margin: 0 0 10.5px 0px;}
.textpage ul, ol { margin: 0 0 10.5px 20px;} 
h1{font-size: 26.5px; line-height: 32px;}
h4 { color: #3b4141; font: bold 16px / 20px 'Roboto'; text-transform: none;}
.row{ margin-left: 0px;}
.redsm{color: #a65047; font-size:12px; margin:5px 0 0 0;}
.inline{display:inline-block; margin:0 10px 0 0;}
footer h3{color: #cecccc;}
.thumb-pad1 .thumbnail{max-width:450px; display:inline-block; margin-right:20px;}
.thumb-pad1 figure{float:none;}
.thumb-pad1 .caption{display:inline-block; width: calc(100% - 480px); vertical-align:top;}
.list7 .thumb-pad1 figure{margin-right:0px;}
.list6 li figure{text-align:center;}
.list6 li figure.img-polaroid img{max-height: 266px;}
.list6 li figure img{width:auto;}

.list7 .prod-content li{margin-bottom: 5px; margin-left:20px; list-style-type:disc;}

.slide-pam{background: #434240; color: #cecccc; text-align:center;}
.slide-pam-img{}
.slide-pam-name{text-align:center; color: #cecccc; font-size: 16px; margin: 5px 0 0px 0;}
.slide-pam-name a{color: #cecccc;}
slide-pam-name a:hover{color: #cecccc;}
.btn.btn-link.slide-pam-price{color: #cecccc; text-align:center; margin: 0 0 5px 0;}
a.btn.btn-link.slide-pam-price:hover{color: #cecccc;}

.prefoot-box{padding-top: 95px;}
.form-title1{color: #3b4141; font: 22px / 28px 'Roboto';}
.form-title2{color: #3b4141; font: 18px / 24px 'Roboto'; margin-top:5px;}
.form-title2 span{color: #a65047; font: 32px / 38px 'Roboto';}

.prefoot-form{margin:30px 0 10px 0;}
.prefoot-form input.form-input{width:30%; display:inline-block; margin:0 1% 10px 0; height:50px; padding: 0px 6px;}
.prefoot-form .form-send{height:50px; padding: 0px 25px; margin:0 0 10px 0;}

.head-tel-block{float:right;}
.head-tel{float:right; /*margin-top: 40px;*/ padding: 26px 17px 17px 17px;
    font-size: 14px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #dddddd;
    font-weight: 700;
    text-transform: uppercase;}
.callback{float:right; padding: 21px 17px 0px 0px;}
.top-header{border-bottom: 1px solid #1c1c1b;}

.popup .title{text-align: center; font-size: 26px; margin: 10px 0 10px 0;}
input.form-input{padding: 15px 6px; display:block; margin-right:0px; width:100%;}
input.form-send{}

.policy.checkbox_wrap{font-size:12px;}
.policy.checkbox_wrap label{display: inline-block; top: -4px; position: relative;}
/*.main-content li{margin-left:20px;}*/
.cont-text{margin-bottom:50px;}
.cont-text ul, .cont-text ol{margin-left:20px;}

.chackbox-calc{display:inline-block; margin:0px 0.5% 10px 0.5%; width:48%}
.chackbox-calc input{display:inline-block; margin:0 5px 0 0;}
.chackbox-calc label{display:inline-block; margin-bottom:0;}
.main-page-cat-title{float:left;     color: #3b4141;
    font: 31px / 37px 'Roboto';
    margin: -6px 0 22px 0;
    letter-spacing: 0;}

.caption select{width:auto;}
.examles{margin-top:15px;}
.examles img.exampleimg1, .examles img.exampleimg2{display:inline-block; width:48%; margin-top:5px; margin-bottom:5px;}
.exampleimg1{margin-right:1.5%}
.exampleimg2{}

.selectlink {			
	position: relative;
	display: inline-block;
	width: 200px;
	width: 185px;
font-size:13px;
	text-align: left;
	margin: 10px 5px 10px 0;
}
.selectlink-control, .selectlink-controla {
	position: relative;
	/*padding: 10px 15px;*/
	padding: 10px 7px;

	border: 1px solid #dcdfe6;
	border-radius: 4px;
	background: #fff;
	cursor: pointer;
}	
.selectlink-control:after, .selectlink-controla:after {
	content: '';
	border: 5px solid transparent;
	border-top: 5px solid #999;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -3px;
}
.selectlink ul {
	display: none;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	max-height: 200px;
	position: absolute;
	top: 100%;
	left: 0px; 
	border: 1px solid #dadada;
	border-top: none;
	background: #fff;
	z-index: 9999;
	overflow: auto;
	user-select: none;
}	
.selectlink li {
	display: block;
	margin: 0;
	padding: 0;
}
.selectlink li a {
	position: relative;
	display: block;
	margin: 0;
	padding: 4px 6px 4px 15px;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.1;
	cursor: pointer;
	text-decoration: none;
	color: #333;
}			
.selectlink li a:hover {
	background: #03a2ff;
	color: #fff;
}
.prod-price{font-size:24px; font-weight:bold; margin-bottom:20px;}
.prod-price span{color:#a65047;}
.prod-size-block .size-col{display:inline-block; width:32%; padding:3px;}
.size-col-top{font-weight:bold;}
.size-col-top:after {
    width: 100%;
    content: '';

    display: block;
/*    position: absolute;*/
    left: 0;
    bottom: 5px;
    border-top: 1px dotted #2E2E2E;
    height: 1px;
    opacity: .4;
}
.clear{clear:both;}
.size-col:first-child{}
.size-col:nth-child(2) {}
.size-col:after:nth-child(3){}
.prod-content-title{font-size:16px; margin:20px 0 10px 0; margin: 5px 0 5px 0; font-weight:bold;}
.prod-content-desc{font-size:16px; margin:20px 0 10px 0; margin: 0px 0 10px 0; font-weight:normal;}
.prod-content-title-main{font-size:20px; font-weight:bold;}
 
.parameter-item {
    display: flex;
    position: relative;
    margin-top: 6px;
max-width: 500px;
}
.parameter-item .val {
    position: relative;
    z-index: 2;
    padding-right: 6px;
    color: rgba(0,0,0,.65);
background: #f9f7f5;
}
.parameter-item .lev {
    position: relative;
    z-index: 2;
    padding-left: 7px;
/*    background: #fff;*/
background: #f9f7f5;
}
.parameter-item .lev {
    margin-left: auto;

}

.parameter-item:after {
    width: 100%;
    content: '';

    display: block;
    position: absolute;
    left: 0;
    bottom: 5px;
    border-top: 1px dotted #2E2E2E;
    height: 1px;
    opacity: .4;
}

.kladb-submenu{background: #edeae3 url(../img/cont_bg.png) 0 top repeat-x; /*width:100%;*/ padding:50px;}
.category-list{  column-count: 3; min-height: 100px;}
.category-list li {page-break-inside: avoid; break-inside: avoid; color: #00a1cb; margin:2px 20px 2px 0;}
.category-list li a{color: #00a1cb;}
.category-list li a:hover{text-decoration:underline; }

.calc-input{margin: 20px 20px 0 0;}
.calc-send{margin: 10px 0px 0 0;}

article.span12 p span{color: #646464;}
article.span12 h2{margin: 10px 0 5px 0; font: 22px / 30px 'Roboto';}

.specialBox ul{ margin-left:20px;}

@media screen and (max-width: 700px) {
.body_pointer {cursor: pointer; }
.kladb-submenu{padding:15px; width:auto;}
.category-list{  column-count: 1; min-height: 100%;}
.category-list li{margin:2px 0 2px 0;}
h1 {font-size: 28.5px; line-height: 36px;}

.prefoot-form input.form-input{width:96%; display:inline-block; margin:0 0% 10px 0; height:50px; padding: 0px 6px;}
.prefoot-form .form-send{height:50px; padding: 0px 25px; margin:0 0 10px 0;}

}

@media (min-width: 1200px){
[class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 0px;
/*margin-right:30px;*/
margin-right:22px;

}
}


/*Скрытие текста*/

.text_hide_wrap {
    /*max-width: 700px;*/
}

.item_text {
    width: 100%;
    padding: 20px;
}

.item_text p {
    margin-bottom: 20px;
}

.io_item {
    width: 100%;
    padding-bottom: 20px;
}

.io_button_wrap {
    text-align: left;
    margin-top: 10px;
}

.io_button {
    display: inline-block;
/*    border: 1px solid #f00;*/
    width: auto;
    padding: 0 20px;
    line-height: 32px;
    vertical-align: top;
text-transform: inherit;
    color: #f00 !important;
    font-size: 10pt;
    border-radius: 22px;
    cursor: pointer;
}

a.io_button:hover {
    text-decoration: none;
}

.io_item .btn_close {
    display: none;
}

.io_item .btn_open {
    display: inline-block;
}

.io_item.open .btn_close {
    display: inline-block;
}

.io_item.open .btn_open {
    display: none;
}

.io_trans {
    width: inherit;
    position: absolute;
    height: 80px;
    bottom: 0;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(249, 247, 245, 0) 0%, rgba(249, 247, 245, 1) 100%);
    transition: 1s;
}

.io_item.open .io_trans {
    height: 0;
    transition: 1s;
}

.io_item_wrap {
    position: relative;
    overflow: hidden;
    max-height: 100px;
    width: inherit;
    transition: max-height 0.5;
}
.io_item.open .io_item_wrap {
    max-height: 999px !important;
    transition: max-height 1s;
}

.io_button.btn_open .icon-chevron-right{ transform: rotate(90deg); padding-left: 3px; margin-left:10px;}
.io_button.btn_close .icon-chevron-right{ transform: rotate(-90deg); padding-left: 3px; margin-left:10px;}

/*Скрытие текста*/


/*Обработка всплывашки про куки*/

.cookie-notice {
    position: fixed;
    bottom: -100px; 
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
    padding: 15px;
    z-index: 9999;
    transition: bottom 0.3s ease-in-out;
}

.cookie-notice.show {
    bottom: 0;
}

.cookie-notice {
    transform: translateY(100%);
    transition: transform 0.3s ease-in-out;
    z-index: 9999999999;
}

.cookie-notice.show {
    transform: translateY(0);
}

.cookie-notice__content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.cookie-notice__content a{color:#fff; text-decoration:underline;}
.cookie-notice__content a:hover{color:#fff; text-decoration:none;}
.cookie-notice p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}


.cookie-notice__close {
    background: none;
    border: none;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s;
}

.cookie-notice__close:hover {
    opacity: 0.7;
}


.cookie-notice__buttons {
    display: flex;
    gap: 10px;
    align-items: center;
}

.cookie-notice__accept {
    background: #4CAF50;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;
}

.cookie-notice__accept:hover {
    background: #45a049;
}

@media (max-width: 768px) {
    .cookie-notice__content {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    
    .cookie-notice__close {
        position: absolute;
        top: 10px;
        right: 10px;
    }
}
/*Обработка всплывашки про куки*/

@media (max-width: 1024px){
.head-tel{padding: 15px 0px 17px 17px;}
}

.B_firstCrumb{color:#fff;}
#breadcrumb{
    padding:20px 0;
    }
 
#breadcrumb ul{
    margin:0;
    padding:0;
    list-style:none;
    }
 
#breadcrumb ul li{display:inline;}
#breadcrumb ul li.current a{text-decoration:underline;}


/*показать еще 10 товаров*/
#load-more {
    display: block;
    margin: 20px auto;
    padding: 10px 20px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    cursor: pointer;
}

#load-more:hover {
    background: #e5e5e5;
}

#load-more.loading {
    opacity: 0.7;
    cursor: wait;
}

#load-more.disabled {
    opacity: 0.5;
    cursor: default;
}
/*показать еще 10 товаров*/
/* === FAQ-аккордеон через нативный HTML5 details/summary === */
.faq-block {
    margin: 24px 0;
}
.faq-block details {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    margin-bottom: 8px;
    background: #fafafa;
    transition: background 0.15s;
}
.faq-block details[open] {
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}
.faq-block summary {
    cursor: pointer;
    padding: 14px 18px;
    font-weight: 600;
    color: #333;
    list-style: none;
    user-select: none;
    position: relative;
    padding-left: 44px;
}
.faq-block summary::-webkit-details-marker { display: none; }
.faq-block summary::before {
    content: '+';
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #888;
    font-weight: 400;
    width: 18px;
    height: 18px;
    line-height: 16px;
    text-align: center;
    transition: transform 0.2s;
}
.faq-block details[open] summary::before {
    content: '−';
    color: #c00;
}
.faq-block summary:hover {
    color: #c00;
}
.faq-block details > p {
    padding: 0 18px 16px 18px;
    margin: 0;
    line-height: 1.55;
    color: #555;
}

/* Стилизация прайс-таблицы — заодно, чтобы выглядела аккуратно */
table.price-table {
    width: 100%;
    border-collapse: collapse;
    margin: 16px 0;
    font-size: 15px;
}
table.price-table th, table.price-table td {
    padding: 10px 14px;
    border-bottom: 1px solid #e8e8e8;
    text-align: left;
}
table.price-table thead th {
    background: #f5f5f5;
    font-weight: 600;
    color: #333;
}
table.price-table td:last-child {
    text-align: right;
    font-weight: 600;
    color: #c00;
    white-space: nowrap;
}