@font-face {
	font-family: 'ProximaNovaBold';
	src: url('../fonts/ProximaNovaBold.eot');
	src: local('☺'), url('../fonts/ProximaNovaBold.woff') format('woff'), url('../fonts/ProximaNovaBold.ttf') format('truetype'), url('../fonts/ProximaNovaBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ProximaNovaSeb';
	src: url('../fonts/ProximaNovaSemibold.eot');
	src: local('☺'), url('../fonts/ProximaNovaSemibold.woff') format('woff'), url('../fonts/ProximaNovaSemibold.ttf') format('truetype'), url('../fonts/ProximaNovaSemibold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ProximaNovaRegular';
	src: url('../fonts/ProximaNovaRegular.eot');
	src: local('☺'), url('../fonts/ProximaNovaRegular.woff') format('woff'), url('../fonts/ProximaNovaRegular.ttf') format('truetype'), url('../fonts/ProximaNovaRegular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ProximaNovaLig';
	src: url('../fonts/ProximaNovaLight.eot');
	src: local('☺'), url('../fonts/ProximaNovaLight.woff') format('woff'), url('../fonts/ProximaNovaLight.ttf') format('truetype'), url('../fonts/ProximaNovaLight.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*


@font-face {
	font-family: 'ProximaNovaLightItalic';
	src: url('../fonts/ProximaNovaLightItalic.eot');
	src: local('☺'), url('../fonts/ProximaNovaLightItalic.woff') format('woff'), url('../fonts/ProximaNovaLightItalic.ttf') format('truetype'), url('../fonts/ProximaNovaLightItalic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



@font-face {
	font-family: 'ProximaNovaCondensedSem';
	src: url('../fonts/ProximaNovaCondensedSemibold.eot');
	src: local('☺'), url('../fonts/ProximaNovaCondensedSemibold.woff') format('woff'), url('../fonts/ProximaNovaCondensedSemibold.ttf') format('truetype'), url('../fonts/ProximaNovaCondensedSemibold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ProximaNovaCondensedReg';
	src: url('../fonts/ProximaNovaCondensedRegular.eot');
	src: local('☺'), url('../fonts/ProximaNovaCondensedRegular.woff') format('woff'), url('../fonts/ProximaNovaCondensedRegular.ttf') format('truetype'), url('../fonts/ProximaNovaCondensedRegular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


*/
a{text-decoration:none; color:inherit;}
a:link{text-decoration:none; color:inherit;}
a:visited{text-decoration:none; color:inherit;}
a:active{text-decoration:none; color:inherit;}
a:hover{text-decoration:none; color:inherit;}

div#header_logo_icon {
    background-image: url(../icon/logo.png);
    background-size: cover;
    width: 7.9rem;
    height: 7.6rem;
    display: inline-block;
    float: left;
    top: 2.45rem;
    position: relative;
    margin-left: 12rem;
}

html,body {
    font-size: 10px;
    font-family: 'ProximaNovaRegular';
}



div#header_logo_text {
    position: relative;
    font-family: 'ProximaNovaBold';
    float: left;
    font-size: 4.1rem;
    color: #4ea4b9;
    margin-left: 20rem;
    padding-top: 12px;
    width: 70rem;
    display: inline-block;
}

div#header {
    height: 66px;
    width: 100%;
    background-color: white;
    z-index: 5;
   /* background-image: -moz-linear-gradient(90deg, rgb(1,149,156) 0%, rgb(0,185,174) 60%);
    background-image: -webkit-linear-gradient(90deg, rgb(1,149,156) 0%, rgb(0,185,174) 60%);
    background-image: -ms-linear-gradient( 90deg, rgb(1,149,156) 0%, rgb(0,185,174) 60%);*/
	background: url(../icon/bgmenu.png) repeat-x;
}

body {
    margin: 0;
}

div#header_logo {
    height: 98px;
    width: 100%;
}

.header_contener_text {
	font-size: 20px;
	display: table-cell;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	font-family: 'ProximaNovaRegular';
	/*position:relative;
	top:11px;*/
}

.header_contener_text a {

	padding: 20px 20px;
}

.header_contener_point {
    display: inline-block;
    float: left;
    height: 1.2rem;
    width: 1.2rem;
    background-color: white;
    border-radius: 0.6rem;
    top: 5.65rem;
    position: relative;
    margin: 0 4rem;
}

div#header_contener {
    display: table;
    table-layout: fixed;
    height: 66px;
    width: 144rem;
    position: relative;
    left: calc(50% - 72rem);
    color: white;
    font-family: 'ProximaNovaSeb';
}

#header_logo_text_name{line-height:27px; padding-top:5px;}


div#faq {
    line-height: normal;
    height: 5.5rem;
    top: 3.5rem;
    position: relative;
}

div#header_contener_phone {
    display: inline-block;
    float: left;
    top: 2.25rem;
    position: relative;
}

.header_contener_phone_img {
    background-image: url(../icon/phone.png);
    width: 3rem;
    height: 3.1rem;
    display: inline-block;
    float: left;
    background-size: cover;
}

.header_contener_phone_tel {
    font-size: 2.6rem;
    display: inline-block;
    float: left;
    margin-left: 1rem;
}

div#header_contener_phone_l1 {
    height: 3.5rem;
    margin-bottom: 1rem;
    cursor: pointer;
}

div#header_contener_phone_l2 {
    height: 3.5rem;
    cursor: pointer;
}





div#water {
   /* background-image: url(../icon/bg-water.jpg); */
	background-image: url(../icon/fon2.jpg);
   width: 100%;
   height: 180rem;
   background-size: cover;
   background-position: center 0;
   position: relative;
}

div#water_h1 {
    font-family: 'ProximaNovaLig';
    text-align: center;
    font-size: 2.7rem;
    margin-bottom: 3rem;
}

div#water_content {
    position: absolute;
    width: 60rem;
    height: 40rem;
    top: calc(50% - 44rem);
    left: calc(50% - 16rem);
    color: white;
}

span#h1_big {
    font-family: 'ProximaNovaLig';
    font-size: 10rem;
}

span#h1_mid {
    font-family: 'ProximaNovaLig';
    font-size: 5.1rem;
}

h1 {
    margin: 0;
}

div#water_button {
	position: relative;
	width: 38rem;
	left: calc(50% - 9rem);
	top:-314px;
	margin-top: 2rem;
	height: 60px;
	line-height: 62px;
	text-align: center;
	background-image: -moz-linear-gradient(270deg, #00b5ac 0%, #059ca0 60%);
	background: -webkit-linear-gradient(270deg, #00b5ac 0%, #059ca0 60%);
	background-image: -ms-linear-gradient( 270deg, #00b5ac 0%, #059ca0 60%);
	border-radius: 15px;
	color: white;
	font-size: 24px;
	font-family: 'ProximaNovaBold';
	cursor: pointer;
	font-weight:bold;
}

div#water_cost {
	position: relative;
	width: 100%;
	height: 20rem;
	font-size: 40px;
	font-family: 'ProximaNovaBold';
	color: #17778e;
   text-align: center;
	top:-264px;
	left:100px;
	line-height:50px;
	
}

div#water_button:hover {
    background: rgb(0,185,174);
}

div#metric {
    /*background-image: url(../icon/patern.png);*/
    width: 100%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom;
}

div#metric_pribor {
    width: 314px;
    height: 44.7rem;
    margin-top: -38rem;
    background-size: cover;
    background-position: center;
    position: relative;
	left:-70%; 
}

div#metric_pribor_vector1 {
    background-image: url(../icon/arrow.png);
    width: 2.4rem;
    height: 5.15rem;
    left: calc(50% + 9.75rem);
    top: 20.5rem;
    background-size: cover;
    position: relative;
    animation: magic 2s linear infinite;
}

div#metric_pribor_victor2 {
    background-image: url(../icon/ccircle.png);
    width: 5.8rem;
    height: 5.8rem;
    background-size: cover;
    left: calc(50% - 1.7rem);
    top: 17rem;
    position: relative;
    animation: magic 2s  linear infinite;
}


@keyframes magic {
 100%{transform: rotate(360deg);}
}

@keyframes magic2 {
 50%{box-shadow: 0px 1rem 2rem 1rem rgba(2, 210, 198, 0.35);}
}

span.big {
    font-size: 4.7rem;
    line-height: 6rem;
}

div#metric_ilustration_red {
    color: #e6001b;
    text-align: right;
    display: inline-block;
    float: left;
    width: 38rem;
    line-height: 4rem;
    margin-top: 2.8rem;
}

div#metric_ilustration_blue {
    color: #007fd6;
    text-align: left;
    display: inline-block;
    float: left;
    width: 38rem;
    line-height: 4rem;
    margin-top: 2.8rem;
}

div#metric_ilustration {
    font-family: 'ProximaNovaRegular';
    font-size: 3.7rem;
    width: 107rem;
    height: 420px;
    position: relative;
    left: calc(50% - 53.5rem);
    margin-top: -110rem;
}

div#metric_ilustration2 {
    font-family: 'ProximaNovaRegular';
    font-size: 3.7rem;
    width: 107rem;
    height: 300px;
    position: relative;
    left: calc(50% - 53.5rem);
    margin-top: 0rem;
}

div#metric_title2 {
    font-family: calibri;
    font-size: 24px;
    text-align: center;
    margin-top: 16rem;
	color:#00a0a1;
	font-weight:bold;
	
}

div#metric_title1 {
    font-family: 'ProximaNovaSeb';
    font-size: 5.1rem;
    text-align: center;
    margin-top: 27rem;
	
}
 #metric_note {
    font-family: 'ProximaNovaSeb';
    font-size: 2.4rem;
    color: #4a4a4a;
    margin-top: 7rem;
    width: 107rem;
    position: relative;
	text-align: center;
	margin-top: 3rem;
    left: calc(50% - 53.5rem);
}

div#metric_img img{max-width:107rem; text-align:center; margin-bottom: 25px;}
div#metric_img { text-align:center; margin:0 auto;}
div#shagi{ max-width:740px; margin-left: calc(50% - 370px);}
div.shag{padding-right: 0px;  color:#00a0a1 !important; 
font-family:'ProximaNovaSeb' !important; font-size:20px !important; 
display:table-cell; line-height:24px; vertical-align: middle;  }
.number-step {
	float: left;
	font-size: 140px;
	display: inline-block;
	margin-top: 1px;
	line-height: 100px;
}

div#metric_ilustration_ico {
    background-image: url(../icon/in-yan.png);
    width: 22.9rem;
    height: 19.2rem;
    background-size: cover;
    display: inline-block;
    float: left;
    margin: 0 4rem;
}

div#tesis {
   /* background-image: url(../icon/bg-tesis_main.jpg);*/
    width: 100%;
   /* height: 292rem;*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    color: white;
    padding-top: 0rem;
}
div#tes{background:#00afa9; position:relative; top:90px; padding-top:24px;}

div#tesis_h2, .tesis_title1 {
    font-family: 'ProximaNovaSeb';
    font-size: 5.1rem;
    text-align: center;
    margin-top: 0rem;
}

.tesis_text {
	top:118px;
}

.tesis_text p{
	color:black;
	padding-top: 12px;
}

.tesis_title5{
    font-family: 'ProximaNovaSeb';
    font-size: 5.1rem;
    text-align: center;
    margin-top: 0rem;
	color:#00a0a1;
}

#metric_title1 {
    color: #00a0a1;
}

div#tesis_conent_row1_icon {
    background-image: url(../icon/akkr2.png);
    width: 140px;
    height: 140px;
    background-size: cover;
    margin: auto;
}

div#tesis_conent_row12_icon {
    background-image: url(../icon/money.png);
     width: 140px;
    height: 140px;
    background-size: cover;
    margin: auto;
}

div#tesis_conent_row2_icon {
    background-image: url(../icon/ochered.png);
     width: 140px;
    height: 140px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
}

.ndoc{position:relative; top:10px; margin-bottom:24px;}

div#tesis_conent_row3_icon {
    background-image: url(../icon/scetch.png);
    width: 160px;
    height: 140px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
}

div#tesis_conent_row1 {
    display: inline-block;
    float: left;
    width: 20rem;
}

div#tesis_conent_row12 {
    display: inline-block;
    float: left;
    width: 27rem;
}

div#tesis_conent_row2 {
    display: inline-block;
    float: left;
    margin: 0 3rem 0 0;
}

div#tesis_conent_row3 {
    display: inline-block;
    float: left;
    width: 37rem;
}

div#tesis_conent {
    font-family: 'ProximaNovaRegular';
    font-size: 3.2rem;
    text-align: center;
    position: relative;
    left: calc(50% - 50rem);
    margin-top: 5.5rem;
    width: 120rem;
    height: 32rem;
}

div#quest {
    font-family: 'ProximaNovaRegular';
    font-size: 6.2rem;
    text-align: center;
    margin-top: 14rem;
    line-height: 6rem;
}

span#quest_norm {
    font-size: 5.3rem;
}

div#quest_button {
    font-size: 2.9rem;
    position: relative;
    width: 44rem;
    left: calc(50% - 22rem);
    margin-top: 7.5rem;
    height: 7rem;
    line-height: 7rem;
    text-align: center;
    background-image: -moz-linear-gradient(90deg, rgb(1,149,156) 0%, rgb(0,185,174) 60%);
    background: -webkit-linear-gradient(90deg, rgb(1,149,156) 0%, rgb(0,185,174) 60%);
    background-image: -ms-linear-gradient( 90deg, rgb(1,149,156) 0%, rgb(0,185,174) 60%);
    border-radius: 4rem;
    cursor: pointer;
}

div#quest_button:hover {
    background: rgb(0,185,174);
}

div#kontakts_top {
   /* background-image: url(../icon/patern31.png);*/
    height: 10.7rem;
    width: 100%;
   /* background-position: center;
    background-size: cover;*/
    position: absolute;
	transition: top 1s;
    z-index: 4;
}

div#kontakts_top_text {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 2rem;
	font-size: 5.1rem;
    font-family: 'ProximaNovaRegular';
    color: #00a0a1;
}

div#map {
    position: relative;
    height: 100rem;
    overflow: hidden;
	margin-top:100px;
}

div#kontakts_center {
    background: #13a6a3;
    width: 98.2rem;
    height: 42.1rem;
    left: calc(50% - 49.1rem);
    top: calc(50% - 15rem);
    position: absolute;
    background-size: cover;
    color: white;
	opacity:0.9;
    font-family: 'ProximaNovaSeb';
    font-size: 3.0rem;
    transition: left 1s;
	border-radius:4px;
	z-index: 5;
}

div#kontakts_center_contener_phone_l1 {
    height: 3.5rem;
    margin-bottom: 1rem;
    cursor: pointer;
}

div#kontakts_center_contener_phone_l2 {
    height: 4.2rem;
    cursor: pointer;
}

.kontakts_center_contener_phone_img {
    background-image: url(../icon/fphone.png);
    width: 3.5rem;
    height: 5rem;
    display: inline-block;
    float: left;
    background-size: cover;
	margin-right:2rem;
	margin-top:10px;
}

.kontakts_center_contener_adress_img {
    background-image: url(../icon/addr.png);
    width: 4rem;
    height: 5.3rem;
    display: inline-block;
    float: left;
	margin-right:2rem;
    background-size: cover;
}

.kontakts_center_contener_phone_tel {
    font-size: 3rem;
    display: inline-block;
    float: left;
    margin-left: 0rem;
    margin-top: 15px;
}

div#kontakts_center_contener_mail_icon {
	background-image: url(../icon/fmail.png);
	width: 5.1rem;
	height: 3.6rem;
	display: inline-block;
	float: left;
	background-size: cover;
	margin-top: 0.2rem;
	margin-right:1rem;
}

div#kontakts_center_contener_mail_text {
    display: inline-block;
    float: left;
    margin-left: 1rem;
}

div#kontakts_center_contener_mail {
    height: 6rem;
    font-size: 3rem;
    cursor: pointer;
	position:relative;
	top:5.4rem;
	left:-44%;
}

div#kontakts_center_contener_button {
    font-size: 3.4rem;
    position: relative;
    width: 44rem;
    left: calc(50% - 22rem);
    margin-top: 5.5rem;
    height: 7rem;
    line-height: 7rem;
    text-align: center;
    background:#fff;
    border-radius: 4px;
    cursor: pointer;
    font-family: calibri;
	color:#00A5A4;
}

div#kontakts_center_contener_button:hover {
    text-decoration:underline;
}

div#kontakts_center_contener_adres {
    margin-bottom: 2.5rem;
    margin-top: 5rem;
}

div#kontakts_center_contener {
    position: relative;
    width: 70rem;
    left: calc(50% - 35rem);
}

div#footer {
    background-image: -moz-linear-gradient(90deg, rgb(1,149,156) 0%, rgb(0,185,174) 60%);
    background: -webkit-linear-gradient(90deg, rgb(1,149,156) 0%, rgb(0,185,174) 60%);
    background-image: -ms-linear-gradient( 90deg, rgb(1,149,156) 0%, rgb(0,185,174) 60%);
   /* height: 6.5rem;*/
    width: 100%;
    color: white;
    font-family: 'ProximaNovaRegular';
    font-size: 1.6rem;
  /*  padding-top: 1rem;*/
}

div#footer_text {
    position: relative;
    margin-left: 10rem;
}

/* Стили для выбора улицы*/
.ac_results {
 padding: 0px;
 border: 1px solid black;
 background-color: white;
 overflow: hidden;
 z-index: 99999;
}

.ac_results ul {
 width: 100%;
 list-style-position: outside;
 list-style: none;
 padding: 0;
 margin: 0;
}

.ac_results li {
 margin: 0px;
 padding: 2px 5px;
 cursor: default;
 display: block;
 font: menu;
 font-size: 12px;
 line-height: 16px;
 overflow: hidden;
}

.ac_loading {
 background: white url('/icon/indicator.gif') right center no-repeat;
}

.ac_odd {
 background-color: #eee;
}

.ac_over {
 background-color: #0A246A;
 color: white;
}
/* Конец стилей выбора улицы*/

div#shadow {
    position: fixed;
    background-color: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 20;
    display: none;
}

div#order_header {
    background-image: url(../icon/order-bg.png);
    width: 100%;
    height: 14.3rem;
    background-size: cover;
    padding-top: 5rem;
}

.order {
    width: 119.3rem;
    height: 53rem;
    position: absolute;
    left: calc(50% - 59.6rem);
    top: calc(50% - 33rem);
    border-radius: 1rem;
    box-shadow: 0px 1rem 2rem 1rem rgba(2, 210, 198, 0.1);
    animation: magic2 3s linear infinite;
}

div#order_body {
    background-color: white;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    font-family: 'ProximaNovaLig';
    font-size: 2.4rem;
    color: #b3afaf;
    padding-top: 4rem;
    padding-bottom: 2rem;
    height: 28rem;
}

div#order_header_exit {
    background-image: url(../icon/exit.png);
    width: 2.9rem;
    height: 2.8rem;
    background-size: cover;
    position: absolute;
    right: 1rem;
    top: 1rem;
    cursor: pointer;
}

div#order_header_text {
    font-family: 'ProximaNovaSeb';
    color: white;
    font-size: 1.9rem;
    text-align: center;
}

span#order_header_text_big {
    font-size: 2.8rem;
}

input {
    background-color: #f5f5f5;
    border-radius: 1rem;
    width: 49.5rem;
    height: 5rem;
    border: 1px solid #d0cfcf;
    
    font-family: 'ProximaNovaLig';
    font-size: 1.8rem;
}

div#order_body_line1 {height: 9rem;width: 82rem;position: relative;left: calc(50% - 41rem);margin-bottom: 2rem;}

div#order_body_line1_fio {
    display: inline-block;
    float: left;
}

div#order_body_line1_phone {
    display: inline-block;
    float: left;
    margin-left: 2rem;
}

div#order_body_line2_street {
    display: inline-block;
    float: left;
}

div#order_body_line2_house {
    display: inline-block;
    float: left;
}

div#order_body_line3_kv {
    display: inline-block;
    float: left;
}

div#order_body_line2 {
    height: 9rem;
    width: 82rem;
    position: relative;
    left: calc(50% - 41rem);
}

div#order_body_line3 {
    height: 9rem;
}
/*
input#phone {
    width: 30rem;
}

input#house {
    width: 6rem;
}

input#kv {
    width: 10rem;
}

input#street {
    width: 32rem;
}*/

div#order_body_button {
    position: relative;
    width: 27rem;
    left: calc(50% - 13.5rem);
    margin-top: 2rem;
    height: 5rem;
    line-height: 5rem;
    text-align: center;
    background-image: -moz-linear-gradient(90deg, rgb(1,149,156) 0%, rgb(0,185,174) 60%);
    background: -webkit-linear-gradient(90deg, rgb(1,149,156) 0%, rgb(0,185,174) 60%);
    background-image: -ms-linear-gradient( 90deg, rgb(1,149,156) 0%, rgb(0,185,174) 60%);
    border-radius: 4rem;
    color: white;
    font-size: 2.9rem;
    font-family: 'ProximaNovaRegular';
    cursor: pointer;
}

div#order_body_line2_count_cold {
    display: inline-block;
    float: left;
    margin-left: 2.5rem;
}

div#order_body_line2_count_hot {
    display: inline-block;
    float: left;
    margin-left: 2rem;
}

input#count_cold {
    width: 7rem;
    top: -0.85rem;
    position: relative;
    margin: 0 1rem;
    text-align: center;
    text-indent: 0;
    font-family: 'ProximaNovaRegular';
    font-size: 3.6rem;
}

input#count_hot {
    width: 7rem;
    top: -0.65rem;
    position: relative;
    margin: 0 1rem;
    text-align: center;
    text-indent: 0;
    font-family: 'ProximaNovaRegular';
    font-size: 3.6rem;
}

img.left {
    width: 1.8rem;
    height: 3.1rem;
    cursor: pointer;
}

img.right {
    width: 1.8rem;
    height: 3.1rem;
    cursor: pointer;
}

div#order_body_line2_count_cold_text {
    text-align: center;
}

div#order_body_line2_count_hot_text {
    text-align: center;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input:focus {
    outline: none;
    outline-offset: 0;
    text-align: left;
    border-color: rgb(18, 130, 163);
    border-radius: 1rem;
}

input:hover {
    border-color: rgb(32, 184, 174);
    border-radius: 1rem;
}

div#order_body_line2_count_hot_inp {
    margin-top: 0.9rem;
}

div#order_body_line2_count_cold_inp {
    margin-top: 0.9rem;
}

div#order_body_text {
    text-align: center;
    /* margin-top: 6rem; */
}

div#order_header_exit2 {
    background-image: url(../icon/exit.png);
    width: 2.9rem;
    height: 2.8rem;
    background-size: cover;
    position: absolute;
    right: 1rem;
    top: 1rem;
    cursor: pointer;
}

div#order2 {
    display: none;
}

div#order1 {
    display: none;
}

div#kontakts_center_leftbutton {
    background-image: url(../icon/leftbutton.png);
    width: 4.7rem;
    height: 9.1rem;
    background-size: cover;
    position: absolute;
    top: 50%;
    margin-top: -4.55rem;
    margin-left: 2rem;
    opacity: 0.0;
    transition: opacity 1s;
    cursor: pointer;
}

div#order_body_button:hover {
    background: rgb(0,185,174);
}

div#order_header2 {
    background-image: url(../icon/faq-bg.png);
    width: 100%;
    height: 14.3rem;
    background-size: cover;
    padding-top: 5rem;
}

div#order_header_exit3 {
    background-image: url(../icon/exit.png);
    width: 2.9rem;
    height: 2.8rem;
    background-size: cover;
    position: absolute;
    right: 1rem;
    top: 1rem;
    cursor: pointer;
}

.order_body_contener_quest_h3 {
    font-family: 'ProximaNovaSeb';
    font-size: 3rem;
    color: #5c5c5c;
}

.order_body_contener_quest_answer {
    font-size: 1.8rem;
    color: #5c5c5c;
}

.order_body_contener_quest {margin-bottom: 5rem;}

div#order_body2 {
    background-color: white;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    font-family: 'ProximaNovaLig';
    font-size: 2.4rem;
    color: #b3afaf;
    padding-top: 4rem;
    padding-bottom: 2rem;
    height: 45rem;
}

div#order_body_button2 {
    position: absolute;
    width: 27rem;
    left: calc(50% - 13.5rem);
    margin-top: 2rem;
    height: 5rem;
    bottom: 2rem;
    line-height: 5rem;
    text-align: center;
    background-image: -moz-linear-gradient(90deg, rgb(1,149,156) 0%, rgb(0,185,174) 60%);
    background: -webkit-linear-gradient(90deg, rgb(1,149,156) 0%, rgb(0,185,174) 60%);
    background-image: -ms-linear-gradient( 90deg, rgb(1,149,156) 0%, rgb(0,185,174) 60%);
    border-radius: 4rem;
    color: white;
    font-size: 2.9rem;
    font-family: 'ProximaNovaRegular';
    cursor: pointer;
}

div#order_body_contener {
    height: 38rem;
    margin-left: 10rem;
    margin-right: 8rem;
    overflow-y: scroll;
    padding-right: 2rem;
}

div#order_body_contener::-webkit-scrollbar{
    width:8px;
    height:100%;
    right:5px;
}
div#order_body_contener::-webkit-scrollbar-thumb-piece {
    
    background-color: black;
}
div#order_body_contener::-webkit-scrollbar-thumb {
    border-width: 1px 1px 1px 2px;
    border-color: #fff;
    background-color: rgb(19, 133, 164);
    border-radius:3px;
}
div#order_body_contener::-webkit-scrollbar-track{
    border-width:0;
    background-color: rgb(218, 217, 217);
    border-radius:3px;
}

div#faq3 {
    height: 70rem;
    display: none;
}




div#metric_pribor_number_1 {
    background-image: url(../icon/word_p.png);
    width: 1.8rem;
    height: 3.3rem;
    display: inline-block;
    float: left;
    background-size: cover;
    margin-right: 1.2rem;
    opacity: 0;
    transition: opacity 0.3s;
}

div#metric_pribor_number_2 {
    background-image: url(../icon/word_o.png);
    width: 1.8rem;
    height: 3.2rem;
    display: inline-block;
    float: left;
    background-size: cover;
    margin-right: 1.2rem;
    opacity: 0;
    transition: opacity 0.3s;
}

div#metric_pribor_number_3 {
    background-image: url(../icon/word_v.png);
    width: 1.8rem;
    height: 3.2rem;
    display: inline-block;
    float: left;
    background-size: cover;
    margin-right: 1.15rem;
    opacity: 0;
    transition: opacity 0.3s;
}

div#metric_pribor_number_4 {
    background-image: url(../icon/word_e.png);
    width: 1.8rem;
    height: 3.2rem;
    display: inline-block;
    float: left;
    background-size: cover;
    margin-right: 1.0rem;
    opacity: 0;
    transition: opacity 0.3s;
}

div#metric_pribor_number_5 {
    background-image: url(../icon/word_r.png);
    width: 1.8rem;
    height: 3.2rem;
    display: inline-block;
    float: left;
    background-size: cover;
    margin-right: 1.1rem;
    opacity: 0;
    transition: opacity 0.3s;
}

div#metric_pribor_number_6 {
    background-image: url(../icon/word_e2.png);
    width: 1.8rem;
    height: 3.2rem;
    display: inline-block;
    float: left;
    background-size: cover;
    margin-right: 1.2rem;
    opacity: 0;
    transition: opacity 0.3s;
}

div#metric_pribor_number_7 {
    background-image: url(../icon/word_n.png);
    width: 1.8rem;
    height: 3.2rem;
    display: inline-block;
    float: left;
    background-size: cover;
    margin-right: 1.0rem;
    opacity: 0;
    transition: opacity 0.3s;
}

div#metric_pribor_number_8 {
    background-image: url(../icon/word_o2.png);
    width: 1.8rem;
    height: 4rem;
    display: inline-block;
    float: left;
    background-size: cover;
    opacity: 0;
    transition: opacity 0.3s;
}

div#metric_pribor_number {
    position: absolute;
    left: calc(50% - 12rem);
    top: 25.5%;
}
#info {
    width: 960px;
    height: auto;
    position: relative;
    left: calc(50% - 480px);
    text-align: center;
    margin-top: -1rem;
}

div#otzivy{width:100%; background: #00afa9 none repeat scroll 0 0; position:relative; top:-8rem;}
#feedback {
    width: 80rem;
    height: auto;
    position: relative;
    left: calc(50% - 40rem);
    text-align: center;
    top: 5rem;
}

#info_title1 {
    font-size: 5.1rem;
    font-family: 'ProximaNovaRegular';
    color: #00a0a1;
}

#info_title_otz {
    font-size: 5.1rem;
    font-family: 'ProximaNovaRegular';
    color: #fff;
}

#info_title3 {
    font-family: 'ProximaNovaLig';
    font-size: 2.4rem;
    margin-top: 1rem;
}

.info_title2 {
    font-family: 'ProximaNovaRegular';
    font-size: 2.8rem;
    color: #00a0a1;
    margin-top: 3rem;
}

.info_text {
    text-align: left;
    font-size: 2.4rem;
    font-family: 'ProximaNovaLig';
    margin-top: 4rem;
	border-top: 2px solid #00AFA9;
	padding-top:1.8rem;
	min-height:28rem;
}

.info_img {
    width: 45%;
    height: auto;
    margin-right: 4%;
    display: inline-block;
	
}

.inftxt {
display:table-cell;
	
	
}

#water_cost_price {
    font-size: 2.7rem;
    width: 100%;
    display: table;
}

.tesis_text, #metric_text {
    font-size: 2.4rem;
    font-family: 'ProximaNovaLig';
    width: 107rem;
    position: relative;
    left: calc(50% - 53.5rem);
}

#metric_text {
    color: black;
    margin-top: 1rem;
}

.tesis_text_ul {
    margin-bottom: 1rem;
}

div.tesis_docs_img {
    display: inline;
    margin-right: 2%;
}

img.tesis_docs_img  {
   width: auto;
	height: 200px;
	margin-bottom:16px;
}




.tesis_docs {
    width: 150rem;
    position: relative;
    margin-top: 12rem;
    left: calc(50% - 75rem);
    text-align: center;
	padding-bottom:12rem;
}

.tesis_docs2 {
    width: 150rem;
    position: relative;
    margin-top: 4rem;
    left: calc(50% - 75rem);
    text-align: center;
	padding-bottom:5rem;
}

.tesis_text_line, .tesis_text_text {
    display: table-cell;
    vertical-align: middle;
    padding-right: 2rem;
	color:#000;
}

.info_img2 {
    width: 90%;
}

#header_logo_contacts {
	display: inline-block;
	/*position: relative;*/
	font-family: 'ProximaNovaBold';
	/*float: right;*/
	padding: 0rem 0rem 0rem 0rem;
	margin-right: 0rem;
	padding-top:18px;
	height:98px;
}

#header_logo_contacts_phone {
    font-size: 4.1rem;
    color: #6e6f6f;
}

#header_logo_contacts_text1 {
    font-size: 2.3rem;
    color: #858585
}

#header_phone {
    width: 4rem;
    height: 4rem;
}

a.menu:hover {
    text-decoration: underline;
}

#header_logo_text_logo, #header_logo_text_name {
    display: table-cell;
    vertical-align: middle;
    padding-right: 2rem;
}



#header_logo_text_city, #header_logo_text_phone,  #header_logo_text_graph{
    display: table-cell;
    vertical-align: middle;
	padding-right: 1rem;
	
    
}

 #header_logo_text_city2, #header_logo_text_phone2,  #header_logo_text_graph2 {
	display: table-cell;
	vertical-align: middle;
	color:#555555;
	padding-right: 4rem;
	font-family: 'ProximaNovaRegular';
	font-size:24px;
}

#header_logo_text_graph2 {line-height:30px; padding-right: 0rem !important;}


#tmn {padding-top:0rem;}
#tmn2{position:relative; color: #4ea4b9;
    font-family: "ProximaNovaBold";
    font-size: 3.1rem; }

#logo {
    height: 70px;
}

.water_cost_price_cell {
    display: table-cell;
    width: 50%;
    text-align: center;
}

.water_cost_price_cell span {
    font-size: 4rem;
}

.water_cost_price_cell:first-child {
    border-right: 1px solid rgb(0, 126, 149);
}
    #slider_1 {position:relative; top:-10px;}
        #slider_1 .container, #slider_1 .navi, #slider_1 .scrollable, #slider_1 .item{ width:107rem;  }
	#slider_1 .container, #slider_1 .scrollable{ height:160px; }

	#slider_1 a.disabled{ visibility:hidden !important; }
	#slider_1 .container{ margin:0 auto; clear:both; position:relative; left:calc(50% - 53.5rem); }
	#slider_1 .scrollable{ float:left; position:relative; overflow:hidden; }
	#slider_1 .scrollable .items{ width:20000em; position:absolute; clear:both; }
	#slider_1 .items .item{ float:left; }

	#slider_1 a.browse{ cursor:pointer; margin:0; width:30px; height:44px; position:absolute; top:44px; border:none; border-radius:0; background: url(../icon/left1.png) 0 0 no-repeat; }
	#slider_1 a.left{ left:-90px; }
	#slider_1 a.right{ background: url(../icon/right1.png) 0 0 no-repeat; right:-90px; }

	#slider_1 .items .img{ height:112px; width:112px; float:left; margin:0; }
	#slider_1 .items .img img{ max-widht:106px; max-height:106px; display:block; margin:0 auto; border:3px solid #e2bc82; }

	#slider_1 .items .content{ width:30%; float:left; font-family:arial, sans-serif; font-style:italic; margin:0 0 0 11px; }
	#slider_1 .items .content .name{ font-size:18px; font-weight:bold; font-family:calibri; color:#fff; }
	#slider_1 .items .content .text{ font-size:16px; line-height:22px; margin:4px 0 16px 0; color:#fff; font-family:calibri; }





ul.men  {
  text-align: justify;
  line-height: 0;
  margin-top:12px !important;
 
  /* Opera Presto */
  font-size: 1px;
 
  /* IE6-7 */
  text-justify: newspaper; 
  zoom: 1;
  text-align-last: justify;
}
ul.men:after {
  width: 100%;
  height: 0px;
  visibility: hidden;
  overflow: hidden;
  content: "";
  display: inline-block;
}
ul.men li  {
  display: inline-block;
  text-align: left;
  font-family:calibri;
 
  /* Восстанавливаем обнулённые свойства */
  line-height: normal;
  font-size: 16px;
 
  /* Opera Presto */
  vertical-align: top;
 
  /* IE6-7 */
  //display : inline;
  //zoom : 1;
}
.man-text {
	width: 300px;
	color: gray;
	font-family: 'ProximaNovaRegular';
	border: solid 1px red;
	float: left;
	margin-left: calc(50% - 530px);
	font-size: 30px;
	text-align:center;
	margin-top: -330px;
}
#ModalForm {
	border-radius: 20px; 
	width: 840px;
	padding: 10px 10px;
}