

/* Start:/local/templates/vog/components/bitrix/catalog.section.list/contacts/style.css?15585940704407*/

.contacts__head {
	border-bottom: 1px solid rgba(58, 70, 76, 0.15);
	margin-bottom: 40px;
}

.contact__title h1 {
	margin-top: 10px;
}

.contacts {
	border-bottom: 1px solid rgba(58, 70, 76, 0.15);
}

.contacts__element-name {
	font-weight: 600;
	font-size: 12px;
	line-height: normal;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: #3A464C;
	opacity: 0.6;
	margin-bottom: 10px;
}

.contacts__element-text {
	font-weight: 600;
	font-size: 20px;
	line-height: normal;
	font-feature-settings: 'pnum' on, 'lnum' on;
	color: #3A464C;
	margin-bottom: 20px;
}

.contacts__element-text a {
	font-weight: 600;
	font-size: 20px;
	line-height: normal;
	font-feature-settings: 'pnum' on, 'lnum' on;
	color: #1A78BA;
	border: 1px solid transparent;
	transition: all .3s ease-out;
}

.contacts__element-text a:hover {
	border-bottom: 1px solid rgba(26, 120, 186, 0.35);
}

.yandex__map {
	margin-bottom: 80px;
}

.yandex__map >.container {
	width: 100% !important;
	padding: 0px !important;
	position: relative;
	height: 600px;
}

.contacts__element-top {
	margin-bottom: 15px;
}

.contacts__element-bot {
	margin-bottom: 15px;
}

.contacts__inner-img img {
	border-radius: 5px;
	display: block;
}

.contacts__inner-text p {
	font-weight: normal;
	font-size: 14px;
	line-height: 22px;
	color: #3A464C;
	opacity: 0.7;
	margin-bottom: 20px;
}

.contacts__inner-text .row {
	margin-top: 20px;
}

.contacts__inner-text a {
	font-weight: 600;
	font-size: 20px;
	line-height: normal;
	font-feature-settings: 'pnum' on, 'lnum' on;
	color: #1A78BA;
	border: 1px solid transparent;
	transition: all .3s ease-out;
}

.contacts__inner-text a:hover {
	border-bottom: 1px solid rgba(26, 120, 186, 0.35);
}

.contacts__item {
	margin-bottom: 80px;
}

.contacts__inner {
	margin-bottom: 50px;
}

.contacts__inner-name {
	font-weight: bold;
	font-size: 20px;
	line-height: 20px;
	color: #3A464C;
	margin-bottom: 20px;
}

.contacts__title {
	margin-bottom: 50px;
}

/* tabs */


.contacts__text {
	font-weight: normal;
	font-size: 16px;
	line-height: 28px;
	color: #3A464C;
}

.contacts__text p {
	margin-bottom: 0px;
	opacity: 1;

}


.contacts__radiogroup {
	margin-bottom: 0px;
	box-sizing: border-box;
}

.contacts__radiogroup input[type=radio] {
	position: absolute;
	visibility: hidden;
	display: none;
}

.contacts__radiogroup label {
	font-weight: 600;
	font-size: 20px;
	line-height: 20px;
	color: #3A464C;
	opacity: 0.5;
	display: inline-block;
	cursor: pointer;
	margin-right: 35px;
	padding-bottom: 15px;
	background: transparent;
	border-bottom: 2px solid transparent;
	transition: all .3s ease-out;
	margin-bottom: -1px;
}

.contacts__radiogroup label:hover {
	color: #1A78BA;
	opacity: 1;
}

.contacts__radiogroup input[type=radio]:checked + label {
	color: #1A78BA;
	border-color: #1A78BA;
	opacity: 1;
}


/* mobile-select */
.contacts__select select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	outline: 0;
	box-shadow: none;
	border: 0 !important;
	background: #FFFFFF;
	background-image: none;
	width: 100%;
	height: 100%;
	margin: 0;
	color: #3A464C;
	cursor: pointer;
	padding: 0px 15px;
}
/* Custom Select */
.contacts__select {
	font-weight: bold;
	font-size: 18px;
	color: #3A464C;
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 5px;
	margin: 0 auto;
	border: 1px solid rgba(58, 70, 76, 0.15);
	line-height: 2.5;
	margin-bottom: 35px;

}

select::-ms-expand {
	display: none;
}
/* Arrow */
.contacts__select::after {
	content: '\25BC';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 0 1em;
	background: #1A78BA;
	pointer-events: none;
	color: white;
	-webkit-transition: .25s all ease;
	-o-transition: .25s all ease;
	transition: .25s all ease;
}

/* mobile-select */

@media all and (max-width: 992px) {

	.yandex__map >.container {
		height: 480px;
	}



}

@media all and (max-width: 767px) {

	.contacts__inner {
		margin-bottom: 30px;
	}

	.contacts__item {
		margin-bottom: 0px;
	}



	.contacts__element-top {
		margin-bottom: 0;
	}

	.yandex__map {
		margin-bottom: 50px;
	}

	.contacts__inner-img {
		margin-bottom: 20px;
	}



}
/* End */
/* /local/templates/vog/components/bitrix/catalog.section.list/contacts/style.css?15585940704407 */
