/* Start:/bitrix/components/cherechukin/problem.map/templates/.default/style.css?1560256823766*/
#problem-map {margin-bottom:20px;width:100%;height:500px;}
#problem-map .problem-balloon {}
#problem-map .problem-balloon .name {color:#2c2c2c;font-size:19px;font-weight:700;margin-bottom:10px;}
#problem-map .problem-balloon .address {line-height: 1.2;color:#666;font-size:12px;font-weight:500;margin-bottom:5px;}
#problem-map .problem-balloon .address i {margin-right:5px;}
#problem-map .problem-balloon .text {color:#4a4a4a;margin-bottom:5px;}

.problem-title {margin-bottom:20px;}
.problem-title .lft {width:70%;display:inline-block;vertical-align:middle;}
.problem-title .lft h1{margin-bottom:0;}
.problem-title .rght {width:30%;display:inline-block;vertical-align:middle;text-align:right;font-weight: bold;}

.problem-add {text-align:center;margin-bottom:20px;}
/* End */


/* Start:/bitrix/components/cherechukin/problem.list/templates/.default/style.css?15605003211468*/
.problem-area {margin-bottom:20px;}
.problem-area .item {margin-right:10px;}
.problem-area .item a {color:#2c2c2c;text-decoration:none;}
.problem-area .item a:hover {text-decoration:underline;}
.problem-area .item.active a {font-weight:bold;}

.problem-list {overflow:hidden;margin-left:-10px;margin-right:-10px;}
		.problem-list .item {width:25%;float:left;padding:0 10px;margin-bottom:15px;}
			.problem-list .item .photo {position:relative;margin-bottom:10px;}
				.problem-list .item .photo img {width:100%;}
				.problem-list .item .photo .status {position:absolute;top:5px;left:5px;color:#fff;padding: 2px 5px;}
				.problem-list .item .photo .status.yes {background-color:green;}
				.problem-list .item .photo .status.no {background-color:red;}
			.problem-list .item .content {padding-bottom:10px;border-bottom:1px solid #e6e6e6;}
				.problem-list .item .content .name {height:45px;position:relative;overflow: hidden;}				
					.problem-list .item .content .name a {text-decoration:none;font-size: 16px;font-weight:700;color:#2c2c2c;}
					.problem-list .item .content .name a:hover {text-decoration:underline;}
	.problem-list .notfound {margin:50px 0;text-align:center;}


@media only screen and (max-width:1024px)
{
.problem-list .item {width:50%;}
}

@media only screen and (max-width : 768px)
{
	.problem-list {margin-left:0;margin-right:0;}
		.problem-list .item {width:100%;float:none;padding: 0;}
		.problem-list .item .content .name {height:unset;}
}
/* End */
/* /bitrix/components/cherechukin/problem.map/templates/.default/style.css?1560256823766 */
/* /bitrix/components/cherechukin/problem.list/templates/.default/style.css?15605003211468 */