/* Start:/bitrix/templates/bron/template_styles.css?17116397281139*/
.flex{
	display: flex;
}
.header{
	padding-top: 15px;
	padding-bottom: 15px;
}
.header .flex{
	align-items: center;
	justify-content: space-between;
}
.header .flex > div{
	width: 32%;
}
.header a{
  color: inherit;
}
.header .logo{
	width: 300px;
	max-width: 100%;
}
.header .logo a, .header .logo img{
	display: block;
	max-width: 100%;
}
.header .phones{
	font-size: 18px;
	font-weight: bold;
}
.header .contact{
	font-size: 14px;
	text-align: right;
}
.site-menu ul{
	margin-top: 0;
	margin-bottom: 40px;
	padding: 0;
}
.site-menu a{
	color: inherit;
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	margin-right: 15px;
	display: block;
}
.site-menu li{
	display: inline-block;
}
@media (max-width: 1023px){
	.header .phones{
		font-size: 14px;
	}
}
@media (max-width: 767px){
	.header .flex{
		flex-wrap: wrap;
	}
	.header .flex > div{
		width: 49%;
	}
	.header .flex .logo{
		width: 100%;
		margin-bottom: 10px;
	}
}
@media (max-width: 479px){
	.header{
		padding-bottom: 5px;
	}
	.header .flex{
		display: block;
	}
	.header .flex > div{
		width: 100%;
		margin-bottom: 10px;
	}
	.header .contact{
		text-align: left;
	}
}
/* End */
/* /bitrix/templates/bron/template_styles.css?17116397281139 */