header, .wrapper__content{background-image: -moz-linear-gradient( 0deg, rgb(249,249,251) 0%, rgb(204,210,232) 100%); background-image: -webkit-linear-gradient(0deg, rgb(249,249,251) 0%, rgb(204,210,232) 100%); background-image: -ms-linear-gradient( 0deg, rgb(249,249,251) 0%, rgb(204,210,232) 100%)}
.wrapper__content{padding:50px 0}
h1{padding-left: 47px;position:relative;padding: 6px 0 0 47px;}
h1::before{content: ""; height: 49px; width: 22px; position: absolute; left: 0; top: 0; background: #8f1d2c}
.contact-page{padding:50px 0}
.contact-card{background:#fff;border-radius:6px;box-shadow:0 18px 45px rgba(50,20,26,.08);padding:38px 42px;border:1px solid rgba(143,29,44,.12)}
.contact-card__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:26px}
.contact-card__heading .h1{margin:0;text-align:left}
.contact-card__heading p{max-width:430px;margin:0;color:#53637e;font-size:16px;line-height:24px}
.contact-card__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.contact-card__item{display:flex;align-items:flex-start;gap:15px;background:#fbfcfe;border-radius:6px;padding:18px;border:1px solid #edf0f6;min-height:96px}
.contact-card__item img{width:34px;height:34px;object-fit:contain;flex:0 0 34px}
.contact-card__item span{display:block;margin-bottom:6px;color:#6d7f91;font-size:13px;line-height:17px}
.contact-card__item strong,.contact-card__item a{color:#343333;font-size:17px;line-height:24px;font-weight:700;text-decoration:none}
.contact-card__item a:hover{color:#8f1d2c}
.contact-card__actions{display:flex;align-items:center;gap:18px;margin-top:28px}
.contact-card__actions .green-button-gradient{width:260px;max-width:100%;height:52px;line-height:52px;text-align:center;text-decoration:none;color:#fff}
.contact-card__actions .green-button-gradient span{line-height:52px}
.contact-card__phone{color:#8f1d2c;font-size:24px;line-height:32px;font-weight:700;text-decoration:none}
.contact-card__phone:hover{color:#53637e;text-decoration:none}
.map-block{max-width:800px; width:100%; padding:0 !important; background-image: -moz-linear-gradient( 90deg, rgb(143,29,44) 0%, rgb(242,205,211) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(143,29,44) 0%, rgb(242,205,211) 100%); background-image: -ms-linear-gradient( 90deg, rgb(143,29,44) 0%, rgb(242,205,211) 100%); background-clip: padding-box; border-radius: 6px;}
.map-block__in{width:100%; height:600px; padding:15px}
.contact-top__link{border:2px solid #8f1d2c;border-radius: 49px;text-align:center;line-height: 42px;width:200px;display:block;font-weight: 700;color: #343333;font-size: 16px; margin-top:50px}
.contact-top__link:hover{background:#8f1d2c;color:#fff; text-decoration:none}
#controller_wrap .row-contact-top:last-child{border:none; padding-bottom:0}
.wrapper-nav-link__contact{padding-top:30px}
.nav-link__contact{position:relative; font-size: 18px; line-height:18px; display:block; font-weight:700; color:#343333; padding-bottom:30px; text-decoration:none !important; margin-right:50px}
.nav-link__contact::after{transition: all 0.3s linear 0s; position: absolute;bottom: 0;left: 0;right: 0;content: "";background: #8f1d2c;border-radius: 10px;height: 3px;opacity: 0}
.nav-link__contact:hover, .nav-link__contact.active{color:#8f1d2c}
.nav-link__contact.active::after{opacity:1}
.city-list{padding:0; margin:0 -5px}
.city-list li{padding:5px; margin:0; list-style:none}
.city-list li a{display: block;background: #8f1d2c;color: #fff;font-size: 18px;padding: 5px 15px;border-radius: 20px;text-decoration: none !important}
.city-list li a:hover{background:#6d7f91}
@media(max-width:1229px){
	.wrapper__content{padding:50px 0}
	h1{padding: 8px 0 0 40px;}
	h1::before{height: 47px; width: 20px}
	.contact-card{padding:34px}
	.contact-top__link{line-height: 40px;width:200px; margin-top: 35px;}
	.wrapper-nav-link__contact{padding-top:25px}
	.nav-link__contact{font-size: 16px; line-height:16px; padding-bottom:25px; margin-right:40px}
}
@media(max-width:991px){
	.wrapper__content{padding: 40px 0;}
	h1{padding: 8px 0 0 35px;}
	h1::before{height: 45px; width:18px}
	.contact-card__heading{display:block}
	.contact-card__heading p{max-width:none;margin-top:12px}
	.contact-top__link{line-height: 38px;width: 180px;font-size: 14px;margin-top: 25px;}
	.wrapper-nav-link__contact{padding-top:20px}
	.nav-link__contact{font-size: 14px; line-height:14px; padding-bottom:20px; margin-right:20px}
	.city-list li a{font-size: 16px}
}
@media(max-width:767px){
	.wrapper__content{padding: 30px 0;}
	h1{padding: 0 15px 10px;margin-bottom: 20px;border-bottom: 1px solid rgba(143,29,44,0.2);text-align: center;}
	h1::before{display:none}
	.contact-card{padding:24px}
	.contact-card__grid{grid-template-columns:1fr}
	.contact-card__actions{display:block}
	.contact-card__actions .green-button-gradient{display:block;margin-top:15px;width:100%}
	.contact-top__link{line-height: 36px;width: 170px;font-size: 13px;margin-top: 15px;}
	.wrapper-nav-link__contact{padding-top: 15px;}
	.nav-link__contact{font-size: 14px;line-height:14px;padding-bottom: 10px;margin: 5px 15px;}
} 
@media(max-width:575px){
	.wrapper__content{padding: 20px 0;}
	.contact-card{padding:20px 16px}
	.contact-card__heading p{font-size:14px;line-height:21px}
	.contact-card__item{padding:15px}
	.contact-card__item strong,.contact-card__item a{font-size:15px;line-height:21px}
	.contact-card__phone{font-size:21px;line-height:29px}
	.map-block__in{ padding:15px}
	.contact-top__link{line-height: 32px;width: 150px;font-size: 12px;margin-top: 10px;}
	.wrapper-nav-link__contact{padding-top: 10px;}
	.nav-link__contact{padding-bottom: 10px;margin: 5px 10px;}
	.city-list li a{font-size: 14px}
} 
