/* Start:/local/templates/prohome/components/bitrix/news.list/gopro/style.css?17587585493707*/
.iblocklist {
    width: 100%;
    margin: 4px 0 0 0
}

.iblocklist .item {
    width: calc(33.33% - 4px);
    float: left;
    height: 530px;
    margin: 2px;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, .1);
    box-sizing: border-box
}

.iblocklist .item:hover {
    border: 1px solid rgba(0, 0, 0, .5)
}

.iblocklist .item-simbol {
    display: none;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 8px;
    color: rgba(0, 0, 0, .3);
    clear: both
}

.iblocklist .item .pic {
    width: 100%;
    margin-bottom: 10px;
    text-align: center
}

.iblocklist .item .pic img {
    height: 250px
}

.article-info {
    font-size: 20px
}

.article-info span {
    float: right;
    margin-top: 5px;
    font-size: 14px
}

.iblocklist .item .info {
    position: relative;
    display: block;
    height: 100px !important;
    margin-top: 10px;
    padding-top: 10px;
    overflow: hidden;
    border-top: 1px solid rgba(0, 0, 0, .4)
}

.iblocklist .item .info:after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 35px;
    background: -webkit-linear-gradient(bottom, rgba(255, 254, 248, 0), rgba(255, 254, 248, 1) 90%);
    background: -moz-linear-gradient(bottom, rgba(255, 254, 248, 0), rgba(255, 254, 248, 1) 90%);
    background: -o-linear-gradient(bottom, rgba(255, 254, 248, 0), rgba(255, 254, 248, 1) 90%);
    background: linear-gradient(to bottom, rgba(255, 254, 248, 0), rgba(255, 254, 248, 1) 90%)
}

.iblocklist .item.noimage .info {
    display: block;
    width: 100%;
    height: 150px;
    margin-top: 10px;
    padding-top: 10px;
    overflow: hidden;
    border-top: 1px solid rgba(0, 0, 0, .1);
    text-align: justify;
    text-overflow: ellipsis
}

.iblocklist .item .name,
.iblocklist .item .name a {
    display: block;
    height: 46px;
    margin-bottom: 10px;
    overflow: hidden;
    font-size: 24px;
	font-weight: 800;
    line-height: 22px;
    text-overflow: ellipsis;
    color: rgba(33, 16, 5, .9)
}

.iblocklist .item .name a:hover {
    color: rgba(33, 16, 5, .7);
    text-decoration: none
}

.iblocklist .item .more a {
	border: 1px solid rgba(0, 0, 0, .1);
    display: block;
    float: right;
    *margin-top: 5px;
    padding: 8px 12px 8px 12px;
    font-size: 20px;
	font-weight: 600;
    color: rgba(33, 16, 5, .9);
    /* border-top: 1px solid rgba(0, 0, 0, .1); */
    /* border-left: 1px solid rgba(0, 0, 0, .1) */
}

.iblocklist .item .more a::after {
    content: '→';
    margin-left: 8px;
    font-size: 1em;
}
.iblocklist .item .more a:hover {
    text-decoration: none;
    color: rgba(33, 16, 5, 1);
    border-top: 1px solid rgba(0, 0, 0, .5);
    border-left: 1px solid rgba(0, 0, 0, .5)
}


@media screen and (max-width:885px) {
    .iblocklist .item {
        width: calc(100% - 8px);
        height: 410px;
        margin: 0 4px 0;
        padding: 4px;
        border: none
    }

    .iblocklist .item-simbol {
        display: block
    }

    .iblocklist .item:hover {
        border: none
    }

    .iblocklist .item .name,
    .iblocklist .item .name a {
        height: 44px;
        font-size: 22px;
        line-height: 22px
    }

    .iblocklist .item .more a {
        font-size: 18px
    }

    .article-info {
        font-size: 16px
    }

    .iblocklist .item .info {
        height: 105px !important
    }

    .info .text {
        font-size: 18px;
        line-height: 21px
    }

    .iblocklist .item .more a {
        margin-top: 5px
    }

    .article-info span {
        float: right;
        margin-top: 5px;
        font-size: 12px
    }

    .iblocklist .item .pic,
    .iblocklist .item .info {
        width: 100%
    }
}
/* End */


/* Start:/local/templates/prohome/components/bitrix/system.pagenavigation/round/style.css?17558015743073*/

.bx-pagination{display:block;*height:40px;margin:20px 0;overflow:hidden}

.bx-pagination .bx-pagination-container{position:relative;text-align:center}

.bx-pagination .bx-pagination-container ul{display:inline-block;margin:0;padding:0;list-style:none}

.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 0 2px}

.bx-pagination .bx-pagination-container ul li span{display:block;height:40px;min-width:40px;padding:0 8px;line-height:40px;color:#444;font-size:18px;border:2px solid rgba(0,0,0,.05);overflow:hidden;
	box-sizing:border-box;
	-webkit-transition:all .2s;
       -moz-transition:all .2s;
    	-ms-transition:all .2s;
    	 -o-transition:all .2s;
    		transition:all .2s;
}

.bx-pagination .bx-pagination-container ul li a{display:block;height:40px;min-width:40px;line-height:40px;color:#444;text-decoration:none}

.bx-pagination .bx-pagination-container ul li a:hover span{box-shadow:inset 0 0 3px 0 rgba(0,0,0,.5)}

.bx-pagination .bx-pagination-container ul li.bx-active span{color:rgba(33,16,5,1);background:rgba(245,245,245,1);box-shadow:inset 0 0 6px 0 rgba(0,0,0,.5)}

.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a span{padding:0 18px;line-height:40px;color:#444;border:2px solid rgba(0,0,0,.05);background:#fff}

.bx-pagination .bx-pagination-container ul li.bx-pag-all span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next span{padding:0 18px;line-height:40px;color:#aab1b4;border:2px solid rgba(0,0,0,.05);background:#fff}

.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span{color:#000;background:#fff}

/*color schemes*/
.bx-pagination.bx-green .bx-pagination-container ul li.bx-active span{color:#fff;background:#3bc915}

.bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span{color:#fff;background:#F9A91D}

.bx-pagination.bx-red .bx-pagination-container ul li.bx-active span{color:#fff;background:#E22B2B}

.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{color:#fff;background:#0083d1}


@media screen and (max-width: 800px)
{
	.bx-pagination .bx-pagination-container ul li span{height:40px;min-width:32px;font-size:16px;border:2px solid rgba(0,0,0,.05)}

	.bx-pagination .bx-pagination-container ul li a{height:40px;min-width:32px;line-height:39px}

	.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a span{padding:0 4px;font-size:12px}

.bx-pagination .bx-pagination-container ul li.bx-pag-all span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next span{padding:0 4px;font-size:12px}

}

/* End */
/* /local/templates/prohome/components/bitrix/news.list/gopro/style.css?17587585493707 */
/* /local/templates/prohome/components/bitrix/system.pagenavigation/round/style.css?17558015743073 */