

/* Start:/local/templates/la_chatte/components/lachatte/catalog/.default/bitrix/catalog.section.list/.default/style.css?17595274985148*/
/* from css/template_styles.css */
.catalog-section-list{
	width:100%;
	margin:0px;
	padding:0px;
}

.catalog-section{
	width:100%;
	margin:0px 0px 8px 0px;
	padding:0px;
}

.catalog-section .catalog-section-title{ 
	width:100%;
	padding:0px;
	position:relative;
}

.catalog-section .catalog-section-title a{ 
	display:block;
	margin:0px;
	padding:8px 38px 8px 12px;
}

.catalog-section .catalog-section-title .showchild,
.catalog-section .catalog-section-title .showsectionchild{
	width:38px;
	height:100%;
	position:absolute;
	right:0px;
	top:0px;
	margin:0px;
	padding:0px;
	cursor:pointer;
	line-height: 1;
}

.catalog-section .catalog-section-title .showchild i,
.catalog-section .catalog-section-title .showsectionchild i{
	width:100%;
	position:absolute;
	left:0px;
	top:50%;
	margin:-9px 0px 0px 0px;
	padding:0px;
}

.catalog-section .catalog-section-title .showchild .fa-minus,
.catalog-section .catalog-section-title .showsectionchild .fa-minus,
.catalog-section .catalog-section-title.active .showchild .fa-plus,
.catalog-section .catalog-section-title.active .showsectionchild .fa-plus,
.catalog-section .catalog-section-title .showsectionchild .fa-minus-circle,
.catalog-section .catalog-section-title .showsectionchild .fa-plus-circle{
	display:none;
}

.catalog-section .catalog-section-title.active .showchild .fa-minus,
.catalog-section .catalog-section-title.active .showsectionchild .fa-minus,
.catalog-section .catalog-section-title .showchild .fa-plus,
.catalog-section .catalog-section-title .showsectionchild .fa-plus{
	display:block;
}
.catalog-section i.fa {
	font-style: normal;
}

.catalog-section .catalog-section-title .showchild i.fa-minus:before,
.catalog-section .catalog-section-title .showsectionchild i.fa-minus:before{
	content:"\2014";
	font-weight:bold;
}
.catalog-section .catalog-section-title .showchild i.fa-plus:before,
.catalog-section .catalog-section-title .showsectionchild i.fa-plus:before{
	content:"+";
	font-weight:bold;
}

.catalog-section-childs{
	width:100%;	
	margin:0px -2px;
	padding:0px;
	display:flex;
	flex-flow:row wrap;
	align-items:stretch;
}

.catalog-section-child{
	box-sizing: border-box;
	margin:0px 2px 2px;
	padding:0px;
	width:calc(25% - 4px);
	flex: 0 0 auto;
	overflow:hidden;
}

@media (max-width:1200px) {
	.catalog-section-child{
		width:calc(33% - 4px);
	}
}
@media (max-width:800px) {
	.catalog-section-child{
		width:calc(50% - 4px);
	}
}
.catalog-section-child a{
	width:100%;
	/* height:58px; */
	display:block;
	margin:0px;
	padding:0px;

	text-decoration:none;
	border:1px solid #dee0ee;
	border-radius:4px;
	transition:all 0.15s ease 0s;
}

.catalog-section-child a:hover{ 
	text-decoration:none;
	border:1px solid #ff1970;
	box-shadow:0px 0px 15px rgba(0, 0, 0, 0.36);
	color:#ff1970;
}

.catalog-section-child a .child{
	display:flex;
	margin:0px;
	padding:5px 0px;
	align-items:center;
	border:1px solid transparent;
	border-radius:4px;
	transition:all 0.15s ease 0s;
}


.catalog-section-child a:hover .child{
	border:1px solid #ff1970;
}


.catalog-section-child a .child .graph{
	width:66px;
	height:56px;
	flex: 0 0 auto;
	display:flex;
	align-items:center;
	justify-content:center;
}

.catalog-section-child a .child .graph i{
	font-size: 32px;
	color: #575b71;
}

.catalog-section-child a .child .graph img{
	max-width:100%;
	height:auto;
	border:none;
}


.catalog-section-child a .child .text-cont{
	min-height:56px;
	flex: 1 1 auto;
	padding:0 12px;
	display:flex;
	align-items:center;
}

.catalog-section-child a .child .text{
	/* max-height:54px;
	display:block;	
	overflow:hidden; */
	line-height:1.1;
	color:#575b71;
	text-decoration:underline;
	transition:all 0.15s ease 0s;
}

.catalog-section-child a:hover .child .text{
	color:#ff1970;
	text-decoration:none;
}



.catalog-section-descr{
	width:100%;
	margin:20px 0px 0px 0px;
	padding:20px 0px 0px 0px;
}

/* from css/colors.css */
.catalog-section .catalog-section-title a{ 
	font-size:18px;
	font-weight:bold;
	color:#575b71;
	border:2px solid #edeef8;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	background:#edeef8;
}

.catalog-section .catalog-section-title:hover a{
    color: #FF1970;
    border:2px solid #FF1970;
	text-decoration:none;
	background:none;
}

.catalog-section .catalog-section-title .showchild,
.catalog-section .catalog-section-title .showsectionchild{
	text-align:center;
}

.catalog-section .catalog-section-title .showchild i,
.catalog-section .catalog-section-title .showsectionchild i{
	font-size:18px;
	color:#dee0ee;
	-webkit-transition:all 0.15s ease 0s;
	-moz-transition:all 0.15s ease 0s;
	-o-transition:all 0.15s ease 0s;
	transition:all 0.15s ease 0s;
}

.catalog-section .catalog-section-title .showchild:hover i,
.catalog-section .catalog-section-title .showsectionchild:hover i{
	color: #cb1201;
}



.catalog-section-descr{	
	border-top:1px dotted #dee0ee;
}
/* End */
/* /local/templates/la_chatte/components/lachatte/catalog/.default/bitrix/catalog.section.list/.default/style.css?17595274985148 */
