/* Start:/local/templates/kronopharm/assets/css/components/contacts/_contacts.css?16975556305500*/
.contacts {
	padding-bottom: 100px;
}
.contacts__name {
	font-size: var(--fz-14);
	line-height: var(--lh-17);
	color: var( --color-gray);
	margin-bottom: 10px;
}
.contacts__info {
	font-family: var(--ff-inter-medium);
	font-weight: var(--fw-500);
	font-size: var(--fz-24);
	line-height: var(--lh-29);
	color: var(--color-primary);
	-webkit-transition: var(--trans-main);
	-o-transition: var(--trans-main);
	transition: var(--trans-main);
}
.contacts__info:not(:last-child) {
	margin-bottom: 10px;
}
.contacts__info_small {
	font-size: var(--fz-20);
	line-height: var(--lh-24);
}
.contacts__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.contacts__col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.contacts__col:not(:last-child) {
	margin-right: 184px;
}
.contacts__block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.contacts__col .contacts__block {
	margin-bottom: 47px;
}
.contacts__col .contacts__block:last-child {
	margin-bottom: 62px;
}
.contacts__preview {
	position: absolute;
	max-width: 407px;
	background: var(--color-white);
	padding-bottom: 40px;
	top: 40px;
	left: 30px;
}
.contacts__preview-close {
	display: none;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: none;
	outline: none;
	background: var(--color-white);
	color: var(--color-primary);
	position: absolute;
	top: 10px;
	z-index: 1;
	right: 10px;
	width: 30px;
	height: 30px;
	font-size: var(--fz-28);
	border-radius: 100%;
	padding-bottom: 3px;
	cursor: pointer;
}
.contacts__preview .contacts__block {
	max-width: 309px;
}
.contacts__preview-info {
	padding: 20px 20px 0 20px;
}
.contacts__preview-button {
	margin-top: 32px;
	width: 100%;
}
.contacts__preview-img img{
	-webkit-filter: drop-shadow(0px 20px 20px rgba(132, 132, 132, 0.05));
	filter: drop-shadow(0px 20px 20px rgba(132, 132, 132, 0.05));
}
.contacts__map {
	position: relative;
}
#map {
	width: 100%;
	height: 580px;
	-ms-touch-action: auto;
	touch-action: auto;
}
.contacts__map-overlay {
	display: none;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0, 0.6);
	font-family: 'HelveticaNeueCyr-Medium', sans-serif;
	font-weight: 550;
	font-size: 40px;
	line-height: 40px;
	color: var(--color-secondary);
	text-align: center;
}
.contacts__map-overlay svg{
	height: 50px !important;
	width: 50px !important;
	margin-top: 30px;
	-webkit-animation: hand-move 2s ease-out infinite;
	animation: hand-move 2s ease-out infinite;
}
.contacts__map-overlay svg path{
	fill: var(--color-secondary);
}

.ymaps-2-1-79-copyright {
	display: none !important;
}
@media screen and (max-width: 1060px) {
	.contacts__map-overlay {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.contacts__col:not(:last-child) {
		margin-right: 100px;
	}
	.contacts__col .contacts__block:last-child {
		margin-bottom: 40px;
	}
	.contacts__col:last-child {
		margin-bottom: 20px;
	}
	.contacts__map {
		margin:0 -20px 0 -20px;
	}
	.contacts {
		padding-bottom: 0;
	}
	#map {
		height: 675px;
	}
	.contacts__preview {
		display: none;
	}
	.contacts__preview-close {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}
@media screen and (max-width: 768px) {
	.contacts__items {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-wrap: unset;
		flex-wrap: unset;
	}
	.contacts__col:not(:last-child) {
		margin-right: 0;
	}
	.contacts__preview {
		top: unset;
		bottom: 18px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		padding-bottom: 24px;
	}
	.contacts__info {
		font-size: var(--fz-20);
		line-height: var(--lh-24);
	}
	.contacts__info_small {
		font-size: var(--fz-16);
		line-height: var(--lh-20);
	}
	.contacts__preview-info {
		padding: 17px 17px 0 17px;
	}
	.contacts__col_order_last {
		-webkit-box-ordinal-group: 51;
		-ms-flex-order: 50;
		order: 50;
	}
}
@media screen and (max-width: 576px) {
	.contacts__map-overlay {
		font-size: var(--fz-20);
		line-height: var(--lh-25);
	}
	.contacts__preview {
		max-width: 450px;
		width: 100%;
	}
}
@media screen and (max-width: 480px) {
	.contacts__preview {
		max-width: 100%;
		width: calc(100% - 40px);
	}
	.button.contacts__preview-button {
		padding: 16px 0 16px 0;
	}
	.contacts__block .button {
		padding: 16px 42px 16px 42px;
	}
}
/* End */
/* /local/templates/kronopharm/assets/css/components/contacts/_contacts.css?16975556305500 */