/* Start:/local/templates/.default/components/bitrix/menu/support_menu/style.css?17519512782564*/
.supp-menu__wrap { width: 100%; padding: 20px 8px; box-sizing: border-box; background-color: #f3f3f3; }

.support_menu { width: 100%; max-width: 1000px; margin: 0 auto; }

.supp-menu_hdr {
	width: 100%;
  margin: 36px 0;
  font-family: 'Roboto', sans-serif;
  font-size: 4rem;
	text-align: center;
}

.supp-menu_txt { margin: 1rem 0; padding: 0 12px; font-family: 'Roboto', sans-serif; font-size: 1.8rem;	}
.supp-menu_txt span { font-weight: bolder; }

.supp-links { width: 100%; padding: 0 12px; margin-bottom: 40px; flex-wrap: wrap;	 }

.supp-menu_link {
	flex: 300px 0 0;
	height: 300px;
	margin-right: 25px;
	margin-bottom: 25px;
	flex-wrap: nowrap;	
	align-items: center;
	background-color: #ffffff;
	cursor: pointer;
	transition: .2s;
}
.supp-menu_link:nth-of-type(1) .supp-link_img {
	background: url('/local/include/img/support/icons.png') 0px top no-repeat;
}
.supp-menu_link:nth-of-type(2) .supp-link_img {
	background: url('/local/include/img/support/icons.png') -360px top no-repeat;
}
.supp-menu_link:nth-of-type(3) .supp-link_img {
	background: url('/local/include/img/support/icons.png') -600px top no-repeat;
}
.supp-menu_link:nth-of-type(4) .supp-link_img {
	background: url('/local/include/img/support/icon-house-1.png') no-repeat;
}

.supp-link_img {
	width: 120px;
	flex: 120px 0 0;
	margin-top: 30px;
	margin-bottom: 20px;
	border: 1px solid #981d97;
	border-radius: 50%;
}

.supp-link_txt {
	width: 100%;	
	text-align: center;
	font-family: 'Roboto-Light', sans-serif;
	word-spacing: 170px;
	font-size: 2.8rem;
	border-radius: 0;
}

.supp-menu_link:hover {
	background-color: #981d97;
	color: #fafafa;
	box-shadow: 0px 0px 6px 6px #B0BEC5;
	border-radius: 4px;
}

.qr { width: 100%; justify-content: center; margin: 20px 0; }
.qr_item { flex: 200px 0 0; margin: 20px; }
.qr img { width: 200px; height: 200px;}
.qr_h {font-size: 1.8rem; font-family: 'Roboto-Condensed', sans-serif; width: 100%; text-align: center; }

.supp-menu_sh { width: 100%; margin: 12px auto; font-family: 'Roboto', sans-serif; font-size: 1.8rem; text-align: center; }
.supp-menu_a {
	display: block;
	margin: 30px auto;
	max-width: 416px;	
	padding: 16px; 
	font-family: 'Roboto-Light', sans-serif; 
	font-size: 1.8rem; 
	text-transform: uppercase;
	text-align: center;
	background-color: #e0e0e0;
	border: 1px solid #B0BEC5;
	border-radius: 4px;
	cursor: pointer;
	transition: .2s;
}
.supp-menu_a:hover { border-color: #981d97; }

/* ---------- ---------- ---------- ----------  768 ---------- ---------- ---------- ---------- */
@media screen and (width < 768) {
	
}

/* End */
/* /local/templates/.default/components/bitrix/menu/support_menu/style.css?17519512782564 */