/* Page-contacts */
.page-contacts {
	background: url(/project/autoprofe/img/contacts_bg3.jpg) no-repeat 0 0/100% #2e2d33;
	background-size: cover;
}
.page-contacts--wrap {
	min-height: 100vh;
}
.page-contacts--text {
	max-width: 600px;
	margin: 20px auto 50px;
}
.page-contacts--content {
	flex-wrap: nowrap;
	margin: 0 auto;
	max-width: 900px;
}
/* Contacts data */
.page-contacts--text {
	position: relative;
	top: 10%;
	color: #f7f7f7;
	line-height: 2;
}
.page-contacts--data {
	background: rgba(11, 16, 21, 0.5);
	border-radius: 10px;
	padding: 15px 30px;
	position: absolute;
	bottom: 15%;
	right: 12%;
	line-height: 2.8;
}
.data--info {
	color: #f7f7f7;
}
.data--info .contacts-icon {
	position: relative;
	margin-right: 6px;
	width: 22px;
	height: 22px;
	fill: #f7f7f7;
}

/* Map location */
.page-contact--map {
	position: absolute;
	top: 25%;
	right: 30%;
}
.show-map--btn {
	position: relative;
	cursor: pointer;
	color: #eee;
	font-size: .9rem;
	transition: .3s;
}
.page-contact--map:hover .show-map--btn {
	transform: scale(1.2);
}



/* Pusl dott */
.wsi-triger {
	background: #fff;
	border-radius: 50%;
	border: 2px solid #aeaeae;
	left: -20px;
	bottom: -15px;
	position: absolute;
	padding: 3px;
	color: #fff;
	animation: radial-pulse 2.5s infinite;
}
@keyframes radial-pulse {
	0% {
		box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.6);
	}
	100% {
		box-shadow: 0 0 0 12px rgba(255, 255, 255, 0);
	}
}
/* END Page-contacts */