/* Start:/local/components/main/map/templates/.default/style.css?17516343703493*/

.main-contacts{
	margin: 60px 0 0 0;
}

.main-contacts.about{
	margin: 60px -15px -30px -15px;
}


.mc-title {
    font-family: 'Myriad Pro SemiExt';
    font-size: 18px;
    font-weight: bold;
    color: #666666;
    text-transform: uppercase;
    padding: 5px 0;
    border-bottom: 1px #F0F0F0 solid;
    margin: 0 15px 10px 15px;
}


.mc-wrap{
	display: flex;
    flex-direction: row;
	align-items: center;
    justify-content: center;
	background: rgb(185,213,122);
	background: -moz-linear-gradient(90deg, rgba(185,213,122,1) 0%, rgba(224,230,184,0.4990371148459384) 35%, rgba(242,219,172,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(185,213,122,1) 0%, rgba(224,230,184,0.4990371148459384) 35%, rgba(242,219,172,1) 100%);
	background: linear-gradient(90deg, rgba(185,213,122,1) 0%, rgba(224,230,184,0.4990371148459384) 35%, rgba(242,219,172,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b9d57a",endColorstr="#f2dbac",GradientType=1);
	position: relative;
	z-index: 0;
}

@media(max-width: 1000px){
	.mc-wrap{
		flex-direction: column;
	}
}



.mc-info{
	width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px;
	background: rgba(255,255,255,0.6);
}

@media(max-width: 1350px){
	.mc-info{
		padding: 15px;
	}
}

@media(max-width: 1250px){
	.mc-info{
		padding: 15px 15px 15px 5px;
	}
}

@media(max-width: 1000px){
	.mc-info{
		padding: 15px;
		position: absolute;
		background: rgba(255,255,255,0.6);
		width: 65%;
		min-width: 300px;
		top: 20%;
		z-index: 3;
	}
}

@media(max-width: 570px){
	.mc-info{
		top: 12%;
	}
}

@media(max-width: 500px){
	.mc-info{
		padding: 10px;
		top: 10%;
	}
}

@media(max-width: 350px){
	.mc-info{
		top: 1%;
	}
}

.mc-info-title{
	font-weight: bold;
	font-size: 20px;
	color: #000000;
	
	margin: 0 0 10px 0;
}

.mc-info-text,
.mc-info-text a,
.mc-info-text b,
.mc-info-text p{
	font-size: 16px !important;
	color: #000000 !important;
	text-decoration: none !important;
}

.mc-info-text a:hover{
	text-decoration: underline !important;
}



.mc-map{
	width: 40%;
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

@media(max-width: 1000px){
	.mc-map{
		width: 100%;
	}
}

.mc-map-wrap{
	width: 100%;
	position: relative;
	z-index: 1;
}

.map_dot,
.map_dot_chek{
	position: absolute;
	z-index: 2;
	width: 7px;
	height: 7px;
	border-radius: 50em;
	background: #ed7f7f;
	display: none;
}

.map_dot_chek{
	background: #ff0000;
}

.map_dot.focus,
.map_dot.active,
.map_dot_chek.focus,
.map_dot_chek.active{
	display: block;
}

.mc-map .ru_map path{
	fill: #f9f9f9;
    stroke: #757575;
}

.mc-map .ru_map path.focus{
	fill: #b2f3bd;
    stroke: #8bef9c;
}

.mc-map .ru_map path.active{
    fill: #8bef9c;
    stroke: #5AD76F;
}



.mc-city-wrap{
	width: 30%;
	columns: 2;
	padding: 20px 0;
    height: 259px;
}

@media(max-width: 1000px){
	.mc-city-wrap{
		width: 100%;
		max-width: 60%;
		columns: 3;
		height: auto;
	}
}

@media(max-width: 780px){
	.mc-city-wrap{
		max-width: 80%;
	}
}

@media(max-width: 600px){
	.mc-city-wrap{
		max-width: 100%;
	}
}

@media(max-width: 600px){
	.mc-city-wrap{
		columns: 2;
		max-width: 100%;
	}
}

.mc-city{
	margin: 5px 10px;
}

.mc-city:hover{
	border-color: #000000;
}


.mc-city-name{
	padding: 0 5px;
	cursor: pointer;
	font-size: 15px;
	color: #000000;
	border-bottom: 1px dashed transparent;
}

.mc-city-name:hover,
.mc-city-name.active{
	border-color: #000000;
}







/* End */
/* /local/components/main/map/templates/.default/style.css?17516343703493 */