/* =Company card icons
----------------------------------------*/
.app2-company-card__icon_address {
	background: url("../img/address.svg");
	background-image: -webkit-image-set(url("../img/address.png") 1x, url("../img/address2x.png") 2x, url("../img/address3x.png") 3x);
	background-image:         image-set(url("../img/address.png") 1x, url("../img/address2x.png") 2x, url("../img/address3x.png") 3x);
	background-position: 50% 50%;
}

.app2-company-card__icon_cell {
	background: url("../img/cell.svg");
	background-image: -webkit-image-set(url("../img/cell.png") 1x, url("../img/cell2x.png") 2x, url("../img/cell3x.png") 3x);
	background-image:         image-set(url("../img/cell.png") 1x, url("../img/cell2x.png") 2x, url("../img/cell3x.png") 3x);
	background-position: 50% 50%;
}

.app2-company-card__icon_fax {
	background: url("../img/fax.svg");
	background-image: -webkit-image-set(url("../img/fax.png") 1x, url("../img/fax2x.png") 2x, url("../img/fax3x.png") 3x);
	background-image:         image-set(url("../img/fax.png") 1x, url("../img/fax2x.png") 2x, url("../img/fax3x.png") 3x);
	background-position: 50% 50%;
}

.app2-company-card__icon_telegram {
	background: url("../img/telegram.svg");
	background-image: -webkit-image-set(url("../img/telegram.png") 1x, url("../img/telegram2x.png") 2x, url("../img/telegram3x.png") 3x);
	background-image:         image-set(url("../img/telegram.png") 1x, url("../img/telegram2x.png") 2x, url("../img/telegram3x.png") 3x);
	background-position: 50% 50%;
}

.app2-company-card__icon_mail {
	background: url("../img/mail.svg");
	background-image: -webkit-image-set(url("../img/mail.png") 1x, url("../img/mail2x.png") 2x, url("../img/mail3x.png") 3x);
	background-image:         image-set(url("../img/mail.png") 1x, url("../img/mail2x.png") 2x, url("../img/mail3x.png") 3x);
	background-position: 50% 50%;
}

.app2-company-card__icon_phone {
	background: url("../img/phone.svg");
	background-image: -webkit-image-set(url("../img/phone.png") 1x, url("../img/phone2x.png") 2x, url("../img/phone3x.png") 3x);
	background-image:         image-set(url("../img/phone.png") 1x, url("../img/phone2x.png") 2x, url("../img/phone3x.png") 3x);
	background-position: 50% 50%;
}

.app2-company-card__icon_url {
	background: url("../img/url.svg");
	background-image: -webkit-image-set(url("../img/url.png") 1x, url("../img/url2x.png") 2x, url("../img/url3x.png") 3x);
	background-image:         image-set(url("../img/url.png") 1x, url("../img/url2x.png") 2x, url("../img/url3x.png") 3x);
	background-position: 50% 50%;
}

.app2-company-card__icon_vcard {
	background: url("../img/vcard.svg");
	background-image: -webkit-image-set(url("../img/vcard.png") 1x, url("../img/vcard2x.png") 2x, url("../img/vcard3x.png") 3x);
	background-image:         image-set(url("../img/vcard.png") 1x, url("../img/vcard2x.png") 2x, url("../img/vcard3x.png") 3x);
	background-position: 50% 50%;
}

.app2-company-card__icon_worktime {
	background: url("../img/worktime.svg");
	background-image: -webkit-image-set(url("../img/worktime.png") 1x, url("../img/worktime2x.png") 2x, url("../img/worktime3x.png") 3x);
	background-image:         image-set(url("../img/worktime.png") 1x, url("../img/worktime2x.png") 2x, url("../img/worktime3x.png") 3x);
	background-position: 50% 50%;
}

.app2-company-card__icon_ok {
	background: url("../img/ok.svg");
	background-image: -webkit-image-set(url("../img/ok.png") 1x, url("../img/ok2x.png") 2x, url("../img/ok3x.png") 3x);
	background-image:         image-set(url("../img/ok.png") 1x, url("../img/ok2x.png") 2x, url("../img/ok3x.png") 3x);
	background-position: 50% 50%;
}

.app2-company-card__icon_twitter {
	background: url("../img/twitter.svg");
	background-image: -webkit-image-set(url("../img/twitter.png") 1x, url("../img/twitter2x.png") 2x, url("../img/twitter3x.png") 3x);
	background-image:         image-set(url("../img/twitter.png") 1x, url("../img/twitter2x.png") 2x, url("../img/twitter3x.png") 3x);
	background-position: 50% 50%;
}

.app2-company-card__icon_vk {
	background: url("../img/vk.svg");
	background-image: -webkit-image-set(url("../img/vk.png") 1x, url("../img/vk2x.png") 2x, url("../img/vk3x.png") 3x);
	background-image:         image-set(url("../img/vk.png") 1x, url("../img/vk2x.png") 2x, url("../img/vk3x.png") 3x);
	background-position: 50% 50%;
}

.app2-company-card__icon_whatsapp {
	background: url("../img/whatsapp.svg");
	background-image: -webkit-image-set(url("../img/whatsapp.png") 1x, url("../img/whatsapp2x.png") 2x, url("../img/whatsapp3x.png") 3x);
	background-image:         image-set(url("../img/whatsapp.png") 1x, url("../img/whatsapp2x.png") 2x, url("../img/whatsapp3x.png") 3x);
	background-position: 50% 50%;
}

.app2-company-card__icon_recall {
	background: url("../img/recall.svg");
	background-image: -webkit-image-set(url("../img/recall.png") 1x, url("../img/recall2x.png") 2x, url("../img/recall3x.png") 3x);
	background-image:         image-set(url("../img/recall.png") 1x, url("../img/recall2x.png") 2x, url("../img/recall3x.png") 3x);
	background-position: 50% 50%;
}

.app2-company-card__icon_ask {
	background: url("../img/ask.svg");
	background-image: -webkit-image-set(url("../img/ask.png") 1x, url("../img/ask2x.png") 2x, url("../img/ask3x.png") 3x);
	background-image:         image-set(url("../img/ask.png") 1x, url("../img/ask2x.png") 2x, url("../img/ask3x.png") 3x);
	background-position: 50% 50%;
}

.app2-company-card__icon_doctor {
	background: url("../img/doctor.svg");
	background-image: -webkit-image-set(url("../img/doctor.png") 1x, url("../img/doctor2x.png") 2x, url("../img/doctor3x.png") 3x);
	background-image:         image-set(url("../img/doctor.png") 1x, url("../img/doctor2x.png") 2x, url("../img/doctor3x.png") 3x);
	background-position: 50% 50%;
}

.app2-company-card__icon_youtube {
	background: url("../img/youtube.svg");
	background-image: -webkit-image-set(url("../img/youtube.png") 1x, url("../img/youtube2x.png") 2x, url("../img/youtube3x.png") 3x);
	background-image:         image-set(url("../img/youtube.png") 1x, url("../img/youtube2x.png") 2x, url("../img/youtube3x.png") 3x);
	background-position: 50% 50%;
}

.app2-company-card__icon_tiktok {
	background: url("../img/tiktok.svg");
	background-image: -webkit-image-set(url("../img/tiktok.png") 1x, url("../img/tiktok2x.png") 2x, url("../img/tiktok3x.png") 3x);
	background-image:         image-set(url("../img/tiktok.png") 1x, url("../img/tiktok2x.png") 2x, url("../img/tiktok3x.png") 3x);
	background-position: 50% 50%;
}

.app2-company-card__icon {
	display: block;
	width: 26px;
	height: 26px;
	background-repeat: no-repeat;
	background-size: contain;
}

/* =Company card contacts
----------------------------------------*/
.app2-company-card__contact {
	font-size: 0.83rem;
	border-bottom: 1px solid #E9ECEF;
	padding-left: 0.5rem;
}
.app2-company-card__contact:last-child {
	border-bottom: 0;
}
.app2-company-card__contact a {
	text-decoration: none;
}

.app2-company-card__contact_hidden {
	text-decoration: none;
}
.app2-company-card__contact_hidden:hover {
	text-decoration: none;
}
.app2-company-card__contact_hidden span:last-child {
	text-decoration: underline;
	-webkit-text-decoration-style: dashed !important;
	        text-decoration-style: dashed !important;
}
.app2-company-card__contact_hidden span:first-child {
	position: relative;
	text-decoration: none;
}
.app2-company-card__contact_hidden span:first-child:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 60%;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 70%);
}

.app2-company-card__contact-whatsapp {
	font-size: 0.8rem !important;
	background-color: transparent;
	margin-left: -0.5rem;
	color: #3682AC;
	transition: all 0.2s ease-in-out !important;
}
.app2-company-card__contact-whatsapp:hover {
	background-color: rgba(0, 157, 28, 0.1);
}

.btn.app2-company-card__contact-callback {
	min-width: 130px;
	font-size: 0.8rem !important;
	background-color: #28BC51;
	color: #FFFFFF;
	transition: all 0.2s ease-in-out !important;
}
.btn.app2-company-card__contact-callback:hover {
	background-color: #24A748;
	color: #FFFFFF;
}

.app2-company-card__contact-comment {
	display: block;
	padding-right: 0.5rem;
}

.app2-company-card__facades {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 82px;
	overflow: hidden;
}

.app2-company-card__facade {
	float: left;
	padding: 0;
	margin: 0 0.125rem 0.25rem 0;
	overflow: hidden;
	border: 1px solid #DEE2E6;
	border-radius: 2px;
}
.app2-company-card__facade img {
	height: 80px;
}
.app2-company-card__facade > a {
	display: block;
	width: 100%;
	height: 100%;
}

.app2-company-card__address-map-header {
	background-color: #D74B6A;
	border-radius: 4px;
	text-align: center;
	position: relative;
	margin-bottom: 1rem;
}
.app2-company-card__address-map-header:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 8px 0 4px;
	border-color: #D74B6A transparent transparent transparent;
}

.app2-company-card__address-map {
	background-color: #F8F9FA;
	overflow: hidden;
}
.app2-company-card__address-map figure {
	height: 100%;
}

.app2-company-card__qr {
	opacity: 0.8;
	margin: 0;
	transition: opacity 0.15s ease-in;
}
.app2-company-card__qr:hover {
	opacity: 1;
}

.app2-company-card__cb-form form {
	background: #F8F9FA;
}
.app2-company-card__cb-form form label {
	font-size: 0.9rem;
}
.app2-company-card__cb-form form button {
	font-size: 0.8rem;
	text-transform: uppercase;
}

.app2-company-card__addresses-column {
	font-size: 0.75rem;
}

.btn.app2-company-card__contact-connect {
	min-width: 130px;
	font-size: 0.8rem !important;
	background-color: #3BA7E3;
	color: #FFFFFF;
	transition: all 0.2s ease-in-out !important;
}
.btn.app2-company-card__contact-connect:hover {
	background-color: #259DE0;
	color: #FFFFFF;
}

.app2-company-card__contact-er25 {
	min-width: 130px;
	height: 32px;
	line-height: 32px;
	font-size: 0.8rem !important;
	background-color: #FF1800 !important;
	color: #FFFFFF !important;
	transition: all 0.2s ease-in-out !important;
}
.app2-company-card__contact-er25:hover {
	background-color: #E61600 !important;
	color: #FFFFFF;
}

.app2-company-card__page-text img {
	max-width: 100%;
}

.app2-company-card__bus-stops {
	font-size: 0.8rem;
}

.app2-company-card__report {
	color: #6C757D;
	font-size: 0.8rem;
}
.app2-company-card__report:hover {
	color: #495057;
}

@media (min-width: 576px) {
	.app2-card__contacts {
		border-right: 1px solid #DEE2E6;
	}
}

@media (min-width: 768px) {
	.app2-company-card__contact-comment {
		width: 50%;
	}
}

@media (min-width: 992px) {
	.app2-company-card__address-map {
		height: 300px !important;
	}
	.app2-company-card__address-menu {
		font-size: 0.8rem;
		text-transform: uppercase;
	}
	.app2-company-card__address-menu a {
		color: #495057;
		background: #F8F9FA;
		text-decoration: none !important;
		transition: all 0.2s ease-in;
	}
	.app2-company-card__address-menu a:hover {
		background: #E9ECEF;
		color: #212529;
		border-radius: 2px;
	}
}

@media (max-width: 991.98px) {
	.app2-company-card__address {
		width: calc(100% - 20px);
	}
	.app2-company-card__address-menu span {
		font-weight: bold;
	}
}

@media (max-width: 575.98px) {
	.app2-card__contacts {
		order: 2;
	}
	.app2-company-card__address-menu span {
		font-weight: bold;
	}
	.app2-company-card__contact_hidden span:first-child:after {
		left: -30%;
	}
	.app2-company-card__contact_hidden span:last-child {
		transform: translateX(-35px);
	}
}

.app2-header, .app2-footer, .app2-breadcrumbs, .app2-company-cards, .app2-company-map_toggle {
	position: relative;
	z-index: 1;
}

.app2-header, .app2-footer {
	background-color: rgba(255, 255, 255, 0.95);
}

.app2-map-container {
	width: 100%;
	height: 100%;
	max-width: none;
	padding: 0 !important;
}

.app2-company-cards {
	width: 300px;
}

.app2-company-card {
	overflow-y: auto;
}
.app2-company-card h1 {
	font-size: 1.5rem;
}
.app2-company-card h1 a {
	text-decoration: none;
	color: inherit;
}
.app2-company-card h2 {
	font-size: 1.2rem;
}

.app2-company-card__contact {
	font-size: 0.8rem;
}

.app2-company-map__item {
	cursor: pointer;
	transition: background-color 0.2s ease-in;
}
.app2-company-map__item .material-icons {
	color: #CED4DA;
	transition: color 0.2s ease-in;
}
.app2-company-map__item:hover {
	background-color: #F8F9FA;
}
.app2-company-map__item:hover .material-icons {
	color: #495057;
}

.app2-ymaps {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.app2-ymaps > section {
	width: 100%;
	height: 100%;
}

.app2-company-map_toggle {
	border-radius: 3px;
	transition: all 0.2s ease-in-out;
}

.app2-company-map_card-display .app2-company-map_toggle {
	transform: translateY(-30px);
	opacity: 0;
	z-index: 0;
}

.app2-company-card__image {
	height: 200px;
	background-size: cover;
	background-repeat: no-repeat;
}

@media (max-width: 767.98px) {
	.app2-ymaps {
		top: 80px;
	}
	.app2-company-cards {
		position: absolute;
		top: 87px;
		transform: translateX(-320px);
		transition: all 0.2s ease-in-out;
		max-height: calc(100vh - 90px);
		overflow: auto;
		max-width: 80%;
	}
	.app2-company-map_card-display .app2-company-cards {
		transform: translateX(-12px);
	}
	.app2-footer {
		display: none;
	}
}

@media (max-width: 575.98px) {
	.app2-ymaps {
		top: 50px;
	}
	.app2-content > .container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.app2-company-cards {
		top: 54px;
		max-height: calc(100vh - 54px);
	}
	.app2-company-map_toggle {
		white-space: inherit;
	}
}

@media (min-width: 992px) {
	.app2-ymaps {
		top: 85px;
		bottom: 70px;
	}
	.app2-header {
		position: fixed !important;
		top: 0;
		left: 0;
		right: 0;
		z-index: 99;
	}
	.app2-header > .container {
		margin-left: 0.5rem;
	}
	.app2-header__logo-col {
		padding-left: 3rem !important;
	}
	.app2-header__search-col {
		margin-left: 110px;
	}
	.app2-content {
		margin-top: 85px;
	}
	.app2-content > .container {
		max-width: none;
	}
	.app2-footer {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 99;
	}
	.app2-company-cards {
		padding-bottom: 100px;
	}
}