@font-face {
	font-family: AvenirRegular;
	src:  url("../fonts/AvenirNextCyr-Regular.ttf") format("truetype");
}

@font-face {
	font-family: AvenirNextCyrBold;
	src:  url("../fonts/AvenirNextCyr-Bold.ttf") format("truetype");
}

@font-face {
	font-family: AvenirNextCyrMedium;
	src:  url("../fonts/AvenirNextCyr-Medium.ttf") format("truetype");
}

@font-face {
	font-family: MullerExtraBold;
	src:  url("../fonts/MullerExtraBold.ttf") format("truetype");
}



html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s,
small, strong, var,
b, u, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, table, caption, 
tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
  color: black;
  background: white;
  font-family: AvenirRegular;
	font-size: 16px;
	color: #444444;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
}
:focus {
  outline: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
  font-size: 100%;
}

h2{
	font-family: AvenirNextCyrBold;
	font-size: 38px;
	color: #444444;
	text-align: center;
	margin-bottom: 40px;
}

a{
  text-decoration: none;
}

a:hover{
	outline: none;
}

input{
  background: #FFF;
  border: 1px solid #ccc;
}
input:focus {
  border: 1px solid #999;
}

p{
  font-size: 14px;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
  *
  zoom: 1;
}

header{
	position: fixed;
	background: #FFF;
	z-index: 100;
	width: 100%;
	top: 0;
	-webkit-box-shadow: 0px 1px 22px -3px rgba(103,152,189,1);
-moz-box-shadow: 0px 1px 22px -3px rgba(103,152,189,1);
box-shadow: 0px 1px 22px -3px rgba(103,152,189,1);
}


.navbar-brand {
	float: left;
	height: 75px;
	padding: 0;
	 font-size: 0px; 
	 line-height: 0px; 
	 width: auto;
}

.navbar-brand img{
	width: 100%;
}

.navbar-nav > li > a{
	font-family: AvenirRegular;
	font-weight: normal;
	font-size: 19px;
	color: #444444;
	padding-right: 10px;
}

.navbar-nav > li > a:hover{
	color: #6798bd;
}

.h_phone{
	display: inline-block;
}

.h_phone i{
	vertical-align: middle;
}

i.fa-phone{
	color: #6798bd;
	font-size: 25px;
	vertical-align: middle;
	margin-left: 15px;
}

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

.h_phone a{
	display: block;
	font-family: AvenirNextCyrBold;
	font-size: 18px;
	color: #444444;
	line-height: 25px;
}

.navbar-nav > li > a.celbeck{
	display: block;
	padding: 0;
	font-family: AvenirNextCyrBold;
	font-size: 18px;
	color: #6798bd;
	text-decoration: underline;
	margin-bottom: 5px;
}

.navbar-nav > li > a.h_email{
	display: inline-block;
	padding: 0;
	font-family: AvenirRegular;
	font-weight: normal;
	font-size: 16px;
	color: #444444;
}

.i_telegram{
	display: inline-block;
	background: url('../images/i_telegram.png')no-repeat;
	width: 15px;
	height: 14px;
	display: inline-block;
	vertical-align: middle;
}

.nav_my li:last-child{
	float: right;
	position: relative;
}

.nav_my li:last-child:after{
	content: "";
	width: 1px;
	height: 100%;
	background: rgba(103,152,189,0.4);
	position: absolute;
	left: -20px;
	top: -5px;
}

.navbar-nav {
	width: 76%;
}

.navbar-header {
	float: left;
	width: 24%;
	max-width: 275px;
}

.navbar-nav > li {
	float: left;
	float: none;
	margin-top: 4px;
	display: inline-block;
	vertical-align: middle;
}

.navbar {
	border-radius: 0;
	padding-top: 8px;
	margin-bottom: 0;
}

.first_block{
	width: 100%;
	background: #eeeeee;
	position: relative;
	margin-top: 80px;
}



.fb_fon{
	width: 100%;
}

.fb_fon img{
	width: 100%;
}

.slogan_block{
	width: 100%;
	position: absolute;
	left: 0;
	top: 15%;
}

.slogan_block h1{
	font-family: AvenirNextCyrBold;
	font-size: 34px;
	color: #444444;
	margin-bottom: 20px;
}

.slogan_block h3{
	font-family: AvenirNextCyrBold;
	font-size: 33px;
	color: #444444;
	    margin-top: 10px;
}

.pod-sk{font-size: 38px;}
.slogan_block h3 span{
	color: #6798bd;
}
.podb-sis{    margin-bottom: 10px;
    font-size: 28px;
    font-weight: bold;
    /* margin-top: 0px; */
    padding-top: 21px;
    text-align: center;
    color: #6798BD;
    font-family: AvenirNextCyrBold;}
	.sistema-pod{    text-align: center;
    margin-bottom: 35px;
    font-size: 19px;}
	.sistema-pod span{font-weight: bold;
	color: #c0020294;}

.slogan_block p {
	font-family: AvenirRegular;
	font-weight: normal;
	font-size: 17px;
	color: #444444;
	margin-top: 50px;
	margin-bottom: 40px;
	width: 70%;
	line-height: 22px;
}

.slogan{
	width: 70%;
	margin-left: 65px;
}


.form_item{
	width: 70%;
	position: relative;
	height: 54px
}

.form_item input{
	width: 100%;
	height: 100%;
	border-radius: 25px;
	background: #FFF;
	border: 1px solid #6798bd;
	font-family: AvenirRegular;
	font-weight: normal;
	font-size: 14px;
	color: #6798bd;
	padding: 0 50px 0 25px;
}


.all_btn {
	width: 210px;
	height: 53px;
	line-height: 40px;
	font-family: AvenirNextCyrBold;
	font-size: 13px;
	color: #FFF;
	text-transform: uppercase;
	border: 8px solid rgba(111,172,217,0.8);
	border-radius: 35px;
	background: #6798bd;
	text-align: center;
	-webkit-box-shadow: 0px 2px 12px 4px rgba(103,152,189,0.4);
-moz-box-shadow: 0px 2px 12px 4px rgba(103,152,189,0.4);
box-shadow: 0px 2px 12px 4px rgba(103,152,189,0.4);
}

.fb_btn{
	position: absolute;
	right: 0;
	top: 0;
}

.advantages_block{
	padding: 80px 0;
	background: #eeeeee;
}


.adv_list ul{
	width: 100%;
	display: inline-block;
	text-align: center;
}

.adv_list li{
	display: inline-block;
	width: 33%;
	text-align: center;
	vertical-align: top;
	padding: 0 5px;
}

.al_icon{
	width: 49%;
	display: inline-block;
	margin-bottom: 30px;
}

.al_icon img{
	width: 100%;
}

.al_title{
	font-family: AvenirNextCyrBold;
	font-size: 21px;
	color: #444444;
	margin-bottom: 25px;
}

.adv_list p {
	font-family: AvenirRegular;
	font-weight: normal;
	font-size: 15px;
	color: #444444;
	line-height: 18px;
}

.raschet_block{
	padding: 80px 0;
	background: #6798bd;
	
}

.raschet_block h2, .sist_block h2{
	color: #FFF;
}

.raschet_block span, .sist_block span{
	font-family: AvenirRegular;
	font-weight: 500;
	font-size: 30px;
	color: #FFF;
	margin-bottom: 30px;
	text-align: center;
	width: 100%;
	display: block;
}

.modal_btn{
	position: relative;
	width: 305px;
	height: 65px;
	margin: 0 auto;
}

.modal_btn::before {
	content: "";
	background: url('../images/arrow.png')no-repeat;
	width: 44px;
	height: 60px;
	position: absolute;
	left: -60px;
	top: -20px;
		   
}

.btn_mb{
	color: #6798bd;
	background: #FFF;
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	line-height: 50px;
		-webkit-box-shadow: 0px 2px 20px 0px rgba(255,255,255,0.3);
-moz-box-shadow: 0px 2px 20px 0px rgba(255,255,255,0.3);
box-shadow: 0px 2px 20px 0px rgba(255,255,255,0.3);
}


.oborudovanie_block{
	padding: 25px 0;
	background: url('/images/desc2.png')no-repeat;
	background-size: 100% 100%;
}
.oborudovanie_block2{
	padding: 25px 0;
	background: url('/images/desc3.png')no-repeat;
	background-size: 100% 100%;
}

.os_item{
	position: relative;
	padding: 0 15px;
}



.osi_img{
	position: relative;
}

.osi_btn{
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(255,255,255,0.7);
	opacity: 0;
	top: 0;
text-align: center;
line-height: 240px;
border-radius: 50%;
border: 2px solid #8badc8;
 -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

.os_item:hover .osi_btn{
	opacity: 1;
}
.os_item:hover .osi_btn a{
	text-decoration: underline;
}

.slick-prev, .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 60px;
	height: 63px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}

.oborudovanie_block .slick-prev, .oborudovanie_block .slick-next{
	top: 50%;
}

.slick-prev {
	left: -55px;
	background: url('../images/arr_left2.png')no-repeat;
}

.slick-prev:hover{
	opacity: 1
}

.slick-next {
	right: -55px;
	background: url('../images/arr_right2.png')no-repeat;
}

.slick-next:hover{
	opacity: 1
}

.isi_title {
	font-family: AvenirNextCyrBold;
	font-size: 16px;
	color: #181818;
	text-align: center;
	margin-bottom: 20px;
	line-height: 23px;
	margin-top: 30px;
	margin-bottom: 30px;
	height: 72px;
	overflow: hidden;
}

.osi_price{
	font-family: AvenirNextCyrBold;
	font-size: 30px;
	color: #6798bd;
	text-align: center;
	margin-bottom: 20px;
}

.os_item img {
	display: block;
	margin: 0 auto;
width: 100%;
}

.slick-slider{
-webkit-user-select: auto;

-moz-user-select:auto;

-ms-user-select: auto;

user-select:auto;
}


.sist_block{
	padding: 80px 0;
	background: url('/../obezzhelezivanie/images/fon3.jpg')no-repeat;
	background-size: 100% 100%;
}

.form_block{
	width: 100%;
	background: url('/../obezzhelezivanie/images/form_fon.png')no-repeat;
	background-size: 100% 100%;
	padding: 50px 60px;
	margin-top: -47px;
}


input {
	height: 54px;
	border-radius: 25px;
	background: #FFF;
	border: 1px solid #6798bd;
	font-family: AvenirRegular;
	font-weight: normal;
	font-size: 14px;
	color: #6798bd;
	padding: 0 25px 0 25px;
}

.form_block .form{
	width: 100%;
	display: inline-block;
	text-align: center;
}

.form_block input{
	width: 30%;
	display: inline-block;
	margin: 0 10px;
}


.form_block button{
	width: 30%;
	display: inline-block;
	margin: 0 10px;
	
}


.portfolio_block{
	padding: 80px 0;
	background: #eeeeee;
}

.portfolio_block span{
	font-family: AvenirRegular;
	font-weight: 500;
	font-size: 30px;
	color: #444444;
	margin-bottom: 30px;
	text-align: center;
	width: 100%;
	display: inline-block;
}

.portfolio_block .os_item img {
	display: block;
	margin: 0 auto;
	border-radius: 0;
	border: 0;
	width: 100%;
}

.portfolio_block .obor_slider {
	margin-top: 20px;
}

.pb_item{
	border-radius: 6px;
	overflow: hidden;
	margin: 0 15px;
	padding: 0;
}


.pb_item img{
	width: 100%;
	height: auto;
}

.whywe_block{
	padding: 80px 0;
	background: url('/../obezzhelezivanie/images/fon4.jpg')no-repeat;
	background-size: 100% 100%;
}

.whywe_block h2{
	color: #FFF;
}

.wb_list ul{
	width: 100%;
	display: flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
}

.wb_list li{
	width: 31%;
	margin-bottom: 40px;
	text-align: center;
}


.wb_number{
	width: 58px;
	height: 58px;
	text-align: center;
	line-height: 43px;
	border-radius: 50%;
	border: 8px  solid #99dfff;
	display: inline-block;
	margin-bottom: 20px;
	background: #FFF;
	font-family: AvenirNextCyrBold;
	font-size: 18px;
	color: #6798bd;
}

.wb_head{
	font-family: AvenirNextCyrBold;
	font-size: 20px;
	color: #FFF;
	margin-bottom: 20px;
}

.wb_list p{
	font-family: AvenirRegular;
	font-weight: normal;
	font-size: 17px;
	color: #FFF;
	line-height: 22px;
}

.analiz_block{
	padding: 80px 0;
	background: url('/../obezzhelezivanie/images/fon5.jpg')no-repeat;
	background-size: 100% 100%;
	
}

.analiz_block h2{
	margin-bottom: 20px;
}

.fb_blue{
	background: url('/../obezzhelezivanie/images/form_fon2.png')no-repeat;
	background-size: 100% 100%;
	padding: 130px 60px 60px ;
margin-top: -125px;
}


.analiz_block span {
	font-family: AvenirRegular;
	font-weight: 500;
	font-size: 18px;
	color: #444444;
	margin-bottom: 30px;
	text-align: center;
	width: 100%;
	display: block;
	padding: 0 150px;
	line-height: 24px;
}

.shema_block{
	padding: 80px 0;
	background: #6798bd;
}

.shema_block h2{
	color: #FFF;
}

.shema_list{
	margin-top: 75px;
}

.shema_list ul{
	width: 100%;
	display: flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
}

.shema_list li{
	width: 19%;
	position: relative;
	background: #FFF;
	border-radius: 8px;
	display: inline-block;
	text-align: center;
	padding: 30px 25px;
}

.shl_number{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #6798bd;
	text-align: center;
	line-height: 60px;
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -30px;
	color: #FFF;
	font-family: AvenirNextCyrBold;
	font-size: 20px;
}

.shl_icon{
	width: 64px;
	height: 64px;
	margin: 20px auto;
}

.shl_icon img{
	width: 100%;
}

.ahl_head{
	font-family: AvenirNextCyrBold;
	font-size: 16px;
	color: #444444;
	margin-bottom: 10px;
}

.shema_list p{
	font-family: AvenirRegular;
	font-size: 14px;
	color: #444444;
	font-weight: normal;
	line-height: 18px;
}

.faq_block{
	padding: 80px 0;
	background: #eeeeee;
	
}

.panel-heading {
  position: relative;
}
.panel-heading [data-toggle="collapse"]:after {
  font-family: 'FontAwesome';
  content: "\f106"; /* "play" icon */
  position: absolute;
  color: #b0c5d8;
  font-size: 28px;
  line-height: 22px;
  right: 20px;
  top: calc(50% - 10px);
  color: #6798bd;
}

.panel-group .panel + .panel {
	margin-top: 15px;
}

.panel-heading [data-toggle="collapse"].collapsed:after {
  -webkit-transform: rotate(180deg);
  -moz-transform:    rotate(180deg);
  -ms-transform:     rotate(180deg);
  -o-transform:      rotate(180deg);
  transform:         rotate(180deg);
}

.panel-heading {
	padding: 20px 20px;
	border-bottom: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background: #FFF;
}

.panel {
	margin-bottom: 20px;
	background-color: transparent;
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .0);
}

.panel-title > a{
	font-family: AvenirNextCyrBold;
	font-size: 18px;
	color: 444444;
	width: 100%;
	display: block;
	padding-right: 30px;
}

.panel-body p{
	font-family: AvenirRegular;
	font-size: 16px;
	color: #444444;
}

.count_block{
	padding: 80px 0 0;
	background: url('/../obezzhelezivanie/images/fon6.jpg')no-repeat;
	background-size: 100% 100%;;
	
}


.count_block .container{
	position: relative;
}

.man_img img{
	width: 100%;
	display: block;
}

.cb_head{
	font-family: AvenirRegular;
	font-size: 30px;
	color: #FFF;
	margin-bottom: 30px;
}

.cb_head span{
	display: block;
	font-family: AvenirNextCyrBold;
	font-size: 50px;
	color: #FFF;
	margin-top: 20px;
}

.count_block p{
	font-family: AvenirNextCyrMedium;
	font-size: 16px;
	color: #FFF;
	line-height: 24px;
	margin-bottom: 30px;
}

.aconom{
	font-family: AvenirNextCyrBold;
	font-size: 30px;
	color: #FFF;
	margin-bottom: 30px;
}

.counter_clock {
	display: inline-block;
}

.clock {
	display: inline-block;
	width: 70px;
	height: 70px;
	background: #FFF;
	text-align: center;
	padding: 10px;
	vertical-align: middle;
	margin-right: 10px;
	border-radius: 6px;
}


.clock span {
	font-family: MullerExtraBold;
	font-size: 36px;
	color: #444444;
	display: block;
	margin-bottom: 0;
	padding: 0;
}

.clock p {
	font-family: AvenirNextCyrMedium;
	font-size: 16px;
	color: #444444;
	display: block;
	margin-bottom: 0;
	line-height: 16px;
	padding: 0;
}

.count_btn{
	width: 254px;
	height: 64px;
	margin:30px 0 0;
}

.count_btn a{
	display: block;
	width: 100%;
	height: 100%;
	color: #6798bd;
	background: #FFF;
	line-height: 51px;
}

footer{
	width: 100%;
	background: #eeeeee;
	padding: 80px 0 40px;
}

.contacts_block .container{
	position: relative;
	
}

.map_img{
	width: 100%;
}

.map_img img{
	width: 100%;
}


.contacts{
	position: relative;
	width: 100%;
	bottom: 10%;
	left: 0;
	background: url('/../obezzhelezivanie/images/cont_fon.png')no-repeat;
	padding: 20px;
	z-index: 1;
	background-size: 100% 100%;
}

.cont_head h2 {
	font-family: AvenirNextCyrBold;
	font-size: 45px;
	color: #444444;
	text-align: center;
	margin-bottom: 40px;
	margin-top: -45px;
}

.cont_list ul{
	display: inline-block;
	width: 100%;
	text-align: center;
}

.cont_list li{
	display: inline-block;
	width: 23%;
	text-align: center;
	vertical-align: top;
}

.cont_icon .fa{
	font-size: 24px;
	color: #6798bd;
	margin-bottom: 15px;
}


.cont_list p{
	font-family: AvenirNextCyrBold;
	font-size: 16px;
	color: #444444;
	margin-bottom: 15px;
	line-height: 20px;
}

.cont_list .i_telegram{
	margin-bottom: 15px;
	width: 23px;
	height: 24px;
	background-size: contain;
}

.cont_list a{
	font-family: AvenirNextCyrBold;
	font-size: 16px;
	color: #444444;
	margin-bottom: 5px;
	width: 100%;
	display: inline-block;
}

.cont_icon a{
	width: auto;
	margin: 0 15px;
}

.copy{
	font-family: AvenirRegular;
	font-size: 12px;
	color: #343434;
	margin-top: 15px;
	text-align: center;
}



/*Модалки*/

.shadow {
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	position: fixed;
	z-index: 99;
	/*display: none;*/
}

.sf {
	width: 90%;
	margin-left: 0;
	height: 555px;
	position: relative;
	position: absolute;
	z-index: 100;
	left: 5%;
	top: 10%;
	position: fixed;
	overflow: hidden;
	display: none;
}

.close {
	width: 36px;
	height: 37px;
	position: absolute;
	top: 10px;
	right: 15px;
	cursor: pointer;
	z-index: 1;
	background: url("../images/close.png") center no-repeat;
}

.sf .step.step1 {
	display: block;
}

.sf .step{
	background: #FFF;
}

.sf_body{
	width: 100%;
	background: #FFF;
	background-size: cover;
	background-attachment: fixed;
	-webkit-box-shadow: 4px 7px 36px 4px #000000;
	box-shadow: 4px 7px 36px 4px #000000;
	padding-bottom: 25px;
	margin: 0 auto;
	position: relative;
	height: 100%;
}

.sf .flex {
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 520px;
	overflow: auto;
	
}

.sf .flex .left {
	width: 68%;
	padding: 40px 45px;
	position: relative;
	min-height: 100%;
	    padding-top: 0px;
}

.sf .title {
	font-size: 29px;
	padding-bottom: 10px;
	font-family: AvenirNextCyrBold;
	color: #444444;
}

.sf .choose_list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.sf .choose_list li {
	width: 48%;
	margin-bottom: 20px;
}

.sf .choose_list li label {
	display: block;
	padding: 20px 15px 20px 95px;
	position: relative;
	cursor: pointer;
	font-family: AvenirNextCyrMedium;
	color: #444444;
	font-size: 16px;
	
}

.sf .choose_list input {
	display: none;
}

.sf .choose_list .radio_input {
	position: relative;
	position: absolute;
	top: 50%;
	margin-top: -12.5px;
	left: 16px;
	display: block;
	width: 64px;
	height: 27px;
	-webkit-box-shadow: inset 2px 4px 7px 1px rgba(0, 0, 0, 0.18);
	box-shadow: inset 2px 4px 7px 1px rgba(0, 0, 0, 0.18);
	background-color: #efeeed;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.sf .choose_list .radio_active {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-box-shadow: 0px 4px 11px -7px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 4px 11px -7px rgba(0,0,0,0.3);
box-shadow: 0px 4px 11px -7px rgba(0,0,0,0.3);
	opacity: 1;
}

.sf .choose_list input:checked + span + .radio_active {
	opacity: 1;
	-webkit-box-shadow: 0px 4px 36px -3px rgba(51,190,255,0.5);
-moz-box-shadow: 0px 4px 36px -3px rgba(51,190,255,0.5);
box-shadow: 0px 4px 36px -3px rgba(51,190,255,0.5);
}

.sf .choose_list input:checked + .radio_input {
	-webkit-box-shadow: inset 2px 4px 7px 1px rgba(0, 0, 0, 0.18);
	box-shadow: inset 2px 4px 7px 1px rgba(0, 0, 0, 0.18);
	background-color: #efeeed;
}

.sf .choose_list .radio_input::after {
	content: '';
	display: block;
	width: 22px;
	height: 22px;
	background-color: rgba(103,152,182,0.4);
	-webkit-border-radius: 100%;
	border-radius: 100%;
	position: absolute;
	-webkit-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	top: 2.55px;
	left: 2.5px;
}

.sf .choose_list input:checked + .radio_input::after {
	left: 37px;
	background: #6798bd;
}

.sf .next_step {
	width: 245px;
	height: 60px;
	line-height: 47px;
	position: absolute;
	bottom: 40px;
	right: 45px;
	text-align: center;
	color: #ffffff;
	display: inline-block;
	border: 8px solid #A3D5F2;
	cursor: pointer;
}


.sf .next_step::after {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-left:5px;
	background: url("../images/next_step.png") center no-repeat;
	margin-top: -3px;
}

.sf .flex .right {
	width: 32%;
	padding: 40px 20px 20px;
	background-color: #F9F9F9;
	min-width: 280px;
}

.sf .sale {
	height: 60px;
	line-height: 59px;
	font-size: 20px;
	font-family: AvenirNextCyrBold;
	font-size: 20px;
	color: #444444;
	margin-bottom: 40px;
}

.sf .sale span{
	font-family: AvenirNextCyrBold;
	font-size: 40px;
	color: #6798bd;
}

.sf .right figure {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
	margin-bottom: 25px;
}

.sf .right figure img, .sf .right figure .img {
	width: 90px;
	height: 90px;
	display: block;
	border: 1px solid #6798bd;
}

.sf .right figcaption {
	display: block;
	width: 240px;
	font-family: AvenirNextCyrBold;
	font-size: 20px;
	color: #6798bd;
	padding-left: 10px;
}

.sf .right figcaption span {
	color: #000;
	font-size: 15px;
	font-family: AvenirNextCyrMedium;
	display: block;
	width: 100%;
	margin-top: 10px;
	line-height: 20px;
}

.sf .right p {
	color: #444444;
	font-size: 14px;
	line-height: 18px;
}

.sf .prev_step {
	width: 245px;
	height: 60px;
	line-height: 43px;
	border: 8px solid #A7DBF7;
	color: #FFF;
	background: #8bc2ec;
	text-align: center;
	position: absolute;
	left: 45px;
	bottom: 40px;
	-webkit-border-radius: 35px;
	border-radius: 35px;
	cursor: pointer;
}

.sf .prev_step::before {
	content: '';
	display: inline-block;
	width: 26px;
	height: 26px;
	margin: -2px 12px 0 -20px;
	vertical-align: middle;
	background: url("../images/back.png") center no-repeat;
}

.sf .procent {
	position: relative;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #cdcdcd;
	height: 25px;
	line-height: 25px;
	text-align: center;
}

.sf .procent {
	line-height: 25px;
	text-align: center;
}

.sf .procent .procent_line {
	background-color: #6798bd;
	height: 25px;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 0;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.sf .procent .procent_num {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 5;
}

.send_massege{
	background: #FFF;
	padding: 40px;
	text-align: center;
	background: url('../images/fon7.jpg')no-repeat;
	background-size: 100% 100%;
	
}

.last_step{
	width: 38%;
	margin: 0px auto 20px;
	font-family: AvenirNextCyrMedium;
	font-size: 16px;
	line-height: 20px;
	color: #444444;
}

.send_massege p{
	width: 65%;
	font-size: 14px;
	line-height: 20px;
	color: #444444;
	margin: 0 auto;
}

.you_sale{
	margin-bottom: 30px;
	font-family: AvenirNextCyrMedium;
	font-size: 14px;
	line-height: 20px;
	color: #444444;
}


.you_sale span{
	display: inline-block;
	width: 100%;
	margin-top: 30px;
	text-align: center;
	font-family: AvenirNextCyrBold;
	font-size: 50px;
	color: #6798bd;
}

.mf_item {
	width: 90%;
	position: relative;
	height: 54px;
	margin: 40px auto;
}

.modal-dialog {
	width: 500px;
	margin: 30px auto;
	padding: 40px;
	background: #FFF;
}

.modal_form_item input{
	width: 100%;
	display: block;
	margin-bottom: 15px;
}

.modal-content {
	box-shadow: none;
	border: 0;
}

.mfi_btn{
	margin: 0 auto;
	display: block;
}


.mp_dialog{
	width: 86%;
	padding: 20px 40px;
}

.mp_dialog .modal-content{
	display: inline-block;
}

.btn_product{
	display: block;
	margin: 20px auto;
}

.mp_title{
	font-family: AvenirNextCyrBold;
	font-size: 25px;
	color: #181818;
	margin-bottom: 25px;
}

.pm_descr p{
	font-family: AvenirRegular;
	font-size: 16px;
	color: #444444;
	line-height: 20px;
	margin-bottom: 20px;
}

.pml_title{
	font-family: AvenirRegular;
	font-size: 16px;
	color: #444444;
	line-height: 22px;
}

.pm_descr ul{
	margin-bottom: 20px;
}

.pm_descr li{
	font-family: AvenirRegular;
	font-size: 15px;
	color: #444444;
	line-height: 22px;
	padding-left: 20px;
	position: relative;
}

.pm_descr li:after{
	content: "";
	width: 5px;
	height: 5px;
	background: #6798bd;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -3px;
}

.pm_descr table{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #6798bd;
}

.pm_descr td, .pm_descr th{
	border: 1px solid #6798bd;
	padding: 8px 15px;
}

.pm_descr th{
	background: #dae8f2;
}

.prod_img img{
	width: 90%;
}

.phone_mobi{
	display: none;
}
.table-cen.all_btn{width: 100px;
    height: 45px;
    line-height: 38px;
    font-family: AvenirNextCyrBold;
    font-size: 13px;
    color: #FFF;
    text-transform: uppercase;
    border: 4px solid rgba(111,172,217,0.8);
    border-radius: 35px;
    background: #6798bd;
    text-align: center;}
.btn_product.table-cen{    display: block;
    margin: 3px auto;}	
.prod_img{text-align:center;}
.inp_50{width:44% !important;
    height: 45px;
    margin-bottom: 15px;}
.inp_name{ width: 77% !important;
    height: 40px !important;
    margin-bottom: 15px !important;
    text-align: center !important;}
.nor_sub{     right: 465px;
    top: 145px;
	margin-top:25px;}	
.div_skid{width:50%; float: left;}	
.skid_span{    display: block;
    color: #6798bd;
    font-size: 19px;
    font-weight: 900;
    margin-top: 6px;}
.skid_span.mech{font-size: 18px;}
.vid-youtube{ width: 100%;
    height: 240px;}
.mp_dialog2{margin: 30px auto;
width:62%;}	
.modal-yout{width:100%;
height:500px;}
@media (max-width: 650px){
.vid-youtube{width:85% !important;}
	.mp_dialog2{margin: 60px auto;
width:90%;}	
.modal-yout{width:100%;
height:300px;}
.vid-youtube{  width: 85%;
    /* height: 200px; */
    margin-left: 24px;}	
.inp_name{ height: 30px !important;
text-align:left !important;}
.inp_50{ height: 30px !important;
 width: 96% !important;}
.sf .title {padding-bottom: 10px;}
.last_step{margin: 0px auto 10px !important;} 
.you_sale span{    margin-top: 20px !important;}
.you_sale {margin-bottom: 15px !important;}
.send_massege{min-height: 530px;}
.mf_item{margin-top:30px;}
.nor_sub {
    right: 89px !important;
top: 232px !important;}
.form_item input{padding: 0 5px 0 15px !important;}
.p_skid{    width: 95%  !important;
    line-height: 16px  !important;}
.you_sale{display:none;}
.div_skid{width:100%;}
.skid_span{    display: block;
    color: #6798bd;
    font-size: 19px;
    font-weight: 900;
    margin-top: 6px;}
.skid_span.mech{font-size: 14px;}
.sp_nom{font-size: 13px;}
}	

.garland_4{position:absolute;top:0;left:0;}
.elka{    top: 85px;
    position: fixed;
    z-index: 3;}  
	.elka2{ top: 85px;
    position: fixed;
	z-index:3;
	right:-2px;}  
	
@media (max-width: 650px){.elka2 img{width:80px;}
.elka{display:none;}
.garland_4 img{width:55px;}}
.ob-sale img{    width: 90px;
    border: none;
    position: absolute;
    z-index: 100;}
.td-cen{text-decoration: line-through;}	
.cen-sale{text-align: center;
    font-weight: bold;
    color: #740000;}
	
	@media screen and (max-width:767px){
.right{display:none;}
.step2,	.step3,	.step4,	.step5,	.send_massege{display:none;}
.sf .choose_list li label{padding: 10px 15px 10px 95px;}
.podb-sis{    margin-bottom: 8px;
    font-size: 24px;
	padding-top: 14px;}
	.close {width:24px;}
	.podb-sis{    margin-top: -40px;
	    font-size: 22px;
		    width: 96%;}
			.sistema-pod{    margin-bottom: 15px;}
	}
	
	.h2ob	{

color: #FFFFFF;}

.osi_data{width: 100%;
background: #FFFFFF;
border-radius: 20px;
padding: 26px 52px;}

.div-img{
	width: 150px;
float: left;
}

.div-img img{width: 150px;
height: 150px;
border-radius: 5px;
margin-bottom:25px;
}
.fot-oborud{width: 336px;
margin: 0px 27px;
float: left;}

.info-oboud{width: 401px;
float:left;
margin-top: 20px;}
.info-oboud p{font-size: 15px;
line-height: 18px;
letter-spacing: 0.02em;

/* Gray 1 */

color: #333333;
margin-top:25px;}
.info-oboud h3{
font-weight: bold;
font-size: 20px;
line-height: 23px;
letter-spacing: 0.02em;

/* Gray 1 */

color: #333333;}
.perech img{width: 24px;
height: 24px;
margin-right:7px;}
.knop-ob{margin-top:71px;}
.knop-ob img{width: 175px;
height: 43px;
}
.oborudovanie_block .slick-prev {
    left: -28px;
    background: url(/images/strel1.png)no-repeat;
    /* opacity: 0.7; */
    z-index: 1;
}

.oborudovanie_block .slick-next {
	right: -10px;
	background: url('/images/strel2.png')no-repeat;
}
@media screen and (max-width:1200px){
	.div-img{display:none;}
	.oborudovanie_block .slick-prev, .oborudovanie_block .slick-next{
	top: 50%;
}
}

@media screen and (max-width:950px){
.osi_data {
    padding: 26px 20px;
}
.fot-oborud {
    width: 230px;
}
.info-oboud {
    width: 347px;
    margin-top: 10px;
}
.info-oboud p {
    margin-top: 15px;
}
.knop-ob {
    margin-top: 13px;
}
.knop-ob img {
    margin-top: 10px;
}
.oborudovanie_block {
    background: url(/images/desc22.png)no-repeat;
}

}
@media screen and (max-width:750px){
	.h2ob{margin-bottom: 17px;
	font-size: 22px;}
	.fot-oborud {
    width: 80%;
	margin:0px;
}
	.div-img{display:block;
	width: 20%;}
	.div-img img {
    width: 63px;
    margin-bottom: 6px;
	height: auto;
}
.fot-oborud img{height: 206px;
    width: auto;}
	.info-oboud h3 {
    font-size: 17px;

}
.info-oboud p {
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 0;
    color: #333333;
	margin-top: 12px;
}
.knop-ob img {
    width: 40%;
    height: 41px;
	margin-right:10px !important;
}

.oborudovanie_block .slick-prev {width: 56px;
    height: 64px;}
	.oborudovanie_block .slick-next{width: 56px;
    height: 64px;}
	.prod_img{display:none;}
	.modal-body .btn_product{display:none;}
}

	}