@font-face {
	font-display: swap;
	font-family: "MTSCompact-Regular";
	src: local("MTSCompact-Regular"),
		url('/fonts/MTSCompact-Regular.woff2') format('woff2'),
		url('/fonts/MTSCompact-Regular.ttf') format('ttf');
	font-weight: 400;
}

@font-face {
	font-display: swap;
	font-family: "MTSText-Regular";
	src: local("MTSText-Regular"),
		url('/fonts/MTSText-Regular.woff2') format('woff2'),
		url('/fonts/MTSText-Regular.ttf') format('ttf');
	font-weight: 400;
}

@font-face {
	font-display: swap;
	font-family: "MTSWide-Medium";
	src: local("MTSWide-Medium"),
		url('/fonts/MTSWide-Medium.woff2') format('woff2'),
		url('/fonts/MTSWide-Medium.ttf') format('ttf');
	font-weight: 500;
}

@font-face {
	font-display: swap;
	font-family: "MTSWide-Regular";
	src: local("MTSWide-Regular"),
		url('/fonts/MTSWide-Regular.woff2') format('woff2'),
		url('/fonts/MTSWide-Regular.ttf') format('ttf');
	font-weight: 400;
}

@font-face {
	font-display: swap;
	font-family: "MTSWide-Bold";
	src: local("MTSWide-Bold"),
		url('/fonts/MTSWide-Bold.woff2') format('woff2'),
		url('/fonts/MTSWide-Bold.ttf') format('ttf');
	font-weight: 700;
}

@font-face {
	font-display: swap;
	font-family: "MTSSans";
	font-weight: 700;
	src: url('/fonts/MTSSans-Bold.woff2') format("woff2");
}

@font-face {
	font-display: swap;
	font-family: "MTSSans";
	font-weight: 500;
	src: url('/fonts/MTSSans-Medium.woff2') format("woff2");
}

@font-face {
	font-display: swap;
	font-family: "MTSSans";
	font-weight: 400;
	src: url('/fonts/MTSSans-Regular.woff2') format("woff2");
}

@font-face {
	font-display: swap;
	font-family: "MTSWideRegular";
	font-weight: 400;
	src: url('/fonts/MTSWide-Regular.woff2') format("woff2");
}

.tooltip {
	position: fixed;
	padding: 8px 10px;
	border: 1px solid #191919;
	border-radius: 10px;
	font: 10px/1.3 sans-serif;
	color: #FFFFFF;
	background: #191919;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .0);
}

.bgkion {
	background: rgb(60, 53, 140);
	background: linear-gradient(to right, rgb(60, 53, 140), rgb(101, 46, 130));
}

.bs-services {
	display: flex;
	flex-wrap: wrap;
}

.bs-services>div {
	flex-basis: 30%;
}

@media(max-width:549px) {
	.bs-services>div {
		flex-basis: 90%;
	}
}

.no-tarifs {
	text-align: center;
	font-size: 1.25rem;
	margin-bottom: 10px;
	padding: 10px;
	min-width: 100%;
	box-sizing: border-box;
}

.triangle-menu:after {
	content: '';
	position: absolute;
	top: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
	background: url(/files/storage/filter-menu.webp) center / contain no-repeat;
	pointer-events: none;
}

.triangle-menu .pop2 {
	width: 100%;
	left: -5px !important;
}

.clearEl div {
	opacity: 0;
	pointer-events: none;
}

.preload {
	opacity: 1 !important;
	display: flex;
	position: absolute;
	top: auto;
	left: auto;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.menu-item {
	position: relative;
}

.menu-item:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 2px;
	background-color: rgba(255, 0, 50, 1);
	transition: all .5s linear;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}

.menu-item:hover:before {
	width: 100%;
}

.hide,
.hideblock,
.hideblockhideblock,
.hideblockhideblockhideblock,
.hideblockhideblockhideblockhideblock,
.hideblockhideblockhideblockhideblockhideblock,
.hideblockhideblockhideblockhideblockhideblockhideblock,
.hideblockhideblockhideblockhideblockhideblockhideblockhideblock,
.hideblockhideblockhideblockhideblockhideblockhideblockhideblockhideblock {
	display: none !important;
	margin: 0px !important;
}

/* tariffcard`s style*/

.all-tarifs {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	gap: 1.25rem 10px;
}

.tarifscard {
	display: flex;
	flex-direction: column;
	box-shadow: 0px 6px 24px 0px rgba(15, 34, 79, 0.14);
	flex: 0 0 352px;
	border-radius: 24px;
	padding: 9px;
	color: #000;
	line-height: 1.5;
	box-sizing: border-box;
	transition: all .4s ease;
}

.tarifscard:hover {
	box-shadow: 0px 6px 24px 1.25rem rgba(15, 34, 79, 0.14);
}

.card-header {
	height: 150px;
	border-radius: 22px;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

.card-body {
	flex-grow: 1;
	padding: 13px;
}

.card-body .tarif-name {
	font-size: 1.25rem;
	font-weight: 500;
	margin-bottom: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-transform: uppercase;
}

.attr-item {
	padding-left: 28px;
	font-weight: 500;
	margin-bottom: 8px;
}

.attr-item.mob-int {
	background: url(/files/storage/mobinticon.svg) top 4px left 2px no-repeat;
}

.attr-item.mob-min {
	background: url(/files/storage/mobminicon.svg) top 6px left / 18px no-repeat;
}

.attr-item.ctv {
	background: url(/files/storage/ctvicon.svg) top 4px left / 1.25rem no-repeat;
}

.attr-item.fttb {
	background: url(/files/storage/fttbicon.svg) top 6px left no-repeat;
}

.attr-item a {
	text-decoration: none;
	transition: color .3s ease;
	color: #000;
}

.attr-item a:hover {
	color: #FF0032;
}

.attr-item.flex-fttb {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.flex-fttb .flex-speed {
	padding: 4px 11px;
	border: 1px solid #E0E3EC;
	border-radius: 8px;
	font-weight: 500;
	box-sizing: border-box;
	flex: 0 0 122px;
	transition: all .3s ease;
	cursor: pointer;
}

.flex-fttb .flex-speed.active {
	color: #fff;
	background-color: #4FA1EB;
}

.flex-fttb .flex-speed:not(.active):hover {
	background-color: rgba(79, 161, 235, .5);
}

.short-desc {
	background-color: #F2F3F7;
	border-radius: 8px;
	padding: 10px;
	font-size: 12px;
}

.card-footer {
	padding: 13px;
}

.card-footer .tarif-ap {
	font-size: 1.25rem;
	font-weight: 500;
}

.card-footer .tarif-ap.apnext::after {
	content: attr(data-apnext) '₽';
	display: inline-block;
	font-size: 1rem;
	font-weight: 400;
	color: #626C77;
	text-decoration: line-through;
	text-decoration-color: #E30611;
	margin-left: 10px;
}

.sales-text,
.sales-text a {
	font-size: 12px;
	color: #020202;
	text-decoration: none;
	transition: color .3s ease;
}

.sales-text a:hover {
	color: #FF0032;
}

.footer-buttons {
	display: flex;
	gap: 10px;
	margin-top: 10px;
}

.footer-buttons a {
	flex-grow: 1;
	padding: 10px 1.25rem;
	border-radius: 8px;
	text-align: center;
	line-height: inherit;
	text-decoration: none;
	transition: all .3s ease;
}

.footer-buttons a.tarif-btn {
	background-color: #FF0032;
	color: #fff;
}

.footer-buttons a.tarif-btn:hover {
	background-color: #b14;
}

.footer-buttons a.tarif-podr {
	background-color: #F2F3F7;
	color: #000;
}

.footer-buttons a.tarif-podr:hover {
	background-color: #d4d4d4;
}

.free-sims-icon {
	display: inline-block;
	font-weight: 500;
	padding: 10px 36px 10px 8px;
	border-radius: 10px;
	box-shadow: 0px 4px 4px 0px #00000040;
	margin: 1rem;
	background: url(/files/storage/valentine_gift_box.png) bottom right -3px no-repeat, url(/files/storage/freesim.png) right 10px center no-repeat, #fff;
}

@media(max-width:380px) {
	.flex-fttb .flex-speed {
		font-size: 90%;
		flex: 0 1 auto;
	}
}

/* /tariffcard`s style*/

#searchLocalityInput {
	display: block;
	width: 100%;
	margin: 0 auto;
	font-size: 1.25rem;
	border: none;
	border-bottom: 2px solid #333333;
	outline: 0;
	background: transparent;
	color: rgb(62, 62, 62);
}

#searchLocalityInput::placeholder {
	color: rgb(62, 62, 62);
}

#areasList,
#cityList,
#areasList ul,
#searchLocalityList {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 1.25rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}

#areasList {
	max-height: 90vh;
	overflow-y: auto;
}

#searchLocalityList {
	margin-top: 1.25rem;
	animation: appear 1s;
}

#areasList ul {
	padding-left: 10px;
	border-left: 1px solid #e21a1a;
	animation: appear 1s;
}

.emptyLocality,
.localityList {
	animation: appear 1s;
}

#cityList a,
#searchLocalityList a,
#areasList ul a {
	text-decoration: none;
	transition: color .3s linear;
}

#cityList a:hover,
#searchLocalityList a:hover {
	color: #e21a1a !important;
}

#areasList>li {
	display: inline-block;
	cursor: pointer;
	transition: color .3s linear;
}

#areasList>li.active,
#areasList>li:hover {
	color: #e21a1a !important;
}

@keyframes appear {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@media(max-width:639px) {
	.locality-wrapper {
		padding: 10px 10px 0 10px !important;
	}

	#areasList,
	#cityList,
	#areasList ul,
	#searchLocalityList {
		font-size: 1.625rem;
		gap: 1.25rem;
	}
}

.soglasie {
	text-align: center;
}

.cities-item {
	margin: 5px 0;
}

.cities-item a {
	text-decoration: none;
	transition: color .3s linear;
}

.cities-item a:hover {
	color: #e21a1a !important;
}

#myInputCity {
	display: block;
	width: 100%;
	margin: 0 auto;
	font-size: 1.25rem;
	border: none;
	outline: 0;
	background: transparent;
	color: rgb(62, 62, 62);
}

#myInputCity::placeholder {
	color: rgb(62, 62, 62);
}

.listFromDC {
	max-height: 85vh;
	overflow-y: auto;
}

#cities-list,
#other-list,
#searchList {
	font-size: 130%;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	padding-bottom: 50px;
	margin-bottom: 10px;
}

#cities-list,
#other-list {
	columns: 3 300px;
}

.vyborCity,
.chCity-close {
	cursor: pointer;
}

#streets-list,
#houses-list {
	padding-left: 10px;
}

.forzind {
	z-index: 10 !important;
}

.forzind1 {
	z-index: 9 !important;
}

#Input-street,
#Input-house {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	border: none;
}

.citys1 {
	display: block;
	z-index: 50;
	width: 100%;
	position: absolute;
	top: 50px;
	left: 0px;
	max-height: 500px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow-y: auto;
	height: auto;
	background: rgba(240, 240, 240, 1);
	font-size: 1.06rem;
}

.city1 {
	cursor: pointer;
	transition: color 0.3s ease;
}

.city1:hover {
	color: rgb(255, 0, 50) !important;
}

h1.h1b,
h2.h2b,
h3.h3b,
h4.h4b {
	color: #202020 !important;
}

@media (max-width: 1279px) {
  h1.h1b {
    font-size: 2.5rem !important;
    line-height: 3rem !important;
  }
  h2.h2b {
    font-size: 2.5rem !important;
    line-height: 3rem !important;
  }
  h3.h3b {
    font-size: 1.75rem !important;
    line-height: 2.25rem !important;
  }
  h4.h4b {
    font-size: 1.7rem !important;
    line-height: 2.2rem !important;
  }
  h1.h1w {
    font-size: 2.5rem !important;
    line-height: 3rem !important;
  }
  h2.h2w {
    font-size: 2.5rem !important;
    line-height: 3rem !important;
  }
  h3.h3w {
    font-size: 1.75rem !important;
    line-height: 2.25rem !important;
  }
  h4.h4w {
    font-size: 1.7rem !important;
    line-height: 2.2rem !important;
  }
}

@media (max-width: 924px) {
  h1.h1b {
    font-size: 2.25rem !important;
    line-height: 2.67rem !important;
  }
  h2.h2b {
    font-size: 2.25rem !important;
    line-height: 2.67rem !important;
  }
  h3.h3b {
    font-size: 1.25rem !important;
    line-height: 1.625rem !important;
  }
  h4.h4b {
    font-size: 1.2rem !important;
    line-height: 1.6rem !important;
  }
  h1.h1w {
    font-size: 2.25rem !important;
    line-height: 2.67rem !important;
  }
  h2.h2w {
    font-size: 2.25rem !important;
    line-height: 2.67rem !important;
  }
  h3.h3w {
    font-size: 1.25rem !important;
    line-height: 1.625rem !important;
  }
  h4.h4w {
    font-size: 1.2rem !important;
    line-height: 1.6rem !important;
  }
}

h1.h1w,
h2.h2w,
h3.h3w,
h4.h4w {
	color: rgb(255, 255, 255) !important;
}

.text-main {
	color: #202020 !important;
}

.text-main a {
	text-decoration: none;
	transition: color .3s ease;
	color: #202020 !important;
	text-decoration: none;
}

.text-main a:hover {
	color: #202020 !important;
}

.text-main2 {
	color: #626C77 !important;
}

.text-main2 a {
	text-decoration: none;
	transition: color .3s ease;
	color: #626C77 !important;
	text-decoration: none;
}

.text-main2 a:hover {
	color: #626C77 !important;
}

.text-main3 {
	color: #969FA8 !important;
}

.btn-main {
	background: #FF0032 !important;
	color: rgb(255, 255, 255) !important;
	font-size: 0.75rem !important;
	line-height: 1rem !important;
	font-weight: 700 !important;
	padding: 22px 44px 22px 44px !important;
	border-radius: 16px !important;
	letter-spacing: 0.05em;
}

    @media(max-width: 870px) {
    .btn-main {
    font-size: 0.75rem !important;
	line-height: 1rem !important;
	font-weight: 700 !important;
	padding: 14px 36px 14px 36px !important;
	border-radius: 16px !important;
	letter-spacing: 0.05em;
    }}

.btn-main2 {
	background: #F2F3F7 !important;
	color: #202020 !important;
	font-size: 0.75rem !important;
	line-height: 1rem !important;
	font-weight: 700 !important;
	padding: 18px 30px 18px 30px !important;
	border-radius: 16px !important;
	letter-spacing: 0.05em;
}

.btn-main3 {
	background: #FF0032 !important;
	color: rgb(255, 255, 255) !important;
	font-size: 0.75rem !important;
	line-height: 1rem !important;
	font-weight: 700 !important;
	padding: 24px 36px 24px 36px !important;
	border-radius: 16px !important;
	letter-spacing: 0.05em;
}

    @media(max-width: 870px) {
    .btn-main3 {
    font-size: 0.75rem !important;
	line-height: 1rem !important;
	font-weight: 700 !important;
	padding: 14px 36px 14px 36px !important;
	border-radius: 16px !important;
	letter-spacing: 0.05em;
    }}
	
.btn-main4 {
	background: #FFFFFF !important;
	color: #202020 !important;
	font-size: 0.75rem !important;
	line-height: 1rem !important;
	font-weight: 700 !important;
	padding: 18px 30px 18px 30px !important;
	border-radius: 16px !important;
	letter-spacing: 0.05em;
}

    @media(max-width: 870px) {
    .btn-main4 {
    font-size: 0.75rem !important;
	line-height: 1rem !important;
	font-weight: 700 !important;
	padding: 14px 30px 14px 30px !important;
	border-radius: 16px !important;
	letter-spacing: 0.05em;
    }}
	
	.uppercase {
	text-transform: uppercase;
}