.text-of-page-bl, .text-of-page-bl.brd {
	border:solid 0.14em #d6d6d6;
	padding:1.5em;
	color:#404040;
	border-radius:0.5em;
}

.text-of-page-bl.no-brd {
	border:none;
	padding:0;
	margin:0 0 20px;
}

.text-of-page-bl.sm {font-size:0.93em;}

.text-of-page-bl p {margin-bottom:15px;}

.text-of-page-bl .big {
	font-size:1.14em;
	font-weight:bold;
}

.text-of-page-bl .al {
	color:#ec2b5e;
}

.text-of-page-bl .mob-dropdown-link {
	padding:0.95em;
	color:#ffffff;
	text-align:center;
	font-size:1.35em;
	position:relative;
	cursor:pointer;
	background:#c9c9c9 url(../imgs/recoment-show-btn.png) repeat-x 0 -100px;
}

.text-of-page-bl .mob-dropdown-link.active {background-position:0 0;}

.text-of-page-bl .mob-dropdown-link.active:after {
	content:"";
	display:block;
	width:24px;height:12px;
	position:absolute;top:100%;left:50%;margin-left:-12px;
	background:url(../imgs/recoment-show-btn-mark.png) no-repeat 0 0;
}

.active-nav-options {
	margin-top:1.4em;
	border-radius:0.5em;
	border:solid 0.14em #d6d6d6;
}

.active-nav-options .title {
	padding:1em;
	font-size:1.43em;
	color:#000000;
}

.active-nav-options .title .head {
	padding:0 0 0.5em;
	font-size:1.25em;
	color:#9e288d;
}

.active-nav-options .nav-option {
	padding:0.5em 0 0 3em;
	font-size:1.07em;
	color:#404040;
	margin-top:2em;
	line-height:1.1em;
	min-height:32px;
	position:relative;
}

.active-nav-options .nav-option:after {
	content:"";
	display:block;
	width:32px;
	height:32px;
	background:#e0004a;
	border-radius:100%;
	text-align:center;
	padding-top:0.35em;
	font-weight:bold;
	font-size:1.57em;
	color:#ffffff;
	position:absolute;
	top:0;left:0;
}

.active-nav-options .nav-option.op-0:after {content:"0";}
.active-nav-options .nav-option.op-1:after {content:"1";}
.active-nav-options .nav-option.op-2:after {content:"2";}
.active-nav-options .nav-option.op-3:after {content:"3";}
.active-nav-options .nav-option.op-4:after {content:"4";}
.active-nav-options .nav-option.op-5:after {content:"5";}
.active-nav-options .nav-option.op-6:after {content:"6";}
.active-nav-options .nav-option.op-7:after {content:"7";}
.active-nav-options .nav-option.op-8:after {content:"8";}
.active-nav-options .nav-option.op-9:after {content:"9";}
.active-nav-options .nav-option.op-s1:after {content:"#";font-weight:normal;}
.active-nav-options .nav-option.op-s2:after {content:"*";font-weight:normal;}

.pos-relative {position:relative;}


.valuable-comand ul {margin:0;padding:0;}
.valuable-comand ul li {list-style:none;margin:0;padding:0 0 14px;position:relative;line-height:1em;}

.valuable-comand ul li .lbl {color:#393838;cursor:pointer;}
.valuable-comand ul li .lbl:hover {text-decoration:underline;}

.valuable-comand ul li .info-bl {
	display:none;
	position:absolute;z-index:1;
	top:100%;left:-2px;margin-top:36px;
	border-radius:14px;
	box-shadow:#000000 0 0 15px -8px;
	width:394px;height:162px;
	text-align:center;
	background:#ffffff url(../imgs/bg-valuable-comand-info-bl.png) no-repeat 0 0;
	background-size:100% 100%;
	line-height:normal;
}
@media (max-width: 768px) {
.valuable-comand ul li .info-bl {
height:182px; 
}
}
.valuable-comand ul li .info-bl.bottom {top:auto;bottom:100%;margin-bottom:10px;}

.valuable-comand ul li .info-bl:after {
	content:"";
	position:absolute;z-index:-1;
	top:-57px;left:-33px;
	width:441px;height:236px;
	background:url(../imgs/bg-valuable-comand-info-bl-bg.png) no-repeat 0 0;
}

.valuable-comand ul li .info-bl h4 {
	font-size:1.35em;
	line-height:0.4em;
}

.valuable-comand ul li .info-bl .num {
	padding:0.6em 1em 0.4em;
	margin:0 15px;
	font-size:1.43em;
	color:#424242;
	font-weight:bold;
	background:url(../imgs/line-sep.png) repeat-x 0 0;
}

.valuable-comand ul li .info-bl .num span {
	display:inline-block;
	padding-right:25px;
	background:url(../imgs/ico-phone.png) no-repeat 100% 50%;
}

.valuable-comand ul li .info-bl .info {
	padding:0.9em 1em 0.4em;
	margin:0 15px;
	color:#424242;
	font-weight:bold;
	line-height:1.2em;
	background:url(../imgs/line-sep.png) repeat-x 0 0;
}

.valuable-comand .doc-download-btn {padding-top:55px;}

.valuable-comand .doc-download-btn a {
	display:inline-block;
	padding:0.5em 5.5em;
	border-radius:0.2em;
	background:#880e7e;
	text-decoration:none;
	color:#ffffff;
	font-size:0.93em;
	text-align:center;
}

.region-select {margin:0 0 16px;}
.region-select .map {position:relative;}
.region-select .map .title {color:#797979;position:absolute;}

.region-select .map .map-bl {
	margin:0 auto;
	width:883px;height:490px;
	position:relative;
	background:url(../imgs/map-region.png) no-repeat 50% 0;
	background-size:100% auto;
}

.region-select .map .map-bl.no-bg {background:none;}

.region-select .map .map-bl .circles {
	display:none;
	width:100%;height:100%;
	position:absolute;top:0;left:0;
	background:url(../imgs/map-region.png) no-repeat 50% 100%;
	background-size:100% auto;
}

.region-select .map .map-bl .reg {
	position:absolute;
	border-radius:100%;
	cursor:pointer;
	width:46px;height:46px;
}

.region-select .map .map-bl .reg span {
	display:none;
	position:absolute;
	width:143px;height:143px;
	top:50%;left:50%;
	margin:-72px 0 0 -72px;
	border-radius:100%;
	padding:56px 0 0;
	text-align:center;
	color:#ffffff;
	font-size:1.07em;
	vertical-align:middle;
	background:#e20d43 url(../imgs/map-region-opn.png) no-repeat 50% 0;
}

.region-select .map .map-bl .reg.long span {padding:40px 0 0;}
.region-select .map .map-bl .reg:hover {z-index:2;}
.region-select .map .map-bl .reg.active {z-index:1;}
.region-select .map .map-bl .reg:hover span, .region-select .map .map-bl .reg.active span {display:block;}

.region-select .map .map-bl .reg.r-1 {top:138px;left:430px;width:51px;height:51px;}
.region-select .map .map-bl .reg.r-2 {top:183px;left:286px;width:80px;height:79px;}
.region-select .map .map-bl .reg.r-3 {top:290px;left:554px;width:70px;height:70px;}
.region-select .map .map-bl .reg.r-4 {top:213px;left:191px;width:87px;height:87px;}
.region-select .map .map-bl .reg.r-5 {top:268px;left:656px;width:104px;height:103px;}
.region-select .map .map-bl .reg.r-6 {top:215px;left:411px;width:90px;height:90px;}
.region-select .map .map-bl .reg.r-7 {top:104px;left:114px;width:70px;height:70px;}
.region-select .map .map-bl .reg.r-8 {top:71px;left:508px;width:113px;height:113px;}
.region-select .map .map-bl .reg.r-9 {top:117px;left:349px;width:46px;height:46px;}
.region-select .map .map-bl .reg.r-10 {top:286px;left:326px;width:70px;height:70px;}
.region-select .map .map-bl .reg.r-11 {top:328px;left:114px;width:55px;height:55px;}
.region-select .map .map-bl .reg.r-12 {top:164px;left:678px;width:88px;height:88px;}
.region-select .map .map-bl .reg.r-13 {top:63px;left:405px;width:73px;height:73px;}
.region-select .map .map-bl .reg.r-14 {top:357px;left:435px;width:86px;height:86px;}

.region-select .map .map-bl.small {width:710px;height:394px;}
.region-select .map .map-bl.small .reg {width:37px;height:37px;}
.region-select .map .map-bl.small .reg span {
	width:114px;height:115px;
	margin:-57px 0 0 -57px;
	padding:47px 0 0;
	font-size:1em;
	line-height:1em;
	background-position:0 100%;
}
.region-select .map .map-bl.small .reg.long span {padding:39px 0 0;}
.region-select .map .map-bl.small .reg.r-1 {top:111px;left:345px;width:42px;height:42px;}
.region-select .map .map-bl.small .reg.r-2 {top:147px;left:230px;width:64px;height:64px;}
.region-select .map .map-bl.small .reg.r-3 {top:233px;left:445px;width:57px;height:57px;}
.region-select .map .map-bl.small .reg.r-4 {top:171px;left:153px;width:70px;height:70px;}
.region-select .map .map-bl.small .reg.r-5 {top:215px;left:527px;width:84px;height:84px;}
.region-select .map .map-bl.small .reg.r-6 {top:173px;left:330px;width:73px;height:73px;}
.region-select .map .map-bl.small .reg.r-7 {top:84px;left:92px;width:56px;height:56px;}
.region-select .map .map-bl.small .reg.r-8 {top:57px;left:407px;width:92px;height:92px;}
.region-select .map .map-bl.small .reg.r-9 {top:94px;left:280px;width:37px;height:37px;}
.region-select .map .map-bl.small .reg.r-10 {top:230px;left:261px;width:57px;height:57px;}
.region-select .map .map-bl.small .reg.r-11 {top:264px;left:92px;width:44px;height:44px;}
.region-select .map .map-bl.small .reg.r-12 {top:132px;left:544px;width:71px;height:71px;}
.region-select .map .map-bl.small .reg.r-13 {top:50px;left:325px;width:59px;height:59px;}
.region-select .map .map-bl.small .reg.r-14 {top:287px;left:349px;width:69px;height:69px;}

.tarif-select {margin-bottom:10px;height:45px;}
.tarif-select h3 {margin:0 15px 0 0;float:left;}

.selectbox {cursor:pointer;height:39px;z-index:1;}

.selectbox .select {
	width:252px;
	height:39px;
	border:solid 2px #a1a1a1;
	border-radius:0.4em;
	color:#414041;
	background:#ffffff;
}

.selectbox .select .text {
	display:block;
	margin-right:46px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	padding:7px 0 0 15px;
}

.selectbox .trigger {
	position:absolute;
	top:0;right:0;
	width:46px;height:100%;
	background:url(https://static.kcell.kz/images/activ/select-trigger.png) no-repeat 50% 50%;
}

.selectbox .dropdown {top:100%;left:0;width:100%;}
.selectbox .dropdown ul {padding:0;margin:0;}

.selectbox li {
	display:block;
	padding:0.5em 15px;
	border:solid 1px #a1a1a1;
	border-top:none;
	color:#4d4d4d;
	background:#ffffff;
}

.selectbox li:first-child{border-top:solid 1px #a1a1a1;}
.selectbox li:hover {background:#ebebeb;}

.sep-line {
	height:3px;
	margin:0 0 10px;
	background:url(../imgs/line-sep.png) repeat-x 0 0;
}

.tarif-description {margin-bottom:10px;}

.tarif-description .tarif-image {
	position:relative;
	height:385px;
	padding-top:35px;
}

.tarif-description .tarif-image.tarif-image-sm {height:300px;}

.tarif-description .tarif-image img {display:block;margin:0 auto;}

.tarif-description .tarif-image .bg {
	position:absolute;z-index:1;
	top:50%;left:50%;
	width:397px;height:385px;
	margin:-192px 0 0 -198px;
	background:url(../imgs/tarif-image-bg.png) no-repeat 0 0;
}

.tarif-description .tarif-image.tarif-image-sm .bg {
	width:300px;height:291px;
	margin:-146px 0 0 -150px;
	background-size:100% 100%;
}

.tarif-description .tarif-text {
	padding-top:15px;
	color:#6f6f6f;
}

.tarif-description .tarif-text .heading {
	font-size:2.28em;
	color:#d80150;
	font-weight:bold;
	padding:0 0 0.8em;
	line-height:1.2em;
}

.tarif-description .tarif-text p {line-height:1.3em;}

.tarif-description .tarif-text .big {
	font-size:1.28em;
	font-weight:bold;
	margin:0 0 15px;
	color:#4e4e4e;
}

.tarif-description .tarif-text .options {padding-top:15px;}

.tarif-description .tarif-text .options a {
	display:inline-block;
	min-width:165px;
	padding:0.5em 0;
	border-radius:0.2em;
	background:#880e7e;
	text-decoration:none;
	color:#ffffff;
	text-align:center;
	margin-left:22px;
}

.tarif-description .tarif-text .options a:first-child {margin:0;}

.environment {padding:10px 0 0;}

.environment .title {
	font-size:1.28em;
	font-weight:bold;
	color:#4e4e4e;
	margin:0 0 12px;
}

.table-environment {border:none;}

.table-environment thead td {
	color:#ffffff;
	border-top:none;
}

.table-environment tbody td {
	color:#6f6f6f;
	font-size:0.93em;
}

.table-environment tbody tr td:first-child {text-align:left;}

.environment-accordion {margin:0 0 25px;}

.environment-accordion .row-tbl {
	border-bottom:solid 1px #ffffff;
	padding:10px 30px 10px 15px;
	color:#ffffff;
	background:#2d4595;
	position:relative;
	cursor:pointer;
	font-size:0.93em;
}

.environment-accordion .row-tbl:after {
	content:"";
	display:block;
	width:13px;height:13px;
	position:absolute;
	top:50%;right:2%;
	margin-top:-6px;
	font-size:1em;
	font-family:FontAwesome;
	color:#ffffff;
	line-height:1em;
}

.environment-accordion .row-tbl.active:after {display:none;}
.environment-accordion .table {margin:0 0 1px;}
.environment-accordion .blue-header-table td {border-right:none !important;}
.environment-accordion .blue-header-table tr td:first-child {border-left:none !important;text-align:center;}
.environment-accordion .table-wrap {display:none;}

.recomendator {
	border-radius:0.2em;
	border:solid 1px #cccccc;
	padding:1em 0.7em;
	background:#ffffff;
}

.recomendator h4 {margin:0 0 15px;}

.recomendator .sep-line {height:2px;background-size:auto 100%;}
.recomendator .selectbox {margin:0 0 17px;height:34px;display:block !important;}

.recomendator .selectbox .select {
	width:auto;
	float:none !important;
	font-size:1em;
	color:#7d7d7d;
	border-radius:0.2em;
	height:34px;
}

.recomendator .selectbox .select .text {
	max-width:201px;
	padding:6px 0 0 14px;
	margin-right:39px;
}

.recomendator .selectbox .select .trigger {width:39px;background-size:40% auto;}

.recomendator .title {
	padding:0 0.5em 1em;
	color:#7d7d7d;
	line-height:1.3em;
}

.recomendator .select-line {
	height:29px;
	max-width:257px;
	margin:0 0 15px;
	position:relative;
	background:url(../imgs/select-line-bg.png) no-repeat 0 0;
	background-size:100% 100%;
}

.recomendator .select-line.simple {height:5px;background:#bbbdc0;}

.recomendator .select-line div {
	height:19px;
	background:url(../imgs/select-line.png) no-repeat 0 -1px;
}

.recomendator .select-line.simple div {height:5px;background:url(../imgs/select-line-s.png) no-repeat 0 0;background-size:100% 5px;}

.recomendator .select-line span {
	display:block;
	width:38px;
	height:38px;
	padding-top:7px;
	position:absolute;z-index:1;
	top:-6px;cursor:pointer;
	text-align:center;
	color:#ffffff;
	font-size:1.14em;
	font-weight:bold;
	background:url(../imgs/select-line-marker.png) no-repeat 0 0;
}

.recomendator .select-line.simple span {
	width:25px;height:25px;top:-10px;padding:0;
	background:url(../imgs/select-line-marker-s.png) no-repeat 0 0;
}

.recomendator .select-value {
	overflow:hidden;
	margin:0 0 15px;
}

.recomendator .select-value .col {
	float:right;
	width:60%;
	min-height:64px;
	font-size:0.85em;
	color:#7d7d7d;
	padding:0 0 0 1.3em;
	border-left:solid 1px #bbbdc0;
	line-height:1.1em;
}

.recomendator .select-value .col:first-child {float:left;width:40%;border-left:none;padding:0 1.3em;}

.recomendator .select-value .col .title {
	padding:0 0 0.2em;
	font-size:2.16em;
	line-height:1.1em;
}

.recomendator .button-bl {
	text-align:center;
	padding:8px 0 5px;
}

.recomendator .button-bl a {
	display:inline-block;
	padding:0.4em 1.9em;
	border-radius:0.2em;
	background:#880e7e;
	text-decoration:none;
	color:#ffffff;
	text-align:center;
}

.recoment-show-btn {
	display:block;
	background:#c9c9c9 url(../imgs/recoment-show-btn.png) repeat-x 0 -100px;
	padding:0.7em 0.5em;
	color:#ffffff;
	text-align:center;
	font-size:1.35em;
	position:relative;
	margin:0 0 15px;
	cursor:pointer;
}

.recoment-show-btn.active {background-position:0 0;}

.recoment-show-btn.active:after {
	content:"";
	display:block;
	width:24px;height:12px;
	position:absolute;top:100%;left:50%;margin-left:-12px;
	background:url(../imgs/recoment-show-btn-mark.png) no-repeat 0 0;
}

.sub-head {
	color:#4e4e4e;
	font-weight:bold;
	font-size:1.28em;
	margin:0 0 38px;
}

.telephone-select {
	padding:20px 0 38px;
	text-align:center;
}

.telephone-select .selectbox {
	margin:0 7px;
	width:254px;
	height:34px;
	text-align:left;
}

.telephone-select .selectbox .select {
	width:auto;
	float:none !important;
	font-size:1em;
	color:#7d7d7d;
	border-radius:0.2em;
	height:34px;
}

.telephone-select .selectbox .select .text {
	padding:5px 0 0 14px;
	margin-right:39px;
}

.telephone-select .selectbox .select .trigger {width:39px;background-size:40% auto;}

.tel-setings {
	width:794px;
	margin:0 auto;
	position:relative;
}

.tel-setings .settings-list {float:left;width:223px;margin:0;padding:19px 0 0;}
.tel-setings .settings-list.pos-2 {float:right;}

.tel-setings .settings-list li {padding:0 0 3px;margin:0;list-style:none;}

.tel-setings .settings-list li span {
	display:block;
	padding:0.95em 0.8em;
	position:relative;
	font-size:1.35em;
	color:#ffffff;
	cursor:pointer;
	background:#c9c9c9 url(../imgs/recoment-show-btn.png) repeat-x 0 -100px;
}

.tel-setings .settings-list li span:hover, .tel-setings .settings-list li.active span {background-position:0 0;background-color:#f9a425;}

.tel-setings .settings-list li span:hover:after, .tel-setings .settings-list li.active span:after {
	content:"";
	display:block;
	width:12px;height:25px;
	position:absolute;top:50%;left:100%;margin-top:-11px;
	background:url(../imgs/settings-list-mark.png) no-repeat 0 0;
}

.tel-setings .settings-list.pos-2 li span:hover:after {left:auto;right:100%;background-position:0 -25px;}
@media (min-width: 768px) {
	.tel-setings .settings-text {
		width:278px;
		height:489px;
		padding-top:50px;
		margin:0 auto;
		position:relative;
		background:url('https://static.kcell.kz/images/activ/bg-settings-text.png') no-repeat 0 0;
	}
}

.settings-text .thumb {
	border-radius:4px;
	background:#c9c9c9;
	width:7px;
	height:48px;
	cursor:pointer;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}

.get-settings-button {padding:35px 0 0;text-align:center;}

.get-settings-button a {
	display:inline-block;
	padding:0.4em 1.9em;
	border-radius:0.2em;
	background:#880e7e;
	text-decoration:none;
	color:#ffffff;
	text-align:center;
}

.tel-setings .info-block-wrap {
	display:none;
	position:absolute;z-index:3;
	top:-115px;bottom:-100px;left:0;
	width:100%;background:#ffffff;
}

.tel-setings .info-bl {
	position:absolute;z-index:1;
	top:50%;left:50%;
	margin:-80px 0 0 -197px;
	border-radius:14px;
	box-shadow:#000000 0 0 15px -8px;
	width:394px;height:161px;
	text-align:center;
	background:#ffffff url(../imgs/bg-valuable-comand-info-bl.png) no-repeat 0 0;
	background-size:100% 100%;
	line-height:normal;
}

.tel-setings .info-bl:after {
	content:"";
	position:absolute;z-index:-1;
	top:-47px;left:-33px;
	width:441px;height:236px;
	background:url(../imgs/bg-valuable-comand-info-bl-bg.png) no-repeat 0 0;
}

.tel-setings .info-bl h4 {
	font-size:1.35em;
	line-height:0.4em;
	margin:20px 0;
}

.tel-setings .info-bl .text {
	font-size:1.21em;
	color:#424242;
	font-weight:bold;
	padding:0 1em;
}

.title-get-password {
	text-align:center;
	font-size:2.21em;
	font-weight:bold;
	color:#ec0a55;
}

.method-get-password {
	text-align:center;
	overflow:hidden;
	margin:0 0 40px;
}

.method-get-password .method {
	text-align:center;
	overflow:hidden;
	background:url(../imgs/marker-method-step.png) no-repeat 50% 45%;
	border:solid 1px re;
	float:left;
	width:47%;
}

.method-get-password .method .step {
	float:left;
	position:relative;
	color:#404040;
	padding-top:236px;
	border:solid 1px re;
}

.method-get-password .method.m2 .step.s1 {padding-top:230px;}
.method-get-password .method .step.s2 {float:right;}

.method-get-password .method.m1 .step.s1 {background:url(../imgs/marker-method1-step1.png) no-repeat 50% 42px;width:136px;margin-left:70px;}
.method-get-password .method.m1 .step.s2 {background:url(../imgs/marker-method1-step2.png) no-repeat 50% 17px;width:160px;padding-right:20px;margin-right:45px;}
.method-get-password .method.m2 .step.s1 {background:url(../imgs/marker-method2-step1.png) no-repeat 50% 70px;width:260px;}
.method-get-password .method.m2 .step.s2 {background:url(../imgs/marker-method2-step2.png) no-repeat 50% 0;width:174px;margin-right:45px;}

.method-get-password .method-label {
	padding:200px 0 0;
	float:left;
	width:6%;
	background:url(../imgs/marker-method-sep.png) no-repeat 50% 122px;
}

.method-get-password .method.m1 .step.s2 .dop-text {
	position:absolute;
	top:86px;left:38px;
	text-align:center;
	font-size:1.35em;
	color:#404040;
	font-weight:bold;
	padding-bottom:31px;
	background:url(../imgs/ico-phone2.png) no-repeat 50% 100%;
}

.method-get-password .method.m2 .step.s2 .dop-text {
	position:absolute;
	top:77px;left:91px;
	font-size:0.93em;
	color:#404040;
	font-weight:bold;
	text-transform:uppercase;
}

.method-get-password .method .step .big {font-size:1.28em;}

.text-get-password {font-size:0.93em;color:#404040;margin:0 0 20px;line-height:1.1em;}

.info-get-password {
	text-align:center;
	vertical-align:top;
	margin:0 0 20px;
}

.info-get-password .box {
	display:inline-block;
	vertical-align:top;
	margin:0 0 0 66px;
	width:313px;height:311px;
	color:#ffffff;
	padding:50px 100px 0 36px;
	position:relative;
	text-align:left;
	line-height:1.2em;
	background:url(../imgs/info-get-password-b1.png) no-repeat 0 0;
}

.info-get-password .box.b2 {background:url(../imgs/info-get-password-b2.png) no-repeat 0 0;width:314px;height:294px;}
.info-get-password .box .title {font-size:1.28em;font-weight:bold;line-height:1.1em;}

.button-slide {
	display:block;
	background:#c9c9c9 url(../imgs/recoment-show-btn.png) repeat-x 0 -100px;
	padding:0.9em 0.5em;
	color:#ffffff;
	text-align:center;
	font-size:1.35em;
	position:relative;
	cursor:pointer;
	margin:0 0 17px;
}

.button-slide.active {background-position:0 0;background-color:#faa51a;}

.button-slide.active:after {
	content:"";
	display:block;
	width:24px;height:12px;
	position:absolute;top:100%;left:50%;margin-left:-12px;
	background:url(../imgs/recoment-show-btn-mark.png) no-repeat 0 0;
}

.info-about {
	border:solid 1px #cccccc;
	border-radius:0.2em;
	padding:2em 1em;
	margin:0 0 10px;
	text-align:center;
	vertical-align:top;
}

.info-about .text-bl {
	color:#4e4e4e;
	font-size:1.28em;
	margin:0 0 40px;
}

.info-about .box {
	display:inline-block;
	vertical-align:top;
	width:160px;
	padding-top:125px;
	margin:0 30px;
	font-size:1.07em;
	color:#000000;
	line-height:1.3em;
}

.info-about .box.b1 {background:url(../imgs/info-about-b1.png) no-repeat 50% 0;}
.info-about .box.b2 {background:url(../imgs/info-about-b2.png) no-repeat 50% 3px;width:190px;}
.info-about .box.b3 {background:url(../imgs/info-about-b3.png) no-repeat 50% 5px;}
.info-about .box.b4 {background:url(../imgs/info-about-b4.png) no-repeat 50% 12px;width:140px;}
.info-about .box.b5 {background:url(../imgs/info-about-b5.png) no-repeat 50% 26px;width:140px;}

.title-user-room {float:left;}
.main-user-data {float:left;padding:26px 0 0 20px;font-size:1.64em;font-weight:bold;}
.main-user-data .name {color:#757575;padding-right:5px;}
.main-user-data .tel-num {color:#000000;}
.button-logout {padding:24px 0 0 20px;float:right;}

.button-logout a {
	display:inline-block;
	padding:0.5em 1.4em;
	border-radius:0.2em;
	background:#880e7e;
	text-decoration:none;
	color:#ffffff;
	text-align:center;
}

.clear-both {clear:both;}

.tarif-image-sing {
	margin:30px 0 0;
	position:relative;
}

.tarif-image-sing img {
	display:block;
	border-radius:100%;
}

.tarif-image-sing .bg {
	position:absolute;
	top:-34px;left:-29px;
	display:block;
	width:490px;height:412px;
	background:url(../imgs/bg-tarif-image-sing.png) no-repeat 0 0;
}

.tarif-slog {position:relative;}

.tarif-slog .bg {
	position:absolute;
	bottom:-4px;right:-67px;
	display:block;
	width:69px;height:137px;
	background:url(../imgs/bg-tarif-slog.png) no-repeat 0 0;
}

.tarif-slog .title {
	font-size:3.35em;
	font-weight:bold;
	padding:30px 0 0;
}

.tarif-slog .title svg {display:block;}
.tarif-slog .text {font-size:3.43em;color:#333333;}
.tarif-slog .text .big-text {font-size:3.12em;color:#fba31c;line-height:0.6em;letter-spacing:-5px;}
.tarif-slog .text .big-text span {font-size:1.7em;line-height:0.65em;}

.tarif-variants {
	position:relative;margin:45px 0 50px;
	border:solid 1px #c9c9c9;
	border-left:none;
	border-radius:0 0.2em 0.2em 0;
	height:181px;overflow:hidden;
}

.tarif-variants .link {
	width:235px;
	padding:1.15em 1em;
	margin-bottom:1px;
	position:relative;
	background:#c9c9c9;
	text-align:center;
	color:#ffffff;
	font-size:1.14em;
	line-height:1.45em;
}


.tarif-variants .link:hover, .tarif-variants .link.active, .tarif-variants .link.active-min:hover {
	background:#432e91;
	cursor:pointer;
	background:linear-gradient(to right, #432e91 0%, #622e91 40%, #ac227f 100%);
}

.tarif-variants .link.active:after, .tarif-variants .link:hover:after {
	content:"";
	display:block;
	width:12px;height:24px;
	position:absolute;top:50%;left:100%;margin-top:-12px;
	background:url(../imgs/tarif-variants-mark.png) no-repeat 0 0;
}

.tarif-variants .variant {
	display:none;
	position:absolute;
	top:0;bottom:0;left:235px;right:0;
	padding:0 30px 0 40px;
}

.tarif-variants #tarif-var-1 {display:block;}

.tarif-variants .variant .title {
	padding:2px 0 2px 10px;
	margin:0 0 0 -10px;
	color:#333333;
	font-size:2.21em;
	background:url(../imgs/dots2.png) repeat-x 0 92%;
}

.tarif-variants .variant .title .gradint-text {font-size:1.96em;line-height:1em;}
.tarif-variants .variant .title .lab {font-size:1.58em;color:#f9931c;}
.tarif-variants .variant .gradint-text.ico-tel {padding-right:18px;background:url(../imgs/ico-phone3.png) no-repeat 100% 50%;}

.tarif-variants .variant ul {padding:0;margin:0;}

.tarif-variants .variant ul li {
	padding:0;
	margin:0;
	list-style:none;
	color:#333333;
	line-height:1em;
}

.tarif-variants .variant ul li .gradint-text {font-size:1.43em;}
.tarif-variants .variant ul li .gradint-text svg {vertical-align:middle;}

.tarif-info-block {position:relative;padding-top:80px;}

.tarif-info-block .link {
	display:block;
	padding:1.2em 0.8em;
	position:absolute;top:0;
	width:25%;border-left:solid 1px #ffffff;
	font-size:1.14em;
	color:#ffffff;
	cursor:pointer;
	text-align:center;
	background:#c9c9c9 url(../imgs/recoment-show-btn.png) repeat-x 0 -100px;
}

.tarif-info-block .link.l2 {left:25%;}
.tarif-info-block .link.l3 {left:50%;}
.tarif-info-block .link.l4 {left:75%;}

.tarif-info-block .link:hover, .tarif-info-block .link.active {background-position:0 0;background-color:#f9a425;}
.tarif-info-block .link.active-min:hover {background:#f9a425 url(../imgs/recoment-show-btn.png) repeat-x 0 0;}

.tarif-info-block .link:hover:after, .tarif-info-block .link.active:after {
	content:"";
	display:block;
	width:24px;height:12px;
	position:absolute;top:100%;left:50%;margin-left:-12px;
	background:url(../imgs/recoment-show-btn-mark.png) no-repeat 0 0;
}

.tarif-info-block .text-of-page-bl {display:none;}
#tarif-bl-1 {display:block;}

.tarif-info-block .text-of-page-bl ol {margin:0;padding:0 0 0 10px;}
.tarif-info-block .text-of-page-bl ol li {margin:0;padding:0 0 10px;}
.tarif-info-block .text-of-page-bl ol li ol, .tarif-info-block .text-of-page-bl ol li ul {margin:0;padding:0;}
.tarif-info-block .text-of-page-bl ol li ol li, .tarif-info-block .text-of-page-bl ol li ul li {margin:0;padding:0;list-style:none;}

.tarif-info-block .text-of-page-bl .tel-num-ico {font-weight:bold;padding-right:20px;background:url(../imgs/ico-phone.png) no-repeat 100% 50%;}

/* Medium devices (desktops, 1200px and down) */
@media (max-width: 1200px) {
.recomendator h4 {font-size:1.14em;}
.recomendator .selectbox {height:30px;}
.recomendator .selectbox .select {width:191px;height:30px;}
.recomendator .selectbox .select .text {font-size:0.93em;padding:5px 0 0 9px;}
.recomendator .title {font-size:0.93em;padding:0 0 1em;}
.recomendator .select-value .col {padding:0 0 0 0.8em;}
.recomendator .select-value .col:first-child {padding:0 0.8em 0 0;}
.method-get-password .method.m1 {float:none;margin:0 auto;width:600px;}
.method-get-password .method.m2 {float:none;margin:0 auto;width:600px;}
.method-get-password .method-label {float:none;margin:0 auto;width:100%;padding:0;height:100px;background-position:50% 50%;}
.info-about .box {width:200px !important;}
.info-about .box.b1, .info-about .box.b2, .info-about .box.b3 {margin-bottom:30px;}
}
/* Medium devices (desktops, 992px and down) */
@media (max-width: 992px) {
.region-select .map .map-bl {width:710px;height:394px;}
.region-select .map .map-bl .reg {width:37px;height:37px;}
.region-select .map .map-bl .reg span {width:114px;height:115px;margin:-57px 0 0 -57px;padding:47px 0 0;font-size:0.85em;line-height:1em;background-position:0 100%;}
.region-select .map .map-bl .reg.long span {padding:39px 0 0;}
.region-select .map .map-bl .reg.r-1 {top:111px;left:345px;width:42px;height:42px;}
.region-select .map .map-bl .reg.r-2 {top:147px;left:230px;width:64px;height:64px;}
.region-select .map .map-bl .reg.r-3 {top:233px;left:445px;width:57px;height:57px;}
.region-select .map .map-bl .reg.r-4 {top:171px;left:153px;width:70px;height:70px;}
.region-select .map .map-bl .reg.r-5 {top:215px;left:527px;width:84px;height:84px;}
.region-select .map .map-bl .reg.r-6 {top:173px;left:330px;width:73px;height:73px;}
.region-select .map .map-bl .reg.r-7 {top:84px;left:92px;width:56px;height:56px;}
.region-select .map .map-bl .reg.r-8 {top:57px;left:407px;width:92px;height:92px;}
.region-select .map .map-bl .reg.r-9 {top:94px;left:280px;width:37px;height:37px;}
.region-select .map .map-bl .reg.r-10 {top:230px;left:261px;width:57px;height:57px;}
.region-select .map .map-bl .reg.r-11 {top:264px;left:92px;width:44px;height:44px;}
.region-select .map .map-bl .reg.r-12 {top:132px;left:544px;width:71px;height:71px;}
.region-select .map .map-bl .reg.r-13 {top:50px;left:325px;width:59px;height:59px;}
.region-select .map .map-bl .reg.r-14 {top:287px;left:349px;width:69px;height:69px;}
.tarif-description .tarif-text .heading {font-size:2em;}
.recomendator {position:absolute;top:-2px;left:15px;z-index:10;width:283px;display:none;}
.recomendator h4 {display:none;}
.recomendator .selectbox {height:34px;}
.recomendator .selectbox .select {width:261px;height:34px;}
.recomendator .selectbox .select .text {font-size:1em;padding:7px 0 0 14px;}
.recomendator .title {font-size:1em;}
.recomendator .select-value .col {padding:0 0 0 1.3em;}
.recomendator .select-value .col:first-child {padding:0 1.3em;}
.tel-setings {width:714px;}
.tel-setings .settings-list {width:197px;}
.method-get-password .method-label {height:40px;}
.info-get-password .box {margin:0 20px;}
.title-user-room {float:none;}
.main-user-data {float:none;padding:0;font-size:1.43em;}
.button-logout {float:none;padding:16px 0 0;}
.tarif-info-block .link.l3 {line-height:1.22em;padding:0.7em 0.8em;}
.tarif-image-sing img {width:268px;height:auto;}
.tarif-image-sing .bg {top:-28px;left:-22px;width:390px;height:327px;background-size:100% 100%;}
.tarif-slog {padding-left:16px;}
.tarif-slog .bg {right:-77px;width:55px;height:109px;background-size:100% 100%;}
.tarif-slog .title {font-size:2.5em;}
.tarif-slog .text {font-size:2.5em;}
.tarif-slog .text .big-text {font-size:3.12em;}
.tarif-slog .text .big-text span {font-size:1.7em;}
.no-pos-relative {position:static !important;}
}
/* Small devices (tablets, 768px and down) */
@media (max-width: 768px) {
.text-of-page-bl {border-color:transparent;padding:0;}
.active-nav-options {padding:0 0 1em;}
.active-nav-options .title {padding:0.2em 0.8em 0.6em;}
.active-nav-options .nav-option {padding:0.5em 0 0 3em;margin:0.8em 0 0 0.8em;}
.active-nav-options .nav-option br {display:none;}
#text-hidden {display:none;padding-top:15px;}
.valuable-comand ul li .info-bl, .tel-setings .info-bl {width:340px;} /* width:291px;*/
.tel-setings .info-bl {margin-left:-145px;}
.valuable-comand ul li .info-bl:after, .tel-setings .info-bl:after {/*width:341px;*/height:261px;background-position:0 bottom;}
.valuable-comand ul li .info-bl .num {padding:0.6em 0 0.4em;margin:0 6px;}
.valuable-comand ul li .info-bl .info {padding:0.9em 0 0.4em;margin:0 6px;}
.valuable-comand .doc-download-btn a {display:block;}
.valuable-comand ul li .info-bl h4 {margin:5px 0 5px;}
.valuable-comand ul li .info-bl .num {padding:0.4em 1em 0.2em;}
.tarif-select {height:auto;}
.tarif-select h3 {float:none;}
.tarif-description .tarif-text .heading {font-size:1.78em;}
.recomendator {position:static;margin:-2px auto 15px;}
.selectbox {display:block !important;}
.selectbox .select {width:auto;float:none !important;}
.sub-head {font-size:1.07em;margin:0 0 5px;}
.tarif-description .tarif-text .options a, .tarif-description .tarif-text .options a:first-child {display:block;margin:0 0 17px;}
.telephone-select {padding:0 0 16px;}
.telephone-select .selectbox {margin:0 auto 12px;}
.get-settings-button a {display:block;}
.tel-setings .settings-text {padding-top:46px;background-size:100% 100%;}
/*.tel-setings .settings-text .wrapp {width:227px;height:347px;}*/
.tel-setings {width:auto;}
.title-get-password {font-size:1.78em;}
.method-get-password {margin:22px 0;}
.method-get-password .method {width:auto !important;padding:0 15px;background:url(../imgs/marker-method-step2.png) no-repeat 170px 50%;}
.method-get-password .method .step {float:none !important;text-align:left;width:300px !important;line-height:1.2em;}
.method-get-password .method.m1 .step.s1 {background-size:auto 100%;min-height:73px;background-position:10px 50%;margin:0 0 20px;padding:18px 0 0 98px;}
.method-get-password .method.m1 .step.s2 {background-size:auto 100%;min-height:100px;background-position:9px 50%;padding:35px 0 0 98px;}
.method-get-password .method.m2 .step.s1 {background-size:auto 100%;min-height:58px;background-position:8px 50%;margin:0 0 20px;padding:5px 0 0 98px;}
.method-get-password .method.m2 .step.s2 {background-size:auto 100%;min-height:113px;background-position:0 50%;margin:0;padding:52px 0 0 98px;}
.method-get-password .method.m2 .step.s2 .dop-text {display:none;}
.method-get-password .method.m1 .step.s2 .dop-text {display:inline;position:static;font-size:1.21em;padding:0 19px 0 0;background:url(../imgs/ico-phone.png) no-repeat 100% 50%;}
.method-get-password .method-label {width:300px;height:35px;margin:-10px 0 0;background-position:65% 0;}
.info-get-password .box {margin:0;display:block;width:263px;height:262px;padding:45px 75px 0 30px;font-size:0.85em;background-size:100% 100%;}
.info-get-password .box.b2 {width:262px;height:245px;background-size:100% 100%;}
.info-get-password .box .title {font-size:1.25em;}
.info-about {padding:0.8em 1em;}
.info-about .text-bl {font-size:1em;margin:0 0 15px;text-align:left;}
.info-about .box {display:block;width:295px !important;font-size:0.93em;text-align:left;}
.info-about .box.b1 {padding:12px 0 0 92px;margin:0 0 18px -11px;min-height:92px;background-position:17px 50%;background-size:auto 100%;}
.info-about .box.b2 {padding:0 0 0 92px;margin:0 0 28px -11px;min-height:67px;background-position:8px 50%;background-size:auto 80%;}
.info-about .box.b3 {padding:0 0 0 92px;margin:0 0 37px -11px;min-height:76px;background-position:25px 50%;background-size:auto 100%;}
.info-about .box.b4 {padding:17px 0 0 92px;margin:0 0 32px -11px;min-height:60px;background-position:6px 50%;background-size:auto 100%;}
.info-about .box.b5 {padding:14px 0 0 92px;margin:0 0 20px -11px;min-height:60px;background-position:7px 50%;background-size:auto 100%;}
.button-logout a {display:block;}
.tarif-image-sing img {width:218px;height:auto;margin:0 auto;}
.tarif-image-sing .bg {top:50%;left:50%;width:318px;height:266px;margin:-133px 0 0 -159px;}
.tarif-slog {padding-left:0;}
.tarif-slog .bg {right:-77px;width:55px;height:109px;background-size:100% 100%;}
.tarif-slog .title {font-size:2.07em;}
.tarif-slog .text {font-size:2.07em;}
.tarif-slog .text .big-text {font-size:3.12em;color:#fba31c;line-height:0.6em;letter-spacing:-5px;}
.tarif-slog .text .big-text span {font-size:1.7em;line-height:0.65em;}
.tarif-variants {border:none;height:auto;}
.tarif-variants .link {width:auto;font-weight:bold;font-size:1.07em;}
.tarif-variants .link:hover:after {display:none;}
.tarif-variants .link.active:after {display:block !important;width:24px;height:12px;top:100%;left:50%;margin-left:-12px;margin-top:0;background-position:0 100%;}
.tarif-variants .variant {position:static;border:solid 1px #c9c9c9;border-radius:0.2em;margin:19px 0 20px;padding:0 0.6em 1em;}
.tarif-variants .link.active-min {background:#c9c9c9;}
.tarif-variants .link.active-min:after {display:none !important;}
.tarif-variants .variant .title {margin-left:0;padding-left:0;}
.tarif-variants #tarif-var-1 {display:none;}
.tarif-info-block {padding:0;}
.tarif-info-block .link {border-left:none;width:auto;margin:0 0 1px;position:relative;font-size:1.07em;left:auto !important;}
.tarif-info-block .link.l3 {padding:1.2em 0.8em;line-height:normal;}
.tarif-info-block .link:hover:after {display:none;}
.tarif-info-block .link.active:after {display:block !important;}
.tarif-info-block .link.active-min {background:#c9c9c9;}
.tarif-info-block .link.active-min:after {display:none !important;}
#tarif-bl-1 {display:none;}
.text-of-page-bl {border:solid 0.14em #d6d6d6;padding:1em;border-radius:0.3em;font-size:0.85em;margin:19px 0 20px;}
.valuable-comand ul li .info-bl {left:45%;margin-left:-148px;}
}