* { margin: 0; padding: 0; outline: none; box-sizing: border-box; font-family: 'Montserrat', sans-serif; font-weight: 400; }
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	background-color: #fff; margin: 0; padding: 0; box-sizing: border-box; font-size: 14px; color: #000; line-height: 1.2;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

.info { display: flex; position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: auto; padding: 20px; }
.info__container {
	position: relative;
	width: 375px;
	max-width: 100%;
	height: 700px;
	max-height: calc(100vh - 40px);
	background-color: #fff;
	box-shadow: 0 2px 30px 0 rgba(0,0,0,.08);
	border-radius: 10px;
	overflow: hidden;
	margin: auto;
	transform: translateZ(0);
}
.info__card {
	position: relative;
	width: 100%;
	height: 700px;
	max-height: calc(100vh - 40px);
	background-color: #fff;
}
.info__card .info__background {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.info__background { /*background-image: url(img/body-bg.jpg);*/ background-repeat: no-repeat; background-position: top center; background-size: cover; }
.info__row {
	margin: auto 0 32px;
}
.info__block {
	position: relative;
	width: calc(100% - 32px);
	padding: 30px 14px 30px;
	background-color: #fff;
	transition-delay: .2s !important;
	margin: 0 auto 0;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
	border-radius: 10px;
}
.info-logo__block { display: flex; justify-content: center; }
.info-logo__block .info-logo__box {  }
.info-logo__block .info-logo__box img { max-width: 100%; }
.info-content__block { text-align: center; padding: 28px 0; }
.info-social__block {  }
.info-social__block ul { list-style: none; margin: 0; display: flex; justify-content: space-around; flex-wrap: wrap; }
.info-social__block ul li { width: 70px; height: 36px; margin-bottom: 5px; }
.info-social__block ul li a { display: block; background-repeat: no-repeat; width: 70px; height: 36px; background-position: center; border-radius: 10px; line-height: 36px; text-align: center; }
.info-social__block ul li a i { display: inline-block; vertical-align: middle; background-position: center; background-repeat: no-repeat; }
.info-social__block ul li.whatsapp a { background-color: #1dcc2d; }
.info-social__block ul li.whatsapp a i { background-image: url(img/i-1.svg); width: 18px; height: 18px; }
.info-social__block ul li.telegram a { background-color: #00a9e7; }
.info-social__block ul li.telegram a i { background-image: url(img/i-2.svg); width: 18px; height: 14px; }
.info-social__block ul li.instagram a { background: rgb(250,147,1); background: linear-gradient(225deg, rgba(250,147,1,1) 0%, rgba(163,0,198,1) 100%); }
.info-social__block ul li.instagram a i { background-image: url(img/i-3.svg); width: 19px; height: 19px; }
.info-social__block ul li.site a { background-color: #30343d; color: #fff; font-size: 14px; text-decoration: none; }
.info-social__block ul li.site a i { background-image: url(img/i-4.svg); width: 20px; height: 20px; margin-right: 2px; }
.info-social__block ul li.youtube a { background-color: #f00; }
.info-social__block ul li.youtube a i { background: url(img/youtube.svg) no-repeat center / contain;width: 30px;height: 23px; background-size: 24px }
.info-social__block ul li.vk a { background-color: #0077ff; }
.info-social__block ul li.vk a i { background: url(img/vk.png) no-repeat center / contain;width: 30px;height: 23px; background-size: 24px }
.info__block-butt { position: relative; width: calc(100% - 32px); margin: 16px auto 0; }
.info__block-butt .menu-nav { background-color: #fff; text-align: center; border-radius: 10px; height: 47px; line-height: 47px; text-transform: uppercase; }
.info__block-butt .menu-nav a { color: #000; text-decoration: none; font-weight: 600; }
.info__block-butt .menu-nav a span { width: 16px; display: inline-block; vertical-align: middle; margin-top: -12px; margin-left: 7px; position: relative; border-top: 1px solid #000; }
.info__block-butt .menu-nav a span:before { content: ""; display: block; width: 16px; height: 1px; background-color: #000; position: absolute; left: 0; top: 4px; }
.info__block-butt .menu-nav a span:after { content: ""; display: block; width: 16px; height: 1px; background-color: #000; position: absolute; left: 0; top: 9px; }
.info__block-butt .menu-nav a.s { display: block; }
.info__block-butt .menu-nav a.h { display: none; }

.info__block .show-menu { display: none; position: absolute; left: 0; bottom: 0; border-radius: 10px; background-color: #fff; width: 100%; min-height: 100%; }
.info__block .show-menu ul { list-style-type: none; margin: 0; padding: 0; }
.info__block .show-menu ul li { text-transform: uppercase; text-align: center; border-bottom: 1px solid #cbcbcb; }
.info__block .show-menu ul li:last-child { border: none; }
.info__block .show-menu ul li a { display: block; padding: 20px 0 15px; text-decoration: none; color: #000; }
@media (max-width: 768px) {
	.info__container { width: 100%; }
	.info { padding: 0; }
	.info__container { margin: 0; border-radius: 0; box-shadow: none; }
	.info__card { height: 100%; max-height: 100vh; }
	.info__container { height: 100%; max-height: 100vh; }
}



.df .menu-nav a.s{
	padding-left: 25px;
	background: url(/bitrix/templates/card/img/fav.png) no-repeat left center;
	background-size: 20px;
}




.d-flex-center{
	display: flex !important;
	justify-content: center;
    align-items: center;
}
.text-left{
	text-align:left !important;
}
.text-center{
	text-align: center !important;
}
.font-bold{
	font-weight: 600 !important;
}