/* Start:/contacts/style.css?17606291664344*/
.page {
    padding-top: 30px;
}

.page__flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

@media screen and (max-width: 992px) {
    .page__flex {
        flex-direction: column;
    }
}

.page__img-block {
    width: 450px;
    flex-shrink: 0;
    margin-right: 50px;
    position: sticky;
    top: 0;
}

@media screen and (max-width: 1400px) {
    .page__img-block {
        width: 350px;
    }
}

@media screen and (max-width: 1200px) {
    .page__img-block {
        width: 280px;
    }
}

@media screen and (max-width: 992px) {
    .page__img-block {
        max-width: 500px;
        width: 100%;
        margin-right: 0;
        margin-bottom: 50px;
        position: static;
    }
}

@media screen and (max-width: 576px) {
    .page__img-block {
        margin-bottom: 30px;
    }
}

.page__img {
    width: 100%;
}

.page__btn_desk.blue-btn {
    max-width: unset;
    width: 100%;
    margin-top: 30px;
}

.page__btn_mob.blue-btn {
    max-width: 375px;
    width: 100%;
    margin: 30px auto 0;
    display: none;
}

@media screen and (max-width: 992px) {
    .page__btn_desk.blue-btn {
        display: none;
    }

    .page__btn_mob.blue-btn {
        display: flex;
    }
}

.page__contacts {
    max-width: 1056px;
    flex-grow: 1;
}

@media screen and (max-width: 992px) {
    .page__contacts {
        max-width: unset;
        width: 100%;
    }
}

.page__breadcrump_mob {
    display: none;
}

@media screen and (min-width: 993px) {
    .page .breadcrumb,
    .windows .page .breadcrumb {
        width: max-content !important;
        margin-bottom: 20px;
        position: static;
    }

    .page .breadcrumb__list {
        padding: 0;
    }
}

@media screen and (max-width: 992px) {
    .page__breadcrump_mob {
        display: block;
    }

    .page__breadcrump_desk {
        display: none;
    }

    .page .breadcrumb {
        margin-bottom: 0;
    }
}

.page__title {
    margin: 0 0 50px;
}

@media screen and (max-width: 576px) {
    .page__title {
        margin-bottom: 30px;
    }
}

.contacts {
    margin-bottom: 30px;
}

.contacts__row {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--gray);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.contacts__row_mono {
    grid-template-columns: 100%;
}

.contacts__row:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

@media screen and (max-width: 768px) {
    .contacts__row {
        grid-template-columns: 100%;
    }
}

.contact__name {
    margin: 0 0 5px;
    color: var(--dark-70);
    text-transform: uppercase;
}

@media screen and (max-width: 576px) {
    .contact__name.exo-16 {
        font-size: 14px;
    }
}

.contact__value {
    margin: 0;
    color: var(--black);
    text-decoration: none;
    display: flex;
    align-items: flex-start;
}

.contact__value.exo-20 {
    font-weight: 700;
}

.contact__value svg {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    transform: translateY(6px);
    flex-shrink: 0;
}

@media screen and (max-width: 768px) {
    .contact__value svg {
        transform: translateY(4px);
    }
}

.contact__value path {
    transition: .3s;
}

.contact__value_hours::before {
    width: 20px;
    height: 20px;
    content: '';
    margin-right: 10px;
    background-image: url(/upload/icons/working-hours.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    flex-shrink: 0;
    transform: translateY(6px);
}

@media screen and (hover:hover) {
    a.contact__value:hover,
    a.contact__value:focus-visible {
        color: var(--blue);
    }

    a.contact__value:hover path,
    a.contact__value:focus-visible path {
        fill: var(--blue);
        fill-opacity: 1;
    }
}

.contacts-small {
    margin-top: 30px;
    margin-bottom: -20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.contacts-small__name {
    margin: 0 30px 20px 0;
    color: var(--dark-70);
    text-transform: uppercase;
}
/* End */


/* Start:/local/templates/vermont/components/bitrix/breadcrumb/breadcrumb/style.css?17606290931664*/
.breadcrumb {
	width: 100vw;
	margin-bottom: 25px;
	position: relative;
	left: calc((100vw - 100%) / 2 * -1);
}

@media screen and (hover:hover) {
	.mac .breadcrumb {
		width: calc(100vw - 5px);
	}

	.windows .breadcrumb {
		width: calc(100vw - var(--windows-scroll-width));
	}
}

@media screen and (max-width: 576px) {
	.breadcrumb {
		margin-bottom: 20px;
	}
}

.breadcrumb__list::-webkit-scrollbar {
    display: none
}

.breadcrumb__list::-webkit-scrollbar-thumb {
    display: none   
}

.breadcrumb__list::-webkit-scrollbar-button {
    display: none;
}

.breadcrumb__list {
	margin: 0;
	padding: 0 calc((100vw - var(--container-1600-width)) / 2);
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	overflow: auto;
}

@media screen and (max-width: 576px) {
	.breadcrumb__list {
		padding: 0 15px;
	}
}

.breadcrumb__list-item {
	margin-bottom: 0;
	padding-right: 21px;
	margin-right: 15px;
	display: block;
	list-style-type: none;
	position: relative;
}

.breadcrumb__list-item::after {
	width: 6px;
	height: 6px;
	content: '';
	background: url(/local/templates/vermont/components/bitrix/breadcrumb/breadcrumb/images/star.svg) no-repeat center / contain;
	border-radius: 50%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.breadcrumb__list-item:last-of-type {
	margin-right: 0;
	padding-right: 0;
}

.breadcrumb__list-item:last-of-type::after {
	display: none;
}

.breadcrumb__link {
	text-decoration: none;
	color: var(--dark-30);
	white-space: nowrap;
}

@media screen and (hover:hover) {
	.breadcrumb__link:hover,
	.breadcrumb__link:focus-visible {
		color: var(--blue);
	}
}

.breadcrumb__list-item:last-of-type .breadcrumb__link {
	color:  var(--dark-70);
	pointer-events: none;
}
/* End */


/* Start:/local/templates/vermont/components/bitrix/news.list/contacts-socials/style.css?17606290931248*/
.contact-socials__section {
	width: 100%;
	padding: 30px;
	margin-bottom: 20px;
	border-radius: 20px;
	background-color: var(--light-gray);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media screen and (max-width: 768px) {
	.contact-socials__section {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media screen and (max-width: 576px) {
	.contact-socials__section {
		padding: 20px;
	}
}

.contact-socials__section:last-of-type {
	margin-bottom: 0;
}

.contact-socials__section-name {
	margin: 0 30px 0 0;
}

@media screen and (max-width: 768px) {
	.contact-socials__section-name {
		margin-right: 0;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 576px) {
	.contact-socials__section-name.exo-25 {
		font-weight: 700;
	}
}

.contact-socials-list {
	display: flex;
	align-items: stretch;
}

.contact-socials-list__item {
	max-width: unset;
	width: 50px;
	height: 50px;
	margin-right: 10px;
	margin-bottom: 10px;
	display: block;
	transition: .3s;
}


@media screen and (hover:hover) {
	.contact-socials-list__item:hover,
	.contact-socials-list__item:focus-visible {
		opacity: .7;
	}
}

.contact-socials-list__item-icon {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}
/* End */


/* Start:/local/components/mediamint/ya.map/templates/.default/style.css?17606290934139*/
#map {
    width: 100%;
    height: 600px;
    border-radius: 50px;
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    #map {
        height: 650px;
        border-radius: 20px;
    }
}

.marker-block {
    position: relative;
    transform: translate(-50%, -100%);
}

.marker-block__btn {
    max-width: unset;
    max-height: unset;
    width: 55px;
    height: 79px;
}

.map-modal {
    width: 510px;
    padding: 20px;
    background: #fff;
    border-radius: 20px;
    box-shadow: var(--shadow);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(100% + 20px);
    transition: .3s;
    opacity: 0;
    pointer-events: none;
}

.map-modal.active {
    opacity: 1;
    pointer-events: fill;
}

.map-modal::before {
    width: 17px;
    height: 15px;
    content: '';
    background: url(/local/components/mediamint/ya.map/templates/.default/images/arrow.svg) no-repeat center right / contain;
    position: absolute;
    right: calc(100% - 1px);
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 1200px) {
    .map-modal {
        width: 420px;
    }
}

@media screen and (max-width: 768px) {
    .map-modal {
        width: 300px;
        bottom: 50%;
        top: unset;
        bottom: calc(100% + 10px);
        left: 50%;
        transform: translateX(-50%);
    }

    .map-modal::before{
        top: calc(100% - 1px);
        right: unset;
        left: 50%;
        transform: translateX(-50%) rotate(-90deg);
    }
}

.map-modal__close-btn {
    max-width: unset;
    max-height: unset;
    width: 18px;
    height: 18px;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2;
}

.marker-block__btn,
.map-modal__close-btn  {
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 0;
}

@media screen and (hover:hover) {
    .marker-block__btn:hover,
    .marker-block__btn:focus-visible,
    .map-modal__close-btn:hover,
    .map-modal__close-btn:focus-visible {
        background: none;
    }
}

.map-modal__close-btn span {
    width: 100%;
    height: 2px;
    background-color: var(--dark-70);
    display: block;
    transition: .3s;
}

@media screen and (hover:hover) {
    .map-modal__close-btn:hover span,
    .map-modal__close-btn:focus-visible span {
        background-color: var(--blue);
    }
}

.map-modal__close-btn span:first-of-type {
    transform: translate(0px, 1px) rotate(45deg);
}

.map-modal__close-btn span:last-of-type {
    transform: translate(0px, -1px) rotate(-45deg);
}

.contacts-modal__company {
    margin: 0 0 20px;
}

.contacts-modal__row {
    margin-bottom: 15px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.contacts-modal__row_mono {
    grid-template-columns: 100%;
}

.contacts-modal__row:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

@media screen and (max-width: 768px) {
    .contacts-modal__row {
        grid-template-columns: 100%;
    }
}

.contact-modal__name {
    margin: 0 0 5px;
    color: var(--dark-70);
    text-transform: uppercase;
}

.contact-modal__value {
    margin: 0;
    color: var(--black);
    text-decoration: none;
    display: flex;
    align-items: flex-start;
}

.contact-modal__value svg {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    transform: translateY(5px);
    flex-shrink: 0;
}

.contact-modal__value path {
    transition: .3s;
}

.contact-modal__value_hours::before {
    width: 20px;
    height: 20px;
    content: '';
    margin-right: 10px;
    background-image: url(/upload/icons/working-hours.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    flex-shrink: 0;
    transform: translateY(6px);
}

@media screen and (hover:hover) {
    a.contact-modal__value:hover,
    a.contact-modal__value:focus-visible {
        color: var(--blue);
    }

    a.contact-modal__value:hover path,
    a.contact-modal__value:focus-visible path {
        fill: var(--blue);
        fill-opacity: 1;
    }
}
/* End */
/* /contacts/style.css?17606291664344 */
/* /local/templates/vermont/components/bitrix/breadcrumb/breadcrumb/style.css?17606290931664 */
/* /local/templates/vermont/components/bitrix/news.list/contacts-socials/style.css?17606290931248 */
/* /local/components/mediamint/ya.map/templates/.default/style.css?17606290934139 */