/* Start:/local/templates/dom-climata/components/bitrix/news.list/brand-list/style.css?16849197902304*/
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}
div.brand-list {
    margin: 0px 0px;
    padding: 0px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
div.brand-list .brand-elem {
	list-style: none;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 29%;
            flex: 0 1 29%;
    margin: 0px 2% 40px 2%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    height: 250px;
    position: relative;
    border: 1px solid #b7dae0;
    overflow: hidden;
    -webkit-transition: 0.25s ease;
    -o-transition: 0.25s ease;
    transition: 0.25s ease;
    border-radius: 0px;
}
div.brand-list .brand-elem:hover {
    border: 2px solid rgb(0, 116, 136);
}
div.brand-list .brand-elem .img {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
}
div.brand-list .brand-elem .img img{
	max-width: 90%;
}
.brand-elem .desc {
    position: absolute;
    background: transparent;
    width: 100%;
    height: 41%;
    bottom: 0px;
    left: 0px;
    -webkit-transition: 0.25s all;
    -o-transition: 0.25s all;
    transition: 0.25s all;
    text-align: center;
    padding: 10px 24px;
}
.brand-elem:hover .desc {
    bottom: 0px;
}
.brand-elem .desc > h4 {
    padding-top: 6px;
    -webkit-transition: 0.25s all;
    -o-transition: 0.25s all;
    transition: 0.25s all;
}
.brand-elem:hover .desc h4 {
    opacity: 1;
}
.brand-elem .desc > * {
    margin: 4px;
    opacity: 0;
    padding: 0px!important;
}
.brand-elem .desc p {
    color: #ababab;
    font-size: 13px;
    padding: 0px 15px;
    -webkit-transition: 0.75s all;
    -o-transition: 0.75s all;
    transition: 0.75s all;
}
.brand-elem:hover .desc p {
    opacity: 1;
}
.brand-elem .desc h4 a {
    color: #007488;
    text-transform: uppercase;
    text-decoration: underline;
}
@media screen and (max-width: 648px){
	div.brand-list .brand-elem {
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 46%;
		        flex: 0 1 46%;
		margin-bottom: 10px;
	}
	.brand-elem .desc{
		padding: 10px 0px;
	}
}
/* End */
/* /local/templates/dom-climata/components/bitrix/news.list/brand-list/style.css?16849197902304 */