/*
	Стили для страницы "Контакты"
*/

.page_contacts img { max-width: 100%; max-height: 100%; height: auto; border-style: none; }



.page_contacts .offices_wrp {
	padding-left: 8%;
    padding-right: 12%;
	margin: 90px 0 80px;
}
.page_contacts .offices {
	display: flex;
}
.page_contacts .left {
	position: relative;
	margin-right: 100px;
}
.page_contacts .left:before {
    content: '';
    position: absolute;
    top: -30px;
    left: -40px;
    width: 169px;
    height: 112px;
    background-image: url(../../assets/i/logo_title.png);
}
.page_contacts .left span {
	font-size: 18px;
	color: #4A8DBC;
	text-transform: uppercase;
}

.page_contacts .top {
	display: flex;
	padding: 18px 50px 40px 30px;
	margin: 0 0 40px;
	backdrop-filter: blur(9px);
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
}
.page_contacts .city {
	cursor: pointer;
}
.page_contacts .top .title {
	display: inline-block;
	margin: 0 0 20px;
	color: #047DCC;
	font-size: 24px;
	white-space: nowrap;
}
.page_contacts .top .city {
	font-weight: 600;
	border-bottom: 1px dashed #047DCC;
}
.page_contacts .top .block2 {
	margin: 0 90px 0 130px;
}
.page_contacts .top .address {
	padding: 0 0 0 38px;
	line-height: 1.6;
	background: url(../i/pointer.svg) no-repeat 0 3px;
}
.page_contacts .top .phones a {
	display: block;
	font-size: 20px;
	color: #000;
	padding: 8px 0 8px 34px;
	background: url(../i/phone.svg) no-repeat 0 50%;
}
.page_contacts .top .block3 {
	padding: 57px 0 0;	
}
.page_contacts .top .block3 p {
	padding-left: 32px;
	margin: 0 0 20px;
	background: url(../i/clock.svg) no-repeat 0 3px;
}
.page_contacts .top .block3 a {
	display: inline-block;
	padding-left: 32px;
	color: #000;
	background: url(../i/mail.svg) no-repeat 0 3px;
}

.page_contacts .bottom {
	display: flex;
	justify-content: space-between;
}
.page_contacts .bottom .block {
	width: 303px;
	padding: 10px 10px 12px 22px;
}
.page_contacts .city_wrp {
	border: 1px solid #D9D9D9;
	border-radius: 12px;
	background: #F9F9F9;
}
.page_contacts .city_wrp.active {
	background: none;
}
.page_contacts .bottom .block:nth-of-type(2) {
	margin: 0 15px;
}
.page_contacts .bottom .city {
	display: inline-block;
	font-weight: 600;
	color: #047DCC;
	margin: 0 0 10px;
	border-bottom: 1px dashed #047DCC;
}



#page_contacts_map_wrp {
	position: relative;
	overflow: hidden;
}
#page_contacts_map {
	height: 500px;
}
#page_contacts_map_wrp .info {
	position: absolute;
	z-index: 1;
	left: 30%;
	top: 155px;
	padding: 40px 46px 40px 32px;
	margin-right: 20px;
	background: #fff;
	border-radius: 12px;
	border: 1px solid #D9D9D9;
	backdrop-filter: blur(9px)
	box-shadow: 0px 0px 30px 0px #00000014;
}
#page_contacts_map_wrp .info .title {
	font-size: 18px;
}
#page_contacts_map_wrp .select2 {
	top: -1px;
}
#page_contacts_map_wrp .select2-selection--single {
	border: 0;
}
#page_contacts_map_wrp .select2-selection__rendered {
	position: relative;
	color: #047DCC;
	padding: 0;
	border-bottom: 2px dashed #047DCC;
}
#page_contacts_map_wrp .select2-selection--single {
	padding-right: 26px;
	background: url(../i/arrow-down2.svg) no-repeat 100% 11px;
}
#page_contacts_map_wrp .select2-selection__arrow {
	display: none;
}
.page_contacts_select_options {
	font-size: 16px;
}
#page_contacts_map_wrp .address {
	padding: 5px 0 5px 32px;
	margin: 20px 0 0;
	background: url(../i/pointer.svg) no-repeat 0 5px;
}
#page_contacts_map_wrp .address br {
	display: none;
}



@media screen and (max-width: 1500px) {
	.page_contacts .offices { display: block; }
	.page_contacts h2 br { display: none; }
	.page_contacts .left { margin: 0 0 30px; }
}
@media only screen and (max-width: 1100px) {
	.page_contacts .top .block2 { margin: 0 40px 0 50px; }
}
@media only screen and (max-width: 1000px) {
	.page_contacts .bottom .block p { font-size: 14px; }
	.page_contacts .top .block2 { margin: 0 10px 0 30px; }
	#page_contacts_map_wrp .info { left: 7vw; }
}
@media only screen and (max-width: 900px) {
	.page_contacts .top { display: block; padding: 30px; }
	.page_contacts .top .block1 { margin: 0 0 40px; }
	.page_contacts .top .block2 { margin: 0; }
	.page_contacts .top .block3 { padding: 16px 0 0; }
}
@media only screen and (max-width: 800px) {
	.page_contacts .offices_wrp { padding: 0 8%; margin: 50px 0; }
	#page_contacts_map_wrp .info { top: 30px; left: 50px; }
}
@media only screen and (max-width: 700px) {
	#page_contacts_map_wrp .info { padding: 20px; }
	#page_contacts_map_wrp .info .title { font-size: 16px; }
	#page_contacts_map_wrp .address { font-size: 14px; margin: 10px 0 0; }
	.page_contacts .bottom { display: block; }
	.page_contacts .bottom .block { width: 100%; }
	.page_contacts .bottom .block:nth-of-type(2) { margin: 20px 0; }
	.page_contacts .bottom .block p br { display: none; }
}
@media only screen and (max-width: 600px) {
	.page_contacts .top .address span { display: none; }
}
@media only screen and (max-width: 500px) {
	.page_contacts .top .title { font-size: 18px; }
	.page_contacts .top .phones a { font-size: 16px; }
}