@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,700&subset=cyrillic');
span.subspan {
	font-size: 13px;
	width: 100% !important;
	padding-top: 5px;
}

@charset "utf-8";
body {
	font-family: 'Roboto',sans-serif;
	min-width: 320px;
}
h2{
	
}
.application input.text {
	/* background-color: #141513 !important; */
	background-color: white !important;
	border-radius: 0px !important;
	border: 1px #212529 solid !important;
	color: #212529 !important;
	/* rgb(204, 204, 204) */
	font-weight: 500 !important;	
}
.application textarea {
	/* background-color: #636264 !important; */
	background-color: white !important;
	border-radius: 0px !important;
	border: 1px #cccccc solid !important;
	color: #212529 !important;
	font-weight: 500 !important;	
}

.banner_logo {
	width: 316px;
	height: 89px;
	background: url(img/sber_logo.png) no-repeat center / contain;
	margin-bottom: 30px;
}
@media all and (max-width:1300px) {
	.banner_logo {
		margin-bottom: 15px;
	}
}

.bottombanner {display: table; margin: 0 auto 35px; max-width: 100%;}
/*Маленькие банеры*/
.bottom_banner{	
	height:326px;	
	color:#fff;	
	font:300 24px/36px Tahoma;	
	display:block;
	align-items:center;
	padding-left: 90px;
	box-sizing:border-box;
}
.bottom_banner_block{
	width:800px;
	text-align: justify;
}
.bottom_banner a{
	color:inherit;
	text-decoration: none;
}

.bot5 .banner_dot_block{
	width:620px;
	padding:0;
	margin-left: 90px;
	text-align: center;
	position: relative;
	color:#fff;
}
.bot5 .border_block{
	border:5px solid #6e6e6e;
	color:#fff;
	font-size:33px;
	line-height:1;
	padding:25px 35px;
}
.bot5 .border_block:before,
.bot5 .border_block:after{
	top:50%;
	margin-top: -12px;
}
.bot5 .new_serv{
	bottom:15px;
	z-index:10;
}
.bot6 .banner_dot_block{
	margin-left: 50%;
	padding-left: 0;
}
.bot6 .font15{
	line-height:21px;
	padding:15px 0;
}

/*Банеры с точками*/
.banner_dot{
	height:404px;
	color:#fff;
	align-items:center;
	font:300 30px/48px Tahoma;
	box-sizing:border-box;
}
.no_dot{
	display: block;
	padding: 55px 50px 35px;
	position: relative;
	line-height:36px;
}

.banner_dot_block{	
	padding:120px 85px;
}

.bot4 .banner_dot_block{	
	padding:70px 90px;
}

.bot6 .banner_dot_block{	
	padding:40px 90px;
}

.p50{	
	padding:20px 40px !important;
}

.dot2 .banner_dot_block > div:last-child{
	margin-top: 20px;
}
.dot3 .font36{
	line-height:42px;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.dot3 .font24{
	line-height:30px;
	margin-bottom: 20px;
}
.dot4 .font24{
	text-transform: uppercase;
	margin-bottom: 25px;
}
.dot5 em{
	position: relative;
	z-index:4;
}
.dot5 .bg_opange{
	display: inline-block;
	margin-top:10px;
}
.dot6 .banner_dot_block{
	width:500px;
	padding:0;
	margin-left:150px;
	text-align: center;
	position: relative;
	color:#333;
	padding-top:20px;
}
.dot6 .font30{
	line-height:1;
	margin-top:10px;
}
.dot6 .color_dark_orange{
	font-weight:normal;
	line-height:115%;
}
.dot6 .border_block{
	position: relative; padding: 10px 20px;
}
.dot6 .border_block:after,
.dot6 .border_block:before{
	content:'';
	background:url(img/star.png) no-repeat;
	width:25px;
	height:25px;
	display: block;
	position: absolute;
	top: 50%; margin-top: -13px;
}
.dot6 .border_block:before{
	left:15px;
}
.dot6 .border_block:after{
	right:15px;
}
.bot5 .font22,
.dot6 .font22{
	line-height:28px;
}

/*Фоновые изображение*/
.bot1{
	background:url(img/bot_bg1.png) no-repeat top center;	
}
.bot2{
	background:url(img/bot_bg2.png) no-repeat top center;	
}
.bot3{
	background:#3e3e3e url(img/banner_bot_3.png) no-repeat center left;	
	position: relative;
	padding:0;
	font-size:19px;
	line-height:33px;
}
.bot3:after{
	content:'';
	display: block;
	width:398px;
	height:186px;
	background:url(img/bot3_light.png) no-repeat;
	position: absolute;
	top:0;
	right:0;
}
.bot4{
	background:#383838; 
	line-height:57px;
	padding:0;
	position: relative;
}
.bot4:after{
	content:'';
	display: block;
	width:100%;
	height:100%;
	background: url(img/banner_bot_4.png) no-repeat center right /contain;
	position: absolute;
	top:0;
	right:90px;
	bottom:0;
}
.bot5{
	background:#3a3a3a url(img/banner_bot_5.png) no-repeat center /cover; 
	padding:0;
	position: relative;
}
.bot5:after{
	content:'';
	display: block;
	width:100%;
	height:100%;
	background: url(img/banner_bot_5_man.png) no-repeat center right /contain;
	position: absolute;
	top:0;
	right:90px;
	bottom:0;
}
.bot6{
	background:#3a3a3a url(img/banner_bot_6.jpg) no-repeat center /cover; 
	padding:0;
	position: relative;
}
.dot1{
	background:url(img/banner_dot_1_light.png) top right, #a9a9a9 url(img/banner_dot_1.jpg) center left /contain;	
	background-repeat:no-repeat;
}
.dot2{
	background:#666 url(img/banner_dot_2.jpg) no-repeat center right  /contain;	
}
.dot3{
	background:url(img/banner_dot_3_man.png) top right /contain, url(img/banner_dot_3.jpg) center /cover;
	background-repeat:no-repeat;
}
.dot4{
	background:url(img/banner_round.png) top center, url(img/banner_dot_4.jpg) center /cover;
	background-repeat:no-repeat;
}
.dot5{
	background:url(img/banner_dot_5.jpg) top center no-repeat;
	color:#333;
	font-weight:300;
	line-height:60px;
}
.dot6{
	background:url(img/banner_dot_6._man.png) top right /contain, url(img/banner_dot_6.jpg) top center /cover;
	background-repeat:no-repeat;	
}
.dot9{
	background: url(img/banner_dot_9.jpg) no-repeat center right /contain;
	max-height: 500px;
	background-size: 100% 100%;
/* 	background-repeat:no-repeat;	 */
}
.dot10{
	background: url(img/banner_dot_10.jpg) no-repeat center right /contain;
	max-height: 500px;
	background-size: 100% 100%;
/* 	background-repeat:no-repeat;	 */
}
/*Контент*/
.color_gray{
	color:#999;
}
.color_orange{
	color:#ffc58d;
}
.color_dark_orange{
	color:#d96d01;
}
.font_normal{
	font-weight:400;
}
.font_bold{
	font-weight:700;
}
.font15{
	font-size:15px;
}
.font22{
	font-size:22px;
}
.font24{
	font-size:24px;
}
.font30{
	font-size:25px;
}
.font36{
	font-size:25px;
}
.font48{
	font-size:48px;
}
.font57{
	font-size:22px;
	line-height:45px;
}
.text_right{
	text-align: right;
}
.text_center{
	text-align: center;
}
.orange_btn{
	display: inline-block;
	color:#fff;
	text-decoration: none;
	background: #ee8f31;
	background: linear-gradient(to top, #f03500, #fe7404);
	padding:0 20px;
	font-size: 20px; font-weight: 300; color: #fff;
	border-radius:6px; height: 45px; line-height: 45px;
}
.bg_opange{
	background:#ffc58d;
}
.border_block{
	border:3px solid #2d2d2d;
	padding:25px 20px;
	margin:15px 0 20px;
	color:#000;
	text-transform: uppercase;
}
.border_block:after,
.border_block:before{
	content:'';
	background:url(img/star.png) no-repeat;
	width:25px;
	height:25px;
	display: block;
	position: absolute;
	bottom:45px;
}
.border_block:before{
	left:15px;
}
.border_block:after{
	right:15px;
}


/*Мелкие детали*/
.tg_img{
	position: relative;
	top:14px;
}
.btn_block{
	position: absolute;
	bottom:35px;
	right:50px;
}
.flag{
	position: relative;
	top:15px;
	margin-right:8px;
}
.flag2{
	position: relative;
	left:-19px;
}
.new_serv{
	position: absolute;
	right:-155px;
	bottom:50px;
}
.banner_gift{
	display: block;
	margin:0 auto;
}
.social_btn{
	margin-top:20px;
	line-height:0;
}
.social_btn > a{
	display: inline-block;
	transition:all ease .5s;	
}
.social_btn > a:hover{
	opacity:0.8;
}
.social_btn > a + a{
	margin-left:5px;
}
.social_btn img{
	width:80px;
}





/*убрать стили*/
.owl-carousel{
	display: block;
	position: absolute;
	width:auto;
	left:0;
	right:0;
}
.top_slider .owl-topslider .owl-dots{
	margin:0;
	position: relative;
}
.bottom_slider .owl-topslider .owl-dots{
	margin:0;
	position: relative;
}


 .pay_module a:hover{
        text-decoration: none;
        color: #C80E01;
    }
     .pay_module td,  .pay_module  div{
        font: 13px Arial, Helvetica, sans-serif;
    }
     .pay_module .btn-warning,  .pay_module  .btn-warning:focus,  .pay_module .btn-warning:hover{
        background-color: inherit;
        border-color: transparent ;
        box-shadow: none;
        color: white;
        border-radius: 10px;
        cursor: pointer;
    }
.pay_module {text-align: center; color: #333;}
/*.pay_module .btn-warning {height: 38px; line-height: 24px; font-size: 15px;}*/
.pay_module hr {display: block; height: 1px; border: 0; width: 100%; display: block; border-top: 1px solid #ddd9c8;}
.pay_module p.card-subtitle {padding: 0px 0 3px; margin: 0; color: #948a9e; margin: 0;}
.pay_module .form-group label {font-size: 15px; padding-top: 9px!important; width: 219px; display: inline-block; vertical-align: top; text-align: left; font-size: 16px; padding-top: 12px;}
.pay_module .form-group .div_input {display: inline-block; vertical-align: top; width: 300px;}
.pay_module .form-group .div_input input {display: block; width: 100%; padding: 0 15px; border-radius: 4px; height: 38px; line-height: 36px; box-sizing: border-box; font-family: inherit;  font-size: 16px; background: none; border: 1px solid #d7d3c3;}
.pay_module form button {margin-top: 15px; cursor: pointer; height: 38px; line-height: 38px; border:0; border-radius: 4px; padding: 0 12px; font-family: inherit; font-size: 16px; color: #000; background: #dbd7c6; }
.card-body, .card {background: none!important; border: 0!important; color: #282828;padding-top: 0!important; margin-top: 0;}

     .pay_module .btn-warning.active{
        color: white;
        background-color: inherit;
        box-shadow: 0 17px 10px -14px black;
        border-color: transparent;
        cursor: pointer;

    }

     .pay_module .btn-group{
        background: linear-gradient(to right, #c71000, #ff9801);
        border-radius: 5px; max-width: 415px; display: table; margin: 0 auto; padding: 0 0px;
    }
	.pay_module .btn-group button {font-size: 14px;}

     .pay_module #left{
        box-sizing: initial;
        font: 13px Arial, Helvetica, sans-serif;
    }
     .pay_module p.m2{
        margin-top: 13.3px;
    }

     .pay_module .card{
        margin-top: 10px;
    }

     .pay_module .star{
        color: red;
    }
.container.pay_module {min-width: 1px; max-width: 650px; box-sizing: border-box; padding: 40px 10px 30px; margin: 0 auto;}
.container.pay_module h3 {font-size: 24px; color:#282828; font-weight: normal; padding: 0 0 20px; margin: 0; text-align: center;}
.text_content p.pay_center {font-size: 18px; color: #282828; max-width: 800px; display: table; margin: -35px auto 0; padding: 0 0 40px;}

@media (min-width:1380px){
	.bottom_banner {
		background-size:cover !important;
		background-position:center !important;
	}
	.bot3{
		background-size:inherit !important;
		background-position:left !important;
	}
	.dot5{
		background-size:cover;
	}
	
}
@media(max-width:1150px){
	
	.bot5:after{
		display: none;
	}
	.bot6 .banner_dot_block{
		margin-left: 40%;
	}
	.bot5 .new_serv{
		bottom:auto;
		top:-15px;
		left:0;
		right:auto;
	}
	.dot1{
		background:url(img/banner_dot_1_light.png) top right, #a9a9a9 url(img/banner_dot_1.jpg) center left /50%;	
		background-repeat:no-repeat;
	}
	.dot2{
		background-size:50%;
	}
	.dot3{
		background:url(img/banner_dot_3_man.png) bottom right /40%, url(img/banner_dot_3.jpg) top center;
		background-repeat:no-repeat;
	}
	.dot6{
		background:url(img/banner_dot_6._man.png) 150% top  /contain, url(img/banner_dot_6.jpg) top center /cover;
		background-repeat:no-repeat;	
	}
	.dot6 .banner_dot_block{
		margin-left: 50px;
	}
}
@media(max-width:991px){
	.first {
		height: 270px !important;
	}
	.bottom_banner{		
		padding:0px 50px;
		font: 300 20px/32px Tahoma;
	}
	.bottom_banner_block{
		width:100%;
	}
	.bottom_banner .font22{
		font-size:20px;
	}
	.bot3{
		background-size:50%;
		background-position:left 30px;
	}
	.bot3 .banner_dot_block{
		margin-top: 60px;
		padding:0 30px;
	}
	.bot4:after{
		background-size:40%;
		background-position:bottom right;
		right:0;
	}
	.bot4 .banner_dot_block{
		padding: 0 30px;
		line-height:40px;
	}
	.bot4 .tg_img{
		width:35px;
		top:5px;
	}
	.bot4 .font48{
		font-size:40px;
	}
	.bot4 .font36{
		font-size:30px;
	}
	.bot4 .font30{
		font-size:24px;
	}	
	.bot5 .banner_dot_block{
		margin-left: 0;
		padding:0 30px;
		width:100%;
	}
	.bot6 .banner_dot_block{
		padding:0 30px;
		margin-left: 0;
	}
	.dot1{
		background:url(img/banner_dot_1_light.png) top right, #a9a9a9 url(img/banner_dot_1.jpg) top left /50%;	
		background-repeat:no-repeat;
	}
	.dot3{
		background:url(img/banner_dot_3.jpg) top center;
		background-repeat:no-repeat;
	}
	.dot4{
		background:url(img/banner_round.png) top center, url(img/banner_dot_4.jpg) -130px top;
		background-repeat:no-repeat;
	}
	.dot6{
		background:url(img/banner_dot_6.jpg) no-repeat top center /cover;
	}
	.dot6 .banner_dot_block{
		margin:0 auto;
	}
	.new_serv{
		display: none;
	}
}
@media(max-width:767px){
	.dot3 .font24 br{
		display: none;
	}
	.img_tv{
		display: none;
	}
	.bot4 .banner_dot_block{
		position: relative;
		z-index:10;
	}
	.bot4 .font36{
		font-size:25px;
	}
	.bot4 .font30{
		font-size:20px;
	}
	.bot5 .font15{
		font-size:13px;
	}
	.bot5 .new_serv{
		top:-8px;
	}



}
@media(max-width:640px){
	.bottom_banner img{
		max-width:100%;
	}
	.banner_dot_block {
		padding: 0px 20px;
	}
	.bot3 .banner_dot_block,
	.bot4 .banner_dot_block,
	.bot5 .banner_dot_block,
	.bot6 .banner_dot_block{
		padding:0;
	}
	.bot5 .border_block{
		font-size:23px;
		line-height:25px;
	}
	.bot5 .font15{
		line-height:17px;
	}
	.dot1{
		background:url(img/banner_dot_1_light.png) top right no-repeat, #a9a9a9 url(img/banner_dot_1.jpg) top left no-repeat /contain;
		color:#333;		
		font-size:25px;
	}
	
	.dot2{
		background-size:80%;
		background-position:bottom right;
		font-size:25px;
	}

	.tg_img {width: 30px; top: 9px;}
	.font48 {font-size: 20px;}
	.p50 {padding: 20px 10px!important;}
	.dot3 .font36 {font-size: 16px; line-height: 120%;}
	.dot3 .font24 {font-size: 15px; line-height: 120%;}
	.banner_dot_block.p50 .text_center span {font-size: 17px!important;}
	.banner_gift {width: 35px; display: none;}
	.dot6 .font30, .dot6 .color_dark_orange {font-size: 17px; line-height: 120%;}
	.dot6 .banner_dot_block {width: 100%;}
	.dot6 .font57 {font-size: 16px; line-height: 115%;}
	.dot6 .font22 {font-size: 14px; line-height: 100%;}
	.social_btn {margin-top: 8px;}
	.social_btn > a + a {margin-left: 0;}
	.border_block {margin: 10px 0;}

	
	.dot2 .font36{
		font-size:28px;
	}
	.dot5{
		background-position:55% top;
	}
	.dot5 em{
		margin-bottom: 10px;
		display: inline-block;
	}
	.dot5 .bg_opange{
		display: inline;
	}
	
	.dot6 .font22{
		font-size:17px;
	}
	.social_btn img {
    width: 65px;
	}
	.new_serv{
		display: none;
	}
}
@media(max-width:480px){
	.bottom_banner{		
		padding:0 15px;
	}
	.bottom_banner_block{
		text-align: left;
	}
	.dot1,.dot1 .font24{
		font-size:18px;
		line-height:30px;
	}
	.dot2,.dot2 .font36{
		font-size:20px;
		line-height:30px;
	}
	
	
	.btn_block{
		left:30px;
		right:30px;
	}
	.btn_block .orange_btn{
		width:100%;
		box-sizing:border-box;
	}
	.dot5 .font48{
		font-size:35px;
		line-height:45px;
	}
	.flag{
		margin-right: 0;
	}
	.flag2{
		left:-15px;
	}
	.dot5 .font30 {
		font-size:25px;
		line-height:32px;
	}
	.dot6 .font57{
		
	}
	
	.dot6 .font22 br{
		display: none;
	}
	.dot6 .border_block:after, .dot6 .border_block:before{
		display: none;
	}
}

@media(max-width:380px){
	.bot3{
		font-size:17px;
		background-size:100%;
	}
	.bot4 .font36{
		font-size:22px;
	}
	.bottom_banner .font22{
		font-size:17px;
	}
	.bot5 .border_block{
		padding:20px;
	}
	.social_btn img{
		width:55px;
	}
}
@media(max-width:320px){
	.bot4 .banner_dot_block{
		line-height:30px;
	}
	.bot4 .font36{
		font-size:18px;
	}
	.bot3,
	.bot4 .font30{
		font-size:15px;
	}
	.social_btn img{
		margin-bottom: 10px;
	}
	.bot6 .font15 br{
		display: none;
	}
}



  .custom-combobox {
    position: relative;
    display: inline-block;
	width: 260px;
  }
  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -5px;
    padding: 0;
	height: 53px;
  }
  .custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
	width:220px;
  }


.ui-autocomplete-input {
	height: 53px !important;
line-height: 51px !important;
box-sizing: border-box !important;
background: #fff !important;
border-radius: 5px !important;
border: 1px solid #b7b7b7 !important;
padding: 0 15px !important;
color: #333 !important;
font-size: 14px !important;
margin: 0 3px !important;
	
}

.ui-autocomplete { max-height: 300px; overflow-y: scroll; overflow-x: hidden;}


html { height: 100%; min-width: 320px;}


div.change_tarif {
	margin-top: -10px;
}

div.contact_phones {
	padding-top: 20px;
	font-size:20px;
}

div.change_tarif a {
	font-size:14px;
}


 body {position: relative; margin: 0; padding: 0px 0 0 0; height: auto !important; height: 100%; min-height: 100%; min-width: 320px; font-family: 'Tahoma', 'Helvetica', sans-serif; background: #fff!important;}

.calc_container {position: relative;}


 html > body {padding: 0px 0 0 0;}


 img {padding: 0; margin: 0; border: 0;}


 .cleaner {clear: both;}


 a:hover {text-decoration: none;}
div.shop{width:100%}


.error {box-shadow: 0 0 2px red inset;}

.aside {  /* селектор блока, который будет оставаться на месте */
  position: fixed;
  z-index: 1;
  top: 0px;
  max-width: 270px;
  margin-left: 14px !important;
}

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

.characteristiki {

     width: 500px;
     padding-bottom: 2px;
	 padding-left: 20px;
	 padding-right: 20px;
	 overflow: hidden;

    display:none;


    background: #FFF;
        border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
        box-shadow: 0 0 0 6px rgba(153, 153, 153, .3); -webkit-box-shadow: 0 0 0 6px rgba(153, 153, 153, .3); -moz-box-shadow: 0 0 0 6px rgba(153, 153, 153, .3);
       
}

.big_width {
	width: 700px !important;
	overflow: hidden;
}

a[active="true"] {
  color: #fa7a00 !important;
}



.input_buttom_search {
	height: 53px;
    line-height: 51px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #b7b7b7;
    padding: 0 15px;
    color: #333;
    font-size: 14px;
    margin: 0 3px;
}

form.search input.button {
	border: 0;
    cursor: pointer;
    margin: 0 3px;
    height: 53px;
    line-height: 51px;
    padding: 0 25px;
    border-radius: 6px;
    background: #ee8f31;
    background: linear-gradient(to right, #fa7b00, #ffa44c);
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

div.block a, div.news_list a, div.tv_blocks a, div.pr_blocks a, div.help_blocks a {
	color: #8f3300;
	text-decoration: none;
}

ol.search li a {
	color: #8f3300;
	text-decoration: none;
}

ol.search li {
	padding-top: 10px;
	padding-bottom: 10px;
}

span.description {
	letter-spacing: -0.3px;
    padding: 0 8px;
    font-size: 12px;
    color: #666666;
    text-align: center;
    font-weight: 300;
    display: inline-block;
    vertical-align: middle;
    margin: 0 -5px 0 0;
}





.footer a {transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}





.all {position: relative; max-width: 1220px; margin: 0 auto; min-width: 1220px; width: 100%;}


form {padding: 0; margin: 0; border: 0;}


form fieldset {padding: 0; margin: 0; border: 0;}


input, textarea {font-family: inherit;}


input:focus::-moz-placeholder {opacity: 0;}


input:focus::-webkit-input-placeholder {opacity: 0;}


textarea:focus::-moz-placeholder {opacity: 0;}


textarea:focus::-webkit-input-placeholder {opacity: 0;}


* {outline: none;}






body>.container {width: 100%;}

.container {max-width: 1050px !important;  min-width: 900px; margin: 0 auto;}





.toppanel {height: 45px; position: relative; background: #000; width: 100%; }




.toppanel ul.topmenu {position: absolute; padding: 0; margin: 0; list-style-type: none; left: 105px; top: 3px;}


.toppanel ul.topmenu li {display: inline-block; margin: 0 3px 0 0;}


.toppanel ul.topmenu li a {font-size: 14px; color: #fff; text-decoration: none; display: inline-block; vertical-align: middle; padding: 10px 9px 10px 0;}


.toppanel ul.topmenu li a:hover {color: #F5CD0D;}


.toppanel ul.topmenu li img {display: inline-block; vertical-align: middle; margin: 0 4px 0 0;}


.toppanel ul.topmenu li span {display: inline-block; vertical-align: middle; margin: -3px 8px 0 0; width: 18px; height: 17px;}


.toppanel ul.topmenu li span.icon01 {background: url(img/menu_icon01.png) center center no-repeat;}


.toppanel ul.topmenu li span.icon02 {background: url(img/menu_icon02.png) center center no-repeat;}


.toppanel ul.topmenu li span.icon03 {background: url(img/menu_icon03.png) center center no-repeat;}


.toppanel ul.topmenu li span.icon04 {background: url(img/menu_icon04.png) center center no-repeat;}


.toppanel ul.topmenu li span.icon05 {background: url(img/menu_icon05.png) center center no-repeat;}


.toppanel ul.topmenu li:hover span.icon01 {background-image: url(img/menu_icon01h.png);}


.toppanel ul.topmenu li:hover span.icon02 {background-image: url(img/menu_icon02h.png);}


.toppanel ul.topmenu li:hover span.icon03 {background-image: url(img/menu_icon03h.png);}


.toppanel ul.topmenu li:hover span.icon04 {background-image: url(img/menu_icon04h.png);}


.toppanel ul.topmenu li:hover span.icon05 {background-image: url(img/menu_icon05h.png);}




.toppanel ul.topmenu.adaptive {display: none;}





.toppanel .phone {position: absolute; top: 10px; right: 80px; font-size: 18px; color: #cccccc; font-weight: 300;}

.toppanel .phone a {color: #fff; font-weight: 300; text-decoration: none;}


.toppanel .phone:before {content: url(img/phone_icon.png); float: left; margin: 4px 7px 0 0;}




.toppanel a.lk {position: absolute; top: 0; right: 295px; height: 45px; line-height: 43px; border-radius: 0px; background: #F5CD0D; font-size: 18px; color: #39B60A; text-decoration: none; font-weight: 400; padding: 0 50px;}
.toppanel a.lk:hover, .toppanel a.lk:active, .toppanel a.lk:focus {background: #f5b30d;}







.toppanel .soc_block {position: absolute; top: 10px; right: 530px;}


.toppanel .soc_block img {margin: 0 8px;}





.header {position: relative; width: 100%; height: 75px; background: #fff; z-index: 98; box-shadow: 0 2px 8px rgba(0,0,0,0.4); }
.toppanel_fix .header {position: fixed; top: 0; z-index: 999;}
.toppanel_fix .toppanel {margin-bottom: 75px;}


.header .logo {position: absolute; top: 1px; left: 105px;}


.header ul.header_menu {padding: 0; margin: 0; list-style-type: none; position: absolute; top: 0px; right: 90px; text-align: justify;}


.header ul.header_menu:after {display: inline-block; width: 100%; height: 1px; content: '';}


.header ul.header_menu li {display: inline-block; margin: 0 0 0 0px;}


.header ul.header_menu li a {font-size: 16px; color: #3b3a3a; text-decoration: none; display: block; height: 73px; line-height: 73px; padding: 0 15px;}


.header ul.header_menu li a:hover, .header ul.header_menu li.active a {color: #fa7a00;}

.ikonka_menu {float:left; padding-right: 8px;padding-top:22px;}



.header .icons {position: absolute; right: 40px; top: 28px;}


.header .icons img {margin: 0 0 0 35px;}





.top_slider {position: relative; width: 100%;}


.top_slider .owl-topslider .item {height: 350px; position: relative; overflow: hidden;}


.top_slider .owl-topslider .item img.bg {position: absolute; top: 0; left: 0; width: 100%; min-height: 450px;}


.top_slider .owl-topslider .item img.gift {width: auto; margin: 0 0 25px 40px;}


.top_slider .owl-topslider .item .text {top: 70px; left: 60px; position: absolute;}


.top_slider .owl-topslider .item .text p.big {line-height: 125%; font-size: 46px; color: #181818; font-weight: 600; text-transform: uppercase; padding: 0; margin: 0 0 25px;}


.top_slider .owl-topslider .item .text p {padding: 0; margin: 0; font-size: 32px; color: #fff; text-transform: uppercase; line-height: 115%;}


.top_slider .owl-topslider .item .buttons {position: absolute; bottom: 45px; right: 50px;}


.top_slider .owl-topslider .item .buttons a {display: inline-block; vertical-align: middle; font-size: 18px; color: #fff;}


.top_slider .owl-topslider .item .buttons a.btn {margin: 0 0 0 25px; height: 44px; line-height: 42px; padding: 0 35px; border-radius: 6px; background: #ee8f31; background: linear-gradient(to right, #fa7b00, #ffa44c); font-size: 18px; color: #fff; text-transform: uppercase; text-decoration: none;}


.top_slider .owl-topslider .owl-prev, .top_slider .owl-topslider .owl-next {display: none;}


.top_slider .owl-topslider .owl-dots {position: absolute; margin: -35px 0 0 0; text-align: center; width: 100%;}


.top_slider .owl-topslider .owl-dots .owl-dot {display: inline-block; vertical-align: middle; width: 15px; height: 15px; box-sizing: border-box; border-radius: 50%; border: 2px solid #fff; background: #fff; margin: 0 12px;}


.top_slider .owl-topslider .owl-dots .owl-dot.active {background: #949494;}



.bottom_slider {height: 300px; position: relative; width: 100%; margin-bottom: 40px;}

.bottom_slider .owl-topslider .item {height: 450px; position: relative; overflow: hidden;}

.bottom_slider .owl-topslider .item img.bg {position: absolute; top: 0; left: 0; width: 100%; min-height: 450px;}

.bottom_slider .owl-topslider .item img.gift {width: auto; margin: 0 0 25px 40px;}

.bottom_slider .owl-topslider .item .text {top: 70px; left: 60px; position: absolute;}

.bottom_slider .owl-topslider .item .text p.big {line-height: 125%; font-size: 46px; color: #181818; font-weight: 600; text-transform: uppercase; padding: 0; margin: 0 0 25px;}

.bottom_slider .owl-topslider .item .text p {padding: 0; margin: 0; font-size: 32px; color: #fff; text-transform: uppercase; line-height: 115%;}

.bottom_slider .owl-topslider .item .buttons {position: absolute; bottom: 45px; right: 50px;}

.bottom_slider .owl-topslider .item .buttons a {display: inline-block; vertical-align: middle; font-size: 18px; color: #fff;}

.bottom_slider .owl-topslider .item .buttons a.btn {margin: 0 0 0 25px; height: 44px; line-height: 42px; padding: 0 35px; border-radius: 6px; background: #ee8f31; background: linear-gradient(to right, #fa7b00, #ffa44c); font-size: 18px; color: #fff; text-transform: uppercase; text-decoration: none;}

.bottom_slider .owl-topslider .owl-prev, .bottom_slider .owl-topslider .owl-next {display: none;}

.bottom_slider .owl-topslider .owl-dots {position: absolute; margin: -35px 0 0 0; text-align: center; width: 100%;}

.bottom_slider .owl-topslider .owl-dots .owl-dot {display: inline-block; vertical-align: middle; width: 15px; height: 15px; box-sizing: border-box; border-radius: 50%; border: 2px solid #fff; background: #fff; margin: 0 12px;}

.bottom_slider .owl-topslider .owl-dots .owl-dot.active {background: #949494;}





.biz_slider {height: 490px; position: relative; width: 100%; overflow: hidden;}


.biz_slider .owl-biz .item {height: 503px; position: relative; overflow: hidden;}


.biz_slider .owl-biz .item img.bg {position: absolute; top: 0; left: 0; width: 100%; min-height: 503px;}


.biz_slider .owl-biz .item .buttons {position: absolute; bottom: 45px; right: 50px;}


.biz_slider .owl-biz .item .buttons a {display: inline-block; vertical-align: middle; font-size: 18px; color: #fff;}


.biz_slider .owl-biz .item .buttons a.btn {margin: 0 0 0 0px; height: 45px; line-height: 43px; padding: 0 35px; border-radius: 6px; background: #ee8f31; background: linear-gradient(to top, #f03500, #fe7404); font-size: 20px; color: #fff; text-transform: none; text-decoration: none; font-weight: 300;}
.biz_slider .owl-biz .item .buttons a.btn:hover {background: #ffa44c;}


.biz_slider .owl-biz .owl-prev, .biz_slider .owl-biz .owl-next {display: none;}


.biz_slider .owl-biz .owl-dots {position: absolute; margin: -55px 0 0 0; text-align: center; width: 100%;}


.biz_slider .owl-biz .owl-dots .owl-dot {display: inline-block; vertical-align: middle; width: 15px; height: 15px; box-sizing: border-box; border-radius: 50%; border: 2px solid #fff; background: #fff; margin: 0 12px;}


.biz_slider .owl-biz .owl-dots .owl-dot.active {background: #949494;}





.biz_menu {background: #fb7c00; padding: 15px 0;}


.biz_menu ul {padding: 0; margin: 0; list-style-type: none; text-align: center;}


.biz_menu ul li {display: inline-block; vertical-align: middle; margin: 0 12px;}


.biz_menu ul li img {display: inline-block; vertical-align: middle; margin: 0 20px 0 0;}


.biz_menu ul li a {display: inline-block; vertical-align: middle; font-size: 18px; color: #000; text-decoration: none;}








.middle {position: relative; max-width: 1120px; margin: 0 auto; color: #333333;}


.middle p.change_internet {padding: 0 0 30px; margin: 0; font-size: 32px; color: #333333; text-align: center;}


.middle p.medium {font-size: 18px; color: #333333; padding: 0 0 40px; margin: 0; text-align: center;}





.middle .buttons_big ul {padding: 0; margin: 0; list-style-type: none; text-align: center;}


.middle .buttons_big ul li {display: inline-block; margin: 0 4px;}


.middle .buttons_big ul li a {background: #fff; display: table; height: 57px; line-height: 57px; width: 325px; text-align: center; border-radius: 6px; text-decoration: none; font-size: 16px; color: #000; text-transform: uppercase; border: 1px solid #999999;}


.middle .buttons_big ul li#current a {color: #fff; background: #7d7e7f; background: linear-gradient(to top, #616163, #9a9c9c);}



.st_table {width: 100%; font-size: 13px; margin: 30px 0 30px;}
.st_table tr:first-child td {background: #fa7a00; font-weight: bold; color: #fff;}
.st_table tr.head td {background: #fa7a00; font-weight: bold; color: #fff;}
.st_table td {padding: 10px 10px;}
.st_table td p {padding: 0!important; margin: 0!important;}
.st_table tr:nth-child(even) {background: #faeee1;}

a {color: #8f3300;}




.middle .tab {padding: 40px 0 0 0;}


.middle h2 { font-size: 24px; color: #333333; font-weight: normal; padding: 0 0 40px; margin: 0; text-align: center;}


.middle h3 { font-size: 18px; color: #999999; font-weight: normal; padding: 0 0 25px; margin: -40px 0 0 0; text-align: center;}


.middle .tab .check_address {text-align: center; margin: 0 0 60px;}


.middle .tab .check_address input {display: inline-block; vertical-align: middle;}


.middle .tab .check_address input.text {height: 53px; line-height: 51px; box-sizing: border-box; background: #fff; border-radius: 5px; border: 1px solid #b7b7b7; padding: 0 15px; color: #333; font-size: 14px; margin: 0 3px; width:220px;}


.middle .tab .check_address input.text::-moz-placeholder {color: #999;}


.middle .tab .check_address input.text::-webkit-input-placeholder {color: #999;}


.middle .tab .check_address input.text.city {width: 260px;}


.middle .tab .check_address input.text.street {width: 375px;}


.middle .tab .check_address input.text.house {width: 125px;}


.middle .tab .check_address input.text.entrance {width: 95px;}


.middle .tab .check_address input.submit {border: 0; cursor: pointer; margin: 0 3px; height: 53px; line-height: 51px; padding: 0 25px; border-radius: 6px; background: #ee8f31; background: linear-gradient(to right, #fa7b00, #ffa44c); font-size: 18px; color: #fff; font-weight: bold; text-decoration: none;}




.middle .tab .check_address2 {text-align: center; margin: 0 0 60px;}

.middle .tab .check_address2 input {display: inline-block; vertical-align: middle;}

.middle .tab .check_address2 input.text {height: 53px; line-height: 51px; box-sizing: border-box; background: #fff; border-radius: 5px; border: 1px solid #b7b7b7; padding: 0 15px; color: #333; font-size: 14px; margin: 0 3px; width:220px;}

.middle .tab .check_address2 input.text::-moz-placeholder {color: #999;}

.middle .tab .check_address2 input.text::-webkit-input-placeholder {color: #999;}

.middle .tab .check_address2 input.text.city {width: 260px;}

.middle .tab .check_address2 input.text.street {width: 375px;}

.middle .tab .check_address2 input.text.house {width: 125px;}

.middle .tab .check_address2 input.text.entrance {width: 95px;}

.middle .tab .check_address2 input.submit {border: 0; cursor: pointer; margin: 0 3px; height: 53px; line-height: 51px; padding: 0 25px; border-radius: 6px; background: #ee8f31; background: linear-gradient(to right, #fa7b00, #ffa44c); font-size: 18px; color: #fff; font-weight: bold; text-decoration: none;}





.middle .tab .check_buttons {text-align: center; margin: 0 0 50px;}


.middle .tab .check_buttons .checkbox {position: relative; width: 365px; height: 77px; display: inline-block; text-align: left;}


.middle .tab .check_buttons .checkbox input[type="checkbox"] {cursor: pointer; position: absolute; z-index: 2; width: 365px; height: 77px; left: 0; top: 0; margin: 0; padding: 0; opacity: 0;}


.middle .tab .check_buttons .checkbox input[type="checkbox"] + label {padding: 0 20px; box-sizing: border-box; display: block; width: 100%; height: 77px; border-radius: 5px; border: 1px solid #616162; line-height: 77px; background: #fff; font-size: 18px; color: #000; text-transform: uppercase;}


.middle .tab .check_buttons .checkbox.internet input[type="checkbox"] + label:before {content: url(img/comp_b.png); float: left; margin: 9px 15px 0px 0;}


.middle .tab .check_buttons .checkbox input[type="checkbox"] + label span {position: absolute; width: 26px; height: 26px; top: 25px; right: 25px; background: url(img/chechbox.png) no-repeat;}


.middle .tab .check_buttons .checkbox.tv input[type="checkbox"] + label:before {content: url(img/tv_b.png); float: left; margin: 9px 15px 0px 0;}


.middle .tab .check_buttons .checkbox input[type="checkbox"]:checked + label {color: #fff; background: #7d7e7f; background: linear-gradient(to top, #616163, #9a9c9c);}


.middle .tab .check_buttons .checkbox.internet input[type="checkbox"]:checked + label:before {content: url(img/comp.png);}


.middle .tab .check_buttons .checkbox.tv input[type="checkbox"]:checked + label:before {content: url(img/tv.png);}


.middle .tab .check_buttons .checkbox input[type="checkbox"]:checked + label span {background: url(img/chechbox_a.png) no-repeat;}


.middle .tab .check_buttons .checkbox small {position: absolute; font-size: 12px; color: #9f755c; left: 30px; top: 25px;}





.middle .tab p.change_tarif {padding: 0 0 35px; margin: 0; font-size: 24px; color: #999999; text-align: center;}


.middle .tab p.change_tarif span {display: block; color: #333333; text-transform: uppercase;}





.middle .tab .tarify {width: 835px; display: inline-block; vertical-align: top; margin: 0 0 60px;}


.middle .tab .tarify .block_title {padding: 0 25px; margin: 0 0 20px; font-size: 14px; color: #333333; text-transform: uppercase; height: 14px;}


.middle .tab .tarify .block_title span {display: inline-block;}


.middle .tab .tarify .block_title span.name {width: 215px;}


.middle .tab .tarify .block_title span.speed {width: 240px;}


.middle .tab .tarify .block_title span.price {margin-left: 10px;}


.middle .tab .tarify .block {margin: 0 0 10px; position: relative; width: 100%; height: 100px; box-sizing: border-box; border-radius: 5px; border: 1px solid #999999; background: #fff; cursor: pointer;}


.middle .tab .tarify .block input {cursor: pointer; z-index: 2; display: block; width: 100%; height: 100px; position: absolute; opacity: 0;}


.middle .tab .tarify .block input[type="radio"] + label {position: relative; border-radius: 5px; display: block; width: 100%; height: 98px; box-sizing: border-box; padding: 0 25px;}


.middle .tab .tarify .block input[type="radio"]:checked + label {background: #f1f0f0;}


.middle .tab .tarify .block>* {display: inline-block; vertical-align: middle;}


.middle .tab .tarify .block input[type="radio"] + label>span {display: inline-block; vertical-align: middle; height: 98px; position: relative;}


.middle .tab .tarify .block input[type="radio"] + label .name {overflow: hidden; width: 215px; line-height: 98px; font-size: 20px; color: #333333; font-weight: 600; text-transform: uppercase;}


.middle .tab .tarify .block input[type="radio"] + label .speed {width: 240px; line-height: 98px; font-size: 18px; color: #333333; font-weight: 300;}


.middle .tab .tarify .block input[type="radio"] + label .speed .big {display: inline-block; font-size: 30px; text-transform: none; text-transform: uppercase;}


.middle .tab .tarify .block input[type="radio"] + label .speed .mbit {position: absolute; line-height: 100%; border-bottom: 1px solid #333; margin: 27px 0 0 10px;}


.middle .tab .tarify .block input[type="radio"] + label .speed .sec {position: absolute; margin: 5px 0 0 10px;}


.middle .tab .tarify .block input[type="radio"] + label .speed .channels {display: inline-block; vertical-align: top;}


.middle .tab .tarify .block input[type="radio"] + label .price {width: 120px; line-height: 98px; font-size: 18px; color: #333333; font-weight: 300;}


.middle .tab .tarify .block input[type="radio"] + label .price .big {font-size: 48px; text-transform: none; text-transform: uppercase;}


.middle .tab .tarify .block input[type="radio"] + label .price .rub {position: absolute; line-height: 100%; border-bottom: 1px solid #333; margin: 27px 0 0 10px;}


.middle .tab .tarify .block input[type="radio"] + label .price .month {position: absolute; margin: 5px 0 0 10px;}


.middle .tab .tarify .block input[type="radio"] + label .btn {float: right; width: 140px; height: 55px; box-sizing: border-box; text-align: center; border: 3px solid #f35f0b; border-radius: 5px; background: #fff; font-size: 17px; color: #f35f0b; text-decoration: none; font-weight: 600; line-height: 48px; cursor: pointer; margin: 22px 0 0 0;}


.middle .tab .tarify .block input[type="radio"] + label .btn:before {content: 'Добавить';}


.middle .tab .tarify .block input[type="radio"]:checked + label .btn {color: #fff; background: #f35f0b; border: 0; background: linear-gradient(to right, #f35b0c, #f8a006); line-height: 53px;}


.middle .tab .tarify .block input[type="radio"]:checked + label .btn:before {content: 'Добавлено';}


.rek_blocks .block {font-size: 13px; display: inline-block; vertical-align: top; width: calc(33.3% - 5px); padding: 0 15px 0 0; box-sizing: border-box;}


.middle .tab .you_added {width: calc(100% - 850px); display: inline-block; vertical-align: top; margin: 34px 0 0 10px; background: #f1f0f0; box-sizing: border-box; border-radius: 5px; border: 1px solid #999999; padding: 15px 0 15px 15px;} 


.middle .tab .you_added p.title {text-align: center; padding: 0 0 35px; margin: 0; font-size: 24px; color: #333333;}


.middle .tab .you_added .block {font-size: 18px; color: #8b8a8a; padding: 0 0 20px;}


.middle .tab .you_added .block .left {display: inline-block; width: 48%; vertical-align: middle; font-weight: 300;}


.middle .tab .you_added .block .right {display: inline-block; vertical-align: middle; font-size: 22px; color: #000; font-weight: 600;}


.middle .tab .you_added .block .right .big {font-size: 22px;}


.middle .tab .you_added .block .right small {font-size: 14px;}





.middle .tab .you_added .recom {padding: 0 0 45px; margin: 0; font-size: 16px; color: #666666;}


.middle .tab .you_added .recom img {margin: -3px 7px 10px 0; float: left;}





.middle .tab .you_added input.submit {border: 0; cursor: pointer; margin: 4px auto 0; height: 45px; line-height: 43px; padding: 0 45px; border-radius: 6px; background: #ee8f31; background: linear-gradient(to top, #f03500, #fe7404); font-size: 20px; color: #fff; font-weight: bold; text-decoration: none; display: table;text-transform: none; font-weight: 300;}
.middle .tab .you_added input.submit:hover {background: #ffa44c;}


.middle .tab .you_added a.submit {text-decoration: none; border: 0; cursor: pointer; margin: 4px auto 0; height: 53px; line-height: 51px; padding: 0 45px; border-radius: 6px; background: #ee8f31; background: linear-gradient(to right, #fa7b00, #ffa44c); font-size: 18px; color: #fff; font-weight: bold; text-decoration: none;}








.middle .tab .radio_buttons {text-align: center; margin: 0 0 50px;}


.middle .tab .radio_buttons .checkbox {position: relative; width: 270px; height: 57px; display: inline-block; text-align: left;}


.middle .tab .radio_buttons .checkbox input[type="radio"] {cursor: pointer; position: absolute; z-index: 2; width: 270px; height: 57px; left: 0; top: 0; margin: 0; padding: 0; opacity: 0;}


.middle .tab .radio_buttons .checkbox input[type="radio"] + label {padding: 0 20px; box-sizing: border-box; display: block; width: 100%; height: 57px; border-radius: 5px; border: 1px solid #616162; line-height: 55px; background: #fff; font-size: 18px; color: #000; text-align: center;}


.middle .tab .radio_buttons .checkbox input[type="radio"] + label span {position: absolute; width: 26px; height: 26px; top: 15px; right: 15px; background: url(img/chechbox.png) no-repeat;}


.middle .tab .radio_buttons .checkbox input[type="radio"]:checked + label {color: #fff; background: #7d7e7f; background: linear-gradient(to top, #616163, #9a9c9c);}


.middle .tab .radio_buttons .checkbox input[type="radio"]:checked + label span {background: url(img/chechbox_a.png) no-repeat;}


.middle .tab .radio_buttons .checkbox small {position: absolute; font-size: 12px; color: #9f755c; left: 30px; top: 25px;}





.middle .equipment {margin: 0 0 60px; width: 835px;}


.middle .equipment .block {width: 272px; display: inline-block; vertical-align: top; margin: 0 5px 0 0;}


.middle .equipment .block:nth-child(3n+3) {margin-right: 0;}


.middle .equipment .block p.title {text-align: center; font-size: 18px; color: #333333; padding: 0 0 0px; margin: 0; line-height: 100%; height: 41px;}


.middle .equipment .block .pic {display:table; vertical-align: middle; text-align: center; box-sizing: border-box; background: #fff; overflow: hidden; border-radius: 5px; border: 1px solid #adadad; height: 180px; width: 100%; position: relative; margin: 0 0 10px;}


.middle .equipment .block .pic img {max-width: calc(100% - 10px); max-height: 140px;}


.middle .equipment .block .pic a {display: table-cell; width: 100%; height: 100%; vertical-align: middle; padding: 10px;}


.middle .equipment .block a {font-size: 14px; color: #333333;}


.middle .equipment .block .price {font-size: 16px; color: #333333; float: right; margin: 0 10px 0 0;}


.middle .equipment .block .checkbox {margin: 12px 0 0 0; position: relative; height: 55px; display: block; overflow: hidden; border-radius: 5px;}


.middle .equipment .block .checkbox input[type="checkbox"] {opacity: 0; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 55px;cursor: pointer;}


.middle .equipment .block .checkbox input[type="checkbox"] + label {font-size: 16px; color: #f35a0c; text-align: center; line-height: 50px; height: 55px; display: block; width: 100%; background: #fff; border-radius: 5px; border: 2px solid #f35a0c; box-sizing: border-box;}


.middle .equipment .block .checkbox input[type="checkbox"]:checked + label {color: #fff; background: #f35c0b; background: linear-gradient(to right, #f35c0b, #f89f06); border: 0; line-height: 54px;}








.middle .recomendations {margin: 0 0 20px; width: 835px;}


.middle .recomendations .block {width: 270px; display: inline-block; vertical-align: top; margin: 0 5px 0 0; height: 180px; background: #fff; border-radius: 5px; border: 1px solid #adadad;}


.middle .recomendations .block:nth-child(3n+3) {margin-right: 0;}








.middle .tarif_info {margin: 0 0 60px;}


.middle .tarif_info a {font-size: 16px; color: #333333;}


.middle .tarif_info a:after {content: url(img/str.png); position: absolute; margin: 0px 0 0 7px;}


.middle .tarif_info .hidden_content {opacity: 0; font-size: 16px; color: #333333; padding: 0; max-height: 0; overflow: hidden; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease;}


.middle .tarif_info .hidden_content.opened {padding: 20px 0 0; max-height: 999999px;opacity: 1;}


.middle .tarif_info .hidden_content p { padding: 0 0 20px; margin: 0;}

.middle .action_block ul li {margin: 0 0 7px;}





.application {width: 750px; margin: auto; padding-bottom: 40px;}


.application h2 {font-size: 24px; color: #333333; font-weight: normal; padding: 0 0 40px; margin: 0; text-align: center;}


.application.center {margin: 0 auto; padding-bottom: 60px;}


.application input.text {width: 100%; display: block; margin: 0 0 12px; padding: 0 16px; background: #fff; height: 50px; box-sizing: border-box; border: 2px solid #ddd0b4; border-radius: 5px; line-height: 45px; font-size: 16px; font-weight: 600; color: #333;}


.application input.text.city {display: inline-block; vertical-align: top; width: 260px; padding-left: 60px; background: url(/img/marker.png) 15px 14px no-repeat;}


.application input.text.street {display: inline-block; vertical-align: top; width: 195px;}


.application input.text.house {display: inline-block; vertical-align: top; width: 150px;}


.application input.text.entrance {display: inline-block; vertical-align: top; width: 130px; margin-right: -5px;}


.application input.text.name {padding-left: 60px; background: url(img/user.png) 15px 14px no-repeat;}


.application input.text.phone {padding-left: 60px; background: url(img/phone.png) 15px 14px no-repeat;}


.application input.text.mail {padding-left: 60px; background: url(img/mail.png) 15px 18px no-repeat;}


.application input.text.geoloc {padding-left: 60px; background: url(/img/marker.png) 15px 18px no-repeat;}

.application textarea {resize: none; width: 100%; display: block; margin: 0 0 12px; padding: 20px 20px; background: #fff; height: 130px; box-sizing: border-box; border: 2px solid #ddd0b4; border-radius: 5px; font-size: 16px; font-weight: 600; color: #333; padding-left: 60px; background: url(/img/list.png) 15px 18px no-repeat;}


.application input.submit {font-weight: 300; margin: 10px 0 0 0; display: block; width: 100%; cursor: pointer; border-radius: 5px; text-align: center; border: 0; height: 45px; line-height: 43px; font-size: 20px; color: #fff; background: #ee8f31; background: linear-gradient(to top, #09F03F, #81C643);}
.application input.submit:hover {background: #27B714;}


.application input.text::-moz-placeholder {color: #cbcbcb;}


.application input.text::-webkit-input-placeholder {color: #cbcbcb;}


.application textarea::-moz-placeholder {color: #cbcbcb;}


.application textarea::-webkit-input-placeholder {color: #cbcbcb;}





.middle .newsblock p.title {padding: 0 0 40px; margin: 0; font-size: 24px; color: #333333;}


.middle .newsblock p.title span {margin: 0 30px 0 0;}


.middle .newsblock p.title a {font-size: 18px; color: #666666; text-decoration: none;}


.middle .newsblock .into {text-align: justify;}


.middle .newsblock .into:after {content: ''; display: inline-block; width: 100%;height: 1px;}





.middle .newsblock .block {text-align: left; width: 340px; vertical-align: top; display: inline-block; font-size: 15px; color: #333333; line-height: 120%;}


.middle .newsblock .block .pic {height: 224px; overflow: hidden; width: 100%; margin: 0 0 25px;}


.middle .newsblock .block .pic img {height: 224px; min-width: 100%;}


.middle .newsblock .block p {padding: 0; margin: 0;}

.middle .newsblock .block div {display: -webkit-box; padding: 0; margin: 10px 0 10px 0; height: 72px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

.middle .newsblock .block .date {display: block; font-weight: 600;}


.middle .newsblock .block a {font-weight: 600; color: inherit; text-decoration: none;}

.middle .newsblock .block > span > a{height: 36px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.middle .newsblock .block a.more {float: right;}








.newsblock_list {max-width: 1100px; margin: 0 auto;}


.newsblock_list .block {position: relative; box-sizing: border-box; font-size: 18px; color: #333333; font-weight: 300; min-height: 280px; border-bottom: 1px solid #999999;  padding: 0 0 40px; margin: 0 0 40px;}


.newsblock_list .block .pic {width: 350px; height: 280px; float: left; margin: 0 40px 10px 0; overflow: hidden;}


.newsblock_list .block .pic img {width: 350px; min-height: 280px;}


.newsblock_list .block span.date {display: table; font-size: 18px; color: #333333; font-weight: 600;}


.newsblock_list .block a {font-size: 18px; color: #333333; font-weight: 600; text-decoration: none;}





.newsblock_list .visible_newsblock .block:last-child {border: none;}


.newsblock_list .hidden_newsblock .block:last-child {border: none;}


.newsblock_list .hidden_newsblock {max-height: 0; padding: 0; overflow: hidden; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;}


.newsblock_list .hidden_newsblock.opened {max-height: 99999999px;}





.newsblock_list .show_hidden_news {display: table; margin: 0 auto;}


.newsblock_list .show_hidden_news:before {display: block; content: url(img/news_show.png);}


.newsblock_list .show_hidden_news.showed:before {transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg);}











.pay_blocks {max-width: 1200px; margin:0 auto;}


.pay_blocks .block {border: 1px solid #999999; background: #fff; border-radius: 6px; font-size: 18px; color: #333333; width: calc(50% - 100px); display: inline-block; vertical-align:top;  margin: 0 47px 50px; padding: 20px 30px; box-sizing: border-box;}


.pay_blocks .block a.title {display: table; margin: 0 auto; text-align: center; font-size: 18px; color: #8f3300; text-decoration: none;}


.pay_blocks .block .pic {height: 62px; text-align: center; margin: 20px 0;}


.pay_blocks .block .pic img {height: 62px; }




.pay_blocks .block .hidden_text {max-height: 0; padding: 0; overflow: hidden; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;}


.pay_blocks .block .hidden_text.opened {max-height: 99999999px;}


.pay_blocks .block a.btn {display: table; margin: 0 auto; height: 45px; line-height: 43px; padding: 0 40px; border-radius: 6px; background: #ee8f31; background: linear-gradient(to top, #f03500, #fe7404); font-size: 20px; color: #fff; text-transform: none; font-weight: 300;  text-decoration: none;}
 .pay_blocks .block a.btn:hover {background: #ffa44c;}


.pay_blocks .block a.btn:before {content: 'Подробнее';}


.pay_blocks .block a.btn.showed:before {content: 'Скрыть';}






.pay_blocks.newstyle .block {font-size: 16px; color: #333; padding: 0 0 0 85px; border: 0; background: none; box-sizing: border-box; position: relative;}
.pay_blocks.newstyle .block a.title {display: table; margin: 0 0 20px; text-align: left; font-size: 23px; color: #333333; text-decoration: none;}
.pay_blocks.newstyle .block a.btn {line-height: 100%; border-radius: 0; font-size: 17px; height: auto; background: none; padding: 0; margin: 0; color: #333; text-decoration: underline;}
.pay_blocks.newstyle .block a.btn:hover {text-decoration: none;}
.pay_blocks.newstyle .block .pic {position: absolute;left: 0; margin: 5px 0 0 0;}
.pay_blocks.newstyle .block p {font-size: 15px; padding: 0 0 20px; margin: 0;}
.pay_blocks.newstyle .btn.focus, .pay_blocks.newstyle .btn:focus {box-shadow: none!important;}




.help_blocks {max-width: 1200px; margin:0 auto;}


.help_blocks .block {border: 1px solid #999999; background: #fff; border-radius: 6px; font-size: 18px; color: #333333; width: calc(50% - 100px); display: inline-block; vertical-align:top;  margin: 0 47px 70px 47px; padding: 20px 30px; box-sizing: border-box;}


.help_blocks .block a.title {display: table; margin: 0 auto; text-align: center; font-size: 18px; color: #8f3300; text-decoration: none;}


.help_blocks .block .pic {height: 88px; text-align: center; margin: 20px 0;}


.help_blocks .block .pic img {height: 88px; }


.help_blocks .block a.btn {display: table; margin: 0 auto; height: 44px; line-height: 42px; padding: 0 40px; border-radius: 6px; background: #ee8f31; background: linear-gradient(to right, #fa7b00, #ffa44c); font-size: 18px; color: #fff; text-transform: uppercase; text-decoration: none;}





.footer {padding: 45px 0; position: relative; width: 100%; background: #282828;}


.footer .into {position: relative; max-width: 1310px; margin: 0 auto; padding: 0 85px; box-sizing: border-box;}


.footer ul.bottommenu {display: inline-block; vertical-align: top; margin: 0 90px 0 0; list-style-type: none; padding: 0;}


.footer ul.bottommenu li {margin: 0 0 8px;}


.footer ul.bottommenu li a {font-size: 16px; color: #fff; font-weight: 300; text-decoration: none;}


.footer ul.bottommenu li a:hover {color: #ea8c0e;}





.footer ul.bottommenu.right {float: right; margin-right: 0;}


.footer ul.bottommenu.right li a {font-weight: normal;}





.footer .search {width: 245px; height: 46px; position: absolute; top: 0px; right: 85px;}


.footer .search input.text {width: 245px; height: 46px; display: block; box-sizing: border-box; line-height: 44px; padding: 0 20px; font-size: 16px; color: #fff; font-weight: 300; background: none; border-radius: 2px; border: 1px solid #fff;}


.footer .search input.text::-moz-placeholder {color: #fff;}


.footer .search input.text::-webkit-input-placeholder {color: #fff;}


.footer .search .submit {border: 0; cursor: pointer; position: absolute; top: 8px; right: 10px; width: 28px;}





.footer .soc_icons {position: absolute; right: 85px; bottom: 15px; width: 245px; text-align: center;}


.footer .soc_icons img {margin: 0 2px; height: 24px;}








/**


 * Owl Carousel v2.2.1


 * Copyright 2013-2017 David Deutsch


 * Licensed under  ()


 */


.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}





.link_nav {display: none;}





.text_content {padding: 0 10px 50px;}

.text_content .actions_list .block {display: inline-block; vertical-align: top; margin: 0 25px 30px; width: calc(50% - 54px);}


.text_content .actions_list .block .pic {height: 311px; width: 100%; overflow: hidden; }


.text_content .actions_list .block .pic img {min-width: 100%;}


.text_content .actions_list .block .text {text-align: left; font-size: 16px; color: #333333; padding: 20px 0; box-sizing: border-box; border-top: 0; }


.text_content .actions_list .block .text span {display: block; margin: 5px 0 22px; font-size: 24px; color: #282828;}


.text_content .actions_list .block .text a.btn {text-decoration: underline; font-size: 16px; color: #282828;}

.text_content .actions_list .block .text a.btn:hover {text-decoration: none;}






.text_content .action_block {max-width: 1100px; margin: 0 auto;}


.text_content .action_block h2 {padding: 30px 0 35px; margin: 0; font-size: 24px; color: #333333; font-weight: normal;}


.text_content .action_block .into {font-size: 14px; color: #333333; padding: 25px; border: 1px solid #ccc;}


.text_content .action_block .into .date {font-size: 14px; color: #666666;display: block; margin: 0 0 15px;}


.text_content .action_block .into .date:before {content: url(img/date_icon.png); float: left; margin: 0 7px 0 0;}


.text_content .action_block .into p {padding: 0 0 25px; margin: 0;}


.text_content .action_block .into .show_more {font-size: 14px; color: #8f3300; text-decoration: none;}


.text_content .action_block .into a.btn {display: table; margin: 25px 0; height: 44px; line-height: 42px; padding: 0 40px; border-radius: 6px; background: #ee8f31; background: linear-gradient(to right, #fa7b00, #ffa44c); font-size: 18px; color: #fff; text-transform: uppercase; text-decoration: none;}


.text_content .action_block .into .hidden_action {transition: all 0.3s ease; -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -ms-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  max-height: 0; overflow: hidden; padding: 0;}


.text_content .action_block .into .hidden_action.open {max-height: 999999px; padding: 25px 0 10px;}


.text_content .action_block .into ul, .text_content .action_block .into ol {padding: 0 0 25px 20px; margin: 0;}


.text_content .action_block .into ul {list-style-type: none; padding-left: 5px; }


.text_content .action_block .into ul li {padding: 0 0 8px 10px; background: url(img/bullet.gif) 0 9px no-repeat;}





.prev_next {text-align: center; margin: 40px 0 0 0;}


.prev_next img {margin: 0 12px;}

.news_list {max-width: 1100px; margin: 0 auto;}


.news_list .years {width: 165px; float: right; margin-left: 30px; box-sizing: border-box; border: 1px solid #ccc; padding: 20px 25px 20px;}


.news_list .years p.title {text-align: center; font-size: 18px; color: #333333; padding: 0 0 20px; margin: 0;}


.news_list .years ul {list-style-type: none; padding: 0; margin: 0; -webkit-column-count: 2; 


-moz-column-count: 2; 

column-count: 2;} 





.news_list .years ul li {text-align: center; color: #333333; font-size: 14px; margin: 0 0 15px;}


.news_list .years ul li a {color: #8f3300; text-decoration: none;}


.news_list .years ul li.active a {color: #333;}





.news_list .into {width: calc(100% - 185px);}


.news_list .into .block {font-size: 14px; color: #333333; border: 1px solid #ccc; padding: 20px; box-sizing: border-box; margin: 0 0 -1px 0;}


.news_list .into .date {font-size: 14px; color: #666666;display: block; margin: 0 0 15px;}


.news_list .into .date:before {content: url(img/date_icon.png); float: left; margin: 0 5px 0 0;}


.news_list .into a.name {font-size: 18px; color: #333333; font-weight: 600; text-decoration: none;}


.news_list .into p {padding: 5px 0 20px 0; margin: 0;}


.news_list .into p a {color: #8f3300; text-decoration: none; margin-left: 12px;}








.tv_blocks {max-width: 900px; margin: 0 auto; text-align: justify;}


.tv_blocks:after {display: inline-block; width: 100%; height: 1px; content: '';}


.tv_blocks .block {font-size: 18px; color: #333333; text-transform: uppercase; text-align: center; margin: 0 0px 60px; vertical-align: top; display: inline-block; width: 365px; height: 370px; overflow: hidden; border-radius: 5px; border: 1px solid #999999;}


.tv_blocks .block .pic {width: 100%; height: 245px; overflow: hidden;}


.tv_blocks .block .pic img {width: 100%; min-height: 245px;}


.tv_blocks .block a.btn {display: table; margin: 0 auto; height: 45px; line-height: 43px; padding: 0 40px; border-radius: 6px; background: #ee8f31; background: linear-gradient(to top, #f03500, #fe7404); font-size: 20px; color: #fff; font-weight: 300; text-decoration: none; text-transform: none;}
.tv_blocks .block a.btn:hover {background: #ffa44c;}


.tv_blocks .block span {display: block; margin: 17px 0;}

.pr_blocks {max-width: 900px; margin: 0 auto; text-align: justify;}

.pr_blocks:after {display: inline-block; width: 100%; height: 1px; content: '';}

.pr_blocks .block {text-align: center; margin: 0 0px 60px; vertical-align: top; display: inline-block; width: 215px; height: 260px; overflow: hidden; cursor: pointer;}

.pr_blocks .subblock {background: #ffffff; text-align: center; margin: 0 0px 60px; vertical-align: top; display: inline-block; width: 215px; height: 290px; overflow: hidden; border-radius: 5px; cursor: pointer;}

.pr_blocks .block:hover {
	background: #ffffff;
}

.pr_blocks .block .pr_main {
	display:block;	
	margin-top: 40px;
	font-size: 20px; 
	color: #333333; 
	font-weight:600; 
}

.pr_blocks .block:hover .pr_main {
	display:none;
}

.pr_blocks .block:hover .pr_sub {
	display:block;
}

.pr_blocks .block .pr_sub {
	display:none;
}

.pr_blocks .subblock .pr_main {
	display:block;	
	font-size: 18px; 
	color: #333333; 
	font-weight:600; 
}



.pr_blocks .block .pic {width: 100%; overflow: hidden;}

.pr_blocks .block .pic img {height: 100px; padding-top:10px; padding-bottom:10px;}

.pr_blocks .block a.btn {display: table; margin: 0 auto; height: 44px; line-height: 42px; padding: 0 40px; border-radius: 6px; background: #ee8f31; background: linear-gradient(to right, #fa7b00, #ffa44c); font-size: 18px; color: #fff; text-decoration: none;}

.pr_blocks .block span {display: block; margin: 0; font-size: 15px; margin: auto;}

.pr_blocks .subblock .pic {width: 100%; overflow: hidden;}

.pr_blocks .subblock .pic img {height: 100px; padding-top:40px; padding-bottom:40px;}

.pr_blocks .subblock a.btn {display: table; margin: 0 auto; height: 44px; line-height: 42px; padding: 0 40px; border-radius: 6px; background: #ee8f31; background: linear-gradient(to right, #fa7b00, #ffa44c); font-size: 18px; color: #fff; text-decoration: none;}

.pr_blocks .subblock span {display: block; margin: 17px 0;}





.pages ul {display: table; margin: 40px auto 0; list-style-type: none; padding:0;}


.pages ul li {display: inline-block; vertical-align: middle; margin: 0 4px;}


.pages ul li:first-child {margin-right: 7px;}


.pages ul li:last-child {margin-left: 7px;}


.pages ul li img {display: block;}


.pages ul li a {font-size: 18px;color: #333333; text-decoration: none;}


.pages ul li.active a {color: #8f3300;}








.tarif_arhiv ul#tabs {text-align: center; list-style-type: none; padding: 0; margin: 0 0 35px; width: 100%;}


.tarif_arhiv ul#tabs li {display: inline-block; vertical-align:middle; margin: 0 2px;}


.tarif_arhiv ul#tabs li a {color: #333; box-sizing: border-box; border: 1px solid #999999; display: block; width: 320px; height: 57px; line-height: 55px; text-align: center; text-decoration: none; border-radius: 5px; text-decoration: none; font-size: 16px; text-transform: uppercase;}


.tarif_arhiv ul#tabs li#current a {background: #797a7b; border: 0; color: #fff; background: linear-gradient(to top, #333333, #9a9c9c); line-height: 57px;}








.tarif_arhiv {width: 100%; max-width: 1070px; margin: 20px auto 0 auto;}


.tarif_arhiv table.tarif_table {font-size: 16px; color: #333333; text-transform: uppercase; width: 100%; border: 1px solid #cccccc; background: #fff; padding: 25px; box-sizing: border-box; text-align: center;}


.tarif_arhiv table.tarif_table td {padding: 8px 10px;}


.tarif_arhiv table.tarif_table .head td {font-weight: 600; text-transform: none; padding-bottom: 16px;}


.tarif_arhiv p.title {font-size: 18px; color: #000000; padding: 0 0 20px; margin: 0;}





.tarif_arhiv.phone p.title {font-size: 30px; color: #333333; padding: 0 0 40px; margin: 0; text-align: center;}








.t_header {text-align: center; margin: 0 0 15px;}


.t_header .in {letter-spacing: -0.3px; padding: 0 8px; box-sizing: border-box; font-size: 12px; color: #666666; text-align: center; font-weight: 300; display: inline-block; vertical-align: middle; width: 20%; margin: 0 -5px 0 0;}


.t_header .in:first-child {width: 40%; text-align: left;}








.t_block {text-align: center; background: #fff; border-radius: 5px; border: 1px solid #999999; padding: 25px 0; margin: 0 0 10px;}


.t_block:hover {background: #f1f0f0;}


.t_block .in {font-size: 22px; color: #333333; text-align: center; font-weight: 300; display: inline-block; vertical-align: middle; width: 20%; margin: 0 -5px 0 0;}


.t_block .in:first-child {width: 40%; font-size: 14px; color: #333333; font-weight: 600; text-align: left; white-space: nowrap;}






.about_us_block {max-width: 1100px; margin: 0 auto;}


.about_us_block .company_top {width: 100%; display: table; margin: 0 0 50px;}


.about_us_block .company_top .text {font-size: 20px; font-weight: 300; color: #fff; width: 290px; background: #f9863d; padding: 30px 25px; box-sizing: border-box; display: table-cell;}


.about_us_block .company_top .bg {display: table-cell; height: 100%; background: url(img/comp_pic.jpg) top center no-repeat; background-size: cover;}


.about_us_block h2 {text-align: center; font-size: 32px; color: #000; font-weight: normal; padding: 0 0 40px; margin: 0;}


.about_us_block h2 span {text-transform: none;}


.about_us_block .about_text {margin: 0 0 20px;}


.about_us_block .about_text .left {font-size: 24px; color: #333333; width: 295px; display: inline-block; vertical-align: top; padding: 0 25px; margin: 0 -5px 0 0; box-sizing: border-box;}


.about_us_block .about_text .right {font-size: 17px; color: #333333; width: calc(100% - 295px); display: inline-block; vertical-align: top;}


.about_us_block .about_text .right p {padding: 0 0 20px; margin: 0;}


.about_us_block .about_text .right ul {list-style-type: none; padding: 0 0 20px; margin: 0;}


.about_us_block .about_text .right ul li {padding: 0; margin: 0 0 15px 0; text-indent: 15px; background: url(img/bullet1.gif) 0 11px no-repeat;}





.about_us_block .company_beside {width: 100%; display: table; margin: 0 0 60px; height: 200px;}


.about_us_block .company_beside .text {font-size: 20px; font-weight: 300; color: #fff; width: 290px; background: #f9863d; padding: 45px 25px; box-sizing: border-box; display: table-cell; vertical-align:middle;}


.about_us_block .company_beside .bg {display: table-cell; height: 100%; background-size: cover;}


.about_us_block .company_beside .bg .pic {display: table; width: 33%; height: 100%; float: left;}


.about_us_block .company_beside .bg .pic.pic1 {background: url(img/pic04.png) top center no-repeat; background-size: cover;}


.about_us_block .company_beside .bg .pic.pic2 {background: url(img/pic05.png) top center no-repeat; background-size: cover;}


.about_us_block .company_beside .bg .pic.pic3 {background: url(img/pic06.png) top center no-repeat; background-size: cover;}





.about_us_block .staff {position: relative; margin: 0 0 60px;}


.about_us_block .staff .block {overflow: hidden; float: left; width: 133px; height: 146px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;}


.about_us_block .staff .block:hover {position: relative; z-index: 10; transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}


.about_us_block .staff .block.big {width: 295px; height: 292px;}


.about_us_block .staff .block.big img {width: 100%; min-height: 292px;}


.about_us_block .staff .block img {display: block; width: 100%; min-height: 146px;}





.popup_staff {position: absolute!important; left: 0!important; top: 0!important; background: #fff; width: 100%; margin: 0!important;}


.popup_staff .pic {overflow: hidden; display: inline-block; margin: 0 30px 0px 0; width: 295px; height: 293px; vertical-align: top;}


.popup_staff .pic img {width: 100%; min-height: 293px; display:block;}


.popup_staff .text {padding: 30px; box-sizing: border-box; font-size: 24px; color: #333333; display: inline-block; vertical-align: top; width: calc(100% - 330px);}


.popup_staff .text p {padding: 0; margin: 0;}


.popup_staff .exit {position: absolute; top: -45px; right: -45px; cursor: pointer;}








.about_us_block .company_docs {width: 100%; display: table; margin: 0 0 60px; height: 200px;}


.about_us_block .company_docs .text {font-size: 20px; font-weight: 300; color: #fff; width: 290px; background: #f9863d; padding: 25px 25px; box-sizing: border-box; display: table-cell; vertical-align:middle;}


.about_us_block .company_docs .bg {display: table-cell; height: 100%; background: #ffc086;}


.about_us_block .company_docs .bg .block {position: relative; display: table; width: 33%; height: 100%; float: left;}


.about_us_block .company_docs .bg .block:last-child {width: 34%;}


.about_us_block .company_docs .bg .block a {display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; background: #fa8d3c; font-weight: 300; color: #fff; font-size: 25px; text-decoration: none;}


.about_us_block .company_docs .bg .block.active:after {position: absolute; width: 61px; height: 31px; display: block; content: ''; bottom: -31px; left: 50%; margin-left: -30px; background: url(img/link_str.png) no-repeat;}


.about_us_block .company_docs .bg .block.active a {background: #f46700;}





.about_us_block .docs_toggle.rek {display: none;}


.about_us_block .docs_toggle.dog {display: none;}


.about_us_block .docs_toggle p {padding: 0 0 20px; margin: 0;}


.about_us_block .docs_toggle p.title {font-size: 18px; color: #000; text-transform: uppercase; }


.about_us_block .docs_toggle p img {margin: 10px 10px 0 0; height: 200px;}


.about_us_block .docs_toggle p a {font-size: 18px; color: #8f3300;}


.about_us_block .docs_toggle p a.dog {display: table; margin: 0 0 10px; }











.contacts_page {max-width: 1100px; margin: 0 auto; text-align: justify; position: relative;}


.contacts_page:after {content: ''; display: inline-block; width: 100%; height: 1px;}


.contacts_page .block {height: 366px; margin: 0 0 70px; text-align: left; font-size: 13px; color: #333333; padding: 30px 25px; box-sizing: border-box; border-radius: 5px; background: #fff; border: 1px solid #999999; display: inline-block; vertical-align: top; width: 500px;} 


.contacts_page .block .exit {display: none;}


.contacts_page .block.zindex {position: relative; z-index: 11;}


.contacts_page .block.zindex .exit {display: block; position: absolute; top: 10px; right: 10px; cursor: pointer;}


.contacts_page .block p {padding: 0 0 15px; margin: 0;}


.contacts_page .block p.title {font-size: 16px; text-align: center; padding-bottom: 30px;}

.contacts_page .block a.title {font-size: 18px; text-align: center; margin-bottom: 30px; display: block;}


.contacts_page .block .pic {width: 235px; max-height: 174px; display: inline-block; vertical-align: top; margin: 0 20px 0 0;}

.contacts_page .block .pic > img{max-width: 235px; max-height: 174px;}

.contacts_page .block .text {width: calc(100% - 260px); display: inline-block; vertical-align: top;}


.contacts_page .block a.btn {display: table; margin: 25px auto 0; height: 45px; line-height: 43px; padding: 0 35px; border-radius: 6px; background: #ee8f31; background: linear-gradient(to top, #f03500, #fe7404); font-size: 20px; font-weight: 300; color: #fff; text-decoration: none;}
.contacts_page .block a.btn:hover {background: #ffa44c;}


.mapblock {height: 405px; width: 100%;}


.contacts_page .map_block {margin: 0 0 70px; border-radius: 5px; overflow: hidden; position: relative;}


.contacts_page .map_block .block {position: absolute; top: 20px; left: 40px; border: 0; z-index: 99;}


.contacts_page .map_block .ymaps-2-1-50-controls-pane {display: none!important;}





.mapblockpopup {display: none; position: absolute; left: -20px; width: calc(100% + 40px); margin-top: -452px; border-radius: 7px; overflow: hidden; z-index: 10;}


.mapblockpopup.show {display: block;}


.ymaps-2-1-47-controls-pane {display: none!important;}





.biz_content {padding: 50px 0 50px 0; background: #fff;}


.biz_content h2 {text-align: center; font-size: 32px; color: #333333; font-weight: normal; padding: 0 0 50px; margin: 0;}


.biz_content .what_is {max-width: 1100px; margin: 0 auto; text-align: justify;}


.biz_content .what_is:after {display: inline-block; width: 100%; height: 1px; content: '';}


.biz_content .what_is .block {cursor: default; position: relative; text-align: left; width: 500px; display: inline-block; vertical-align: middle; font-size: 17px; color: #333333; margin-bottom: 30px;}


.biz_content .what_is .block img {display: inline-block; margin: 0 25px 0 0; vertical-align: middle; width: 84px;}


.biz_content .what_is .block span {display: inline-block; vertical-align: middle; width: calc(100% - 113px);}


.biz_content .hidden_text {display: none; position: absolute; width: 100%; left: 0; bottom: 95px; background: #fff; box-shadow: 0 0 8px rgba(0,0,0,0.2); padding: 10px; box-sizing: border-box; font-size: 13px;}
.biz_content .block:hover .hidden_text {display: block;}
.biz_content .block:hover .hidden_text:hover {display: none;}





.biz_content .b_benefits {max-width: 1150px; margin: 0 auto; text-align: justify;}


.biz_content .b_benefits:after {display: inline-block; width: 100%; height: 1px; content: '';}


.biz_content .b_benefits .block {cursor: default; position: relative; padding: 0 15px 0px 0; box-sizing: border-box; text-align: left; width: 500px; display: inline-block; vertical-align: middle; font-size: 18px; color: #333333; margin-bottom: 30px;}


.biz_content .b_benefits .block img {display: inline-block; margin: 0 25px 0 0; vertical-align: middle; width: 84px;}


.biz_content .b_benefits .block span {display: inline-block; vertical-align: middle; width: calc(100% - 113px);}





.biz_bg01 {}


.biz_bg01 .biz_content {background: none;}



.how_works {text-align: center;}

.how_works .block {cursor: default; position: relative; width: 25%; margin: 0 -5px 0 0; vertical-align: top; display: inline-block; text-align: center; font-size: 18px; color: #333333;}

.how_works .block .hidden_text {bottom: 145px;}


.how_works .block img {margin: 0 auto 25px; display: table;}








.t_benefits {max-width: 1200px; margin: 0 auto 30px;}


.t_benefits .block { padding: 0 15px; box-sizing: border-box; width: 20%; margin: 0 -5px 0 0; vertical-align: top; display: inline-block; text-align: center; font-size: 17px; color: #333333;}


.t_benefits .block img {margin: 0 auto 25px; display: table;}





.tel_bg01 {height: 400px; background: url(img/tel_bg01.jpg) top left no-repeat; background-size: cover; position: relative; width: 100%;}


.tel_bg01 img {display: inline-block; vertical-align:middle; margin: 0 35px 0 0;}


.tel_bg01 p {display: inline-block; vertical-align:middle;}


.tel_bg01 p:before {display: block; width: 100%; height: 3px; content: ''; background: #af541c; background: linear-gradient(to right, #df8543, #8f3401); margin: 0 0 15px;}


.tel_bg01 p:after {display: block; width: 100%; height: 3px; content: ''; background: #af541c; background: linear-gradient(to right, #df8543, #8f3401); margin: 15px 0 0 0;}


.tel_bg01 .text {font-size: 24px; color: #010101; position: absolute; top: 50%; margin-top: -105px; right: 130px;}








.tel_bg02 {font-size: 20px; color: #000; line-height: 200%; text-align: center; padding: 60px 0; box-sizing: border-box;   background: url(img/tel_bg02.jpg) top left no-repeat; background-size: cover; position: relative; width: 100%;}


.tel_bg02 a.btn {display: table; margin: 0 auto; height: 44px; line-height: 42px; padding: 0 40px; border-radius: 6px; background: #ee8f31; background: linear-gradient(to right, #fa7b00, #ffa44c); font-size: 18px; color: #fff; text-transform: uppercase; text-decoration: none;}


.tel_bg02 h2 {font-size: 36px; font-weight: normal; padding: 0 0 20px; margin: 0;}


.tel_bg02 p {padding: 0 0 30px; margin: 0;}





.beige_bg .biz_content {background: #ffe0b4;}


.biz_content .to_govern {max-width: 1000px; margin: 0 auto; text-align: justify;}


.biz_content .to_govern:after {display: inline-block; width: 100%; height: 1px; content: '';}


.biz_content .to_govern .block {cursor: default; position: relative; max-width: 450px; min-width: 320px; text-align: left; display: inline-block; vertical-align: top; font-size: 17px; color: #333333;}


.biz_content .to_govern .block img {display: inline-block; margin: 0 25px 0 0; vertical-align: middle; width: 83px;}


.biz_content .to_govern .block span {display: inline-block; vertical-align: middle; width: calc(100% - 113px);}





.biz_bg02 {background: url(img/biz_bg02.jpg) top center no-repeat; background-size: cover; padding: 20px 0;}


.biz_bg02 a {box-sizing: border-box; padding: 135px 0 0 0; font-size: 36px; color: #fff; text-decoration: none; text-align: center; width: 390px; height: 390px; display: block; margin: 0px auto; border-radius: 50%; background: rgba(0,0,0,0.7);}


.biz_bg02 a span {display: table; margin: 20px auto 0; height: 45px; line-height: 43px; padding: 0 55px; border-radius: 6px; background: #ee8f31; background: linear-gradient(to top, #f03500, #fe7404); font-size: 20px; color: #fff; text-decoration: none; font-weight: 300;}
.biz_bg02 a span:hover {background: #ffa44c;}





.biz_content .new_services {text-align: center;}


.biz_content .new_services .block {text-align: center; display: inline-block; vertical-align: top; margin: 0 25px 25px;}


.biz_content .new_services .block .pic {width: 100%; height: 220px; overflow: hidden; margin: 0 0 25px;}


.biz_content .new_services .block .pic img {height: 220px; min-width: 100%;}


.biz_content .new_services .block a {font-size: 18px; color: #333333; font-weight: 600; text-decoration: none;}





.shop-block .shop_cats {text-align: center; margin: 0 0 15px;}

.shop-block p.shop_center {font-size: 18px; text-align: center; margin: 26px 0 0 0; padding: 0 0 30px; color: #333;}


.shop-block .shop_cats a {position: relative; background-repeat: no-repeat!important; margin: 0 3px; display: inline-block; width: 360px; height: 75px; line-height: 73px; box-sizing: border-box; border-radius: 4px; text-align: center; border: 1px solid #b1b1b1; font-size: 18px; color: #000; text-transform: uppercase; text-decoration: none;}


.shop-block .shop_cats a:before {position: absolute; top: 10px; left: 25px;}


.shop-block .shop_cats a.home:before {content: url(img/house.png);}


.shop-block .shop_cats a.office:before {content: url(img/houses.png);}


.shop-block .shop_cats a.active {background: #818182; background: linear-gradient(to top, #6f6f6f, #9a9a9b); color: #fff; }


.shop-block .shop_cats a.home.active:before {content: url(img/house_w.png);}


.shop-block .shop_cats a.office.active:before {content: url(img/houses_w.png);}








.shop-block .shop_cats_sub {text-align: center; margin: 0 0 70px;}


.shop-block .shop_cats_sub a {position: relative; background-repeat: no-repeat!important; margin: 0 3px; display: inline-block; width: 330px; height: 65px; line-height: 63px; box-sizing: border-box; border-radius: 4px; text-align: center; border: 1px solid #b1b1b1; font-size: 16px; color: #000; text-transform: uppercase; text-decoration: none;}


.shop-block .shop_cats_sub a.active {background: #a1a19f; background: linear-gradient(to top, #91908d, #b6b7b4); color: #fff; }


.shop-block .shop_cats_sub a:before {position: absolute; top: 10px; left: 10px;}


/*.shop-block .shop_cats_sub a.routery:before {content: url(img/routers.png);}


.shop-block .shop_cats_sub a.routery.active:before {content: url(img/routers_w.png);}


.shop-block .shop_cats_sub a.pristavki:before {content: url(img/router.png);}


.shop-block .shop_cats_sub a.pristavki.active:before {content: url(img/router_w.png);}


.shop-block .shop_cats_sub a.oborudovanie:before {content: url(img/obor_icon.png);}


.shop-block .shop_cats_sub a.oborudovanie.active:before {content: url(img/obor_icon1.png);}*/





.shop-block .toggle_shop_sub .pris_block {display: none;}


.shop-block .toggle_shop_sub .obor_block {display: none;}





.vacancies {max-width: 1100px; margin: 0 auto; font-size: 18px; color: #333333; }


.vacancies p {padding: 0 0 20px; margin: 0;}


.vacancies #tabs {padding: 30px 0 0 0; margin: 0; list-style-type: none; width: 485px; display: inline-block; vertical-align: top;}


.vacancies #tabs li {margin: 0 0 15px;}


.vacancies #tabs li a {font-size: 20px; color: #333333; text-transform: uppercase; text-decoration: none;}


.vacancies #tabs li#current a {color: #8f3300;}


.vacancies #tabs li#current a:after {content: url(img/vac_str.png); margin-left:10px;}


.vacancies #ClList {line-height: 120%; display: inline-block; vertical-align: top; width: calc(100% - 490px); padding: 30px 0 30px 0;}


.vacancies #ClList ul {padding: 0 0 20px; margin: 0; list-style-position: inside; list-style-type: none;}


.vacancies #ClList ul li:before {content: url(img/bullet.png); margin: -3px 10px 0 0; float: left;}











.catalog {text-align: center;}


.catalog .block {width: 310px; display: inline-block; vertical-align: top; margin: 0 15px 40px;}


.catalog .block .frame {margin: 0 0 15px; background: #fff; box-sizing: border-box; height: 250px; width: 100%; border: 1px solid #999999; border-radius: 5px; padding: 20px 25px 0;}


.catalog .block .frame .pic {width: calc(100% - 20px); margin: 30px 10px 0; overflow: hidden; height: 125px; text-align: center;}


.catalog .block .frame .pic img {max-height: 125px; max-width: 100%;}


.catalog .block .frame p.title {font-size: 24px; color: #333333; padding: 0; margin: 0; height: 55px; line-height: 110%;}


.catalog .block .price {float: left; margin: 0 0 0 30px; font-size: 19px; color: #000; font-weight: 600;}


.catalog .block .price span {font-size: 24px;}


.catalog .block .btn {float: right; margin: 0 30px 10px 0px; height: 36px; line-height: 36px; padding: 0 25px; border-radius: 6px; background: #ee8f31; background: linear-gradient(to top, #f03500, #fe7404); font-size: 16px; color: #fff; font-weight: 300; text-transform: none; text-decoration: none; display: table;}
.catalog .block .btn:hover {background: #ffa44c;}


.catalog .block .instr {float: left; margin: 0 0 0 30px; font-size: 14px; color: #333333;font-weight: 600;}


.catalog .block .chars {float: right; margin: 0 30px 0 0px; font-size: 14px; color: #333333;font-weight: 600;}








.middle .tab .you_added input.submit.pk_no {display: none;}


.middle .tab .you_added a.submit {display: none;}








.toggle_shop_blocks .office_block {display: none;}








@media all and (max-width: 1339px) {








* {max-height: 9999999999px; -webkit-appearance: none!important;}





.container, .all {min-width: 320px; width: 100%;}


.toppanel ul.topmenu, .header .logo {left: 20px;}
.header ul.header_menu {right: 0;}


.toppanel ul.topmenu li img {display: none;}


.toppanel .soc_block {right: 445px;}

.toppanel .phone {right: 10px;}
.toppanel a.lk {right: 205px;}




.top_slider .owl-topslider .item img.bg {width: 1380px; min-height: 503px; left: 50%; margin-left: -690px;}


.top_slider .owl-topslider .item .text {position: relative; top: auto; text-align: center; left: auto; right: auto; width: 100%; padding: 40px 10px 40px; box-sizing: border-box;}


.top_slider .owl-topslider .item .text p {text-shadow: 0 0 20px rgba(0,0,0,0.8);}


.top_slider .owl-topslider .item .text p.big {text-shadow: 0 0 20px rgba(255,255,255,0.8); font-size: 40px;}


.top_slider .owl-topslider .item .text p.big br {display: none;}


.top_slider .owl-topslider .item img.gift {margin-left: auto; margin-right: auto;}





.top_slider .owl-topslider .item .buttons {position: relative; bottom: auto; right: auto; display: table; margin: 0 auto;}


.top_slider .owl-topslider .item .buttons a {color: #000;}



.bottom_slider .owl-topslider .item img.bg {width: 1380px; min-height: 503px; left: 50%; margin-left: -690px;}

.bottom_slider .owl-topslider .item .text {position: relative; top: auto; text-align: center; left: auto; right: auto; width: 100%; padding: 40px 10px 40px; box-sizing: border-box;}

.bottom_slider .owl-topslider .item .text p {text-shadow: 0 0 20px rgba(0,0,0,0.8);}

.bottom_slider .owl-topslider .item .text p.big {text-shadow: 0 0 20px rgba(255,255,255,0.8); font-size: 40px;}

.bottom_slider .owl-topslider .item .text p.big br {display: none;}

.bottom_slider .owl-topslider .item img.gift {margin-left: auto; margin-right: auto;}



.bottom_slider .owl-topslider .item .buttons {position: relative; bottom: auto; right: auto; display: table; margin: 0 auto;}

.bottom_slider .owl-topslider .item .buttons a {color: #000;}





.biz_slider .owl-biz .item img.bg {width: 1380px; min-height: 503px; left: 50%; margin-left: -690px;}








}




@media all and (max-width: 1150px) {
body>.container {max-width: 100%;}

.toppanel ul.topmenu li {margin: 0 8px 0 0;}


.toppanel ul.topmenu li a {font-size: 13px;}





.toppanel a.lk {top: 5px; height: 35px; line-height: 35px; font-size: 17px; right: 200px; padding: 0 15px;}


.toppanel .soc_block img {height: 20px; margin: 0 4px;}


.toppanel .soc_block {right: 405px;}





.middle .tab .check_address input.submit {display: table; margin: 10px auto;}








.middle .tab .you_added {width: 270px;}


.middle .tab .tarify {width: calc(100% - 290px); padding: 0 10px; box-sizing: border-box;}


.middle .tab .tarify .block input[type="radio"] + label .name {width: 160px;}


.middle .tab .tarify .block input[type="radio"] + label .speed {width: 160px;}





.middle .tab .tarify .block_title span.name {width: 160px;}


.middle .tab .tarify .block_title span.speed {width: 160px;}





.middle .equipment {width: auto; text-align: center;}


.middle .equipment .block {margin-bottom: 25px;}





.middle .recomendations {width: auto; text-align: center;}


.middle .recomendations .block {margin-bottom: 25px;}





.middle .tarif_info a {display: table; margin: 0 auto 10px; padding-right: 20px;}


.middle .tarif_info .hidden_content p {padding-left: 10px; padding-right: 10px;}


.middle .tarif_info .hidden_content p br {display: none;}





.application {margin-left: auto; margin-right: auto; max-width: 100%;}





.newsblock {padding-left: 10px; padding-right: 10px; box-sizing: border-box;}








.footer ul.bottommenu {margin-right: 50px;}


.footer .search {margin-left: 10px;}


.footer .soc_icons {right: 10px;}





.tarif_arhiv ul#tabs li a {height: 40px; line-height: 38px; width: 220px;}


.tarif_arhiv ul#tabs li#current a {line-height: 40px;}





.about_us_block .staff {max-width: 900px; margin: 0 auto 45px;}


.about_us_block .staff .block.big {width: 200px; height: 200px;}


.about_us_block .staff .block.big img {min-height: 200px;}


.about_us_block .staff .block {width: 116px; height: 100px;}


.about_us_block .staff .block img {min-height: 100px;}


.popup_staff .exit {width: 20px; height: 20px; top: 5px; right: 5px;}


.popup_staff {top: -10px!important;}


.popup_staff .pic {width: 200px; height: 215px;}


.popup_staff .pic img {min-height: 215px;}


.popup_staff .text {width: calc(100% - 235px); padding: 25px; font-size: 16px;}





.shop-block .shop_cats_sub a:before {display: none;}


.shop-block .shop_cats_sub a {width: 300px;}


}





@media all and (max-width: 1100px) {


.about_us_block .company_top .text {width: 50%; font-size: 17px;}


.pay_blocks .block {padding: 20px 10px;}


.help_blocks .block {padding: 20px 10px;}








.t_benefits {text-align: center;}


.t_benefits .block {width: 290px; margin-bottom: 40px;}


.tel_bg01 .text {right: 25px;}





.t_block .in:first-child {width: 65%;}





.vacancies #tabs li a {font-size: 16px;}


.vacancies #tabs li#current a:after {display: none;}


.vacancies #tabs {width: 395px; padding-right: 15px; box-sizing: border-box;}


.vacancies #ClList {width: calc(100% - 400px);}


}





@media all and (max-width: 1075px) {


.middle .newsblock .block {width: 310px;}


.biz_menu ul li img {margin-right: 5px;}


.biz_menu ul li a {font-size: 16px;}





.biz_content .b_benefits {padding: 0 10px; box-sizing: border-box;}


.biz_content .b_benefits .block  {text-align: center; padding: 0 10px; width: calc(33% - 5px);}


.biz_content .b_benefits .block img {float: none; display: table; margin: 0 auto 20px;}


.biz_content .b_benefits .block span {width: auto;}


.tel_bg01 {background-image: url(img/tel_bg01_l.jpg); height: 350px;}


.tel_bg01 .text {left: 50%; right: auto; margin-left: -114px; text-align: center; font-size:20px; margin-top: -140px;}


.tel_bg01 .text img {display: table; margin: 0 auto 25px;}





.toppanel ul.topmenu li span {display: none;}


}





@media all and (max-width: 1040px) {


.contacts_page .block {padding: 30px 10px; width: 480px;}


.rek_blocks .block {display: block; width: 100%; padding: 0 0 30px;}

}





@media all and (min-width: 1001px) {


.middle .tab .you_added {margin-top: 55px; transition: margin-top 0.3s ease;}
.middle .tab .you_added.aside {margin-top: 135px;}
.middle .tab .you_added.aside.test {position: absolute; top: auto; right: auto; bottom: 120px;}
.middle .calc_container .tab .you_added.aside.test {bottom: 0;}



.middle .tab .tarify .block:last-child {margin-bottom: 40px;}



}





@media all and (max-width: 1000px) {
	.middle .tab .you_added a.submit {display: table;}
	.aside {
  position: relative;
  z-index: 1;
  top: auto;
  max-width: none;
  margin-left: 0px !important;
}


.middle .tab .tarify {width: auto; display: block;}


.middle .tab .you_added {display: block; width: 100%; margin: 0; box-sizing: border-box; position: fixed; bottom: 0; left: 0; z-index: 99;}


.middle .tab .you_added.open .in {max-height: 99999px;}


.middle .tab .you_added .in {max-height: 0; overflow: hidden; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;}


.middle .tab .you_added>p.title {display: none;}





.biz_content .to_govern {padding: 0 10px; box-sizing: border-box;}


.middle .tab .you_added .block {padding-bottom: 15px;}


.middle .tab .you_added input.submit {display: none;}


.middle .tab .you_added input.submit.pk_no {display: table;}


}








@media all and (max-width: 980px) {



.toppanel {height: 43px; z-index: 99; margin-bottom: 0!important;}


.toppanel ul.topmenu {display: none; position: absolute; left: 0; top: 43px; background: #000; box-sizing: border-box; padding: 5px 10px 10px; text-align: center; width: 320px;}


.toppanel ul.topmenu.adaptive.visible {display: block;}


.toppanel ul.topmenu li {display: block; margin: 8px 0;}


.toppanel ul.topmenu li a {text-transform: uppercase; padding: 0;}


.toppanel .link_nav {display: table; position: absolute; font-size: 20px; color: #fff; text-transform: uppercase; text-decoration: none; left: 10px; top: 7px;}


.toppanel .link_nav:before {content: url(img/menu.png); float: left; margin: 3px 7px 0 0;}





.header ul.header_menu {display: none;}





.header {height: 50px; top: 0px; position: relative!important; }


.header .logo {top: 5px; left: 10px; height: 40px;}


.header .icons {top: 4px; right: 10px;}


.toppanel .phone {top: 7px;}


.toppanel a.lk {top: 4px;}


.toppanel .soc_block {top: 11px;}





.middle .newsblock .block {display: block; margin: 0 0 30px; width: 100%; text-align: center;}


.middle .newsblock .block .pic {margin: 0 auto 20px; width: 300px;}


.middle .newsblock .block a.more {float: none; display: table; margin: 8px auto 0;}








.footer ul.bottommenu {margin-right: 40px;}


.footer .search {margin-left: -20px;}


.footer ul.bottommenu li a {font-size: 13px;}





.pay_blocks .block {display: block; width: auto; margin: 0 0 50px;}


.help_blocks .block {display: block; width: auto; margin: 0 0 50px;}





.contacts_page .block {display: block; width: 100%; margin: 0 0 30px; height: auto;}


.contacts_page .block.zindex a.btn {margin-top: 280px;}


.contacts_page .block.zindex .exit {display: none;}


.mapblockpopup.show {z-index: 20; margin: -380px 10px 0; width: calc(100% - 20px); left: auto; height: 250px;}


.mapblockpopup.show>ymaps {height: 250px!important; width: calc(100% + 300px)!important; margin-left: -300px!important;}


.mapblockpopup.show:nth-child(5)>ymaps, .mapblockpopup.show:nth-child(9)>ymaps {position: absolute!important; right: -300px!important;}





.shop-block .shop_cats_sub a {font-size: 14px; height: 47px; line-height: 45px; width: 260px;}


}





@media all and (max-width: 930px) {


.middle .tab .check_address  {padding-left: 10px; padding-right: 10px; box-sizing: border-box;}


.middle .tab .check_address input.text {width: 100%!important; box-sizing: border-box; margin: 0 0 10px;}





.middle p.change_internet {font-size: 30px;}


.middle p.medium {padding-left: 10px; padding-right: 10px; font-size: 18px;}








.about_us_block .staff {text-align: center;}


.about_us_block .staff .block.big {display: block; float: none; margin: 0 auto;}


.about_us_block .staff .block {float: none; display: inline-block; vertical-align: top; margin: 0 -5px 0 0; width: 60px; height: 60px;}


.about_us_block .staff .block img {min-height: 60px;}





.popup_staff .pic {display: block; float: none; margin: 0 auto 20px;}


.popup_staff .text {width: auto;}






.middle .tab .check_address input {display: block; width: 100%; margin: 0 0 10px;}
.custom-combobox {width:100%; margin: 0 0 10px;}
.about_us_block .company_docs {height: auto;}

.about_us_block .company_docs .text {display: block; width: auto;}


.about_us_block .company_docs .bg {display: block; width: auto;}


.about_us_block .company_docs .bg .block {width: 33%;}


.about_us_block .company_docs .bg .block a {padding: 10px 0;}





.biz_menu ul li img  {display: none;}








.biz_slider .owl-biz .item .buttons {left: 50%; margin-left: -143px; right: auto; bottom: 70px;}


.biz_slider .owl-biz .item .buttons a.btn {padding: 0 20px;}





.biz_content .what_is {padding: 0 10px; box-sizing: border-box;}





.biz_content {width: 100%; max-width: 100%; overflow: hidden;}


.biz_content .to_govern .block {display: block; max-width: 100%; width: 280px; margin: 0 auto 40px; box-sizing: border-box;}


.biz_content .to_govern .block img {margin-right: 15px;}





.shop-block .shop_cats a {width: 220px; height: 45px; line-height: 43px;}


.shop-block .shop_cats a:before {top: 4px; left: 15px;}





.shop-block .shop_cats_sub a {display: table; margin: 0 auto 10px;}





.t_header {display: none;}


.t_block {padding: 20px 10px;}


.t_block .in {display: block!important; width: auto!important; text-align: center!important; font-size: 17px;}


.t_block .in:before { content: attr(data-label); display: block; font-weight: 600; margin: 15px 0 0 0;}


.t_block .in:first-child {font-size: 25px;}


.action_block .st_table td {display: block; text-align: center;}
.action_block .st_table tr td:first-child {font-weight: 600; font-size: 20px;}
.action_block .st_table tr:first-child {display: none;}

.action_block .st_table td:before { content: attr(data-label); display: block; font-weight: 600; margin: 15px 0 0 0;}


}








@media all and (max-width: 860px) {
.text_content .actions_list .block {display: block; margin: 0 0 40px; width: 100%;}
.text_content .actions_list .block .pic img {width: 100%; min-height: 311px; height: auto;}
.footer .search {right: auto;}
.footer .into {padding-left: 10px; padding-right: 10px;}

.application input.text {display: block!important; width: calc(100% - 20px)!important; margin-left: 10px; margin-right: 10px; font-size: 16px; font-weight: normal;}


.application textarea {width: calc(100% - 20px)!important; margin-left: 10px; margin-right: 10px; font-size: 16px; font-weight: normal;}


.application input.submit {width: calc(100% - 20px)!important; margin-left: 10px; margin-right: 10px; font-size: 23px;}








.footer{padding: 20px 0;}


.footer ul.bottommenu {display: table; margin: 0 auto 30px; text-align: center;}


.footer ul.bottommenu li {margin: 0 0 4px;}


.footer ul.bottommenu.right {float: none; margin-right: auto;}





.footer .search {position: relative; margin: 0 auto 25px; top: auto; left: auto;}


.footer .soc_icons {position: relative; margin: 0 auto; bottom: auto; right: auto; text-align: center;}


.footer .soc_icons img {height: 25px; margin: 0 3px;}





.about_us_block .company_beside .text {font-size: 17px; width: auto; display: block;}


.about_us_block .company_beside .bg {width: 100%; display: table; height: 150px;}


.about_us_block .company_beside .bg .pic.pic2 {width: 34%;}





.biz_slider, .biz_slider .owl-biz .item {height: 300px;}


.biz_slider .owl-biz .item img.bg {height: 300px;}


.biz_content h2 {font-size: 27px;}








.tel_bg02 {line-height: 160%; font-size: 17px;}


.tel_bg02 p br {display: none;}


.tel_bg02 p  {padding-left: 10px; padding-right: 10px;}





.tv_blocks .block {display: block; margin: 0 auto 50px;}


.pr_blocks .block {display: block; margin: 0 auto 50px;}





.vacancies #tabs {display: block; width: auto; margin: 0 0 30px;}


.vacancies #tabs li {display: inline; white-space: nowrap; margin: 0 25px 0 0;}


.vacancies #tabs li#current a {font-weight: 600;}


.vacancies #tabs li a {font-size: 14px; text-transform: none;}


.vacancies #ClList {display: block; width: auto;}


}








@media all and (max-width: 760px) {
	.banner_dot_block {padding: 20px 10px;}


.middle .tab .check_buttons .checkbox {display: table; margin: 0 auto 5px; max-width: 100%; width: 300px;}


.middle .tab .check_buttons {margin-left: 10px; margin-right: 10px; width: calc(100% - 20px); position: relative;}


.middle .tab .check_buttons .checkbox input[type="checkbox"], .middle .tab .check_buttons .checkbox input[type="checkbox"] + label {width: 100%; width: 300px;}


.middle .tab .check_buttons .checkbox input[type="checkbox"] + label {position: relative;}


.middle .tab .check_buttons .checkbox input[type="checkbox"] + label span {right: 15px;}





.middle .tab .tarify .block_title {display: none;}


.middle .tab .tarify .block {height: 280px;}


.middle .tab .tarify .block input {height: 280px;}


.middle .tab .tarify .block input[type="radio"] + label {height: 280px; padding-top: 25px;}


.middle .tab .tarify .block input[type="radio"] + label>span {height: auto; display: table; margin: 0 auto; line-height: 50px!important;}


.middle .tab .tarify .block input[type="radio"] + label .name {width: auto;}


.middle .tab .tarify .block input[type="radio"] + label .speed {width: 112px;}


.middle .tab .tarify .block input[type="radio"] + label .speed.channels_count {width: 100%; text-align: center;}


.middle .tab .tarify .block input[type="radio"] + label .speed .mbit {margin-top: 8px;}


.middle .tab .tarify .block input[type="radio"] + label .speed .sec {margin-top: 7px;}


.middle .tab .tarify .block input[type="radio"] + label .price {width: 190px; padding-right: 50px; text-align: center;}


.middle .tab .tarify .block input[type="radio"] + label .price .rub {margin-top: 7px;}


.middle .tab .tarify .block input[type="radio"] + label .price .month {margin-top: 10px;}


.middle .tab .tarify .block input[type="radio"] + label a.btn {display: table; float: none; margin:10px auto 0;}








.news_list .years {float: none; margin: 0 0 25px; width: 100%;}


.news_list .years ul {-webkit-column-count: 1; 


-moz-column-count: 1; 


column-count: 1; text-align: center;


}





.news_list .years ul li {display: inline-block; vertical-align: top; margin: 0 10px 7px;}


.news_list .into {width: auto;}








.tarif_arhiv ul#tabs li {display: table; margin: 0 auto 10px; }


.tarif_arhiv p.title {text-align: center;}


.tarif_arhiv table.tarif_table {font-size: 15px;}





.about_us_block .about_text .left {display: block; width: auto; margin: 0 0 30px; text-align: center; font-size: 23px;}


.about_us_block .about_text .right {display: block; width: auto; font-size: 18px;}





.biz_menu {display: none;}








.biz_content .what_is .block {display: block; width: 300px; margin: 0 auto 40px;}





.biz_content .b_benefits .block {display: block; width: auto; margin: 0 auto 40px;}





.how_works .block {width: 50%; margin: 0 -5px 40px;}





.newsblock_list .block .pic {display: block; float: none; margin: 0 auto 25px; max-width: 100%;}


}











@media all and (max-width: 670px) {
.pay_blocks.newstyle .block {padding-left: 0; text-align: center;}
.pay_blocks.newstyle .block .pic {position: relative; display: table; margin: 15px auto; top: auto; left: auto;}
.pay_blocks.newstyle .block a.btn, .pay_blocks.newstyle .block a.title {margin-left: auto; margin-right: auto;}
.btn-group-vertical>.btn, .btn-group>.btn {font-size: 11px; padding-left: 5px; padding-right: 5px; border-radius: 0;}
.container.text-center {min-width: 1px;}
.shop-block p.shop_center {margin-top: 0;}
.text_content h2 {font-size: 20px;}

.toppanel a.lk {width: 20px; overflow: hidden; text-indent: 999px;}

.toppanel a.lk:before {content: url(img/lk_icon.png); position: absolute; top: 4px; left: -984px; }


.toppanel .phone {width: 27px; overflow: hidden; height: 40px; top: 10px; right: 7px;}


.toppanel a.lk {right: 50px;}


.toppanel .soc_block {right: 110px;}


.toppanel .soc_block img {margin-left: 0px;}


.top_slider .owl-topslider .item .text {padding-bottom: 20px;}


.top_slider .owl-topslider .item .text p.big {font-size: 30px; margin-bottom: 15px;}


.top_slider .owl-topslider .item .text p {font-size: 25px; color: #000;}


.top_slider .owl-topslider .item img.bg {opacity: 0.5;}


.top_slider .owl-topslider .item img.gift {filter: brightness(0%); -webkit-filter: brightness(0%);}


.top_slider .owl-topslider .item .buttons a {display: table; margin: 0 auto 10px;}


.bottom_slider .owl-topslider .item .text {padding-bottom: 20px;}

.bottom_slider .owl-topslider .item .text p.big {font-size: 30px; margin-bottom: 15px;}

.bottom_slider .owl-topslider .item .text p {font-size: 25px; color: #000;}

.bottom_slider .owl-topslider .item img.bg {opacity: 0.5;}

.bottom_slider .owl-topslider .item img.gift {filter: brightness(0%); -webkit-filter: brightness(0%);}

.bottom_slider .owl-topslider .item .buttons a {display: table; margin: 0 auto 10px;}





.biz_slider .owl-biz .item img.bg {opacity: 0.5;}


.biz_slider .owl-biz .item .buttons a {display: table; margin: 0 auto 10px;}





.middle .buttons_big ul li a {max-width: 100%; height: 45px; line-height: 45px; font-size: 15px; box-sizing: border-box; width: 300px; margin: 0 auto 3px;}


.middle .buttons_big ul li {width: calc(100% - 20px);}





.middle .tab .radio_buttons .checkbox {margin-bottom: 5px;}





.text_content .actions_list .block {margin: 0 0 30px;}

.tarif_arhiv table.tarif_table {padding: 20px 10px; text-transform: none;}


.tarif_arhiv table.tarif_table .head {display: none;}


.tarif_arhiv table.tarif_table td {display: block;}


.tarif_arhiv table.tarif_table td:before {content: attr(data-label); display: block; font-weight: bold; }


.tarif_arhiv table.tarif_table td:first-child {font-weight: bold; font-size: 20px; margin-top: 10px; text-transform: uppercase;}





.about_us_block .company_top .text {display: block; width: auto;}


.about_us_block .company_top .bg {width: auto; display: block; height: 100px;}


.about_us_block h2 {font-size: 25px;}





.about_us_block .company_docs .bg .block a {font-size: 15px;}


.about_us_block .company_docs .bg .block.active:after {width: 30px; height: 15px; bottom: -15px; margin-left: -15px; background-size: 100% 100%;}


.docs_toggle {text-align: center;}


.about_us_block .docs_toggle p img {margin: 0 5px 10px; height: 150px;}





.mapblock {height: 300px;}


.mapblock>ymaps {height: 300px!important;}


} 





@media all and (max-width: 560px) {


.contacts_page .block .pic {display: block; margin: 0 auto 20px;}


.contacts_page .block .text {display: block; width: auto;}





.how_works .block {display: block; width: auto; margin: 0 0 40px;}





.biz_bg02 a {width: 280px; height: 280px; padding-top: 100px;}








.shop-block .shop_cats {margin-bottom: 30px;}


.shop-block .shop_cats a, .shop-block .shop_cats_sub a   {display: table; margin: 0 auto 10px;}





}





@media all and (max-width: 430px) {

.text_content .actions_list .block .pic {height: 200px;}
.text_content .actions_list .block .pic img {min-height: 200px;}


.catalog .block {width: 280px; margin: 0 auto 40px;}


.catalog .block .price, .catalog .block .instr {margin-left: 10px;}


.catalog .block .btn, .catalog .block .chars {margin-right: 10px;}





.newsblock_list .block {font-size: 16px;}


.newsblock_list .block .pic {height: 200px; }


.newsblock_list .block .pic img {min-height: 200px; width: 100%;}


}





@media all and (max-width: 400px) {


.text_content .actions_list .block {max-width: 100%;}





.biz_content .new_services .block {width: 300px; margin:0 auto 35px;}





.tv_blocks .block {width: 300px; height: auto; padding-bottom: 25px;}


.tv_blocks .block .pic {height: 200px;}


.tv_blocks .block .pic img {min-height: 200px;}

.pr_blocks .block {width: 300px; height: auto; padding-bottom: 25px;}

.pr_blocks .block .pic {}

.pr_blocks .block .pic img {}











.text_content {padding-top: 40px;}


.text_content .action_block .into {padding: 20px 10px;}


.text_content .action_block .into a.btn {margin-left: auto; margin-right: auto;}


}