@import "_brickwidth.css";




















.brick.view_banner {
	display: flex;
	justify-content: center;
	border: 1px dashed rgba(140,140,140,.35);
	border-top: 0;
	border-bottom: 0;
	text-align: center;
	font-size: 0;
	height: 400px !important;
}




















/*.brick__image {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
	height: 112px;
	overflow: hidden;
	padding-top: 113px;
	margin-bottom: 10px;
	position: relative;
	z-index: 2;
}
.brick__image img {
	width: 100%;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}*/

.brick__image {
	/*-webkit-overflow-scrolling: touch;*/
    /*transform: translateZ(0);*/
    /*-webkit-transform: translateZ(0);*/
	/*-webkit-backface-visibility: hidden;*/
	height: 225px;
	margin-bottom: 10px;
	position: relative;
	/*z-index: 11;*/
	background-size: cover;
    background-position: center;
}
@media only screen and (max-width: 1023px) {
	.brick:not(.view_mini) .brick__image {
		width: 336px;
	}
}

.brick__dateLabel {
    position: absolute;
    background: #000;
    color: #fff;
    font-weight: bold;
    top: -4px;
    left: -4px;
    padding: 1px 6px 2px;
    z-index: 20;
}

.brick__typeLabel {
	position: absolute;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 16px;
	background: #ffd051;
	padding: 7px 10px 6px;
	left: 0;
	top: 11px;
}
.brick__typeLabel:after,
.brick__typeLabel:before {
	position: absolute;
	content: "";
	right: -6px;
    border-left: 3px solid #ffd051;
	border-right: 3px solid transparent;
}
.brick__typeLabel:before {
	top: 0;
	border-bottom: 8px solid transparent;
    border-top: 8px solid #ffd051;
}
.brick__typeLabel:after {
	bottom: 0;
	border-bottom: 8px solid #ffd051;
    border-top: 8px solid transparent;
}


.brick__videoIcon {
    position: absolute;
    width: 32px;
    height: 32px;
    background: #ffd103;
    right: 0;
    bottom: 0;
    z-index: 20;
}
.brick__videoIcon:after {
	position: absolute;
	content: "";
	left: 10px;
	left: 10px;
    top: 8px;
    border: 8px solid transparent;
    border-left: 13px solid #000;
}
/* технологии */ 
.contentBackground_deepblue .brick__videoIcon {
    background: #669dc3;
}
.contentBackground_deepblue .brick__videoIcon:after {
	border-left-color: #fff;
}
/* происшествия */ 
.contentBackground_red .brick__videoIcon,
.contentBackground_gunmetal .brick__videoIcon {
    background: #000;
}
.contentBackground_red .brick__videoIcon:after,
.contentBackground_gunmetal .brick__videoIcon:after {
	border-left-color: #fff;
}



.brick__moreLink {
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
	display: inline-block;
	border-bottom: 1px dashed #333;
    line-height: 1;
}
.brick:hover .brick__moreLink {
	color: #c64a1b;
	border-bottom-color: #c64a1b;
}
.slider .swiper-slide > .clickable,
.brick.aLaSlideImage > .clickable,
.brick__image .clickable {
    -webkit-transition: background .15s ease-out;
    -moz-transition: 	background .15s ease-out;
    transition: 		background .15s ease-out;
}
.slider .swiper-slide:hover > .clickable,
.brick.aLaSlideImage:hover > .clickable,
.brick.view_floatText:hover .brick__image .clickable,
.brick:hover > .brick__image .clickable {
	background: rgba(0,0,0,.18);
}






.brick__content h4,
.brick__content h4 a {
	text-decoration: none;
	color: #000;
}







.brick__label-position {
	position: absolute;
	bottom: 10px;
	left: 10px;
	line-height: 0;
	z-index: 20;
}
.brick__label {
	background: rgba(102,119,135,.7);
	padding: 3px 5px 1px;
	display: inline-block;
	margin-bottom: 2px;
	font-family: 'Roboto', sans-serif;
	line-height: 1.1;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
    -webkit-transition: background .15s ease;
    -moz-transition: background .15s ease;
    transition: background .15s ease;

}
.brick__label:last-child {
	margin-bottom: 0;
}
.brick__label:hover {
	color: #fff !important;
	background: rgba(102,119,135,1);
}
.brick.view_withTag .brick__label,
.brick.view_floatText .brick__label {
	display: inline-block;
	margin-bottom: 5px;
	z-index: 20;
}
.brick__label.view_partner {
	background: rgba(170,170,175,.7);
	font-size: 12px;
}
.brick__label.view_partner:hover {
	background: rgba(170,170,175,1);
}


/* Р·РґРѕСЂРѕРІСЊРµ */
.contentBackground_dark .brick__label {
	background: rgba(0,171,170,.7);
}
.contentBackground_dark .brick__label:hover {
	background: rgba(0,171,170,1);
}
/* технологии */
.contentBackground_deepblue .brick__label {
	background: rgba(102,157,195,.7);
}
.contentBackground_deepblue .brick__label:hover {
	background: rgba(102,157,195,1);
}
/* происшествия */
.contentBackground_red .brick__label {
	background: rgba(255,0,0,.7);
}
.contentBackground_red .brick__label:hover {
	background: rgba(255,0,0,1);
}
/* происшествия темнее */
.contentBackground_gunmetal .brick__label {
	background: rgba(255,0,0,.7);
}
.contentBackground_gunmetal .brick__label:hover {
	background: rgba(255,0,0,1);
}




.brick__content h5,
.brick__content h5 a {
	line-height: 1.1;
	color: #000;
	text-decoration: none;
	margin-bottom: 9px;
}
/*.brick__content h5 a:hover {
	color: #c64a1b;
}*/




.brick__mainLinkWrapper {
	margin-bottom: 5px;
}


.brick__mainLink {
    font-family: 'Roboto Slab', serif;
	font-weight: bold;
	line-height: 1.01;
	color: #000;
	font-size: 21px;
	text-decoration: none;
}
.brick:hover .brick__mainLink,
.brick-text__wrapper:hover .brick__mainLink {
	color: #c64a1b;
}



.contentBackground_red .brick:hover .brick .brick__mainLink,
.contentBackground_red .brick:hover .brick .brick__content h5 a,
.contentBackground_gunmetal .brick:hover .brick .brick__mainLink,
.contentBackground_gunmetal .brick:hover .brick .brick__content h5 a,
.contentBackground_deepblue .brick:hover .brick .brick__mainLink,
.contentBackground_deepblue .brick:hover .brick .brick__content h5 a,
.contentBackground_dark .brick:hover .brick .brick__mainLink,
.contentBackground_dark .brick:hover .brick .brick__content h5 a,
.contentBackground_red .brick__mainLink,
.contentBackground_red .brick__content h5 a,
.contentBackground_gunmetal .brick__mainLink,
.contentBackground_gunmetal .brick__content h5 a,
.contentBackground_deepblue .brick__mainLink,
.contentBackground_deepblue .brick__content h5 a,
.contentBackground_dark .brick__mainLink,
.contentBackground_dark .brick__content h5 a {
	color: #fff;
	opacity: .8;
}
/*.contentBackground_red .brick__mainLink:hover,
.contentBackground_gunmetal .brick__mainLink:hover,
.contentBackground_gunmetal .brick__content h5 a:hover,
.contentBackground_deepblue .brick__mainLink:hover,
.contentBackground_deepblue .brick__content h5 a:hover,
.contentBackground_dark .brick__mainLink:hover,
.contentBackground_dark .brick__content h5 a:hover {*/
.contentBackground_red .brick:hover .brick:hover .brick__mainLink,
.contentBackground_red .brick:hover .brick:hover .brick__content h5 a,
.contentBackground_gunmetal .brick:hover .brick:hover .brick__mainLink,
.contentBackground_gunmetal .brick:hover .brick:hover .brick__content h5 a,
.contentBackground_deepblue .brick:hover .brick:hover .brick__mainLink,
.contentBackground_deepblue .brick:hover .brick:hover .brick__content h5 a,
.contentBackground_dark .brick:hover .brick:hover .brick__mainLink,
.contentBackground_dark .brick:hover .brick:hover .brick__content h5 a,
.contentBackground_red .brick:hover .brick__mainLink,
.contentBackground_red .brick:hover .brick__content h5 a,
.contentBackground_gunmetal .brick:hover .brick__mainLink,
.contentBackground_gunmetal .brick:hover .brick__content h5 a,
.contentBackground_deepblue .brick:hover .brick__mainLink,
.contentBackground_deepblue .brick:hover .brick__content h5 a,
.contentBackground_dark .brick:hover .brick__mainLink,
.contentBackground_dark .brick:hover .brick__content h5 a {
	color: #fff;
	opacity: 1;
}
/*.contentBackground_red .brick__content h5 a {
	color: #f8eeed;
}*/
/*.contentBackground_red .brick:hover .brick__content h5 a {*/
/*.contentBackground_red .brick__content h5 a:hover {*/
	/*opacity: .7;*/
/*}*/



.brick__mainLinkDate {
	font-family: 'Roboto', sans-serif;
	font-size: 9px;
	color: #909090;
	font-weight: 300;
	display: block;
	margin-top: 5px;
	text-transform: uppercase;
}

.page_chapter .brick__mainLinkDate {
	display: none;
}

.contentBackground_gunmetal .brick__mainLinkDate,
.contentBackground_red .brick__mainLinkDate,
.contentBackground_deepblue .brick__mainLinkDate {
	color: #fff;
}






.brick__text {
	color: #000;
	font-size: 15px;
	font-weight: 300;
	margin-bottom: 8px;
	line-height: 1.2;
}
.contentBackground_gunmetal .brick__text,
.contentBackground_deepblue .brick__text,
.contentBackground_dark .brick__text {
    color: #d3d3d3;
}
.contentBackground_red .brick__text {
	color: #e8dedd;
}


.brick__text a {
	color: #343434;
	text-decoration: none;
}
/*.brick__text a:hover {
	text-decoration: none;
}*/

.readAll {
	color: #444;
	font-size: 14px;
	display: inline-block;
    padding-top: 4px;
}


.countersBlock.countersBlock-inline {
    display: inline-block;
}
.countersBlock {
	font-family: 'Roboto', sans-serif;
    font-size: 11px;
	height: 15px;
	margin-bottom: 4px;
}
.countersBlock__item {
    font-weight: bold;
	color: #c1c1c1;
	display: inline-block;
	margin-right: 10px;
    position: relative;
}
.countersBlock__item.view_count1 {
    padding: 0 14px 0 0;
}
.countersBlock__item.view_count2 {
    padding: 0 18px 0 0;
}
.countersBlock__item.view_count3 {
    padding: 0 15px 0 0;
}
.countersBlock__item.view_count4 {
    padding: 0 13px 0 0;
}

.countersBlock__item .icon {
	background: url(../_images/icons_sprite.png) no-repeat;
    position: absolute;
    opacity: .24;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
	.countersBlock__item .icon {
        background-image: url(../_images/icons_sprite_2x.png);
        background-size: 282px 500px;
    }
}

.countersBlock__item.view_count1 .icon {
	width: 10px;
    height: 15px;
    right: 0;
    top: 0;
    background-position: -0px -285px;
}
.countersBlock__item.view_count2 .icon {
	width: 13px;
    height: 14px;
    right: 0;
    top: 2px;
    background-position: -11px -285px;
}
.countersBlock__item.view_count3 .icon {
	width: 12px;
    height: 9px;
    right: 0;
    top: 2px;
    background-position: -25px -285px;
}
.countersBlock__item.view_count4 .icon {
	width: 9px;
    height: 11px;
    right: 0;
    top: 2px;
    background-position: -38px -285px;
}


/* на синем фоне */
.contentBackground_blue .countersBlock__item,
.contentBackground_yellow .countersBlock__item {
	color: #929fa9;
}
.contentBackground_red .countersBlock__item {
	color: #ECC4C0;
}


/* на желтой видосекции */
.videoSection .countersBlock__item .icon,
.videoSection-news .countersBlock__item .icon {
	opacity: .76;
}
.videoSection .countersBlock__item,
.videoSection-news .countersBlock__item {
	color: #000;
}
.videoPlaylist .countersBlock__item,
.videoPlaylist-news .countersBlock__item {
	color: #a1a1a1;
}


/* в слайдере и на темном фоне - белые */
.contentBackground_deepblue .countersBlock__item .icon,
.contentBackground_dark .countersBlock__item .icon,
.contentBackground_gunmetal .countersBlock__item .icon,
.contentBackground_red .countersBlock__item .icon,
.videoPlaylist .countersBlock__item .icon,
.aLaSlideImage .countersBlock__item .icon,
.slider .countersBlock__item .icon,
.photostory-brick .countersBlock__item .icon {
    opacity: .55;
}
.contentBackground_deepblue .countersBlock__item.view_count1 .icon,
.contentBackground_dark .countersBlock__item.view_count1 .icon,
.contentBackground_gunmetal .countersBlock__item.view_count1 .icon,
.contentBackground_red .countersBlock__item.view_count1 .icon,
.videoPlaylist__item .countersBlock__item.view_count1 .icon,
.aLaSlideImage .countersBlock__item.view_count1 .icon,
.slider .countersBlock__item.view_count1 .icon,
.article-short--blue .countersBlock__item.view_count1 .icon,
.article-short--red .countersBlock__item.view_count1 .icon,
.photostory-brick .countersBlock__item.view_count1 .icon {
    background-position: -0px -301px;
}
.contentBackground_deepblue .countersBlock__item.view_count2 .icon,
.contentBackground_dark .countersBlock__item.view_count2 .icon,
.contentBackground_gunmetal .countersBlock__item.view_count2 .icon,
.contentBackground_red .countersBlock__item.view_count2 .icon,
.videoPlaylist__item .countersBlock__item.view_count2 .icon,
.aLaSlideImage .countersBlock__item.view_count2 .icon,
.slider .countersBlock__item.view_count2 .icon,
.article-short--blue .countersBlock__item.view_count2 .icon,
.article-short--red .countersBlock__item.view_count2 .icon,
.photostory-brick .countersBlock__item.view_count2 .icon {
    background-position: -11px -301px;
}
.contentBackground_deepblue .countersBlock__item.view_count3 .icon,
.contentBackground_dark .countersBlock__item.view_count3 .icon,
.contentBackground_gunmetal .countersBlock__item.view_count3 .icon,
.contentBackground_red .countersBlock__item.view_count3 .icon,
.videoPlaylist__item .countersBlock__item.view_count3 .icon,
.aLaSlideImage .countersBlock__item.view_count3 .icon,
.slider .countersBlock__item.view_count3 .icon,
.article-short--blue .countersBlock__item.view_count3 .icon,
.article-short--red .countersBlock__item.view_count3 .icon,
.photostory-brick .countersBlock__item.view_count3 .icon {
    background-position: -25px -301px;
}

.slider__text .countersBlock__item {
    opacity: .6;
}

.empty-brick .countersBlock__item {
	color: #e8e9e8;
}

.countersBlock__item.save {
    z-index: 25;
    padding: 2px 8px 1px 8px;
    background: #eeeeee;
    text-decoration: none;
    border-radius: 10px;
    font-family: 'PT Sans', sans-serif;
    font-weight: normal;
    font-size: 10px;
    color: #565656;
    text-transform: uppercase;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition:    all .1s ease-in-out;
    transition:         all .1s ease-in-out;
}
.countersBlock__item.save:hover {
    background: #e2e2e2;
}

.countersBlock__item.delete {
    z-index: 25;
    padding: 2px 20px 1px 8px;
    text-decoration: none;
    border-radius: 10px;
    font-family: 'PT Sans', sans-serif;
    font-weight: normal;
    font-size: 10px;
    color: #565656;
    text-transform: uppercase;
    background: #eeeeee;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition:    all .1s ease-in-out;
    transition:         all .1s ease-in-out;
}

.countersBlock__item.delete:hover {
    background: #e2e2e2;
}

.countersBlock__item.delete .icon {
    opacity: 1;
    right: 4px;
    top: 3px;
    width: 9px;
    height: 9px;
    background-position: 0 -380px;
}


.countersBlock__item.readLater {
	opacity: 0;
	text-decoration: none;
	color: #000;
	border-radius: 10px;
	padding: 2px 25px 1px 5px;
	font-weight: normal;
	font-size: 10px;
    z-index: 25;
    text-transform: uppercase;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition:    all .1s ease-in-out;
    transition:         all .1s ease-in-out;
}
.slider .swiper-slide:hover .countersBlock__item.readLater,
.brick:not(.not_for_hover):hover .countersBlock__item.readLater {
	opacity: .5;
}
.countersBlock__item.readLater:hover {
	background: rgba(0,0,0,.5);
	color: #fff;
	opacity: 1;
}
.countersBlock__item.readLater .icon {
	width: 16px;
    height: 8px;
    right: 4px;
    top: 3px;
    background-position: -48px -285px;
	opacity: .6;
}
.countersBlock__item.readLater:hover .icon {
    background-position: -48px -301px;
    opacity: 1;
}
.slider .countersBlock__item.readLater .icon,
.aLaSlideImage .countersBlock__item.readLater .icon,
.contentBackground_deepblue .countersBlock__item.readLater .icon,
.contentBackground_dark .countersBlock__item.readLater .icon,
.contentBackground_gunmetal .countersBlock__item.readLater .icon,
.contentBackground_red .countersBlock__item.readLater .icon,
.article-short--red .countersBlock__item.readLater .icon,
.article-short--blue .countersBlock__item.readLater .icon {
    background-position: -48px -301px;
}
.contentBackground_deepblue .countersBlock__item.readLater,
.contentBackground_dark .countersBlock__item.readLater,
.contentBackground_gunmetal .countersBlock__item.readLater,
.contentBackground_red .countersBlock__item.readLater {
    color: #fff;
}
.contentBackground_deepblue .countersBlock__item.readLater:hover,
.contentBackground_dark .countersBlock__item.readLater:hover,
.contentBackground_gunmetal .countersBlock__item.readLater:hover,
.contentBackground_red .countersBlock__item.readLater:hover,
.article-short--red .countersBlock__item.readLater:hover,
.article-short--blue .countersBlock__item.readLater:hover {
    background: rgba(0,0,0,.7);
}

.countersBlock__item.readLater.view_saved:hover,
.countersBlock__item.readLater.view_saved {
	opacity: 1 !important;
	background: #c64a1b;
	color: #fff;
}
.countersBlock__item.readLater.view_saved .icon {
    background-position: -48px -301px;
	opacity: 1 !important;
}

.slider .countersBlock__item.readLater,
.aLaSlideImage .countersBlock__item.readLater {
	color: #fff;
}
.slider .countersBlock__item.readLater:hover,
.aLaSlideImage .countersBlock__item.readLater:hover {
	opacity: 1;
    background: rgba(50,50,50,.7);
}


.countersBlock__item.readLater.only_icon {
	opacity: 0.5;
	height: 11px;
	padding-right: 20px;
	vertical-align: text-bottom;
}
@media screen and (max-width: 1023px) {
	.readLater.only_icon__mobile {
		opacity: 0.5;
		height: 12px;
		padding-right: 20px;
		vertical-align: text-bottom;
	}
	.readLater.only_icon__mobile span {
		display: none;
	}
}




/* сюжеты - chapter */
.brick.view_chapter {
	height: 270px;
}
.brick.view_chapter .brick__mainLink {
	text-transform: uppercase;
	font-size: 16px;
}
.brick.view_chapter .brick__mainLinkWrapper {
	margin-bottom: 0;
}

.brick.view_chapter .brick__mainLinkDate {
	text-transform: none;
	font-size: 13px
}

.brick.view_chapter .rick__mainLinkCounter {
    font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #898989;
	font-weight: bold;
}
.brick__fullscreenLabel {
	background: rgba(92,72,29,.3);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
    -webkit-transition: background .15s ease;
    -moz-transition: background .15s ease;
    transition: background .15s ease;
    color: #fff;
    font-size: 36px;
    text-align: center;
    text-decoration: none;
    font-weight: 300;
    line-height: 6.1;
}
.brick:hover .brick__fullscreenLabel {
	background: rgba(92,72,29,.15);
    color: #fff !important;
}
























/* мелкие с прямоугольной картинкой */



.brick.view_mini .brick__image {
	display: block;
	height: 90px;
	margin-bottom: 10px;
}
.brick.view_withTag .brick__image {
	display: block;
	height: 132px;
	margin-bottom: 7px;
}
.brick.view_mini .brick__text {
	font-size: 14px;
	font-weight: 400;
}
.brick.view_withTag h5 a {
	font-weight: normal;
}



.brick.view_withTag:hover h5 a,
.brick.view_floatText:hover h5 a,
.brick.view_floatText:hover .brick__text a,
.brick.view_mini:hover .brick__text a {
	color: #c64a1b;
}


.brick.view_withTag .brick__content h5 {
	margin-bottom: 3px;

}


/* мелкие с прямоугольной картинкой сбоку */
.brick.view_floatText {
	min-height: 90px;
	height: auto;
	width: 100%;
}
.brick.view_floatText .brick__side{
	float: left;
}
.brick.view_floatText .brick__image {
	display: block;
	height: 90px;
	margin-bottom: 0;
	width: 140px;
	margin-right: 10px;
}
.brick.view_floatText .brick__text {
	font-size: 14px;
	font-weight: 400;
}

.brick.view_floatText .brick__content {
	max-height: 101px;
	margin-left: 150px;
    line-height: 0;
}
.brick.view_floatText .countersBlock {
	margin: 10px 0 0 0;
}
.brick.view_floatText.view_bottomBorder {
	border-bottom: 1px dashed #e8e8e8;
	padding-bottom: 12px;
	margin-bottom: 15px;
}



/* мелкие с квадратной картинкой */




.brick.view_authors h2 {
	margin-bottom: 10px;
}
.brick.view_authors .brick__image {
	display: block;
	/*width: 200px;*/
}
@media screen and (max-width: 1023px) {
	.brick.view_authors .brick__image {
		height: 180px;
		width: auto;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.brick.view_authors .brick__image {
		height: 240px;
		/*width: auto;*/
	}

}
@media screen and (min-width: 1280px) {
	.brick.view_authors .brick__image {
		height: 250px;
		/*width: 220px;*/
	}
}

.brick.view_authors .brick__text {
	font-size: 16px;
}





















































































/* желтый блок (новости) */
.brick.view_yellow {
	border: 3px solid #ffd051;
	position: relative;
}
.brick__header {
	background: #ffd051;
	width: 100.1%;
    z-index: 11;
    position: relative;
    /*transform: translateZ(0);*/
    /*-webkit-transform: translateZ(0);*/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	font-weight: bold;
	text-decoration: none;
	font-family: 'Roboto Slab', serif;
	text-transform: uppercase;
	color: #000;
	padding: 9px 18px 10px;
	width: 100%;
}
.brick__header.view_arrowed:after {
	display: block;
	position: absolute;
	right: 5px;
	top: 0;
	width: 42px;
    height: 37px;
	content: "";
	background: url(../_images/icons_sprite.png);
	background-position: -5px -192px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { 
	.brick__header.view_arrowed:after {
        background-image: url(../_images/icons_sprite_2x.png);
        background-size: 282px 500px;
    }
}

.burgerButton {
	position: absolute;
	cursor: pointer;
    right: 0;
    top: 0;
    z-index: 666;
    display: block;
    width: 30px;
    padding: 5px 0;
}

.burgerButton li {
    width: 4px;
    height: 4px;
    margin: 3px auto;
    background: black;
    transition: .25s ease-in-out;
}

.burgerButton li:nth-child(2) {
    position: relative;
}

.burgerButton li:nth-child(2):before, .burgerButton li:nth-child(2):after {
    background: transparent;
}

.burgerButton li:nth-child(2):before, .burgerButton li:nth-child(2):after {
    content: '';
    position: absolute;
    left: -50%;
    display: block;
    width: 20px;
    height: 2px;
    margin: 1px 0 0 -6px;
    transform: rotate(45deg);
    background: rgba(255, 255, 255, 0);
    transition: .25s ease-in-out;
}

.burgerButton li:nth-child(2):after {
    transform: rotate(-45deg);
}


.iScrollIndicator {
	border: none !important;
	background: rgba(0, 0, 0, 0.3) !important;
}
.iScrollVerticalScrollbar {
	width: 4px !important;
    right: 2px !important;
}



.brick__footer {
    font-family: 'Roboto Slab', serif;
	background: #ffd051;
	color: #000;
	display: block;
	width: 100.1%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
	font-size: 17px;
	font-weight: bold;
	text-decoration: underline;
	padding: 8px 0;
}





/* стили для мнение */
.brick.view_opinion {
	background: #f6f6f6;
	overflow: hidden;
}
.brick.view_opinion .brick__image {
	height: 120px;
	padding-top: 120px;
	position: relative;
	display: block;
}
.brick.view_opinion .brick__content {
	padding: 0 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.brick.view_opinion .opinion__info {
	padding-top: 30px;
	position: absolute;
	color: #fff;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
}
.opinion__link {
	text-decoration: none;
}
.opinion__sliderInfo {
	font-weight: normal;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	display: inline-block;
	transform: translateY(-1px);
	text-transform: none;
}

.brick.view_opinion .opinion__info h4 {
	color: #fff;
	text-shadow: 1px 1px 0px rgba(0,0,0,.3);
	padding-bottom: 4px;
}
.brick.view_opinion .opinion__info h6 {
	color: #fff;
	margin-bottom: 7px;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 11px;
}
.brick.view_opinion h2 {
	margin-bottom: 10px;
}
.brick.view_opinion .brick__mainLink {
	font-size: 18px;
    /*line-height: 1.04;*/
}
.brick.view_opinion .brick__mainLinkWrapper {
    margin-bottom: 11px;
}









/* серый блок (главное за сегодня) */


.brick.view_grey {
	border: 3px solid #eee;
	overflow: hidden;
}
.brick.view_grey .brick__header {
	text-transform: uppercase;
	background: transparent;
	padding: 13px 15px;
	border-bottom: 1px solid #eee;
}
.todayMainNewsList {
    display: flex;
    width: 100%;
    height: calc(93% - 48px);
    flex-direction: column;
    justify-content: space-around;
    margin-top: 6%;
}
.todayMainNewsList__item {
	padding: 0 18px 0  	54px;
	position: relative;
/*	height: 33.3%;
	vertical-align: middle;
	display: table-cell;*/
	/*margin-bottom: 14px;*/
    /*transform: translateZ(0);*/
    /*-webkit-transform: translateZ(0);*/
}
.todayMainNewsList__item:before {
	display: block;
	position: absolute;
	content: "";
	width: 14px;
	height: 12px;
	top: 6px;
	left: 18px;
	background: #ffd051;
}
.todayMainNewsList__item:after {
	display: block;
	position: absolute;
	content: "";
	top: 6px;
	left: 18px;
	border: 6px solid transparent;
    border-left: 3px solid #fff;
}
.todayMainNewsList__item .readLater {
	height: 12px;
	padding-right: 20px;
}
.todayMainNewsList__item:hover .readLater {
	opacity: 1;
}
.todayMainNewsList__link {
	font-family: 'Roboto Slab', serif;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	line-height: 1.3;
}

.todayMainNewsList__item-important:before {
    top: 0;
    left:18px;
    height: 20px;
    width: 15px;
    background: url(../_images/icons_sprite.png) -221px -440px no-repeat;
}

.todayMainNewsList__item-important:after {
    display: none;
}

.todayMainNewsList__item-important .todayMainNewsList__link {
    margin-right: 10px;
    background: #c6271b;
    color: #fff;
    box-shadow: 7px 0 0 #c6271b, -7px 0 0 #c6271b;
}






.brick.view_blue {
    background: #cee0ed;
    box-shadow: 0 0 0 10px #cee0ed;
}



























.brick.view_inArticle {
	float: right;
    border: 1px dashed rgba(140,140,140,.35);
    border-top: 0;
    border-bottom: 0;
    margin-left: 16px;
    margin-right: 0;
    padding: 0 16px;
    height: auto;
}
.brick.view_inArticle .brick:last-child {
	margin-bottom: 0;
}















.brick.view_more {
	border: 3px dashed rgba(0,0,0,.13);
}
.brick.view_more a {
	text-decoration: none;
    color: #000;
    display: inline-block;
    width: 100%;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 70px 40px 112px;
}
.brick.view_more a span {
    -webkit-transition: opacity .15s ease-out;
    -moz-transition: opacity .15s ease-out;
    transition: opacity .15s ease-out;
}
.brick.view_more a:hover span,
.brick.view_more a:hover:after {
	opacity: .7;
}
.brick.view_more a:before {
	display: block;
	content: "";
    background: url(../_images/sprite2.png) no-repeat 50% 25%;
	background-position: -170px -504px; width: 170px; height: 126px;
    opacity: .17;
    margin: 0 auto 33px;
}
.contentBackground_dark .brick.view_more a:before,
.contentBackground_red .brick.view_more a:before,
.contentBackground_gunmetal .brick.view_more a:before {
    background-image: url(../_images/sprite2.png);
	background-position: -0px -504px; width: 170px; height: 126px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { 
	/* .brick.view_more a:before {
		background-image: url(../_images/sprite2.png);
		background-size: 170px 126px;
		background-position: -150px -504px;
        width: 200px;
        height: 126px;
	} */
	/* .contentBackground_dark .brick.view_more a:before,
	.contentBackground_red .brick.view_more a:before,
	.contentBackground_gunmetal .brick.view_more a:before {
	    background-image: url(../_images/sprite2.png);
		background-position: -0px -0px; width: 340px; height: 252px;
	} */
}


.brick.view_more a:after {
    display: inline-block;
    margin-left: 3px;
    width: 26px;
    height: 20px;
    content: "";
    background: url(../_images/icons_sprite.png);
    background-position: -13px -199px;
    transform: translateY(3px);
    -webkit-transition: opacity .15s ease-out;
    -moz-transition: opacity .15s ease-out;
    transition: opacity .15s ease-out;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { 
	.brick.view_more a:after {
        background-image: url(../_images/icons_sprite_2x.png);
        background-size: 282px 500px;
    }
}

/* Р·РґРѕСЂРѕРІСЊРµ */
.contentBackground_dark .brick.view_more {
	border: 3px dashed rgba(255,255,255,.13);
}
.contentBackground_dark .brick.view_more a {
	color: #ddd;
}
.contentBackground_dark .brick.view_more a:after {
    background-position: -13px -249px;
    opacity: .7;
}
/* технилогии */ 
.contentBackground_deepblue .brick.view_more a {
	color: #fff;
}
.contentBackground_deepblue .brick.view_more a:after {
    background-position: -13px -249px;
    opacity: .7;
}
/* происшествия */
.contentBackground_red .brick.view_more {
	border: 3px dashed rgba(255,255,255,.15);
}
.contentBackground_red .brick.view_more a {
	color: #f8eeed;
}
.contentBackground_red .brick.view_more a:after {
    background-position: -13px -249px;
    opacity: .7;
}
/* происшествия темнее */
.contentBackground_gunmetal .brick.view_more {
	border: 3px dashed rgba(255,255,255,.15);
}
.contentBackground_gunmetal .brick.view_more a {
	color: #ddd;
}
.contentBackground_gunmetal .brick.view_more a:after {
    background-position: -13px -249px;
    opacity: .7;
}










.brick.view_noHeight {
	height: auto !important;
}



.view_centred {
	text-align: center;
}








/* определения классов		
.view_banner.view_banner-1 - баннер для перового слайда		
.view_banner.view_banner-2 -баннер для второго слайда		
.view_opinion - блок "мнение"		
*/		
/* логика работы		
В разметку нужно дублировать баннер для второго слайда,		
т.е один баннер на первом слайде с классами .view_banner.view_banner-1		
и одина на втором слайде с классами .view_banner.view_banner-2		
в стилях ниже им задется жесткое порядковое значние для каждого разрешения, чтобы		
баннеры всегда стояли на нужном месте, так же и для блока "мнение":		
.flexSlider .view_banner.view_banner-1 {		
	order: 4 !important;		
}		
.flexSlider .view_banner.view_banner-2 {		
	order: 7 !important;		
}		
@media screen and (max-width: 1280px) {		
	.flexSlider .view_banner.view_banner-1 {		
		order: 1 !important;		
	}		
	.flexSlider .view_banner.view_banner-2 {		
		order: 4 !important;		
	}		
	.flexSlider .view_opinion {		
		order: 9 !important;		
	}		
}		
*/


.flexSlider__container {
	position: relative;
}
.flexSlider {
	overflow: hidden;
}
.flexSlider .brick {
	float: none;
	margin-top: 0 !important;
}
@media screen and (min-width: 1280px) {
	.height-twice-container .height-twice {
		height: 815px;
	}
}
.view_withTranslation .height-twice {
	height: 588px;
}
.flexSlider .brick.null {
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
}
.flexSlider .view_banner.view_banner-1 {
	order: 4 !important;
}
.flexSlider .view_banner.view_banner-2 {
	order: 7 !important;
}
.flexSlider .swiper-slide .swiper-container-horizontal {
	width: 100%;
	margin: 0 !important;
}
@media screen and (max-width: 1280px) {
	.flexSlider .view_banner.view_banner-1 {
		order: 1 !important;
	}

	.flexSlider .view_banner.view_banner-2 {
		order: 4 !important;
	}

	.flexSlider .view_opinion {
		order: 9 !important;
	}
}
@media screen and (max-width: 1040px) {
	.flexSlider .view_banner.view_banner-1 {
		order: 0 !important;
	}

	.flexSlider .view_banner.view_banner-2 {
		order: 1 !important;
	}
	.flexSlider .aLaSlideImage ~ .view_banner.view_banner-1 {
		order: 1 !important;
	}
	.flexSlider .aLaSlideImage ~ .view_banner.view_banner-2 {
		order: 2 !important;
	}
	.flexSlider .view_opinion {
		order: 8 !important;
	}
}
@media screen and (min-width: 1023px) and (max-width: 1040px) {
	.flexSlider .view_opinion {
		order: 9 !important;
	}
}
.bricks_article-previews {
	margin-right: 0;
}
.brick__article-preview {
    display: flex;
    width: 100%;
	/*height: 100%;*/
	box-sizing: border-box;
	padding: 12px 12px 8px 12px;
	border-bottom: 3px solid #e0e0e0;
	background: #f3f3f3;
}
.brick__article-preview .brick__side {
	width: 60px;
	margin-right: 10px;
	text-align: center;
	flex-shrink: 0;
}
.brick__article-preview .brick__side img {
	width: 56px;
	height: 56px;
	border-radius: 100%;
}
.brick__article-preview .brick__side p {
	font: 100 10px/12px 'Roboto', sans-serif;
	color: #8f8f8f;
}
.brick__article-preview .brick__content {
	max-height: none;
	overflow: visible;
}
.brick__article-preview .brick__mainLink {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 20px;
}
.brick__article-preview .brick__text {
	display: none;
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 17px;
	color: #111;
}
.bricks_article-previews {
	display: flex;
	justify-content: space-between;
}
.bricks_article-previews .brick {
	display: flex;
	height: auto;
	margin-right: 0;
}
.bricks_article-previews .countersBlock__item.readLater {
	display: none;
}
@media screen and (min-width: 1280px) {
	.bricks_article-previews .brick.width_twice {
		width: 606px;
	}
	.bricks_article-previews .brick.width_twice .brick__text {
		display: block;
	}
	.bricks_article-previews .brick.width_twice .countersBlock__item.readLater {
		display: inline-block;
	}
	
}

.bricks_article-previews .brick .countersBlock__item.readLater.only-glass {
	display: inline-block;
	height: 10px;
	top: 3px;
	left: -5px;
	padding-left: 0;
}

@media screen and (max-width: 1023px) {
	.bricks_article-previews {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between
	}
	.bricks_article-previews .brick {
		width: 49%;
		margin-right: 0;
	}



	.bricks_article-previews .brick.width_twice {		
		flex: none;
		width: 100%;
	}

	.brick__article-preview .brick__text {
		display: block;
	}
}

.brick__image-empty {
	background-image: url('../_images/ridus-back-min.png');
	background-size: initial;
}

.brick__image-empty-line {
	position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 58px);
    height: 5px;
    background: linear-gradient(90deg, #fbb035, #ed5c32)
}

.brick__image-empty-ridus-small {
	background-image: url('../_images/ridus-empty-small.png');
    height: 100%;
    background-repeat: no-repeat;
    width: 120px;
    position: absolute;
    right: 0px;
    bottom: 0;
    z-index: 1;
    background-position-y: 100%;
}

.brick-error {
    display: none;
	margin-top: 6px;
    font-size: 12px;
    color: red;
}

.brick-rules .brick-error {
	margin-left: 20px;
}

.error .brick-error {
	display: block;
}

.brick.error input,
.brick.error textarea {
	border-color: red;
}

.brick.error .show_user_upload_form {
	color: red;
}