

/* Start:/bitrix/templates/main_new/components/bitrix/breadcrumb/template1/style.css?1778685969714*/
.bx-breadcrumb {
	margin: 10px 0;
}
.bx-breadcrumb i {
	color: #5a5a5a;
	line-height: 13px;
	font-size: 14px;
	vertical-align: middle;
	margin-right: 4px;
}
.bx-breadcrumb .bx-breadcrumb-item {
	float: left;
	margin-bottom: 10px;
	white-space: nowrap;
	line-height: 13px;
	vertical-align: middle;
	margin-right: 8px;
}
.bx-breadcrumb .bx-breadcrumb-item span {
	font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	white-space: normal;
}
.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;color: #4f4f4f!important;}
.bx-breadcrumb .bx-breadcrumb-item a:hover {color: #e4191f!important;}
.fa-slesht:before
 {
    content: "\2044";
}
#bx_breadcrumb_0{padding-top:1px;}

/* End */


/* Start:/bitrix/templates/main_new/components/bitrix/news.list/index_ban/style.css?17786859693393*/
.ba-element-block a:link,.ba-element-block a:visited,.ba-element-block a:active {color:#fefefe;text-decoration:none!important;}
.ba-element-block a :hover{color:#fefefe;text-decoration:none!important;}
.ba-element{
	width:100%;
	max-width:666px;
	height:173px;
	margin:15px 0;
	padding:10px 38px;
	background-repeat:no-repeat;
	border-radius:9px;
	font-family: 'verdana';
	text-transform:uppercase;
	color:#fefefe;
	text-decoration:none;
	font-weight:700;
    overflow: hidden;
    position: relative; /* относительное позиционирование */
    cursor: pointer;
}

.ba-element-valign{
	display: table;
    height: 100%;
	width:100%;
}
.ba-element-text{
	display: table-cell;
    vertical-align: middle;
}
.ba-element-text i{
	font-size:1.875em;
	font-style: normal;
	display:block;
}
.ba-element-text span{
	font-size:1.125em;
}
.align-left{
	text-align:left;
	background-position:right center;
}
.align-center{
	text-align:center;
	background-position:center center;
}
.align-right{
	text-align:right;
	background-position:left center;
}
.text-align-left{text-align:left;}
.text-align-center{text-align:center;}
.text-align-right{text-align:right;}


/* Воспроизведём  эффект наклонного блика */
.ba-element::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
/*
 * используем линейный градиент 
 * определим начальное и конечное расположение,
 * цвет, размер и элементы трансформации
*/
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
/* Создадим анимацию и установим время исполнения */
.ba-element:hover::before {
    -webkit-animation: shine 1.25s;
    animation: shine 1.25s;
}
/*
 * описываем анимацию CSS свойств 
 * в виде перечня ключевых кадров 
*/
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
 
@keyframes shine {
    100% {
        left: 125%;
    }
}



@media screen and (max-width: 920px) {
	.ba-element-text i{
		font-size:1.5em;
	}
}
@media screen and (max-width: 767px) {
	.ba-element-block a{
		display: block;
		text-align: center;
	}
	.ba-element{display: inline-block;}
}
@media screen and (max-width: 500px) {
	.ba-element-text{
		text-shadow: 3px 3px 5px #000;
	}
	.ba-element{
		display: inline-block;
        background-size: 100%;
        height: 115px;
        padding: 10px 15px;
	}
}
@media screen and (max-width: 478px) {
	.ba-element{
        height: 102px;
	}
	.ba-element-text i{
		font-size:1.4em;
	}
	.ba-element-text span{
		font-size:1em;
	}
}
@media screen and (max-width: 478px) {
	.ba-element{
        height: 92px;
		padding: 2px 10px;
		margin: 5px 0;
	}
	.ba-element-text i{
		font-size:1.2em;
		
	}
}
@media screen and (max-width: 380px) {
	.ba-element{
        height: 78px;
	}
	.ba-element-text i{
		font-size:1em;
		
	}
	.ba-element-text span{
		font-size:0.8em;
	}
}	
@media screen and (max-width: 345px) {
	.ba-element{
        height: 74px;
	}
}



/* End */
/* /bitrix/templates/main_new/components/bitrix/breadcrumb/template1/style.css?1778685969714 */
/* /bitrix/templates/main_new/components/bitrix/news.list/index_ban/style.css?17786859693393 */
