

/* Start:/local/templates/met/css/contacts.css?178341103217494*/
.contactsTop{
    margin-top: 3px;
    padding-top:14px;
}
.mt-2 {
	margin-top: 5px !important;
}
.contactsTop__icons svg{
	margin-top: -10px;
}
.address-office {
	font-size: 16px;
}
.contactsTop__messangers {
	margin-top: -15px;
}

.contactsTop b {
	font-weight: 700;
}
.contactsBottom__text p {
	margin: 0;
}
.contactsTop .contactsTop__callbackPhone-text {
	font-size: 16px;
	font-weight: 400;
	line-height: 21px;
}
.contactsTop .contactsTop__callbackPhone-text.contactsTop__callbackPhone-text_type_normal {
	margin-left: 5px;
	font-weight: normal;
	font-size: 16px;
	line-height: 21px;
	color: #3b3b3b;
}
.contactsTop__email {
	font-size: 16px;
	font-weight: normal;
	line-height: 21px;
}
.contactsTop__callbackWrapper.--serviceCenter {
	margin-bottom: 5px;
}
.contactsTop .contactsTop__callbackWrapper.contactsTop__callbackWrapper--btn a{
	max-width: 290px;
	width: 100%;
}
.min_text {
	display: block;
	font-size: 16px;
	margin-top: 15px;
	font-weight: 400;
}
.content .contactsTop .breadcrumbs__link {
    font-size: 14px;
}
.content.page-wide .contactsTop .breadcrumbs {
    padding-top: 32px;
    padding-bottom: 0;
}
.contactsTop h1{
    font-size: 22px;
    margin: 8px 0 25px;
}
.contactMenu{
	padding: 0 9px;
}
.contactMenu__link{
	background: #FFFFFF;
	border: 2px solid #E6E6E6;
	border-radius: 3px;
	width:105px;
	height: 42px;
	font-weight: 900;
	font-size: 18px;
	line-height: 25px;
	color: #3B3B3B!important;
}
.contactMenu__link svg{
	fill:#3B3B3B;
	margin-right:5px;
}
.current .contactMenu__link{
	border: 2px solid #f5a408;
	color: #f5a408!important;
}
.current .contactMenu__link svg{
	fill:#f5a408;
}
.contactsContent__itemInner{
    padding: 0 0 34px 0;
}
.contactMenu__item{
	margin-left:61px;
}
.contactMenu__item:first-of-type{
	margin-left:0;
}
.contactsContent__item{
	display: none;
}
.contactsContent__item.visible{
	display: block;
}
.contactsTop__callback{
	margin-bottom: 47px;
}
.contactsTop__callback__second {
	margin-bottom: 10px;
}
.contactsTop__callbackTitle{
	font-weight: 700;
	font-size: 20px;
	line-height: 27px;
	color: #3B3B3B;
	width:100%;
    margin-bottom: 26px;
}
.contactsTop__email {
	width: 100%;
}
@media(max-width: 967px) {
	.contactsTop__email.--desktop {
		display: none;
	}
	.contactsTop__email.--mobile {
		display: block;
		width: 100%;
	}
	.contactsTop__email {
		margin-top: 5px;
		margin-bottom: 10px;
	}
	.contactsTop__callbackWrapper.--serviceCenter {
		margin-top: 35px;
	}
	.contactsTop__callbackTitle {
		margin-bottom: 10px;
	}
}
@media(max-width: 420px) {
	.contactsTop__callbackForm {
		width: 100%;
	}
	.contactsTop__callbackForm .btn {
		width: 100%;
	}
}
.contactsTop__callbackPhone{
	font-weight: normal;
	font-size: 16px;
	line-height: 21px;
	color: #3B6CFF;
	width:auto;
	margin-right: 10px;
}
.contactsTop__callbackWrapper.--serviceCenter .contactsTop__callbackPhone {
	font-size: 16px;
	line-height: 21px;
	width: 100%;
}
.contactsTop__callbackForm .btn{
	width: 100%;
	margin: 0;
}
.contactsTop__callbackForm {
	margin: 10px 0 0 0;
}
.contactsTop__subTitle{
	font-weight: 700;
	font-size: 22px;
	line-height: 27px;
	color: #3B3B3B;
    margin-bottom: 15px;
}
.contactsTop .contactsTop__row p{
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
    margin-bottom: 18px;
}
.contactsTop .contactsTop__row p a{
	color: #3B3B3B;
}
.contactsTop__data .contactsTop__mail{
	color: #f5a408;
	font-size: 20px;
	line-height: 27px;
}
.contactsTop .contactsTop__row p b,
.contactsTop__phone {
	font-weight: 600;
}
.contactsTop__rowCol, .contactSchedule {
    margin-bottom: 40px;
}
.contactsTop .subwayItem{
    padding-top: 4px;
    padding-bottom: 9px;
	font-weight: 400;
	font-size: 16px;
}
.contactsTop .subwayItem__items .subwayItem svg {
	width: 90px;
	margin: 5px 10px 0 0;
}
.contactsTop .subwayItem__items {
	margin-top: 10px;
}
.contactsTop .subwayItem__items .subwayItem {
	margin-bottom: 0;
}
.contactsTop .subwayItem__items .subwayItem  .subwayItem__text {
	margin-bottom: 9px;
}
.contactsContent__right .contactsTop__callbackPhone a {
	color: #1C1C1C;
	font-variant-numeric: tabular-nums;
}
.contactsContent__right .contactsTop__email a {
	color: #1C1C1C;
}
.contactsTop__service {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
	font-size: 16px;
}
.contactsTop__rowCol--service {
	width: 290px;
	text-align: center;
}
@media screen and (min-width: 768px) {
	.contactsTop__messangers {
		margin-top: 0;
	}
	.contactsTop__icons svg{
		margin-top: 0;
	}
	.contactsTop__rowCol--service {
		width: 100%;
		text-align: center;
		padding-right: 100px;
	}
	.contactsTop__callbackPhone {
		margin-bottom: 32px;
	}
	.contactsTop__callbackForm{
		width:100%;
	}
}
.contactsTop__service__text {
	font-size: 16px;
	line-height: 22px;
	font-weight: 600;
	margin-bottom: 10px;
}
.contactsTop .contactsTop__row .contactsTop__service a {
	color: #f5a408;
}
.contactsTop .contactsTop__row .contactsTop__service a:hover {
	color: #f5a408;
}
.contactsTop .contactsTop__row .contactsTop__service a._black {
	color: #343434;
}
.contactsTop .contactsTop__row .contactsTop__service a._black:hover {
	color: #343434;
}
.contactsTop__icons{
    padding: 7px 0 7px 0 ;
}
.contactsTop__icons svg{
    margin-right: 15px;
}
.contactsTop__icons svg:hover rect {
	transition: 0.3s;
	filter: brightness(1.2);
}
.contactsTop__rowCol__part{
	margin-bottom:49px;
}
.contactsBottom{
	border-top:1px solid #C4C4C4;
	padding-top:20px;
}
.contactsBottom__title{
	font-weight: 600;
	font-size: 30px;
	line-height: 41px;
	color: #3B3B3B;
	margin-bottom:10px;
	margin-top: -15px;
}
.contactsBottom .detailMore{
	padding-top:11px;
}
.contactsBottom .detailMore__menu{
	padding-bottom: 13px;
}
.contactsBottom .detailMoreMenu__wrap {
    overflow: visible;
}
.contactsBottom .detailMoreMenu__wrap {
	margin: 0;
}
.contactsBottom .detailMoreMenu .detailMoreMenu__list {
    height: auto;
}
.contactsBottom .detailMoreMenu .detailMoreMenu__item {
    margin: 0 23px 9px 0;
}
.contactsBottom .detailMoreMenu .detailMoreMenu__item:last-of-type{
	margin-right:0;
}
.contactsBottom .detailMoreMenu:after{
	display: none;
}
.contactsBottom .detailMoreItem {
    padding: 20px 0 20px;
}
.contactsBottom .detailMoreItem .detailMoreItem__inner{
	height: 180px;
}
.contactsBottom .detailMoreItem .detailMoreItem__inner iframe{
	height: 100%;
	width:100%;
}
.contactsBottom .detailMore__blocks {
    margin: 0;
}
.contactsBottom__panorama{
	margin-bottom:28px;
	margin-top: 25px;
	display: flex;
	flex-wrap: wrap;
}
.contactsBottom__panorama-list-item:before {
	content: none !important;
}
.contactsBottom__panorama-item:nth-child(1){
	width: 100%;
	min-width: 293px;
	min-height: 383px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/local/templates/met/images/contacts/contacts-map.png");
}
.contactsBottom__panorama-item:nth-child(2){
	width: 100%;
	min-width: 293px;
	padding: 12px;
	background-color: rgba(245, 241, 234, 1);
}
.contactsBottom__panorama-title {
	margin: 0 0 15px 0 !important;
	font-size: 20px;
	line-height: 27.4px;
	font-weight: 700;
}
.contactsBottom__panorama-list{
	margin: 0;
	padding: 0;
}
.contactsBottom__panorama-list-item {
	list-style-type: none;
	display: flex;
	margin: 0 0 20px 0 !important;
	padding: 0 !important;
	position: unset !important;
	align-items: center;
}
.contactsBottom__panorama-list-text {
	font-size: 16px;
	line-height: 21.4px;
	font-weight: 400;
	margin: 0 0 0 6px;
}
.contactsBottom__panorama-list-item svg {
	max-width: 52px;
	width: 100%;
	margin: 0 14px 0 0;
}

.detailMoreMenu__wrap h4 {
	font-size: 23px;
	white-space: normal;
	margin-top: 10px;
}
.detailMoreMenu__wrap p {
	white-space: normal;
}
.contactsBottom__panorama img{
	width:100%;
}
.contactsBottom__text{
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #3B3B3B;
	max-width: none;
}
.contactsPoints{
	padding-top:9px;
}
.contactsPoints__item{
    margin-bottom: 20px;
}
.contactsPoints__itemWrap{
	display: flex;
	flex-direction: column;
	border: 1px solid #C4C4C4;
    padding: 19px 19px 33px;
    border-radius:0 0 3px 3px;
}
.contactsPoints__itemImg{
	width: 100%;
	height: 191px;
	display: block;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom:17px;
}
.contactsPoints__itemName{
	font-weight: 600;
	font-size: 24px;
	line-height: 33px;
	color: #3B3B3B;
    margin-bottom: 23px;
}
.contactsPoints__itemAddress{
	flex: 1 1 auto;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	color: #3B3B3B;
    margin-bottom: 25px;
}
.contactsPoints__itemBottom{
	flex-wrap: wrap;
	gap: 20px;
    font-size: 16px;
    line-height: 22px;
}
.contactsPoints__itemBottom .subwayItem{
	margin-bottom:33px;
}
.contactsPoints__itemLink{
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    color: #f5a408;
}
.contactsPoints__itemLink svg{
	margin-left:2px;
}
.contactsTop__callbackWrapper--service {
	font-size: 16px;
	line-height: 21px;
}
.contactsTop__callbackWrapper--service a {
	color: #1b1b1b;
	text-decoration: none;
}
.contactsTop__callbackWrapper--service a:hover {
	color: rgba(27, 27, 27, 0.49);
}
.contactsTop__callbackWrapper--btn .btn {
	margin: 0;
	margin-top: 15px;
}
.contactsTop__columnCount a {
	color: #3B3B3B;
	font-variant-numeric: tabular-nums;
}
.contactsTop__columnCount p {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 10px;
}
.contactsContent__right .contactsTop__rowCol__part,
.contactsContent__right .contactsTop__rowCol {
	margin-bottom: 30px;
}
.contactSchedule p {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	margin-bottom: 7px;
}
.contactsTop__messangers .contactsTop__messangers-wrapper .contactsTop__icons {
	display: none;
}
@media screen and (min-width: 768px){
	.contactSchedule p {
		font-size: 16px;
	}
	.detailMoreMenu__wrap h4 {
		font-weight: 600;
		font-size: 30px;
		line-height: 41px;
		margin-top: 20px;
	}
	.contactsContent__right .contactsTop__rowCol__part,
	.contactsContent__right .contactsTop__rowCol {
		margin-bottom: 50px;
	}
	.contactsTop__callbackWrapper {
		margin-bottom: 5px;
	}
	.mt-40 {
		margin-top: 40px;
	}
	.content .contactsTop .breadcrumbs__link {
	    font-size: 16px;
	}
	.content.page-wide .contactsTop .breadcrumbs {
	    padding-top: 12px;
	    padding-bottom: 23px;
	}
	.contactsTop h1 {
	    font-size: 30px;
	    margin: 7px 0 30px;
	}
	.contactMenu {
	    padding: 0;
	}
	.contactMenu__item {
	    margin-left: 0;
	    margin-right:19px;
	}
	.contactsContent__itemInner {
	    /*padding: 32px 0 2px;*/
	}
	.contactsTop__callback {
	    width: 100%;
	    text-align: left;
        margin-bottom: 27px;
	}
	.contactsTop__callbackTitle {
	    margin-bottom: 12px;
	}
	.contactsTop__callbackPhone {
		width: auto;
		margin-bottom: 0;
	}
	.contactsTop__callbackForm {
		width: auto;
	}
	.contactsTop__callbackForm .btn {
		width: auto;
		font-size: 16px;
		font-weight: 500;
		padding: 8px 10px;
		line-height: 22px;
	}
	.contactsTop__row{
		width:100%;
	    margin-bottom: 31px;
	}
	.contactsTop__row:last-of-type{
		margin-bottom:0;
	}
	.contactsTop .contactsTop__row p br{
		display: none;
	}
	.contactsTop .contactsTop__row p {
	    margin-bottom: 25px;
	}
	.contactsTop__columnCount{
        width: 100%;
	}
	.contactsTop__rowCol {
	    margin-bottom: 37px;
	}
	.contactsTop .subwayItem {
	    margin-top: 0;
	    padding-top: 0;
	    padding-bottom: 0;
	}
	.contactsTop__icons {
	    padding: 7px 0 7px 0 ;
	}
	.contactsTop .contactsTop__row .contactsTop__rowCol__part p{
		display: inline-block;
		vertical-align: top;
		margin-right: 45px;
	}
	.contactsBottom{
	    padding-top: 20px;
	}
	.contactsBottom .detailMore {
	    padding-top: 0;
	}
	.contactsBottom .detailMoreMenu__link br{
		display: none;
	}
	.contactsBottom .detailMoreMenu .detailMoreMenu__item {
	    margin: 0 5px 6px 0;
	}
	.contactsBottom .detailMoreItem {
	    padding: 20px 0 0;
	}
	.contactsBottom .detailMoreItem .detailMoreItem__inner {
	    height: 430px;
	}
	.contactsBottom__panorama {
	    margin-bottom: 25px;
	}
	.contactsBottom__title {
	    margin-bottom: 10px;
		margin-top: 10px;
	}
	.contactsBottom__text {
	    padding-top: 10px;
	}
	.contactsPoints {
	    padding-top: 20px;
	    margin:0 -15px;
	}
	.contactsPoints__item{
		width:50%;
		padding:0 15px;
	}
	.contactsPoints__itemWrap {
	    height: 100%;
	}
	.contactsPoints__itemAddress {
	    padding-right: 20px;
	}
	.contactsBottom__panorama-title{
		font-size: 30px;
		line-height: 41.1px;
	}
	.contactsBottom__panorama-item:nth-child(1){
		min-height: 629px;
	}
	.contactsBottom__panorama-list {
		max-height: 440px;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}
	.contactsBottom__panorama-list-item {
		width: 45%;
	}
	.contactsBottom__panorama-list-text {
		font-size: 20px;
		line-height: 27.4px;
	}
	.contactsTop .contactsTop__callbackWrapper.contactsTop__callbackWrapper--btn a {
		max-width: 229px;
	}
}
@media screen and (min-width: 1024px){
	.contactsTop {
	    margin-top: 0;
	}
	.contactsBottom__title {
		margin-bottom: 10px;
		margin-top: -15px;
	}
	.detailMoreMenu__wrap h4 {
		margin: 0 0 10px;
		font-size: 30px;
	}
	.contactsTop h1 {
	    margin: 7px 0 30px;
	}
	.contactsContent__itemInner {
		/*padding: 52px 0 2px;*/
	}
	.contactsTop__callback {
	    margin-bottom: 58px;
	}
	.contactsTop__columnCount {
	    width: 100%;
	}
	.contactsTop .subwayItem:not(.subwayItem__items .subwayItem) {
	    margin-top: 10px;
	}
	.contactsTop__row {
	    margin-bottom: 24px;
	}
	.contactsTop__icons {
	    padding: 0 0 10px;
	}
	.contactsTop .contactsTop__row .contactsTop__rowCol__part p {
	    display: block;
	    margin-right: 0;
	}
	.contactsBottom{
	    padding-top: 30px;
	}
	.contactsBottom .detailMore {
	    padding-top: 30px;
	}
	.contactsBottom .detailMoreItem {
	    padding: 20px 0 20px;
	}
	.contactsBottom__panorama {
	    margin-bottom: 22px;
	}
	.contactsPoints {
	    padding-top: 19px;
	    margin:0 -12px;
	}
	.contactsPoints__item {
	    padding: 0 12px;
	}
	.contactsPoints__itemWrap {
	    padding: 29px 25px 48px;
	}
	.contactsPoints__itemImg {
	    margin-bottom: 27px;
	}
	.contactsPoints__itemName {
	    margin-bottom: 2px;
	}
	.contactsPoints__itemAddress {
	    padding-right: 0;
        min-height: inherit;
    	margin-bottom: 19px;
	}
	.contactsPoints__itemBottom .subwayItem {
	    margin-bottom: 0;
	}
	.contactsBottom__panorama-item:nth-child(2){
		padding: 25px;
	}
}
@media screen and (min-width: 1280px){
	.contactsTop__messangers-wrapper {
		display: flex;
	}
	.contactsTop__messangers .contactsTop__icons {
		display: none;
	}
	.contactsTop__messangers .contactsTop__messangers-wrapper .contactsTop__icons {
		display: block;
		margin: -10px 0 0 20px;
	}
	.contactsTop__icons {
		order: 2
	}
	.contactsTop__columnCount {
		order: 1;
	}
	.contactsTop {
	    padding-bottom: 41px;
	}
	.contactsTop__row{
		margin-bottom: 29px;
	}
	.contactsTop .subwayItem:not(.subwayItem__items .subwayItem) {
	    margin-top: 20px;
		margin-bottom: 20px;
	}
	.contactsBottom{
	    padding-top: 30px;
	}
	.contactsBottom .detailMoreItem {
	    padding: 20px 0;
	}
	.contactsBottom .detailMoreItem .detailMoreItem__inner {
	    height: 542px;
	}
	.contactsBottom__panorama {
	    margin-bottom: 20px;
	}
	.contactsPoints {
	    padding-top: 20px;
	    margin: 0 -7px 0 -8px;
	}
	.contactsPoints__item {
	    padding: 0 7px 0 8px;
	}
	.contactsPoints__itemWrap {
	    padding: 29px 27px 48px;
	}
	.contactsBottom__panorama {
		flex-wrap: nowrap;
	}
	.contactsBottom__panorama-item:nth-child(1){
		min-width:582px;
		width: 100%;
		min-height: 776px;
	}
	.contactsBottom__panorama-item:nth-child(2){
		max-width:567px;
		width: 100%;
		min-height: 776px;
		padding: 20px 53px 20px 53px;
	}
	.contactsBottom__panorama-list{
		max-height: none;
	}
	.contactsBottom__panorama-list-item {
		width: 100%;
	}

}
@media screen and (min-width: 1920px){
	.contactsTop__columnCount {
	    width: 100%;
	}
	.contactsPoints {
	    margin: 0 -20px;
	}
	.contactsPoints__item {
	    padding: 0 20px;
	}
	.contactsTop .subwayItem__items {
		max-width: 555px;
	}
	.contactsTop .subwayItem__items .subwayItem {
	margin-bottom: 9px;
	}
	.contactsTop__callbackTitle {
		font-size: 22px;
	}
	.contactsTop__callbackPhone {
		font-size: 16px;
		line-height: 21px;
		font-weight: normal;
	}

	.contactsTop .contactsTop__email a {
		margin-top: 5px;
		font-weight: normal;
	}
	.contactsTop .contactsTop__callbackTitle-email {
		font-weight: normal;
	}

	.contactsTop__callbackWrapper.--serviceCenter .contactsTop__callbackPhone {
		font-size: 16px;
		line-height: 21px;
	}
	.contactsTop .contactsTop__callbackWrapper--service {
		font-size: 16px;
		line-height: 21px;
	}
	.contactsTop .contactsTop__callback {
		margin-bottom: 40px;
	}
	detailMoreMenu__wrap h4 {
		font-size: 30px;
		font-weight: 700;
	}

	.contactsTop .subwayItem__items .subwayItem svg {
		width: 90px;
		margin: 5px -3px 0 0;
	}
}
.warehouseInfo {
	margin-top: 20px;
	padding: 16px 20px;
	background: #FFF8E1;
	border: 1px solid #F5A408;
	border-radius: 8px;
}
.warehouseInfo__text {
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	color: #3B3B3B;
}
.warehouseInfo__text a {
	font-weight: 700;
	color: #f5a408;
	text-decoration: none;
}
.warehouseInfo__text a:hover {
	text-decoration: underline;
}
@media (max-width: 768px) {
	.contactsTop__callbackWrapper {
		margin-bottom: 9px;
	}
	.contactsContent__left {
		margin-bottom: 30px;
	}
}

/* End */
/* /local/templates/met/css/contacts.css?178341103217494 */
