/* 
* Use this file if you want to put custom styles and do not want to use Sass and Gulp 
* Readmore - http://docs.imagecms.net/rabota-s-shablonom-multishop/rabota-s-css-i-javasctipt-dlia-razrabotchikov
*/
.page__footer {
background: #000;
}
.footer__link {
color: #ffffff;
}

 .footer__title {
color: #f3a20a;
}
.page__basement {
background: #000;
}
li.footer__item {
color: #ffffff;
}
img.visa-master {
height: 38px;
margin-left: 50px;
}
img.benefit-img {
max-width: 70px;
height: 70px;
}
.featarr {
padding-top: 15px;
padding-bottom: 15px;
}
a.basement__link {
color: #f3a20a;
}
.category-opisanie {
vertical-align:text-top;
margin: auto;
column-count: 2;
column-gap: 30px;
color: #000;
font-size: 14px; 
line-height: 1.42857143;
font-family: 'HelveticaNeueCyr;
text-align: justify;
max-width:1200px;

}
.opisanie h2
{
font-size: 1.75em;
color: #000;
}
.category-opisanie p
{
text-align: justify;
line-height: 1.75em;
color: #333;
padding-bottom: 12px;
font-weight: 300;
}
.category-opisanie ul
{
text-align: justify;
line-height: 1.75em;
color: #333;
padding-bottom: 12px;
font-weight: 300;
}

.category-opisanie h2 h3 
{
margin-block-start: 0.83em;
margin-block-end: 0.83em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}

@media (max-width: 768px){
.category-opisanie {
column-count: 1;
column-gap: 0;
}
}
/* .benefits__item:hover {
width:125%;
*/

}
.widget-primary {
margin-top: 50px;
}
.brand-tovar__img {
max-height: 100%;
widht: auto;
margin-bottom: 25px;
}
.diler {
text-align: center;
margin-bottom: 25px;
}
@media (min-width: 768px){
.line-clamp {
padding-top: 25px;
overflow: hidden;
display: -webkit-box;
	-webkit-line-clamp: 20;
	-webkit-box-orient: vertical;
}
}
.line-clamp:hover {
  cursor: pointer;
}
.expand {
overflow: visible;
display: block;
}

#btn btn-default btn-block.fixedbtn
{position:fixed; top:0;
/* Обязательные проавило */
color:#999;
background-color:#333;
/* А это для того чтобы было видно что можно менять любые свойства */
z-index: 1;
}
.catalog-section {
    border: 0px solid #dfe4eb;
}