.contact-bottom__map-left{width: 50%;}
.contact-bottom__map{width: 50%;}
#map{margin-left: -225px; height: 100%; overflow: hidden; position: relative; min-height: 550px; height: 550px; background: #f5f5f5}
.map-article #map{border-radius:10px}
.contact-bottom__container > div{padding-right: 30px; display: flex; flex-direction: column; justify-content: center; height: 100%}
.contact-bottom__contacts{display: flex; flex-direction: column; gap: 25px}
.contact-bottom__contacts-inner{display: flex; gap: 30px}
.contact-bottom__container .contact-bottom__contacts{width: 385px;}
.contacts-inner__info{display: flex; flex-direction: column; gap: 20px 0; align-items: flex-start; font-size: 18px}
.contacts-inner__info svg{color: #FF6B35; transition: color 0.2s; max-width: 20px; max-height: 20px}
a.contacts-inner__info-block:hover, a.contacts-inner__info-block:hover svg{color: #E55A2B}
.info-block--icon{min-width: 21px; display: flex; justify-content: center; align-items: center}
.contacts-inner--phone{font-size: 24px; font-weight: 700}
.contacts-inner__info-block{display: flex; color: #1F2A44; text-decoration: none; align-items: center; gap: 16px; align-items: center}
.contacts-inner__info-block .top-messenger__item{display: flex; align-items: center; justify-content: center; border-radius: 50%; text-decoration: none; transition: all 0.2s; color: white; width: 40px; height: 40px}
.contacts-inner__info-block .top-messenger__item svg{color:#fff}
.contacts-inner__info-block .telegram{background: #0088cc}
.contacts-inner__info-block .max{background: linear-gradient(62.51deg, #60BFF7 0%, #864FE5 100%)}
.contacts-inner__info-block .top-messenger__item:hover{transform: translateY(-3px); filter: brightness(1.05)}
.map-loader{display: flex; align-items: center; justify-content: center; height: 100%; min-height: 550px; background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); background-size: 200% 100%; animation: loading 1.5s infinite; color: #FF6B35; font-size: 16px; border-radius: 24px}
@keyframes loading{
	0% { background-position: 200% 0; }
    100% { background-position: -200% 0}
}
.map-error{display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; min-height: 550px; background: #f8f8f8; color: #777575; text-align: center; padding: 30px; border-radius: 24px; border: 1px dashed #FF6B35}
.map-error p:first-child{color: #FF6B35; font-weight: 700; font-size: 18px; margin-bottom: 15px}
.phone-mar-top{margin-top:-25px}
@media (min-width: 576px){
	.contact-bottom__contacts .title{text-align:left; margin: 0 0 10px 0}
	.contact-bottom__contacts .title::after{margin-left:0}
	.row__contact-bottom{display: flex; justify-content: space-between; position: relative}
    .contact-bottom__container{position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; pointer-events: none}
    .contact-bottom__container .contact-bottom__contacts{pointer-events: auto; padding: 0; margin: 0}
}
@media (min-width: 768px){
	.contacts-inner__info .btn-big {min-width:250px}
}
@media (max-width: 1339px){
	#map{margin-left: -75px}
	.contacts-inner__info{font-size:17px}
	.contacts-inner--phone{font-size:22px}
	.contact-bottom__container .contact-bottom__contacts{width: 340px;}
	.phone-mar-top{margin-top:-20px}
}
@media (max-width: 991px){
	#map{margin-left: 0; min-height:500px; height:500px}
	.contacts-inner__info{font-size:16px; gap:15px 0}
	.contacts-inner--phone{font-size:20px}
	.contact-bottom__container .contact-bottom__contacts{width: 320px;}
	.phone-mar-top{margin-top:-15px}
}
@media (max-width: 767px){
	#map{margin-left: 0; min-height:450px; height:450px}
	.contacts-inner__info{font-size:14px}
	.contacts-inner--phone{font-size:18px}
	.contact-bottom__container .contact-bottom__contacts{width: 230px;}
	.contacts-inner__info-block .top-messenger__item{width: 32px; height: 32px}
	.contacts-inner__info-block .top-messenger__item svg{width:18px; height:auto}
	.contacts-inner__info svg{max-width: 18px;max-height: 18px}
	.contacts-inner__info .btn-big {width:100%}
	
	.map-article .contact-bottom__map-left, .map-article .contact-bottom__map{width:100%}
	.map-article .contacts-inner__info, .map-article .contacts-inner__info-block{margin:0 auto}
	.map-article .contact-bottom__container{position:static}
	.map-article .contact-bottom__container .contact-bottom__contacts {width: 100%;padding-top:0; padding-bottom:30px}
	.map-article.row__contact-bottom{display:block}
}
@media (max-width: 575px){
	#map{min-height:350px; height:350px}
	.contact-bottom__contacts .title{margin: 0}
	.contacts-inner__info-block{gap:10px}
	.contact-bottom__contacts{gap:15px}
	.contacts-inner__info svg{max-width: 16px;max-height: 16px}
	.contact-bottom__map-left, .contact-bottom__map{width:100%}
	.contacts-inner__info, .contacts-inner__info-block{margin:0 auto}
	.contact-bottom__container .contact-bottom__contacts {width: 100%;padding: 30px 0}
	.map-article .contact-bottom__container .contact-bottom__contacts {width: 100%;padding-top:0; padding-bottom:30px}
	.phone-mar-top{margin-top:-15px}
}

